@bigbinary/neeto-form-frontend 3.15.0-beta1 → 4.0.0-beta1

package/dist/BuildForm.js

@@ -205,7 +205,7 @@ var Overview = function Overview(_ref) {
     availableLanguages = _ref.availableLanguages,
     additionalActionOptions = _ref.additionalActionOptions;
   return /*#__PURE__*/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__*/jsxs("div", {
       className: "flex items-center justify-between",
       children: [/*#__PURE__*/jsx(Typography, {
@@ -215,7 +215,7 @@ var Overview = function Overview(_ref) {
         weight: "neeto-ui-font-semibold",
         children: title
       }), /*#__PURE__*/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__*/jsx(ChangeLanguageDropdown, {
           availableLanguages: availableLanguages
         }), isPresent(additionalActionOptions) && /*#__PURE__*/jsx(MoreDropdown, {
@@ -247,7 +247,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 = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isTooltipEnabled = _useState2[0],
@@ -275,15 +276,15 @@ var Card = function Card(_ref) {
       return onSelect(question);
     },
     children: [/*#__PURE__*/jsxs("div", {
-      className: "flex min-w-0 flex-grow items-center gap-1",
-      children: [/*#__PURE__*/jsx(Drag, {
-        className: "neeto-ui-text-gray-600 flex-shrink-0"
+      className: "flex min-w-0 grow items-center gap-1",
+      children: [canManageQuestions && /*#__PURE__*/jsx(Drag, {
+        className: "neeto-ui-text-gray-600 shrink-0"
       }), /*#__PURE__*/jsx(Tooltip, {
         content: questionLabel,
         disabled: !isTooltipEnabled,
         position: "top",
         children: /*#__PURE__*/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(slugify(questionLabel), "-question-card-label"),
           lineHeight: "snug",
           ref: questionLabelRef,
@@ -292,7 +293,7 @@ var Card = function Card(_ref) {
           children: questionLabel
         })
       })]
-    }), /*#__PURE__*/jsx(MoreDropdown, {
+    }), canManageQuestions && /*#__PURE__*/jsx(MoreDropdown, {
       dropdownButtonProps: {
         className: "shrink-0"
       },
@@ -334,9 +335,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__*/jsx(Droppable, {
     droppableId: "droppable",
+    isDropDisabled: !canManageQuestions,
     children: function children(_ref2) {
       var droppableProps = _ref2.droppableProps,
         placeholder = _ref2.placeholder,
@@ -349,6 +352,7 @@ var Questions = function Questions(_ref) {
           return /*#__PURE__*/createElement(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,
@@ -358,6 +362,7 @@ var Questions = function Questions(_ref) {
               ref: innerRef,
               children: /*#__PURE__*/jsx(Card, {
                 allQuestionKinds: allQuestionKinds,
+                canManageQuestions: canManageQuestions,
                 getActiveKindDetails: getActiveKindDetails,
                 onClone: onClone,
                 onEdit: onEdit,
@@ -2164,6 +2169,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,
@@ -2334,7 +2340,7 @@ var Form = function Form(_ref) {
         description: formDescription,
         title: formTitle
       }), /*#__PURE__*/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: isPresent(questions) ? /*#__PURE__*/jsxs("div", {
           className: "space-y-6",
           ref: containerRef,
@@ -2353,6 +2359,7 @@ var Form = function Form(_ref) {
               });
             },
             children: /*#__PURE__*/jsx(Questions, {
+              canManageQuestions: canManageQuestions,
               getActiveKindDetails: getActiveKindDetails,
               isDeletable: isDeletable,
               questions: questions,
@@ -2363,7 +2370,7 @@ var Form = function Form(_ref) {
               onEdit: handleEdit,
               onSelect: handleSelect
             })
-          }), /*#__PURE__*/jsx("div", {
+          }), canManageQuestions && /*#__PURE__*/jsx("div", {
             className: "mb-8 flex w-full items-center gap-x-1",
             children: /*#__PURE__*/jsx(AddQuestion, {
               addQuestionHelpProps: addQuestionHelpProps,
@@ -2374,7 +2381,7 @@ var Form = function Form(_ref) {
           })]
         }) : /*#__PURE__*/jsx(AddFirstQuestion, {
           disabledAddButtonHelpPopoverProps: disabledAddButtonHelpPopoverProps,
-          isDisabled: isEmpty(availableQuestionKinds),
+          isDisabled: isEmpty(availableQuestionKinds) || !canManageQuestions,
           onAdd: handleAdd
         })
       }), /*#__PURE__*/jsx(ManageQuestionPane, {
@@ -2435,7 +2442,9 @@ var BuildForm = function BuildForm(_ref) {
     usesCustomSubmissionComponent = _ref$usesCustomSubmis === void 0 ? false : _ref$usesCustomSubmis,
     _ref$onMutateSuccess = _ref.onMutateSuccess,
     onMutateSuccess = _ref$onMutateSuccess === void 0 ? noop : _ref$onMutateSuccess,
-    hostSpecificData = _ref.hostSpecificData;
+    hostSpecificData = _ref.hostSpecificData,
+    _ref$canManageQuestio = _ref.canManageQuestions,
+    canManageQuestions = _ref$canManageQuestio === void 0 ? false : _ref$canManageQuestio;
   var queryClient = useQueryClient();
   var _useForm = useForm({
       formId: id,
@@ -2477,6 +2486,7 @@ var BuildForm = function BuildForm(_ref) {
       additionalActionOptions: additionalActionOptions,
       advancedFeatures: advancedFeatures,
       availableLanguages: availableLanguages,
+      canManageQuestions: canManageQuestions,
       disabledAddButtonHelpPopoverProps: disabledAddButtonHelpPopoverProps,
       formDescription: formDescription,
       formTitle: formTitle,