@bigbinary/neeto-molecules 4.0.75 → 4.0.77

package/dist/cjs/Builder.js

@@ -48,12 +48,12 @@ var css = ":root{--neeto-molecule-builder-left-sidebar-width:288px;--neeto-molec
 injectCss.n(css,{});
 
 var _excluded$1 = ["size"];
-function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Body = function Body(_ref) {
   var size = _ref.size,
     props = _objectWithoutProperties(_ref, _excluded$1);
-  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$4(_objectSpread$4({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$5(_objectSpread$5({}, props), {}, {
     className: classnames("neeto-molecules-builder-questions-list-panel__scroll", {
       "neeto-molecules-builder-questions-list-panel__scroll--small": size === "small"
     })
@@ -122,8 +122,8 @@ var Element = function Element(_ref) {
   });
 };
 
-function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ElementContainer = function ElementContainer(_ref) {
   var index = _ref.index,
     isDragDisabled = _ref.isDragDisabled,
@@ -136,7 +136,7 @@ var ElementContainer = function ElementContainer(_ref) {
     setVisiblePanel = _ref.setVisiblePanel;
   var isCreatableElement = isCreatable(element.value);
   if (isDragDisabled) {
-    return /*#__PURE__*/jsxRuntime.jsx(Element, _objectSpread$3(_objectSpread$3({}, _objectSpread$3(_objectSpread$3({}, element), {}, {
+    return /*#__PURE__*/jsxRuntime.jsx(Element, _objectSpread$4(_objectSpread$4({}, _objectSpread$4(_objectSpread$4({}, element), {}, {
       disabledElementTooltip: disabledElementTooltip,
       isAddingNewElement: isAddingNewElement,
       isDragDisabled: isDragDisabled,
@@ -155,13 +155,13 @@ var ElementContainer = function ElementContainer(_ref) {
     isDragDisabled: isDragDisabled || !isCreatableElement || isAddingNewElement
   }, function (provided, snapshot) {
     return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$3(_objectSpread$3(_objectSpread$3({
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$4(_objectSpread$4(_objectSpread$4({
         ref: provided.innerRef
       }, provided.draggableProps), provided.dragHandleProps), {}, {
-        style: _objectSpread$3(_objectSpread$3({}, provided.draggableProps.style), !snapshot.isDragging && {
+        style: _objectSpread$4(_objectSpread$4({}, provided.draggableProps.style), !snapshot.isDragging && {
           transform: "none"
         }),
-        children: /*#__PURE__*/jsxRuntime.jsx(Element, _objectSpread$3(_objectSpread$3({}, _objectSpread$3(_objectSpread$3({}, element), {}, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Element, _objectSpread$4(_objectSpread$4({}, _objectSpread$4(_objectSpread$4({}, element), {}, {
           disabledElementTooltip: disabledElementTooltip,
           isAddingNewElement: isAddingNewElement,
           isDragDisabled: isDragDisabled,
@@ -173,9 +173,9 @@ var ElementContainer = function ElementContainer(_ref) {
             return onSelect(element);
           }
         }))
-      })), snapshot.isDragging && /*#__PURE__*/jsxRuntime.jsx(Element, _objectSpread$3(_objectSpread$3({
+      })), snapshot.isDragging && /*#__PURE__*/jsxRuntime.jsx(Element, _objectSpread$4(_objectSpread$4({
         disabledElementTooltip: null
-      }, _objectSpread$3(_objectSpread$3({}, element), {}, {
+      }, _objectSpread$4(_objectSpread$4({}, element), {}, {
         isAddingNewElement: isAddingNewElement,
         setVisiblePanel: setVisiblePanel
       })), {}, {
@@ -220,8 +220,8 @@ var Section = function Section(_ref) {
   });
 };
 
-function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SectionsContainer = function SectionsContainer(_ref) {
   var isDragElementsDisabled = _ref.isDragElementsDisabled,
     filteredSections = _ref.filteredSections,
@@ -234,7 +234,7 @@ var SectionsContainer = function SectionsContainer(_ref) {
   if (isDragElementsDisabled) {
     return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
       children: filteredSections.map(function (section) {
-        return /*#__PURE__*/React.createElement(Section, _objectSpread$2(_objectSpread$2({}, _objectSpread$2({
+        return /*#__PURE__*/React.createElement(Section, _objectSpread$3(_objectSpread$3({}, _objectSpread$3({
           isAddingNewElement: isAddingNewElement,
           isDragElementsDisabled: isDragElementsDisabled,
           onSelect: onSelect,
@@ -252,7 +252,7 @@ var SectionsContainer = function SectionsContainer(_ref) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
         ref: provided.innerRef,
         children: filteredSections.map(function (section) {
-          return /*#__PURE__*/React.createElement(Section, _objectSpread$2(_objectSpread$2({}, _objectSpread$2({
+          return /*#__PURE__*/React.createElement(Section, _objectSpread$3(_objectSpread$3({}, _objectSpread$3({
             isAddingNewElement: isAddingNewElement,
             isDragElementsDisabled: isDragElementsDisabled,
             onSelect: onSelect,
@@ -291,8 +291,8 @@ var TitleBar$1 = reactUtils.withT(function (_ref) {
   });
 });
 
-function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ElementList = function ElementList(_ref) {
   var setVisiblePanel = _ref.setVisiblePanel,
     _ref$elementSections = _ref.elementSections,
@@ -309,7 +309,7 @@ var ElementList = function ElementList(_ref) {
   var filteredSections = React.useMemo(function () {
     var elementIndex = 0;
     return elementSections.map(function (section) {
-      return _objectSpread$1(_objectSpread$1({}, section), {}, {
+      return _objectSpread$2(_objectSpread$2({}, section), {}, {
         elements: section.elements.filter(function (element) {
           return element.label.toLowerCase().includes(searchString.toLowerCase());
         }).map(function (element) {
@@ -353,10 +353,14 @@ var ElementList = function ElementList(_ref) {
   });
 };
 
-var _excluded = ["element", "isActive", "handleSelectElement", "isSelectable", "errors", "actions", "isDraggable"];
+var _excluded = ["element", "isActive", "isSelectedElementActionsDisabled", "selectedElementActionsTooltipProps", "handleSelectElement", "isSelectable", "errors", "actions", "isDraggable"];
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SelectedElement = function SelectedElement(_ref) {
   var element = _ref.element,
     isActive = _ref.isActive,
+    isSelectedElementActionsDisabled = _ref.isSelectedElementActionsDisabled,
+    selectedElementActionsTooltipProps = _ref.selectedElementActionsTooltipProps,
     handleSelectElement = _ref.handleSelectElement,
     _ref$isSelectable = _ref.isSelectable,
     isSelectable = _ref$isSelectable === void 0 ? true : _ref$isSelectable,
@@ -420,8 +424,8 @@ var SelectedElement = function SelectedElement(_ref) {
       })]
     }), shouldShowDropdown && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
       menuItems: menuItems,
-      isDisabled: element.isPending,
-      dropdownButtonProps: {
+      isDisabled: element.isPending || isSelectedElementActionsDisabled,
+      dropdownButtonProps: _objectSpread$1({
         onClick: function onClick(e) {
           return e.stopPropagation();
         },
@@ -429,20 +433,28 @@ var SelectedElement = function SelectedElement(_ref) {
         "data-testid": "".concat(neetoCist.hyphenate(element.label), "-more-dropdown"),
         "data-cy": "".concat(neetoCist.hyphenate(element.label, "new-element"), "-more-dropdown"),
         loading: element.isPending
-      }
+      }, neetoCist.isPresent(selectedElementActionsTooltipProps) && {
+        tooltipProps: selectedElementActionsTooltipProps
+      })
     })]
   });
 };
 var SelectedElement$1 = /*#__PURE__*/React.memo(SelectedElement);
 
-var TitleBar = reactUtils.withT(function (_ref) {
-  var t = _ref.t,
-    setVisiblePanel = _ref.setVisiblePanel,
+var TitleBar = function TitleBar(_ref) {
+  var setVisiblePanel = _ref.setVisiblePanel,
     isLoading = _ref.isLoading,
     showElementsFillButton = _ref.showElementsFillButton,
     isAddingAllElements = _ref.isAddingAllElements,
     addAllElements = _ref.addAllElements,
-    isAddingNewElement = _ref.isAddingNewElement;
+    isAddingNewElement = _ref.isAddingNewElement,
+    addNewElement = _ref.addNewElement,
+    addNewElementLabel = _ref.addNewElementLabel;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var handleAddNewElementClick = function handleAddNewElementClick() {
+    if (typeof addNewElement === "function") addNewElement();else setVisiblePanel(PANEL_TYPES.ELEMENTS);
+  };
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex items-center justify-between p-6 pb-1",
     "data-testid": "selected-elements-title",
@@ -460,13 +472,11 @@ var TitleBar = reactUtils.withT(function (_ref) {
         disabled: isLoading,
         icon: Plus,
         iconPosition: "left",
-        label: t("neetoMolecules.builderSidebar.addNewElement"),
         loading: isAddingNewElement,
         size: "small",
         style: "link",
-        onClick: function onClick() {
-          return setVisiblePanel(PANEL_TYPES.ELEMENTS);
-        }
+        label: addNewElementLabel || t("neetoMolecules.builderSidebar.addNewElement"),
+        onClick: handleAddNewElementClick
       }), showElementsFillButton && /*#__PURE__*/jsxRuntime.jsx(Button, {
         "data-cy": "add-all-elements-button",
         disabled: isAddingAllElements,
@@ -482,7 +492,7 @@ var TitleBar = reactUtils.withT(function (_ref) {
       })]
     })]
   });
-});
+};
 
 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), true).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; }
@@ -500,13 +510,19 @@ var SelectedElementsList = function SelectedElementsList(_ref) {
     addAllElements = _ref.addAllElements,
     isAddingAllElements = _ref.isAddingAllElements,
     showElementsFillButton = _ref.showElementsFillButton,
-    isAddingNewElement = _ref.isAddingNewElement;
+    isAddingNewElement = _ref.isAddingNewElement,
+    addNewElement = _ref.addNewElement,
+    addNewElementLabel = _ref.addNewElementLabel,
+    isSelectedElementActionsDisabled = _ref.isSelectedElementActionsDisabled,
+    selectedElementActionsTooltipProps = _ref.selectedElementActionsTooltipProps;
   var renderSelectedElement = function renderSelectedElement(element) {
     var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     return /*#__PURE__*/React.createElement(SelectedElement$1, {
       element: element,
       handleSelectElement: handleSelectElement,
       index: index,
+      isSelectedElementActionsDisabled: isSelectedElementActionsDisabled,
+      selectedElementActionsTooltipProps: selectedElementActionsTooltipProps,
       isSelectable: true,
       actions: element.actions,
       isActive: selectedElementId === element.id,
@@ -520,6 +536,8 @@ var SelectedElementsList = function SelectedElementsList(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(TitleBar, {
       addAllElements: addAllElements,
+      addNewElement: addNewElement,
+      addNewElementLabel: addNewElementLabel,
       isAddingAllElements: isAddingAllElements,
       isAddingNewElement: isAddingNewElement,
       setVisiblePanel: setVisiblePanel,
@@ -566,6 +584,8 @@ var SelectedElementsList = function SelectedElementsList(_ref) {
                   children: /*#__PURE__*/React.createElement(SelectedElement$1, {
                     element: element,
                     handleSelectElement: handleSelectElement,
+                    isSelectedElementActionsDisabled: isSelectedElementActionsDisabled,
+                    selectedElementActionsTooltipProps: selectedElementActionsTooltipProps,
                     isSelectable: true,
                     actions: selectedElementActions,
                     isActive: selectedElementId === element.id,
@@ -579,6 +599,8 @@ var SelectedElementsList = function SelectedElementsList(_ref) {
         }
       }), neetoCist.isPresent(fixedLastElement) && /*#__PURE__*/jsxRuntime.jsx(SelectedElement$1, {
         handleSelectElement: handleSelectElement,
+        isSelectedElementActionsDisabled: isSelectedElementActionsDisabled,
+        selectedElementActionsTooltipProps: selectedElementActionsTooltipProps,
         isSelectable: true,
         actions: fixedLastElement.actions,
         "data-cy": "submit-button-element",
@@ -614,7 +636,13 @@ var ElementsPanel = function ElementsPanel(_ref) {
     _ref$showElementsFill = _ref.showElementsFillButton,
     showElementsFillButton = _ref$showElementsFill === void 0 ? false : _ref$showElementsFill,
     _ref$isAddingNewEleme = _ref.isAddingNewElement,
-    isAddingNewElement = _ref$isAddingNewEleme === void 0 ? false : _ref$isAddingNewEleme;
+    isAddingNewElement = _ref$isAddingNewEleme === void 0 ? false : _ref$isAddingNewEleme,
+    addNewElement = _ref.addNewElement,
+    addNewElementLabel = _ref.addNewElementLabel,
+    _ref$isSelectedElemen = _ref.isSelectedElementActionsDisabled,
+    isSelectedElementActionsDisabled = _ref$isSelectedElemen === void 0 ? false : _ref$isSelectedElemen,
+    _ref$selectedElementA = _ref.selectedElementActionsTooltipProps,
+    selectedElementActionsTooltipProps = _ref$selectedElementA === void 0 ? {} : _ref$selectedElementA;
   var _useState = React.useState(PANEL_TYPES.SUMMARY),
     _useState2 = _slicedToArray(_useState, 2),
     visiblePanel = _useState2[0],
@@ -651,6 +679,8 @@ var ElementsPanel = function ElementsPanel(_ref) {
           },
           children: visiblePanel === PANEL_TYPES.SUMMARY ? /*#__PURE__*/jsxRuntime.jsx(SelectedElementsList, {
             addAllElements: addAllElements,
+            addNewElement: addNewElement,
+            addNewElementLabel: addNewElementLabel,
             anchoredElementIds: anchoredElementIds,
             fixedFirstElement: fixedFirstElement,
             fixedLastElement: fixedLastElement,
@@ -659,7 +689,9 @@ var ElementsPanel = function ElementsPanel(_ref) {
             isAddingNewElement: isAddingNewElement,
             isElementVisible: isElementVisible,
             isReorderDisabled: isReorderDisabled,
+            isSelectedElementActionsDisabled: isSelectedElementActionsDisabled,
             selectedElementActions: selectedElementActions,
+            selectedElementActionsTooltipProps: selectedElementActionsTooltipProps,
             selectedElementId: selectedElementId,
             selectedElements: selectedElements,
             setVisiblePanel: setVisiblePanel,