@bigbinary/neeto-form-frontend 3.0.1 → 3.0.2
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.
- package/dist/index.cjs.js +339 -1705
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.js +421 -1787
- package/dist/index.js.map +1 -1
- package/package.json +3 -2
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import _defineProperty
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
2
|
import * as React$2 from 'react';
|
|
3
|
-
import React__default, { useState, createElement, useRef, useEffect,
|
|
3
|
+
import React__default, { useState, createElement, useRef, useEffect, useCallback, createContext, useContext, useLayoutEffect, useMemo, forwardRef, Fragment as Fragment$1 } from 'react';
|
|
4
4
|
import { useQuery, useQueryClient, useMutation, keepPreviousData } from '@tanstack/react-query';
|
|
5
5
|
import classnames from 'classnames';
|
|
6
6
|
import { useFormikContext, useField, FieldArray, Form as Form$3, Formik, Field, FastField } from 'formik';
|
|
@@ -9,13 +9,13 @@ import { buildUrl, showThumbsUpToastr, withEventTargetValue, getQueryParams, dat
|
|
|
9
9
|
import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
|
|
10
10
|
import { assoc, mergeLeft, compose, isEmpty, trim, useWith, path, split, isNotNil, either, isNil, values, equals, modify, prop, range, includes, __, reduce, reject, keys, pick, omit, pluck, without, difference, pipe as pipe$1, last, not, toLower, map, clamp as clamp$2, identity, filter as filter$1 } from 'ramda';
|
|
11
11
|
import i18next, { t as t$3 } from 'i18next';
|
|
12
|
-
import _objectWithoutProperties
|
|
12
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
13
13
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
14
|
-
import _toConsumableArray
|
|
14
|
+
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
15
15
|
import { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from '@bigbinary/neeto-commons-frontend/constants';
|
|
16
16
|
import { useMutationWithInvalidation, withImmutableActions, withT, useStateWithDependency, useOnClickOutside, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
|
|
17
17
|
import axios from 'axios';
|
|
18
|
-
import _slicedToArray
|
|
18
|
+
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
19
19
|
import { Droppable, Draggable, DragDropContext } from '@hello-pangea/dnd';
|
|
20
20
|
import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
|
|
21
21
|
import { useTranslation, Trans, I18nextProvider } from 'react-i18next';
|
|
@@ -64,6 +64,7 @@ import DatePicker from '@bigbinary/neetoui/DatePicker';
|
|
|
64
64
|
import path$1 from 'path';
|
|
65
65
|
import Input$1 from '@bigbinary/neetoui/Input';
|
|
66
66
|
import { DirectUpload } from '@rails/activestorage';
|
|
67
|
+
import { useDropzone } from 'react-dropzone';
|
|
67
68
|
import FileGeneric from '@bigbinary/neeto-icons/FileGeneric';
|
|
68
69
|
import Select$1 from '@bigbinary/neetoui/Select';
|
|
69
70
|
import Radio from '@bigbinary/neetoui/Radio';
|
|
@@ -98,13 +99,13 @@ var _excluded$e = ["size"],
|
|
|
98
99
|
_excluded3$2 = ["size"],
|
|
99
100
|
_excluded4$1 = ["size"],
|
|
100
101
|
_excluded5$1 = ["size"];
|
|
101
|
-
function ownKeys$
|
|
102
|
-
function _objectSpread$
|
|
102
|
+
function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
103
|
+
function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
103
104
|
var Star = function Star(props) {
|
|
104
105
|
var _props$size = props.size,
|
|
105
106
|
size = _props$size === void 0 ? 20 : _props$size,
|
|
106
|
-
other = _objectWithoutProperties
|
|
107
|
-
return /*#__PURE__*/jsx("svg", _objectSpread$
|
|
107
|
+
other = _objectWithoutProperties(props, _excluded$e);
|
|
108
|
+
return /*#__PURE__*/jsx("svg", _objectSpread$z(_objectSpread$z({
|
|
108
109
|
fill: "none",
|
|
109
110
|
height: size,
|
|
110
111
|
stroke: "currentColor",
|
|
@@ -123,8 +124,8 @@ var Star = function Star(props) {
|
|
|
123
124
|
var Heart = function Heart(props) {
|
|
124
125
|
var _props$size2 = props.size,
|
|
125
126
|
size = _props$size2 === void 0 ? 20 : _props$size2,
|
|
126
|
-
other = _objectWithoutProperties
|
|
127
|
-
return /*#__PURE__*/jsx("svg", _objectSpread$
|
|
127
|
+
other = _objectWithoutProperties(props, _excluded2$2);
|
|
128
|
+
return /*#__PURE__*/jsx("svg", _objectSpread$z(_objectSpread$z({
|
|
128
129
|
fill: "none",
|
|
129
130
|
height: size,
|
|
130
131
|
stroke: "currentColor",
|
|
@@ -143,8 +144,8 @@ var Heart = function Heart(props) {
|
|
|
143
144
|
var Zap = function Zap(props) {
|
|
144
145
|
var _props$size3 = props.size,
|
|
145
146
|
size = _props$size3 === void 0 ? 20 : _props$size3,
|
|
146
|
-
other = _objectWithoutProperties
|
|
147
|
-
return /*#__PURE__*/jsx("svg", _objectSpread$
|
|
147
|
+
other = _objectWithoutProperties(props, _excluded3$2);
|
|
148
|
+
return /*#__PURE__*/jsx("svg", _objectSpread$z(_objectSpread$z({
|
|
148
149
|
fill: "none",
|
|
149
150
|
height: size,
|
|
150
151
|
stroke: "currentColor",
|
|
@@ -163,8 +164,8 @@ var Zap = function Zap(props) {
|
|
|
163
164
|
var Crown = function Crown(_ref) {
|
|
164
165
|
var _ref$size = _ref.size,
|
|
165
166
|
size = _ref$size === void 0 ? 20 : _ref$size,
|
|
166
|
-
otherProps = _objectWithoutProperties
|
|
167
|
-
return /*#__PURE__*/jsx("svg", _objectSpread$
|
|
167
|
+
otherProps = _objectWithoutProperties(_ref, _excluded4$1);
|
|
168
|
+
return /*#__PURE__*/jsx("svg", _objectSpread$z(_objectSpread$z({
|
|
168
169
|
fill: "none",
|
|
169
170
|
height: size,
|
|
170
171
|
stroke: "currentColor",
|
|
@@ -187,8 +188,8 @@ var Crown = function Crown(_ref) {
|
|
|
187
188
|
var Trophy = function Trophy(_ref2) {
|
|
188
189
|
var _ref2$size = _ref2.size,
|
|
189
190
|
size = _ref2$size === void 0 ? 20 : _ref2$size,
|
|
190
|
-
otherProps = _objectWithoutProperties
|
|
191
|
-
return /*#__PURE__*/jsxs("svg", _objectSpread$
|
|
191
|
+
otherProps = _objectWithoutProperties(_ref2, _excluded5$1);
|
|
192
|
+
return /*#__PURE__*/jsxs("svg", _objectSpread$z(_objectSpread$z({
|
|
192
193
|
fill: "none",
|
|
193
194
|
height: size,
|
|
194
195
|
stroke: "currentColor",
|
|
@@ -558,7 +559,7 @@ var handleQuestionMutationSuccess = function handleQuestionMutationSuccess(_ref)
|
|
|
558
559
|
language = _ref.language,
|
|
559
560
|
queryClient = _ref.queryClient,
|
|
560
561
|
onSuccess = _ref.onSuccess;
|
|
561
|
-
var _args = _slicedToArray
|
|
562
|
+
var _args = _slicedToArray(args, 1),
|
|
562
563
|
data = _args[0];
|
|
563
564
|
queryClient.invalidateQueries({
|
|
564
565
|
queryKey: [QUERY_KEYS.QUESTIONS, formId]
|
|
@@ -568,23 +569,23 @@ var handleQuestionMutationSuccess = function handleQuestionMutationSuccess(_ref)
|
|
|
568
569
|
});
|
|
569
570
|
queryClient.setQueryData([QUERY_KEYS.QUESTIONS, formId, language], assoc("questions", data.questions));
|
|
570
571
|
queryClient.setQueryData([QUERY_KEYS.QUESTIONS, "preview/".concat(formId), language], assoc("questions", data.questions));
|
|
571
|
-
onSuccess === null || onSuccess === void 0 || onSuccess.apply(void 0, _toConsumableArray
|
|
572
|
+
onSuccess === null || onSuccess === void 0 || onSuccess.apply(void 0, _toConsumableArray(args));
|
|
572
573
|
};
|
|
573
574
|
|
|
574
575
|
var _excluded$d = ["formId", "preview", "language"],
|
|
575
576
|
_excluded2$1 = ["formId", "language"],
|
|
576
577
|
_excluded3$1 = ["page", "pageSize"],
|
|
577
578
|
_excluded5 = ["formId", "submissionId"];
|
|
578
|
-
function ownKeys$
|
|
579
|
-
function _objectSpread$
|
|
579
|
+
function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
580
|
+
function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
580
581
|
var useForm = function useForm(_ref) {
|
|
581
582
|
var formId = _ref.formId,
|
|
582
583
|
_ref$preview = _ref.preview,
|
|
583
584
|
preview = _ref$preview === void 0 ? null : _ref$preview,
|
|
584
585
|
_ref$language = _ref.language,
|
|
585
586
|
language = _ref$language === void 0 ? i18next.resolvedLanguage : _ref$language,
|
|
586
|
-
options = _objectWithoutProperties
|
|
587
|
-
return useQuery(_objectSpread$
|
|
587
|
+
options = _objectWithoutProperties(_ref, _excluded$d);
|
|
588
|
+
return useQuery(_objectSpread$y({
|
|
588
589
|
queryKey: [QUERY_KEYS.QUESTIONS, preview ? "preview/".concat(formId) : formId, language],
|
|
589
590
|
queryFn: function queryFn() {
|
|
590
591
|
return neetoFormApi.getPublicQuestions(formId, language);
|
|
@@ -596,8 +597,8 @@ var useFetchQuestions = function useFetchQuestions(_ref2) {
|
|
|
596
597
|
var formId = _ref2.formId,
|
|
597
598
|
_ref2$language = _ref2.language,
|
|
598
599
|
language = _ref2$language === void 0 ? i18next.resolvedLanguage : _ref2$language,
|
|
599
|
-
options = _objectWithoutProperties
|
|
600
|
-
return useQuery(_objectSpread$
|
|
600
|
+
options = _objectWithoutProperties(_ref2, _excluded2$1);
|
|
601
|
+
return useQuery(_objectSpread$y({
|
|
601
602
|
queryKey: [QUERY_KEYS.QUESTIONS, formId, language],
|
|
602
603
|
queryFn: function queryFn() {
|
|
603
604
|
return neetoFormApi.getQuestions(formId, language);
|
|
@@ -608,13 +609,13 @@ var useFetchQuestions = function useFetchQuestions(_ref2) {
|
|
|
608
609
|
var useCreateForm = function useCreateForm(options) {
|
|
609
610
|
var language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : i18next.resolvedLanguage;
|
|
610
611
|
var queryClient = useQueryClient();
|
|
611
|
-
return useMutation(_objectSpread$
|
|
612
|
+
return useMutation(_objectSpread$y(_objectSpread$y({
|
|
612
613
|
mutationFn: neetoFormApi.createForm
|
|
613
614
|
}, options), {}, {
|
|
614
615
|
onSuccess: function onSuccess(form) {
|
|
615
616
|
var _options$onSuccess;
|
|
616
617
|
queryClient.setQueryData([QUERY_KEYS.QUESTIONS], function (forms) {
|
|
617
|
-
return forms && [].concat(_toConsumableArray
|
|
618
|
+
return forms && [].concat(_toConsumableArray(forms), [form]);
|
|
618
619
|
});
|
|
619
620
|
queryClient.setQueryData([QUERY_KEYS.QUESTIONS, form.id, language], form);
|
|
620
621
|
queryClient.setQueryData([QUERY_KEYS.QUESTIONS, "preview/".concat(form.id), language], form);
|
|
@@ -628,7 +629,7 @@ var useCreateForm = function useCreateForm(options) {
|
|
|
628
629
|
var useUpdateForm = function useUpdateForm(options) {
|
|
629
630
|
var language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : i18next.resolvedLanguage;
|
|
630
631
|
var queryClient = useQueryClient();
|
|
631
|
-
return useMutation(_objectSpread$
|
|
632
|
+
return useMutation(_objectSpread$y(_objectSpread$y({
|
|
632
633
|
mutationFn: function mutationFn(_ref3) {
|
|
633
634
|
var id = _ref3.id,
|
|
634
635
|
values = _ref3.values;
|
|
@@ -658,7 +659,7 @@ var useUpdateForm = function useUpdateForm(options) {
|
|
|
658
659
|
var useCreateQuestion = function useCreateQuestion(formId, language) {
|
|
659
660
|
var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
660
661
|
var queryClient = useQueryClient();
|
|
661
|
-
return useMutation(_objectSpread$
|
|
662
|
+
return useMutation(_objectSpread$y(_objectSpread$y({
|
|
662
663
|
mutationFn: function mutationFn(payload) {
|
|
663
664
|
return neetoFormApi.createQuestion(formId, filterNonNull(payload));
|
|
664
665
|
}
|
|
@@ -680,7 +681,7 @@ var useCreateQuestion = function useCreateQuestion(formId, language) {
|
|
|
680
681
|
var useUpdateQuestion = function useUpdateQuestion(formId, language) {
|
|
681
682
|
var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
682
683
|
var queryClient = useQueryClient();
|
|
683
|
-
return useMutation(_objectSpread$
|
|
684
|
+
return useMutation(_objectSpread$y(_objectSpread$y({
|
|
684
685
|
mutationFn: function mutationFn(_ref5) {
|
|
685
686
|
var questionId = _ref5.questionId,
|
|
686
687
|
payload = _ref5.payload;
|
|
@@ -708,7 +709,7 @@ var useUpdateQuestion = function useUpdateQuestion(formId, language) {
|
|
|
708
709
|
var useDeleteQuestion = function useDeleteQuestion(formId, language) {
|
|
709
710
|
var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
710
711
|
var queryClient = useQueryClient();
|
|
711
|
-
return useMutation(_objectSpread$
|
|
712
|
+
return useMutation(_objectSpread$y(_objectSpread$y({
|
|
712
713
|
mutationFn: function mutationFn(questionId) {
|
|
713
714
|
return neetoFormApi.deleteQuestion(formId, questionId);
|
|
714
715
|
}
|
|
@@ -730,7 +731,7 @@ var useDeleteQuestion = function useDeleteQuestion(formId, language) {
|
|
|
730
731
|
var useReorderQuestions = function useReorderQuestions(formId, language) {
|
|
731
732
|
var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
732
733
|
var queryClient = useQueryClient();
|
|
733
|
-
return useMutation(_objectSpread$
|
|
734
|
+
return useMutation(_objectSpread$y(_objectSpread$y({
|
|
734
735
|
mutationFn: function mutationFn(payload) {
|
|
735
736
|
return neetoFormApi.reorderQuestions(formId, filterNonNull(payload));
|
|
736
737
|
}
|
|
@@ -755,8 +756,8 @@ var useForms = function useForms() {
|
|
|
755
756
|
page = _ref6$page === void 0 ? DEFAULT_PAGE_INDEX : _ref6$page,
|
|
756
757
|
_ref6$pageSize = _ref6.pageSize,
|
|
757
758
|
pageSize = _ref6$pageSize === void 0 ? DEFAULT_PAGE_SIZE : _ref6$pageSize,
|
|
758
|
-
options = _objectWithoutProperties
|
|
759
|
-
return useQuery(_objectSpread$
|
|
759
|
+
options = _objectWithoutProperties(_ref6, _excluded3$1);
|
|
760
|
+
return useQuery(_objectSpread$y({
|
|
760
761
|
queryKey: [QUERY_KEYS.FORMS, page],
|
|
761
762
|
queryFn: function queryFn() {
|
|
762
763
|
return neetoFormApi.getForms({
|
|
@@ -771,7 +772,7 @@ var useDeleteForm = function useDeleteForm(options) {
|
|
|
771
772
|
return useMutationWithInvalidation(function (_ref7) {
|
|
772
773
|
var id = _ref7.id;
|
|
773
774
|
return neetoFormApi.destroyForm(id);
|
|
774
|
-
}, _objectSpread$
|
|
775
|
+
}, _objectSpread$y(_objectSpread$y({}, options), {}, {
|
|
775
776
|
keysToInvalidate: [[QUERY_KEYS.FORMS], function (_, _ref8) {
|
|
776
777
|
var id = _ref8.id;
|
|
777
778
|
return [QUERY_KEYS.QUESTIONS, id];
|
|
@@ -787,8 +788,8 @@ var useDeleteForm = function useDeleteForm(options) {
|
|
|
787
788
|
var useSubmission = function useSubmission(_ref11) {
|
|
788
789
|
var formId = _ref11.formId,
|
|
789
790
|
submissionId = _ref11.submissionId,
|
|
790
|
-
options = _objectWithoutProperties
|
|
791
|
-
return useQuery(_objectSpread$
|
|
791
|
+
options = _objectWithoutProperties(_ref11, _excluded5);
|
|
792
|
+
return useQuery(_objectSpread$y({
|
|
792
793
|
queryKey: [QUERY_KEYS.SUBMISSION, formId, submissionId],
|
|
793
794
|
queryFn: function queryFn() {
|
|
794
795
|
return neetoFormApi.getPublicSubmission(formId, submissionId);
|
|
@@ -798,7 +799,7 @@ var useSubmission = function useSubmission(_ref11) {
|
|
|
798
799
|
};
|
|
799
800
|
var useCreateSubmission = function useCreateSubmission(options) {
|
|
800
801
|
var queryClient = useQueryClient();
|
|
801
|
-
return useMutation(_objectSpread$
|
|
802
|
+
return useMutation(_objectSpread$y(_objectSpread$y({
|
|
802
803
|
mutationFn: function mutationFn(_ref12) {
|
|
803
804
|
var formId = _ref12.formId,
|
|
804
805
|
values = _ref12.values;
|
|
@@ -825,7 +826,7 @@ var useCreateSubmission = function useCreateSubmission(options) {
|
|
|
825
826
|
};
|
|
826
827
|
var useUpdateSubmission = function useUpdateSubmission(options) {
|
|
827
828
|
var queryClient = useQueryClient();
|
|
828
|
-
return useMutation(_objectSpread$
|
|
829
|
+
return useMutation(_objectSpread$y(_objectSpread$y({
|
|
829
830
|
mutationFn: function mutationFn(_ref13) {
|
|
830
831
|
var formId = _ref13.formId,
|
|
831
832
|
values = _ref13.values;
|
|
@@ -970,13 +971,13 @@ var _excluded$c = ["size", "color"],
|
|
|
970
971
|
_excluded2 = ["size", "color"],
|
|
971
972
|
_excluded3 = ["size", "color"],
|
|
972
973
|
_excluded4 = ["size", "color"];
|
|
973
|
-
function ownKeys$
|
|
974
|
-
function _objectSpread$
|
|
974
|
+
function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
975
|
+
function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
975
976
|
var BadSmiley = function BadSmiley(props) {
|
|
976
977
|
var size = props.size,
|
|
977
978
|
color = props.color,
|
|
978
|
-
other = _objectWithoutProperties
|
|
979
|
-
return /*#__PURE__*/jsxs("svg", _objectSpread$
|
|
979
|
+
other = _objectWithoutProperties(props, _excluded$c);
|
|
980
|
+
return /*#__PURE__*/jsxs("svg", _objectSpread$x(_objectSpread$x({
|
|
980
981
|
fill: "none",
|
|
981
982
|
height: size,
|
|
982
983
|
viewBox: "0 0 48 48",
|
|
@@ -999,8 +1000,8 @@ BadSmiley.defaultProps = {
|
|
|
999
1000
|
var OkaySmiley = function OkaySmiley(props) {
|
|
1000
1001
|
var size = props.size,
|
|
1001
1002
|
color = props.color,
|
|
1002
|
-
other = _objectWithoutProperties
|
|
1003
|
-
return /*#__PURE__*/jsxs("svg", _objectSpread$
|
|
1003
|
+
other = _objectWithoutProperties(props, _excluded2);
|
|
1004
|
+
return /*#__PURE__*/jsxs("svg", _objectSpread$x(_objectSpread$x({
|
|
1004
1005
|
fill: "none",
|
|
1005
1006
|
height: size,
|
|
1006
1007
|
viewBox: "0 0 48 48",
|
|
@@ -1023,8 +1024,8 @@ OkaySmiley.defaultProps = {
|
|
|
1023
1024
|
var GoodSmiley = function GoodSmiley(props) {
|
|
1024
1025
|
var size = props.size,
|
|
1025
1026
|
color = props.color,
|
|
1026
|
-
other = _objectWithoutProperties
|
|
1027
|
-
return /*#__PURE__*/jsxs("svg", _objectSpread$
|
|
1027
|
+
other = _objectWithoutProperties(props, _excluded3);
|
|
1028
|
+
return /*#__PURE__*/jsxs("svg", _objectSpread$x(_objectSpread$x({
|
|
1028
1029
|
fill: "none",
|
|
1029
1030
|
height: size,
|
|
1030
1031
|
viewBox: "0 0 48 48",
|
|
@@ -1047,8 +1048,8 @@ GoodSmiley.defaultProps = {
|
|
|
1047
1048
|
var Drag = function Drag(props) {
|
|
1048
1049
|
var size = props.size,
|
|
1049
1050
|
color = props.color,
|
|
1050
|
-
other = _objectWithoutProperties
|
|
1051
|
-
return /*#__PURE__*/jsxs("svg", _objectSpread$
|
|
1051
|
+
other = _objectWithoutProperties(props, _excluded4);
|
|
1052
|
+
return /*#__PURE__*/jsxs("svg", _objectSpread$x(_objectSpread$x({
|
|
1052
1053
|
fill: "none",
|
|
1053
1054
|
height: size,
|
|
1054
1055
|
viewBox: "0 0 24 24",
|
|
@@ -1107,7 +1108,7 @@ var htmlToPlainText = function htmlToPlainText(htmlContent) {
|
|
|
1107
1108
|
};
|
|
1108
1109
|
|
|
1109
1110
|
var generateRatingOptions = function generateRatingOptions(range) {
|
|
1110
|
-
return generateArray.apply(void 0, _toConsumableArray
|
|
1111
|
+
return generateArray.apply(void 0, _toConsumableArray(range)).map(toLabelAndValue);
|
|
1111
1112
|
};
|
|
1112
1113
|
|
|
1113
1114
|
var _FILE_TYPES_MAP;
|
|
@@ -1125,7 +1126,7 @@ var STAR_RATING_ICONS_MAP = {
|
|
|
1125
1126
|
};
|
|
1126
1127
|
var STAR_RATING_MAX_VALUE_OPTIONS = generateRatingOptions([3, 10]);
|
|
1127
1128
|
var STAR_RATING_MIN_VALUE_OPTIONS = generateRatingOptions([0, 1]);
|
|
1128
|
-
var FILE_TYPES_MAP = (_FILE_TYPES_MAP = {}, _defineProperty
|
|
1129
|
+
var FILE_TYPES_MAP = (_FILE_TYPES_MAP = {}, _defineProperty(_FILE_TYPES_MAP, FILE_TYPES.DOCUMENTS, ["pdf", "doc", "docx", "xls", "xlsx", "csv", "txt", "rtf", "html", "zip", "md"]), _defineProperty(_FILE_TYPES_MAP, FILE_TYPES.IMAGES, ["jpg", "jpeg", "png", "gif"]), _defineProperty(_FILE_TYPES_MAP, FILE_TYPES.AUDIO_VIDEO, ["mp3", "wma", "mpg", "flv", "avi"]), _FILE_TYPES_MAP);
|
|
1129
1130
|
var DEFAULT_ALLOWED_FILE_TYPES = values(FILE_TYPES_MAP).flat().join(", ");
|
|
1130
1131
|
var FILE_GROUPS = [{
|
|
1131
1132
|
label: t$3("neetoForm.fileTypes.documents"),
|
|
@@ -1405,11 +1406,11 @@ var ChangeLanguageDropdown = function ChangeLanguageDropdown(_ref) {
|
|
|
1405
1406
|
languages = _ref.languages,
|
|
1406
1407
|
onChange = _ref.onChange;
|
|
1407
1408
|
var _useState = useState(false),
|
|
1408
|
-
_useState2 = _slicedToArray
|
|
1409
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
1409
1410
|
isUnsavedChangesAlertOpen = _useState2[0],
|
|
1410
1411
|
setIsUnsavedChangesAlertOpen = _useState2[1];
|
|
1411
1412
|
var _useState3 = useState(currentLanguage),
|
|
1412
|
-
_useState4 = _slicedToArray
|
|
1413
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
1413
1414
|
selectedLanguage = _useState4[0],
|
|
1414
1415
|
setSelectedLanguage = _useState4[1];
|
|
1415
1416
|
var _useTranslation = useTranslation(),
|
|
@@ -1591,8 +1592,8 @@ var Card = function Card(_ref) {
|
|
|
1591
1592
|
});
|
|
1592
1593
|
};
|
|
1593
1594
|
|
|
1594
|
-
function ownKeys$
|
|
1595
|
-
function _objectSpread$
|
|
1595
|
+
function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1596
|
+
function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1596
1597
|
var Questions = function Questions(_ref) {
|
|
1597
1598
|
var questions = _ref.questions,
|
|
1598
1599
|
isDeletable = _ref.isDeletable,
|
|
@@ -1609,7 +1610,7 @@ var Questions = function Questions(_ref) {
|
|
|
1609
1610
|
var droppableProps = _ref2.droppableProps,
|
|
1610
1611
|
placeholder = _ref2.placeholder,
|
|
1611
1612
|
innerRef = _ref2.innerRef;
|
|
1612
|
-
return /*#__PURE__*/jsxs("div", _objectSpread$
|
|
1613
|
+
return /*#__PURE__*/jsxs("div", _objectSpread$w(_objectSpread$w({}, droppableProps), {}, {
|
|
1613
1614
|
className: "space-y-2",
|
|
1614
1615
|
ref: innerRef,
|
|
1615
1616
|
children: [questions.map(function (question, index) {
|
|
@@ -1622,7 +1623,7 @@ var Questions = function Questions(_ref) {
|
|
|
1622
1623
|
var draggableProps = _ref3.draggableProps,
|
|
1623
1624
|
dragHandleProps = _ref3.dragHandleProps,
|
|
1624
1625
|
innerRef = _ref3.innerRef;
|
|
1625
|
-
return /*#__PURE__*/jsx("div", _objectSpread$
|
|
1626
|
+
return /*#__PURE__*/jsx("div", _objectSpread$w(_objectSpread$w(_objectSpread$w({}, draggableProps), dragHandleProps), {}, {
|
|
1626
1627
|
ref: innerRef,
|
|
1627
1628
|
children: /*#__PURE__*/jsx(Card, {
|
|
1628
1629
|
allQuestionKinds: allQuestionKinds,
|
|
@@ -1719,8 +1720,8 @@ var arrayHelpers = {
|
|
|
1719
1720
|
moveItem: moveItem
|
|
1720
1721
|
};
|
|
1721
1722
|
|
|
1722
|
-
function ownKeys$
|
|
1723
|
-
function _objectSpread$
|
|
1723
|
+
function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1724
|
+
function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1724
1725
|
var generateUniqueFieldCode = function generateUniqueFieldCode(type, questions) {
|
|
1725
1726
|
var fieldCodes = pluck("fieldCode", filterBy({
|
|
1726
1727
|
kind: type
|
|
@@ -1753,10 +1754,10 @@ var handleFieldDragEnd = function handleFieldDragEnd(_ref2) {
|
|
|
1753
1754
|
source = _ref2.source,
|
|
1754
1755
|
destination = _ref2.destination;
|
|
1755
1756
|
if (!(destination && items instanceof Array)) return;
|
|
1756
|
-
var nextItems = _toConsumableArray
|
|
1757
|
+
var nextItems = _toConsumableArray(items);
|
|
1757
1758
|
arrayHelpers.moveItem(nextItems, source.index, destination.index);
|
|
1758
1759
|
var orderedItems = nextItems.map(function (item, index) {
|
|
1759
|
-
return _objectSpread$
|
|
1760
|
+
return _objectSpread$v(_objectSpread$v({}, item), {}, {
|
|
1760
1761
|
displayOrder: index
|
|
1761
1762
|
});
|
|
1762
1763
|
});
|
|
@@ -1770,7 +1771,7 @@ var createFieldData = function createFieldData(_ref3) {
|
|
|
1770
1771
|
_ref3$isRequired = _ref3.isRequired,
|
|
1771
1772
|
isRequired = _ref3$isRequired === void 0 ? undefined : _ref3$isRequired,
|
|
1772
1773
|
questions = _ref3.questions;
|
|
1773
|
-
return _objectSpread$
|
|
1774
|
+
return _objectSpread$v(_objectSpread$v({}, defaults), {}, {
|
|
1774
1775
|
metadata: metadata,
|
|
1775
1776
|
isRequired: isRequired,
|
|
1776
1777
|
kind: type,
|
|
@@ -1794,7 +1795,7 @@ var duplicateFieldData = function duplicateFieldData(_ref4) {
|
|
|
1794
1795
|
var newQuestionLabel = isRichTextQuestion(kind) ? label : t$3("neetoForm.common.clonedElementLabel", {
|
|
1795
1796
|
label: label
|
|
1796
1797
|
});
|
|
1797
|
-
return _objectSpread$
|
|
1798
|
+
return _objectSpread$v(_objectSpread$v({}, defaultAttributes), {}, {
|
|
1798
1799
|
isRequired: isRequired,
|
|
1799
1800
|
kind: kind,
|
|
1800
1801
|
label: newQuestionLabel,
|
|
@@ -1874,7 +1875,7 @@ var NAME = QUESTION_TYPES.NAME,
|
|
|
1874
1875
|
RATING$1 = QUESTION_TYPES.RATING,
|
|
1875
1876
|
DATE = QUESTION_TYPES.DATE,
|
|
1876
1877
|
FILE_UPLOAD$1 = QUESTION_TYPES.FILE_UPLOAD;
|
|
1877
|
-
var QUESTIONS_WITH_ADDITIONAL_DATA = [].concat(_toConsumableArray
|
|
1878
|
+
var QUESTIONS_WITH_ADDITIONAL_DATA = [].concat(_toConsumableArray(SELECTABLE_KINDS), [STAR_RATING$1, RATING$1, FILE_UPLOAD$1]);
|
|
1878
1879
|
var QUESTIONS_WITH_PLACEHOLDERS = [NAME, PHONE, EMAIL, ADDITIONAL_GUESTS, TEXT, TEXTAREA, RICH_TEXT, INTEGER, DECIMAL, DATE];
|
|
1879
1880
|
var DEFAULT_PLACEHOLDERS = {
|
|
1880
1881
|
CHECKBOX: t$3("neetoForm.questions.common.questionFields.field.labelExample", {
|
|
@@ -1894,12 +1895,12 @@ var INITIAL_VALUES = {
|
|
|
1894
1895
|
};
|
|
1895
1896
|
|
|
1896
1897
|
var _excluded$b = ["label", "name"];
|
|
1897
|
-
function ownKeys$
|
|
1898
|
-
function _objectSpread$
|
|
1898
|
+
function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1899
|
+
function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1899
1900
|
var FormikAdaptiveInput = function FormikAdaptiveInput(_ref) {
|
|
1900
1901
|
var label = _ref.label,
|
|
1901
1902
|
name = _ref.name,
|
|
1902
|
-
otherProps = _objectWithoutProperties
|
|
1903
|
+
otherProps = _objectWithoutProperties(_ref, _excluded$b);
|
|
1903
1904
|
var _useFormikContext = useFormikContext(),
|
|
1904
1905
|
submitForm = _useFormikContext.submitForm;
|
|
1905
1906
|
var handleKeyDown = function handleKeyDown(event) {
|
|
@@ -1911,7 +1912,7 @@ var FormikAdaptiveInput = function FormikAdaptiveInput(_ref) {
|
|
|
1911
1912
|
var end = element.value.length;
|
|
1912
1913
|
element.setSelectionRange(end, end);
|
|
1913
1914
|
};
|
|
1914
|
-
return /*#__PURE__*/jsx(Textarea, _objectSpread$
|
|
1915
|
+
return /*#__PURE__*/jsx(Textarea, _objectSpread$u({
|
|
1915
1916
|
label: label,
|
|
1916
1917
|
name: name,
|
|
1917
1918
|
className: "neeto-form-nano-adaptive-input",
|
|
@@ -2021,7 +2022,7 @@ var Editor = function Editor() {
|
|
|
2021
2022
|
name: fieldName,
|
|
2022
2023
|
validate: validateEditorContent(editorRef)
|
|
2023
2024
|
}),
|
|
2024
|
-
_useField2 = _slicedToArray
|
|
2025
|
+
_useField2 = _slicedToArray(_useField, 3),
|
|
2025
2026
|
value = _useField2[0].value,
|
|
2026
2027
|
_useField2$ = _useField2[1],
|
|
2027
2028
|
touched = _useField2$.touched,
|
|
@@ -2066,13 +2067,13 @@ var RequiredSwitch = withT(function (_ref) {
|
|
|
2066
2067
|
});
|
|
2067
2068
|
|
|
2068
2069
|
var _excluded$a = ["maxLength"];
|
|
2069
|
-
function ownKeys$
|
|
2070
|
-
function _objectSpread$
|
|
2070
|
+
function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2071
|
+
function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2071
2072
|
var InputWithMaxLength = function InputWithMaxLength(_ref) {
|
|
2072
2073
|
var maxLength = _ref.maxLength,
|
|
2073
|
-
props = _objectWithoutProperties
|
|
2074
|
+
props = _objectWithoutProperties(_ref, _excluded$a);
|
|
2074
2075
|
var _useField = useField(props),
|
|
2075
|
-
_useField2 = _slicedToArray
|
|
2076
|
+
_useField2 = _slicedToArray(_useField, 3),
|
|
2076
2077
|
value = _useField2[0].value,
|
|
2077
2078
|
setValue = _useField2[2].setValue;
|
|
2078
2079
|
useEffect(function () {
|
|
@@ -2081,7 +2082,7 @@ var InputWithMaxLength = function InputWithMaxLength(_ref) {
|
|
|
2081
2082
|
}
|
|
2082
2083
|
}, [value, maxLength, setValue]);
|
|
2083
2084
|
var shouldShowMaxLength = value && value.length > maxLength - 10;
|
|
2084
|
-
return /*#__PURE__*/jsx(Input, _objectSpread$
|
|
2085
|
+
return /*#__PURE__*/jsx(Input, _objectSpread$t(_objectSpread$t({}, props), shouldShowMaxLength && {
|
|
2085
2086
|
maxLength: maxLength
|
|
2086
2087
|
}));
|
|
2087
2088
|
};
|
|
@@ -2138,7 +2139,7 @@ var Form$1 = function Form(_ref) {
|
|
|
2138
2139
|
type: kind
|
|
2139
2140
|
});
|
|
2140
2141
|
var _useStateWithDependen = useStateWithDependency(getQuestionKind(questionKinds, questionKindUniquenessPattern), [kind]),
|
|
2141
|
-
_useStateWithDependen2 = _slicedToArray
|
|
2142
|
+
_useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 1),
|
|
2142
2143
|
questionKind = _useStateWithDependen2[0];
|
|
2143
2144
|
var _ref2 = questionKind ? getActiveKindDetails({
|
|
2144
2145
|
allQuestionKinds: allQuestionKinds,
|
|
@@ -2259,8 +2260,8 @@ var formValidationSchema = yup.object().shape({
|
|
|
2259
2260
|
});
|
|
2260
2261
|
|
|
2261
2262
|
var _excluded$9 = ["question", "onClose", "questions", "handleSelect", "buildRequestArgs", "isOpen"];
|
|
2262
|
-
function ownKeys$
|
|
2263
|
-
function _objectSpread$
|
|
2263
|
+
function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2264
|
+
function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2264
2265
|
var Add = function Add(_ref) {
|
|
2265
2266
|
var question = _ref.question,
|
|
2266
2267
|
onClose = _ref.onClose,
|
|
@@ -2268,7 +2269,7 @@ var Add = function Add(_ref) {
|
|
|
2268
2269
|
handleSelect = _ref.handleSelect,
|
|
2269
2270
|
buildRequestArgs = _ref.buildRequestArgs,
|
|
2270
2271
|
isOpen = _ref.isOpen,
|
|
2271
|
-
props = _objectWithoutProperties
|
|
2272
|
+
props = _objectWithoutProperties(_ref, _excluded$9);
|
|
2272
2273
|
var _useBuildFormStore = useBuildFormStore(function (store) {
|
|
2273
2274
|
var _store$formState, _store$formState2;
|
|
2274
2275
|
return {
|
|
@@ -2291,7 +2292,7 @@ var Add = function Add(_ref) {
|
|
|
2291
2292
|
var handleSubmit = function handleSubmit(values) {
|
|
2292
2293
|
if (isCreating || !isOpen) return;
|
|
2293
2294
|
var displayOrder = question ? question.displayOrder + 1 : questions.length;
|
|
2294
|
-
createQuestion(_objectSpread$
|
|
2295
|
+
createQuestion(_objectSpread$s({
|
|
2295
2296
|
language: language,
|
|
2296
2297
|
neetoFormQuestion: mergeLeft({
|
|
2297
2298
|
displayOrder: displayOrder
|
|
@@ -2320,7 +2321,7 @@ var Add = function Add(_ref) {
|
|
|
2320
2321
|
onSubmit: handleSubmit
|
|
2321
2322
|
},
|
|
2322
2323
|
children: /*#__PURE__*/jsxs(Fragment, {
|
|
2323
|
-
children: [/*#__PURE__*/jsx(Form$1, _objectSpread$
|
|
2324
|
+
children: [/*#__PURE__*/jsx(Form$1, _objectSpread$s({}, _objectSpread$s(_objectSpread$s({}, props), {}, {
|
|
2324
2325
|
question: question,
|
|
2325
2326
|
questions: questions
|
|
2326
2327
|
}))), /*#__PURE__*/jsx(Pane.Footer, {
|
|
@@ -2337,13 +2338,13 @@ var Add = function Add(_ref) {
|
|
|
2337
2338
|
};
|
|
2338
2339
|
|
|
2339
2340
|
var _excluded$8 = ["question", "isOpen", "onClose"];
|
|
2340
|
-
function ownKeys$
|
|
2341
|
-
function _objectSpread$
|
|
2341
|
+
function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2342
|
+
function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2342
2343
|
var Edit = function Edit(_ref) {
|
|
2343
2344
|
var question = _ref.question,
|
|
2344
2345
|
isOpen = _ref.isOpen,
|
|
2345
2346
|
onClose = _ref.onClose,
|
|
2346
|
-
props = _objectWithoutProperties
|
|
2347
|
+
props = _objectWithoutProperties(_ref, _excluded$8);
|
|
2347
2348
|
var _useTranslation = useTranslation(),
|
|
2348
2349
|
t = _useTranslation.t;
|
|
2349
2350
|
var _useBuildFormStore = useBuildFormStore(function (store) {
|
|
@@ -2390,7 +2391,7 @@ var Edit = function Edit(_ref) {
|
|
|
2390
2391
|
onSubmit: handleSubmit
|
|
2391
2392
|
},
|
|
2392
2393
|
children: /*#__PURE__*/jsxs(Fragment, {
|
|
2393
|
-
children: [/*#__PURE__*/jsx(Form$1, _objectSpread$
|
|
2394
|
+
children: [/*#__PURE__*/jsx(Form$1, _objectSpread$r(_objectSpread$r({}, _objectSpread$r({
|
|
2394
2395
|
question: question
|
|
2395
2396
|
}, props)), {}, {
|
|
2396
2397
|
isEdit: true
|
|
@@ -2431,7 +2432,7 @@ var getAllowedFileTypes = function getAllowedFileTypes(_ref) {
|
|
|
2431
2432
|
allowedFileTypes = _ref.allowedFileTypes;
|
|
2432
2433
|
var fileTypes = buildFileTypesList(allowedFileTypes);
|
|
2433
2434
|
if (isChecked) {
|
|
2434
|
-
var fileTypesSet = new Set([].concat(_toConsumableArray
|
|
2435
|
+
var fileTypesSet = new Set([].concat(_toConsumableArray(FILE_TYPES_MAP[type]), _toConsumableArray(fileTypes)));
|
|
2435
2436
|
return Array.from(fileTypesSet).join(", ");
|
|
2436
2437
|
}
|
|
2437
2438
|
var newFileTypes = difference(fileTypes, FILE_TYPES_MAP[type]);
|
|
@@ -2491,8 +2492,8 @@ var FileUpload$1 = function FileUpload() {
|
|
|
2491
2492
|
});
|
|
2492
2493
|
};
|
|
2493
2494
|
|
|
2494
|
-
function ownKeys$
|
|
2495
|
-
function _objectSpread$
|
|
2495
|
+
function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2496
|
+
function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2496
2497
|
var defaultConfig = {
|
|
2497
2498
|
strict: true,
|
|
2498
2499
|
matchKey: "value"
|
|
@@ -2500,7 +2501,7 @@ var defaultConfig = {
|
|
|
2500
2501
|
var findOptionByValue = function findOptionByValue(value) {
|
|
2501
2502
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
2502
2503
|
var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
2503
|
-
var configObject = _objectSpread$
|
|
2504
|
+
var configObject = _objectSpread$q(_objectSpread$q({}, defaultConfig), config);
|
|
2504
2505
|
var matchKey = configObject.matchKey,
|
|
2505
2506
|
strict = configObject.strict;
|
|
2506
2507
|
return options.find(function (option) {
|
|
@@ -2514,7 +2515,7 @@ var filterOptionsByValues = function filterOptionsByValues() {
|
|
|
2514
2515
|
var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
2515
2516
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
2516
2517
|
var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
2517
|
-
var configObject = _objectSpread$
|
|
2518
|
+
var configObject = _objectSpread$q(_objectSpread$q({}, defaultConfig), config);
|
|
2518
2519
|
var matchKey = configObject.matchKey,
|
|
2519
2520
|
strict = configObject.strict;
|
|
2520
2521
|
return options.filter(function (option) {
|
|
@@ -2529,10 +2530,10 @@ var filterOptionsByValues = function filterOptionsByValues() {
|
|
|
2529
2530
|
var destroyFromList = function destroyFromList(items, index) {
|
|
2530
2531
|
var itemToRemove = items[index];
|
|
2531
2532
|
if (itemToRemove) {
|
|
2532
|
-
var nextItems = _toConsumableArray
|
|
2533
|
+
var nextItems = _toConsumableArray(items);
|
|
2533
2534
|
nextItems.splice(index, 1);
|
|
2534
2535
|
if (itemToRemove.id) {
|
|
2535
|
-
nextItems.push(_objectSpread$
|
|
2536
|
+
nextItems.push(_objectSpread$q(_objectSpread$q({}, itemToRemove), {}, {
|
|
2536
2537
|
_destroy: true
|
|
2537
2538
|
}));
|
|
2538
2539
|
}
|
|
@@ -2541,12 +2542,12 @@ var destroyFromList = function destroyFromList(items, index) {
|
|
|
2541
2542
|
return items;
|
|
2542
2543
|
};
|
|
2543
2544
|
var insertToList = function insertToList(items, item, index) {
|
|
2544
|
-
var nextItems = _toConsumableArray
|
|
2545
|
+
var nextItems = _toConsumableArray(items !== null && items !== void 0 ? items : []);
|
|
2545
2546
|
nextItems.splice(index, 0, item);
|
|
2546
2547
|
return nextItems;
|
|
2547
2548
|
};
|
|
2548
2549
|
var pushToList = function pushToList(items, item) {
|
|
2549
|
-
var nextItems = _toConsumableArray
|
|
2550
|
+
var nextItems = _toConsumableArray(items !== null && items !== void 0 ? items : []);
|
|
2550
2551
|
nextItems.push(item);
|
|
2551
2552
|
return nextItems;
|
|
2552
2553
|
};
|
|
@@ -2558,14 +2559,14 @@ var formHelpers = {
|
|
|
2558
2559
|
pushToList: pushToList
|
|
2559
2560
|
};
|
|
2560
2561
|
|
|
2561
|
-
function ownKeys$
|
|
2562
|
-
function _objectSpread$
|
|
2562
|
+
function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2563
|
+
function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2563
2564
|
var Options = function Options(_ref) {
|
|
2564
2565
|
var questionProps = _ref.questionProps;
|
|
2565
2566
|
var _useTranslation = useTranslation(),
|
|
2566
2567
|
t = _useTranslation.t;
|
|
2567
2568
|
var _useField = useField("optionsAttributes"),
|
|
2568
|
-
_useField2 = _slicedToArray
|
|
2569
|
+
_useField2 = _slicedToArray(_useField, 3),
|
|
2569
2570
|
optionsAttributes = _useField2[0].value;
|
|
2570
2571
|
_useField2[1];
|
|
2571
2572
|
var setOptionsAttributes = _useField2[2].setValue;
|
|
@@ -2585,7 +2586,7 @@ var Options = function Options(_ref) {
|
|
|
2585
2586
|
children: function children(_ref3) {
|
|
2586
2587
|
var handlePush = _ref3.handlePush;
|
|
2587
2588
|
return /*#__PURE__*/jsxs(Fragment, {
|
|
2588
|
-
children: [/*#__PURE__*/jsx(Label, _objectSpread$
|
|
2589
|
+
children: [/*#__PURE__*/jsx(Label, _objectSpread$p(_objectSpread$p({
|
|
2589
2590
|
className: "mb-1 block"
|
|
2590
2591
|
}, optionLabelProps), {}, {
|
|
2591
2592
|
children: t("neetoForm.questions.common.questionFields.field.options")
|
|
@@ -2680,7 +2681,7 @@ var StarRating$2 = function StarRating() {
|
|
|
2680
2681
|
var _useFormikContext = useFormikContext(),
|
|
2681
2682
|
setFieldValue = _useFormikContext.setFieldValue;
|
|
2682
2683
|
var _useField = useField("iconType"),
|
|
2683
|
-
_useField2 = _slicedToArray
|
|
2684
|
+
_useField2 = _slicedToArray(_useField, 3),
|
|
2684
2685
|
iconType = _useField2[0].value;
|
|
2685
2686
|
_useField2[1];
|
|
2686
2687
|
var setIconType = _useField2[2].setValue;
|
|
@@ -2711,7 +2712,7 @@ var StarRating$2 = function StarRating() {
|
|
|
2711
2712
|
}), /*#__PURE__*/jsx("div", {
|
|
2712
2713
|
className: "flex gap-2",
|
|
2713
2714
|
children: Object.entries(STAR_RATING_ICONS_MAP).map(function (_ref) {
|
|
2714
|
-
var _ref2 = _slicedToArray
|
|
2715
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
|
2715
2716
|
name = _ref2[0],
|
|
2716
2717
|
IconType = _ref2[1];
|
|
2717
2718
|
var isActive = name === iconType;
|
|
@@ -2790,22 +2791,22 @@ var buildDefaultValueForKind = function buildDefaultValueForKind(questionKind) {
|
|
|
2790
2791
|
};
|
|
2791
2792
|
|
|
2792
2793
|
var _excluded$7 = ["isOpen", "onClose", "action", "question", "availableQuestionKinds"];
|
|
2793
|
-
function ownKeys$
|
|
2794
|
-
function _objectSpread$
|
|
2794
|
+
function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2795
|
+
function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2795
2796
|
var ManageQuestionPane = function ManageQuestionPane(_ref) {
|
|
2796
2797
|
var isOpen = _ref.isOpen,
|
|
2797
2798
|
onClose = _ref.onClose,
|
|
2798
2799
|
action = _ref.action,
|
|
2799
2800
|
question = _ref.question,
|
|
2800
2801
|
availableQuestionKinds = _ref.availableQuestionKinds,
|
|
2801
|
-
props = _objectWithoutProperties
|
|
2802
|
+
props = _objectWithoutProperties(_ref, _excluded$7);
|
|
2802
2803
|
var initialFocusRef = useRef(null);
|
|
2803
2804
|
var Component = resolveActionComponent(action);
|
|
2804
2805
|
return /*#__PURE__*/jsx(Pane, {
|
|
2805
2806
|
initialFocusRef: initialFocusRef,
|
|
2806
2807
|
isOpen: isOpen,
|
|
2807
2808
|
onClose: onClose,
|
|
2808
|
-
children: /*#__PURE__*/jsx(Component, _objectSpread$
|
|
2809
|
+
children: /*#__PURE__*/jsx(Component, _objectSpread$o({}, _objectSpread$o({
|
|
2809
2810
|
availableQuestionKinds: availableQuestionKinds,
|
|
2810
2811
|
initialFocusRef: initialFocusRef,
|
|
2811
2812
|
isOpen: isOpen,
|
|
@@ -2839,8 +2840,8 @@ var AddQuestion = withT(function (_ref) {
|
|
|
2839
2840
|
});
|
|
2840
2841
|
|
|
2841
2842
|
var _excluded$6 = ["questionKinds", "onValueChange", "formId", "isDeletable", "isRequiredField", "submitButtonProps", "cancelButtonProps", "isKindAlreadyActive", "getActiveKindDetails", "isDisabledFieldLabel", "disabledAddButtonTooltipProps", "enableFieldCode", "isFormEnabled", "savedTitle", "formTitle", "formDescription", "selectedLanguage", "availableLanguages", "onLanguageChange", "additionalActionOptions", "isReordering", "additionalQuestionKindPattern", "showActionBlock", "buildRequestArgs"];
|
|
2842
|
-
function ownKeys$
|
|
2843
|
-
function _objectSpread$
|
|
2843
|
+
function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2844
|
+
function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2844
2845
|
var Form = function Form(_ref) {
|
|
2845
2846
|
var questionKinds = _ref.questionKinds,
|
|
2846
2847
|
onValueChange = _ref.onValueChange,
|
|
@@ -2866,25 +2867,25 @@ var Form = function Form(_ref) {
|
|
|
2866
2867
|
additionalQuestionKindPattern = _ref.additionalQuestionKindPattern,
|
|
2867
2868
|
showActionBlock = _ref.showActionBlock,
|
|
2868
2869
|
buildRequestArgs = _ref.buildRequestArgs,
|
|
2869
|
-
formDomProps = _objectWithoutProperties
|
|
2870
|
+
formDomProps = _objectWithoutProperties(_ref, _excluded$6);
|
|
2870
2871
|
var containerRef = useRef();
|
|
2871
2872
|
var _useTranslation = useTranslation(),
|
|
2872
2873
|
t = _useTranslation.t;
|
|
2873
2874
|
var formikContext = useFormikContext();
|
|
2874
2875
|
var _useState = useState(null),
|
|
2875
|
-
_useState2 = _slicedToArray
|
|
2876
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
2876
2877
|
selectedQuestion = _useState2[0],
|
|
2877
2878
|
setSelectedQuestion = _useState2[1];
|
|
2878
2879
|
var _useState3 = useState(""),
|
|
2879
|
-
_useState4 = _slicedToArray
|
|
2880
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
2880
2881
|
selectedAction = _useState4[0],
|
|
2881
2882
|
setSelectedAction = _useState4[1];
|
|
2882
2883
|
var _useState5 = useState(false),
|
|
2883
|
-
_useState6 = _slicedToArray
|
|
2884
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
2884
2885
|
isDeleteAlertOpen = _useState6[0],
|
|
2885
2886
|
setIsDeleteAlertOpen = _useState6[1];
|
|
2886
2887
|
var _useState7 = useState(false),
|
|
2887
|
-
_useState8 = _slicedToArray
|
|
2888
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
2888
2889
|
isManageQuestionPaneOpen = _useState8[0],
|
|
2889
2890
|
setIsManageQuestionPaneOpen = _useState8[1];
|
|
2890
2891
|
var values = formikContext.values,
|
|
@@ -2934,7 +2935,7 @@ var Form = function Form(_ref) {
|
|
|
2934
2935
|
questions: questions
|
|
2935
2936
|
});
|
|
2936
2937
|
var displayOrder = selectedQuestion.displayOrder + 1;
|
|
2937
|
-
var payload = _objectSpread$
|
|
2938
|
+
var payload = _objectSpread$n({
|
|
2938
2939
|
language: selectedLanguage,
|
|
2939
2940
|
neetoFormQuestion: mergeLeft({
|
|
2940
2941
|
displayOrder: displayOrder
|
|
@@ -2991,7 +2992,7 @@ var Form = function Form(_ref) {
|
|
|
2991
2992
|
onClose: function onClose() {
|
|
2992
2993
|
return setIsDeleteAlertOpen(false);
|
|
2993
2994
|
}
|
|
2994
|
-
}), /*#__PURE__*/jsxs(Form$3, _objectSpread$
|
|
2995
|
+
}), /*#__PURE__*/jsxs(Form$3, _objectSpread$n(_objectSpread$n({
|
|
2995
2996
|
className: "neeto-form-nano-form-wrapper flex h-full flex-col"
|
|
2996
2997
|
}, formDomProps), {}, {
|
|
2997
2998
|
noValidate: true,
|
|
@@ -3049,7 +3050,7 @@ var Form = function Form(_ref) {
|
|
|
3049
3050
|
children: /*#__PURE__*/jsx(ActionBlock, {
|
|
3050
3051
|
submitButtonProps: submitButtonProps,
|
|
3051
3052
|
isSubmitting: isReordering,
|
|
3052
|
-
cancelButtonProps: _objectSpread$
|
|
3053
|
+
cancelButtonProps: _objectSpread$n({
|
|
3053
3054
|
label: t("neetoForm.common.reset"),
|
|
3054
3055
|
onClick: resetFormData
|
|
3055
3056
|
}, cancelButtonProps)
|
|
@@ -3076,8 +3077,8 @@ var Form = function Form(_ref) {
|
|
|
3076
3077
|
});
|
|
3077
3078
|
};
|
|
3078
3079
|
|
|
3079
|
-
function ownKeys$
|
|
3080
|
-
function _objectSpread$
|
|
3080
|
+
function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3081
|
+
function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3081
3082
|
var BuildForm = function BuildForm(_ref) {
|
|
3082
3083
|
var id = _ref.id,
|
|
3083
3084
|
onUpdate = _ref.onUpdate,
|
|
@@ -3195,7 +3196,7 @@ var BuildForm = function BuildForm(_ref) {
|
|
|
3195
3196
|
children: function children(_ref6) {
|
|
3196
3197
|
var errors = _ref6.errors,
|
|
3197
3198
|
setFieldError = _ref6.setFieldError;
|
|
3198
|
-
return /*#__PURE__*/jsx(Form, _objectSpread$
|
|
3199
|
+
return /*#__PURE__*/jsx(Form, _objectSpread$m(_objectSpread$m({}, _objectSpread$m(_objectSpread$m({}, formDomProps), {}, {
|
|
3199
3200
|
additionalActionOptions: additionalActionOptions,
|
|
3200
3201
|
additionalQuestionKindPattern: additionalQuestionKindPattern,
|
|
3201
3202
|
availableLanguages: availableLanguages,
|
|
@@ -3266,8 +3267,8 @@ var Spinner = function Spinner(_ref) {
|
|
|
3266
3267
|
var Spinner$1 = /*#__PURE__*/React__default.memo(Spinner);
|
|
3267
3268
|
|
|
3268
3269
|
var _excluded$5 = ["label", "loading", "success", "className"];
|
|
3269
|
-
function ownKeys$
|
|
3270
|
-
function _objectSpread$
|
|
3270
|
+
function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3271
|
+
function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3271
3272
|
var Button = function Button(_ref) {
|
|
3272
3273
|
var label = _ref.label,
|
|
3273
3274
|
_ref$loading = _ref.loading,
|
|
@@ -3276,8 +3277,8 @@ var Button = function Button(_ref) {
|
|
|
3276
3277
|
success = _ref$success === void 0 ? false : _ref$success,
|
|
3277
3278
|
_ref$className = _ref.className,
|
|
3278
3279
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
3279
|
-
otherProps = _objectWithoutProperties
|
|
3280
|
-
return /*#__PURE__*/jsxs("button", _objectSpread$
|
|
3280
|
+
otherProps = _objectWithoutProperties(_ref, _excluded$5);
|
|
3281
|
+
return /*#__PURE__*/jsxs("button", _objectSpread$l(_objectSpread$l({
|
|
3281
3282
|
className: classnames("neeto-form-engine-button", className)
|
|
3282
3283
|
}, otherProps), {}, {
|
|
3283
3284
|
children: [loading && /*#__PURE__*/jsx(ButtonLoader, {}), success && /*#__PURE__*/jsx(Success$2, {}), label]
|
|
@@ -3322,7 +3323,7 @@ var Callout = function Callout(_ref) {
|
|
|
3322
3323
|
secondaryButton = callout.secondaryButton;
|
|
3323
3324
|
if (!isVisible) return null;
|
|
3324
3325
|
return /*#__PURE__*/jsxs("div", {
|
|
3325
|
-
className: classnames("neeto-form-engine-callout", _defineProperty
|
|
3326
|
+
className: classnames("neeto-form-engine-callout", _defineProperty({
|
|
3326
3327
|
"neeto-form-engine-callout--error": style === CALLOUT_STYLES.ERROR,
|
|
3327
3328
|
"neeto-form-engine-callout--info": style === CALLOUT_STYLES.INFO,
|
|
3328
3329
|
"neeto-form-engine-callout--static": position === CALLOUT_POSITIONS.STATIC,
|
|
@@ -3439,13 +3440,13 @@ var FormikWrap = function FormikWrap(_ref) {
|
|
|
3439
3440
|
return children;
|
|
3440
3441
|
};
|
|
3441
3442
|
|
|
3442
|
-
function ownKeys$
|
|
3443
|
-
function _objectSpread$
|
|
3443
|
+
function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3444
|
+
function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3444
3445
|
var withI18nInstance = function withI18nInstance(Component, i18n) {
|
|
3445
3446
|
var I18nWrapper = function I18nWrapper(props) {
|
|
3446
3447
|
return /*#__PURE__*/jsx(I18nextProvider, {
|
|
3447
3448
|
i18n: i18n,
|
|
3448
|
-
children: /*#__PURE__*/jsx(Component, _objectSpread$
|
|
3449
|
+
children: /*#__PURE__*/jsx(Component, _objectSpread$k({}, props))
|
|
3449
3450
|
});
|
|
3450
3451
|
};
|
|
3451
3452
|
I18nWrapper.displayName = "I18nWrapper(".concat(getComponentDisplayName(Component), ")");
|
|
@@ -3491,8 +3492,8 @@ var getInvalidTypeError = function getInvalidTypeError(label, type) {
|
|
|
3491
3492
|
|
|
3492
3493
|
var _excluded$4 = ["kind", "label", "isRequired", "customValidator"];
|
|
3493
3494
|
var _fieldKindValidatorMa;
|
|
3494
|
-
function ownKeys$
|
|
3495
|
-
function _objectSpread$
|
|
3495
|
+
function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3496
|
+
function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3496
3497
|
var t$1 = clientI18nInstance.t;
|
|
3497
3498
|
yup.addMethod(yup.array, "unique", function () {
|
|
3498
3499
|
var field, message;
|
|
@@ -3634,17 +3635,17 @@ var validateFileUploadField = function validateFileUploadField(_ref13) {
|
|
|
3634
3635
|
files: files_schema
|
|
3635
3636
|
});
|
|
3636
3637
|
};
|
|
3637
|
-
var fieldKindValidatorMap = (_fieldKindValidatorMa = {}, _defineProperty
|
|
3638
|
+
var fieldKindValidatorMap = (_fieldKindValidatorMa = {}, _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.EMAIL.value, validateEmailField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.NAME.value, validateNameField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.PHONE.value, validateTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.TEXT.value, validateTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.QUESTION.value, validateTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.TEXTAREA.value, validateTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.DECIMAL.value, validateTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.INTEGER.value, validateTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.DROPDOWN.value, validateSingleChoiceField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.RADIO.value, validateSingleChoiceField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.CHECKBOX.value, validateMultiChoiceField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.RATING.value, validateRatingField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.TERMS.value, validateTermsField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.DATE.value, validateDateField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.STAR_RATING.value, validateStarRatingField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.ADDITIONAL_GUESTS.value, validateMultiEmailField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.RICH_TEXT.value, validateRichTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.CONDITION.value, validateConditionField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.FILE_UPLOAD.value, validateFileUploadField), _fieldKindValidatorMa);
|
|
3638
3639
|
var validateFieldValue = function validateFieldValue(_ref14) {
|
|
3639
3640
|
var kind = _ref14.kind,
|
|
3640
3641
|
label = _ref14.label,
|
|
3641
3642
|
isRequired = _ref14.isRequired,
|
|
3642
3643
|
customValidator = _ref14.customValidator,
|
|
3643
|
-
otherProps = _objectWithoutProperties
|
|
3644
|
+
otherProps = _objectWithoutProperties(_ref14, _excluded$4);
|
|
3644
3645
|
return function (value) {
|
|
3645
3646
|
if (!(kind in fieldKindValidatorMap)) return;
|
|
3646
3647
|
var validator = fieldKindValidatorMap[kind];
|
|
3647
|
-
var schema = customValidator || validator(_objectSpread$
|
|
3648
|
+
var schema = customValidator || validator(_objectSpread$j({
|
|
3648
3649
|
kind: kind,
|
|
3649
3650
|
label: label,
|
|
3650
3651
|
isRequired: isRequired
|
|
@@ -3700,14 +3701,14 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
|
|
|
3700
3701
|
customValidator: customValidator
|
|
3701
3702
|
})
|
|
3702
3703
|
}),
|
|
3703
|
-
_useField2 = _slicedToArray
|
|
3704
|
+
_useField2 = _slicedToArray(_useField, 3),
|
|
3704
3705
|
field = _useField2[0],
|
|
3705
3706
|
meta = _useField2[1],
|
|
3706
3707
|
_useField2$ = _useField2[2],
|
|
3707
3708
|
setValue = _useField2$.setValue,
|
|
3708
3709
|
setTouched = _useField2$.setTouched;
|
|
3709
3710
|
var _useState = useState(isPresent$1(field.value)),
|
|
3710
|
-
_useState2 = _slicedToArray
|
|
3711
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
3711
3712
|
isInputVisible = _useState2[0],
|
|
3712
3713
|
setIsInputVisible = _useState2[1];
|
|
3713
3714
|
return /*#__PURE__*/jsx("div", {
|
|
@@ -3728,15 +3729,15 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
|
|
|
3728
3729
|
onChange: setValue
|
|
3729
3730
|
}) : /*#__PURE__*/jsx(Button$1, (_jsx2 = {
|
|
3730
3731
|
label: label
|
|
3731
|
-
}, _defineProperty
|
|
3732
|
+
}, _defineProperty(_jsx2, "label", t("neetoForm.common.addGuests")), _defineProperty(_jsx2, "style", "secondary"), _defineProperty(_jsx2, "onClick", function onClick() {
|
|
3732
3733
|
return setIsInputVisible(true);
|
|
3733
3734
|
}), _jsx2))
|
|
3734
3735
|
})
|
|
3735
3736
|
});
|
|
3736
3737
|
};
|
|
3737
3738
|
|
|
3738
|
-
function ownKeys$
|
|
3739
|
-
function _objectSpread$
|
|
3739
|
+
function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3740
|
+
function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3740
3741
|
var ConditionField = function ConditionField(_ref) {
|
|
3741
3742
|
var question = _ref.question,
|
|
3742
3743
|
customValidator = _ref.customValidator;
|
|
@@ -3756,7 +3757,7 @@ var ConditionField = function ConditionField(_ref) {
|
|
|
3756
3757
|
children: function children(_ref2) {
|
|
3757
3758
|
var meta = _ref2.meta,
|
|
3758
3759
|
field = _ref2.field;
|
|
3759
|
-
return /*#__PURE__*/jsx(Checkbox, _objectSpread$
|
|
3760
|
+
return /*#__PURE__*/jsx(Checkbox, _objectSpread$i(_objectSpread$i({}, _objectSpread$i(_objectSpread$i({}, field), {}, {
|
|
3760
3761
|
label: label,
|
|
3761
3762
|
name: name
|
|
3762
3763
|
})), {}, {
|
|
@@ -3768,8 +3769,8 @@ var ConditionField = function ConditionField(_ref) {
|
|
|
3768
3769
|
});
|
|
3769
3770
|
};
|
|
3770
3771
|
|
|
3771
|
-
function ownKeys$
|
|
3772
|
-
function _objectSpread$
|
|
3772
|
+
function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3773
|
+
function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3773
3774
|
var t = clientI18nInstance.t;
|
|
3774
3775
|
var toEmailValues = function toEmailValues() {
|
|
3775
3776
|
var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
@@ -3863,7 +3864,7 @@ var generateInitValues = function generateInitValues(_ref7) {
|
|
|
3863
3864
|
var valuesMap = {};
|
|
3864
3865
|
if (initialValues) {
|
|
3865
3866
|
valuesMap = initialValues.reduce(function (acc, answer) {
|
|
3866
|
-
return _objectSpread$
|
|
3867
|
+
return _objectSpread$h(_objectSpread$h({}, acc), {}, _defineProperty({}, answer.questionId, {
|
|
3867
3868
|
value: answer.value,
|
|
3868
3869
|
optionIds: answer.optionIds
|
|
3869
3870
|
}));
|
|
@@ -4065,1595 +4066,143 @@ var renderErrorMessage = function renderErrorMessage(errorObject, maxFileSize, i
|
|
|
4065
4066
|
var code = error.code;
|
|
4066
4067
|
switch (code) {
|
|
4067
4068
|
case ERROR_CODES.FILE_TOO_LARGE:
|
|
4068
|
-
return t("neetoForm.fileUpload.dropzone.errors.fileTooLarge", {
|
|
4069
|
-
fileName: file.name,
|
|
4070
|
-
maxSize: Math.round(maxFileSize / 1048576)
|
|
4071
|
-
});
|
|
4072
|
-
case ERROR_CODES.FILE_INVALID_TYPE:
|
|
4073
|
-
return t("neetoForm.fileUpload.dropzone.errors.fileInvalidType", {
|
|
4074
|
-
fileType: path$1.extname(file.name)
|
|
4075
|
-
});
|
|
4076
|
-
case ERROR_CODES.TOO_MANY_FILES:
|
|
4077
|
-
if (!isMultiple) {
|
|
4078
|
-
return t("neetoForm.fileUpload.dropzone.errors.tooManyFiles");
|
|
4079
|
-
}
|
|
4080
|
-
}
|
|
4081
|
-
}
|
|
4082
|
-
return t("neetoForm.fileUpload.dropzone.errors.defaultError", {
|
|
4083
|
-
fileName: file.name
|
|
4084
|
-
});
|
|
4085
|
-
};
|
|
4086
|
-
var renderButtonsInOrder = function renderButtonsInOrder(buttonsArray, shouldReverse) {
|
|
4087
|
-
var orderedButtons = shouldReverse ? buttonsArray.reverse() : buttonsArray;
|
|
4088
|
-
return map(identity, orderedButtons);
|
|
4089
|
-
};
|
|
4090
|
-
var getSelectedRating = function getSelectedRating(value) {
|
|
4091
|
-
var parsedValue = parseInt(value);
|
|
4092
|
-
return isNaN(parsedValue) ? -1 : parsedValue;
|
|
4093
|
-
};
|
|
4094
|
-
|
|
4095
|
-
var _excluded$3 = ["value"];
|
|
4096
|
-
function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4097
|
-
function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4098
|
-
dayjs.extend(weekOfYear);
|
|
4099
|
-
dayjs.extend(weekday);
|
|
4100
|
-
dayjs.extend(localeData);
|
|
4101
|
-
dayjs.extend(utc);
|
|
4102
|
-
var DateField = function DateField(_ref) {
|
|
4103
|
-
var question = _ref.question,
|
|
4104
|
-
customValidator = _ref.customValidator;
|
|
4105
|
-
var name = question.id,
|
|
4106
|
-
kind = question.kind,
|
|
4107
|
-
isRequired = question.isRequired,
|
|
4108
|
-
nodeId = question.nodeId;
|
|
4109
|
-
var label = fieldWithFallback(question, "label");
|
|
4110
|
-
var _QUESTION_KIND$kind$t = QUESTION_KIND[kind.toUpperCase()].type,
|
|
4111
|
-
type = _QUESTION_KIND$kind$t === void 0 ? "date" : _QUESTION_KIND$kind$t;
|
|
4112
|
-
return /*#__PURE__*/jsxs("div", {
|
|
4113
|
-
className: "neeto-form-engine-input__wrapper",
|
|
4114
|
-
children: [/*#__PURE__*/jsx("div", {
|
|
4115
|
-
className: "neeto-form-engine-input__label-wrapper",
|
|
4116
|
-
children: label && /*#__PURE__*/jsx("label", {
|
|
4117
|
-
className: "neeto-form-engine-label",
|
|
4118
|
-
children: getLabel(label, isRequired)
|
|
4119
|
-
})
|
|
4120
|
-
}), /*#__PURE__*/jsx("div", {
|
|
4121
|
-
className: "neeto-form-engine-date-picker",
|
|
4122
|
-
children: /*#__PURE__*/jsx(Field, {
|
|
4123
|
-
name: name || nodeId,
|
|
4124
|
-
validate: validateFieldValue({
|
|
4125
|
-
kind: kind,
|
|
4126
|
-
label: label,
|
|
4127
|
-
isRequired: isRequired,
|
|
4128
|
-
customValidator: customValidator
|
|
4129
|
-
}),
|
|
4130
|
-
children: function children(_ref2) {
|
|
4131
|
-
var meta = _ref2.meta,
|
|
4132
|
-
_ref2$field = _ref2.field,
|
|
4133
|
-
value = _ref2$field.value,
|
|
4134
|
-
field = _objectWithoutProperties$1(_ref2$field, _excluded$3),
|
|
4135
|
-
form = _ref2.form;
|
|
4136
|
-
return /*#__PURE__*/jsx(DatePicker, _objectSpread$h(_objectSpread$h({}, _objectSpread$h(_objectSpread$h({}, field), {}, {
|
|
4137
|
-
type: type
|
|
4138
|
-
})), {}, {
|
|
4139
|
-
dateFormat: "MMM D, YYYY",
|
|
4140
|
-
error: meta.touched ? meta.error : "",
|
|
4141
|
-
placeholder: fieldWithFallback(question, "placeholder"),
|
|
4142
|
-
popupClassName: "neeto-form-engine-date-picker-popup",
|
|
4143
|
-
required: isRequired,
|
|
4144
|
-
size: "small",
|
|
4145
|
-
value: getValidDate(value),
|
|
4146
|
-
onChange: function onChange(date) {
|
|
4147
|
-
form.setFieldValue(name, date ? date.toISOString() : "");
|
|
4148
|
-
}
|
|
4149
|
-
}));
|
|
4150
|
-
}
|
|
4151
|
-
})
|
|
4152
|
-
})]
|
|
4153
|
-
});
|
|
4154
|
-
};
|
|
4155
|
-
|
|
4156
|
-
function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4157
|
-
function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4158
|
-
var EmailField = function EmailField(_ref) {
|
|
4159
|
-
var question = _ref.question,
|
|
4160
|
-
customValidator = _ref.customValidator,
|
|
4161
|
-
autoComplete = _ref.autoComplete;
|
|
4162
|
-
var name = question.id,
|
|
4163
|
-
kind = question.kind,
|
|
4164
|
-
isRequired = question.isRequired,
|
|
4165
|
-
nodeId = question.nodeId;
|
|
4166
|
-
var label = fieldWithFallback(question, "label");
|
|
4167
|
-
var type = QUESTION_KIND[kind.toUpperCase()].type;
|
|
4168
|
-
var _useField = useField({
|
|
4169
|
-
name: name || nodeId,
|
|
4170
|
-
validate: validateFieldValue({
|
|
4171
|
-
kind: kind,
|
|
4172
|
-
label: label,
|
|
4173
|
-
isRequired: isRequired,
|
|
4174
|
-
customValidator: customValidator
|
|
4175
|
-
})
|
|
4176
|
-
}),
|
|
4177
|
-
_useField2 = _slicedToArray$2(_useField, 3),
|
|
4178
|
-
field = _useField2[0],
|
|
4179
|
-
_useField2$ = _useField2[1],
|
|
4180
|
-
touched = _useField2$.touched,
|
|
4181
|
-
error = _useField2$.error,
|
|
4182
|
-
_useField2$2 = _useField2[2],
|
|
4183
|
-
setValue = _useField2$2.setValue,
|
|
4184
|
-
setTouched = _useField2$2.setTouched;
|
|
4185
|
-
var handleFieldChange = withEventTargetValue(setValue);
|
|
4186
|
-
return /*#__PURE__*/jsx(Input$1, _objectSpread$g(_objectSpread$g({}, _objectSpread$g(_objectSpread$g({
|
|
4187
|
-
type: type
|
|
4188
|
-
}, field), {}, {
|
|
4189
|
-
autoComplete: autoComplete,
|
|
4190
|
-
label: label
|
|
4191
|
-
})), {}, {
|
|
4192
|
-
error: touched ? error : "",
|
|
4193
|
-
name: kind,
|
|
4194
|
-
placeholder: fieldWithFallback(question, "placeholder"),
|
|
4195
|
-
required: isRequired,
|
|
4196
|
-
onBlur: function onBlur() {
|
|
4197
|
-
return setTouched(true);
|
|
4198
|
-
},
|
|
4199
|
-
onChange: handleFieldChange
|
|
4200
|
-
}));
|
|
4201
|
-
};
|
|
4202
|
-
|
|
4203
|
-
function getDefaultExportFromCjs (x) {
|
|
4204
|
-
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
4205
|
-
}
|
|
4206
|
-
|
|
4207
|
-
var propTypes = {exports: {}};
|
|
4208
|
-
|
|
4209
|
-
/**
|
|
4210
|
-
* Copyright (c) 2013-present, Facebook, Inc.
|
|
4211
|
-
*
|
|
4212
|
-
* This source code is licensed under the MIT license found in the
|
|
4213
|
-
* LICENSE file in the root directory of this source tree.
|
|
4214
|
-
*/
|
|
4215
|
-
|
|
4216
|
-
var ReactPropTypesSecret$1 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
|
|
4217
|
-
|
|
4218
|
-
var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
|
|
4219
|
-
|
|
4220
|
-
/**
|
|
4221
|
-
* Copyright (c) 2013-present, Facebook, Inc.
|
|
4222
|
-
*
|
|
4223
|
-
* This source code is licensed under the MIT license found in the
|
|
4224
|
-
* LICENSE file in the root directory of this source tree.
|
|
4225
|
-
*/
|
|
4226
|
-
|
|
4227
|
-
var ReactPropTypesSecret = ReactPropTypesSecret_1;
|
|
4228
|
-
|
|
4229
|
-
function emptyFunction() {}
|
|
4230
|
-
function emptyFunctionWithReset() {}
|
|
4231
|
-
emptyFunctionWithReset.resetWarningCache = emptyFunction;
|
|
4232
|
-
|
|
4233
|
-
var factoryWithThrowingShims = function() {
|
|
4234
|
-
function shim(props, propName, componentName, location, propFullName, secret) {
|
|
4235
|
-
if (secret === ReactPropTypesSecret) {
|
|
4236
|
-
// It is still safe when called from React.
|
|
4237
|
-
return;
|
|
4238
|
-
}
|
|
4239
|
-
var err = new Error(
|
|
4240
|
-
'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
|
|
4241
|
-
'Use PropTypes.checkPropTypes() to call them. ' +
|
|
4242
|
-
'Read more at http://fb.me/use-check-prop-types'
|
|
4243
|
-
);
|
|
4244
|
-
err.name = 'Invariant Violation';
|
|
4245
|
-
throw err;
|
|
4246
|
-
} shim.isRequired = shim;
|
|
4247
|
-
function getShim() {
|
|
4248
|
-
return shim;
|
|
4249
|
-
} // Important!
|
|
4250
|
-
// Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
|
|
4251
|
-
var ReactPropTypes = {
|
|
4252
|
-
array: shim,
|
|
4253
|
-
bigint: shim,
|
|
4254
|
-
bool: shim,
|
|
4255
|
-
func: shim,
|
|
4256
|
-
number: shim,
|
|
4257
|
-
object: shim,
|
|
4258
|
-
string: shim,
|
|
4259
|
-
symbol: shim,
|
|
4260
|
-
|
|
4261
|
-
any: shim,
|
|
4262
|
-
arrayOf: getShim,
|
|
4263
|
-
element: shim,
|
|
4264
|
-
elementType: shim,
|
|
4265
|
-
instanceOf: getShim,
|
|
4266
|
-
node: shim,
|
|
4267
|
-
objectOf: getShim,
|
|
4268
|
-
oneOf: getShim,
|
|
4269
|
-
oneOfType: getShim,
|
|
4270
|
-
shape: getShim,
|
|
4271
|
-
exact: getShim,
|
|
4272
|
-
|
|
4273
|
-
checkPropTypes: emptyFunctionWithReset,
|
|
4274
|
-
resetWarningCache: emptyFunction
|
|
4275
|
-
};
|
|
4276
|
-
|
|
4277
|
-
ReactPropTypes.PropTypes = ReactPropTypes;
|
|
4278
|
-
|
|
4279
|
-
return ReactPropTypes;
|
|
4280
|
-
};
|
|
4281
|
-
|
|
4282
|
-
/**
|
|
4283
|
-
* Copyright (c) 2013-present, Facebook, Inc.
|
|
4284
|
-
*
|
|
4285
|
-
* This source code is licensed under the MIT license found in the
|
|
4286
|
-
* LICENSE file in the root directory of this source tree.
|
|
4287
|
-
*/
|
|
4288
|
-
|
|
4289
|
-
{
|
|
4290
|
-
// By explicitly using `prop-types` you are opting into new production behavior.
|
|
4291
|
-
// http://fb.me/prop-types-in-prod
|
|
4292
|
-
propTypes.exports = factoryWithThrowingShims();
|
|
4293
|
-
}
|
|
4294
|
-
|
|
4295
|
-
var propTypesExports = propTypes.exports;
|
|
4296
|
-
var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
|
|
4297
|
-
|
|
4298
|
-
/******************************************************************************
|
|
4299
|
-
Copyright (c) Microsoft Corporation.
|
|
4300
|
-
|
|
4301
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
|
4302
|
-
purpose with or without fee is hereby granted.
|
|
4303
|
-
|
|
4304
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
4305
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
4306
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
4307
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
4308
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
4309
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
4310
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
4311
|
-
***************************************************************************** */
|
|
4312
|
-
/* global Reflect, Promise, SuppressedError, Symbol */
|
|
4313
|
-
|
|
4314
|
-
var extendStatics = function(d, b) {
|
|
4315
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4316
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
4317
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
4318
|
-
return extendStatics(d, b);
|
|
4319
|
-
};
|
|
4320
|
-
|
|
4321
|
-
function __extends(d, b) {
|
|
4322
|
-
if (typeof b !== "function" && b !== null)
|
|
4323
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
4324
|
-
extendStatics(d, b);
|
|
4325
|
-
function __() { this.constructor = d; }
|
|
4326
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
4327
|
-
}
|
|
4328
|
-
|
|
4329
|
-
var __assign = function() {
|
|
4330
|
-
__assign = Object.assign || function __assign(t) {
|
|
4331
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4332
|
-
s = arguments[i];
|
|
4333
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
4334
|
-
}
|
|
4335
|
-
return t;
|
|
4336
|
-
};
|
|
4337
|
-
return __assign.apply(this, arguments);
|
|
4338
|
-
};
|
|
4339
|
-
|
|
4340
|
-
function __rest(s, e) {
|
|
4341
|
-
var t = {};
|
|
4342
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4343
|
-
t[p] = s[p];
|
|
4344
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
4345
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
4346
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
4347
|
-
t[p[i]] = s[p[i]];
|
|
4348
|
-
}
|
|
4349
|
-
return t;
|
|
4350
|
-
}
|
|
4351
|
-
|
|
4352
|
-
function __awaiter(thisArg, _arguments, P, generator) {
|
|
4353
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4354
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4355
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
4356
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
4357
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
4358
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
4359
|
-
});
|
|
4360
|
-
}
|
|
4361
|
-
|
|
4362
|
-
function __generator(thisArg, body) {
|
|
4363
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
4364
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
4365
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
4366
|
-
function step(op) {
|
|
4367
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
4368
|
-
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
4369
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
4370
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
4371
|
-
switch (op[0]) {
|
|
4372
|
-
case 0: case 1: t = op; break;
|
|
4373
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
4374
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
4375
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
4376
|
-
default:
|
|
4377
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
4378
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
4379
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
4380
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
4381
|
-
if (t[2]) _.ops.pop();
|
|
4382
|
-
_.trys.pop(); continue;
|
|
4383
|
-
}
|
|
4384
|
-
op = body.call(thisArg, _);
|
|
4385
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
4386
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
4387
|
-
}
|
|
4388
|
-
}
|
|
4389
|
-
|
|
4390
|
-
function __read(o, n) {
|
|
4391
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
4392
|
-
if (!m) return o;
|
|
4393
|
-
var i = m.call(o), r, ar = [], e;
|
|
4394
|
-
try {
|
|
4395
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
4396
|
-
}
|
|
4397
|
-
catch (error) { e = { error: error }; }
|
|
4398
|
-
finally {
|
|
4399
|
-
try {
|
|
4400
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
4401
|
-
}
|
|
4402
|
-
finally { if (e) throw e.error; }
|
|
4403
|
-
}
|
|
4404
|
-
return ar;
|
|
4405
|
-
}
|
|
4406
|
-
|
|
4407
|
-
/** @deprecated */
|
|
4408
|
-
function __spread() {
|
|
4409
|
-
for (var ar = [], i = 0; i < arguments.length; i++)
|
|
4410
|
-
ar = ar.concat(__read(arguments[i]));
|
|
4411
|
-
return ar;
|
|
4412
|
-
}
|
|
4413
|
-
|
|
4414
|
-
function __spreadArray(to, from, pack) {
|
|
4415
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
4416
|
-
if (ar || !(i in from)) {
|
|
4417
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
4418
|
-
ar[i] = from[i];
|
|
4419
|
-
}
|
|
4420
|
-
}
|
|
4421
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
4422
|
-
}
|
|
4423
|
-
|
|
4424
|
-
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
4425
|
-
var e = new Error(message);
|
|
4426
|
-
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
4427
|
-
};
|
|
4428
|
-
|
|
4429
|
-
var COMMON_MIME_TYPES = new Map([
|
|
4430
|
-
['avi', 'video/avi'],
|
|
4431
|
-
['gif', 'image/gif'],
|
|
4432
|
-
['ico', 'image/x-icon'],
|
|
4433
|
-
['jpeg', 'image/jpeg'],
|
|
4434
|
-
['jpg', 'image/jpeg'],
|
|
4435
|
-
['mkv', 'video/x-matroska'],
|
|
4436
|
-
['mov', 'video/quicktime'],
|
|
4437
|
-
['mp4', 'video/mp4'],
|
|
4438
|
-
['pdf', 'application/pdf'],
|
|
4439
|
-
['png', 'image/png'],
|
|
4440
|
-
['zip', 'application/zip'],
|
|
4441
|
-
['doc', 'application/msword'],
|
|
4442
|
-
['docx', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document']
|
|
4443
|
-
]);
|
|
4444
|
-
function toFileWithPath(file, path) {
|
|
4445
|
-
var f = withMimeType(file);
|
|
4446
|
-
if (typeof f.path !== 'string') { // on electron, path is already set to the absolute path
|
|
4447
|
-
var webkitRelativePath = file.webkitRelativePath;
|
|
4448
|
-
Object.defineProperty(f, 'path', {
|
|
4449
|
-
value: typeof path === 'string'
|
|
4450
|
-
? path
|
|
4451
|
-
// If <input webkitdirectory> is set,
|
|
4452
|
-
// the File will have a {webkitRelativePath} property
|
|
4453
|
-
// https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory
|
|
4454
|
-
: typeof webkitRelativePath === 'string' && webkitRelativePath.length > 0
|
|
4455
|
-
? webkitRelativePath
|
|
4456
|
-
: file.name,
|
|
4457
|
-
writable: false,
|
|
4458
|
-
configurable: false,
|
|
4459
|
-
enumerable: true
|
|
4460
|
-
});
|
|
4461
|
-
}
|
|
4462
|
-
return f;
|
|
4463
|
-
}
|
|
4464
|
-
function withMimeType(file) {
|
|
4465
|
-
var name = file.name;
|
|
4466
|
-
var hasExtension = name && name.lastIndexOf('.') !== -1;
|
|
4467
|
-
if (hasExtension && !file.type) {
|
|
4468
|
-
var ext = name.split('.')
|
|
4469
|
-
.pop().toLowerCase();
|
|
4470
|
-
var type = COMMON_MIME_TYPES.get(ext);
|
|
4471
|
-
if (type) {
|
|
4472
|
-
Object.defineProperty(file, 'type', {
|
|
4473
|
-
value: type,
|
|
4474
|
-
writable: false,
|
|
4475
|
-
configurable: false,
|
|
4476
|
-
enumerable: true
|
|
4477
|
-
});
|
|
4478
|
-
}
|
|
4479
|
-
}
|
|
4480
|
-
return file;
|
|
4481
|
-
}
|
|
4482
|
-
|
|
4483
|
-
var FILES_TO_IGNORE = [
|
|
4484
|
-
// Thumbnail cache files for macOS and Windows
|
|
4485
|
-
'.DS_Store',
|
|
4486
|
-
'Thumbs.db' // Windows
|
|
4487
|
-
];
|
|
4488
|
-
/**
|
|
4489
|
-
* Convert a DragEvent's DataTrasfer object to a list of File objects
|
|
4490
|
-
* NOTE: If some of the items are folders,
|
|
4491
|
-
* everything will be flattened and placed in the same list but the paths will be kept as a {path} property.
|
|
4492
|
-
* @param evt
|
|
4493
|
-
*/
|
|
4494
|
-
function fromEvent(evt) {
|
|
4495
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
4496
|
-
return __generator(this, function (_a) {
|
|
4497
|
-
return [2 /*return*/, isDragEvt(evt) && evt.dataTransfer
|
|
4498
|
-
? getDataTransferFiles(evt.dataTransfer, evt.type)
|
|
4499
|
-
: getInputFiles(evt)];
|
|
4500
|
-
});
|
|
4501
|
-
});
|
|
4502
|
-
}
|
|
4503
|
-
function isDragEvt(value) {
|
|
4504
|
-
return !!value.dataTransfer;
|
|
4505
|
-
}
|
|
4506
|
-
function getInputFiles(evt) {
|
|
4507
|
-
var files = isInput(evt.target)
|
|
4508
|
-
? evt.target.files
|
|
4509
|
-
? fromList(evt.target.files)
|
|
4510
|
-
: []
|
|
4511
|
-
: [];
|
|
4512
|
-
return files.map(function (file) { return toFileWithPath(file); });
|
|
4513
|
-
}
|
|
4514
|
-
function isInput(value) {
|
|
4515
|
-
return value !== null;
|
|
4516
|
-
}
|
|
4517
|
-
function getDataTransferFiles(dt, type) {
|
|
4518
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
4519
|
-
var items, files;
|
|
4520
|
-
return __generator(this, function (_a) {
|
|
4521
|
-
switch (_a.label) {
|
|
4522
|
-
case 0:
|
|
4523
|
-
if (!dt.items) return [3 /*break*/, 2];
|
|
4524
|
-
items = fromList(dt.items)
|
|
4525
|
-
.filter(function (item) { return item.kind === 'file'; });
|
|
4526
|
-
// According to https://html.spec.whatwg.org/multipage/dnd.html#dndevents,
|
|
4527
|
-
// only 'dragstart' and 'drop' has access to the data (source node)
|
|
4528
|
-
if (type !== 'drop') {
|
|
4529
|
-
return [2 /*return*/, items];
|
|
4530
|
-
}
|
|
4531
|
-
return [4 /*yield*/, Promise.all(items.map(toFilePromises))];
|
|
4532
|
-
case 1:
|
|
4533
|
-
files = _a.sent();
|
|
4534
|
-
return [2 /*return*/, noIgnoredFiles(flatten(files))];
|
|
4535
|
-
case 2: return [2 /*return*/, noIgnoredFiles(fromList(dt.files)
|
|
4536
|
-
.map(function (file) { return toFileWithPath(file); }))];
|
|
4537
|
-
}
|
|
4538
|
-
});
|
|
4539
|
-
});
|
|
4540
|
-
}
|
|
4541
|
-
function noIgnoredFiles(files) {
|
|
4542
|
-
return files.filter(function (file) { return FILES_TO_IGNORE.indexOf(file.name) === -1; });
|
|
4543
|
-
}
|
|
4544
|
-
// IE11 does not support Array.from()
|
|
4545
|
-
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from#Browser_compatibility
|
|
4546
|
-
// https://developer.mozilla.org/en-US/docs/Web/API/FileList
|
|
4547
|
-
// https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItemList
|
|
4548
|
-
function fromList(items) {
|
|
4549
|
-
var files = [];
|
|
4550
|
-
// tslint:disable: prefer-for-of
|
|
4551
|
-
for (var i = 0; i < items.length; i++) {
|
|
4552
|
-
var file = items[i];
|
|
4553
|
-
files.push(file);
|
|
4554
|
-
}
|
|
4555
|
-
return files;
|
|
4556
|
-
}
|
|
4557
|
-
// https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItem
|
|
4558
|
-
function toFilePromises(item) {
|
|
4559
|
-
if (typeof item.webkitGetAsEntry !== 'function') {
|
|
4560
|
-
return fromDataTransferItem(item);
|
|
4561
|
-
}
|
|
4562
|
-
var entry = item.webkitGetAsEntry();
|
|
4563
|
-
// Safari supports dropping an image node from a different window and can be retrieved using
|
|
4564
|
-
// the DataTransferItem.getAsFile() API
|
|
4565
|
-
// NOTE: FileSystemEntry.file() throws if trying to get the file
|
|
4566
|
-
if (entry && entry.isDirectory) {
|
|
4567
|
-
return fromDirEntry(entry);
|
|
4568
|
-
}
|
|
4569
|
-
return fromDataTransferItem(item);
|
|
4570
|
-
}
|
|
4571
|
-
function flatten(items) {
|
|
4572
|
-
return items.reduce(function (acc, files) { return __spread(acc, (Array.isArray(files) ? flatten(files) : [files])); }, []);
|
|
4573
|
-
}
|
|
4574
|
-
function fromDataTransferItem(item) {
|
|
4575
|
-
var file = item.getAsFile();
|
|
4576
|
-
if (!file) {
|
|
4577
|
-
return Promise.reject(item + " is not a File");
|
|
4578
|
-
}
|
|
4579
|
-
var fwp = toFileWithPath(file);
|
|
4580
|
-
return Promise.resolve(fwp);
|
|
4581
|
-
}
|
|
4582
|
-
// https://developer.mozilla.org/en-US/docs/Web/API/FileSystemEntry
|
|
4583
|
-
function fromEntry(entry) {
|
|
4584
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
4585
|
-
return __generator(this, function (_a) {
|
|
4586
|
-
return [2 /*return*/, entry.isDirectory ? fromDirEntry(entry) : fromFileEntry(entry)];
|
|
4587
|
-
});
|
|
4588
|
-
});
|
|
4589
|
-
}
|
|
4590
|
-
// https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry
|
|
4591
|
-
function fromDirEntry(entry) {
|
|
4592
|
-
var reader = entry.createReader();
|
|
4593
|
-
return new Promise(function (resolve, reject) {
|
|
4594
|
-
var entries = [];
|
|
4595
|
-
function readEntries() {
|
|
4596
|
-
var _this = this;
|
|
4597
|
-
// https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry/createReader
|
|
4598
|
-
// https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryReader/readEntries
|
|
4599
|
-
reader.readEntries(function (batch) { return __awaiter(_this, void 0, void 0, function () {
|
|
4600
|
-
var files, err_1, items;
|
|
4601
|
-
return __generator(this, function (_a) {
|
|
4602
|
-
switch (_a.label) {
|
|
4603
|
-
case 0:
|
|
4604
|
-
if (!!batch.length) return [3 /*break*/, 5];
|
|
4605
|
-
_a.label = 1;
|
|
4606
|
-
case 1:
|
|
4607
|
-
_a.trys.push([1, 3, , 4]);
|
|
4608
|
-
return [4 /*yield*/, Promise.all(entries)];
|
|
4609
|
-
case 2:
|
|
4610
|
-
files = _a.sent();
|
|
4611
|
-
resolve(files);
|
|
4612
|
-
return [3 /*break*/, 4];
|
|
4613
|
-
case 3:
|
|
4614
|
-
err_1 = _a.sent();
|
|
4615
|
-
reject(err_1);
|
|
4616
|
-
return [3 /*break*/, 4];
|
|
4617
|
-
case 4: return [3 /*break*/, 6];
|
|
4618
|
-
case 5:
|
|
4619
|
-
items = Promise.all(batch.map(fromEntry));
|
|
4620
|
-
entries.push(items);
|
|
4621
|
-
// Continue reading
|
|
4622
|
-
readEntries();
|
|
4623
|
-
_a.label = 6;
|
|
4624
|
-
case 6: return [2 /*return*/];
|
|
4625
|
-
}
|
|
4626
|
-
});
|
|
4627
|
-
}); }, function (err) {
|
|
4628
|
-
reject(err);
|
|
4629
|
-
});
|
|
4630
|
-
}
|
|
4631
|
-
readEntries();
|
|
4632
|
-
});
|
|
4633
|
-
}
|
|
4634
|
-
// https://developer.mozilla.org/en-US/docs/Web/API/FileSystemFileEntry
|
|
4635
|
-
function fromFileEntry(entry) {
|
|
4636
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
4637
|
-
return __generator(this, function (_a) {
|
|
4638
|
-
return [2 /*return*/, new Promise(function (resolve, reject) {
|
|
4639
|
-
entry.file(function (file) {
|
|
4640
|
-
var fwp = toFileWithPath(file, entry.fullPath);
|
|
4641
|
-
resolve(fwp);
|
|
4642
|
-
}, function (err) {
|
|
4643
|
-
reject(err);
|
|
4644
|
-
});
|
|
4645
|
-
})];
|
|
4646
|
-
});
|
|
4647
|
-
});
|
|
4648
|
-
}
|
|
4649
|
-
|
|
4650
|
-
var _default$1 = function (file, acceptedFiles) {
|
|
4651
|
-
if (file && acceptedFiles) {
|
|
4652
|
-
var acceptedFilesArray = Array.isArray(acceptedFiles) ? acceptedFiles : acceptedFiles.split(',');
|
|
4653
|
-
var fileName = file.name || '';
|
|
4654
|
-
var mimeType = (file.type || '').toLowerCase();
|
|
4655
|
-
var baseMimeType = mimeType.replace(/\/.*$/, '');
|
|
4656
|
-
return acceptedFilesArray.some(function (type) {
|
|
4657
|
-
var validType = type.trim().toLowerCase();
|
|
4658
|
-
|
|
4659
|
-
if (validType.charAt(0) === '.') {
|
|
4660
|
-
return fileName.toLowerCase().endsWith(validType);
|
|
4661
|
-
} else if (validType.endsWith('/*')) {
|
|
4662
|
-
// This is something like a image/* mime type
|
|
4663
|
-
return baseMimeType === validType.replace(/\/.*$/, '');
|
|
4664
|
-
}
|
|
4665
|
-
|
|
4666
|
-
return mimeType === validType;
|
|
4667
|
-
});
|
|
4668
|
-
}
|
|
4669
|
-
|
|
4670
|
-
return true;
|
|
4671
|
-
};
|
|
4672
|
-
|
|
4673
|
-
function _slicedToArray$1(arr, i) { return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$3(arr, i) || _nonIterableRest$1(); }
|
|
4674
|
-
|
|
4675
|
-
function _nonIterableRest$1() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4676
|
-
|
|
4677
|
-
function _unsupportedIterableToArray$3(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$3(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$3(o, minLen); }
|
|
4678
|
-
|
|
4679
|
-
function _arrayLikeToArray$3(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
4680
|
-
|
|
4681
|
-
function _iterableToArrayLimit$1(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
4682
|
-
|
|
4683
|
-
function _arrayWithHoles$1(arr) { if (Array.isArray(arr)) return arr; }
|
|
4684
|
-
|
|
4685
|
-
var FILE_INVALID_TYPE = 'file-invalid-type';
|
|
4686
|
-
var FILE_TOO_LARGE = 'file-too-large';
|
|
4687
|
-
var FILE_TOO_SMALL = 'file-too-small';
|
|
4688
|
-
var TOO_MANY_FILES = 'too-many-files'; // File Errors
|
|
4689
|
-
|
|
4690
|
-
var getInvalidTypeRejectionErr = function getInvalidTypeRejectionErr(accept) {
|
|
4691
|
-
accept = Array.isArray(accept) && accept.length === 1 ? accept[0] : accept;
|
|
4692
|
-
var messageSuffix = Array.isArray(accept) ? "one of ".concat(accept.join(', ')) : accept;
|
|
4693
|
-
return {
|
|
4694
|
-
code: FILE_INVALID_TYPE,
|
|
4695
|
-
message: "File type must be ".concat(messageSuffix)
|
|
4696
|
-
};
|
|
4697
|
-
};
|
|
4698
|
-
var getTooLargeRejectionErr = function getTooLargeRejectionErr(maxSize) {
|
|
4699
|
-
return {
|
|
4700
|
-
code: FILE_TOO_LARGE,
|
|
4701
|
-
message: "File is larger than ".concat(maxSize, " bytes")
|
|
4702
|
-
};
|
|
4703
|
-
};
|
|
4704
|
-
var getTooSmallRejectionErr = function getTooSmallRejectionErr(minSize) {
|
|
4705
|
-
return {
|
|
4706
|
-
code: FILE_TOO_SMALL,
|
|
4707
|
-
message: "File is smaller than ".concat(minSize, " bytes")
|
|
4708
|
-
};
|
|
4709
|
-
};
|
|
4710
|
-
var TOO_MANY_FILES_REJECTION = {
|
|
4711
|
-
code: TOO_MANY_FILES,
|
|
4712
|
-
message: 'Too many files'
|
|
4713
|
-
}; // Firefox versions prior to 53 return a bogus MIME type for every file drag, so dragovers with
|
|
4714
|
-
// that MIME type will always be accepted
|
|
4715
|
-
|
|
4716
|
-
function fileAccepted(file, accept) {
|
|
4717
|
-
var isAcceptable = file.type === 'application/x-moz-file' || _default$1(file, accept);
|
|
4718
|
-
return [isAcceptable, isAcceptable ? null : getInvalidTypeRejectionErr(accept)];
|
|
4719
|
-
}
|
|
4720
|
-
function fileMatchSize(file, minSize, maxSize) {
|
|
4721
|
-
if (isDefined(file.size)) {
|
|
4722
|
-
if (isDefined(minSize) && isDefined(maxSize)) {
|
|
4723
|
-
if (file.size > maxSize) return [false, getTooLargeRejectionErr(maxSize)];
|
|
4724
|
-
if (file.size < minSize) return [false, getTooSmallRejectionErr(minSize)];
|
|
4725
|
-
} else if (isDefined(minSize) && file.size < minSize) return [false, getTooSmallRejectionErr(minSize)];else if (isDefined(maxSize) && file.size > maxSize) return [false, getTooLargeRejectionErr(maxSize)];
|
|
4726
|
-
}
|
|
4727
|
-
|
|
4728
|
-
return [true, null];
|
|
4729
|
-
}
|
|
4730
|
-
|
|
4731
|
-
function isDefined(value) {
|
|
4732
|
-
return value !== undefined && value !== null;
|
|
4733
|
-
}
|
|
4734
|
-
|
|
4735
|
-
function allFilesAccepted(_ref) {
|
|
4736
|
-
var files = _ref.files,
|
|
4737
|
-
accept = _ref.accept,
|
|
4738
|
-
minSize = _ref.minSize,
|
|
4739
|
-
maxSize = _ref.maxSize,
|
|
4740
|
-
multiple = _ref.multiple,
|
|
4741
|
-
maxFiles = _ref.maxFiles;
|
|
4742
|
-
|
|
4743
|
-
if (!multiple && files.length > 1 || multiple && maxFiles >= 1 && files.length > maxFiles) {
|
|
4744
|
-
return false;
|
|
4745
|
-
}
|
|
4746
|
-
|
|
4747
|
-
return files.every(function (file) {
|
|
4748
|
-
var _fileAccepted = fileAccepted(file, accept),
|
|
4749
|
-
_fileAccepted2 = _slicedToArray$1(_fileAccepted, 1),
|
|
4750
|
-
accepted = _fileAccepted2[0];
|
|
4751
|
-
|
|
4752
|
-
var _fileMatchSize = fileMatchSize(file, minSize, maxSize),
|
|
4753
|
-
_fileMatchSize2 = _slicedToArray$1(_fileMatchSize, 1),
|
|
4754
|
-
sizeMatch = _fileMatchSize2[0];
|
|
4755
|
-
|
|
4756
|
-
return accepted && sizeMatch;
|
|
4757
|
-
});
|
|
4758
|
-
} // React's synthetic events has event.isPropagationStopped,
|
|
4759
|
-
// but to remain compatibility with other libs (Preact) fall back
|
|
4760
|
-
// to check event.cancelBubble
|
|
4761
|
-
|
|
4762
|
-
function isPropagationStopped(event) {
|
|
4763
|
-
if (typeof event.isPropagationStopped === 'function') {
|
|
4764
|
-
return event.isPropagationStopped();
|
|
4765
|
-
} else if (typeof event.cancelBubble !== 'undefined') {
|
|
4766
|
-
return event.cancelBubble;
|
|
4767
|
-
}
|
|
4768
|
-
|
|
4769
|
-
return false;
|
|
4770
|
-
}
|
|
4771
|
-
function isEvtWithFiles(event) {
|
|
4772
|
-
if (!event.dataTransfer) {
|
|
4773
|
-
return !!event.target && !!event.target.files;
|
|
4774
|
-
} // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/types
|
|
4775
|
-
// https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types#file
|
|
4776
|
-
|
|
4777
|
-
|
|
4778
|
-
return Array.prototype.some.call(event.dataTransfer.types, function (type) {
|
|
4779
|
-
return type === 'Files' || type === 'application/x-moz-file';
|
|
4780
|
-
});
|
|
4781
|
-
}
|
|
4782
|
-
|
|
4783
|
-
function onDocumentDragOver(event) {
|
|
4784
|
-
event.preventDefault();
|
|
4785
|
-
}
|
|
4786
|
-
|
|
4787
|
-
function isIe(userAgent) {
|
|
4788
|
-
return userAgent.indexOf('MSIE') !== -1 || userAgent.indexOf('Trident/') !== -1;
|
|
4789
|
-
}
|
|
4790
|
-
|
|
4791
|
-
function isEdge(userAgent) {
|
|
4792
|
-
return userAgent.indexOf('Edge/') !== -1;
|
|
4793
|
-
}
|
|
4794
|
-
|
|
4795
|
-
function isIeOrEdge() {
|
|
4796
|
-
var userAgent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.navigator.userAgent;
|
|
4797
|
-
return isIe(userAgent) || isEdge(userAgent);
|
|
4798
|
-
}
|
|
4799
|
-
/**
|
|
4800
|
-
* This is intended to be used to compose event handlers
|
|
4801
|
-
* They are executed in order until one of them calls `event.isPropagationStopped()`.
|
|
4802
|
-
* Note that the check is done on the first invoke too,
|
|
4803
|
-
* meaning that if propagation was stopped before invoking the fns,
|
|
4804
|
-
* no handlers will be executed.
|
|
4805
|
-
*
|
|
4806
|
-
* @param {Function} fns the event hanlder functions
|
|
4807
|
-
* @return {Function} the event handler to add to an element
|
|
4808
|
-
*/
|
|
4809
|
-
|
|
4810
|
-
function composeEventHandlers() {
|
|
4811
|
-
for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
4812
|
-
fns[_key] = arguments[_key];
|
|
4813
|
-
}
|
|
4814
|
-
|
|
4815
|
-
return function (event) {
|
|
4816
|
-
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
|
4817
|
-
args[_key2 - 1] = arguments[_key2];
|
|
4818
|
-
}
|
|
4819
|
-
|
|
4820
|
-
return fns.some(function (fn) {
|
|
4821
|
-
if (!isPropagationStopped(event) && fn) {
|
|
4822
|
-
fn.apply(void 0, [event].concat(args));
|
|
4823
|
-
}
|
|
4824
|
-
|
|
4825
|
-
return isPropagationStopped(event);
|
|
4826
|
-
});
|
|
4827
|
-
};
|
|
4828
|
-
}
|
|
4829
|
-
|
|
4830
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$2(arr) || _nonIterableSpread(); }
|
|
4831
|
-
|
|
4832
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4833
|
-
|
|
4834
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
|
|
4835
|
-
|
|
4836
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray$2(arr); }
|
|
4837
|
-
|
|
4838
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest(); }
|
|
4839
|
-
|
|
4840
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4841
|
-
|
|
4842
|
-
function _unsupportedIterableToArray$2(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$2(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen); }
|
|
4843
|
-
|
|
4844
|
-
function _arrayLikeToArray$2(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
4845
|
-
|
|
4846
|
-
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
4847
|
-
|
|
4848
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
4849
|
-
|
|
4850
|
-
function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
4851
|
-
|
|
4852
|
-
function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$f(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
4853
|
-
|
|
4854
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
4855
|
-
|
|
4856
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4857
|
-
|
|
4858
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
4859
|
-
/**
|
|
4860
|
-
* Convenience wrapper component for the `useDropzone` hook
|
|
4861
|
-
*
|
|
4862
|
-
* ```jsx
|
|
4863
|
-
* <Dropzone>
|
|
4864
|
-
* {({getRootProps, getInputProps}) => (
|
|
4865
|
-
* <div {...getRootProps()}>
|
|
4866
|
-
* <input {...getInputProps()} />
|
|
4867
|
-
* <p>Drag 'n' drop some files here, or click to select files</p>
|
|
4868
|
-
* </div>
|
|
4869
|
-
* )}
|
|
4870
|
-
* </Dropzone>
|
|
4871
|
-
* ```
|
|
4872
|
-
*/
|
|
4873
|
-
|
|
4874
|
-
var Dropzone = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
4875
|
-
var children = _ref.children,
|
|
4876
|
-
params = _objectWithoutProperties(_ref, ["children"]);
|
|
4877
|
-
|
|
4878
|
-
var _useDropzone = useDropzone(params),
|
|
4879
|
-
open = _useDropzone.open,
|
|
4880
|
-
props = _objectWithoutProperties(_useDropzone, ["open"]);
|
|
4881
|
-
|
|
4882
|
-
useImperativeHandle(ref, function () {
|
|
4883
|
-
return {
|
|
4884
|
-
open: open
|
|
4885
|
-
};
|
|
4886
|
-
}, [open]); // TODO: Figure out why react-styleguidist cannot create docs if we don't return a jsx element
|
|
4887
|
-
|
|
4888
|
-
return /*#__PURE__*/React__default.createElement(Fragment$1, null, children(_objectSpread$f(_objectSpread$f({}, props), {}, {
|
|
4889
|
-
open: open
|
|
4890
|
-
})));
|
|
4891
|
-
});
|
|
4892
|
-
Dropzone.displayName = 'Dropzone'; // Add default props for react-docgen
|
|
4893
|
-
|
|
4894
|
-
var defaultProps = {
|
|
4895
|
-
disabled: false,
|
|
4896
|
-
getFilesFromEvent: fromEvent,
|
|
4897
|
-
maxSize: Infinity,
|
|
4898
|
-
minSize: 0,
|
|
4899
|
-
multiple: true,
|
|
4900
|
-
maxFiles: 0,
|
|
4901
|
-
preventDropOnDocument: true,
|
|
4902
|
-
noClick: false,
|
|
4903
|
-
noKeyboard: false,
|
|
4904
|
-
noDrag: false,
|
|
4905
|
-
noDragEventsBubbling: false
|
|
4906
|
-
};
|
|
4907
|
-
Dropzone.defaultProps = defaultProps;
|
|
4908
|
-
Dropzone.propTypes = {
|
|
4909
|
-
/**
|
|
4910
|
-
* Render function that exposes the dropzone state and prop getter fns
|
|
4911
|
-
*
|
|
4912
|
-
* @param {object} params
|
|
4913
|
-
* @param {Function} params.getRootProps Returns the props you should apply to the root drop container you render
|
|
4914
|
-
* @param {Function} params.getInputProps Returns the props you should apply to hidden file input you render
|
|
4915
|
-
* @param {Function} params.open Open the native file selection dialog
|
|
4916
|
-
* @param {boolean} params.isFocused Dropzone area is in focus
|
|
4917
|
-
* @param {boolean} params.isFileDialogActive File dialog is opened
|
|
4918
|
-
* @param {boolean} params.isDragActive Active drag is in progress
|
|
4919
|
-
* @param {boolean} params.isDragAccept Dragged files are accepted
|
|
4920
|
-
* @param {boolean} params.isDragReject Some dragged files are rejected
|
|
4921
|
-
* @param {File[]} params.draggedFiles Files in active drag
|
|
4922
|
-
* @param {File[]} params.acceptedFiles Accepted files
|
|
4923
|
-
* @param {FileRejection[]} params.fileRejections Rejected files and why they were rejected
|
|
4924
|
-
*/
|
|
4925
|
-
children: PropTypes.func,
|
|
4926
|
-
|
|
4927
|
-
/**
|
|
4928
|
-
* Set accepted file types.
|
|
4929
|
-
* See https://github.com/okonet/attr-accept for more information.
|
|
4930
|
-
* Keep in mind that mime type determination is not reliable across platforms. CSV files,
|
|
4931
|
-
* for example, are reported as text/plain under macOS but as application/vnd.ms-excel under
|
|
4932
|
-
* Windows. In some cases there might not be a mime type set at all.
|
|
4933
|
-
* See: https://github.com/react-dropzone/react-dropzone/issues/276
|
|
4934
|
-
*/
|
|
4935
|
-
accept: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
|
|
4936
|
-
|
|
4937
|
-
/**
|
|
4938
|
-
* Allow drag 'n' drop (or selection from the file dialog) of multiple files
|
|
4939
|
-
*/
|
|
4940
|
-
multiple: PropTypes.bool,
|
|
4941
|
-
|
|
4942
|
-
/**
|
|
4943
|
-
* If false, allow dropped items to take over the current browser window
|
|
4944
|
-
*/
|
|
4945
|
-
preventDropOnDocument: PropTypes.bool,
|
|
4946
|
-
|
|
4947
|
-
/**
|
|
4948
|
-
* If true, disables click to open the native file selection dialog
|
|
4949
|
-
*/
|
|
4950
|
-
noClick: PropTypes.bool,
|
|
4951
|
-
|
|
4952
|
-
/**
|
|
4953
|
-
* If true, disables SPACE/ENTER to open the native file selection dialog.
|
|
4954
|
-
* Note that it also stops tracking the focus state.
|
|
4955
|
-
*/
|
|
4956
|
-
noKeyboard: PropTypes.bool,
|
|
4957
|
-
|
|
4958
|
-
/**
|
|
4959
|
-
* If true, disables drag 'n' drop
|
|
4960
|
-
*/
|
|
4961
|
-
noDrag: PropTypes.bool,
|
|
4962
|
-
|
|
4963
|
-
/**
|
|
4964
|
-
* If true, stops drag event propagation to parents
|
|
4965
|
-
*/
|
|
4966
|
-
noDragEventsBubbling: PropTypes.bool,
|
|
4967
|
-
|
|
4968
|
-
/**
|
|
4969
|
-
* Minimum file size (in bytes)
|
|
4970
|
-
*/
|
|
4971
|
-
minSize: PropTypes.number,
|
|
4972
|
-
|
|
4973
|
-
/**
|
|
4974
|
-
* Maximum file size (in bytes)
|
|
4975
|
-
*/
|
|
4976
|
-
maxSize: PropTypes.number,
|
|
4977
|
-
|
|
4978
|
-
/**
|
|
4979
|
-
* Maximum accepted number of files
|
|
4980
|
-
* The default value is 0 which means there is no limitation to how many files are accepted.
|
|
4981
|
-
*/
|
|
4982
|
-
maxFiles: PropTypes.number,
|
|
4983
|
-
|
|
4984
|
-
/**
|
|
4985
|
-
* Enable/disable the dropzone
|
|
4986
|
-
*/
|
|
4987
|
-
disabled: PropTypes.bool,
|
|
4988
|
-
|
|
4989
|
-
/**
|
|
4990
|
-
* Use this to provide a custom file aggregator
|
|
4991
|
-
*
|
|
4992
|
-
* @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)
|
|
4993
|
-
*/
|
|
4994
|
-
getFilesFromEvent: PropTypes.func,
|
|
4995
|
-
|
|
4996
|
-
/**
|
|
4997
|
-
* Cb for when closing the file dialog with no selection
|
|
4998
|
-
*/
|
|
4999
|
-
onFileDialogCancel: PropTypes.func,
|
|
5000
|
-
|
|
5001
|
-
/**
|
|
5002
|
-
* Cb for when the `dragenter` event occurs.
|
|
5003
|
-
*
|
|
5004
|
-
* @param {DragEvent} event
|
|
5005
|
-
*/
|
|
5006
|
-
onDragEnter: PropTypes.func,
|
|
5007
|
-
|
|
5008
|
-
/**
|
|
5009
|
-
* Cb for when the `dragleave` event occurs
|
|
5010
|
-
*
|
|
5011
|
-
* @param {DragEvent} event
|
|
5012
|
-
*/
|
|
5013
|
-
onDragLeave: PropTypes.func,
|
|
5014
|
-
|
|
5015
|
-
/**
|
|
5016
|
-
* Cb for when the `dragover` event occurs
|
|
5017
|
-
*
|
|
5018
|
-
* @param {DragEvent} event
|
|
5019
|
-
*/
|
|
5020
|
-
onDragOver: PropTypes.func,
|
|
5021
|
-
|
|
5022
|
-
/**
|
|
5023
|
-
* Cb for when the `drop` event occurs.
|
|
5024
|
-
* Note that this callback is invoked after the `getFilesFromEvent` callback is done.
|
|
5025
|
-
*
|
|
5026
|
-
* Files are accepted or rejected based on the `accept`, `multiple`, `minSize` and `maxSize` props.
|
|
5027
|
-
* `accept` must be a valid [MIME type](http://www.iana.org/assignments/media-types/media-types.xhtml) according to [input element specification](https://www.w3.org/wiki/HTML/Elements/input/file) or a valid file extension.
|
|
5028
|
-
* If `multiple` is set to false and additional files are dropped,
|
|
5029
|
-
* all files besides the first will be rejected.
|
|
5030
|
-
* Any file which does not have a size in the [`minSize`, `maxSize`] range, will be rejected as well.
|
|
5031
|
-
*
|
|
5032
|
-
* Note that the `onDrop` callback will always be invoked regardless if the dropped files were accepted or rejected.
|
|
5033
|
-
* If you'd like to react to a specific scenario, use the `onDropAccepted`/`onDropRejected` props.
|
|
5034
|
-
*
|
|
5035
|
-
* `onDrop` will provide you with an array of [File](https://developer.mozilla.org/en-US/docs/Web/API/File) objects which you can then process and send to a server.
|
|
5036
|
-
* For example, with [SuperAgent](https://github.com/visionmedia/superagent) as a http/ajax library:
|
|
5037
|
-
*
|
|
5038
|
-
* ```js
|
|
5039
|
-
* function onDrop(acceptedFiles) {
|
|
5040
|
-
* const req = request.post('/upload')
|
|
5041
|
-
* acceptedFiles.forEach(file => {
|
|
5042
|
-
* req.attach(file.name, file)
|
|
5043
|
-
* })
|
|
5044
|
-
* req.end(callback)
|
|
5045
|
-
* }
|
|
5046
|
-
* ```
|
|
5047
|
-
*
|
|
5048
|
-
* @param {File[]} acceptedFiles
|
|
5049
|
-
* @param {FileRejection[]} fileRejections
|
|
5050
|
-
* @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)
|
|
5051
|
-
*/
|
|
5052
|
-
onDrop: PropTypes.func,
|
|
5053
|
-
|
|
5054
|
-
/**
|
|
5055
|
-
* Cb for when the `drop` event occurs.
|
|
5056
|
-
* Note that if no files are accepted, this callback is not invoked.
|
|
5057
|
-
*
|
|
5058
|
-
* @param {File[]} files
|
|
5059
|
-
* @param {(DragEvent|Event)} event
|
|
5060
|
-
*/
|
|
5061
|
-
onDropAccepted: PropTypes.func,
|
|
5062
|
-
|
|
5063
|
-
/**
|
|
5064
|
-
* Cb for when the `drop` event occurs.
|
|
5065
|
-
* Note that if no files are rejected, this callback is not invoked.
|
|
5066
|
-
*
|
|
5067
|
-
* @param {FileRejection[]} fileRejections
|
|
5068
|
-
* @param {(DragEvent|Event)} event
|
|
5069
|
-
*/
|
|
5070
|
-
onDropRejected: PropTypes.func
|
|
5071
|
-
};
|
|
5072
|
-
/**
|
|
5073
|
-
* A function that is invoked for the `dragenter`,
|
|
5074
|
-
* `dragover` and `dragleave` events.
|
|
5075
|
-
* It is not invoked if the items are not files (such as link, text, etc.).
|
|
5076
|
-
*
|
|
5077
|
-
* @callback dragCb
|
|
5078
|
-
* @param {DragEvent} event
|
|
5079
|
-
*/
|
|
5080
|
-
|
|
5081
|
-
/**
|
|
5082
|
-
* A function that is invoked for the `drop` or input change event.
|
|
5083
|
-
* It is not invoked if the items are not files (such as link, text, etc.).
|
|
5084
|
-
*
|
|
5085
|
-
* @callback dropCb
|
|
5086
|
-
* @param {File[]} acceptedFiles List of accepted files
|
|
5087
|
-
* @param {FileRejection[]} fileRejections List of rejected files and why they were rejected
|
|
5088
|
-
* @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)
|
|
5089
|
-
*/
|
|
5090
|
-
|
|
5091
|
-
/**
|
|
5092
|
-
* A function that is invoked for the `drop` or input change event.
|
|
5093
|
-
* It is not invoked if the items are files (such as link, text, etc.).
|
|
5094
|
-
*
|
|
5095
|
-
* @callback dropAcceptedCb
|
|
5096
|
-
* @param {File[]} files List of accepted files that meet the given criteria
|
|
5097
|
-
* (`accept`, `multiple`, `minSize`, `maxSize`)
|
|
5098
|
-
* @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)
|
|
5099
|
-
*/
|
|
5100
|
-
|
|
5101
|
-
/**
|
|
5102
|
-
* A function that is invoked for the `drop` or input change event.
|
|
5103
|
-
*
|
|
5104
|
-
* @callback dropRejectedCb
|
|
5105
|
-
* @param {File[]} files List of rejected files that do not meet the given criteria
|
|
5106
|
-
* (`accept`, `multiple`, `minSize`, `maxSize`)
|
|
5107
|
-
* @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)
|
|
5108
|
-
*/
|
|
5109
|
-
|
|
5110
|
-
/**
|
|
5111
|
-
* A function that is used aggregate files,
|
|
5112
|
-
* in a asynchronous fashion, from drag or input change events.
|
|
5113
|
-
*
|
|
5114
|
-
* @callback getFilesFromEvent
|
|
5115
|
-
* @param {(DragEvent|Event)} event A drag event or input change event (if files were selected via the file dialog)
|
|
5116
|
-
* @returns {(File[]|Promise<File[]>)}
|
|
5117
|
-
*/
|
|
5118
|
-
|
|
5119
|
-
/**
|
|
5120
|
-
* An object with the current dropzone state and some helper functions.
|
|
5121
|
-
*
|
|
5122
|
-
* @typedef {object} DropzoneState
|
|
5123
|
-
* @property {Function} getRootProps Returns the props you should apply to the root drop container you render
|
|
5124
|
-
* @property {Function} getInputProps Returns the props you should apply to hidden file input you render
|
|
5125
|
-
* @property {Function} open Open the native file selection dialog
|
|
5126
|
-
* @property {boolean} isFocused Dropzone area is in focus
|
|
5127
|
-
* @property {boolean} isFileDialogActive File dialog is opened
|
|
5128
|
-
* @property {boolean} isDragActive Active drag is in progress
|
|
5129
|
-
* @property {boolean} isDragAccept Dragged files are accepted
|
|
5130
|
-
* @property {boolean} isDragReject Some dragged files are rejected
|
|
5131
|
-
* @property {File[]} draggedFiles Files in active drag
|
|
5132
|
-
* @property {File[]} acceptedFiles Accepted files
|
|
5133
|
-
* @property {FileRejection[]} fileRejections Rejected files and why they were rejected
|
|
5134
|
-
*/
|
|
5135
|
-
|
|
5136
|
-
var initialState = {
|
|
5137
|
-
isFocused: false,
|
|
5138
|
-
isFileDialogActive: false,
|
|
5139
|
-
isDragActive: false,
|
|
5140
|
-
isDragAccept: false,
|
|
5141
|
-
isDragReject: false,
|
|
5142
|
-
draggedFiles: [],
|
|
5143
|
-
acceptedFiles: [],
|
|
5144
|
-
fileRejections: []
|
|
5145
|
-
};
|
|
5146
|
-
/**
|
|
5147
|
-
* A React hook that creates a drag 'n' drop area.
|
|
5148
|
-
*
|
|
5149
|
-
* ```jsx
|
|
5150
|
-
* function MyDropzone(props) {
|
|
5151
|
-
* const {getRootProps, getInputProps} = useDropzone({
|
|
5152
|
-
* onDrop: acceptedFiles => {
|
|
5153
|
-
* // do something with the File objects, e.g. upload to some server
|
|
5154
|
-
* }
|
|
5155
|
-
* });
|
|
5156
|
-
* return (
|
|
5157
|
-
* <div {...getRootProps()}>
|
|
5158
|
-
* <input {...getInputProps()} />
|
|
5159
|
-
* <p>Drag and drop some files here, or click to select files</p>
|
|
5160
|
-
* </div>
|
|
5161
|
-
* )
|
|
5162
|
-
* }
|
|
5163
|
-
* ```
|
|
5164
|
-
*
|
|
5165
|
-
* @function useDropzone
|
|
5166
|
-
*
|
|
5167
|
-
* @param {object} props
|
|
5168
|
-
* @param {string|string[]} [props.accept] Set accepted file types.
|
|
5169
|
-
* See https://github.com/okonet/attr-accept for more information.
|
|
5170
|
-
* Keep in mind that mime type determination is not reliable across platforms. CSV files,
|
|
5171
|
-
* for example, are reported as text/plain under macOS but as application/vnd.ms-excel under
|
|
5172
|
-
* Windows. In some cases there might not be a mime type set at all.
|
|
5173
|
-
* See: https://github.com/react-dropzone/react-dropzone/issues/276
|
|
5174
|
-
* @param {boolean} [props.multiple=true] Allow drag 'n' drop (or selection from the file dialog) of multiple files
|
|
5175
|
-
* @param {boolean} [props.preventDropOnDocument=true] If false, allow dropped items to take over the current browser window
|
|
5176
|
-
* @param {boolean} [props.noClick=false] If true, disables click to open the native file selection dialog
|
|
5177
|
-
* @param {boolean} [props.noKeyboard=false] If true, disables SPACE/ENTER to open the native file selection dialog.
|
|
5178
|
-
* Note that it also stops tracking the focus state.
|
|
5179
|
-
* @param {boolean} [props.noDrag=false] If true, disables drag 'n' drop
|
|
5180
|
-
* @param {boolean} [props.noDragEventsBubbling=false] If true, stops drag event propagation to parents
|
|
5181
|
-
* @param {number} [props.minSize=0] Minimum file size (in bytes)
|
|
5182
|
-
* @param {number} [props.maxSize=Infinity] Maximum file size (in bytes)
|
|
5183
|
-
* @param {boolean} [props.disabled=false] Enable/disable the dropzone
|
|
5184
|
-
* @param {getFilesFromEvent} [props.getFilesFromEvent] Use this to provide a custom file aggregator
|
|
5185
|
-
* @param {Function} [props.onFileDialogCancel] Cb for when closing the file dialog with no selection
|
|
5186
|
-
* @param {dragCb} [props.onDragEnter] Cb for when the `dragenter` event occurs.
|
|
5187
|
-
* @param {dragCb} [props.onDragLeave] Cb for when the `dragleave` event occurs
|
|
5188
|
-
* @param {dragCb} [props.onDragOver] Cb for when the `dragover` event occurs
|
|
5189
|
-
* @param {dropCb} [props.onDrop] Cb for when the `drop` event occurs.
|
|
5190
|
-
* Note that this callback is invoked after the `getFilesFromEvent` callback is done.
|
|
5191
|
-
*
|
|
5192
|
-
* Files are accepted or rejected based on the `accept`, `multiple`, `minSize` and `maxSize` props.
|
|
5193
|
-
* `accept` must be a valid [MIME type](http://www.iana.org/assignments/media-types/media-types.xhtml) according to [input element specification](https://www.w3.org/wiki/HTML/Elements/input/file) or a valid file extension.
|
|
5194
|
-
* If `multiple` is set to false and additional files are dropped,
|
|
5195
|
-
* all files besides the first will be rejected.
|
|
5196
|
-
* Any file which does not have a size in the [`minSize`, `maxSize`] range, will be rejected as well.
|
|
5197
|
-
*
|
|
5198
|
-
* Note that the `onDrop` callback will always be invoked regardless if the dropped files were accepted or rejected.
|
|
5199
|
-
* If you'd like to react to a specific scenario, use the `onDropAccepted`/`onDropRejected` props.
|
|
5200
|
-
*
|
|
5201
|
-
* `onDrop` will provide you with an array of [File](https://developer.mozilla.org/en-US/docs/Web/API/File) objects which you can then process and send to a server.
|
|
5202
|
-
* For example, with [SuperAgent](https://github.com/visionmedia/superagent) as a http/ajax library:
|
|
5203
|
-
*
|
|
5204
|
-
* ```js
|
|
5205
|
-
* function onDrop(acceptedFiles) {
|
|
5206
|
-
* const req = request.post('/upload')
|
|
5207
|
-
* acceptedFiles.forEach(file => {
|
|
5208
|
-
* req.attach(file.name, file)
|
|
5209
|
-
* })
|
|
5210
|
-
* req.end(callback)
|
|
5211
|
-
* }
|
|
5212
|
-
* ```
|
|
5213
|
-
* @param {dropAcceptedCb} [props.onDropAccepted]
|
|
5214
|
-
* @param {dropRejectedCb} [props.onDropRejected]
|
|
5215
|
-
*
|
|
5216
|
-
* @returns {DropzoneState}
|
|
5217
|
-
*/
|
|
5218
|
-
|
|
5219
|
-
function useDropzone() {
|
|
5220
|
-
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
5221
|
-
|
|
5222
|
-
var _defaultProps$options = _objectSpread$f(_objectSpread$f({}, defaultProps), options),
|
|
5223
|
-
accept = _defaultProps$options.accept,
|
|
5224
|
-
disabled = _defaultProps$options.disabled,
|
|
5225
|
-
getFilesFromEvent = _defaultProps$options.getFilesFromEvent,
|
|
5226
|
-
maxSize = _defaultProps$options.maxSize,
|
|
5227
|
-
minSize = _defaultProps$options.minSize,
|
|
5228
|
-
multiple = _defaultProps$options.multiple,
|
|
5229
|
-
maxFiles = _defaultProps$options.maxFiles,
|
|
5230
|
-
onDragEnter = _defaultProps$options.onDragEnter,
|
|
5231
|
-
onDragLeave = _defaultProps$options.onDragLeave,
|
|
5232
|
-
onDragOver = _defaultProps$options.onDragOver,
|
|
5233
|
-
onDrop = _defaultProps$options.onDrop,
|
|
5234
|
-
onDropAccepted = _defaultProps$options.onDropAccepted,
|
|
5235
|
-
onDropRejected = _defaultProps$options.onDropRejected,
|
|
5236
|
-
onFileDialogCancel = _defaultProps$options.onFileDialogCancel,
|
|
5237
|
-
preventDropOnDocument = _defaultProps$options.preventDropOnDocument,
|
|
5238
|
-
noClick = _defaultProps$options.noClick,
|
|
5239
|
-
noKeyboard = _defaultProps$options.noKeyboard,
|
|
5240
|
-
noDrag = _defaultProps$options.noDrag,
|
|
5241
|
-
noDragEventsBubbling = _defaultProps$options.noDragEventsBubbling;
|
|
5242
|
-
|
|
5243
|
-
var rootRef = useRef(null);
|
|
5244
|
-
var inputRef = useRef(null);
|
|
5245
|
-
|
|
5246
|
-
var _useReducer = useReducer(reducer, initialState),
|
|
5247
|
-
_useReducer2 = _slicedToArray(_useReducer, 2),
|
|
5248
|
-
state = _useReducer2[0],
|
|
5249
|
-
dispatch = _useReducer2[1];
|
|
5250
|
-
|
|
5251
|
-
var isFocused = state.isFocused,
|
|
5252
|
-
isFileDialogActive = state.isFileDialogActive,
|
|
5253
|
-
draggedFiles = state.draggedFiles; // Fn for opening the file dialog programmatically
|
|
5254
|
-
|
|
5255
|
-
var openFileDialog = useCallback(function () {
|
|
5256
|
-
if (inputRef.current) {
|
|
5257
|
-
dispatch({
|
|
5258
|
-
type: 'openDialog'
|
|
5259
|
-
});
|
|
5260
|
-
inputRef.current.value = null;
|
|
5261
|
-
inputRef.current.click();
|
|
5262
|
-
}
|
|
5263
|
-
}, [dispatch]); // Update file dialog active state when the window is focused on
|
|
5264
|
-
|
|
5265
|
-
var onWindowFocus = function onWindowFocus() {
|
|
5266
|
-
// Execute the timeout only if the file dialog is opened in the browser
|
|
5267
|
-
if (isFileDialogActive) {
|
|
5268
|
-
setTimeout(function () {
|
|
5269
|
-
if (inputRef.current) {
|
|
5270
|
-
var files = inputRef.current.files;
|
|
5271
|
-
|
|
5272
|
-
if (!files.length) {
|
|
5273
|
-
dispatch({
|
|
5274
|
-
type: 'closeDialog'
|
|
5275
|
-
});
|
|
5276
|
-
|
|
5277
|
-
if (typeof onFileDialogCancel === 'function') {
|
|
5278
|
-
onFileDialogCancel();
|
|
5279
|
-
}
|
|
5280
|
-
}
|
|
5281
|
-
}
|
|
5282
|
-
}, 300);
|
|
5283
|
-
}
|
|
5284
|
-
};
|
|
5285
|
-
|
|
5286
|
-
useEffect(function () {
|
|
5287
|
-
window.addEventListener('focus', onWindowFocus, false);
|
|
5288
|
-
return function () {
|
|
5289
|
-
window.removeEventListener('focus', onWindowFocus, false);
|
|
5290
|
-
};
|
|
5291
|
-
}, [inputRef, isFileDialogActive, onFileDialogCancel]); // Cb to open the file dialog when SPACE/ENTER occurs on the dropzone
|
|
5292
|
-
|
|
5293
|
-
var onKeyDownCb = useCallback(function (event) {
|
|
5294
|
-
// Ignore keyboard events bubbling up the DOM tree
|
|
5295
|
-
if (!rootRef.current || !rootRef.current.isEqualNode(event.target)) {
|
|
5296
|
-
return;
|
|
5297
|
-
}
|
|
5298
|
-
|
|
5299
|
-
if (event.keyCode === 32 || event.keyCode === 13) {
|
|
5300
|
-
event.preventDefault();
|
|
5301
|
-
openFileDialog();
|
|
5302
|
-
}
|
|
5303
|
-
}, [rootRef, inputRef]); // Update focus state for the dropzone
|
|
5304
|
-
|
|
5305
|
-
var onFocusCb = useCallback(function () {
|
|
5306
|
-
dispatch({
|
|
5307
|
-
type: 'focus'
|
|
5308
|
-
});
|
|
5309
|
-
}, []);
|
|
5310
|
-
var onBlurCb = useCallback(function () {
|
|
5311
|
-
dispatch({
|
|
5312
|
-
type: 'blur'
|
|
5313
|
-
});
|
|
5314
|
-
}, []); // Cb to open the file dialog when click occurs on the dropzone
|
|
5315
|
-
|
|
5316
|
-
var onClickCb = useCallback(function () {
|
|
5317
|
-
if (noClick) {
|
|
5318
|
-
return;
|
|
5319
|
-
} // In IE11/Edge the file-browser dialog is blocking, therefore, use setTimeout()
|
|
5320
|
-
// to ensure React can handle state changes
|
|
5321
|
-
// See: https://github.com/react-dropzone/react-dropzone/issues/450
|
|
5322
|
-
|
|
5323
|
-
|
|
5324
|
-
if (isIeOrEdge()) {
|
|
5325
|
-
setTimeout(openFileDialog, 0);
|
|
5326
|
-
} else {
|
|
5327
|
-
openFileDialog();
|
|
5328
|
-
}
|
|
5329
|
-
}, [inputRef, noClick]);
|
|
5330
|
-
var dragTargetsRef = useRef([]);
|
|
5331
|
-
|
|
5332
|
-
var onDocumentDrop = function onDocumentDrop(event) {
|
|
5333
|
-
if (rootRef.current && rootRef.current.contains(event.target)) {
|
|
5334
|
-
// If we intercepted an event for our instance, let it propagate down to the instance's onDrop handler
|
|
5335
|
-
return;
|
|
5336
|
-
}
|
|
5337
|
-
|
|
5338
|
-
event.preventDefault();
|
|
5339
|
-
dragTargetsRef.current = [];
|
|
5340
|
-
};
|
|
5341
|
-
|
|
5342
|
-
useEffect(function () {
|
|
5343
|
-
if (preventDropOnDocument) {
|
|
5344
|
-
document.addEventListener('dragover', onDocumentDragOver, false);
|
|
5345
|
-
document.addEventListener('drop', onDocumentDrop, false);
|
|
5346
|
-
}
|
|
5347
|
-
|
|
5348
|
-
return function () {
|
|
5349
|
-
if (preventDropOnDocument) {
|
|
5350
|
-
document.removeEventListener('dragover', onDocumentDragOver);
|
|
5351
|
-
document.removeEventListener('drop', onDocumentDrop);
|
|
5352
|
-
}
|
|
5353
|
-
};
|
|
5354
|
-
}, [rootRef, preventDropOnDocument]);
|
|
5355
|
-
var onDragEnterCb = useCallback(function (event) {
|
|
5356
|
-
event.preventDefault(); // Persist here because we need the event later after getFilesFromEvent() is done
|
|
5357
|
-
|
|
5358
|
-
event.persist();
|
|
5359
|
-
stopPropagation(event);
|
|
5360
|
-
dragTargetsRef.current = [].concat(_toConsumableArray(dragTargetsRef.current), [event.target]);
|
|
5361
|
-
|
|
5362
|
-
if (isEvtWithFiles(event)) {
|
|
5363
|
-
Promise.resolve(getFilesFromEvent(event)).then(function (draggedFiles) {
|
|
5364
|
-
if (isPropagationStopped(event) && !noDragEventsBubbling) {
|
|
5365
|
-
return;
|
|
5366
|
-
}
|
|
5367
|
-
|
|
5368
|
-
dispatch({
|
|
5369
|
-
draggedFiles: draggedFiles,
|
|
5370
|
-
isDragActive: true,
|
|
5371
|
-
type: 'setDraggedFiles'
|
|
5372
|
-
});
|
|
5373
|
-
|
|
5374
|
-
if (onDragEnter) {
|
|
5375
|
-
onDragEnter(event);
|
|
5376
|
-
}
|
|
5377
|
-
});
|
|
5378
|
-
}
|
|
5379
|
-
}, [getFilesFromEvent, onDragEnter, noDragEventsBubbling]);
|
|
5380
|
-
var onDragOverCb = useCallback(function (event) {
|
|
5381
|
-
event.preventDefault();
|
|
5382
|
-
event.persist();
|
|
5383
|
-
stopPropagation(event);
|
|
5384
|
-
|
|
5385
|
-
if (event.dataTransfer) {
|
|
5386
|
-
try {
|
|
5387
|
-
event.dataTransfer.dropEffect = 'copy';
|
|
5388
|
-
} catch (_unused) {}
|
|
5389
|
-
/* eslint-disable-line no-empty */
|
|
5390
|
-
|
|
5391
|
-
}
|
|
5392
|
-
|
|
5393
|
-
if (isEvtWithFiles(event) && onDragOver) {
|
|
5394
|
-
onDragOver(event);
|
|
5395
|
-
}
|
|
5396
|
-
|
|
5397
|
-
return false;
|
|
5398
|
-
}, [onDragOver, noDragEventsBubbling]);
|
|
5399
|
-
var onDragLeaveCb = useCallback(function (event) {
|
|
5400
|
-
event.preventDefault();
|
|
5401
|
-
event.persist();
|
|
5402
|
-
stopPropagation(event); // Only deactivate once the dropzone and all children have been left
|
|
5403
|
-
|
|
5404
|
-
var targets = dragTargetsRef.current.filter(function (target) {
|
|
5405
|
-
return rootRef.current && rootRef.current.contains(target);
|
|
5406
|
-
}); // Make sure to remove a target present multiple times only once
|
|
5407
|
-
// (Firefox may fire dragenter/dragleave multiple times on the same element)
|
|
5408
|
-
|
|
5409
|
-
var targetIdx = targets.indexOf(event.target);
|
|
5410
|
-
|
|
5411
|
-
if (targetIdx !== -1) {
|
|
5412
|
-
targets.splice(targetIdx, 1);
|
|
5413
|
-
}
|
|
5414
|
-
|
|
5415
|
-
dragTargetsRef.current = targets;
|
|
5416
|
-
|
|
5417
|
-
if (targets.length > 0) {
|
|
5418
|
-
return;
|
|
5419
|
-
}
|
|
5420
|
-
|
|
5421
|
-
dispatch({
|
|
5422
|
-
isDragActive: false,
|
|
5423
|
-
type: 'setDraggedFiles',
|
|
5424
|
-
draggedFiles: []
|
|
5425
|
-
});
|
|
5426
|
-
|
|
5427
|
-
if (isEvtWithFiles(event) && onDragLeave) {
|
|
5428
|
-
onDragLeave(event);
|
|
5429
|
-
}
|
|
5430
|
-
}, [rootRef, onDragLeave, noDragEventsBubbling]);
|
|
5431
|
-
var onDropCb = useCallback(function (event) {
|
|
5432
|
-
event.preventDefault(); // Persist here because we need the event later after getFilesFromEvent() is done
|
|
5433
|
-
|
|
5434
|
-
event.persist();
|
|
5435
|
-
stopPropagation(event);
|
|
5436
|
-
dragTargetsRef.current = [];
|
|
5437
|
-
|
|
5438
|
-
if (isEvtWithFiles(event)) {
|
|
5439
|
-
Promise.resolve(getFilesFromEvent(event)).then(function (files) {
|
|
5440
|
-
if (isPropagationStopped(event) && !noDragEventsBubbling) {
|
|
5441
|
-
return;
|
|
5442
|
-
}
|
|
5443
|
-
|
|
5444
|
-
var acceptedFiles = [];
|
|
5445
|
-
var fileRejections = [];
|
|
5446
|
-
files.forEach(function (file) {
|
|
5447
|
-
var _fileAccepted = fileAccepted(file, accept),
|
|
5448
|
-
_fileAccepted2 = _slicedToArray(_fileAccepted, 2),
|
|
5449
|
-
accepted = _fileAccepted2[0],
|
|
5450
|
-
acceptError = _fileAccepted2[1];
|
|
5451
|
-
|
|
5452
|
-
var _fileMatchSize = fileMatchSize(file, minSize, maxSize),
|
|
5453
|
-
_fileMatchSize2 = _slicedToArray(_fileMatchSize, 2),
|
|
5454
|
-
sizeMatch = _fileMatchSize2[0],
|
|
5455
|
-
sizeError = _fileMatchSize2[1];
|
|
5456
|
-
|
|
5457
|
-
if (accepted && sizeMatch) {
|
|
5458
|
-
acceptedFiles.push(file);
|
|
5459
|
-
} else {
|
|
5460
|
-
var errors = [acceptError, sizeError].filter(function (e) {
|
|
5461
|
-
return e;
|
|
5462
|
-
});
|
|
5463
|
-
fileRejections.push({
|
|
5464
|
-
file: file,
|
|
5465
|
-
errors: errors
|
|
5466
|
-
});
|
|
5467
|
-
}
|
|
5468
|
-
});
|
|
5469
|
-
|
|
5470
|
-
if (!multiple && acceptedFiles.length > 1 || multiple && maxFiles >= 1 && acceptedFiles.length > maxFiles) {
|
|
5471
|
-
// Reject everything and empty accepted files
|
|
5472
|
-
acceptedFiles.forEach(function (file) {
|
|
5473
|
-
fileRejections.push({
|
|
5474
|
-
file: file,
|
|
5475
|
-
errors: [TOO_MANY_FILES_REJECTION]
|
|
5476
|
-
});
|
|
5477
|
-
});
|
|
5478
|
-
acceptedFiles.splice(0);
|
|
5479
|
-
}
|
|
5480
|
-
|
|
5481
|
-
dispatch({
|
|
5482
|
-
acceptedFiles: acceptedFiles,
|
|
5483
|
-
fileRejections: fileRejections,
|
|
5484
|
-
type: 'setFiles'
|
|
4069
|
+
return t("neetoForm.fileUpload.dropzone.errors.fileTooLarge", {
|
|
4070
|
+
fileName: file.name,
|
|
4071
|
+
maxSize: Math.round(maxFileSize / 1048576)
|
|
5485
4072
|
});
|
|
5486
|
-
|
|
5487
|
-
|
|
5488
|
-
|
|
5489
|
-
}
|
|
5490
|
-
|
|
5491
|
-
if (
|
|
5492
|
-
|
|
5493
|
-
}
|
|
5494
|
-
|
|
5495
|
-
if (acceptedFiles.length > 0 && onDropAccepted) {
|
|
5496
|
-
onDropAccepted(acceptedFiles, event);
|
|
4073
|
+
case ERROR_CODES.FILE_INVALID_TYPE:
|
|
4074
|
+
return t("neetoForm.fileUpload.dropzone.errors.fileInvalidType", {
|
|
4075
|
+
fileType: path$1.extname(file.name)
|
|
4076
|
+
});
|
|
4077
|
+
case ERROR_CODES.TOO_MANY_FILES:
|
|
4078
|
+
if (!isMultiple) {
|
|
4079
|
+
return t("neetoForm.fileUpload.dropzone.errors.tooManyFiles");
|
|
5497
4080
|
}
|
|
5498
|
-
});
|
|
5499
4081
|
}
|
|
5500
|
-
|
|
5501
|
-
|
|
5502
|
-
|
|
5503
|
-
});
|
|
5504
|
-
}, [multiple, accept, minSize, maxSize, maxFiles, getFilesFromEvent, onDrop, onDropAccepted, onDropRejected, noDragEventsBubbling]);
|
|
5505
|
-
|
|
5506
|
-
var composeHandler = function composeHandler(fn) {
|
|
5507
|
-
return disabled ? null : fn;
|
|
5508
|
-
};
|
|
5509
|
-
|
|
5510
|
-
var composeKeyboardHandler = function composeKeyboardHandler(fn) {
|
|
5511
|
-
return noKeyboard ? null : composeHandler(fn);
|
|
5512
|
-
};
|
|
5513
|
-
|
|
5514
|
-
var composeDragHandler = function composeDragHandler(fn) {
|
|
5515
|
-
return noDrag ? null : composeHandler(fn);
|
|
5516
|
-
};
|
|
5517
|
-
|
|
5518
|
-
var stopPropagation = function stopPropagation(event) {
|
|
5519
|
-
if (noDragEventsBubbling) {
|
|
5520
|
-
event.stopPropagation();
|
|
5521
|
-
}
|
|
5522
|
-
};
|
|
5523
|
-
|
|
5524
|
-
var getRootProps = useMemo(function () {
|
|
5525
|
-
return function () {
|
|
5526
|
-
var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
5527
|
-
_ref2$refKey = _ref2.refKey,
|
|
5528
|
-
refKey = _ref2$refKey === void 0 ? 'ref' : _ref2$refKey,
|
|
5529
|
-
onKeyDown = _ref2.onKeyDown,
|
|
5530
|
-
onFocus = _ref2.onFocus,
|
|
5531
|
-
onBlur = _ref2.onBlur,
|
|
5532
|
-
onClick = _ref2.onClick,
|
|
5533
|
-
onDragEnter = _ref2.onDragEnter,
|
|
5534
|
-
onDragOver = _ref2.onDragOver,
|
|
5535
|
-
onDragLeave = _ref2.onDragLeave,
|
|
5536
|
-
onDrop = _ref2.onDrop,
|
|
5537
|
-
rest = _objectWithoutProperties(_ref2, ["refKey", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnter", "onDragOver", "onDragLeave", "onDrop"]);
|
|
5538
|
-
|
|
5539
|
-
return _objectSpread$f(_objectSpread$f(_defineProperty({
|
|
5540
|
-
onKeyDown: composeKeyboardHandler(composeEventHandlers(onKeyDown, onKeyDownCb)),
|
|
5541
|
-
onFocus: composeKeyboardHandler(composeEventHandlers(onFocus, onFocusCb)),
|
|
5542
|
-
onBlur: composeKeyboardHandler(composeEventHandlers(onBlur, onBlurCb)),
|
|
5543
|
-
onClick: composeHandler(composeEventHandlers(onClick, onClickCb)),
|
|
5544
|
-
onDragEnter: composeDragHandler(composeEventHandlers(onDragEnter, onDragEnterCb)),
|
|
5545
|
-
onDragOver: composeDragHandler(composeEventHandlers(onDragOver, onDragOverCb)),
|
|
5546
|
-
onDragLeave: composeDragHandler(composeEventHandlers(onDragLeave, onDragLeaveCb)),
|
|
5547
|
-
onDrop: composeDragHandler(composeEventHandlers(onDrop, onDropCb))
|
|
5548
|
-
}, refKey, rootRef), !disabled && !noKeyboard ? {
|
|
5549
|
-
tabIndex: 0
|
|
5550
|
-
} : {}), rest);
|
|
5551
|
-
};
|
|
5552
|
-
}, [rootRef, onKeyDownCb, onFocusCb, onBlurCb, onClickCb, onDragEnterCb, onDragOverCb, onDragLeaveCb, onDropCb, noKeyboard, noDrag, disabled]);
|
|
5553
|
-
var onInputElementClick = useCallback(function (event) {
|
|
5554
|
-
event.stopPropagation();
|
|
5555
|
-
}, []);
|
|
5556
|
-
var getInputProps = useMemo(function () {
|
|
5557
|
-
return function () {
|
|
5558
|
-
var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
5559
|
-
_ref3$refKey = _ref3.refKey,
|
|
5560
|
-
refKey = _ref3$refKey === void 0 ? 'ref' : _ref3$refKey,
|
|
5561
|
-
onChange = _ref3.onChange,
|
|
5562
|
-
onClick = _ref3.onClick,
|
|
5563
|
-
rest = _objectWithoutProperties(_ref3, ["refKey", "onChange", "onClick"]);
|
|
5564
|
-
|
|
5565
|
-
var inputProps = _defineProperty({
|
|
5566
|
-
accept: accept,
|
|
5567
|
-
multiple: multiple,
|
|
5568
|
-
type: 'file',
|
|
5569
|
-
style: {
|
|
5570
|
-
display: 'none'
|
|
5571
|
-
},
|
|
5572
|
-
onChange: composeHandler(composeEventHandlers(onChange, onDropCb)),
|
|
5573
|
-
onClick: composeHandler(composeEventHandlers(onClick, onInputElementClick)),
|
|
5574
|
-
autoComplete: 'off',
|
|
5575
|
-
tabIndex: -1
|
|
5576
|
-
}, refKey, inputRef);
|
|
5577
|
-
|
|
5578
|
-
return _objectSpread$f(_objectSpread$f({}, inputProps), rest);
|
|
5579
|
-
};
|
|
5580
|
-
}, [inputRef, accept, multiple, onDropCb, disabled]);
|
|
5581
|
-
var fileCount = draggedFiles.length;
|
|
5582
|
-
var isDragAccept = fileCount > 0 && allFilesAccepted({
|
|
5583
|
-
files: draggedFiles,
|
|
5584
|
-
accept: accept,
|
|
5585
|
-
minSize: minSize,
|
|
5586
|
-
maxSize: maxSize,
|
|
5587
|
-
multiple: multiple,
|
|
5588
|
-
maxFiles: maxFiles
|
|
5589
|
-
});
|
|
5590
|
-
var isDragReject = fileCount > 0 && !isDragAccept;
|
|
5591
|
-
return _objectSpread$f(_objectSpread$f({}, state), {}, {
|
|
5592
|
-
isDragAccept: isDragAccept,
|
|
5593
|
-
isDragReject: isDragReject,
|
|
5594
|
-
isFocused: isFocused && !disabled,
|
|
5595
|
-
getRootProps: getRootProps,
|
|
5596
|
-
getInputProps: getInputProps,
|
|
5597
|
-
rootRef: rootRef,
|
|
5598
|
-
inputRef: inputRef,
|
|
5599
|
-
open: composeHandler(openFileDialog)
|
|
4082
|
+
}
|
|
4083
|
+
return t("neetoForm.fileUpload.dropzone.errors.defaultError", {
|
|
4084
|
+
fileName: file.name
|
|
5600
4085
|
});
|
|
5601
|
-
}
|
|
5602
|
-
|
|
5603
|
-
|
|
5604
|
-
|
|
5605
|
-
|
|
5606
|
-
|
|
5607
|
-
|
|
5608
|
-
|
|
5609
|
-
|
|
5610
|
-
|
|
5611
|
-
case 'blur':
|
|
5612
|
-
return _objectSpread$f(_objectSpread$f({}, state), {}, {
|
|
5613
|
-
isFocused: false
|
|
5614
|
-
});
|
|
5615
|
-
|
|
5616
|
-
case 'openDialog':
|
|
5617
|
-
return _objectSpread$f(_objectSpread$f({}, state), {}, {
|
|
5618
|
-
isFileDialogActive: true
|
|
5619
|
-
});
|
|
5620
|
-
|
|
5621
|
-
case 'closeDialog':
|
|
5622
|
-
return _objectSpread$f(_objectSpread$f({}, state), {}, {
|
|
5623
|
-
isFileDialogActive: false
|
|
5624
|
-
});
|
|
5625
|
-
|
|
5626
|
-
case 'setDraggedFiles':
|
|
5627
|
-
/* eslint no-case-declarations: 0 */
|
|
5628
|
-
var isDragActive = action.isDragActive,
|
|
5629
|
-
draggedFiles = action.draggedFiles;
|
|
5630
|
-
return _objectSpread$f(_objectSpread$f({}, state), {}, {
|
|
5631
|
-
draggedFiles: draggedFiles,
|
|
5632
|
-
isDragActive: isDragActive
|
|
5633
|
-
});
|
|
5634
|
-
|
|
5635
|
-
case 'setFiles':
|
|
5636
|
-
return _objectSpread$f(_objectSpread$f({}, state), {}, {
|
|
5637
|
-
acceptedFiles: action.acceptedFiles,
|
|
5638
|
-
fileRejections: action.fileRejections
|
|
5639
|
-
});
|
|
4086
|
+
};
|
|
4087
|
+
var renderButtonsInOrder = function renderButtonsInOrder(buttonsArray, shouldReverse) {
|
|
4088
|
+
var orderedButtons = shouldReverse ? buttonsArray.reverse() : buttonsArray;
|
|
4089
|
+
return map(identity, orderedButtons);
|
|
4090
|
+
};
|
|
4091
|
+
var getSelectedRating = function getSelectedRating(value) {
|
|
4092
|
+
var parsedValue = parseInt(value);
|
|
4093
|
+
return isNaN(parsedValue) ? -1 : parsedValue;
|
|
4094
|
+
};
|
|
5640
4095
|
|
|
5641
|
-
|
|
5642
|
-
|
|
5643
|
-
|
|
5644
|
-
|
|
5645
|
-
|
|
5646
|
-
|
|
5647
|
-
|
|
5648
|
-
|
|
4096
|
+
var _excluded$3 = ["value"];
|
|
4097
|
+
function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4098
|
+
function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4099
|
+
dayjs.extend(weekOfYear);
|
|
4100
|
+
dayjs.extend(weekday);
|
|
4101
|
+
dayjs.extend(localeData);
|
|
4102
|
+
dayjs.extend(utc);
|
|
4103
|
+
var DateField = function DateField(_ref) {
|
|
4104
|
+
var question = _ref.question,
|
|
4105
|
+
customValidator = _ref.customValidator;
|
|
4106
|
+
var name = question.id,
|
|
4107
|
+
kind = question.kind,
|
|
4108
|
+
isRequired = question.isRequired,
|
|
4109
|
+
nodeId = question.nodeId;
|
|
4110
|
+
var label = fieldWithFallback(question, "label");
|
|
4111
|
+
var _QUESTION_KIND$kind$t = QUESTION_KIND[kind.toUpperCase()].type,
|
|
4112
|
+
type = _QUESTION_KIND$kind$t === void 0 ? "date" : _QUESTION_KIND$kind$t;
|
|
4113
|
+
return /*#__PURE__*/jsxs("div", {
|
|
4114
|
+
className: "neeto-form-engine-input__wrapper",
|
|
4115
|
+
children: [/*#__PURE__*/jsx("div", {
|
|
4116
|
+
className: "neeto-form-engine-input__label-wrapper",
|
|
4117
|
+
children: label && /*#__PURE__*/jsx("label", {
|
|
4118
|
+
className: "neeto-form-engine-label",
|
|
4119
|
+
children: getLabel(label, isRequired)
|
|
4120
|
+
})
|
|
4121
|
+
}), /*#__PURE__*/jsx("div", {
|
|
4122
|
+
className: "neeto-form-engine-date-picker",
|
|
4123
|
+
children: /*#__PURE__*/jsx(Field, {
|
|
4124
|
+
name: name || nodeId,
|
|
4125
|
+
validate: validateFieldValue({
|
|
4126
|
+
kind: kind,
|
|
4127
|
+
label: label,
|
|
4128
|
+
isRequired: isRequired,
|
|
4129
|
+
customValidator: customValidator
|
|
4130
|
+
}),
|
|
4131
|
+
children: function children(_ref2) {
|
|
4132
|
+
var meta = _ref2.meta,
|
|
4133
|
+
_ref2$field = _ref2.field,
|
|
4134
|
+
value = _ref2$field.value,
|
|
4135
|
+
field = _objectWithoutProperties(_ref2$field, _excluded$3),
|
|
4136
|
+
form = _ref2.form;
|
|
4137
|
+
return /*#__PURE__*/jsx(DatePicker, _objectSpread$g(_objectSpread$g({}, _objectSpread$g(_objectSpread$g({}, field), {}, {
|
|
4138
|
+
type: type
|
|
4139
|
+
})), {}, {
|
|
4140
|
+
dateFormat: "MMM D, YYYY",
|
|
4141
|
+
error: meta.touched ? meta.error : "",
|
|
4142
|
+
placeholder: fieldWithFallback(question, "placeholder"),
|
|
4143
|
+
popupClassName: "neeto-form-engine-date-picker-popup",
|
|
4144
|
+
required: isRequired,
|
|
4145
|
+
size: "small",
|
|
4146
|
+
value: getValidDate(value),
|
|
4147
|
+
onChange: function onChange(date) {
|
|
4148
|
+
form.setFieldValue(name, date ? date.toISOString() : "");
|
|
4149
|
+
}
|
|
4150
|
+
}));
|
|
4151
|
+
}
|
|
4152
|
+
})
|
|
4153
|
+
})]
|
|
4154
|
+
});
|
|
4155
|
+
};
|
|
5649
4156
|
|
|
5650
|
-
|
|
5651
|
-
|
|
5652
|
-
|
|
5653
|
-
|
|
4157
|
+
function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4158
|
+
function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4159
|
+
var EmailField = function EmailField(_ref) {
|
|
4160
|
+
var question = _ref.question,
|
|
4161
|
+
customValidator = _ref.customValidator,
|
|
4162
|
+
autoComplete = _ref.autoComplete;
|
|
4163
|
+
var name = question.id,
|
|
4164
|
+
kind = question.kind,
|
|
4165
|
+
isRequired = question.isRequired,
|
|
4166
|
+
nodeId = question.nodeId;
|
|
4167
|
+
var label = fieldWithFallback(question, "label");
|
|
4168
|
+
var type = QUESTION_KIND[kind.toUpperCase()].type;
|
|
4169
|
+
var _useField = useField({
|
|
4170
|
+
name: name || nodeId,
|
|
4171
|
+
validate: validateFieldValue({
|
|
4172
|
+
kind: kind,
|
|
4173
|
+
label: label,
|
|
4174
|
+
isRequired: isRequired,
|
|
4175
|
+
customValidator: customValidator
|
|
4176
|
+
})
|
|
4177
|
+
}),
|
|
4178
|
+
_useField2 = _slicedToArray(_useField, 3),
|
|
4179
|
+
field = _useField2[0],
|
|
4180
|
+
_useField2$ = _useField2[1],
|
|
4181
|
+
touched = _useField2$.touched,
|
|
4182
|
+
error = _useField2$.error,
|
|
4183
|
+
_useField2$2 = _useField2[2],
|
|
4184
|
+
setValue = _useField2$2.setValue,
|
|
4185
|
+
setTouched = _useField2$2.setTouched;
|
|
4186
|
+
var handleFieldChange = withEventTargetValue(setValue);
|
|
4187
|
+
return /*#__PURE__*/jsx(Input$1, _objectSpread$f(_objectSpread$f({}, _objectSpread$f(_objectSpread$f({
|
|
4188
|
+
type: type
|
|
4189
|
+
}, field), {}, {
|
|
4190
|
+
autoComplete: autoComplete,
|
|
4191
|
+
label: label
|
|
4192
|
+
})), {}, {
|
|
4193
|
+
error: touched ? error : "",
|
|
4194
|
+
name: kind,
|
|
4195
|
+
placeholder: fieldWithFallback(question, "placeholder"),
|
|
4196
|
+
required: isRequired,
|
|
4197
|
+
onBlur: function onBlur() {
|
|
4198
|
+
return setTouched(true);
|
|
4199
|
+
},
|
|
4200
|
+
onChange: handleFieldChange
|
|
4201
|
+
}));
|
|
4202
|
+
};
|
|
5654
4203
|
|
|
5655
4204
|
function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5656
|
-
function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty
|
|
4205
|
+
function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5657
4206
|
var useFileUpload = function useFileUpload(_ref) {
|
|
5658
4207
|
var disabled = _ref.disabled,
|
|
5659
4208
|
accept = _ref.accept,
|
|
@@ -5661,15 +4210,15 @@ var useFileUpload = function useFileUpload(_ref) {
|
|
|
5661
4210
|
name = _ref.name,
|
|
5662
4211
|
maxFileSize = _ref.maxFileSize;
|
|
5663
4212
|
var _useState = useState({}),
|
|
5664
|
-
_useState2 = _slicedToArray
|
|
4213
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
5665
4214
|
uploadProgress = _useState2[0],
|
|
5666
4215
|
setUploadProgress = _useState2[1];
|
|
5667
4216
|
var _useState3 = useState(""),
|
|
5668
|
-
_useState4 = _slicedToArray
|
|
4217
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
5669
4218
|
uploadError = _useState4[0],
|
|
5670
4219
|
setUploadError = _useState4[1];
|
|
5671
4220
|
var _useField = useField(name),
|
|
5672
|
-
_useField2 = _slicedToArray
|
|
4221
|
+
_useField2 = _slicedToArray(_useField, 3);
|
|
5673
4222
|
_useField2[0];
|
|
5674
4223
|
var value = _useField2[1].value,
|
|
5675
4224
|
_useField2$ = _useField2[2],
|
|
@@ -5707,7 +4256,7 @@ var useFileUpload = function useFileUpload(_ref) {
|
|
|
5707
4256
|
size: file.size
|
|
5708
4257
|
};
|
|
5709
4258
|
});
|
|
5710
|
-
updatedFiles = multiple ? [].concat(_toConsumableArray
|
|
4259
|
+
updatedFiles = multiple ? [].concat(_toConsumableArray(value.files || []), _toConsumableArray(initialFiles)) : initialFiles;
|
|
5711
4260
|
setValue({
|
|
5712
4261
|
files: updatedFiles
|
|
5713
4262
|
});
|
|
@@ -5813,7 +4362,7 @@ const SvgFileUpload = props => /*#__PURE__*/React$2.createElement("svg", _extend
|
|
|
5813
4362
|
})));
|
|
5814
4363
|
|
|
5815
4364
|
function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5816
|
-
function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty
|
|
4365
|
+
function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5817
4366
|
var DropZone = function DropZone(_ref) {
|
|
5818
4367
|
var isDragActive = _ref.isDragActive,
|
|
5819
4368
|
getRootProps = _ref.getRootProps,
|
|
@@ -5885,6 +4434,92 @@ var DropZone = function DropZone(_ref) {
|
|
|
5885
4434
|
}));
|
|
5886
4435
|
};
|
|
5887
4436
|
|
|
4437
|
+
/******************************************************************************
|
|
4438
|
+
Copyright (c) Microsoft Corporation.
|
|
4439
|
+
|
|
4440
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
4441
|
+
purpose with or without fee is hereby granted.
|
|
4442
|
+
|
|
4443
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
4444
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
4445
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
4446
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
4447
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
4448
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
4449
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
4450
|
+
***************************************************************************** */
|
|
4451
|
+
/* global Reflect, Promise, SuppressedError, Symbol */
|
|
4452
|
+
|
|
4453
|
+
var extendStatics = function(d, b) {
|
|
4454
|
+
extendStatics = Object.setPrototypeOf ||
|
|
4455
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
4456
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
4457
|
+
return extendStatics(d, b);
|
|
4458
|
+
};
|
|
4459
|
+
|
|
4460
|
+
function __extends(d, b) {
|
|
4461
|
+
if (typeof b !== "function" && b !== null)
|
|
4462
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
4463
|
+
extendStatics(d, b);
|
|
4464
|
+
function __() { this.constructor = d; }
|
|
4465
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
4466
|
+
}
|
|
4467
|
+
|
|
4468
|
+
var __assign = function() {
|
|
4469
|
+
__assign = Object.assign || function __assign(t) {
|
|
4470
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4471
|
+
s = arguments[i];
|
|
4472
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
4473
|
+
}
|
|
4474
|
+
return t;
|
|
4475
|
+
};
|
|
4476
|
+
return __assign.apply(this, arguments);
|
|
4477
|
+
};
|
|
4478
|
+
|
|
4479
|
+
function __rest(s, e) {
|
|
4480
|
+
var t = {};
|
|
4481
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4482
|
+
t[p] = s[p];
|
|
4483
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
4484
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
4485
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
4486
|
+
t[p[i]] = s[p[i]];
|
|
4487
|
+
}
|
|
4488
|
+
return t;
|
|
4489
|
+
}
|
|
4490
|
+
|
|
4491
|
+
function __read(o, n) {
|
|
4492
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
4493
|
+
if (!m) return o;
|
|
4494
|
+
var i = m.call(o), r, ar = [], e;
|
|
4495
|
+
try {
|
|
4496
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
4497
|
+
}
|
|
4498
|
+
catch (error) { e = { error: error }; }
|
|
4499
|
+
finally {
|
|
4500
|
+
try {
|
|
4501
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
4502
|
+
}
|
|
4503
|
+
finally { if (e) throw e.error; }
|
|
4504
|
+
}
|
|
4505
|
+
return ar;
|
|
4506
|
+
}
|
|
4507
|
+
|
|
4508
|
+
function __spreadArray(to, from, pack) {
|
|
4509
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
4510
|
+
if (ar || !(i in from)) {
|
|
4511
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
4512
|
+
ar[i] = from[i];
|
|
4513
|
+
}
|
|
4514
|
+
}
|
|
4515
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
4516
|
+
}
|
|
4517
|
+
|
|
4518
|
+
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
4519
|
+
var e = new Error(message);
|
|
4520
|
+
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
4521
|
+
};
|
|
4522
|
+
|
|
5888
4523
|
var createDefinition = function (propNames) { return ({
|
|
5889
4524
|
isEnabled: function (props) { return propNames.some(function (name) { return !!props[name]; }); },
|
|
5890
4525
|
}); };
|
|
@@ -13244,43 +11879,42 @@ var Progress = function Progress(_ref) {
|
|
|
13244
11879
|
};
|
|
13245
11880
|
|
|
13246
11881
|
var FILE_MIME_TYPES = {
|
|
13247
|
-
pdf: "application/pdf",
|
|
13248
|
-
doc: "application/msword, application/wps-writer",
|
|
13249
|
-
docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
|
|
13250
|
-
xls: "application/vnd.ms-excel",
|
|
13251
|
-
xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
|
|
13252
|
-
csv: "text/csv",
|
|
13253
|
-
txt: "text/plain",
|
|
13254
|
-
rtf: "application/rtf, text/rtf",
|
|
13255
|
-
html: "text/html",
|
|
13256
|
-
htm: "text/html",
|
|
13257
|
-
md: "text/markdown, text/x-markdown",
|
|
13258
|
-
zip: "application/zip",
|
|
13259
|
-
mp3: "audio/mpeg",
|
|
13260
|
-
wma: "audio/x-ms-wma, video/x-ms-asf",
|
|
13261
|
-
mp4: "video/mp4",
|
|
13262
|
-
mpg: "video/mpeg",
|
|
13263
|
-
mpeg: "video/mpeg",
|
|
13264
|
-
flv: "video/x-flv",
|
|
13265
|
-
avi: "video/x-msvideo",
|
|
13266
|
-
jpg: "image/jpeg",
|
|
13267
|
-
jpeg: "image/jpeg",
|
|
13268
|
-
png: "image/png",
|
|
13269
|
-
gif: "image/gif"
|
|
13270
|
-
};
|
|
13271
|
-
|
|
13272
|
-
var getAllowedFileMimeTypes = function getAllowedFileMimeTypes(allowedFileTypes) {
|
|
13273
|
-
return allowedFileTypes.split(", ").map(function (fileType) {
|
|
13274
|
-
return FILE_MIME_TYPES[fileType];
|
|
13275
|
-
}).join(", ");
|
|
13276
|
-
};
|
|
13277
|
-
var getAllowedFileExtensions = function getAllowedFileExtensions(allowedFileTypes) {
|
|
13278
|
-
return allowedFileTypes.split(", ").map(function (fileType) {
|
|
13279
|
-
return ".".concat(fileType);
|
|
13280
|
-
}).join(", ");
|
|
11882
|
+
pdf: ["application/pdf"],
|
|
11883
|
+
doc: ["application/msword", "application/wps-writer"],
|
|
11884
|
+
docx: ["application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
|
|
11885
|
+
xls: ["application/vnd.ms-excel"],
|
|
11886
|
+
xlsx: ["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
|
|
11887
|
+
csv: ["text/csv"],
|
|
11888
|
+
txt: ["text/plain"],
|
|
11889
|
+
rtf: ["application/rtf", "text/rtf"],
|
|
11890
|
+
html: ["text/html"],
|
|
11891
|
+
htm: ["text/html"],
|
|
11892
|
+
md: ["text/markdown", "text/x-markdown"],
|
|
11893
|
+
zip: ["application/zip"],
|
|
11894
|
+
mp3: ["audio/mpeg"],
|
|
11895
|
+
wma: ["audio/x-ms-wma", "video/x-ms-asf"],
|
|
11896
|
+
mp4: ["video/mp4"],
|
|
11897
|
+
mpg: ["video/mpeg"],
|
|
11898
|
+
mpeg: ["video/mpeg"],
|
|
11899
|
+
flv: ["video/x-flv"],
|
|
11900
|
+
avi: ["video/x-msvideo"],
|
|
11901
|
+
jpg: ["image/jpeg"],
|
|
11902
|
+
jpeg: ["image/jpeg"],
|
|
11903
|
+
png: ["image/png"],
|
|
11904
|
+
gif: ["image/gif"]
|
|
13281
11905
|
};
|
|
11906
|
+
|
|
13282
11907
|
var getAcceptedFileTypes = function getAcceptedFileTypes(allowedFileTypes) {
|
|
13283
|
-
|
|
11908
|
+
var accepted = {};
|
|
11909
|
+
allowedFileTypes.split(", ").forEach(function (type) {
|
|
11910
|
+
var mimeTypes = FILE_MIME_TYPES[type];
|
|
11911
|
+
var extension = ".".concat(type);
|
|
11912
|
+
if (isNotPresent(type) || isNotPresent(mimeTypes)) return;
|
|
11913
|
+
mimeTypes.forEach(function (mimeType) {
|
|
11914
|
+
if (accepted[mimeType]) accepted[mimeType].push(extension);else accepted[mimeType] = [extension];
|
|
11915
|
+
});
|
|
11916
|
+
});
|
|
11917
|
+
return accepted;
|
|
13284
11918
|
};
|
|
13285
11919
|
var convertBytesToMb = function convertBytesToMb(bytes) {
|
|
13286
11920
|
return (bytes / (1024 * 1024)).toFixed(2);
|
|
@@ -13367,7 +12001,7 @@ var FileUploadField = function FileUploadField(_ref) {
|
|
|
13367
12001
|
multipleFilesAllowed: multipleFilesAllowed
|
|
13368
12002
|
})
|
|
13369
12003
|
}),
|
|
13370
|
-
_useField2 = _slicedToArray
|
|
12004
|
+
_useField2 = _slicedToArray(_useField, 2);
|
|
13371
12005
|
_useField2[0];
|
|
13372
12006
|
var _useField2$ = _useField2[1],
|
|
13373
12007
|
touched = _useField2$.touched,
|
|
@@ -13431,7 +12065,7 @@ var FileUploadField = function FileUploadField(_ref) {
|
|
|
13431
12065
|
};
|
|
13432
12066
|
|
|
13433
12067
|
function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13434
|
-
function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty
|
|
12068
|
+
function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13435
12069
|
var NameField = function NameField(_ref) {
|
|
13436
12070
|
var question = _ref.question,
|
|
13437
12071
|
customValidator = _ref.customValidator,
|
|
@@ -13452,7 +12086,7 @@ var NameField = function NameField(_ref) {
|
|
|
13452
12086
|
customValidator: customValidator
|
|
13453
12087
|
})
|
|
13454
12088
|
}),
|
|
13455
|
-
_useField2 = _slicedToArray
|
|
12089
|
+
_useField2 = _slicedToArray(_useField, 3),
|
|
13456
12090
|
field = _useField2[0],
|
|
13457
12091
|
_useField2$ = _useField2[1],
|
|
13458
12092
|
touched = _useField2$.touched,
|
|
@@ -13526,7 +12160,7 @@ var Choices = function Choices(_ref) {
|
|
|
13526
12160
|
var Choices$1 = /*#__PURE__*/React__default.memo(Choices);
|
|
13527
12161
|
|
|
13528
12162
|
function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13529
|
-
function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty
|
|
12163
|
+
function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13530
12164
|
var OptionsField = function OptionsField(_ref) {
|
|
13531
12165
|
var question = _ref.question,
|
|
13532
12166
|
customValidator = _ref.customValidator;
|
|
@@ -13606,7 +12240,7 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
|
|
|
13606
12240
|
isRequired: isRequired
|
|
13607
12241
|
})
|
|
13608
12242
|
}),
|
|
13609
|
-
_useField2 = _slicedToArray
|
|
12243
|
+
_useField2 = _slicedToArray(_useField, 3),
|
|
13610
12244
|
value = _useField2[0].value,
|
|
13611
12245
|
_useField2$ = _useField2[1],
|
|
13612
12246
|
touched = _useField2$.touched,
|
|
@@ -13632,7 +12266,7 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
|
|
|
13632
12266
|
|
|
13633
12267
|
var _excluded$2 = ["name", "label", "error", "lowestRatingLabel", "averageRatingLabel", "highestRatingLabel", "value"];
|
|
13634
12268
|
function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13635
|
-
function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty
|
|
12269
|
+
function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13636
12270
|
var Rating = function Rating(_ref) {
|
|
13637
12271
|
var name = _ref.name,
|
|
13638
12272
|
label = _ref.label,
|
|
@@ -13641,7 +12275,7 @@ var Rating = function Rating(_ref) {
|
|
|
13641
12275
|
averageRatingLabel = _ref.averageRatingLabel,
|
|
13642
12276
|
highestRatingLabel = _ref.highestRatingLabel,
|
|
13643
12277
|
value = _ref.value,
|
|
13644
|
-
other = _objectWithoutProperties
|
|
12278
|
+
other = _objectWithoutProperties(_ref, _excluded$2);
|
|
13645
12279
|
var handleClick = function handleClick(e) {
|
|
13646
12280
|
return e.currentTarget.nextElementSibling.click();
|
|
13647
12281
|
};
|
|
@@ -13690,7 +12324,7 @@ var Rating = function Rating(_ref) {
|
|
|
13690
12324
|
var Rating$1 = /*#__PURE__*/React__default.memo(Rating);
|
|
13691
12325
|
|
|
13692
12326
|
function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13693
|
-
function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty
|
|
12327
|
+
function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13694
12328
|
var RatingField = function RatingField(_ref) {
|
|
13695
12329
|
var question = _ref.question,
|
|
13696
12330
|
customValidator = _ref.customValidator;
|
|
@@ -13721,7 +12355,7 @@ var RatingField = function RatingField(_ref) {
|
|
|
13721
12355
|
};
|
|
13722
12356
|
|
|
13723
12357
|
function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13724
|
-
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty
|
|
12358
|
+
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13725
12359
|
var RichTextEditor = function RichTextEditor(_ref) {
|
|
13726
12360
|
var editorRef = _ref.editorRef,
|
|
13727
12361
|
question = _ref.question,
|
|
@@ -13781,14 +12415,14 @@ var RichTextEditor = function RichTextEditor(_ref) {
|
|
|
13781
12415
|
|
|
13782
12416
|
var _excluded$1 = ["value", "iconType", "label", "rating"];
|
|
13783
12417
|
function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13784
|
-
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty
|
|
12418
|
+
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13785
12419
|
var RatingButton = function RatingButton(_ref) {
|
|
13786
12420
|
var _ref$value = _ref.value,
|
|
13787
12421
|
value = _ref$value === void 0 ? 0 : _ref$value,
|
|
13788
12422
|
iconType = _ref.iconType,
|
|
13789
12423
|
label = _ref.label,
|
|
13790
12424
|
rating = _ref.rating,
|
|
13791
|
-
otherProps = _objectWithoutProperties
|
|
12425
|
+
otherProps = _objectWithoutProperties(_ref, _excluded$1);
|
|
13792
12426
|
var handleClick = function handleClick(e) {
|
|
13793
12427
|
return e.currentTarget.nextElementSibling.click();
|
|
13794
12428
|
};
|
|
@@ -13822,13 +12456,13 @@ var RatingButton$1 = /*#__PURE__*/React__default.memo(RatingButton);
|
|
|
13822
12456
|
|
|
13823
12457
|
var _excluded = ["label", "minValue", "maxValue", "error"];
|
|
13824
12458
|
function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13825
|
-
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty
|
|
12459
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13826
12460
|
var StarRating = function StarRating(_ref) {
|
|
13827
12461
|
var label = _ref.label,
|
|
13828
12462
|
minValue = _ref.minValue,
|
|
13829
12463
|
maxValue = _ref.maxValue,
|
|
13830
12464
|
error = _ref.error,
|
|
13831
|
-
props = _objectWithoutProperties
|
|
12465
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
13832
12466
|
return /*#__PURE__*/jsxs("div", {
|
|
13833
12467
|
className: "neeto-form-engine-input__wrapper neeto-form-engine-star-rating",
|
|
13834
12468
|
children: [/*#__PURE__*/jsx("div", {
|
|
@@ -13855,7 +12489,7 @@ var StarRating = function StarRating(_ref) {
|
|
|
13855
12489
|
var StarRating$1 = /*#__PURE__*/React__default.memo(StarRating);
|
|
13856
12490
|
|
|
13857
12491
|
function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13858
|
-
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty
|
|
12492
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13859
12493
|
var StarRatingField = function StarRatingField(_ref) {
|
|
13860
12494
|
var question = _ref.question,
|
|
13861
12495
|
customValidator = _ref.customValidator;
|
|
@@ -13890,7 +12524,7 @@ var StarRatingField = function StarRatingField(_ref) {
|
|
|
13890
12524
|
};
|
|
13891
12525
|
|
|
13892
12526
|
function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13893
|
-
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty
|
|
12527
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13894
12528
|
var TermsField = function TermsField(_ref) {
|
|
13895
12529
|
var question = _ref.question,
|
|
13896
12530
|
customValidator = _ref.customValidator;
|
|
@@ -13927,7 +12561,7 @@ var TermsField = function TermsField(_ref) {
|
|
|
13927
12561
|
};
|
|
13928
12562
|
|
|
13929
12563
|
function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13930
|
-
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty
|
|
12564
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13931
12565
|
var TextField = function TextField(_ref) {
|
|
13932
12566
|
var _otherProps$onChange;
|
|
13933
12567
|
var question = _ref.question,
|
|
@@ -13953,7 +12587,7 @@ var TextField = function TextField(_ref) {
|
|
|
13953
12587
|
customValidator: customValidator
|
|
13954
12588
|
})
|
|
13955
12589
|
}),
|
|
13956
|
-
_useField2 = _slicedToArray
|
|
12590
|
+
_useField2 = _slicedToArray(_useField, 3),
|
|
13957
12591
|
field = _useField2[0],
|
|
13958
12592
|
_useField2$ = _useField2[1],
|
|
13959
12593
|
touched = _useField2$.touched,
|
|
@@ -13981,12 +12615,12 @@ var TextField = function TextField(_ref) {
|
|
|
13981
12615
|
};
|
|
13982
12616
|
|
|
13983
12617
|
var _QUESTION_TO_COMPONEN;
|
|
13984
|
-
var QUESTION_TO_COMPONENT_MAP = (_QUESTION_TO_COMPONEN = {}, _defineProperty
|
|
12618
|
+
var QUESTION_TO_COMPONENT_MAP = (_QUESTION_TO_COMPONEN = {}, _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.TEXT.value, TextField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.NAME.value, NameField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.EMAIL.value, EmailField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.INTEGER.value, TextField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.DECIMAL.value, TextField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.PHONE.value, PhoneNumberField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.QUESTION.value, TextField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.TEXTAREA.value, TextField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.CHECKBOX.value, OptionsField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.RADIO.value, OptionsField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.DROPDOWN.value, OptionsField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.RATING.value, RatingField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.PARAGRAPH.value, function (_ref) {
|
|
13985
12619
|
var question = _ref.question;
|
|
13986
12620
|
return /*#__PURE__*/jsx(EditorContent, {
|
|
13987
12621
|
content: fieldWithFallback(question, "label", true)
|
|
13988
12622
|
});
|
|
13989
|
-
}), _defineProperty
|
|
12623
|
+
}), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.TERMS.value, TermsField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.DATE.value, DateField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.STAR_RATING.value, StarRatingField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.ADDITIONAL_GUESTS.value, MultipleEmailInput), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.RICH_TEXT.value, RichTextEditor), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.CONDITION.value, ConditionField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.FILE_UPLOAD.value, FileUploadField), _QUESTION_TO_COMPONEN);
|
|
13990
12624
|
|
|
13991
12625
|
var getFieldComponent = function getFieldComponent(_ref) {
|
|
13992
12626
|
var kind = _ref.kind;
|
|
@@ -14058,7 +12692,7 @@ function _createForOfIteratorHelper$1(o, allowArrayLike) { var it = typeof Symbo
|
|
|
14058
12692
|
function _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }
|
|
14059
12693
|
function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
14060
12694
|
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
14061
|
-
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty
|
|
12695
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
14062
12696
|
var ExternalForm = function ExternalForm(_ref) {
|
|
14063
12697
|
var _formikInnerRef$curre;
|
|
14064
12698
|
var _ref$preview = _ref.preview,
|
|
@@ -14104,20 +12738,20 @@ var ExternalForm = function ExternalForm(_ref) {
|
|
|
14104
12738
|
_ref$language = _ref.language,
|
|
14105
12739
|
language = _ref$language === void 0 ? i18next.resolvedLanguage : _ref$language;
|
|
14106
12740
|
var _useState = useState(false),
|
|
14107
|
-
_useState2 = _slicedToArray
|
|
12741
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
14108
12742
|
isSubmitted = _useState2[0],
|
|
14109
12743
|
setIsSubmitted = _useState2[1];
|
|
14110
12744
|
var _useState3 = useState(false),
|
|
14111
|
-
_useState4 = _slicedToArray
|
|
12745
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
14112
12746
|
showSuccess = _useState4[0],
|
|
14113
12747
|
setShowSuccess = _useState4[1];
|
|
14114
12748
|
var _useState5 = useState(getWithExpiry("".concat(formId, "/values"))),
|
|
14115
|
-
_useState6 = _slicedToArray
|
|
12749
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
14116
12750
|
localValues = _useState6[0],
|
|
14117
12751
|
setLocalValues = _useState6[1];
|
|
14118
12752
|
var isMounted = useIsMounted();
|
|
14119
12753
|
var _useState7 = useState(null),
|
|
14120
|
-
_useState8 = _slicedToArray
|
|
12754
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
14121
12755
|
error = _useState8[0],
|
|
14122
12756
|
setError = _useState8[1];
|
|
14123
12757
|
var formRef = useRef();
|
|
@@ -14386,7 +13020,7 @@ var ExternalForm = function ExternalForm(_ref) {
|
|
|
14386
13020
|
children: [/*#__PURE__*/jsxs(Form$3, _objectSpread$2(_objectSpread$2({
|
|
14387
13021
|
noValidate: true,
|
|
14388
13022
|
ref: mergeRefs(formRef, keyPressRef),
|
|
14389
|
-
className: classnames("neeto-form-engine-form relative space-y-4", _defineProperty
|
|
13023
|
+
className: classnames("neeto-form-engine-form relative space-y-4", _defineProperty({}, className, className)),
|
|
14390
13024
|
onChange: function onChange(event) {
|
|
14391
13025
|
if (isEmpty(errors)) return;
|
|
14392
13026
|
setFieldError(event.target.name, "");
|
|
@@ -17013,7 +15647,7 @@ var FileUpload = function FileUpload(_ref) {
|
|
|
17013
15647
|
};
|
|
17014
15648
|
|
|
17015
15649
|
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17016
|
-
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty
|
|
15650
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17017
15651
|
var getValue = function getValue(_ref) {
|
|
17018
15652
|
var value = _ref.value,
|
|
17019
15653
|
kind = _ref.kind;
|
|
@@ -17099,7 +15733,7 @@ var Submission = function Submission(_ref2) {
|
|
|
17099
15733
|
});
|
|
17100
15734
|
}
|
|
17101
15735
|
return /*#__PURE__*/jsx("div", {
|
|
17102
|
-
className: classnames("mx-auto flex h-full w-full flex-col items-start", _defineProperty
|
|
15736
|
+
className: classnames("mx-auto flex h-full w-full flex-col items-start", _defineProperty({}, className, className)),
|
|
17103
15737
|
children: filteredResponses.map(function (_ref3) {
|
|
17104
15738
|
var kind = _ref3.kind,
|
|
17105
15739
|
label = _ref3.label,
|
|
@@ -17179,7 +15813,7 @@ var buildQueryParameters = function buildQueryParameters(responses, questions) {
|
|
|
17179
15813
|
};
|
|
17180
15814
|
|
|
17181
15815
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17182
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty
|
|
15816
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17183
15817
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
|
17184
15818
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
17185
15819
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|