@visns-studio/visns-components 2.9.4 → 2.9.5
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/components/crm/Field.jsx +34 -1
- package/components/crm/Form.jsx +19 -18
- package/package.json +1 -1
package/components/crm/Field.jsx
CHANGED
|
@@ -10,10 +10,11 @@ import { NumericFormat, PatternFormat } from 'react-number-format';
|
|
|
10
10
|
import { Copy } from 'akar-icons';
|
|
11
11
|
|
|
12
12
|
import CustomFetch from './Fetch';
|
|
13
|
+
import MultiSelect from './MultiSelect';
|
|
13
14
|
import Select from './Select';
|
|
14
15
|
import VisnsAsyncSelect from './AsyncSelect';
|
|
15
|
-
import MultiSelect from './MultiSelect';
|
|
16
16
|
import VisnsAutocomplete from './Autocomplete';
|
|
17
|
+
import VisnsDropZone from '../cms/DropZone';
|
|
17
18
|
|
|
18
19
|
import 'react-toggle/style.css';
|
|
19
20
|
import 'react-quill/dist/quill.snow.css';
|
|
@@ -22,6 +23,7 @@ import 'react-datepicker/dist/react-datepicker.css';
|
|
|
22
23
|
function Field({
|
|
23
24
|
autocompleteCallback,
|
|
24
25
|
childDropdownCallback,
|
|
26
|
+
formData,
|
|
25
27
|
inputValue,
|
|
26
28
|
inputClass,
|
|
27
29
|
mapbox,
|
|
@@ -219,6 +221,7 @@ function Field({
|
|
|
219
221
|
'copytoclipboard',
|
|
220
222
|
'date',
|
|
221
223
|
'datetime',
|
|
224
|
+
'gallery',
|
|
222
225
|
'multi-dropdown',
|
|
223
226
|
'multi-dropdown-ajax',
|
|
224
227
|
'plaindate',
|
|
@@ -665,6 +668,35 @@ function Field({
|
|
|
665
668
|
onChange={onChange}
|
|
666
669
|
/>
|
|
667
670
|
);
|
|
671
|
+
case 'gallery':
|
|
672
|
+
let htmlContainer = '';
|
|
673
|
+
|
|
674
|
+
if (formData[settings.key] && formData[settings.key] > 0) {
|
|
675
|
+
const dropzoneUrl = `${settings.url}/${
|
|
676
|
+
formData[settings.key]
|
|
677
|
+
}`;
|
|
678
|
+
|
|
679
|
+
htmlContainer = (
|
|
680
|
+
<VisnsDropZone
|
|
681
|
+
fetchData={fetchData}
|
|
682
|
+
files={formData[settings.id]}
|
|
683
|
+
settings={{
|
|
684
|
+
url: dropzoneUrl,
|
|
685
|
+
method: settings.method,
|
|
686
|
+
type: 'gallery',
|
|
687
|
+
}}
|
|
688
|
+
/>
|
|
689
|
+
);
|
|
690
|
+
}
|
|
691
|
+
|
|
692
|
+
console.info(
|
|
693
|
+
'htmlContainer',
|
|
694
|
+
htmlContainer,
|
|
695
|
+
formData,
|
|
696
|
+
settings
|
|
697
|
+
);
|
|
698
|
+
|
|
699
|
+
return htmlContainer;
|
|
668
700
|
case 'richeditor':
|
|
669
701
|
return (
|
|
670
702
|
<ReactQuill
|
|
@@ -691,6 +723,7 @@ function Field({
|
|
|
691
723
|
'copytoclipboard',
|
|
692
724
|
'date',
|
|
693
725
|
'datetime',
|
|
726
|
+
'gallery',
|
|
694
727
|
'line-break',
|
|
695
728
|
'multi-dropdown',
|
|
696
729
|
'multi-dropdown-ajax',
|
package/components/crm/Form.jsx
CHANGED
|
@@ -901,7 +901,19 @@ function Form({
|
|
|
901
901
|
default:
|
|
902
902
|
return (
|
|
903
903
|
<Field
|
|
904
|
-
|
|
904
|
+
autocompleteCallback={
|
|
905
|
+
autocompleteSelect
|
|
906
|
+
}
|
|
907
|
+
childDropdownCallback={
|
|
908
|
+
childDropdownCallback
|
|
909
|
+
}
|
|
910
|
+
formData={formData}
|
|
911
|
+
inputClass={inputClass}
|
|
912
|
+
inputValue={
|
|
913
|
+
item.hasOwnProperty('key')
|
|
914
|
+
? formData[item.key]
|
|
915
|
+
: formData[item.id]
|
|
916
|
+
}
|
|
905
917
|
key={
|
|
906
918
|
index +
|
|
907
919
|
'-fields-' +
|
|
@@ -909,29 +921,18 @@ function Form({
|
|
|
909
921
|
? item.id + '-' + item.key
|
|
910
922
|
: item.id)
|
|
911
923
|
}
|
|
912
|
-
|
|
913
|
-
item.hasOwnProperty('key')
|
|
914
|
-
? formData[item.key]
|
|
915
|
-
: formData[item.id]
|
|
916
|
-
}
|
|
917
|
-
inputClass={inputClass}
|
|
924
|
+
mapbox={mapbox}
|
|
918
925
|
onChange={handleChange}
|
|
919
926
|
onChangeDate={handleChangeDate}
|
|
920
|
-
onChangeSelect={handleChangeSelect}
|
|
921
|
-
onChangeRicheditor={
|
|
922
|
-
handleChangeRicheditor
|
|
923
|
-
}
|
|
924
|
-
onChangeToggle={handleChangeToggle}
|
|
925
927
|
onChangeNumberFormat={
|
|
926
928
|
handleChangeNumberFormat
|
|
927
929
|
}
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
}
|
|
931
|
-
childDropdownCallback={
|
|
932
|
-
childDropdownCallback
|
|
930
|
+
onChangeRicheditor={
|
|
931
|
+
handleChangeRicheditor
|
|
933
932
|
}
|
|
934
|
-
|
|
933
|
+
onChangeSelect={handleChangeSelect}
|
|
934
|
+
onChangeToggle={handleChangeToggle}
|
|
935
|
+
settings={item}
|
|
935
936
|
setFormData={setFormData}
|
|
936
937
|
style={style}
|
|
937
938
|
uploadProgress={uploadProgress}
|
package/package.json
CHANGED