@bigbinary/neeto-form-frontend 1.2.19 → 1.2.21

package/README.md

@@ -7,6 +7,7 @@ The `neeto-form-nano` allows us to build forms within neeto applications. This n
       - [Engine](#engine)
       - [Frontend package](#frontend-package)
         - [Installation](#installation-1)
+        - [Instructions for development](#instructions-for-development)
         - [Usage](#usage)
   2. [Instructions for Publishing](#instructions-for-publishing)
 
@@ -99,6 +100,10 @@ the below command:
    @import "@bigbinary/neeto-form-frontend/dist/main.css";
    ```
 
+### Instructions for development
+
+Check the [Frontend package development guide](https://neeto-engineering.neetokb.com/p/a-d34cb4b0) for step-by-step instructions to develop the frontend package.
+
 ### Usage
 
 You can learn more about the usage here:

package/app/javascript/src/translations/en.json

@@ -79,7 +79,6 @@
           "addNewQuestion": "Add new question",
           "noQuestionLeft": "No more question fields to add"
         },
-        "advancedProperties": "Advanced properties",
         "duplicateBtn": "Duplicate",
         "questionFields": {
           "field": {

package/dist/index.cjs.js

@@ -132,6 +132,7 @@ var QUERY_KEYS = {
   FORMIK: "neetoFormFormik"
 };
 var DIRECT_UPLOAD_URL = "/api/direct_uploads";
+var FIELD_CODE_DOC = "https://help.neetocal.com/public/p-0ee1deebdb";
 
 function _objectWithoutPropertiesLoose$2(source, excluded) {
   if (source == null) return {};
@@ -10064,7 +10065,7 @@ var Accordion = function Accordion(_ref) {
   }, label)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-form-engine-question-accordion__header-action-block flex items-center gap-2"
   }, /*#__PURE__*/React__default["default"].createElement("button", {
-    className: "outline-none flex items-center justify-center border-0 bg-transparent",
+    className: "flex items-center justify-center border-0 bg-transparent outline-none",
     type: "button",
     onClick: onToggle
   }, isExpanded ? /*#__PURE__*/React__default["default"].createElement(neetoIcons.Up, null) : /*#__PURE__*/React__default["default"].createElement(neetoIcons.Down, null)), (onDuplicate || shouldShowDeleteOption) && /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
@@ -10072,7 +10073,7 @@ var Accordion = function Accordion(_ref) {
     position: "bottom-end",
     customTarget: function customTarget() {
       return /*#__PURE__*/React__default["default"].createElement("button", {
-        className: "outline-none flex items-center justify-center border-0 bg-transparent",
+        className: "flex items-center justify-center border-0 bg-transparent outline-none",
         type: "button"
       }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.MenuHorizontal, null));
     }
@@ -10211,16 +10212,21 @@ var validateFieldCode = validateSchema(yup__namespace.string().trim().required(i
 var FieldCode = reactUtils.withT(function (_ref) {
   var t = _ref.t,
     name = _ref.name;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex flex-col space-y-3"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "mt-4",
-    style: "h4"
-  }, t("neetoForm.questions.common.advancedProperties")), /*#__PURE__*/React__default["default"].createElement(InputWithMaxLength, {
+  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(InputWithMaxLength, {
     required: true,
+    className: "mt-14",
     label: t("neetoForm.questions.common.questionFields.field.fieldCode"),
     name: "".concat(name, ".fieldCode"),
-    validate: validateFieldCode
+    validate: validateFieldCode,
+    labelProps: {
+      helpIconProps: {
+        icon: neetoIcons.Info,
+        className: "cursor-pointer",
+        onClick: function onClick() {
+          return window.open(FIELD_CODE_DOC, "_blank", "noopener,noreferrer");
+        }
+      }
+    }
   }));
 });
 
@@ -15967,7 +15973,8 @@ var generateInitValues = function generateInitValues(_ref7) {
     initialValues = _ref7$initialValues === void 0 ? [] : _ref7$initialValues,
     _ref7$localValues = _ref7.localValues,
     localValues = _ref7$localValues === void 0 ? {} : _ref7$localValues,
-    fieldCodes = _ref7.fieldCodes;
+    _ref7$fieldCodes = _ref7.fieldCodes,
+    fieldCodes = _ref7$fieldCodes === void 0 ? {} : _ref7$fieldCodes;
   var initValues = {};
   var valuesMap = {};
   if (initialValues) {
@@ -27106,7 +27113,9 @@ var ExternalForm = function ExternalForm(_ref) {
     var _editorRef$current, _formDomProps$onReset;
     if (clearValuesOnReset) {
       clearLocalStorageValues("".concat(formId, "/values"));
-      setLocalValues(generateInitValues(questions));
+      setLocalValues(generateInitValues({
+        questions: questions
+      }));
       submissionId && queryClient.setQueryData([QUERY_KEYS.SUBMISSION, formId, submissionId], {
         responses: []
       });