@bigbinary/neeto-molecules 1.0.72 → 1.0.73-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1251,7 +1251,7 @@ if (process.env.NODE_ENV !== 'production') {
1251
1251
 
1252
1252
  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}}
1253
1253
 
1254
- var css = ".neeto-molecules-container{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100vh;justify-content:flex-start;overflow-y:auto;padding:0 24px}.neeto-molecules-container--header-fixed{padding:0}.neeto-molecules-container--header-fixed>.neeto-molecules-header,.neeto-molecules-container--header-fixed>.neeto-molecules-scrollable,.neeto-molecules-container--header-fixed>.neeto-molecules-subheader{padding-left:24px;padding-right:24px}";
1254
+ var css = ".neeto-molecules-container{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100vh;justify-content:flex-start;overflow-y:auto;padding:0 40px!important}.neeto-molecules-container--header-fixed{padding:0!important}.neeto-molecules-container--header-fixed>.neeto-molecules-header,.neeto-molecules-container--header-fixed>.neeto-molecules-scrollable,.neeto-molecules-container--header-fixed>.neeto-molecules-subheader{padding-left:40px!important;padding-right:40px!important}";
1255
1255
  n(css,{});
1256
1256
 
1257
1257
  var Container = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
package/dist/Container.js CHANGED
@@ -1245,7 +1245,7 @@ if (process.env.NODE_ENV !== 'production') {
1245
1245
 
1246
1246
  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}}
1247
1247
 
1248
- var css = ".neeto-molecules-container{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100vh;justify-content:flex-start;overflow-y:auto;padding:0 24px}.neeto-molecules-container--header-fixed{padding:0}.neeto-molecules-container--header-fixed>.neeto-molecules-header,.neeto-molecules-container--header-fixed>.neeto-molecules-scrollable,.neeto-molecules-container--header-fixed>.neeto-molecules-subheader{padding-left:24px;padding-right:24px}";
1248
+ var css = ".neeto-molecules-container{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100vh;justify-content:flex-start;overflow-y:auto;padding:0 40px!important}.neeto-molecules-container--header-fixed{padding:0!important}.neeto-molecules-container--header-fixed>.neeto-molecules-header,.neeto-molecules-container--header-fixed>.neeto-molecules-scrollable,.neeto-molecules-container--header-fixed>.neeto-molecules-subheader{padding-left:40px!important;padding-right:40px!important}";
1249
1249
  n(css,{});
1250
1250
 
1251
1251
  var Container = /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -9,7 +9,6 @@ var neetoIcons = require('@bigbinary/neeto-icons');
9
9
  var ManageColumns = require('@bigbinary/neeto-molecules/Columns');
10
10
  var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
11
11
  var utils = require('@bigbinary/neeto-commons-frontend/utils');
12
- var ramda = require('ramda');
13
12
  var reactRouterDom = require('react-router-dom');
14
13
  var formik = require('formik');
15
14
  var formik$1 = require('@bigbinary/neetoui/formik');
@@ -1344,7 +1343,7 @@ if (process.env.NODE_ENV !== 'production') {
1344
1343
 
1345
1344
  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}}
1346
1345
 
1347
- var css$3 = ".neeto-molecules-container{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100vh;justify-content:flex-start;overflow-y:auto;padding:0 24px}.neeto-molecules-container--header-fixed{padding:0}.neeto-molecules-container--header-fixed>.neeto-molecules-header,.neeto-molecules-container--header-fixed>.neeto-molecules-scrollable,.neeto-molecules-container--header-fixed>.neeto-molecules-subheader{padding-left:24px;padding-right:24px}";
1346
+ var css$3 = ".neeto-molecules-container{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;height:100vh;justify-content:flex-start;overflow-y:auto;padding:0 40px!important}.neeto-molecules-container--header-fixed{padding:0!important}.neeto-molecules-container--header-fixed>.neeto-molecules-header,.neeto-molecules-container--header-fixed>.neeto-molecules-scrollable,.neeto-molecules-container--header-fixed>.neeto-molecules-subheader{padding-left:40px!important;padding-right:40px!important}";
1348
1347
  n(css$3,{});
1349
1348
 
1350
1349
  var Container = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -1666,7 +1665,7 @@ var DeleteAlert = function DeleteAlert(_ref) {
1666
1665
  });
1667
1666
  };
1668
1667
 
1669
- var css = ".neeto-molecules-header{align-items:center;background:rgb(var(--neeto-ui-white));display:flex;flex-direction:row;justify-content:space-between;min-height:var(--neeto-ui-main-header-height);padding:24px 0;width:100%}.neeto-molecules-header--has-breadcrumbs{min-height:var(--neeto-ui-main-header-with-breadcrumbs-height)}.neeto-molecules-header .neeto-molecules-header__toggle-menubar-btn{margin-right:8px}.neeto-molecules-header .neeto-molecules-header__left{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.neeto-molecules-header .neeto-molecules-header__left-data-wrap{display:flex;flex-wrap:wrap}.neeto-molecules-header .neeto-molecules-header__page-title{display:flex;flex-direction:row;width:100%}.neeto-molecules-header .neeto-molecules-header__breadcrumbs-wrap{display:flex}.neeto-molecules-header .neeto-molecules-header__breadcrumb{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;line-height:1}.neeto-molecules-header .neeto-molecules-header__breadcrumb a{text-decoration:none;transition:all .3s ease-in-out}.neeto-molecules-header .neeto-molecules-header__breadcrumb a:focus-visible{border-radius:var(--neeto-ui-rounded-sm);outline:3px solid rgba(var(--neeto-ui-primary-500),50%)}.neeto-molecules-header .neeto-molecules-header__breadcrumb-separator{margin:0 4px}.neeto-molecules-header .neeto-molecules-header__right{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}";
1668
+ var css = ".neeto-molecules-header{align-items:flex-start!important;background:rgb(var(--neeto-ui-white));display:flex;flex-direction:row;justify-content:space-between;min-height:auto!important;padding:40px 0 24px!important;width:100%}.neeto-molecules-header .neeto-molecules-header__toggle-menubar-btn{margin-right:8px}.neeto-molecules-header .neeto-molecules-header__left{align-items:flex-start!important;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.neeto-molecules-header .neeto-molecules-header__left-data-wrap{display:flex;flex-wrap:wrap}.neeto-molecules-header .neeto-molecules-header__page-title{align-items:center;display:flex;flex-direction:row;gap:12px;margin-top:-16px;width:100%}.neeto-molecules-header .neeto-molecules-header__page-title h2{font-size:40px;line-height:48px}.neeto-molecules-header .neeto-molecules-header__page-title--has-breadcrumbs{margin-top:0}.neeto-molecules-header .neeto-molecules-header__breadcrumbs-wrap{display:flex;margin:0 0 40px}.neeto-molecules-header .neeto-molecules-header__breadcrumb{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;line-height:1}.neeto-molecules-header .neeto-molecules-header__breadcrumb a{text-decoration:none;transition:all .3s ease-in-out}.neeto-molecules-header .neeto-molecules-header__breadcrumb a:focus-visible{border-radius:var(--neeto-ui-rounded-sm);outline:3px solid rgba(var(--neeto-ui-primary-500),50%)}.neeto-molecules-header .neeto-molecules-header__breadcrumb-separator{font-size:12px;line-height:16px;margin:0 12px!important}.neeto-molecules-header .neeto-molecules-header__right{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}";
1670
1669
  n(css,{});
1671
1670
 
1672
1671
  var Breadcrumbs = function Breadcrumbs(_ref) {
@@ -1682,16 +1681,15 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
1682
1681
  }, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
1683
1682
  to: link
1684
1683
  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1685
- className: "neeto-molecules-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link",
1684
+ className: "neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link",
1686
1685
  component: "span",
1687
1686
  "data-cy": text,
1688
1687
  "data-test-id": text,
1689
1688
  style: "body2",
1690
1689
  weight: "normal"
1691
- }, text)), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Right, {
1692
- className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-gray-400",
1693
- size: 16
1694
- }));
1690
+ }, text)), index + 1 !== breadcrumbs.length && /*#__PURE__*/React__default["default"].createElement("span", {
1691
+ className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-black"
1692
+ }, "/"));
1695
1693
  }));
1696
1694
  };
1697
1695
  var Breadcrumbs$1 = /*#__PURE__*/React__default["default"].memo(Breadcrumbs);
@@ -1702,11 +1700,7 @@ var Dropdown = function Dropdown(_ref) {
1702
1700
  children = _ref$dropdownProps.children,
1703
1701
  otherProps = _objectWithoutProperties(_ref$dropdownProps, _excluded);
1704
1702
  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends$1({
1705
- buttonProps: {
1706
- className: "ml-1.5"
1707
- },
1708
1703
  buttonStyle: "text",
1709
- className: "ml-3",
1710
1704
  icon: neetoIcons.MenuVertical,
1711
1705
  position: "bottom-end"
1712
1706
  }, otherProps), children);
@@ -1714,7 +1708,6 @@ var Dropdown = function Dropdown(_ref) {
1714
1708
 
1715
1709
  var Header$2 = function Header(_ref) {
1716
1710
  var title = _ref.title,
1717
- menuBarToggle = _ref.menuBarToggle,
1718
1711
  searchProps = _ref.searchProps,
1719
1712
  _ref$className = _ref.className,
1720
1713
  className = _ref$className === void 0 ? "" : _ref$className,
@@ -1726,24 +1719,17 @@ var Header$2 = function Header(_ref) {
1726
1719
  var _useTranslation = reactI18next.useTranslation(),
1727
1720
  t = _useTranslation.t;
1728
1721
  return /*#__PURE__*/React__default["default"].createElement("div", {
1729
- className: classnames(["neeto-molecules-header", {
1730
- "neeto-molecules-header--has-breadcrumbs": !ramda.isEmpty(breadcrumbs)
1731
- }, className])
1722
+ className: classnames(["neeto-molecules-header", className])
1732
1723
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1733
1724
  className: "neeto-molecules-header__left"
1734
- }, menuBarToggle && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1735
- "aria-label": "Toggle Menubar",
1736
- className: "neeto-molecules-header__toggle-menubar-btn",
1737
- "data-cy": "menubar-toggle-button",
1738
- icon: neetoIcons.HamburgerMenu,
1739
- style: "text",
1740
- onClick: menuBarToggle
1741
- }), /*#__PURE__*/React__default["default"].createElement("div", {
1725
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1742
1726
  className: "neeto-molecules-header__left-data-wrap"
1743
- }, breadcrumbs && /*#__PURE__*/React__default["default"].createElement(Breadcrumbs$1, {
1727
+ }, pure.isNotEmpty(breadcrumbs) && /*#__PURE__*/React__default["default"].createElement(Breadcrumbs$1, {
1744
1728
  breadcrumbs: breadcrumbs
1745
1729
  }), /*#__PURE__*/React__default["default"].createElement("div", {
1746
- className: "neeto-molecules-header__page-title"
1730
+ className: classnames("neeto-molecules-header__page-title", {
1731
+ "neeto-molecules-header__page-title--has-breadcrumbs": pure.isNotEmpty(breadcrumbs)
1732
+ })
1747
1733
  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1748
1734
  "data-cy": "main-header",
1749
1735
  "data-test-id": "main-header",