@bigbinary/neeto-molecules 1.0.76 → 1.0.78-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) {
@@ -1661,7 +1660,7 @@ var DeleteAlert = function DeleteAlert(_ref) {
1661
1660
  });
1662
1661
  };
1663
1662
 
1664
- 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}";
1663
+ 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}";
1665
1664
  n(css,{});
1666
1665
 
1667
1666
  var Breadcrumbs = function Breadcrumbs(_ref) {
@@ -1677,27 +1676,22 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
1677
1676
  }, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
1678
1677
  to: link
1679
1678
  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1680
- className: "neeto-molecules-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link",
1679
+ className: "neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link",
1681
1680
  component: "span",
1682
1681
  "data-cy": text,
1683
1682
  "data-test-id": text,
1684
1683
  style: "body2",
1685
1684
  weight: "normal"
1686
- }, text)), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Right, {
1687
- className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-gray-400",
1688
- size: 16
1689
- }));
1685
+ }, text)), index + 1 !== breadcrumbs.length && /*#__PURE__*/React__default["default"].createElement("span", {
1686
+ className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-black"
1687
+ }, "/"));
1690
1688
  }));
1691
1689
  };
1692
1690
  var Breadcrumbs$1 = /*#__PURE__*/React__default["default"].memo(Breadcrumbs);
1693
1691
 
1694
1692
  var Dropdown = function Dropdown(props) {
1695
1693
  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends$1({
1696
- buttonProps: {
1697
- className: "ml-1.5"
1698
- },
1699
1694
  buttonStyle: "text",
1700
- className: "ml-3",
1701
1695
  icon: neetoIcons.MenuVertical,
1702
1696
  position: "bottom-end"
1703
1697
  }, props));
@@ -1705,7 +1699,6 @@ var Dropdown = function Dropdown(props) {
1705
1699
 
1706
1700
  var Header$2 = function Header(_ref) {
1707
1701
  var title = _ref.title,
1708
- menuBarToggle = _ref.menuBarToggle,
1709
1702
  searchProps = _ref.searchProps,
1710
1703
  _ref$className = _ref.className,
1711
1704
  className = _ref$className === void 0 ? "" : _ref$className,
@@ -1718,24 +1711,17 @@ var Header$2 = function Header(_ref) {
1718
1711
  var _useTranslation = reactI18next.useTranslation(),
1719
1712
  t = _useTranslation.t;
1720
1713
  return /*#__PURE__*/React__default["default"].createElement("div", {
1721
- className: classnames(["neeto-molecules-header", {
1722
- "neeto-molecules-header--has-breadcrumbs": !ramda.isEmpty(breadcrumbs)
1723
- }, className])
1714
+ className: classnames(["neeto-molecules-header", className])
1724
1715
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1725
1716
  className: "neeto-molecules-header__left"
1726
- }, menuBarToggle && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1727
- "aria-label": "Toggle Menubar",
1728
- className: "neeto-molecules-header__toggle-menubar-btn",
1729
- "data-cy": "menubar-toggle-button",
1730
- icon: neetoIcons.HamburgerMenu,
1731
- style: "text",
1732
- onClick: menuBarToggle
1733
- }), /*#__PURE__*/React__default["default"].createElement("div", {
1717
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1734
1718
  className: "neeto-molecules-header__left-data-wrap"
1735
- }, breadcrumbs && /*#__PURE__*/React__default["default"].createElement(Breadcrumbs$1, {
1719
+ }, pure.isNotEmpty(breadcrumbs) && /*#__PURE__*/React__default["default"].createElement(Breadcrumbs$1, {
1736
1720
  breadcrumbs: breadcrumbs
1737
1721
  }), /*#__PURE__*/React__default["default"].createElement("div", {
1738
- className: "neeto-molecules-header__page-title"
1722
+ className: classnames("neeto-molecules-header__page-title", {
1723
+ "neeto-molecules-header__page-title--has-breadcrumbs": pure.isNotEmpty(breadcrumbs)
1724
+ })
1739
1725
  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1740
1726
  "data-cy": "main-header",
1741
1727
  "data-test-id": "main-header",