react-survey-builder 1.0.1

package/lib/index.js

@@ -0,0 +1,139 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ElementStore", {
+  enumerable: true,
+  get: function get() {
+    return _store["default"];
+  }
+});
+exports.ReactSurveyBuilder = void 0;
+exports.ReactSurveyGenerator = ReactSurveyGenerator;
+Object.defineProperty(exports, "Registry", {
+  enumerable: true,
+  get: function get() {
+    return _registry["default"];
+  }
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _react = _interopRequireDefault(require("react"));
+var _reactDnd = require("react-dnd");
+var _reactDndHtml5Backend = require("react-dnd-html5-backend");
+var _reactIntl = require("react-intl");
+var _preview = _interopRequireDefault(require("./preview"));
+var _toolbar = _interopRequireDefault(require("./toolbar"));
+var _form = _interopRequireDefault(require("./form"));
+var _store = _interopRequireDefault(require("./stores/store"));
+var _registry = _interopRequireDefault(require("./stores/registry"));
+var _languageProvider = _interopRequireDefault(require("./language-provider"));
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /**
+  * <ReactSurveyBuilder />
+*/
+var ReactSurveyBuilder = exports.ReactSurveyBuilder = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(ReactSurveyBuilder, _React$Component);
+  var _super = _createSuper(ReactSurveyBuilder);
+  function ReactSurveyBuilder(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, ReactSurveyBuilder);
+    _this = _super.call(this, props);
+    _this.state = {
+      editMode: false,
+      editElement: null
+    };
+    _this.editModeOn = _this.editModeOn.bind((0, _assertThisInitialized2["default"])(_this));
+    return _this;
+  }
+  (0, _createClass2["default"])(ReactSurveyBuilder, [{
+    key: "editModeOn",
+    value: function editModeOn(data, e) {
+      e.preventDefault();
+      e.stopPropagation();
+      if (this.state.editMode) {
+        this.setState({
+          editMode: !this.state.editMode,
+          editElement: null
+        });
+      } else {
+        this.setState({
+          editMode: !this.state.editMode,
+          editElement: data
+        });
+      }
+    }
+  }, {
+    key: "manualEditModeOff",
+    value: function manualEditModeOff() {
+      if (this.state.editMode) {
+        this.setState({
+          editMode: false,
+          editElement: null
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var toolbarProps = {
+        showDescription: this.props.show_description
+      };
+      var language = this.props.locale ? this.props.locale : 'en';
+      var currentAppLocale = _languageProvider["default"][language];
+      if (this.props.toolbarItems) {
+        toolbarProps.items = this.props.toolbarItems;
+      }
+      return /*#__PURE__*/_react["default"].createElement(_reactDnd.DndProvider, {
+        backend: _reactDndHtml5Backend.HTML5Backend
+      }, /*#__PURE__*/_react["default"].createElement(_reactIntl.IntlProvider, {
+        locale: currentAppLocale.locale,
+        messages: currentAppLocale.messages
+      }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "react-survey-builder clearfix"
+      }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_preview["default"], {
+        files: this.props.files,
+        manualEditModeOff: this.manualEditModeOff.bind(this),
+        showCorrectColumn: this.props.showCorrectColumn,
+        parent: this,
+        data: this.props.data,
+        url: this.props.url,
+        saveUrl: this.props.saveUrl,
+        onLoad: this.props.onLoad,
+        onPost: this.props.onPost,
+        editModeOn: this.editModeOn,
+        editMode: this.state.editMode,
+        variables: this.props.variables,
+        registry: _registry["default"],
+        editElement: this.state.editElement,
+        renderEditForm: this.props.renderEditForm,
+        saveAlways: this.props.saveAlways
+      }), /*#__PURE__*/_react["default"].createElement(_toolbar["default"], (0, _extends2["default"])({}, toolbarProps, {
+        customItems: this.props.customToolbarItems
+      })))))));
+    }
+  }]);
+  return ReactSurveyBuilder;
+}(_react["default"].Component);
+function ReactSurveyGenerator(props) {
+  var language = props.locale ? props.locale : 'en';
+  var currentAppLocale = _languageProvider["default"][language];
+  return /*#__PURE__*/_react["default"].createElement(_reactIntl.IntlProvider, {
+    locale: currentAppLocale.locale,
+    messages: currentAppLocale.messages
+  }, /*#__PURE__*/_react["default"].createElement(_form["default"], props));
+}
+var SurveyBuilders = {};
+SurveyBuilders.ReactSurveyBuilder = ReactSurveyBuilder;
+SurveyBuilders.ReactSurveyGenerator = ReactSurveyGenerator;
+SurveyBuilders.ElementStore = _store["default"];
+SurveyBuilders.Registry = _registry["default"];
+var _default = exports["default"] = SurveyBuilders;

package/lib/language-provider/IntlMessages.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
+var InjectMassage = function InjectMassage(props) {
+  return /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, props);
+};
+var _default = exports["default"] = (0, _reactIntl.injectIntl)(InjectMassage, {
+  withRef: false
+});

package/lib/language-provider/entries/en-us.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _enUs = _interopRequireDefault(require("../locales/en-us.json"));
+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; }
+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) { (0, _defineProperty2["default"])(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; }
+var EnLang = {
+  messages: _objectSpread({}, _enUs["default"]),
+  locale: 'en-US'
+};
+var _default = exports["default"] = EnLang;

package/lib/language-provider/entries/it-it.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _itIt = _interopRequireDefault(require("../locales/it-it.json"));
+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; }
+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) { (0, _defineProperty2["default"])(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; }
+var ItLang = {
+  messages: _objectSpread({}, _itIt["default"]),
+  locale: 'it-IT'
+};
+var _default = exports["default"] = ItLang;

package/lib/language-provider/entries/vi-vn.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _viVn = _interopRequireDefault(require("../locales/vi-vn.json"));
+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; }
+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) { (0, _defineProperty2["default"])(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; }
+var VnLang = {
+  messages: _objectSpread({}, _viVn["default"]),
+  locale: 'vi-VN'
+};
+var _default = exports["default"] = VnLang;

package/lib/language-provider/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.AppLanguages = void 0;
+var _enUs = _interopRequireDefault(require("./entries/en-us"));
+var _itIt = _interopRequireDefault(require("./entries/it-it"));
+var _viVn = _interopRequireDefault(require("./entries/vi-vn"));
+var AppLanguages = exports.AppLanguages = [{
+  languageId: 'vietnamese',
+  locale: 'vi',
+  name: 'Vietnamese',
+  icon: 'vn'
+}, {
+  languageId: 'english',
+  locale: 'en',
+  name: 'English',
+  icon: 'us'
+}, {
+  languageId: 'italian',
+  locale: 'it',
+  name: 'Italiano',
+  icon: 'it'
+}];
+var AppLocale = {
+  en: _enUs["default"],
+  vi: _viVn["default"],
+  it: _itIt["default"]
+};
+var _default = exports["default"] = AppLocale;

package/lib/language-provider/locales/en-us.json

@@ -0,0 +1,97 @@
+{
+	"display-label": "Display Label",
+	"choose-file": "Choose file",
+	"choose-file-type": "Choose file type",
+	"select-file-type": "Select file type",
+	"text-to-display": "Text to display",
+	"link-to": "Link to",
+	"center": "Center",
+	"width": "Width",
+	"height": "Height",
+	"required": "Required",
+	"read-only": "Read only",
+	"default-to-today": "Default to Today",
+	"show-time-select": "Show Time Select",
+	"show-time-select-only": "Show Time Select Only",
+	"show-time-input": "Show Time Input",
+	"display-horizontal": "Display horizontal",
+	"variable-key": "Variable Key",
+	"variable-key-desc": "This will give the element a key that can be used to replace the content with a runtime value",
+	"print-options": "Print options",
+	"page-break-before-elements": "Page Break Before Element",
+	"alternate-signature-page": "Alternate/Signature Page",
+	"display-on-alternate-signature-page": "Display on alternate/signature Page",
+	"step": "Step",
+	"min": "Min",
+	"max": "Max",
+	"default-selected": "Default Selected",
+	"text-style": "Text Style",
+	"bold": "Bold",
+	"italic": "Italic",
+	"description": "Description",
+	"correct-answer": "Correct Answer",
+	"populate-options-from-api": "Populate Options from API",
+	"populate": "Populate",
+	"pdf": "PDF",
+	"word": "Word",
+	"excel": "Excel",
+	"ppt": "PPT",
+	"options": "Options",
+	"value": "Value",
+	"correct": "Correct",
+	"dismiss": "Dismiss",
+	"place-holder-option-1": "Place holder option 1",
+	"place-holder-option-2": "Place holder option 2",
+	"place-holder-option-3": "Place holder option 3",
+	"place-holder-tag-1": "Place holder option 1",
+	"place-holder-tag-2": "Place holder option 2",
+	"place-holder-tag-3": "Place holder option 3",
+	"toolbox": "Toolbox",
+	"header-text": "Header Text",
+	"label": "Label",
+	"paragraph": "Paragraph",
+	"line-break": "Line Break",
+	"dropdown": "Dropdown",
+	"tags": "Tags",
+	"checkboxes": "Checkboxes",
+	"checkbox": "Checkbox",
+	"default-checked": "Default Checked",
+	"checkbox-label-text": "Checkbox Label Text",
+	"multiple-choice": "Multiple Choice",
+	"text-input": "Text Input",
+	"email-input": "Email",
+	"phone-input": "Phone Number",
+	"number-input": "Number Input",
+	"multi-line-input": "Multi-line Input",
+	"fieldset": "Fieldset",
+	"two-columns-row": "Two Column Row",
+	"three-columns-row": "Three Columns Row",
+	"four-columns-row": "Four Columns Row",
+	"five-columns-row": "Five Columns Row",
+	"six-columns-row": "Six Columns Row",
+	"image": "Image",
+	"rating": "Rating",
+	"date": "Date",
+	"signature": "Signature",
+	"website": "Website",
+	"file-attachment": "File Attachment",
+	"range": "Range",
+	"camera": "Camera",
+	"file-upload": "File Upload",
+	"place-holder-text": "Placeholder text...",
+	"place-holder-label": "Placeholder label",
+	"place-holder-text-label": "Placeholder",
+	"place-holder-website-link": "Placeholder website Link...",
+	"place-holder-file-name": "Placeholder file name...",
+	"place-holder-email": "E-Mail",
+	"place-holder-phone-number": "Phone Number",
+	"easy": "Easy",
+	"difficult": "Difficult",
+	"drop-zone": "Dropzone",
+	"custom-name-label": "A Name To Give This Input That Will Show Up In Data Retrieval",
+	"message.is-required": "is required",
+	"message.was-answered-incorrectly": "was answered incorrectly",
+	"message.was-not-registered": "was not registered",
+	"message.invalid-email": "field requires valid email address",
+	"message.invalid-phone-number": "field requires a valid phone number"
+}

package/lib/language-provider/locales/it-it.json

@@ -0,0 +1,92 @@
+{
+	"display-label": "Visualizza etichetta",
+	"choose-file": "Scegli file",
+	"choose-file-type": "Scegli tipo di file",
+	"select-file-type": "Scegli tipo di file",
+	"text-to-display": "Testo visualizzato",
+	"link-to": "Link to",
+	"center": "Centro",
+	"width": "Larghezza",
+	"height": "Altezza",
+	"required": "Obbligatorio",
+	"read-only": "Sola lettura",
+	"default-to-today": "Default oggi",
+	"show-time-select": "Visualizza selettore orario",
+	"show-time-select-only": "Visualizza solo orario",
+	"show-time-input": "Visualizza input orario",
+	"display-horizontal": "Visualizza orizzontale",
+	"variable-key": "Chiave variabile",
+	"variable-key-desc": "Ciò fornirà all'elemento una chiave che può essere utilizzata per sostituire il contenuto con un valore di runtime",
+	"print-options": "Opzioni di stampa",
+	"page-break-before-elements": "Interruzione di pagina prima dell'elemento",
+	"alternate-signature-page": "Pagina alternativa/firma",
+	"display-on-alternate-signature-page": "Visualizza su pagina alternativa/firma",
+	"step": "Step",
+	"min": "Min",
+	"max": "Max",
+	"default-selected": "Selezionato di default",
+	"text-style": "Stile testo",
+	"bold": "Grassetto",
+	"italic": "Corsivo",
+	"description": "Descrizione",
+	"correct-answer": "Risposta corretta",
+	"populate-options-from-api": "Popola opzione da API",
+	"populate": "Popola",
+	"pdf": "PDF",
+	"word": "Word",
+	"excel": "Excel",
+	"ppt": "PPT",
+	"options": "Opzioni",
+	"value": "Valore",
+	"correct": "Corretto",
+	"dismiss": "Scarta",
+	"place-holder-option-1": "Segnaposto opzione 1",
+	"place-holder-option-2": "Segnaposto opzione 2",
+	"place-holder-option-3": "Segnaposto opzione 3",
+	"place-holder-tag-1": "Segnaposto opzione 1",
+	"place-holder-tag-2": "Segnaposto opzione 2",
+	"place-holder-tag-3": "Segnaposto opzione 3",
+	"toolbox": "Toolbox",
+	"header-text": "Testo Header",
+	"label": "Etichetta",
+	"paragraph": "Paragrafo",
+	"line-break": "Linea Interruzione",
+	"dropdown": "Dropdown",
+	"tags": "Tags",
+	"checkboxes": "Checkboxes",
+	"multiple-choice": "Scelta multipla",
+	"text-input": "Input testo",
+	"email-input": "Email",
+	"phone-input": "Numero di telefono",
+	"number-input": "Input numerico",
+	"multi-line-input": "Input multi linea",
+	"fieldset": "Set di campi",
+	"two-columns-row": "Layout 2 colonne",
+	"three-columns-row": "Layout 3 colonne",
+	"four-columns-row": "Layout 4 colonne",
+	"five-columns-row": "Layout 5 colonne",
+	"six-columns-row": "Layout 6 colonne",
+	"image": "Immagine",
+	"rating": "Valutazione",
+	"date": "Data",
+	"signature": "Firma",
+	"website": "Sito web",
+	"file-attachment": "Allegato file",
+	"range": "Range",
+	"camera": "Camera",
+	"file-upload": "Upload file",
+	"place-holder-text": "Testo segnaposto...",
+	"place-holder-label": "Etichetta segnaposto",
+	"place-holder-website-link": "Segnaposto link sito...",
+	"place-holder-file-name": "Segnaposto nome file...",
+	"place-holder-email": "E-Mail",
+	"place-holder-phone-number": "Numero di telefono",
+	"easy": "Facile",
+	"difficult": "Difficile",
+	"drop-zone": "Dropzone",
+	"message.is-required": "è obbligatorio",
+	"message.was-answered-incorrectly": "è stato risposto in modo errato",
+	"message.was-not-registered": "non è stato registrato",
+	"message.invalid-email": "il campo richiede un indirizzo email valido",
+	"message.invalid-phone-number": "campo richiede un numero di telefono valido"
+}

package/lib/language-provider/locales/vi-vn.json

@@ -0,0 +1,82 @@
+{
+	"display-label": "Nhãn hiển thị",
+	"choose-file": "Chọn tệp tin",
+	"text-to-display": "Chữ hiển thị",
+	"link-to": "Liên kết tới",
+	"center": "Giữa",
+	"width": "Độ rộng",
+	"height": "Chiều cao",
+	"required": "Bắt buộc nhập",
+	"read-only": "Chỉ đọc",
+	"default-to-today": "Mặc định hôm nay",
+	"show-time-select": "Hiển thị chọn thời gian",
+	"show-time-select-only": "Chỉ hiển thị thời gian",
+	"show-time-input": "Hiển thị đầu vào thời gian",
+	"display-horizontal": "Hiển thị theo chiều ngang",
+	"variable-key": "Khóa tham chiếu",
+	"variable-key-desc": "Tùy chọn này cung cấp từ khóa dùng để thay thế nội dung khi biểu mẫu hoạt động",
+	"print-options": "Tùy chọn in ấn",
+	"page-break-before-elements": "Phân trang trước thành phần điểu khiển",
+	"alternate-signature-page": "Trang thay thế / ký",
+	"display-on-alternate-signature-page": "Hiển thị trên trang thay thế / ký",
+	"step": "Bước nhảy",
+	"min": "Nhỏ nhất",
+	"max": "Lớn nhất",
+	"default-selected": "Mặc Định Chọn",
+	"text-style": "Kiểu Chữ",
+	"bold": "Đậm",
+	"italic": "Nghiêng",
+	"description": "Mô tả",
+	"correct-answer": "Lựa chọn đúng",
+	"populate-options-from-api": "Lấy dữ liệu từ API",
+	"populate": "Thực hiện",
+	"options": "Tùy chọn",
+	"value": "Giá trị",
+	"correct": "Đúng",
+	"dismiss": "Bỏ qua",
+	"place-holder-option-1": "Lựa chọn 1",
+	"place-holder-option-2": "Lựa chọn 2",
+	"place-holder-option-3": "Lựa chọn 3",
+	"place-holder-tag-1": "Lựa chọn 1",
+	"place-holder-tag-2": "Lựa chọn 2",
+	"place-holder-tag-3": "Lựa chọn 3",
+	"toolbox": "Công cụ",
+	"header-text": "Tiêu đề",
+	"label": "Nhãn",
+	"paragraph": "Đoạn văn",
+	"line-break": "Đường kẻ dòng",
+	"dropdown": "Danh sách chọn",
+	"tags": "Thẻ",
+	"checkboxes": "Hộp chọn",
+	"checkbox": "Hộp chọn",
+	"default-checked": "Hộp chọn",
+	"checkbox-label-text": "Hộp chọn",
+	"multiple-choice": "Nhiều lựa chọn",
+	"text-input": "Nhập chữ",
+	"number-input": "Nhập số",
+	"fieldset": "bộ trường",
+	"multi-line-input": "Nhập nhiều dòng",
+	"two-columns-row": "Dòng có hai cột",
+	"three-columns-row": "Dòng có ba cột",
+	"four-columns-row": "Dòng có bốn cột",
+	"image": "Liên kết ảnh",
+	"rating": "Đánh giá",
+	"date": "Ngày",
+	"signature": "Chữ kí",
+	"website": "Trang web",
+	"file-attachment": "Tệp đính kèm",
+	"range": "Khoảng",
+	"camera": "Tải ảnh",
+	"place-holder-text": "Nội dung...",
+	"place-holder-label": "Nhãn",
+	"place-holder-text-label": "Điền vào chỗ trống.",
+	"place-holder-website-link": "Đường dẫn tới website...",
+	"place-holder-file-name": "Tên tệp...",
+	"easy": "Easy",
+	"difficult": "Difficult",
+	"drop-zone": "Khu vực kéo thả",
+	"custom-name-label": "A Name To Give This Input That Will Show Up In Data Retrieval",
+	"message.is-required": "không được bỏ trống",
+	"message.was-answered incorrectly": "đã trả lời sai",
+	"message.was-not-registered": "chưa đăng ký"
+}

package/lib/multi-column/MultiColumnRow.js

@@ -0,0 +1,134 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TwoColumnRow = exports.ThreeColumnRow = exports.MultiColumnRow = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _react = _interopRequireDefault(require("react"));
+var _componentHeader = _interopRequireDefault(require("../survey-elements/component-header"));
+var _componentLabel = _interopRequireDefault(require("../survey-elements/component-label"));
+var _dustbin = _interopRequireDefault(require("./dustbin"));
+var _ItemTypes = _interopRequireDefault(require("../ItemTypes"));
+var _excluded = ["data", "class_name"],
+  _excluded2 = ["data", "class_name"],
+  _excluded3 = ["data"];
+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; }
+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) { (0, _defineProperty2["default"])(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; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable camelcase */
+var accepts = [_ItemTypes["default"].BOX, _ItemTypes["default"].CARD];
+var MultiColumnRowBase = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(MultiColumnRowBase, _React$Component);
+  var _super = _createSuper(MultiColumnRowBase);
+  function MultiColumnRowBase() {
+    (0, _classCallCheck2["default"])(this, MultiColumnRowBase);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(MultiColumnRowBase, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        controls = _this$props.controls,
+        data = _this$props.data,
+        editModeOn = _this$props.editModeOn,
+        getDataById = _this$props.getDataById,
+        setAsChild = _this$props.setAsChild,
+        removeChild = _this$props.removeChild,
+        seq = _this$props.seq,
+        className = _this$props.className,
+        index = _this$props.index;
+      var childItems = data.childItems,
+        pageBreakBefore = data.pageBreakBefore;
+      var baseClasses = 'SortableItem rfb-item';
+      if (pageBreakBefore) {
+        baseClasses += ' alwaysbreak';
+      }
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: _objectSpread({}, this.props.style),
+        className: baseClasses
+      }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "row"
+      }, childItems.map(function (x, i) {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          key: "".concat(i, "_").concat(x || '_'),
+          className: className
+        }, controls ? controls[i] : /*#__PURE__*/_react["default"].createElement(_dustbin["default"], {
+          style: {
+            width: '100%'
+          },
+          data: data,
+          accepts: accepts,
+          items: childItems,
+          col: i,
+          parentIndex: index,
+          editModeOn: editModeOn,
+          _onDestroy: function _onDestroy() {
+            return removeChild(data, i);
+          },
+          getDataById: getDataById,
+          setAsChild: setAsChild,
+          seq: seq
+        }));
+      }))));
+    }
+  }]);
+  return MultiColumnRowBase;
+}(_react["default"].Component);
+var TwoColumnRow = exports.TwoColumnRow = function TwoColumnRow(_ref) {
+  var data = _ref.data,
+    class_name = _ref.class_name,
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var className = class_name || 'col-md-6';
+  if (!data.childItems) {
+    // eslint-disable-next-line no-param-reassign
+    data.childItems = [null, null];
+    data.isContainer = true;
+  }
+  return /*#__PURE__*/_react["default"].createElement(MultiColumnRowBase, (0, _extends2["default"])({}, rest, {
+    className: className,
+    data: data
+  }));
+};
+var ThreeColumnRow = exports.ThreeColumnRow = function ThreeColumnRow(_ref2) {
+  var data = _ref2.data,
+    class_name = _ref2.class_name,
+    rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+  var className = class_name || 'col-md-4';
+  if (!data.childItems) {
+    // eslint-disable-next-line no-param-reassign
+    data.childItems = [null, null, null];
+    data.isContainer = true;
+  }
+  return /*#__PURE__*/_react["default"].createElement(MultiColumnRowBase, (0, _extends2["default"])({}, rest, {
+    className: className,
+    data: data
+  }));
+};
+var MultiColumnRow = exports.MultiColumnRow = function MultiColumnRow(_ref3) {
+  var data = _ref3.data,
+    rest = (0, _objectWithoutProperties2["default"])(_ref3, _excluded3);
+  var colCount = data.col_count || 4;
+  var className = data.class_name || (colCount === 4 ? 'col-md-3' : 'col');
+  if (!data.childItems) {
+    // eslint-disable-next-line no-param-reassign
+    data.childItems = Array.from({
+      length: colCount
+    }, function (v, i) {
+      return null;
+    });
+    data.isContainer = true;
+  }
+  return /*#__PURE__*/_react["default"].createElement(MultiColumnRowBase, (0, _extends2["default"])({}, rest, {
+    className: className,
+    data: data
+  }));
+};