@luomus/laji-form 14.3.7 → 14.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -102,6 +102,7 @@ const fields = importLocalComponents("fields", [
102
102
  "InputWithDefaultValueButtonField",
103
103
  "MultiTagArrayField",
104
104
  "PdfArrayField",
105
+ "AsArrayField",
105
106
  { "InputTransformerField": "ConditionalOnChangeField" },
106
107
  { "ConditionalField": "ConditionalUiSchemaField" },
107
108
  { "UnitRapidField": "UnitShorthandField" },
@@ -0,0 +1,292 @@
1
+ import * as React from "react";
2
+ import * as PropTypes from "prop-types";
3
+ import { FieldProps } from "../LajiForm";
4
+ export default class AsArrayField extends React.Component<FieldProps> {
5
+ static propTypes: {
6
+ schema: PropTypes.Validator<PropTypes.InferProps<{
7
+ type: PropTypes.Requireable<string>;
8
+ }>>;
9
+ formData: PropTypes.Requireable<string | number | boolean | object>;
10
+ };
11
+ static getName(): string;
12
+ getStateFromProps(props: FieldProps): {
13
+ formData: any[];
14
+ schema: {
15
+ title: any;
16
+ type: string;
17
+ items: any;
18
+ maxItems: number;
19
+ };
20
+ onChange: (formData: any[]) => void;
21
+ uiSchema: any;
22
+ errorSchema: any;
23
+ formContext: import("../LajiForm").FormContext;
24
+ idSchema: import("@rjsf/utils").IdSchema<any>;
25
+ onBlur: (id: string, value: any) => void;
26
+ onFocus: (id: string, value: any) => void;
27
+ autofocus?: boolean | undefined;
28
+ disabled: boolean;
29
+ hideError?: boolean | undefined;
30
+ readonly: boolean;
31
+ required?: boolean | undefined;
32
+ name: string;
33
+ idPrefix?: string | undefined;
34
+ idSeparator?: string | undefined;
35
+ rawErrors?: string[] | undefined;
36
+ registry: import("@rjsf/utils").Registry<any, any, import("../LajiForm").FormContext>;
37
+ hidden?: boolean | undefined;
38
+ dir?: string | undefined;
39
+ slot?: string | undefined;
40
+ style?: React.CSSProperties | undefined;
41
+ title?: string | undefined;
42
+ color?: string | undefined;
43
+ translate?: "yes" | "no" | undefined;
44
+ prefix?: string | undefined;
45
+ children?: React.ReactNode;
46
+ id?: string | undefined;
47
+ defaultChecked?: boolean | undefined;
48
+ defaultValue?: string | number | readonly string[] | undefined;
49
+ suppressContentEditableWarning?: boolean | undefined;
50
+ suppressHydrationWarning?: boolean | undefined;
51
+ accessKey?: string | undefined;
52
+ className?: string | undefined;
53
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
54
+ contextMenu?: string | undefined;
55
+ draggable?: (boolean | "false" | "true") | undefined;
56
+ lang?: string | undefined;
57
+ placeholder?: string | undefined;
58
+ spellCheck?: (boolean | "false" | "true") | undefined;
59
+ tabIndex?: number | undefined;
60
+ radioGroup?: string | undefined;
61
+ role?: React.AriaRole | undefined;
62
+ about?: string | undefined;
63
+ datatype?: string | undefined;
64
+ inlist?: any;
65
+ property?: string | undefined;
66
+ resource?: string | undefined;
67
+ typeof?: string | undefined;
68
+ vocab?: string | undefined;
69
+ autoCapitalize?: string | undefined;
70
+ autoCorrect?: string | undefined;
71
+ autoSave?: string | undefined;
72
+ itemProp?: string | undefined;
73
+ itemScope?: boolean | undefined;
74
+ itemType?: string | undefined;
75
+ itemID?: string | undefined;
76
+ itemRef?: string | undefined;
77
+ results?: number | undefined;
78
+ security?: string | undefined;
79
+ unselectable?: "on" | "off" | undefined;
80
+ inputMode?: "search" | "numeric" | "none" | "text" | "tel" | "url" | "email" | "decimal" | undefined;
81
+ is?: string | undefined;
82
+ 'aria-activedescendant'?: string | undefined;
83
+ 'aria-atomic'?: boolean | "false" | "true" | undefined;
84
+ 'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
85
+ 'aria-busy'?: boolean | "false" | "true" | undefined;
86
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
87
+ 'aria-colcount'?: number | undefined;
88
+ 'aria-colindex'?: number | undefined;
89
+ 'aria-colspan'?: number | undefined;
90
+ 'aria-controls'?: string | undefined;
91
+ 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
92
+ 'aria-describedby'?: string | undefined;
93
+ 'aria-details'?: string | undefined;
94
+ 'aria-disabled'?: boolean | "false" | "true" | undefined;
95
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
96
+ 'aria-errormessage'?: string | undefined;
97
+ 'aria-expanded'?: boolean | "false" | "true" | undefined;
98
+ 'aria-flowto'?: string | undefined;
99
+ 'aria-grabbed'?: boolean | "false" | "true" | undefined;
100
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
101
+ 'aria-hidden'?: boolean | "false" | "true" | undefined;
102
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
103
+ 'aria-keyshortcuts'?: string | undefined;
104
+ 'aria-label'?: string | undefined;
105
+ 'aria-labelledby'?: string | undefined;
106
+ 'aria-level'?: number | undefined;
107
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
108
+ 'aria-modal'?: boolean | "false" | "true" | undefined;
109
+ 'aria-multiline'?: boolean | "false" | "true" | undefined;
110
+ 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
111
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined;
112
+ 'aria-owns'?: string | undefined;
113
+ 'aria-placeholder'?: string | undefined;
114
+ 'aria-posinset'?: number | undefined;
115
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
116
+ 'aria-readonly'?: boolean | "false" | "true" | undefined;
117
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
118
+ 'aria-required'?: boolean | "false" | "true" | undefined;
119
+ 'aria-roledescription'?: string | undefined;
120
+ 'aria-rowcount'?: number | undefined;
121
+ 'aria-rowindex'?: number | undefined;
122
+ 'aria-rowspan'?: number | undefined;
123
+ 'aria-selected'?: boolean | "false" | "true" | undefined;
124
+ 'aria-setsize'?: number | undefined;
125
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
126
+ 'aria-valuemax'?: number | undefined;
127
+ 'aria-valuemin'?: number | undefined;
128
+ 'aria-valuenow'?: number | undefined;
129
+ 'aria-valuetext'?: string | undefined;
130
+ dangerouslySetInnerHTML?: {
131
+ __html: string;
132
+ } | undefined;
133
+ onCopy?: React.ClipboardEventHandler<HTMLElement> | undefined;
134
+ onCopyCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
135
+ onCut?: React.ClipboardEventHandler<HTMLElement> | undefined;
136
+ onCutCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
137
+ onPaste?: React.ClipboardEventHandler<HTMLElement> | undefined;
138
+ onPasteCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
139
+ onCompositionEnd?: React.CompositionEventHandler<HTMLElement> | undefined;
140
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
141
+ onCompositionStart?: React.CompositionEventHandler<HTMLElement> | undefined;
142
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
143
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLElement> | undefined;
144
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
145
+ onFocusCapture?: React.FocusEventHandler<HTMLElement> | undefined;
146
+ onBlurCapture?: React.FocusEventHandler<HTMLElement> | undefined;
147
+ onChangeCapture?: React.FormEventHandler<HTMLElement> | undefined;
148
+ onBeforeInput?: React.FormEventHandler<HTMLElement> | undefined;
149
+ onBeforeInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
150
+ onInput?: React.FormEventHandler<HTMLElement> | undefined;
151
+ onInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
152
+ onReset?: React.FormEventHandler<HTMLElement> | undefined;
153
+ onResetCapture?: React.FormEventHandler<HTMLElement> | undefined;
154
+ onSubmit?: React.FormEventHandler<HTMLElement> | undefined;
155
+ onSubmitCapture?: React.FormEventHandler<HTMLElement> | undefined;
156
+ onInvalid?: React.FormEventHandler<HTMLElement> | undefined;
157
+ onInvalidCapture?: React.FormEventHandler<HTMLElement> | undefined;
158
+ onLoad?: React.ReactEventHandler<HTMLElement> | undefined;
159
+ onLoadCapture?: React.ReactEventHandler<HTMLElement> | undefined;
160
+ onError?: React.ReactEventHandler<HTMLElement> | undefined;
161
+ onErrorCapture?: React.ReactEventHandler<HTMLElement> | undefined;
162
+ onKeyDown?: React.KeyboardEventHandler<HTMLElement> | undefined;
163
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
164
+ onKeyPress?: React.KeyboardEventHandler<HTMLElement> | undefined;
165
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
166
+ onKeyUp?: React.KeyboardEventHandler<HTMLElement> | undefined;
167
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
168
+ onAbort?: React.ReactEventHandler<HTMLElement> | undefined;
169
+ onAbortCapture?: React.ReactEventHandler<HTMLElement> | undefined;
170
+ onCanPlay?: React.ReactEventHandler<HTMLElement> | undefined;
171
+ onCanPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
172
+ onCanPlayThrough?: React.ReactEventHandler<HTMLElement> | undefined;
173
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLElement> | undefined;
174
+ onDurationChange?: React.ReactEventHandler<HTMLElement> | undefined;
175
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
176
+ onEmptied?: React.ReactEventHandler<HTMLElement> | undefined;
177
+ onEmptiedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
178
+ onEncrypted?: React.ReactEventHandler<HTMLElement> | undefined;
179
+ onEncryptedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
180
+ onEnded?: React.ReactEventHandler<HTMLElement> | undefined;
181
+ onEndedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
182
+ onLoadedData?: React.ReactEventHandler<HTMLElement> | undefined;
183
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
184
+ onLoadedMetadata?: React.ReactEventHandler<HTMLElement> | undefined;
185
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
186
+ onLoadStart?: React.ReactEventHandler<HTMLElement> | undefined;
187
+ onLoadStartCapture?: React.ReactEventHandler<HTMLElement> | undefined;
188
+ onPause?: React.ReactEventHandler<HTMLElement> | undefined;
189
+ onPauseCapture?: React.ReactEventHandler<HTMLElement> | undefined;
190
+ onPlay?: React.ReactEventHandler<HTMLElement> | undefined;
191
+ onPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
192
+ onPlaying?: React.ReactEventHandler<HTMLElement> | undefined;
193
+ onPlayingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
194
+ onProgress?: React.ReactEventHandler<HTMLElement> | undefined;
195
+ onProgressCapture?: React.ReactEventHandler<HTMLElement> | undefined;
196
+ onRateChange?: React.ReactEventHandler<HTMLElement> | undefined;
197
+ onRateChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
198
+ onSeeked?: React.ReactEventHandler<HTMLElement> | undefined;
199
+ onSeekedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
200
+ onSeeking?: React.ReactEventHandler<HTMLElement> | undefined;
201
+ onSeekingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
202
+ onStalled?: React.ReactEventHandler<HTMLElement> | undefined;
203
+ onStalledCapture?: React.ReactEventHandler<HTMLElement> | undefined;
204
+ onSuspend?: React.ReactEventHandler<HTMLElement> | undefined;
205
+ onSuspendCapture?: React.ReactEventHandler<HTMLElement> | undefined;
206
+ onTimeUpdate?: React.ReactEventHandler<HTMLElement> | undefined;
207
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLElement> | undefined;
208
+ onVolumeChange?: React.ReactEventHandler<HTMLElement> | undefined;
209
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
210
+ onWaiting?: React.ReactEventHandler<HTMLElement> | undefined;
211
+ onWaitingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
212
+ onAuxClick?: React.MouseEventHandler<HTMLElement> | undefined;
213
+ onAuxClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
214
+ onClick?: React.MouseEventHandler<HTMLElement> | undefined;
215
+ onClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
216
+ onContextMenu?: React.MouseEventHandler<HTMLElement> | undefined;
217
+ onContextMenuCapture?: React.MouseEventHandler<HTMLElement> | undefined;
218
+ onDoubleClick?: React.MouseEventHandler<HTMLElement> | undefined;
219
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
220
+ onDrag?: React.DragEventHandler<HTMLElement> | undefined;
221
+ onDragCapture?: React.DragEventHandler<HTMLElement> | undefined;
222
+ onDragEnd?: React.DragEventHandler<HTMLElement> | undefined;
223
+ onDragEndCapture?: React.DragEventHandler<HTMLElement> | undefined;
224
+ onDragEnter?: React.DragEventHandler<HTMLElement> | undefined;
225
+ onDragEnterCapture?: React.DragEventHandler<HTMLElement> | undefined;
226
+ onDragExit?: React.DragEventHandler<HTMLElement> | undefined;
227
+ onDragExitCapture?: React.DragEventHandler<HTMLElement> | undefined;
228
+ onDragLeave?: React.DragEventHandler<HTMLElement> | undefined;
229
+ onDragLeaveCapture?: React.DragEventHandler<HTMLElement> | undefined;
230
+ onDragOver?: React.DragEventHandler<HTMLElement> | undefined;
231
+ onDragOverCapture?: React.DragEventHandler<HTMLElement> | undefined;
232
+ onDragStart?: React.DragEventHandler<HTMLElement> | undefined;
233
+ onDragStartCapture?: React.DragEventHandler<HTMLElement> | undefined;
234
+ onDrop?: React.DragEventHandler<HTMLElement> | undefined;
235
+ onDropCapture?: React.DragEventHandler<HTMLElement> | undefined;
236
+ onMouseDown?: React.MouseEventHandler<HTMLElement> | undefined;
237
+ onMouseDownCapture?: React.MouseEventHandler<HTMLElement> | undefined;
238
+ onMouseEnter?: React.MouseEventHandler<HTMLElement> | undefined;
239
+ onMouseLeave?: React.MouseEventHandler<HTMLElement> | undefined;
240
+ onMouseMove?: React.MouseEventHandler<HTMLElement> | undefined;
241
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLElement> | undefined;
242
+ onMouseOut?: React.MouseEventHandler<HTMLElement> | undefined;
243
+ onMouseOutCapture?: React.MouseEventHandler<HTMLElement> | undefined;
244
+ onMouseOver?: React.MouseEventHandler<HTMLElement> | undefined;
245
+ onMouseOverCapture?: React.MouseEventHandler<HTMLElement> | undefined;
246
+ onMouseUp?: React.MouseEventHandler<HTMLElement> | undefined;
247
+ onMouseUpCapture?: React.MouseEventHandler<HTMLElement> | undefined;
248
+ onSelect?: React.ReactEventHandler<HTMLElement> | undefined;
249
+ onSelectCapture?: React.ReactEventHandler<HTMLElement> | undefined;
250
+ onTouchCancel?: React.TouchEventHandler<HTMLElement> | undefined;
251
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLElement> | undefined;
252
+ onTouchEnd?: React.TouchEventHandler<HTMLElement> | undefined;
253
+ onTouchEndCapture?: React.TouchEventHandler<HTMLElement> | undefined;
254
+ onTouchMove?: React.TouchEventHandler<HTMLElement> | undefined;
255
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLElement> | undefined;
256
+ onTouchStart?: React.TouchEventHandler<HTMLElement> | undefined;
257
+ onTouchStartCapture?: React.TouchEventHandler<HTMLElement> | undefined;
258
+ onPointerDown?: React.PointerEventHandler<HTMLElement> | undefined;
259
+ onPointerDownCapture?: React.PointerEventHandler<HTMLElement> | undefined;
260
+ onPointerMove?: React.PointerEventHandler<HTMLElement> | undefined;
261
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLElement> | undefined;
262
+ onPointerUp?: React.PointerEventHandler<HTMLElement> | undefined;
263
+ onPointerUpCapture?: React.PointerEventHandler<HTMLElement> | undefined;
264
+ onPointerCancel?: React.PointerEventHandler<HTMLElement> | undefined;
265
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLElement> | undefined;
266
+ onPointerEnter?: React.PointerEventHandler<HTMLElement> | undefined;
267
+ onPointerEnterCapture?: React.PointerEventHandler<HTMLElement> | undefined;
268
+ onPointerLeave?: React.PointerEventHandler<HTMLElement> | undefined;
269
+ onPointerLeaveCapture?: React.PointerEventHandler<HTMLElement> | undefined;
270
+ onPointerOver?: React.PointerEventHandler<HTMLElement> | undefined;
271
+ onPointerOverCapture?: React.PointerEventHandler<HTMLElement> | undefined;
272
+ onPointerOut?: React.PointerEventHandler<HTMLElement> | undefined;
273
+ onPointerOutCapture?: React.PointerEventHandler<HTMLElement> | undefined;
274
+ onGotPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
275
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
276
+ onLostPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
277
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
278
+ onScroll?: React.UIEventHandler<HTMLElement> | undefined;
279
+ onScrollCapture?: React.UIEventHandler<HTMLElement> | undefined;
280
+ onWheel?: React.WheelEventHandler<HTMLElement> | undefined;
281
+ onWheelCapture?: React.WheelEventHandler<HTMLElement> | undefined;
282
+ onAnimationStart?: React.AnimationEventHandler<HTMLElement> | undefined;
283
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
284
+ onAnimationEnd?: React.AnimationEventHandler<HTMLElement> | undefined;
285
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
286
+ onAnimationIteration?: React.AnimationEventHandler<HTMLElement> | undefined;
287
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
288
+ onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
289
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
290
+ };
291
+ onChange: (formData: any[]) => void;
292
+ }
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5
+ 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;
6
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
7
+ };
8
+ Object.defineProperty(exports, "__esModule", { value: true });
9
+ const React = require("react");
10
+ const PropTypes = require("prop-types");
11
+ const VirtualSchemaField_1 = require("../VirtualSchemaField");
12
+ let AsArrayField = class AsArrayField extends React.Component {
13
+ constructor() {
14
+ super(...arguments);
15
+ this.onChange = (formData) => {
16
+ this.props.onChange(formData === null || formData === void 0 ? void 0 : formData[0]);
17
+ };
18
+ }
19
+ static getName() { return "AsArrayField"; }
20
+ getStateFromProps(props) {
21
+ var _a;
22
+ return Object.assign(Object.assign({}, props), { formData: ((_a = props.formData) === null || _a === void 0 ? void 0 : _a.length) ? [props.formData[0]] : [], schema: {
23
+ title: props.schema.title,
24
+ type: "array",
25
+ items: Object.assign(Object.assign({}, props.schema), { title: undefined }),
26
+ maxItems: 1
27
+ }, onChange: this.onChange });
28
+ }
29
+ };
30
+ AsArrayField.propTypes = {
31
+ schema: PropTypes.shape({
32
+ type: PropTypes.oneOf(["array", "object", "string", "integer", "number", "boolean"])
33
+ }).isRequired,
34
+ formData: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.string, PropTypes.number, PropTypes.bool])
35
+ };
36
+ AsArrayField = __decorate([
37
+ VirtualSchemaField_1.default
38
+ ], AsArrayField);
39
+ exports.default = AsArrayField;
@@ -505,6 +505,8 @@ function MediaArrayField(ComposedComponent) {
505
505
  const { dragging } = this.state;
506
506
  const { Row, Col } = this.context.theme;
507
507
  const { DescriptionFieldTemplate } = this.props.registry.templates;
508
+ const mediaCount = (this.props.formData || []).length + (this.state.tmpMedias || []).length;
509
+ const showAdd = utils_1.isNullOrUndefined(this.props.schema.maxItems) || mediaCount < this.props.schema.maxItems;
508
510
  return (React.createElement(Row, null,
509
511
  React.createElement(Col, { xs: 12 },
510
512
  React.createElement(TitleFieldTemplate, { title: title, schema: schema, uiSchema: uiSchema, id: idSchema.$id, registry: this.props.registry }),
@@ -512,7 +514,7 @@ function MediaArrayField(ComposedComponent) {
512
514
  React.createElement("div", { className: `laji-form-medias ${this.CONTAINER_CLASS}` },
513
515
  this.renderMedias(),
514
516
  this.renderLoadingMedias(),
515
- React.createElement(OverlayTrigger, { overlay: tooltip },
517
+ showAdd && React.createElement(OverlayTrigger, { overlay: tooltip },
516
518
  React.createElement(react_dropzone_1.default, { accept: this.ACCEPT_FILE_TYPES, onDragEnter: this.onDragEnter, onDragLeave: this.onDragLeave, onDrop: this.onDrop, disabled: readonly || disabled, noKeyboard: true }, ({ getRootProps, getInputProps }) => {
517
519
  const _a = getRootProps(), { onClick: _onClick } = _a, rootProps = __rest(_a, ["onClick"]);
518
520
  const onClick = addModal ? this.defaultOnClick : _onClick;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luomus/laji-form",
3
- "version": "14.3.7",
3
+ "version": "14.3.8",
4
4
  "description": "React module capable of building dynamic forms from Laji form json schemas",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib/index.d.ts",
@@ -1,5 +0,0 @@
1
- {
2
- "name": "Using fixtures to represent data",
3
- "email": "hello@cypress.io",
4
- "body": "Fixtures are a great way to mock data for responses to routes"
5
- }
package/llol DELETED
@@ -1,10 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="utf-8">
5
- <title>Error</title>
6
- </head>
7
- <body>
8
- <pre>Cannot POST /v0/html-to-pdf</pre>
9
- </body>
10
- </html>
package/llol.pdf DELETED
@@ -1,10 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="utf-8">
5
- <title>Error</title>
6
- </head>
7
- <body>
8
- <pre>Cannot POST /v0/html-to-pdf</pre>
9
- </body>
10
- </html>
package/q DELETED
@@ -1,196 +0,0 @@
1
- ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
2
- modified: src/components/components.js
3
- ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
4
- @ src/components/components.js:360 @ export class Stretch extends React.Component {
5
- }
6
- 
7
- invalidate = (callback) => {
8
-  console.log('invalidate');
9
- this.update(this.getState(), callback);
10
- }
11
- 
12
- ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
13
- modified: src/components/fields/EnumRangeArrayField.js
14
- ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
15
- @ src/components/fields/EnumRangeArrayField.js:8 @ import BaseComponent from "../BaseComponent";
16
- import { getUiOptions } from "../../utils";
17
- import { Autosuggest } from "../widgets/AutosuggestWidget";
18
- import { TagInputComponent } from "./TagArrayField";
19
- const equals = require("deep-equal");
20
- 
21
- @BaseComponent
22
- export default class EnumRangeArrayField extends React.Component {
23
- @ src/components/fields/EnumRangeArrayField.js:30 @ export default class EnumRangeArrayField extends React.Component {
24
- this.state = {value: ""};
25
- }
26
- 
27
-  UNSAFE_componentWillReceiveProps(props) {
28
-  if (!equals(props.formData, this.props.formData)) {
29
-  this.props.formContext.services.customEvents.send(props.idSchema.$id, "resize");
30
-  }
31
-  }
32
-  
33
- setRef = (elem) => {
34
- this.autosuggestRef = elem;
35
- }
36
- ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
37
- modified: src/components/fields/ImageArrayField.tsx
38
- ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
39
- @ src/components/fields/ImageArrayField.tsx:209 @ export function MediaArrayField<LFC extends Constructor<React.Component<FieldPro
40
- this.mounted = false;
41
- }
42
- 
43
-  componentDidUpdate(prevProps: FieldProps, prevState: MediaArrayState) {
44
-  const getCount = (_props: FieldProps, _state: MediaArrayState) => ((_props.formData || []).length + (_state.tmpMedias || []).length);
45
-  
46
-  if (getCount(prevProps, prevState) !== getCount(this.props, this.state)) {
47
-  this.props.formContext.services.customEvents.send(this.props.idSchema.$id, "resize");
48
-  }
49
-  }
50
-  
51
- onDragEnter = () => {this.setState({dragging: true});};
52
- 
53
- onDragLeave = () => {this.setState({dragging: false});};
54
- ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
55
- modified: src/components/fields/MapArrayField.js
56
- ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
57
- @ src/components/fields/MapArrayField.js:1159 @ class _MapArrayField extends ComposedComponent { // eslint-disable-line indent
58
- this._tileLayerNameOnNextTick = tileLayerOptions;
59
- this._tileLayerNameOnNextTickCallback = callback;
60
- };
61
-  this._resizeEventHandler = () => {
62
-  this.refs.stretch.invalidate();
63
-  };
64
- this.props.formContext.services.customEvents.add(this.props.idSchema.$id, "activeIdx", this._setActiveEventHandler);
65
- this.props.formContext.services.customEvents.add(this.props.idSchema.$id, "zoomToData", this._zoomToDataEventHandler);
66
- this.props.formContext.services.customEvents.add(this.props.idSchema.$id, "tileLayers", this._tileLayersEventHandler);
67
-  this.props.formContext.services.customEvents.add(this.props.idSchema.$id, "resize", this._resizeEventHandler);
68
- 
69
- if (this.state.activeIdx !== undefined) {
70
- this.afterActiveChange(this.state.activeIdx, !!"initial call");
71
- @ src/components/fields/MapArrayField.js:1179 @ class _MapArrayField extends ComposedComponent { // eslint-disable-line indent
72
- this.props.formContext.services.customEvents.remove(this.props.idSchema.$id, "activeIdx", this._setActiveEventHandler);
73
- this.props.formContext.services.customEvents.remove(this.props.idSchema.$id, "zoomToData", this._zoomToDataEventHandler);
74
- this.props.formContext.services.customEvents.remove(this.props.idSchema.$id, "tileLayers", this._tileLayersEventHandler);
75
-  this.props.formContext.services.customEvents.remove(this.props.idSchema.$id, "resize", this._resizeEventHandler);
76
- }
77
- 
78
- componentDidUpdate(...params) {
79
- ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
80
- modified: src/components/fields/SchemaField.js
81
- ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
82
- @ src/components/fields/SchemaField.js:112 @ export default class _SchemaField extends React.Component {
83
- };
84
- }
85
- 
86
-  componentDidUpdate(prevProps) {
87
-  if (!deepEquals(prevProps.errorSchema, this.props.errorSchema)) {
88
-  this.props.registry.formContext.services.customEvents.send(this.props.idSchema.$id, "resize");
89
-  }
90
-  }
91
-  
92
- render() {
93
- const props = this.functionOutputProps || this.props;
94
- let {schema, uiSchema = {}, formContext, registry, ..._props} = props; // eslint-disable-line @typescript-eslint/no-unused-vars
95
- ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
96
- modified: src/components/fields/ScopeField.js
97
- ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
98
- @ src/components/fields/ScopeField.js:138 @ export default class ScopeField extends React.Component {
99
- }
100
- if (!equals(prevState.fieldsToShow, this.state.fieldsToShow)) {
101
- this.props.formContext.utils.syncScroll();
102
-  this.props.formContext.services.customEvents.send(this.props.idSchema.$id, "resize");
103
- }
104
- }
105
- 
106
- ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
107
- modified: src/components/fields/SingleActiveArrayField.js
108
- ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
109
- @ src/components/fields/SingleActiveArrayField.js:678 @ class TableArrayFieldTemplate extends React.Component {
110
- super(props);
111
- this.state = {};
112
- this.itemElems = [];
113
-  this.resizeObserver = new ResizeObserver(this.onResize);
114
- }
115
- 
116
-  onResize = (data, callback) => {
117
-  this.updateLayout(null, callback);
118
-  onResize = () => {
119
-  this.updateLayout();
120
- }
121
- 
122
- componentDidMount() {
123
-  this.props.formContext.services.customEvents.add(this.props.idSchema.$id, "resize", this.onResize);
124
- this._updateRenderingMode = () => this.updateRenderingMode();
125
- window.addEventListener("resize", this._updateRenderingMode);
126
- this.updateRenderingMode();
127
- @ src/components/fields/SingleActiveArrayField.js:694 @ class TableArrayFieldTemplate extends React.Component {
128
- 
129
- componentWillUnmount() {
130
- window.removeEventListener("resize", this._updateRenderingMode);
131
-  this.props.formContext.services.customEvents.remove(this.props.idSchema.$id, "resize", this.onResize);
132
-  this.resizeObserver.disconnect();
133
- }
134
- 
135
- componentDidUpdate(prevProps, prevState) {
136
- @ src/components/fields/SingleActiveArrayField.js:726 @ class TableArrayFieldTemplate extends React.Component {
137
- if (tHeadHeight) this.prevTHeadHeight = tHeadHeight;
138
- this._prevCheckedLength = this.props.items.length;
139
- }
140
-  
141
-  if (this.props.idSchema.$id !== prevProps.idSchema.$id) {
142
-  prevProps.formContext.services.customEvents.remove(prevProps.idSchema.$id, "resize", this.onResize);
143
-  this.props.formContext.services.customEvents.add(this.props.idSchema.$id, "resize", this.onResize);
144
-  this.updateLayout();
145
-  }
146
- }
147
- 
148
- // Sets state.normalRendering on if screen is too small for table layout.
149
- @ src/components/fields/SingleActiveArrayField.js:775 @ class TableArrayFieldTemplate extends React.Component {
150
- 
151
- setActiveRef = (elem) => {
152
- this.activeElem = elem;
153
-  this.activeElem && this.resizeObserver.observe(this.activeElem);
154
- }
155
- 
156
- setTHeadRef = (elem) => {
157
- ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
158
- modified: src/components/fields/TagArrayField.js
159
- ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
160
- @ src/components/fields/TagArrayField.js:6 @ import { findDOMNode } from "react-dom";
161
- import * as PropTypes from "prop-types";
162
- import { isEmptyString, getUiOptions, triggerParentComponent } from "../../utils";
163
- import BaseComponent from "../BaseComponent";
164
- const equals = require("deep-equal");
165
- 
166
- @BaseComponent
167
- export default class TagArrayField extends React.Component {
168
- @ src/components/fields/TagArrayField.js:43 @ export class TagInputComponent extends React.Component {
169
- this.setState(this.getStateFromProps(props));
170
- }
171
- 
172
-  componentDidUpdate(prevProps) {
173
-  if (!equals(prevProps.formData, this.props.formData)) {
174
-  this.props.formContext.services.customEvents.send(this.props.idSchema.$id, "resize");
175
-  }
176
-  }
177
-  
178
- getStateFromProps = ({value}) => {
179
- return {value};
180
- }
181
- ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
182
- modified: src/components/templates/ArrayFieldTemplate.js
183
- ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
184
- @ src/components/templates/ArrayFieldTemplate.js:13 @ import { getTemplate } from "@rjsf/utils";
185
- function onAdd(e, props) {
186
- if (!canAdd(props)) return;
187
- props.onAddClick(e);
188
-  setTimeout(() => props.formContext.services.customEvents.send(props.idSchema.$id, "resize"));
189
- }
190
- 
191
- export const onDelete = (item, props) => (e) => {
192
- item.onDropIndexClick(item.index)(e);
193
-  setTimeout(() => props.formContext.services.customEvents.send(props.idSchema.$id, "resize"));
194
- };
195
- 
196
- export function beforeAdd(props) {