@bigbinary/neeto-molecules 1.1.9 → 1.1.11

package/dist/NavigationHeader.js

@@ -1,750 +0,0 @@
-import React, { useEffect, useState, useRef, Fragment } from 'react';
-import { isNotEmpty, noop, isPresent } from '@bigbinary/neeto-commons-frontend/pure';
-import { Dropdown, Tooltip, Button, Typography, Input, Alert } from '@bigbinary/neetoui';
-import { mergeRight, isEmpty, mergeDeepRight } from 'ramda';
-import { Link, NavLink } from 'react-router-dom';
-import { useStateWithDependency, useOnClickOutside, useHotKeys, withT } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { MenuVertical, MenuHorizontal, Check, Close, Home, ExternalLink, Undo } from '@bigbinary/neeto-icons';
-import { useTranslation } from 'react-i18next';
-import { t as t$1 } from 'i18next';
-import { joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils';
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
-    try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
-    } finally {
-      try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-    return _arr;
-  }
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-var classnames = {exports: {}};
-
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-
-(function (module) {
-	/* global define */
-
-	(function () {
-
-		var hasOwn = {}.hasOwnProperty;
-
-		function classNames() {
-			var classes = [];
-
-			for (var i = 0; i < arguments.length; i++) {
-				var arg = arguments[i];
-				if (!arg) continue;
-
-				var argType = typeof arg;
-
-				if (argType === 'string' || argType === 'number') {
-					classes.push(arg);
-				} else if (Array.isArray(arg)) {
-					if (arg.length) {
-						var inner = classNames.apply(null, arg);
-						if (inner) {
-							classes.push(inner);
-						}
-					}
-				} else if (argType === 'object') {
-					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
-						classes.push(arg.toString());
-						continue;
-					}
-
-					for (var key in arg) {
-						if (hasOwn.call(arg, key) && arg[key]) {
-							classes.push(key);
-						}
-					}
-				}
-			}
-
-			return classes.join(' ');
-		}
-
-		if (module.exports) {
-			classNames.default = classNames;
-			module.exports = classNames;
-		} else {
-			window.classNames = classNames;
-		}
-	}());
-} (classnames));
-
-var classNames = classnames.exports;
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-var MENU_ITEM_TYPES = {
-  menuItem: "menuItem",
-  divider: "divider"
-};
-var DEFAULT_TOOLTIP_PROPS = {
-  disabled: true,
-  position: "bottom"
-};
-
-var _excluded$1 = ["key", "onClick", "label", "type", "isVisible"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Menu = Dropdown.Menu,
-  MenuItem = Dropdown.MenuItem,
-  Divider = Dropdown.Divider;
-var MoreDropdown = function MoreDropdown(_ref) {
-  var _ref$dropdownButtonPr = _ref.dropdownButtonProps,
-    dropdownButtonProps = _ref$dropdownButtonPr === void 0 ? {} : _ref$dropdownButtonPr,
-    _ref$isVertical = _ref.isVertical,
-    isVertical = _ref$isVertical === void 0 ? false : _ref$isVertical,
-    _ref$isDisabled = _ref.isDisabled,
-    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-    _ref$dropdownProps = _ref.dropdownProps,
-    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
-    menuTopChildren = _ref.menuTopChildren,
-    menuBottomChildren = _ref.menuBottomChildren,
-    _ref$menuItems = _ref.menuItems,
-    menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems;
-  var tooltipProps = mergeRight(DEFAULT_TOOLTIP_PROPS, dropdownButtonProps.tooltipProps);
-  var targetIcon = isVertical ? MenuVertical : MenuHorizontal;
-  var isDropdownDisabled = isDisabled || dropdownProps.disabled;
-  if (isDropdownDisabled && !tooltipProps.disabled) {
-    return /*#__PURE__*/React.createElement(Tooltip, tooltipProps, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Button, _extends({
-      disabled: true,
-      "data-testid": "nui-dropdown-button",
-      icon: targetIcon,
-      iconPosition: "right",
-      size: "medium",
-      style: "text"
-    }, dropdownButtonProps))));
-  }
-  return /*#__PURE__*/React.createElement(Dropdown, _extends({
-    autoWidth: true,
-    className: "flex",
-    disabled: isDisabled,
-    icon: targetIcon,
-    buttonProps: _objectSpread({
-      className: "min-h-0 flex-shrink-0",
-      style: "text"
-    }, dropdownButtonProps)
-  }, dropdownProps), /*#__PURE__*/React.createElement(Menu, null, menuTopChildren, menuItems.map(function (_ref2) {
-    var key = _ref2.key,
-      onClick = _ref2.onClick,
-      label = _ref2.label,
-      _ref2$type = _ref2.type,
-      type = _ref2$type === void 0 ? MENU_ITEM_TYPES.menuItem : _ref2$type,
-      _ref2$isVisible = _ref2.isVisible,
-      isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
-      menuItemProps = _objectWithoutProperties(_ref2, _excluded$1);
-    if (!isVisible) return null;
-    return type === MENU_ITEM_TYPES.menuItem ? /*#__PURE__*/React.createElement(MenuItem.Button, _extends({
-      key: key
-    }, _objectSpread({
-      onClick: onClick
-    }, menuItemProps)), label) : /*#__PURE__*/React.createElement(Divider, {
-      key: key
-    });
-  }), menuBottomChildren));
-};
-
-var MIN_WIDTH = 150;
-
-var DummySpan = function DummySpan(_ref) {
-  var name = _ref.name,
-    placeholderRef = _ref.placeholderRef,
-    setInputWidth = _ref.setInputWidth;
-  useEffect(function () {
-    var _placeholderRef$curre;
-    //To handle the input width on initial render.
-    var placeholderSpanWidth = (_placeholderRef$curre = placeholderRef.current) === null || _placeholderRef$curre === void 0 ? void 0 : _placeholderRef$curre.offsetWidth;
-    setInputWidth(placeholderSpanWidth);
-  }, [name]);
-  return (
-    /*#__PURE__*/
-    // Dummy element to calculate the width to be set for the input. Do not remove.
-    React.createElement("div", {
-      className: "dummy-span pointer-events-none invisible absolute",
-      ref: placeholderRef
-    }, name.split(" ").join("."))
-  );
-};
-
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
-
-var css$2 = ".neeto-molecules-rename__input{height:32px;margin-left:4px;max-width:100%;position:relative;transition:width .2s ease-in-out;width:-moz-max-content;width:max-content}.neeto-molecules-rename__input .neeto-ui-input{border-color:transparent}.neeto-molecules-rename__input .neeto-ui-input:focus-within{border-color:rgb(var(--neeto-ui-primary-500))}.neeto-molecules-rename__input .neeto-ui-input .neeto-ui-input__suffix{margin-right:0!important}.neeto-molecules-rename__input .neeto-ui-input input{min-width:150px}.neeto-molecules-rename__text{background-color:rgb(var(--neeto-ui-white));border:thin solid rgb(var(--neeto-ui-white));border-radius:var(--neeto-ui-rounded);cursor:pointer;font-size:var(--neeto-ui-text-sm);font-weight:400;letter-spacing:.005em;line-height:1;margin:0 1px;max-height:32px;max-width:448px;padding:8px 5px;transition:var(--neeto-ui-transition)}.neeto-molecules-rename__breadcrumb-text{color:rgb(var(--neeto-ui-gray-500))}.neeto-molecules-rename__breadcrumb-text:hover,.neeto-molecules-rename__display-text{color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-rename__display-text:hover{border:thin solid rgb(var(--neeto-ui-gray-300))}.neeto-molecules-breadcrumb__divider{font-weight:400;letter-spacing:.005em;line-height:16px;max-height:32px;padding:0;pointer-events:none}.dummy-span{font-size:14px;font-weight:400;padding:5px 8px}";
-n(css$2,{});
-
-var mergeRefs = function mergeRefs() {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-  return function (node) {
-    return refs.forEach(function (ref) {
-      return typeof ref === "function" ? ref(node) : ref.current = node;
-    });
-  };
-};
-
-var Rename = function Rename(_ref) {
-  var value = _ref.value,
-    _ref$onRename = _ref.onRename,
-    onRename = _ref$onRename === void 0 ? noop : _ref$onRename,
-    _ref$isOpen = _ref.isOpen,
-    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
-    _ref$isLoading = _ref.isLoading,
-    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
-    _ref$hideMenu = _ref.hideMenu,
-    hideMenu = _ref$hideMenu === void 0 ? false : _ref$hideMenu,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$dropdownItems = _ref.dropdownItems,
-    dropdownItems = _ref$dropdownItems === void 0 ? [] : _ref$dropdownItems,
-    _ref$breadcrumbs = _ref.breadcrumbs,
-    breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
-    _ref$textProps = _ref.textProps,
-    textProps = _ref$textProps === void 0 ? {} : _ref$textProps,
-    _ref$inputProps = _ref.inputProps,
-    inputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps,
-    _ref$submitButtonProp = _ref.submitButtonProps,
-    submitButtonProps = _ref$submitButtonProp === void 0 ? {} : _ref$submitButtonProp,
-    _ref$cancelButtonProp = _ref.cancelButtonProps,
-    cancelButtonProps = _ref$cancelButtonProp === void 0 ? {} : _ref$cancelButtonProp,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    _ref$allowEmptySubmis = _ref.allowEmptySubmission,
-    allowEmptySubmission = _ref$allowEmptySubmis === void 0 ? false : _ref$allowEmptySubmis,
-    _ref$defaultName = _ref.defaultName,
-    defaultName = _ref$defaultName === void 0 ? "" : _ref$defaultName,
-    formatText = _ref.formatText;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useStateWithDependen = useStateWithDependency(value !== null && value !== void 0 ? value : ""),
-    _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
-    name = _useStateWithDependen2[0],
-    setName = _useStateWithDependen2[1];
-  var _useState = useState(isOpen),
-    _useState2 = _slicedToArray(_useState, 2),
-    editMode = _useState2[0],
-    setEditMode = _useState2[1];
-  var _useState3 = useState(MIN_WIDTH),
-    _useState4 = _slicedToArray(_useState3, 2),
-    inputWidth = _useState4[0],
-    setInputWidth = _useState4[1];
-  var renameRef = useRef(null);
-  var placeholderRef = useRef(null);
-  useOnClickOutside(renameRef, function () {
-    return editMode && handleClose();
-  });
-  var handleRename = function handleRename(event, name) {
-    event.stopPropagation();
-    var newName = allowEmptySubmission && isEmpty(name) ? defaultName : name;
-    setName(newName);
-    onRename(newName);
-    setEditMode(false);
-  };
-  var handleClose = function handleClose(event) {
-    event.stopPropagation();
-    setName(value);
-    setEditMode(false);
-  };
-  var handleRenameButton = function handleRenameButton(event) {
-    event.stopPropagation();
-    setEditMode(true);
-  };
-  var handleDisplayText = function handleDisplayText(event) {
-    event.stopPropagation();
-    !disabled && setEditMode(!editMode);
-  };
-  var closeRef = useHotKeys("escape", handleClose, {
-    mode: "scoped",
-    enabled: editMode
-  });
-  var submitRef = useHotKeys(["command+return", "return"], function (event) {
-    if (isEmpty(name) && !allowEmptySubmission) return;
-    handleRename(event, name);
-  }, {
-    mode: "scoped",
-    enabled: editMode
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    ref: renameRef,
-    className: classNames("flex min-w-0 max-w-md flex-row items-center", className)
-  }, breadcrumbs.map(function (_ref2) {
-    var text = _ref2.text,
-      link = _ref2.link;
-    return /*#__PURE__*/React.createElement(Fragment, {
-      key: text
-    }, /*#__PURE__*/React.createElement(Link, _extends({
-      className: "neeto-molecules-rename__text neeto-molecules-rename__breadcrumb-text",
-      "data-testid": "neeto-molecules-value-display",
-      to: link
-    }, textProps), text), /*#__PURE__*/React.createElement(Typography, {
-      className: "neeto-molecules-rename__breadcrumb-text neeto-molecules-breadcrumb__divider",
-      component: "span"
-    }, "/"));
-  }), /*#__PURE__*/React.createElement(DummySpan, {
-    name: name,
-    placeholderRef: placeholderRef,
-    setInputWidth: setInputWidth
-  }), editMode ? /*#__PURE__*/React.createElement("div", {
-    className: "flex min-w-0 max-w-full flex-grow"
-  }, /*#__PURE__*/React.createElement(Input, _extends({
-    autoFocus: true,
-    className: "neeto-molecules-rename__input flex-grow",
-    "data-cy": "form-rename-text-field",
-    "data-testid": "neeto-molecules-name-input",
-    onClick: function onClick(event) {
-      return event.stopPropagation();
-    },
-    placeholder: placeholder,
-    ref: mergeRefs(closeRef, submitRef),
-    style: {
-      width: inputWidth
-    },
-    value: name,
-    suffix: /*#__PURE__*/React.createElement("div", {
-      className: "flex items-center justify-end"
-    }, /*#__PURE__*/React.createElement(Button, _extends({
-      className: "neeto-ui-rounded-none",
-      "data-cy": "form-rename-submit-button",
-      "data-testid": "neeto-molecules-rename-button",
-      icon: Check,
-      loading: isLoading,
-      style: "text",
-      disabled: !allowEmptySubmission && isEmpty(name) || isLoading,
-      onClick: function onClick(event) {
-        return handleRename(event, name);
-      }
-    }, submitButtonProps)), /*#__PURE__*/React.createElement(Button, _extends({
-      className: "neeto-ui-rounded-none",
-      "data-cy": "form-rename-close-button",
-      "data-testid": "neeto-molecules-cancel-button",
-      disabled: isLoading,
-      icon: Close,
-      style: "text",
-      onClick: handleClose
-    }, cancelButtonProps))),
-    onChange: function onChange(event) {
-      return setName(event.target.value);
-    }
-  }, inputProps))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, _extends({
-    component: "p",
-    "data-cy": "form-title",
-    "data-testid": "neeto-molecules-value-display",
-    style: "body2",
-    className: classNames("neeto-molecules-rename__text neeto-molecules-rename__display-text w-full truncate", {
-      "cursor-pointer": !disabled,
-      "pointer-events-none cursor-text": disabled
-    }),
-    onClick: handleDisplayText
-  }, textProps), typeof formatText === "function" ? formatText(name) : name), !hideMenu && (isNotEmpty(dropdownItems) || !disabled) && /*#__PURE__*/React.createElement(MoreDropdown, {
-    dropdownButtonProps: {
-      "data-testid": "neeto-molecules-menu-button"
-    },
-    dropdownProps: {
-      position: "bottom-start",
-      onClick: function onClick(event) {
-        return event.stopPropagation();
-      }
-    },
-    menuItems: [{
-      "data-cy": "form-rename-button",
-      onClick: handleRenameButton,
-      label: t("neetoMolecules.common.actions.rename"),
-      isVisible: !disabled,
-      key: "edit-name-menu"
-    }].concat(_toConsumableArray(dropdownItems))
-  })));
-};
-
-var DEFAULT_HOME_BUTTON_PROPS = {
-  tooltip: {
-    content: t$1("neetoMolecules.navigationHeader.home"),
-    position: "bottom"
-  },
-  homeUrl: "/",
-  icon: /*#__PURE__*/React.createElement(Home, null)
-};
-
-var LeftBlock = function LeftBlock(_ref) {
-  var customHomeButtonProps = _ref.homeButtonProps,
-    homeUrl = _ref.homeUrl,
-    renameProps = _ref.renameProps,
-    children = _ref.children;
-  var homeButtonProps = mergeDeepRight(DEFAULT_HOME_BUTTON_PROPS, customHomeButtonProps);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-2",
-    "data-testid": "navigation-header-left-block"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    content: homeButtonProps.tooltip.content,
-    position: homeButtonProps.tooltip.position
-  }, /*#__PURE__*/React.createElement(Link, {
-    "data-cy": "home-button",
-    "data-testid": "home-button",
-    to: homeUrl
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-rounded hover:neeto-ui-bg-gray-200 p-1"
-  }, homeButtonProps.icon))), isPresent(renameProps) && /*#__PURE__*/React.createElement(Rename, {
-    dropdownItems: renameProps.dropdownItems,
-    value: renameProps.value,
-    renameProps: renameProps
-  }), children);
-};
-
-var NavigationLinks = function NavigationLinks(_ref) {
-  var headerLinks = _ref.headerLinks;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex w-full items-center justify-center gap-6",
-    "data-testid": "navigation-header-navigation-links"
-  }, headerLinks.map(function (headerLink) {
-    return /*#__PURE__*/React.createElement(NavLink, {
-      activeClassName: "active",
-      className: "neeto-form-builder-header__link capitalize no-underline",
-      "data-cy": "".concat(joinHyphenCase(headerLink.key), "-tab"),
-      key: headerLink.key,
-      to: headerLink.to
-    }, /*#__PURE__*/React.createElement(Typography, {
-      lineHeight: "normal",
-      style: "h4",
-      weight: "semibold"
-    }, headerLink.label));
-  }));
-};
-
-var AlertBlock = function AlertBlock(props) {
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React.createElement(Alert, _extends({
-    "data-cy": "reset-alert",
-    "data-testid": "reset-alert",
-    submitButtonLabel: t("neetoMolecules.common.actions.reset")
-  }, props));
-};
-
-var css$1 = ".neeto-molecules-publish-block{align-items:center;display:flex;gap:12px;justify-content:flex-end}.neeto-molecules-publish-block__action-btn{align-items:center;display:inline-flex;flex-direction:row;gap:1px;justify-content:center}.neeto-molecules-publish-block__action-btn>.neeto-ui-btn:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.neeto-molecules-publish-block__action-btn>.neeto-ui-btn:last-child{border-bottom-left-radius:0;border-top-left-radius:0}";
-n(css$1,{});
-
-var _excluded = ["t"],
-  _excluded2 = ["t"],
-  _excluded3 = ["t"],
-  _excluded4 = ["t"];
-var ViewDraftButton = withT(function (_ref) {
-  var t = _ref.t,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    "data-cy": "view-draft-button",
-    "data-testid": "view-draft-button",
-    icon: ExternalLink,
-    style: "secondary",
-    target: "_blank",
-    tooltipProps: {
-      content: t("neetoMolecules.publishBlock.viewDraftVersion"),
-      position: "top"
-    }
-  }, props));
-});
-var ResetDraftButton = withT(function (_ref2) {
-  var t = _ref2.t,
-    props = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    "data-cy": "draft-button",
-    "data-testid": "draft-button",
-    icon: Undo,
-    style: "secondary",
-    tooltipProps: {
-      content: t("neetoMolecules.publishBlock.deleteDraftVersion"),
-      position: "top"
-    }
-  }, props));
-});
-var PublishButton = withT(function (_ref3) {
-  var t = _ref3.t,
-    props = _objectWithoutProperties(_ref3, _excluded3);
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    "data-cy": "publish-button",
-    "data-testid": "publish-button",
-    label: t("neetoMolecules.common.actions.publish")
-  }, props));
-});
-var PublishPreviewButton = withT(function (_ref4) {
-  var t = _ref4.t,
-    props = _objectWithoutProperties(_ref4, _excluded4);
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    "data-cy": "publish-preview-button",
-    "data-testid": "publish-preview-button",
-    icon: ExternalLink,
-    target: "_blank",
-    className: classNames({
-      "pointer-events-none": props.disabled
-    }, props.className),
-    tooltipProps: {
-      content: t("neetoMolecules.publishBlock.viewPublishedVersion"),
-      position: "top"
-    }
-  }, props));
-});
-var PublishBlock = function PublishBlock(_ref5) {
-  var renderDraftButtons = _ref5.renderDraftButtons,
-    renderPublishButtons = _ref5.renderPublishButtons;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var draftBlockButtons = renderDraftButtons({
-    ViewDraftButton: ViewDraftButton,
-    ResetDraftButton: ResetDraftButton
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-publish-block",
-    "data-testid": "neeto-molecules-publish-block"
-  }, draftBlockButtons && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-2"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-ui-text-gray-700",
-    lineHeight: "normal",
-    style: "body2"
-  }, t("neetoMolecules.common.actions.draft")), /*#__PURE__*/React.createElement("div", {
-    className: "space-x-1"
-  }, draftBlockButtons)), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-bg-gray-300 h-full w-px"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-publish-block__action-btn"
-  }, renderPublishButtons({
-    PublishButton: PublishButton,
-    PublishPreviewButton: PublishPreviewButton
-  })));
-};
-PublishBlock.Alert = AlertBlock;
-
-var css = ".standalone-publish-preview-button{border-radius:var(--neeto-ui-rounded)!important}";
-n(css,{});
-
-var RightBlock = function RightBlock(_ref) {
-  var isDraftBlockHidden = _ref.isDraftBlockHidden,
-    previewDraftUrl = _ref.previewDraftUrl,
-    isResetDraftButtonVisible = _ref.isResetDraftButtonVisible,
-    onResetClick = _ref.onResetClick,
-    isResetting = _ref.isResetting,
-    isPublishDisabled = _ref.isPublishDisabled,
-    isPublishing = _ref.isPublishing,
-    handlePublish = _ref.handlePublish,
-    isPublishPreviewDisabled = _ref.isPublishPreviewDisabled,
-    previewPublishedUrl = _ref.previewPublishedUrl,
-    isPublishButtonVisible = _ref.isPublishButtonVisible,
-    isResetAlertOpen = _ref.isResetAlertOpen,
-    setIsResetAlertOpen = _ref.setIsResetAlertOpen,
-    handleReset = _ref.handleReset,
-    publishAlertTitle = _ref.publishAlertTitle,
-    publishAlertDescription = _ref.publishAlertDescription;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var renderDraftButtons = function renderDraftButtons(_ref2) {
-    var ViewDraftButton = _ref2.ViewDraftButton,
-      ResetDraftButton = _ref2.ResetDraftButton;
-    return !isDraftBlockHidden && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ViewDraftButton, {
-      to: previewDraftUrl
-    }), isResetDraftButtonVisible && /*#__PURE__*/React.createElement(ResetDraftButton, {
-      loading: isResetting,
-      onClick: function onClick() {
-        return onResetClick();
-      }
-    }));
-  };
-  var renderPublishButtons = function renderPublishButtons(_ref3) {
-    var PublishButton = _ref3.PublishButton,
-      PublishPreviewButton = _ref3.PublishPreviewButton;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isPublishButtonVisible && /*#__PURE__*/React.createElement(PublishButton, {
-      disabled: isPublishDisabled,
-      loading: isPublishing,
-      onClick: function onClick() {
-        return handlePublish();
-      }
-    }), /*#__PURE__*/React.createElement(PublishPreviewButton, {
-      disabled: isPublishPreviewDisabled,
-      to: previewPublishedUrl,
-      className: classNames({
-        "standalone-publish-preview-button": !isPublishButtonVisible
-      })
-    }));
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PublishBlock, {
-    renderDraftButtons: renderDraftButtons,
-    renderPublishButtons: renderPublishButtons
-  }), /*#__PURE__*/React.createElement(PublishBlock.Alert, {
-    isOpen: isResetAlertOpen,
-    isSubmitting: isResetting,
-    message: publishAlertDescription || t("neetoMolecules.navigationHeader.resetDescription"),
-    title: publishAlertTitle || t("neetoMolecules.navigationHeader.resetTitle"),
-    onClose: function onClose() {
-      return setIsResetAlertOpen(false);
-    },
-    onSubmit: handleReset
-  }));
-};
-
-var NavigationHeader = function NavigationHeader(_ref) {
-  var leftActionBlock = _ref.leftActionBlock,
-    navigationLinks = _ref.navigationLinks,
-    rightActionBlock = _ref.rightActionBlock;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-form-builder-header neeto-ui-border-gray-200 neeto-ui-bg-white flex h-16 w-full flex-shrink-0 items-center border-b px-6 py-2",
-    "data-testid": "navigation-header"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "grid w-full grid-cols-3 gap-2"
-  }, leftActionBlock, navigationLinks, rightActionBlock));
-};
-NavigationHeader.LeftActionBlock = LeftBlock;
-NavigationHeader.NavigationLinks = NavigationLinks;
-NavigationHeader.RightActionBlock = RightBlock;
-
-export { NavigationHeader as default };
-//# sourceMappingURL=NavigationHeader.js.map