npm - @bigbinary/neeto-molecules - Versions diffs - 1.0.77-beta → 1.0.77 - Mend

@bigbinary/neeto-molecules 1.0.77-beta → 1.0.77

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.

Files changed (26) hide show

package/dist/Container.cjs.js +1 -1
package/dist/Container.js +1 -1
package/dist/CustomDomainDashboard.cjs.js +26 -12
package/dist/CustomDomainDashboard.cjs.js.map +1 -1
package/dist/CustomDomainDashboard.js +28 -14
package/dist/CustomDomainDashboard.js.map +1 -1
package/dist/Header.cjs.js +25 -11
package/dist/Header.cjs.js.map +1 -1
package/dist/Header.js +28 -14
package/dist/Header.js.map +1 -1
package/dist/MenuBar.cjs.js +1 -1
package/dist/MenuBar.js +1 -1
package/dist/ShareViaEmail.cjs.js +1 -0
package/dist/ShareViaEmail.cjs.js.map +1 -1
package/dist/ShareViaEmail.js +1 -0
package/dist/ShareViaEmail.js.map +1 -1
package/dist/Sidebar.cjs.js +95 -192
package/dist/Sidebar.cjs.js.map +1 -1
package/dist/Sidebar.js +97 -194
package/dist/Sidebar.js.map +1 -1
package/package.json +3 -3
package/src/translations/en.json +2 -6
package/types/EmailForm.d.ts +7 -1
package/types/EmailFormProvider.d.ts +10 -4
package/types/PublishBlock.d.ts +2 -1
package/types/Sidebar.d.ts +1 -1

package/dist/Header.cjs.js CHANGED Viewed

@@ -4,6 +4,7 @@ var React = require('react');
 var pure = require('@bigbinary/neeto-commons-frontend/pure');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var neetoui = require('@bigbinary/neetoui');
+var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
@@ -89,7 +90,7 @@ var classnames = classnames$1.exports;
 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 = ".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}";
+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}";
 n(css,{});
 var Breadcrumbs = function Breadcrumbs(_ref) {
@@ -105,22 +106,27 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
       to: link
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      className: "neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link",
+      className: "neeto-molecules-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link",
       component: "span",
       "data-cy": text,
       "data-test-id": text,
       style: "body2",
       weight: "normal"
-    }, text)), index + 1 !== breadcrumbs.length && /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-black"
-    }, "/"));
+    }, text)), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Right, {
+      className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-gray-400",
+      size: 16
+    }));
   }));
 };
 var Breadcrumbs$1 = /*#__PURE__*/React__default["default"].memo(Breadcrumbs);
 var Dropdown = function Dropdown(props) {
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends({
+    buttonProps: {
+      className: "ml-1.5"
+    },
     buttonStyle: "text",
+    className: "ml-3",
     icon: neetoIcons.MenuVertical,
     position: "bottom-end"
   }, props));
@@ -128,6 +134,7 @@ var Dropdown = function Dropdown(props) {
 var Header = function Header(_ref) {
   var title = _ref.title,
+    menuBarToggle = _ref.menuBarToggle,
     searchProps = _ref.searchProps,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
@@ -140,17 +147,24 @@ var Header = function Header(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames(["neeto-molecules-header", className])
+    className: classnames(["neeto-molecules-header", {
+      "neeto-molecules-header--has-breadcrumbs": !ramda.isEmpty(breadcrumbs)
+    }, className])
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-molecules-header__left"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, menuBarToggle && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    "aria-label": "Toggle Menubar",
+    className: "neeto-molecules-header__toggle-menubar-btn",
+    "data-cy": "menubar-toggle-button",
+    icon: neetoIcons.HamburgerMenu,
+    style: "text",
+    onClick: menuBarToggle
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-molecules-header__left-data-wrap"
-  }, pure.isNotEmpty(breadcrumbs) && /*#__PURE__*/React__default["default"].createElement(Breadcrumbs$1, {
+  }, breadcrumbs && /*#__PURE__*/React__default["default"].createElement(Breadcrumbs$1, {
     breadcrumbs: breadcrumbs
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames("neeto-molecules-header__page-title", {
-      "neeto-molecules-header__page-title--has-breadcrumbs": pure.isNotEmpty(breadcrumbs)
-    })
+    className: "neeto-molecules-header__page-title"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     "data-cy": "main-header",
     "data-test-id": "main-header",

package/dist/Header.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.cjs.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js","../node_modules/classnames/index.js","../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js","../src/components/Header/Breadcrumbs.jsx","../src/components/Header/Dropdown.jsx","../src/components/Header/index.jsx"],"sourcesContent":["export default function _extends() {\n _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}","/!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n/\n/* global define /\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' \|\| argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","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}}export{n as default};\n","import React from \"react\";\n\nimport { Typography } from \"neetoui\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./header.scss\";\n\nconst Breadcrumbs = ({ breadcrumbs }) => (\n <div className=\"neeto-molecules-header__breadcrumbs-wrap\">\n {breadcrumbs.map(({ text, link }, index) => (\n <div className=\"neeto-molecules-header__breadcrumb\" key={index}>\n <Link to={link}>\n <Typography\n className=\"neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link\"\n component=\"span\"\n data-cy={text}\n data-test-id={text}\n style=\"body2\"\n weight=\"normal\"\n >\n {text}\n </Typography>\n </Link>\n {index + 1 !== breadcrumbs.length && (\n <span className=\"neeto-molecules-header__breadcrumb-separator neeto-ui-text-black\">\n /\n </span>\n )}\n </div>\n ))}\n </div>\n);\n\nexport default React.memo(Breadcrumbs);\n","import React from \"react\";\n\nimport { MenuVertical } from \"neetoicons\";\nimport { Dropdown as NeetoUIDropdown } from \"neetoui\";\n\nconst Dropdown = props => (\n <NeetoUIDropdown\n buttonStyle=\"text\"\n icon={MenuVertical}\n position=\"bottom-end\"\n {...props}\n />\n);\n\nexport default Dropdown;\n","import React, { useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { noop, isNotEmpty } from \"neetocommons/pure\";\nimport { Search } from \"neetoicons\";\nimport { Typography, Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Breadcrumbs from \"./Breadcrumbs\";\nimport Dropdown from \"./Dropdown\";\nimport \"./header.scss\";\n\nconst Header = ({\n title,\n searchProps,\n className = \"\",\n actionBlock,\n breadcrumbs = [],\n renderDropdown = noop,\n}) => {\n const searchRef = useRef(null);\n const { t } = useTranslation();\n\n return (\n <div className={classnames([\"neeto-molecules-header\", className])}>\n <div className=\"neeto-molecules-header__left\">\n <div className=\"neeto-molecules-header__left-data-wrap\">\n {isNotEmpty(breadcrumbs) && <Breadcrumbs {...{ breadcrumbs }} />}\n <div\n className={classnames(\"neeto-molecules-header__page-title\", {\n \"neeto-molecules-header__page-title--has-breadcrumbs\":\n isNotEmpty(breadcrumbs),\n })}\n >\n <Typography\n data-cy=\"main-header\"\n data-test-id=\"main-header\"\n lineHeight=\"tight\"\n style=\"h2\"\n weight=\"semibold\"\n >\n {title}\n </Typography>\n {renderDropdown(Dropdown)}\n </div>\n </div>\n </div>\n <div className=\"neeto-ui-gap-3 neeto-molecules-header__right\">\n {searchProps && (\n <Input\n placeholder={t(\"neetoMolecules.common.actions.search\")}\n prefix={<Search />}\n ref={searchRef}\n type=\"search\"\n className={classnames([\n \"neeto-molecules-header__search-input\",\n searchProps.className,\n ])}\n {...searchProps}\n />\n )}\n {actionBlock}\n </div>\n </div>\n );\n};\n\nHeader.propTypes = {\n /\n To set a title in the Header section.\n /\n title: PropTypes.node,\n /\n To specify additional class names.\n /\n className: PropTypes.string,\n /\n To specify the content to be rendered in the right side of the Header section.\n /\n\n actionBlock: PropTypes.node,\n /\n To add a search field to the subheader section.\n /\n searchProps: PropTypes.object,\n /\n To show breadcrumbs in the Header section. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n /\n breadcrumbs: PropTypes.arrayOf(\n PropTypes.shape({\n text: PropTypes.string,\n link: PropTypes.string,\n })\n ),\n /\n To provide the function to toggle the menu bar.\n /\n menuBarToggle: PropTypes.func,\n /\n A function to render the Dropdown next to the title. It provides the Dropdown component as argument.\n */\n renderDropdown: PropTypes.func,\n};\n\nexport default Header;\n"],"names":["Breadcrumbs","_ref","breadcrumbs","React","createElement","className","map","_ref2","index","text","link","key","Link","to","Typography","component","style","weight","length","memo","Dropdown","props","NeetoUIDropdown","_extends","buttonStyle","icon","MenuVertical","position","Header","title","searchProps","_ref$className","actionBlock","_ref$breadcrumbs","_ref$renderDropdown","renderDropdown","noop","searchRef","useRef","_useTranslation","useTranslation","t","classnames","isNotEmpty","lineHeight","Input","placeholder","prefix","Search","ref","type"],"mappings":"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"}
1	+ {"version":3,"file":"Header.cjs.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js","../node_modules/classnames/index.js","../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js","../src/components/Header/Breadcrumbs.jsx","../src/components/Header/Dropdown.jsx","../src/components/Header/index.jsx"],"sourcesContent":["export default function _extends() {\n _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}","/!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n/\n/* global define /\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' \|\| argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","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}}export{n as default};\n","import React from \"react\";\n\nimport { Right } from \"neetoicons\";\nimport { Typography } from \"neetoui\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./header.scss\";\n\nconst Breadcrumbs = ({ breadcrumbs }) => (\n <div className=\"neeto-molecules-header__breadcrumbs-wrap\">\n {breadcrumbs.map(({ text, link }, index) => (\n <div className=\"neeto-molecules-header__breadcrumb\" key={index}>\n <Link to={link}>\n <Typography\n className=\"neeto-molecules-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link\"\n component=\"span\"\n data-cy={text}\n data-test-id={text}\n style=\"body2\"\n weight=\"normal\"\n >\n {text}\n </Typography>\n </Link>\n <Right\n className=\"neeto-molecules-header__breadcrumb-separator neeto-ui-text-gray-400\"\n size={16}\n />\n </div>\n ))}\n </div>\n);\n\nexport default React.memo(Breadcrumbs);\n","import React from \"react\";\n\nimport { MenuVertical } from \"neetoicons\";\nimport { Dropdown as NeetoUIDropdown } from \"neetoui\";\n\nconst Dropdown = props => (\n <NeetoUIDropdown\n buttonProps={{ className: \"ml-1.5\" }}\n buttonStyle=\"text\"\n className=\"ml-3\"\n icon={MenuVertical}\n position=\"bottom-end\"\n {...props}\n />\n);\n\nexport default Dropdown;\n","import React, { useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { noop } from \"neetocommons/pure\";\nimport { Search, HamburgerMenu } from \"neetoicons\";\nimport { Typography, Input, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Breadcrumbs from \"./Breadcrumbs\";\nimport Dropdown from \"./Dropdown\";\nimport \"./header.scss\";\n\nconst Header = ({\n title,\n menuBarToggle,\n searchProps,\n className = \"\",\n actionBlock,\n breadcrumbs = [],\n renderDropdown = noop,\n}) => {\n const searchRef = useRef(null);\n const { t } = useTranslation();\n\n return (\n <div\n className={classnames([\n \"neeto-molecules-header\",\n { \"neeto-molecules-header--has-breadcrumbs\": !isEmpty(breadcrumbs) },\n className,\n ])}\n >\n <div className=\"neeto-molecules-header__left\">\n {menuBarToggle && (\n <Button\n aria-label=\"Toggle Menubar\"\n className=\"neeto-molecules-header__toggle-menubar-btn\"\n data-cy=\"menubar-toggle-button\"\n icon={HamburgerMenu}\n style=\"text\"\n onClick={menuBarToggle}\n />\n )}\n <div className=\"neeto-molecules-header__left-data-wrap\">\n {breadcrumbs && <Breadcrumbs {...{ breadcrumbs }} />}\n <div className=\"neeto-molecules-header__page-title\">\n <Typography\n data-cy=\"main-header\"\n data-test-id=\"main-header\"\n lineHeight=\"tight\"\n style=\"h2\"\n weight=\"semibold\"\n >\n {title}\n </Typography>\n {renderDropdown(Dropdown)}\n </div>\n </div>\n </div>\n <div className=\"neeto-ui-gap-3 neeto-molecules-header__right\">\n {searchProps && (\n <Input\n placeholder={t(\"neetoMolecules.common.actions.search\")}\n prefix={<Search />}\n ref={searchRef}\n type=\"search\"\n className={classnames([\n \"neeto-molecules-header__search-input\",\n searchProps.className,\n ])}\n {...searchProps}\n />\n )}\n {actionBlock}\n </div>\n </div>\n );\n};\n\nHeader.propTypes = {\n /\n To set a title in the Header section.\n /\n title: PropTypes.node,\n /\n To specify additional class names.\n /\n className: PropTypes.string,\n /\n To specify the content to be rendered in the right side of the Header section.\n /\n\n actionBlock: PropTypes.node,\n /\n To add a search field to the subheader section.\n /\n searchProps: PropTypes.object,\n /\n To show breadcrumbs in the Header section. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n /\n breadcrumbs: PropTypes.arrayOf(\n PropTypes.shape({\n text: PropTypes.string,\n link: PropTypes.string,\n })\n ),\n /\n To provide the function to toggle the menu bar.\n /\n menuBarToggle: PropTypes.func,\n /\n A function to render the Dropdown next to the title. It provides the Dropdown component as argument.\n */\n renderDropdown: PropTypes.func,\n};\n\nexport default Header;\n"],"names":["Breadcrumbs","_ref","breadcrumbs","React","createElement","className","map","_ref2","index","text","link","key","Link","to","Typography","component","style","weight","Right","size","memo","Dropdown","props","NeetoUIDropdown","_extends","buttonProps","buttonStyle","icon","MenuVertical","position","Header","title","menuBarToggle","searchProps","_ref$className","actionBlock","_ref$breadcrumbs","_ref$renderDropdown","renderDropdown","noop","searchRef","useRef","_useTranslation","useTranslation","t","classnames","isEmpty","Button","HamburgerMenu","onClick","lineHeight","Input","placeholder","prefix","Search","ref","type"],"mappings":"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"}

package/dist/Header.js CHANGED Viewed

@@ -1,7 +1,8 @@
 import React, { useRef } from 'react';
-import { isNotEmpty, noop } from '@bigbinary/neeto-commons-frontend/pure';
-import { MenuVertical, Search } from '@bigbinary/neeto-icons';
-import { Typography, Dropdown as Dropdown$1, Input } from '@bigbinary/neetoui';
+import { noop } from '@bigbinary/neeto-commons-frontend/pure';
+import { Right, MenuVertical, HamburgerMenu, Search } from '@bigbinary/neeto-icons';
+import { Typography, Dropdown as Dropdown$1, Button, Input } from '@bigbinary/neetoui';
+import { isEmpty } from 'ramda';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
@@ -83,7 +84,7 @@ var classnames = classnames$1.exports;
 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 = ".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}";
+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}";
 n(css,{});
 var Breadcrumbs = function Breadcrumbs(_ref) {
@@ -99,22 +100,27 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     }, /*#__PURE__*/React.createElement(Link, {
       to: link
     }, /*#__PURE__*/React.createElement(Typography, {
-      className: "neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link",
+      className: "neeto-molecules-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link",
       component: "span",
       "data-cy": text,
       "data-test-id": text,
       style: "body2",
       weight: "normal"
-    }, text)), index + 1 !== breadcrumbs.length && /*#__PURE__*/React.createElement("span", {
-      className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-black"
-    }, "/"));
+    }, text)), /*#__PURE__*/React.createElement(Right, {
+      className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-gray-400",
+      size: 16
+    }));
   }));
 };
 var Breadcrumbs$1 = /*#__PURE__*/React.memo(Breadcrumbs);
 var Dropdown = function Dropdown(props) {
   return /*#__PURE__*/React.createElement(Dropdown$1, _extends({
+    buttonProps: {
+      className: "ml-1.5"
+    },
     buttonStyle: "text",
+    className: "ml-3",
     icon: MenuVertical,
     position: "bottom-end"
   }, props));
@@ -122,6 +128,7 @@ var Dropdown = function Dropdown(props) {
 var Header = function Header(_ref) {
   var title = _ref.title,
+    menuBarToggle = _ref.menuBarToggle,
     searchProps = _ref.searchProps,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
@@ -134,17 +141,24 @@ var Header = function Header(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/React.createElement("div", {
-    className: classnames(["neeto-molecules-header", className])
+    className: classnames(["neeto-molecules-header", {
+      "neeto-molecules-header--has-breadcrumbs": !isEmpty(breadcrumbs)
+    }, className])
   }, /*#__PURE__*/React.createElement("div", {
     className: "neeto-molecules-header__left"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, menuBarToggle && /*#__PURE__*/React.createElement(Button, {
+    "aria-label": "Toggle Menubar",
+    className: "neeto-molecules-header__toggle-menubar-btn",
+    "data-cy": "menubar-toggle-button",
+    icon: HamburgerMenu,
+    style: "text",
+    onClick: menuBarToggle
+  }), /*#__PURE__*/React.createElement("div", {
     className: "neeto-molecules-header__left-data-wrap"
-  }, isNotEmpty(breadcrumbs) && /*#__PURE__*/React.createElement(Breadcrumbs$1, {
+  }, breadcrumbs && /*#__PURE__*/React.createElement(Breadcrumbs$1, {
     breadcrumbs: breadcrumbs
   }), /*#__PURE__*/React.createElement("div", {
-    className: classnames("neeto-molecules-header__page-title", {
-      "neeto-molecules-header__page-title--has-breadcrumbs": isNotEmpty(breadcrumbs)
-    })
+    className: "neeto-molecules-header__page-title"
   }, /*#__PURE__*/React.createElement(Typography, {
     "data-cy": "main-header",
     "data-test-id": "main-header",

package/dist/Header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js","../node_modules/classnames/index.js","../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js","../src/components/Header/Breadcrumbs.jsx","../src/components/Header/Dropdown.jsx","../src/components/Header/index.jsx"],"sourcesContent":["export default function _extends() {\n _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}","/!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n/\n/* global define /\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' \|\| argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","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}}export{n as default};\n","import React from \"react\";\n\nimport { Typography } from \"neetoui\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./header.scss\";\n\nconst Breadcrumbs = ({ breadcrumbs }) => (\n <div className=\"neeto-molecules-header__breadcrumbs-wrap\">\n {breadcrumbs.map(({ text, link }, index) => (\n <div className=\"neeto-molecules-header__breadcrumb\" key={index}>\n <Link to={link}>\n <Typography\n className=\"neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link\"\n component=\"span\"\n data-cy={text}\n data-test-id={text}\n style=\"body2\"\n weight=\"normal\"\n >\n {text}\n </Typography>\n </Link>\n {index + 1 !== breadcrumbs.length && (\n <span className=\"neeto-molecules-header__breadcrumb-separator neeto-ui-text-black\">\n /\n </span>\n )}\n </div>\n ))}\n </div>\n);\n\nexport default React.memo(Breadcrumbs);\n","import React from \"react\";\n\nimport { MenuVertical } from \"neetoicons\";\nimport { Dropdown as NeetoUIDropdown } from \"neetoui\";\n\nconst Dropdown = props => (\n <NeetoUIDropdown\n buttonStyle=\"text\"\n icon={MenuVertical}\n position=\"bottom-end\"\n {...props}\n />\n);\n\nexport default Dropdown;\n","import React, { useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { noop, isNotEmpty } from \"neetocommons/pure\";\nimport { Search } from \"neetoicons\";\nimport { Typography, Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Breadcrumbs from \"./Breadcrumbs\";\nimport Dropdown from \"./Dropdown\";\nimport \"./header.scss\";\n\nconst Header = ({\n title,\n searchProps,\n className = \"\",\n actionBlock,\n breadcrumbs = [],\n renderDropdown = noop,\n}) => {\n const searchRef = useRef(null);\n const { t } = useTranslation();\n\n return (\n <div className={classnames([\"neeto-molecules-header\", className])}>\n <div className=\"neeto-molecules-header__left\">\n <div className=\"neeto-molecules-header__left-data-wrap\">\n {isNotEmpty(breadcrumbs) && <Breadcrumbs {...{ breadcrumbs }} />}\n <div\n className={classnames(\"neeto-molecules-header__page-title\", {\n \"neeto-molecules-header__page-title--has-breadcrumbs\":\n isNotEmpty(breadcrumbs),\n })}\n >\n <Typography\n data-cy=\"main-header\"\n data-test-id=\"main-header\"\n lineHeight=\"tight\"\n style=\"h2\"\n weight=\"semibold\"\n >\n {title}\n </Typography>\n {renderDropdown(Dropdown)}\n </div>\n </div>\n </div>\n <div className=\"neeto-ui-gap-3 neeto-molecules-header__right\">\n {searchProps && (\n <Input\n placeholder={t(\"neetoMolecules.common.actions.search\")}\n prefix={<Search />}\n ref={searchRef}\n type=\"search\"\n className={classnames([\n \"neeto-molecules-header__search-input\",\n searchProps.className,\n ])}\n {...searchProps}\n />\n )}\n {actionBlock}\n </div>\n </div>\n );\n};\n\nHeader.propTypes = {\n /\n To set a title in the Header section.\n /\n title: PropTypes.node,\n /\n To specify additional class names.\n /\n className: PropTypes.string,\n /\n To specify the content to be rendered in the right side of the Header section.\n /\n\n actionBlock: PropTypes.node,\n /\n To add a search field to the subheader section.\n /\n searchProps: PropTypes.object,\n /\n To show breadcrumbs in the Header section. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n /\n breadcrumbs: PropTypes.arrayOf(\n PropTypes.shape({\n text: PropTypes.string,\n link: PropTypes.string,\n })\n ),\n /\n To provide the function to toggle the menu bar.\n /\n menuBarToggle: PropTypes.func,\n /\n A function to render the Dropdown next to the title. It provides the Dropdown component as argument.\n */\n renderDropdown: PropTypes.func,\n};\n\nexport default Header;\n"],"names":["Breadcrumbs","_ref","breadcrumbs","React","createElement","className","map","_ref2","index","text","link","key","Link","to","Typography","component","style","weight","length","memo","Dropdown","props","NeetoUIDropdown","_extends","buttonStyle","icon","MenuVertical","position","Header","title","searchProps","_ref$className","actionBlock","_ref$breadcrumbs","_ref$renderDropdown","renderDropdown","noop","searchRef","useRef","_useTranslation","useTranslation","t","classnames","isNotEmpty","lineHeight","Input","placeholder","prefix","Search","ref","type"],"mappings":"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"}
1	+ {"version":3,"file":"Header.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js","../node_modules/classnames/index.js","../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js","../src/components/Header/Breadcrumbs.jsx","../src/components/Header/Dropdown.jsx","../src/components/Header/index.jsx"],"sourcesContent":["export default function _extends() {\n _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}","/!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n/\n/* global define /\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' \|\| argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","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}}export{n as default};\n","import React from \"react\";\n\nimport { Right } from \"neetoicons\";\nimport { Typography } from \"neetoui\";\nimport { Link } from \"react-router-dom\";\n\nimport \"./header.scss\";\n\nconst Breadcrumbs = ({ breadcrumbs }) => (\n <div className=\"neeto-molecules-header__breadcrumbs-wrap\">\n {breadcrumbs.map(({ text, link }, index) => (\n <div className=\"neeto-molecules-header__breadcrumb\" key={index}>\n <Link to={link}>\n <Typography\n className=\"neeto-molecules-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link\"\n component=\"span\"\n data-cy={text}\n data-test-id={text}\n style=\"body2\"\n weight=\"normal\"\n >\n {text}\n </Typography>\n </Link>\n <Right\n className=\"neeto-molecules-header__breadcrumb-separator neeto-ui-text-gray-400\"\n size={16}\n />\n </div>\n ))}\n </div>\n);\n\nexport default React.memo(Breadcrumbs);\n","import React from \"react\";\n\nimport { MenuVertical } from \"neetoicons\";\nimport { Dropdown as NeetoUIDropdown } from \"neetoui\";\n\nconst Dropdown = props => (\n <NeetoUIDropdown\n buttonProps={{ className: \"ml-1.5\" }}\n buttonStyle=\"text\"\n className=\"ml-3\"\n icon={MenuVertical}\n position=\"bottom-end\"\n {...props}\n />\n);\n\nexport default Dropdown;\n","import React, { useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { noop } from \"neetocommons/pure\";\nimport { Search, HamburgerMenu } from \"neetoicons\";\nimport { Typography, Input, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Breadcrumbs from \"./Breadcrumbs\";\nimport Dropdown from \"./Dropdown\";\nimport \"./header.scss\";\n\nconst Header = ({\n title,\n menuBarToggle,\n searchProps,\n className = \"\",\n actionBlock,\n breadcrumbs = [],\n renderDropdown = noop,\n}) => {\n const searchRef = useRef(null);\n const { t } = useTranslation();\n\n return (\n <div\n className={classnames([\n \"neeto-molecules-header\",\n { \"neeto-molecules-header--has-breadcrumbs\": !isEmpty(breadcrumbs) },\n className,\n ])}\n >\n <div className=\"neeto-molecules-header__left\">\n {menuBarToggle && (\n <Button\n aria-label=\"Toggle Menubar\"\n className=\"neeto-molecules-header__toggle-menubar-btn\"\n data-cy=\"menubar-toggle-button\"\n icon={HamburgerMenu}\n style=\"text\"\n onClick={menuBarToggle}\n />\n )}\n <div className=\"neeto-molecules-header__left-data-wrap\">\n {breadcrumbs && <Breadcrumbs {...{ breadcrumbs }} />}\n <div className=\"neeto-molecules-header__page-title\">\n <Typography\n data-cy=\"main-header\"\n data-test-id=\"main-header\"\n lineHeight=\"tight\"\n style=\"h2\"\n weight=\"semibold\"\n >\n {title}\n </Typography>\n {renderDropdown(Dropdown)}\n </div>\n </div>\n </div>\n <div className=\"neeto-ui-gap-3 neeto-molecules-header__right\">\n {searchProps && (\n <Input\n placeholder={t(\"neetoMolecules.common.actions.search\")}\n prefix={<Search />}\n ref={searchRef}\n type=\"search\"\n className={classnames([\n \"neeto-molecules-header__search-input\",\n searchProps.className,\n ])}\n {...searchProps}\n />\n )}\n {actionBlock}\n </div>\n </div>\n );\n};\n\nHeader.propTypes = {\n /\n To set a title in the Header section.\n /\n title: PropTypes.node,\n /\n To specify additional class names.\n /\n className: PropTypes.string,\n /\n To specify the content to be rendered in the right side of the Header section.\n /\n\n actionBlock: PropTypes.node,\n /\n To add a search field to the subheader section.\n /\n searchProps: PropTypes.object,\n /\n To show breadcrumbs in the Header section. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n /\n breadcrumbs: PropTypes.arrayOf(\n PropTypes.shape({\n text: PropTypes.string,\n link: PropTypes.string,\n })\n ),\n /\n To provide the function to toggle the menu bar.\n /\n menuBarToggle: PropTypes.func,\n /\n A function to render the Dropdown next to the title. It provides the Dropdown component as argument.\n */\n renderDropdown: PropTypes.func,\n};\n\nexport default Header;\n"],"names":["Breadcrumbs","_ref","breadcrumbs","React","createElement","className","map","_ref2","index","text","link","key","Link","to","Typography","component","style","weight","Right","size","memo","Dropdown","props","NeetoUIDropdown","_extends","buttonProps","buttonStyle","icon","MenuVertical","position","Header","title","menuBarToggle","searchProps","_ref$className","actionBlock","_ref$breadcrumbs","_ref$renderDropdown","renderDropdown","noop","searchRef","useRef","_useTranslation","useTranslation","t","classnames","isEmpty","Button","HamburgerMenu","onClick","lineHeight","Input","placeholder","prefix","Search","ref","type"],"mappings":"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"}

package/dist/MenuBar.cjs.js CHANGED Viewed

@@ -30871,7 +30871,7 @@ function _extends() {
 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 = ".neeto-molecules-menubar__wrapper{background-color:rgb(var(--neeto-ui-white))!important;border-right:1px solid rgb(var(--neeto-ui-gray-300));flex-shrink:0;overflow:hidden;transition:all .3s}.neeto-molecules-menubar__container{height:100vh;overflow-y:auto;padding:32px!important;width:324px}.neeto-molecules-menubar__title{margin-bottom:16px}.neeto-molecules-menubar__search{align-items:center;display:flex;gap:4px;margin-bottom:20px}.neeto-molecules-menubar__subtitle{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:20px}.neeto-molecules-menubar__subtitle-actions{align-items:center;display:flex;gap:4px}.neeto-molecules-menubar__add-new-wrap,.neeto-molecules-menubar__block{margin-bottom:8px;padding:7px 8px}.neeto-molecules-menubar__block{align-items:center;border:thin solid transparent;border-radius:var(--neeto-ui-rounded);cursor:pointer;display:flex;justify-content:space-between;text-align:left;transition:all .3s;width:100%}.neeto-molecules-menubar__block:active,.neeto-molecules-menubar__block:focus,.neeto-molecules-menubar__block:focus-visible,.neeto-molecules-menubar__block:hover{background-color:rgb(var(--neeto-ui-gray-200));outline:none;text-decoration:none}.neeto-molecules-menubar__block--active{background-color:rgb(var(--neeto-ui-white));border-color:rgb(var(--neeto-ui-gray-300));box-shadow:var(--neeto-ui-shadow-xs)}.neeto-molecules-menubar__block--active:active,.neeto-molecules-menubar__block--active:focus,.neeto-molecules-menubar__block--active:focus-visible,.neeto-molecules-menubar__block--active:hover{background-color:rgb(var(--neeto-ui-white))}.neeto-molecules-menubar__block .neeto-molecules-menubar__block-label{align-items:center;display:flex}.neeto-molecules-menubar__block .neeto-molecules-menubar__block-icon{margin-right:4px}.neeto-molecules-menubar__item{border:thin solid transparent;border-radius:var(--neeto-ui-rounded);cursor:pointer;margin-bottom:8px;padding:12px;text-align:left;transition:all .3s;width:100%}.neeto-molecules-menubar__item:active,.neeto-molecules-menubar__item:focus,.neeto-molecules-menubar__item:focus-visible,.neeto-molecules-menubar__item:hover{background-color:rgb(var(--neeto-ui-gray-200));outline:none}.neeto-molecules-menubar__item--active{background-color:rgb(var(--neeto-ui-white));border-color:rgb(var(--neeto-ui-gray-300));box-shadow:var(--neeto-ui-shadow-xs);color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-menubar__item--active:active,.neeto-molecules-menubar__item--active:focus,.neeto-molecules-menubar__item--active:focus-visible,.neeto-molecules-menubar__item--active:hover{background-color:rgb(var(--neeto-ui-white))}.neeto-molecules-menubar-enter.neeto-molecules-menubar__wrapper{width:0}.neeto-molecules-menubar-enter-active.neeto-molecules-menubar__wrapper,.neeto-molecules-menubar-enter-done.neeto-molecules-menubar__wrapper,.neeto-molecules-menubar-exit.neeto-molecules-menubar__wrapper{width:324px}.neeto-molecules-menubar-exit-active.neeto-molecules-menubar__wrapper{width:0}";
+var css = ".neeto-molecules-menubar__wrapper{background-color:rgb(var(--neeto-ui-gray-100));flex-shrink:0;overflow:hidden;transition:all .3s}.neeto-molecules-menubar__container{height:100vh;overflow-y:auto;padding:24px;width:324px}.neeto-molecules-menubar__title{margin-bottom:16px}.neeto-molecules-menubar__search{align-items:center;display:flex;gap:4px;margin-bottom:20px}.neeto-molecules-menubar__subtitle{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:20px}.neeto-molecules-menubar__subtitle-actions{align-items:center;display:flex;gap:4px}.neeto-molecules-menubar__add-new-wrap,.neeto-molecules-menubar__block{margin-bottom:8px;padding:7px 8px}.neeto-molecules-menubar__block{align-items:center;border:thin solid transparent;border-radius:var(--neeto-ui-rounded);cursor:pointer;display:flex;justify-content:space-between;text-align:left;transition:all .3s;width:100%}.neeto-molecules-menubar__block:active,.neeto-molecules-menubar__block:focus,.neeto-molecules-menubar__block:focus-visible,.neeto-molecules-menubar__block:hover{background-color:rgb(var(--neeto-ui-gray-200));outline:none;text-decoration:none}.neeto-molecules-menubar__block--active{background-color:rgb(var(--neeto-ui-white));border-color:rgb(var(--neeto-ui-gray-300));box-shadow:var(--neeto-ui-shadow-xs)}.neeto-molecules-menubar__block--active:active,.neeto-molecules-menubar__block--active:focus,.neeto-molecules-menubar__block--active:focus-visible,.neeto-molecules-menubar__block--active:hover{background-color:rgb(var(--neeto-ui-white))}.neeto-molecules-menubar__block .neeto-molecules-menubar__block-label{align-items:center;display:flex}.neeto-molecules-menubar__block .neeto-molecules-menubar__block-icon{margin-right:4px}.neeto-molecules-menubar__item{border:thin solid transparent;border-radius:var(--neeto-ui-rounded);cursor:pointer;margin-bottom:8px;padding:12px;text-align:left;transition:all .3s;width:100%}.neeto-molecules-menubar__item:active,.neeto-molecules-menubar__item:focus,.neeto-molecules-menubar__item:focus-visible,.neeto-molecules-menubar__item:hover{background-color:rgb(var(--neeto-ui-gray-200));outline:none}.neeto-molecules-menubar__item--active{background-color:rgb(var(--neeto-ui-white));border-color:rgb(var(--neeto-ui-gray-300));box-shadow:var(--neeto-ui-shadow-xs);color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-menubar__item--active:active,.neeto-molecules-menubar__item--active:focus,.neeto-molecules-menubar__item--active:focus-visible,.neeto-molecules-menubar__item--active:hover{background-color:rgb(var(--neeto-ui-white))}.neeto-molecules-menubar-enter.neeto-molecules-menubar__wrapper{width:0}.neeto-molecules-menubar-enter-active.neeto-molecules-menubar__wrapper,.neeto-molecules-menubar-enter-done.neeto-molecules-menubar__wrapper,.neeto-molecules-menubar-exit.neeto-molecules-menubar__wrapper{width:324px}.neeto-molecules-menubar-exit-active.neeto-molecules-menubar__wrapper{width:0}";
 n(css,{});
 var _excluded$5 = ["label", "onClick"];

package/dist/MenuBar.js CHANGED Viewed

@@ -30865,7 +30865,7 @@ function _extends() {
 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 = ".neeto-molecules-menubar__wrapper{background-color:rgb(var(--neeto-ui-white))!important;border-right:1px solid rgb(var(--neeto-ui-gray-300));flex-shrink:0;overflow:hidden;transition:all .3s}.neeto-molecules-menubar__container{height:100vh;overflow-y:auto;padding:32px!important;width:324px}.neeto-molecules-menubar__title{margin-bottom:16px}.neeto-molecules-menubar__search{align-items:center;display:flex;gap:4px;margin-bottom:20px}.neeto-molecules-menubar__subtitle{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:20px}.neeto-molecules-menubar__subtitle-actions{align-items:center;display:flex;gap:4px}.neeto-molecules-menubar__add-new-wrap,.neeto-molecules-menubar__block{margin-bottom:8px;padding:7px 8px}.neeto-molecules-menubar__block{align-items:center;border:thin solid transparent;border-radius:var(--neeto-ui-rounded);cursor:pointer;display:flex;justify-content:space-between;text-align:left;transition:all .3s;width:100%}.neeto-molecules-menubar__block:active,.neeto-molecules-menubar__block:focus,.neeto-molecules-menubar__block:focus-visible,.neeto-molecules-menubar__block:hover{background-color:rgb(var(--neeto-ui-gray-200));outline:none;text-decoration:none}.neeto-molecules-menubar__block--active{background-color:rgb(var(--neeto-ui-white));border-color:rgb(var(--neeto-ui-gray-300));box-shadow:var(--neeto-ui-shadow-xs)}.neeto-molecules-menubar__block--active:active,.neeto-molecules-menubar__block--active:focus,.neeto-molecules-menubar__block--active:focus-visible,.neeto-molecules-menubar__block--active:hover{background-color:rgb(var(--neeto-ui-white))}.neeto-molecules-menubar__block .neeto-molecules-menubar__block-label{align-items:center;display:flex}.neeto-molecules-menubar__block .neeto-molecules-menubar__block-icon{margin-right:4px}.neeto-molecules-menubar__item{border:thin solid transparent;border-radius:var(--neeto-ui-rounded);cursor:pointer;margin-bottom:8px;padding:12px;text-align:left;transition:all .3s;width:100%}.neeto-molecules-menubar__item:active,.neeto-molecules-menubar__item:focus,.neeto-molecules-menubar__item:focus-visible,.neeto-molecules-menubar__item:hover{background-color:rgb(var(--neeto-ui-gray-200));outline:none}.neeto-molecules-menubar__item--active{background-color:rgb(var(--neeto-ui-white));border-color:rgb(var(--neeto-ui-gray-300));box-shadow:var(--neeto-ui-shadow-xs);color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-menubar__item--active:active,.neeto-molecules-menubar__item--active:focus,.neeto-molecules-menubar__item--active:focus-visible,.neeto-molecules-menubar__item--active:hover{background-color:rgb(var(--neeto-ui-white))}.neeto-molecules-menubar-enter.neeto-molecules-menubar__wrapper{width:0}.neeto-molecules-menubar-enter-active.neeto-molecules-menubar__wrapper,.neeto-molecules-menubar-enter-done.neeto-molecules-menubar__wrapper,.neeto-molecules-menubar-exit.neeto-molecules-menubar__wrapper{width:324px}.neeto-molecules-menubar-exit-active.neeto-molecules-menubar__wrapper{width:0}";
+var css = ".neeto-molecules-menubar__wrapper{background-color:rgb(var(--neeto-ui-gray-100));flex-shrink:0;overflow:hidden;transition:all .3s}.neeto-molecules-menubar__container{height:100vh;overflow-y:auto;padding:24px;width:324px}.neeto-molecules-menubar__title{margin-bottom:16px}.neeto-molecules-menubar__search{align-items:center;display:flex;gap:4px;margin-bottom:20px}.neeto-molecules-menubar__subtitle{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:20px}.neeto-molecules-menubar__subtitle-actions{align-items:center;display:flex;gap:4px}.neeto-molecules-menubar__add-new-wrap,.neeto-molecules-menubar__block{margin-bottom:8px;padding:7px 8px}.neeto-molecules-menubar__block{align-items:center;border:thin solid transparent;border-radius:var(--neeto-ui-rounded);cursor:pointer;display:flex;justify-content:space-between;text-align:left;transition:all .3s;width:100%}.neeto-molecules-menubar__block:active,.neeto-molecules-menubar__block:focus,.neeto-molecules-menubar__block:focus-visible,.neeto-molecules-menubar__block:hover{background-color:rgb(var(--neeto-ui-gray-200));outline:none;text-decoration:none}.neeto-molecules-menubar__block--active{background-color:rgb(var(--neeto-ui-white));border-color:rgb(var(--neeto-ui-gray-300));box-shadow:var(--neeto-ui-shadow-xs)}.neeto-molecules-menubar__block--active:active,.neeto-molecules-menubar__block--active:focus,.neeto-molecules-menubar__block--active:focus-visible,.neeto-molecules-menubar__block--active:hover{background-color:rgb(var(--neeto-ui-white))}.neeto-molecules-menubar__block .neeto-molecules-menubar__block-label{align-items:center;display:flex}.neeto-molecules-menubar__block .neeto-molecules-menubar__block-icon{margin-right:4px}.neeto-molecules-menubar__item{border:thin solid transparent;border-radius:var(--neeto-ui-rounded);cursor:pointer;margin-bottom:8px;padding:12px;text-align:left;transition:all .3s;width:100%}.neeto-molecules-menubar__item:active,.neeto-molecules-menubar__item:focus,.neeto-molecules-menubar__item:focus-visible,.neeto-molecules-menubar__item:hover{background-color:rgb(var(--neeto-ui-gray-200));outline:none}.neeto-molecules-menubar__item--active{background-color:rgb(var(--neeto-ui-white));border-color:rgb(var(--neeto-ui-gray-300));box-shadow:var(--neeto-ui-shadow-xs);color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-menubar__item--active:active,.neeto-molecules-menubar__item--active:focus,.neeto-molecules-menubar__item--active:focus-visible,.neeto-molecules-menubar__item--active:hover{background-color:rgb(var(--neeto-ui-white))}.neeto-molecules-menubar-enter.neeto-molecules-menubar__wrapper{width:0}.neeto-molecules-menubar-enter-active.neeto-molecules-menubar__wrapper,.neeto-molecules-menubar-enter-done.neeto-molecules-menubar__wrapper,.neeto-molecules-menubar-exit.neeto-molecules-menubar__wrapper{width:324px}.neeto-molecules-menubar-exit-active.neeto-molecules-menubar__wrapper{width:0}";
 n(css,{});
 var _excluded$5 = ["label", "onClick"];

package/dist/ShareViaEmail.cjs.js CHANGED Viewed

@@ -2934,6 +2934,7 @@ var ShareViaEmail = function ShareViaEmail(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mx-auto flex w-full max-w-7xl flex-col"
   }, /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
+    scrollToErrorField: true,
     formProps: {
       noValidate: true
     },