react-survey-builder 1.0.96 → 1.0.97

package/dist/bundle.js

@@ -1246,7 +1246,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _toolbar_draggable_item__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toolbar-draggable-item */ \"./src/toolbar-draggable-item.jsx\");\n/* harmony import */ var _toolbar_group_item__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./toolbar-group-item */ \"./src/toolbar-group-item.jsx\");\n/* harmony import */ var _stores_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./stores/store */ \"./src/stores/store.js\");\n/* harmony import */ var react_icons_fa__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-icons/fa */ \"./node_modules/react-icons/fa/index.mjs\");\n/* harmony import */ var react_icons_pi__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-icons/pi */ \"./node_modules/react-icons/pi/index.mjs\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./UUID */ \"./src/UUID.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_UUID__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react_icons_gr__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-icons/gr */ \"./node_modules/react-icons/gr/index.mjs\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\n/* harmony import */ var react_icons_io5__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-icons/io5 */ \"./node_modules/react-icons/io5/index.mjs\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _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.\"); }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nfunction 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; }\nfunction _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; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _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.\"); }\nfunction _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); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _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; }\n\n\n\n\n\n\n\n\n\n\nvar _defaultItems = [{\n  key: 'Header',\n  name: \"Header Text\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaHeading,\n  \"static\": true,\n  content: \"Text...\"\n}, {\n  key: 'Label',\n  name: \"Label\",\n  \"static\": true,\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFont,\n  content: \"Text...\"\n}, {\n  key: 'Paragraph',\n  name: \"Paragraph\",\n  \"static\": true,\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaParagraph,\n  content: \"Text...\"\n}, {\n  key: 'ContentBody',\n  name: \"Static Content\",\n  \"static\": true,\n  icon: react_icons_pi__WEBPACK_IMPORTED_MODULE_7__.PiFileHtml,\n  content: \"Text...\"\n}, {\n  key: 'LineBreak',\n  name: \"Line Break\",\n  \"static\": true,\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaArrowsAltH\n}, {\n  key: 'Dropdown',\n  name: \"Dropdown\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCaretSquareDown,\n  label: \"Label\",\n  fieldName: 'dropdown_',\n  canHaveHelp: true,\n  options: [],\n  placeholder: 'Select One',\n  canHaveLabelLocation: true,\n  answerType: 'ARRAY',\n  hideLabel: false\n}, {\n  key: 'Tags',\n  name: \"Tags\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaTags,\n  label: \"Label\",\n  fieldName: 'tags_',\n  canHaveHelp: true,\n  options: [],\n  placeholder: 'Select...',\n  canHaveLabelLocation: true,\n  answerType: 'ARRAY',\n  hideLabel: false\n}, {\n  key: 'Checkboxes',\n  name: \"Checkboxes\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCheckSquare,\n  label: \"Label\",\n  fieldName: 'checkboxes_',\n  canHaveHelp: true,\n  options: [],\n  answerType: 'ARRAY',\n  hideLabel: false\n}, {\n  key: 'Checkbox',\n  name: \"Checkbox\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCheckSquare,\n  label: \"Label\",\n  fieldName: 'checkbox_',\n  canHaveHelp: true,\n  boxLabel: 'Pick me',\n  answerType: 'BOOLEAN',\n  canHideLabel: true,\n  hideLabel: true\n}, {\n  key: 'RadioButtons',\n  name: \"Radio Buttons\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegDotCircle,\n  label: \"Label\",\n  fieldName: 'radiobuttons_',\n  canHaveHelp: true,\n  options: [],\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'ButtonList',\n  name: \"Radio Buttons\",\n  icon: react_icons_io5__WEBPACK_IMPORTED_MODULE_8__.IoReorderTwo,\n  label: \"Label\",\n  fieldName: 'buttonlist_',\n  canHaveHelp: true,\n  options: [],\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'TextInput',\n  name: \"Text Input\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFont,\n  fieldName: 'text_input_',\n  canHaveHelp: true,\n  placeholder: \"Label\",\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'EmailInput',\n  name: \"Email Input\",\n  label: \"Email Address\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaEnvelope,\n  fieldName: 'email_input_',\n  canHaveHelp: true,\n  placeholder: \"Email Address\",\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'PhoneNumber',\n  name: \"Phone Number\",\n  label: \"Phone Number\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPhone,\n  fieldName: 'phone_input_',\n  canHaveHelp: true,\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'DatePicker',\n  canDefaultToday: true,\n  canReadOnly: true,\n  dateFormat: 'MM/DD/YYYY',\n  name: \"Date\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegCalendarAlt,\n  label: \"Label\",\n  fieldName: 'date_picker_',\n  canHaveHelp: true,\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'TextArea',\n  name: \"Multi-line Input\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaTextHeight,\n  fieldName: 'text_area_',\n  canHaveHelp: true,\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false,\n  rows: 5\n}, {\n  key: 'NumberInput',\n  name: \"Numerical Input\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPlus,\n  fieldName: 'number_input_',\n  canHaveHelp: true,\n  step: 1,\n  minValue: 0,\n  maxValue: 5,\n  canHaveLabelLocation: true,\n  answerType: 'NUMBER',\n  hideLabel: false\n}, {\n  key: 'Rating',\n  name: \"Rating\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaStar,\n  fieldName: 'rating_',\n  canHaveHelp: true,\n  answerType: 'NUMBER',\n  hideLabel: false\n}, {\n  key: 'Range',\n  name: \"Range\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaSlidersH,\n  label: \"Label\",\n  fieldName: 'range_',\n  step: 1,\n  defaultValue: 3,\n  minValue: 1,\n  maxValue: 5,\n  minLabel: \"Easy\",\n  maxLabel: \"Difficult\",\n  canHaveHelp: true,\n  answerType: 'NUMBER',\n  hideLabel: false\n}, {\n  key: 'Signature',\n  canReadOnly: true,\n  name: \"Signature\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPenSquare,\n  label: \"Signature\",\n  fieldName: 'signature_',\n  canHaveHelp: true,\n  answerType: 'IMAGE',\n  hideLabel: false\n}, {\n  key: 'Camera',\n  name: \"Camera\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCamera,\n  label: \"Label\",\n  fieldName: 'camera_',\n  answerType: 'IMAGE',\n  hideLabel: false\n}, {\n  key: 'FileUpload',\n  name: \"File Upload\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFile,\n  label: \"Label\",\n  fieldName: 'file_upload_',\n  answerType: 'FILE',\n  hideLabel: false\n}, {\n  key: 'Fieldset',\n  name: \"Fieldset\",\n  label: \"Fieldset\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaBars,\n  fieldName: 'fieldset-element',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'Image',\n  name: \"Image\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegImage,\n  fieldName: 'image_',\n  src: '',\n  \"static\": true\n}, {\n  key: 'HyperLink',\n  name: \"Hyperlink\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaLink,\n  content: \"Website Link...\",\n  href: 'http://www.example.com',\n  \"static\": true\n}, {\n  key: 'Download',\n  name: \"File Attachment\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFile,\n  content: \"File name...\",\n  fieldName: 'download_',\n  filePath: '',\n  href: '',\n  \"static\": true\n}, {\n  key: 'TwoColumnRow',\n  name: \"Two Column Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'two_col_row_',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'ThreeColumnRow',\n  name: \"Three Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'three_col_row_',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'FourColumnRow',\n  element: 'MultiColumnRow',\n  name: \"Four Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'four_col_row_',\n  colCount: 4,\n  className: 'col-md-3',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'FiveColumnRow',\n  element: 'MultiColumnRow',\n  name: \"Five Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'five_col_row_',\n  colCount: 5,\n  className: 'col',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'SixColumnRow',\n  element: 'MultiColumnRow',\n  name: \"Six Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'six_col_row_',\n  colCount: 6,\n  className: 'col-md-2',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'Step',\n  name: \"Step\",\n  label: \"Step\",\n  icon: react_icons_gr__WEBPACK_IMPORTED_MODULE_9__.GrSteps,\n  fieldName: 'step_',\n  \"static\": true,\n  conditional: false,\n  conditionalFieldName: '',\n  conditionalFieldValue: '',\n  isContainer: true,\n  hideNextStepButton: false\n}];\nvar groupBy = function groupBy(list, keyGetter) {\n  var map = new Map();\n  list.forEach(function (item) {\n    var key = keyGetter(item);\n    var collection = map.get(key);\n    if (!collection) {\n      map.set(key, [item]);\n    } else {\n      collection.push(item);\n    }\n  });\n  return map;\n};\nvar buildItems = function buildItems() {\n  var dataItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n  var defaultDataItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n  var customItems = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n  var allItems = [].concat(_toConsumableArray(defaultDataItems), _toConsumableArray(customItems));\n  if (!(0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(dataItems)) {\n    return allItems;\n  }\n  return dataItems.map(function (x) {\n    var found = allItems.find(function (y) {\n      return x.element === y.element && y.key === x.key;\n    });\n    if (!found) {\n      found = allItems.find(function (y) {\n        return (x.element || x.key) === (y.element || y.key);\n      });\n    }\n    if (found) {\n      if (x.inherited !== false) {\n        found = _objectSpread(_objectSpread({}, found), x);\n      } else if (x.groupName) {\n        found.groupName = x.groupName;\n      }\n    }\n    return found || x;\n  });\n};\nvar buildGroupItems = function buildGroupItems() {\n  var allItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n  var ungroupedItems = allItems.filter(function (x) {\n    return !x.groupName;\n  });\n  var gItems = allItems.filter(function (x) {\n    return !!x.groupName;\n  });\n  var grouped = groupBy(gItems, function (x) {\n    return x.groupName;\n  });\n  var groupKeys = gItems.map(function (x) {\n    return x.groupName;\n  }).filter(function (v, i, self) {\n    return self.indexOf(v) === i;\n  });\n  return {\n    ungroupedItems: ungroupedItems,\n    grouped: grouped,\n    groupKeys: groupKeys\n  };\n};\nvar Toolbar = function Toolbar(_ref) {\n  var toolbarTop = _ref.toolbarTop,\n    _ref$items = _ref.items,\n    items = _ref$items === void 0 ? [] : _ref$items,\n    _ref$customItems = _ref.customItems,\n    customItems = _ref$customItems === void 0 ? [] : _ref$customItems;\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(items) ? _toConsumableArray(items) : []),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    dataItems = _React$useState2[0],\n    setDataItems = _React$useState2[1];\n  var _defaultItemOptions = function _defaultItemOptions(element) {\n    switch (element) {\n      case 'Dropdown':\n        return [{\n          value: 'PLACE_HOLDER_OPTION_1',\n          text: \"Place holder option 1\",\n          key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_2',\n          text: \"Place holder option 2\",\n          key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_3',\n          text: \"Place holder option 3\",\n          key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'Tags':\n        return [{\n          value: 'PLACE_HOLDER_TAG_1',\n          text: \"Place holder option 1\",\n          key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_TAG_2',\n          text: \"Place holder option 2\",\n          key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_TAG_3',\n          text: \"Place holder option 3\",\n          key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'Checkboxes':\n        return [{\n          value: 'PLACE_HOLDER_OPTION_1',\n          text: \"Place holder option 1\",\n          key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_2',\n          text: \"Place holder option 2\",\n          key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_3',\n          text: \"Place holder option 3\",\n          key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'RadioButtons':\n        return [{\n          value: 'PLACE_HOLDER_OPTION_1',\n          text: \"Place holder option 1\",\n          key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_2',\n          text: \"Place holder option 2\",\n          key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_3',\n          text: \"Place holder option 3\",\n          key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'ButtonList':\n        return [{\n          value: 'YES',\n          text: \"Yes\",\n          key: \"buttonlist_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'NO',\n          text: \"No\",\n          key: \"buttonlist_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      default:\n        return [];\n    }\n  };\n  var addCustomOptions = function addCustomOptions(item, elementOptions) {\n    if (item.type === 'custom') {\n      var customOptions = _objectSpread(_objectSpread({}, item), elementOptions);\n      customOptions.custom = true;\n      customOptions.component = item.component || null;\n      customOptions.customOptions = item.customOptions || [];\n      return customOptions;\n    }\n    return elementOptions;\n  };\n  var create = function create(item) {\n    var _item$static;\n    var element = item.element || item.key;\n    var elementOptions = addCustomOptions(item, {\n      id: _UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid(),\n      element: element,\n      text: item.name,\n      \"static\": (_item$static = item[\"static\"]) !== null && _item$static !== void 0 ? _item$static : false\n    });\n    if (item.groupName) {\n      var _item$groupName;\n      elementOptions.groupName = (_item$groupName = item.groupName) !== null && _item$groupName !== void 0 ? _item$groupName : null;\n    }\n    if (!item[\"static\"]) {\n      elementOptions.required = false;\n    }\n    if (item.isContainer) {\n      elementOptions.isContainer = true;\n    }\n\n    // add placeholder to form input\n    if (['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags'].indexOf(element) !== -1) {\n      var _item$placeholder;\n      elementOptions.placeholder = (_item$placeholder = item.placeholder) !== null && _item$placeholder !== void 0 ? _item$placeholder : '';\n    }\n    if (item.type === 'custom') {\n      elementOptions.key = item.key;\n      elementOptions.custom = true;\n      elementOptions.forwardRef = item.forwardRef;\n      elementOptions.bare = item.bare;\n      elementOptions.props = item.props;\n      elementOptions.component = item.component || null;\n      elementOptions.customOptions = item.customOptions || [];\n    }\n    if (item[\"static\"] && ['Header', 'Paragraph', 'Label'].indexOf(element) !== -1) {\n      elementOptions.bold = false;\n      elementOptions.italic = false;\n    }\n    if (item.canHaveLabelLocation || item.labelLocation !== undefined) {\n      var _item$labelLocation;\n      elementOptions.labelLocation = (_item$labelLocation = item.labelLocation) !== null && _item$labelLocation !== void 0 ? _item$labelLocation : 'ABOVE';\n    }\n    if (item.canHaveHelp || item.help !== undefined) {\n      var _item$help;\n      elementOptions.help = (_item$help = item.help) !== null && _item$help !== void 0 ? _item$help : '';\n    }\n    if (item.canHideLabel || item.hideLabel !== undefined) {\n      var _item$hideLabel;\n      elementOptions.hideLabel = (_item$hideLabel = item.hideLabel) !== null && _item$hideLabel !== void 0 ? _item$hideLabel : false;\n    }\n    if (item.canReadOnly || item.readOnly !== undefined) {\n      var _item$readOnly;\n      elementOptions.readOnly = (_item$readOnly = item.readOnly) !== null && _item$readOnly !== void 0 ? _item$readOnly : false;\n    }\n    if (item.canDefaultToday || item.defaultToday !== undefined) {\n      var _item$defaultToday;\n      elementOptions.defaultToday = (_item$defaultToday = item.defaultToday) !== null && _item$defaultToday !== void 0 ? _item$defaultToday : false;\n    }\n    if (item.content) {\n      elementOptions.content = item.content;\n    }\n    if (item.href) {\n      elementOptions.href = item.href;\n    }\n    if (item.inherited !== undefined) {\n      elementOptions.inherited = item.inherited;\n    }\n    if (item.canHavePageBreakBefore || item.pageBreakBefore !== undefined) {\n      var _item$pageBreakBefore;\n      elementOptions.pageBreakBefore = (_item$pageBreakBefore = item.pageBreakBefore) !== null && _item$pageBreakBefore !== void 0 ? _item$pageBreakBefore : false;\n    }\n    if (item.canHaveAlternateForm || item.alternateForm !== undefined) {\n      var _item$alternateForm;\n      elementOptions.alternateForm = (_item$alternateForm = item.alternateForm) !== null && _item$alternateForm !== void 0 ? _item$alternateForm : false;\n    }\n    if (item.canHaveDisplayHorizontal || item.inline !== undefined) {\n      var _item$inline;\n      elementOptions.inline = (_item$inline = item.inline) !== null && _item$inline !== void 0 ? _item$inline : false;\n    }\n    if (item.canHaveOptionCorrect) {\n      var _item$canHaveOptionCo;\n      elementOptions.canHaveOptionCorrect = (_item$canHaveOptionCo = item.canHaveOptionCorrect) !== null && _item$canHaveOptionCo !== void 0 ? _item$canHaveOptionCo : false;\n    }\n    if (item.canHaveOptionValue) {\n      var _item$canHaveOptionVa;\n      elementOptions.canHaveOptionValue = (_item$canHaveOptionVa = item.canHaveOptionValue) !== null && _item$canHaveOptionVa !== void 0 ? _item$canHaveOptionVa : false;\n    }\n    if (item.canPopulateFromApi) {\n      var _item$canPopulateFrom;\n      elementOptions.canPopulateFromApi = (_item$canPopulateFrom = item.canPopulateFromApi) !== null && _item$canPopulateFrom !== void 0 ? _item$canPopulateFrom : false;\n    }\n    if (item.rows) {\n      elementOptions.rows = item.rows;\n    }\n    if (item.className) {\n      elementOptions.className = item.className;\n    }\n    if (element === 'Step') {\n      elementOptions.conditional = item.conditional;\n      elementOptions.conditionalFieldName = item.conditionalFieldName;\n      elementOptions.conditionalFieldValue = item.conditionalFieldValue;\n      elementOptions.hideNextStepButton = item.hideNextStepButton;\n    }\n    if (element === 'Image') {\n      elementOptions.src = item.src;\n    }\n    if (element === 'DatePicker') {\n      elementOptions.dateFormat = item.dateFormat;\n    }\n    if (element === 'Download') {\n      elementOptions.href = item.href;\n      elementOptions.filePath = item.filePath;\n    }\n    if (element === 'NumberInput') {\n      elementOptions.step = item.step;\n      elementOptions.minValue = item.minValue;\n      elementOptions.maxValue = item.maxValue;\n    }\n    if (element === 'Range') {\n      elementOptions.step = item.step;\n      elementOptions.defaultValue = item.defaultValue;\n      elementOptions.minValue = item.minValue;\n      elementOptions.maxValue = item.maxValue;\n      elementOptions.minLabel = item.minLabel;\n      elementOptions.maxLabel = item.maxLabel;\n    }\n    if (element === 'MultiColumnRow') {\n      elementOptions.colCount = item.colCount;\n    }\n    if (item.defaultValue) {\n      elementOptions.defaultValue = item.defaultValue;\n    }\n    if (item.fieldName) {\n      elementOptions.fieldName = item.fieldName + _UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid();\n    }\n    if (!item[\"static\"]) {\n      var _item$customName;\n      elementOptions.customName = (_item$customName = item.customName) !== null && _item$customName !== void 0 ? _item$customName : elementOptions.fieldName;\n    }\n    if (item.label) {\n      elementOptions.label = item.label.trim();\n    }\n    if (item.options) {\n      if (item.options.length > 0) {\n        elementOptions.options = item.options.map(function (x) {\n          return _objectSpread(_objectSpread({}, x), {}, {\n            key: \"custom_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n          });\n        });\n      } else {\n        elementOptions.options = _defaultItemOptions(elementOptions.element);\n      }\n    }\n    return elementOptions;\n  };\n  var _onClick = function _onClick(item) {\n    // ElementActions.createElement(create(item));\n    _stores_store__WEBPACK_IMPORTED_MODULE_3__[\"default\"].dispatch('create', create(item));\n  };\n  var renderItem = function renderItem(item) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toolbar_draggable_item__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n      item: item,\n      key: item.key,\n      onClick: function onClick() {\n        _onClick(item);\n      },\n      onCreate: create\n    });\n  };\n  react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {\n    setDataItems(buildItems(dataItems, _defaultItems, customItems));\n  }, []);\n  var _buildGroupItems = buildGroupItems(dataItems),\n    ungroupedItems = _buildGroupItems.ungroupedItems,\n    grouped = _buildGroupItems.grouped,\n    groupKeys = _buildGroupItems.groupKeys;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"react-survey-builder-toolbar\"\n  }, toolbarTop, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h4\", null, \"Survey Blocks Toolbox\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"ul\", null, ungroupedItems.map(renderItem), groupKeys.map(function (k) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toolbar_group_item__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      key: k,\n      name: k,\n      group: grouped.get(k),\n      renderItem: renderItem\n    });\n  })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Toolbar);\n\n//# sourceURL=webpack://react-survey-builder/./src/toolbar.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _toolbar_draggable_item__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toolbar-draggable-item */ \"./src/toolbar-draggable-item.jsx\");\n/* harmony import */ var _toolbar_group_item__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./toolbar-group-item */ \"./src/toolbar-group-item.jsx\");\n/* harmony import */ var _stores_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./stores/store */ \"./src/stores/store.js\");\n/* harmony import */ var react_icons_fa__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-icons/fa */ \"./node_modules/react-icons/fa/index.mjs\");\n/* harmony import */ var react_icons_pi__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-icons/pi */ \"./node_modules/react-icons/pi/index.mjs\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./UUID */ \"./src/UUID.js\");\n/* harmony import */ var _UUID__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_UUID__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react_icons_gr__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-icons/gr */ \"./node_modules/react-icons/gr/index.mjs\");\n/* harmony import */ var _utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/objectUtils */ \"./src/utils/objectUtils.js\");\n/* harmony import */ var react_icons_io5__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-icons/io5 */ \"./node_modules/react-icons/io5/index.mjs\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _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.\"); }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nfunction 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; }\nfunction _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; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _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.\"); }\nfunction _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); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _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; }\n\n\n\n\n\n\n\n\n\n\nvar _defaultItems = [{\n  key: 'Header',\n  name: \"Header Text\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaHeading,\n  \"static\": true,\n  content: \"Text...\"\n}, {\n  key: 'Label',\n  name: \"Label\",\n  \"static\": true,\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFont,\n  content: \"Text...\"\n}, {\n  key: 'Paragraph',\n  name: \"Paragraph\",\n  \"static\": true,\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaParagraph,\n  content: \"Text...\"\n}, {\n  key: 'ContentBody',\n  name: \"Static Content\",\n  \"static\": true,\n  icon: react_icons_pi__WEBPACK_IMPORTED_MODULE_7__.PiFileHtml,\n  content: \"Text...\"\n}, {\n  key: 'LineBreak',\n  name: \"Line Break\",\n  \"static\": true,\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaArrowsAltH\n}, {\n  key: 'Dropdown',\n  name: \"Dropdown\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCaretSquareDown,\n  label: \"Label\",\n  fieldName: 'dropdown_',\n  canHaveHelp: true,\n  options: [],\n  placeholder: 'Select One',\n  canHaveLabelLocation: true,\n  answerType: 'ARRAY',\n  hideLabel: false\n}, {\n  key: 'Tags',\n  name: \"Tags\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaTags,\n  label: \"Label\",\n  fieldName: 'tags_',\n  canHaveHelp: true,\n  options: [],\n  placeholder: 'Select...',\n  canHaveLabelLocation: true,\n  answerType: 'ARRAY',\n  hideLabel: false\n}, {\n  key: 'Checkboxes',\n  name: \"Checkboxes\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCheckSquare,\n  label: \"Label\",\n  fieldName: 'checkboxes_',\n  canHaveHelp: true,\n  options: [],\n  answerType: 'ARRAY',\n  hideLabel: false\n}, {\n  key: 'Checkbox',\n  name: \"Checkbox\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCheckSquare,\n  label: \"Label\",\n  fieldName: 'checkbox_',\n  canHaveHelp: true,\n  boxLabel: 'Pick me',\n  answerType: 'BOOLEAN',\n  canHideLabel: true,\n  hideLabel: true\n}, {\n  key: 'RadioButtons',\n  name: \"Radio Buttons\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegDotCircle,\n  label: \"Label\",\n  fieldName: 'radiobuttons_',\n  canHaveHelp: true,\n  options: [],\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'ButtonList',\n  name: \"Button List\",\n  icon: react_icons_io5__WEBPACK_IMPORTED_MODULE_8__.IoReorderTwo,\n  label: \"Label\",\n  fieldName: 'buttonlist_',\n  canHaveHelp: true,\n  options: [],\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'TextInput',\n  name: \"Text Input\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFont,\n  fieldName: 'text_input_',\n  canHaveHelp: true,\n  placeholder: \"Label\",\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'EmailInput',\n  name: \"Email Input\",\n  label: \"Email Address\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaEnvelope,\n  fieldName: 'email_input_',\n  canHaveHelp: true,\n  placeholder: \"Email Address\",\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'PhoneNumber',\n  name: \"Phone Number\",\n  label: \"Phone Number\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPhone,\n  fieldName: 'phone_input_',\n  canHaveHelp: true,\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'DatePicker',\n  canDefaultToday: true,\n  canReadOnly: true,\n  dateFormat: 'MM/DD/YYYY',\n  name: \"Date\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegCalendarAlt,\n  label: \"Label\",\n  fieldName: 'date_picker_',\n  canHaveHelp: true,\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false\n}, {\n  key: 'TextArea',\n  name: \"Multi-line Input\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaTextHeight,\n  fieldName: 'text_area_',\n  canHaveHelp: true,\n  canHaveLabelLocation: true,\n  answerType: 'STRING',\n  hideLabel: false,\n  rows: 5\n}, {\n  key: 'NumberInput',\n  name: \"Numerical Input\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPlus,\n  fieldName: 'number_input_',\n  canHaveHelp: true,\n  step: 1,\n  minValue: 0,\n  maxValue: 5,\n  canHaveLabelLocation: true,\n  answerType: 'NUMBER',\n  hideLabel: false\n}, {\n  key: 'Rating',\n  name: \"Rating\",\n  label: \"Label\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaStar,\n  fieldName: 'rating_',\n  canHaveHelp: true,\n  answerType: 'NUMBER',\n  hideLabel: false\n}, {\n  key: 'Range',\n  name: \"Range\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaSlidersH,\n  label: \"Label\",\n  fieldName: 'range_',\n  step: 1,\n  defaultValue: 3,\n  minValue: 1,\n  maxValue: 5,\n  minLabel: \"Easy\",\n  maxLabel: \"Difficult\",\n  canHaveHelp: true,\n  answerType: 'NUMBER',\n  hideLabel: false\n}, {\n  key: 'Signature',\n  canReadOnly: true,\n  name: \"Signature\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaPenSquare,\n  label: \"Signature\",\n  fieldName: 'signature_',\n  canHaveHelp: true,\n  answerType: 'IMAGE',\n  hideLabel: false\n}, {\n  key: 'Camera',\n  name: \"Camera\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaCamera,\n  label: \"Label\",\n  fieldName: 'camera_',\n  answerType: 'IMAGE',\n  hideLabel: false\n}, {\n  key: 'FileUpload',\n  name: \"File Upload\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFile,\n  label: \"Label\",\n  fieldName: 'file_upload_',\n  answerType: 'FILE',\n  hideLabel: false\n}, {\n  key: 'Fieldset',\n  name: \"Fieldset\",\n  label: \"Fieldset\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaBars,\n  fieldName: 'fieldset-element',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'Image',\n  name: \"Image\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaRegImage,\n  fieldName: 'image_',\n  src: '',\n  \"static\": true\n}, {\n  key: 'HyperLink',\n  name: \"Hyperlink\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaLink,\n  content: \"Website Link...\",\n  href: 'http://www.example.com',\n  \"static\": true\n}, {\n  key: 'Download',\n  name: \"File Attachment\",\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaFile,\n  content: \"File name...\",\n  fieldName: 'download_',\n  filePath: '',\n  href: '',\n  \"static\": true\n}, {\n  key: 'TwoColumnRow',\n  name: \"Two Column Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'two_col_row_',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'ThreeColumnRow',\n  name: \"Three Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'three_col_row_',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'FourColumnRow',\n  element: 'MultiColumnRow',\n  name: \"Four Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'four_col_row_',\n  colCount: 4,\n  className: 'col-md-3',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'FiveColumnRow',\n  element: 'MultiColumnRow',\n  name: \"Five Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'five_col_row_',\n  colCount: 5,\n  className: 'col',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'SixColumnRow',\n  element: 'MultiColumnRow',\n  name: \"Six Columns Row\",\n  label: '',\n  icon: react_icons_fa__WEBPACK_IMPORTED_MODULE_6__.FaColumns,\n  fieldName: 'six_col_row_',\n  colCount: 6,\n  className: 'col-md-2',\n  \"static\": true,\n  isContainer: true\n}, {\n  key: 'Step',\n  name: \"Step\",\n  label: \"Step\",\n  icon: react_icons_gr__WEBPACK_IMPORTED_MODULE_9__.GrSteps,\n  fieldName: 'step_',\n  \"static\": true,\n  conditional: false,\n  conditionalFieldName: '',\n  conditionalFieldValue: '',\n  isContainer: true,\n  hideNextStepButton: false\n}];\nvar groupBy = function groupBy(list, keyGetter) {\n  var map = new Map();\n  list.forEach(function (item) {\n    var key = keyGetter(item);\n    var collection = map.get(key);\n    if (!collection) {\n      map.set(key, [item]);\n    } else {\n      collection.push(item);\n    }\n  });\n  return map;\n};\nvar buildItems = function buildItems() {\n  var dataItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n  var defaultDataItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n  var customItems = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];\n  var allItems = [].concat(_toConsumableArray(defaultDataItems), _toConsumableArray(customItems));\n  if (!(0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(dataItems)) {\n    return allItems;\n  }\n  return dataItems.map(function (x) {\n    var found = allItems.find(function (y) {\n      return x.element === y.element && y.key === x.key;\n    });\n    if (!found) {\n      found = allItems.find(function (y) {\n        return (x.element || x.key) === (y.element || y.key);\n      });\n    }\n    if (found) {\n      if (x.inherited !== false) {\n        found = _objectSpread(_objectSpread({}, found), x);\n      } else if (x.groupName) {\n        found.groupName = x.groupName;\n      }\n    }\n    return found || x;\n  });\n};\nvar buildGroupItems = function buildGroupItems() {\n  var allItems = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n  var ungroupedItems = allItems.filter(function (x) {\n    return !x.groupName;\n  });\n  var gItems = allItems.filter(function (x) {\n    return !!x.groupName;\n  });\n  var grouped = groupBy(gItems, function (x) {\n    return x.groupName;\n  });\n  var groupKeys = gItems.map(function (x) {\n    return x.groupName;\n  }).filter(function (v, i, self) {\n    return self.indexOf(v) === i;\n  });\n  return {\n    ungroupedItems: ungroupedItems,\n    grouped: grouped,\n    groupKeys: groupKeys\n  };\n};\nvar Toolbar = function Toolbar(_ref) {\n  var toolbarTop = _ref.toolbarTop,\n    _ref$items = _ref.items,\n    items = _ref$items === void 0 ? [] : _ref$items,\n    _ref$customItems = _ref.customItems,\n    customItems = _ref$customItems === void 0 ? [] : _ref$customItems;\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default().useState((0,_utils_objectUtils__WEBPACK_IMPORTED_MODULE_5__.isListNotEmpty)(items) ? _toConsumableArray(items) : []),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    dataItems = _React$useState2[0],\n    setDataItems = _React$useState2[1];\n  var _defaultItemOptions = function _defaultItemOptions(element) {\n    switch (element) {\n      case 'Dropdown':\n        return [{\n          value: 'PLACE_HOLDER_OPTION_1',\n          text: \"Place holder option 1\",\n          key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_2',\n          text: \"Place holder option 2\",\n          key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_3',\n          text: \"Place holder option 3\",\n          key: \"dropdown_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'Tags':\n        return [{\n          value: 'PLACE_HOLDER_TAG_1',\n          text: \"Place holder option 1\",\n          key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_TAG_2',\n          text: \"Place holder option 2\",\n          key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_TAG_3',\n          text: \"Place holder option 3\",\n          key: \"tags_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'Checkboxes':\n        return [{\n          value: 'PLACE_HOLDER_OPTION_1',\n          text: \"Place holder option 1\",\n          key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_2',\n          text: \"Place holder option 2\",\n          key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_3',\n          text: \"Place holder option 3\",\n          key: \"checkboxes_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'RadioButtons':\n        return [{\n          value: 'PLACE_HOLDER_OPTION_1',\n          text: \"Place holder option 1\",\n          key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_2',\n          text: \"Place holder option 2\",\n          key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'PLACE_HOLDER_OPTION_3',\n          text: \"Place holder option 3\",\n          key: \"radiobuttons_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      case 'ButtonList':\n        return [{\n          value: 'YES',\n          text: \"Yes\",\n          key: \"buttonlist_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }, {\n          value: 'NO',\n          text: \"No\",\n          key: \"buttonlist_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n        }];\n      default:\n        return [];\n    }\n  };\n  var addCustomOptions = function addCustomOptions(item, elementOptions) {\n    if (item.type === 'custom') {\n      var customOptions = _objectSpread(_objectSpread({}, item), elementOptions);\n      customOptions.custom = true;\n      customOptions.component = item.component || null;\n      customOptions.customOptions = item.customOptions || [];\n      return customOptions;\n    }\n    return elementOptions;\n  };\n  var create = function create(item) {\n    var _item$static;\n    var element = item.element || item.key;\n    var elementOptions = addCustomOptions(item, {\n      id: _UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid(),\n      element: element,\n      text: item.name,\n      \"static\": (_item$static = item[\"static\"]) !== null && _item$static !== void 0 ? _item$static : false\n    });\n    if (item.groupName) {\n      var _item$groupName;\n      elementOptions.groupName = (_item$groupName = item.groupName) !== null && _item$groupName !== void 0 ? _item$groupName : null;\n    }\n    if (!item[\"static\"]) {\n      elementOptions.required = false;\n    }\n    if (item.isContainer) {\n      elementOptions.isContainer = true;\n    }\n\n    // add placeholder to form input\n    if (['NumberInput', 'EmailInput', 'TextInput', 'PhoneNumber', 'TextArea', 'DatePicker', 'Dropdown', 'Tags'].indexOf(element) !== -1) {\n      var _item$placeholder;\n      elementOptions.placeholder = (_item$placeholder = item.placeholder) !== null && _item$placeholder !== void 0 ? _item$placeholder : '';\n    }\n    if (item.type === 'custom') {\n      elementOptions.key = item.key;\n      elementOptions.custom = true;\n      elementOptions.forwardRef = item.forwardRef;\n      elementOptions.bare = item.bare;\n      elementOptions.props = item.props;\n      elementOptions.component = item.component || null;\n      elementOptions.customOptions = item.customOptions || [];\n    }\n    if (item[\"static\"] && ['Header', 'Paragraph', 'Label'].indexOf(element) !== -1) {\n      elementOptions.bold = false;\n      elementOptions.italic = false;\n    }\n    if (item.canHaveLabelLocation || item.labelLocation !== undefined) {\n      var _item$labelLocation;\n      elementOptions.labelLocation = (_item$labelLocation = item.labelLocation) !== null && _item$labelLocation !== void 0 ? _item$labelLocation : 'ABOVE';\n    }\n    if (item.canHaveHelp || item.help !== undefined) {\n      var _item$help;\n      elementOptions.help = (_item$help = item.help) !== null && _item$help !== void 0 ? _item$help : '';\n    }\n    if (item.canHideLabel || item.hideLabel !== undefined) {\n      var _item$hideLabel;\n      elementOptions.hideLabel = (_item$hideLabel = item.hideLabel) !== null && _item$hideLabel !== void 0 ? _item$hideLabel : false;\n    }\n    if (item.canReadOnly || item.readOnly !== undefined) {\n      var _item$readOnly;\n      elementOptions.readOnly = (_item$readOnly = item.readOnly) !== null && _item$readOnly !== void 0 ? _item$readOnly : false;\n    }\n    if (item.canDefaultToday || item.defaultToday !== undefined) {\n      var _item$defaultToday;\n      elementOptions.defaultToday = (_item$defaultToday = item.defaultToday) !== null && _item$defaultToday !== void 0 ? _item$defaultToday : false;\n    }\n    if (item.content) {\n      elementOptions.content = item.content;\n    }\n    if (item.href) {\n      elementOptions.href = item.href;\n    }\n    if (item.inherited !== undefined) {\n      elementOptions.inherited = item.inherited;\n    }\n    if (item.canHavePageBreakBefore || item.pageBreakBefore !== undefined) {\n      var _item$pageBreakBefore;\n      elementOptions.pageBreakBefore = (_item$pageBreakBefore = item.pageBreakBefore) !== null && _item$pageBreakBefore !== void 0 ? _item$pageBreakBefore : false;\n    }\n    if (item.canHaveAlternateForm || item.alternateForm !== undefined) {\n      var _item$alternateForm;\n      elementOptions.alternateForm = (_item$alternateForm = item.alternateForm) !== null && _item$alternateForm !== void 0 ? _item$alternateForm : false;\n    }\n    if (item.canHaveDisplayHorizontal || item.inline !== undefined) {\n      var _item$inline;\n      elementOptions.inline = (_item$inline = item.inline) !== null && _item$inline !== void 0 ? _item$inline : false;\n    }\n    if (item.canHaveOptionCorrect) {\n      var _item$canHaveOptionCo;\n      elementOptions.canHaveOptionCorrect = (_item$canHaveOptionCo = item.canHaveOptionCorrect) !== null && _item$canHaveOptionCo !== void 0 ? _item$canHaveOptionCo : false;\n    }\n    if (item.canHaveOptionValue) {\n      var _item$canHaveOptionVa;\n      elementOptions.canHaveOptionValue = (_item$canHaveOptionVa = item.canHaveOptionValue) !== null && _item$canHaveOptionVa !== void 0 ? _item$canHaveOptionVa : false;\n    }\n    if (item.canPopulateFromApi) {\n      var _item$canPopulateFrom;\n      elementOptions.canPopulateFromApi = (_item$canPopulateFrom = item.canPopulateFromApi) !== null && _item$canPopulateFrom !== void 0 ? _item$canPopulateFrom : false;\n    }\n    if (item.rows) {\n      elementOptions.rows = item.rows;\n    }\n    if (item.className) {\n      elementOptions.className = item.className;\n    }\n    if (element === 'Step') {\n      elementOptions.conditional = item.conditional;\n      elementOptions.conditionalFieldName = item.conditionalFieldName;\n      elementOptions.conditionalFieldValue = item.conditionalFieldValue;\n      elementOptions.hideNextStepButton = item.hideNextStepButton;\n    }\n    if (element === 'Image') {\n      elementOptions.src = item.src;\n    }\n    if (element === 'DatePicker') {\n      elementOptions.dateFormat = item.dateFormat;\n    }\n    if (element === 'Download') {\n      elementOptions.href = item.href;\n      elementOptions.filePath = item.filePath;\n    }\n    if (element === 'NumberInput') {\n      elementOptions.step = item.step;\n      elementOptions.minValue = item.minValue;\n      elementOptions.maxValue = item.maxValue;\n    }\n    if (element === 'Range') {\n      elementOptions.step = item.step;\n      elementOptions.defaultValue = item.defaultValue;\n      elementOptions.minValue = item.minValue;\n      elementOptions.maxValue = item.maxValue;\n      elementOptions.minLabel = item.minLabel;\n      elementOptions.maxLabel = item.maxLabel;\n    }\n    if (element === 'MultiColumnRow') {\n      elementOptions.colCount = item.colCount;\n    }\n    if (item.defaultValue) {\n      elementOptions.defaultValue = item.defaultValue;\n    }\n    if (item.fieldName) {\n      elementOptions.fieldName = item.fieldName + _UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid();\n    }\n    if (!item[\"static\"]) {\n      var _item$customName;\n      elementOptions.customName = (_item$customName = item.customName) !== null && _item$customName !== void 0 ? _item$customName : elementOptions.fieldName;\n    }\n    if (item.label) {\n      elementOptions.label = item.label.trim();\n    }\n    if (item.options) {\n      if (item.options.length > 0) {\n        elementOptions.options = item.options.map(function (x) {\n          return _objectSpread(_objectSpread({}, x), {}, {\n            key: \"custom_option_\".concat(_UUID__WEBPACK_IMPORTED_MODULE_4___default().uuid())\n          });\n        });\n      } else {\n        elementOptions.options = _defaultItemOptions(elementOptions.element);\n      }\n    }\n    return elementOptions;\n  };\n  var _onClick = function _onClick(item) {\n    // ElementActions.createElement(create(item));\n    _stores_store__WEBPACK_IMPORTED_MODULE_3__[\"default\"].dispatch('create', create(item));\n  };\n  var renderItem = function renderItem(item) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toolbar_draggable_item__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n      item: item,\n      key: item.key,\n      onClick: function onClick() {\n        _onClick(item);\n      },\n      onCreate: create\n    });\n  };\n  react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {\n    setDataItems(buildItems(dataItems, _defaultItems, customItems));\n  }, []);\n  var _buildGroupItems = buildGroupItems(dataItems),\n    ungroupedItems = _buildGroupItems.ungroupedItems,\n    grouped = _buildGroupItems.grouped,\n    groupKeys = _buildGroupItems.groupKeys;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n    className: \"react-survey-builder-toolbar\"\n  }, toolbarTop, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"h4\", null, \"Survey Blocks Toolbox\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"ul\", null, ungroupedItems.map(renderItem), groupKeys.map(function (k) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_toolbar_group_item__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      key: k,\n      name: k,\n      group: grouped.get(k),\n      renderItem: renderItem\n    });\n  })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Toolbar);\n\n//# sourceURL=webpack://react-survey-builder/./src/toolbar.jsx?");
 
 /***/ }),
 

package/lib/toolbar.js

@@ -110,7 +110,7 @@ var _defaultItems = [{
   hideLabel: false
 }, {
   key: 'ButtonList',
-  name: "Radio Buttons",
+  name: "Button List",
   icon: IoReorderTwo,
   label: "Label",
   fieldName: 'buttonlist_',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-survey-builder",
-  "version": "1.0.96",
+  "version": "1.0.97",
   "description": "A complete survey builder for react.",
   "main": "lib/index.js",
   "types": "types/index.d.ts",