@bigbinary/neeto-form-frontend 3.14.8 → 4.0.0-beta

package/dist/cjs/BuildForm.js

@@ -5,14 +5,14 @@ var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Spinner = require('@bigbinary/neetoui/Spinner');
 var ramda = require('ramda');
-var constants = require('../constants-BVZZfXua.js');
-var constants$1 = require('../constants-CrLEqZUc.js');
+var constants = require('../constants-C9wKMfgo.js');
+var constants$1 = require('../constants-Dmtgr5z3.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var dnd = require('@hello-pangea/dnd');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
-var buildForm = require('../buildForm-CXy5L1RP.js');
+var buildForm = require('../buildForm-BwhLCvEE.js');
 var shallow = require('zustand/shallow');
 var Alert = require('@bigbinary/neetoui/Alert');
 var reactI18next = require('react-i18next');
@@ -23,7 +23,7 @@ var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var Dropdown = require('@bigbinary/neetoui/Dropdown');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var index = require('../index-BARvqe7c.js');
+var index = require('../index-D4URTv1p.js');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var i18next = require('i18next');
 var uuid = require('uuid');
@@ -226,7 +226,7 @@ var Overview = function Overview(_ref) {
     availableLanguages = _ref.availableLanguages,
     additionalActionOptions = _ref.additionalActionOptions;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "neeto-form-nano-form-wrapper__overview mb-4 w-full flex-shrink-0 space-y-4 pt-6",
+    className: "neeto-form-nano-form-wrapper__overview mb-4 w-full shrink-0 space-y-4 pt-6",
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex items-center justify-between",
       children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
@@ -236,7 +236,7 @@ var Overview = function Overview(_ref) {
         weight: "neeto-ui-font-semibold",
         children: title
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex flex-shrink-0 items-center justify-between space-x-1",
+        className: "flex shrink-0 items-center justify-between space-x-1",
         children: [availableLanguages.length > 1 && /*#__PURE__*/jsxRuntime.jsx(ChangeLanguageDropdown, {
           availableLanguages: availableLanguages
         }), neetoCist.isPresent(additionalActionOptions) && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
@@ -268,7 +268,8 @@ var Card = function Card(_ref) {
     onSelect = _ref.onSelect,
     onEdit = _ref.onEdit,
     onClone = _ref.onClone,
-    onDelete = _ref.onDelete;
+    onDelete = _ref.onDelete,
+    canManageQuestions = _ref.canManageQuestions;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isTooltipEnabled = _useState2[0],
@@ -296,15 +297,15 @@ var Card = function Card(_ref) {
       return onSelect(question);
     },
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex min-w-0 flex-grow items-center gap-1",
-      children: [/*#__PURE__*/jsxRuntime.jsx(constants$1.Drag, {
-        className: "neeto-ui-text-gray-600 flex-shrink-0"
+      className: "flex min-w-0 grow items-center gap-1",
+      children: [canManageQuestions && /*#__PURE__*/jsxRuntime.jsx(constants$1.Drag, {
+        className: "neeto-ui-text-gray-600 shrink-0"
       }), /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
         content: questionLabel,
         disabled: !isTooltipEnabled,
         position: "top",
         children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
-          className: "line-clamp-2 min-w-0 flex-grow truncate break-words",
+          className: "line-clamp-2 min-w-0 grow truncate break-words",
           "data-cy": "".concat(neetoCist.slugify(questionLabel), "-question-card-label"),
           lineHeight: "snug",
           ref: questionLabelRef,
@@ -313,7 +314,7 @@ var Card = function Card(_ref) {
           children: questionLabel
         })
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
+    }), canManageQuestions && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
       dropdownButtonProps: {
         className: "shrink-0"
       },
@@ -355,9 +356,11 @@ var Questions = function Questions(_ref) {
     onEdit = _ref.onEdit,
     onClone = _ref.onClone,
     onDelete = _ref.onDelete,
-    onSelect = _ref.onSelect;
+    onSelect = _ref.onSelect,
+    canManageQuestions = _ref.canManageQuestions;
   return /*#__PURE__*/jsxRuntime.jsx(dnd.Droppable, {
     droppableId: "droppable",
+    isDropDisabled: !canManageQuestions,
     children: function children(_ref2) {
       var droppableProps = _ref2.droppableProps,
         placeholder = _ref2.placeholder,
@@ -370,6 +373,7 @@ var Questions = function Questions(_ref) {
           return /*#__PURE__*/React.createElement(dnd.Draggable, {
             index: index,
             draggableId: "question-".concat((_question$id = question.id) !== null && _question$id !== void 0 ? _question$id : question.nodeId),
+            isDragDisabled: !canManageQuestions,
             key: "question-".concat((_question$id2 = question.id) !== null && _question$id2 !== void 0 ? _question$id2 : question.nodeId)
           }, function (_ref3) {
             var draggableProps = _ref3.draggableProps,
@@ -379,6 +383,7 @@ var Questions = function Questions(_ref) {
               ref: innerRef,
               children: /*#__PURE__*/jsxRuntime.jsx(Card, {
                 allQuestionKinds: allQuestionKinds,
+                canManageQuestions: canManageQuestions,
                 getActiveKindDetails: getActiveKindDetails,
                 onClone: onClone,
                 onEdit: onEdit,
@@ -2185,6 +2190,7 @@ var Form = function Form(_ref) {
     isDisabledFieldLabel = _ref.isDisabledFieldLabel,
     disabledAddButtonHelpPopoverProps = _ref.disabledAddButtonHelpPopoverProps,
     isFormEnabled = _ref.isFormEnabled,
+    canManageQuestions = _ref.canManageQuestions,
     savedTitle = _ref.savedTitle,
     formTitle = _ref.formTitle,
     formDescription = _ref.formDescription,
@@ -2355,7 +2361,7 @@ var Form = function Form(_ref) {
         description: formDescription,
         title: formTitle
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "neeto-form-nano-form-wrapper__body min-h-0 w-full flex-grow space-y-6 overflow-y-auto pb-6",
+        className: "neeto-form-nano-form-wrapper__body min-h-0 w-full grow space-y-6 overflow-y-auto pb-6",
         children: neetoCist.isPresent(questions) ? /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "space-y-6",
           ref: containerRef,
@@ -2374,6 +2380,7 @@ var Form = function Form(_ref) {
               });
             },
             children: /*#__PURE__*/jsxRuntime.jsx(Questions, {
+              canManageQuestions: canManageQuestions,
               getActiveKindDetails: getActiveKindDetails,
               isDeletable: isDeletable,
               questions: questions,
@@ -2384,7 +2391,7 @@ var Form = function Form(_ref) {
               onEdit: handleEdit,
               onSelect: handleSelect
             })
-          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          }), canManageQuestions && /*#__PURE__*/jsxRuntime.jsx("div", {
             className: "mb-8 flex w-full items-center gap-x-1",
             children: /*#__PURE__*/jsxRuntime.jsx(AddQuestion, {
               addQuestionHelpProps: addQuestionHelpProps,
@@ -2395,7 +2402,7 @@ var Form = function Form(_ref) {
           })]
         }) : /*#__PURE__*/jsxRuntime.jsx(AddFirstQuestion, {
           disabledAddButtonHelpPopoverProps: disabledAddButtonHelpPopoverProps,
-          isDisabled: ramda.isEmpty(availableQuestionKinds),
+          isDisabled: ramda.isEmpty(availableQuestionKinds) || !canManageQuestions,
           onAdd: handleAdd
         })
       }), /*#__PURE__*/jsxRuntime.jsx(ManageQuestionPane, {
@@ -2456,7 +2463,9 @@ var BuildForm = function BuildForm(_ref) {
     usesCustomSubmissionComponent = _ref$usesCustomSubmis === void 0 ? false : _ref$usesCustomSubmis,
     _ref$onMutateSuccess = _ref.onMutateSuccess,
     onMutateSuccess = _ref$onMutateSuccess === void 0 ? neetoCist.noop : _ref$onMutateSuccess,
-    hostSpecificData = _ref.hostSpecificData;
+    hostSpecificData = _ref.hostSpecificData,
+    _ref$canManageQuestio = _ref.canManageQuestions,
+    canManageQuestions = _ref$canManageQuestio === void 0 ? false : _ref$canManageQuestio;
   var queryClient = reactQuery.useQueryClient();
   var _useForm = constants.useForm({
       formId: id,
@@ -2498,6 +2507,7 @@ var BuildForm = function BuildForm(_ref) {
       additionalActionOptions: additionalActionOptions,
       advancedFeatures: advancedFeatures,
       availableLanguages: availableLanguages,
+      canManageQuestions: canManageQuestions,
       disabledAddButtonHelpPopoverProps: disabledAddButtonHelpPopoverProps,
       formDescription: formDescription,
       formTitle: formTitle,