react-survey-builder 1.0.116 → 1.0.117

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.
@@ -64,12 +64,7 @@ var IconComponent = function IconComponent(_ref) {
64
64
  var iconImportString = _ref.iconImportString,
65
65
  props = _objectWithoutProperties(_ref, _excluded);
66
66
  try {
67
- //const [Icon, setIcon] = React.useState(null);
68
67
  if (isNotNullOrUndefined(iconImportString) && iconImportString !== '') {
69
- //const Icon = lazy(() => import(iconImportString));
70
- // let iconStringParts = iconImportString.split('/');
71
- // let IconName = iconStringParts[2];
72
- console.log(iconImportString);
73
68
  var _iconImportString$spl = iconImportString.split('/'),
74
69
  _iconImportString$spl2 = _slicedToArray(_iconImportString$spl, 3),
75
70
  library = _iconImportString$spl2[0],
@@ -82,249 +77,224 @@ var IconComponent = function IconComponent(_ref) {
82
77
  return _regeneratorRuntime().wrap(function _callee$(_context) {
83
78
  while (1) switch (_context.prev = _context.next) {
84
79
  case 0:
85
- console.log(iconPath);
86
80
  module = null;
87
81
  if (!(library && iconPath && iconName)) {
88
- _context.next = 134;
82
+ _context.next = 133;
89
83
  break;
90
84
  }
91
85
  _context.t0 = iconPath;
92
- _context.next = _context.t0 === 'ai' ? 6 : _context.t0 === 'bs' ? 10 : _context.t0 === 'bi' ? 14 : _context.t0 === 'ci' ? 18 : _context.t0 === 'cg' ? 22 : _context.t0 === 'di' ? 26 : _context.t0 === 'fi' ? 30 : _context.t0 === 'fc' ? 34 : _context.t0 === 'fa' ? 38 : _context.t0 === 'fa6' ? 42 : _context.t0 === 'gi' ? 46 : _context.t0 === 'go' ? 50 : _context.t0 === 'gr' ? 54 : _context.t0 === 'hi' ? 58 : _context.t0 === 'hi2' ? 62 : _context.t0 === 'im' ? 66 : _context.t0 === 'lia' ? 70 : _context.t0 === 'io' ? 74 : _context.t0 === 'io5' ? 78 : _context.t0 === 'lu' ? 82 : _context.t0 === 'md' ? 86 : _context.t0 === 'pi' ? 90 : _context.t0 === 'rx' ? 94 : _context.t0 === 'ri' ? 98 : _context.t0 === 'si' ? 102 : _context.t0 === 'sl' ? 106 : _context.t0 === 'tb' ? 110 : _context.t0 === 'tfi' ? 114 : _context.t0 === 'ti' ? 118 : _context.t0 === 'vsc' ? 122 : _context.t0 === 'wi' ? 126 : 130;
86
+ _context.next = _context.t0 === 'ai' ? 5 : _context.t0 === 'bs' ? 9 : _context.t0 === 'bi' ? 13 : _context.t0 === 'ci' ? 17 : _context.t0 === 'cg' ? 21 : _context.t0 === 'di' ? 25 : _context.t0 === 'fi' ? 29 : _context.t0 === 'fc' ? 33 : _context.t0 === 'fa' ? 37 : _context.t0 === 'fa6' ? 41 : _context.t0 === 'gi' ? 45 : _context.t0 === 'go' ? 49 : _context.t0 === 'gr' ? 53 : _context.t0 === 'hi' ? 57 : _context.t0 === 'hi2' ? 61 : _context.t0 === 'im' ? 65 : _context.t0 === 'lia' ? 69 : _context.t0 === 'io' ? 73 : _context.t0 === 'io5' ? 77 : _context.t0 === 'lu' ? 81 : _context.t0 === 'md' ? 85 : _context.t0 === 'pi' ? 89 : _context.t0 === 'rx' ? 93 : _context.t0 === 'ri' ? 97 : _context.t0 === 'si' ? 101 : _context.t0 === 'sl' ? 105 : _context.t0 === 'tb' ? 109 : _context.t0 === 'tfi' ? 113 : _context.t0 === 'ti' ? 117 : _context.t0 === 'vsc' ? 121 : _context.t0 === 'wi' ? 125 : 129;
93
87
  break;
94
- case 6:
95
- _context.next = 8;
88
+ case 5:
89
+ _context.next = 7;
96
90
  return import("react-icons/ai");
97
- case 8:
91
+ case 7:
98
92
  module = _context.sent;
99
- return _context.abrupt("break", 133);
100
- case 10:
101
- _context.next = 12;
93
+ return _context.abrupt("break", 132);
94
+ case 9:
95
+ _context.next = 11;
102
96
  return import("react-icons/bs");
103
- case 12:
97
+ case 11:
104
98
  module = _context.sent;
105
- return _context.abrupt("break", 133);
106
- case 14:
107
- _context.next = 16;
99
+ return _context.abrupt("break", 132);
100
+ case 13:
101
+ _context.next = 15;
108
102
  return import("react-icons/bi");
109
- case 16:
103
+ case 15:
110
104
  module = _context.sent;
111
- return _context.abrupt("break", 133);
112
- case 18:
113
- _context.next = 20;
105
+ return _context.abrupt("break", 132);
106
+ case 17:
107
+ _context.next = 19;
114
108
  return import("react-icons/ci");
115
- case 20:
109
+ case 19:
116
110
  module = _context.sent;
117
- return _context.abrupt("break", 133);
118
- case 22:
119
- _context.next = 24;
111
+ return _context.abrupt("break", 132);
112
+ case 21:
113
+ _context.next = 23;
120
114
  return import("react-icons/cg");
121
- case 24:
115
+ case 23:
122
116
  module = _context.sent;
123
- return _context.abrupt("break", 133);
124
- case 26:
125
- _context.next = 28;
117
+ return _context.abrupt("break", 132);
118
+ case 25:
119
+ _context.next = 27;
126
120
  return import("react-icons/di");
127
- case 28:
121
+ case 27:
128
122
  module = _context.sent;
129
- return _context.abrupt("break", 133);
130
- case 30:
131
- _context.next = 32;
123
+ return _context.abrupt("break", 132);
124
+ case 29:
125
+ _context.next = 31;
132
126
  return import("react-icons/fi");
133
- case 32:
127
+ case 31:
134
128
  module = _context.sent;
135
- return _context.abrupt("break", 133);
136
- case 34:
137
- _context.next = 36;
129
+ return _context.abrupt("break", 132);
130
+ case 33:
131
+ _context.next = 35;
138
132
  return import("react-icons/fc");
139
- case 36:
133
+ case 35:
140
134
  module = _context.sent;
141
- return _context.abrupt("break", 133);
142
- case 38:
143
- _context.next = 40;
135
+ return _context.abrupt("break", 132);
136
+ case 37:
137
+ _context.next = 39;
144
138
  return import("react-icons/fa");
145
- case 40:
139
+ case 39:
146
140
  module = _context.sent;
147
- return _context.abrupt("break", 133);
148
- case 42:
149
- _context.next = 44;
141
+ return _context.abrupt("break", 132);
142
+ case 41:
143
+ _context.next = 43;
150
144
  return import("react-icons/fa6");
151
- case 44:
145
+ case 43:
152
146
  module = _context.sent;
153
- return _context.abrupt("break", 133);
154
- case 46:
155
- _context.next = 48;
147
+ return _context.abrupt("break", 132);
148
+ case 45:
149
+ _context.next = 47;
156
150
  return import("react-icons/gi");
157
- case 48:
151
+ case 47:
158
152
  module = _context.sent;
159
- return _context.abrupt("break", 133);
160
- case 50:
161
- _context.next = 52;
153
+ return _context.abrupt("break", 132);
154
+ case 49:
155
+ _context.next = 51;
162
156
  return import("react-icons/go");
163
- case 52:
157
+ case 51:
164
158
  module = _context.sent;
165
- return _context.abrupt("break", 133);
166
- case 54:
167
- _context.next = 56;
159
+ return _context.abrupt("break", 132);
160
+ case 53:
161
+ _context.next = 55;
168
162
  return import("react-icons/gr");
169
- case 56:
163
+ case 55:
170
164
  module = _context.sent;
171
- return _context.abrupt("break", 133);
172
- case 58:
173
- _context.next = 60;
165
+ return _context.abrupt("break", 132);
166
+ case 57:
167
+ _context.next = 59;
174
168
  return import("react-icons/hi");
175
- case 60:
169
+ case 59:
176
170
  module = _context.sent;
177
- return _context.abrupt("break", 133);
178
- case 62:
179
- _context.next = 64;
171
+ return _context.abrupt("break", 132);
172
+ case 61:
173
+ _context.next = 63;
180
174
  return import("react-icons/hi2");
181
- case 64:
175
+ case 63:
182
176
  module = _context.sent;
183
- return _context.abrupt("break", 133);
184
- case 66:
185
- _context.next = 68;
177
+ return _context.abrupt("break", 132);
178
+ case 65:
179
+ _context.next = 67;
186
180
  return import("react-icons/im");
187
- case 68:
181
+ case 67:
188
182
  module = _context.sent;
189
- return _context.abrupt("break", 133);
190
- case 70:
191
- _context.next = 72;
183
+ return _context.abrupt("break", 132);
184
+ case 69:
185
+ _context.next = 71;
192
186
  return import("react-icons/lia");
193
- case 72:
187
+ case 71:
194
188
  module = _context.sent;
195
- return _context.abrupt("break", 133);
196
- case 74:
197
- _context.next = 76;
189
+ return _context.abrupt("break", 132);
190
+ case 73:
191
+ _context.next = 75;
198
192
  return import("react-icons/io");
199
- case 76:
193
+ case 75:
200
194
  module = _context.sent;
201
- return _context.abrupt("break", 133);
202
- case 78:
203
- _context.next = 80;
195
+ return _context.abrupt("break", 132);
196
+ case 77:
197
+ _context.next = 79;
204
198
  return import("react-icons/io5");
205
- case 80:
199
+ case 79:
206
200
  module = _context.sent;
207
- return _context.abrupt("break", 133);
208
- case 82:
209
- _context.next = 84;
201
+ return _context.abrupt("break", 132);
202
+ case 81:
203
+ _context.next = 83;
210
204
  return import("react-icons/lu");
211
- case 84:
205
+ case 83:
212
206
  module = _context.sent;
213
- return _context.abrupt("break", 133);
214
- case 86:
215
- _context.next = 88;
207
+ return _context.abrupt("break", 132);
208
+ case 85:
209
+ _context.next = 87;
216
210
  return import("react-icons/md");
217
- case 88:
211
+ case 87:
218
212
  module = _context.sent;
219
- return _context.abrupt("break", 133);
220
- case 90:
221
- _context.next = 92;
213
+ return _context.abrupt("break", 132);
214
+ case 89:
215
+ _context.next = 91;
222
216
  return import("react-icons/pi");
223
- case 92:
217
+ case 91:
224
218
  module = _context.sent;
225
- return _context.abrupt("break", 133);
226
- case 94:
227
- _context.next = 96;
219
+ return _context.abrupt("break", 132);
220
+ case 93:
221
+ _context.next = 95;
228
222
  return import("react-icons/rx");
229
- case 96:
223
+ case 95:
230
224
  module = _context.sent;
231
- return _context.abrupt("break", 133);
232
- case 98:
233
- _context.next = 100;
225
+ return _context.abrupt("break", 132);
226
+ case 97:
227
+ _context.next = 99;
234
228
  return import("react-icons/ri");
235
- case 100:
229
+ case 99:
236
230
  module = _context.sent;
237
- return _context.abrupt("break", 133);
238
- case 102:
239
- _context.next = 104;
231
+ return _context.abrupt("break", 132);
232
+ case 101:
233
+ _context.next = 103;
240
234
  return import("react-icons/si");
241
- case 104:
235
+ case 103:
242
236
  module = _context.sent;
243
- return _context.abrupt("break", 133);
244
- case 106:
245
- _context.next = 108;
237
+ return _context.abrupt("break", 132);
238
+ case 105:
239
+ _context.next = 107;
246
240
  return import("react-icons/sl");
247
- case 108:
241
+ case 107:
248
242
  module = _context.sent;
249
- return _context.abrupt("break", 133);
250
- case 110:
251
- _context.next = 112;
243
+ return _context.abrupt("break", 132);
244
+ case 109:
245
+ _context.next = 111;
252
246
  return import("react-icons/tb");
253
- case 112:
247
+ case 111:
254
248
  module = _context.sent;
255
- return _context.abrupt("break", 133);
256
- case 114:
257
- _context.next = 116;
249
+ return _context.abrupt("break", 132);
250
+ case 113:
251
+ _context.next = 115;
258
252
  return import("react-icons/tfi");
259
- case 116:
253
+ case 115:
260
254
  module = _context.sent;
261
- return _context.abrupt("break", 133);
262
- case 118:
263
- _context.next = 120;
255
+ return _context.abrupt("break", 132);
256
+ case 117:
257
+ _context.next = 119;
264
258
  return import("react-icons/ti");
265
- case 120:
259
+ case 119:
266
260
  module = _context.sent;
267
- return _context.abrupt("break", 133);
268
- case 122:
269
- _context.next = 124;
261
+ return _context.abrupt("break", 132);
262
+ case 121:
263
+ _context.next = 123;
270
264
  return import("react-icons/vsc");
271
- case 124:
265
+ case 123:
272
266
  module = _context.sent;
273
- return _context.abrupt("break", 133);
274
- case 126:
275
- _context.next = 128;
267
+ return _context.abrupt("break", 132);
268
+ case 125:
269
+ _context.next = 127;
276
270
  return import("react-icons/wi");
277
- case 128:
271
+ case 127:
278
272
  module = _context.sent;
279
- return _context.abrupt("break", 133);
280
- case 130:
281
- _context.next = 132;
273
+ return _context.abrupt("break", 132);
274
+ case 129:
275
+ _context.next = 131;
282
276
  return import("react-icons/fa");
283
- case 132:
277
+ case 131:
284
278
  module = _context.sent;
285
- case 133:
279
+ case 132:
286
280
  return _context.abrupt("return", module.hasOwnProperty(iconName) ? {
287
281
  "default": module[iconName]
288
282
  } : {
289
283
  "default": function _default() {}
290
284
  });
291
- case 134:
285
+ case 133:
292
286
  return _context.abrupt("return", {
293
287
  "default": function _default() {}
294
288
  });
295
- case 135:
289
+ case 134:
296
290
  case "end":
297
291
  return _context.stop();
298
292
  }
299
293
  }, _callee);
300
294
  })));
301
-
302
- //const IconComponent = Icons[iconImportString];
303
-
304
295
  return /*#__PURE__*/React.createElement(Suspense, {
305
296
  fallback: /*#__PURE__*/React.createElement(React.Fragment, null)
306
297
  }, Icon && /*#__PURE__*/React.createElement(Icon, props));
307
-
308
- // React.useEffect(() => {
309
- // try {
310
- // // iconImportString - i.e. 'react-icons/fa/FaBeer'
311
- // if (isNotNullOrUndefined(iconImportString) && iconImportString !== '') {
312
- // let iconStringParts = iconImportString.split('/');
313
- // let iconName = iconStringParts[2];
314
- // if (isNotNullOrUndefined(iconName)) {
315
- // import(iconImportString).then(module => setIcon(module[iconName]));
316
- // }
317
- // }
318
- // } catch (err) {
319
- // console.log(err);
320
- // }
321
- // }, [iconImportString]);
322
-
323
- // return (
324
- // <Suspense fallback={null}>
325
- // {Icon && <Icon {...props} />}
326
- // </Suspense>
327
- // );
328
298
  }
329
299
  } catch (err) {
330
300
  console.log(err);
@@ -238,7 +238,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
238
238
  resize: 'vertical'
239
239
  }
240
240
  }
241
- })), (element.hasOwnProperty('required') || element.hasOwnProperty('readOnly') || element.hasOwnProperty('defaultToday') || ['Checkboxes', 'Checkbox'].indexOf(element.element) !== -1 || (element.element === 'RadioButtons' || element.element === 'Checkboxes') && element.hasOwnProperty('inline')) && /*#__PURE__*/React.createElement(Form.Group, {
241
+ })), (element.hasOwnProperty('required') || element.hasOwnProperty('readOnly') || element.hasOwnProperty('defaultToday') || ['Checkboxes', 'Checkbox'].indexOf(element.element) !== -1) && /*#__PURE__*/React.createElement(Form.Group, {
242
242
  className: "form-group mb-5"
243
243
  }, /*#__PURE__*/React.createElement(Form.Label, {
244
244
  className: "fw-bold"
@@ -282,7 +282,9 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
282
282
  onChange: function onChange(e) {
283
283
  editElementProp('defaultChecked', 'checked', e);
284
284
  }
285
- }), (element.element === 'RadioButtons' || element.element === 'Checkboxes') && element.hasOwnProperty('inline') && /*#__PURE__*/React.createElement(Form.Check, {
285
+ })), (element.element === 'RadioButtons' || element.element === 'Checkboxes') && /*#__PURE__*/React.createElement(Form.Group, {
286
+ className: "form-group mb-5"
287
+ }, /*#__PURE__*/React.createElement(Form.Check, {
286
288
  id: "display-horizontal",
287
289
  label: "Display Horizontal",
288
290
  type: "checkbox",
@@ -702,7 +704,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
702
704
  onChange: function onChange(e) {
703
705
  editElementProp('showRadio', 'checked', e);
704
706
  }
705
- })), (element.hasOwnProperty('bgColor') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/React.createElement(Form.Group, {
707
+ })), (element.element === 'ButtonList' || element.element === 'RadioButtons' || element.element === 'ButtonList') && /*#__PURE__*/React.createElement(Form.Group, {
706
708
  className: "form-group mb-5"
707
709
  }, /*#__PURE__*/React.createElement(Form.Label, {
708
710
  className: "fw-bold",
@@ -715,7 +717,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
715
717
  onChange: function onChange(e) {
716
718
  editElementProp('bgColor', 'value', e);
717
719
  }
718
- })), (element.hasOwnProperty('textColor') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/React.createElement(Form.Group, {
720
+ })), (element.element === 'ButtonList' || element.element === 'RadioButtons' || element.element === 'ButtonList') && /*#__PURE__*/React.createElement(Form.Group, {
719
721
  className: "form-group mb-5"
720
722
  }, /*#__PURE__*/React.createElement(Form.Label, {
721
723
  className: "fw-bold",
@@ -728,7 +730,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
728
730
  onChange: function onChange(e) {
729
731
  editElementProp('textColor', 'value', e);
730
732
  }
731
- })), (element.hasOwnProperty('className') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/React.createElement(Form.Group, {
733
+ })), (element.element === 'ButtonList' || element.element === 'RadioButtons' || element.element === 'ButtonList') && /*#__PURE__*/React.createElement(Form.Group, {
732
734
  className: "form-group mb-5"
733
735
  }, /*#__PURE__*/React.createElement(Form.Label, {
734
736
  className: "fw-bold",
@@ -741,7 +743,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
741
743
  onChange: function onChange(e) {
742
744
  editElementProp('className', 'value', e);
743
745
  }
744
- })), (element.hasOwnProperty('fieldLabelClassName') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/React.createElement(Form.Group, {
746
+ })), (element.element === 'ButtonList' || element.element === 'RadioButtons' || element.element === 'ButtonList') && /*#__PURE__*/React.createElement(Form.Group, {
745
747
  className: "form-group mb-5"
746
748
  }, /*#__PURE__*/React.createElement(Form.Label, {
747
749
  className: "fw-bold",
@@ -754,7 +756,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
754
756
  onChange: function onChange(e) {
755
757
  editElementProp('fieldLabelClassName', 'value', e);
756
758
  }
757
- })), (element.hasOwnProperty('fieldDescriptionClassName') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/React.createElement(Form.Group, {
759
+ })), (element.element === 'ButtonList' || element.element === 'RadioButtons' || element.element === 'ButtonList') && /*#__PURE__*/React.createElement(Form.Group, {
758
760
  className: "form-group mb-5"
759
761
  }, /*#__PURE__*/React.createElement(Form.Label, {
760
762
  className: "fw-bold",
@@ -767,7 +769,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
767
769
  onChange: function onChange(e) {
768
770
  editElementProp('fieldDescriptionClassName', 'value', e);
769
771
  }
770
- })), (element.hasOwnProperty('selectedClassName') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/React.createElement(Form.Group, {
772
+ })), (element.element === 'ButtonList' || element.element === 'RadioButtons' || element.element === 'ButtonList') && /*#__PURE__*/React.createElement(Form.Group, {
771
773
  className: "form-group mb-5"
772
774
  }, /*#__PURE__*/React.createElement(Form.Label, {
773
775
  className: "fw-bold",
@@ -780,7 +782,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
780
782
  onChange: function onChange(e) {
781
783
  editElementProp('selectedClassName', 'value', e);
782
784
  }
783
- })), (element.hasOwnProperty('unselectedClassName') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/React.createElement(Form.Group, {
785
+ })), (element.element === 'ButtonList' || element.element === 'RadioButtons' || element.element === 'ButtonList') && /*#__PURE__*/React.createElement(Form.Group, {
784
786
  className: "form-group mb-5"
785
787
  }, /*#__PURE__*/React.createElement(Form.Label, {
786
788
  className: "fw-bold",
@@ -793,7 +795,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
793
795
  onChange: function onChange(e) {
794
796
  editElementProp('unselectedClassName', 'value', e);
795
797
  }
796
- })), (element.hasOwnProperty('selectedColor') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/React.createElement(Form.Group, {
798
+ })), (element.element === 'ButtonList' || element.element === 'RadioButtons' || element.element === 'ButtonList') && /*#__PURE__*/React.createElement(Form.Group, {
797
799
  className: "form-group mb-5"
798
800
  }, /*#__PURE__*/React.createElement(Form.Label, {
799
801
  className: "fw-bold",
@@ -806,7 +808,7 @@ var SurveyElementsEdit = function SurveyElementsEdit(_ref2) {
806
808
  onChange: function onChange(e) {
807
809
  editElementProp('selectedColor', 'value', e);
808
810
  }
809
- })), (element.hasOwnProperty('unselectedColor') || ['Checkboxes', 'RadioButtons', 'ButtonList'].indexOf(element.element)) && /*#__PURE__*/React.createElement(Form.Group, {
811
+ })), (element.element === 'ButtonList' || element.element === 'RadioButtons' || element.element === 'ButtonList') && /*#__PURE__*/React.createElement(Form.Group, {
810
812
  className: "form-group mb-5"
811
813
  }, /*#__PURE__*/React.createElement(Form.Label, {
812
814
  className: "fw-bold",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-survey-builder",
3
- "version": "1.0.116",
3
+ "version": "1.0.117",
4
4
  "description": "A complete survey builder for react.",
5
5
  "main": "lib/index.js",
6
6
  "types": "types/index.d.ts",