@bigbinary/neeto-molecules 1.0.114 → 1.1.0

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 (49) hide show
  1. package/README.md +1 -0
  2. package/dist/Container.cjs.js +1 -1
  3. package/dist/Container.js +1 -1
  4. package/dist/CustomDomainDashboard.cjs.js +23 -24
  5. package/dist/CustomDomainDashboard.cjs.js.map +1 -1
  6. package/dist/CustomDomainDashboard.js +26 -27
  7. package/dist/CustomDomainDashboard.js.map +1 -1
  8. package/dist/EmailForm.cjs.js +110 -54
  9. package/dist/EmailForm.cjs.js.map +1 -1
  10. package/dist/EmailForm.js +111 -55
  11. package/dist/EmailForm.js.map +1 -1
  12. package/dist/Header.cjs.js +21 -23
  13. package/dist/Header.cjs.js.map +1 -1
  14. package/dist/Header.js +24 -26
  15. package/dist/Header.js.map +1 -1
  16. package/dist/MenuBar.cjs.js +1 -1
  17. package/dist/MenuBar.js +1 -1
  18. package/dist/NeetoWidget.cjs.js +52 -31
  19. package/dist/NeetoWidget.cjs.js.map +1 -1
  20. package/dist/NeetoWidget.js +54 -33
  21. package/dist/NeetoWidget.js.map +1 -1
  22. package/dist/Scrollable.cjs.js +5 -1
  23. package/dist/Scrollable.cjs.js.map +1 -1
  24. package/dist/Scrollable.js +5 -1
  25. package/dist/Scrollable.js.map +1 -1
  26. package/dist/Security.cjs.js +28 -25
  27. package/dist/Security.cjs.js.map +1 -1
  28. package/dist/Security.js +31 -28
  29. package/dist/Security.js.map +1 -1
  30. package/dist/SendToFields.cjs.js +2524 -0
  31. package/dist/SendToFields.cjs.js.map +1 -0
  32. package/dist/SendToFields.js +2517 -0
  33. package/dist/SendToFields.js.map +1 -0
  34. package/dist/ShareViaEmail.cjs.js +284 -221
  35. package/dist/ShareViaEmail.cjs.js.map +1 -1
  36. package/dist/ShareViaEmail.js +287 -224
  37. package/dist/ShareViaEmail.js.map +1 -1
  38. package/dist/Sidebar.cjs.js +251 -139
  39. package/dist/Sidebar.cjs.js.map +1 -1
  40. package/dist/Sidebar.js +254 -142
  41. package/dist/Sidebar.js.map +1 -1
  42. package/dist/SubHeader.cjs.js +1 -1
  43. package/dist/SubHeader.js +1 -1
  44. package/package.json +3 -3
  45. package/src/translations/en.json +16 -3
  46. package/types/Header.d.ts +3 -2
  47. package/types/NavigationHeader.d.ts +63 -41
  48. package/types/SendToFields.d.ts +63 -0
  49. package/types/Sidebar.d.ts +2 -1
package/dist/Header.cjs.js CHANGED
@@ -4,7 +4,6 @@ var React = require('react');
4
4
  var pure = require('@bigbinary/neeto-commons-frontend/pure');
5
5
  var neetoIcons = require('@bigbinary/neeto-icons');
6
6
  var neetoui = require('@bigbinary/neetoui');
7
- var ramda = require('ramda');
8
7
  var reactI18next = require('react-i18next');
9
8
  var reactRouterDom = require('react-router-dom');
10
9
 
@@ -90,7 +89,7 @@ var classnames = classnames$1.exports;
90
89
 
91
90
  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}}
92
91
 
93
- 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}";
92
+ var css = ":root{--neeto-molecules-main-header-height:98px;--neeto-molecules-main-header-with-breadcrumbs-height:170px}.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:98px;min-height:var(--neeto-molecules-main-header-height);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:var(--neeto-ui-leading-tight)}.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}.neeto-molecules-header--has-breadcrumbs{min-height:170px;min-height:var(--neeto-molecules-main-header-with-breadcrumbs-height)}.neeto-molecules-header--has-breadcrumbs .neeto-molecules-header__page-title{margin-top:0}.neeto-molecules-header--nano,.neeto-molecules-header--small{flex-shrink:0;min-height:0}.neeto-molecules-header--nano .neeto-molecules-header__breadcrumbs-wrap,.neeto-molecules-header--small .neeto-molecules-header__breadcrumbs-wrap{margin:0 0 16px}.neeto-molecules-header--small .neeto-molecules-header__page-title{margin-top:-4px}.neeto-molecules-header--small .neeto-molecules-header__page-title h2{font-size:32px}.neeto-molecules-header--nano .neeto-molecules-header__page-title{margin-top:0}.neeto-molecules-header--nano .neeto-molecules-header__page-title h2{font-size:24px}";
94
93
  n(css,{});
95
94
 
96
95
  var Breadcrumbs = function Breadcrumbs(_ref) {
@@ -99,7 +98,8 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
99
98
  className: "neeto-molecules-header__breadcrumbs-wrap"
100
99
  }, breadcrumbs.map(function (_ref2, index) {
101
100
  var text = _ref2.text,
102
- link = _ref2.link;
101
+ _ref2$link = _ref2.link,
102
+ link = _ref2$link === void 0 ? "#" : _ref2$link;
103
103
  return /*#__PURE__*/React__default["default"].createElement("div", {
104
104
  className: "neeto-molecules-header__breadcrumb",
105
105
  "data-cy": "header-breadcrumb",
@@ -107,27 +107,28 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
107
107
  }, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
108
108
  to: link
109
109
  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
110
- className: "neeto-molecules-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link",
110
+ className: "neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link",
111
111
  component: "span",
112
112
  "data-cy": text,
113
113
  "data-test-id": text,
114
114
  style: "body2",
115
115
  weight: "normal"
116
- }, text)), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Right, {
117
- className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-gray-400",
118
- size: 16
119
- }));
116
+ }, text)), index !== breadcrumbs.length - 1 && /*#__PURE__*/React__default["default"].createElement("span", {
117
+ className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-black"
118
+ }, "/"));
120
119
  }));
121
120
  };
122
121
  var Breadcrumbs$1 = /*#__PURE__*/React__default["default"].memo(Breadcrumbs);
123
122
 
123
+ var SIZES = {
124
+ nano: "nano",
125
+ small: "small",
126
+ large: "large"
127
+ };
128
+
124
129
  var Dropdown = function Dropdown(props) {
125
130
  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends({
126
- buttonProps: {
127
- className: "ml-1.5"
128
- },
129
131
  buttonStyle: "text",
130
- className: "ml-3",
131
132
  icon: neetoIcons.MenuVertical,
132
133
  position: "bottom-end"
133
134
  }, props));
@@ -135,7 +136,6 @@ var Dropdown = function Dropdown(props) {
135
136
 
136
137
  var Header = function Header(_ref) {
137
138
  var title = _ref.title,
138
- menuBarToggle = _ref.menuBarToggle,
139
139
  searchProps = _ref.searchProps,
140
140
  _ref$className = _ref.className,
141
141
  className = _ref$className === void 0 ? "" : _ref$className,
@@ -144,6 +144,8 @@ var Header = function Header(_ref) {
144
144
  breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
145
145
  _ref$renderDropdown = _ref.renderDropdown,
146
146
  renderDropdown = _ref$renderDropdown === void 0 ? pure.noop : _ref$renderDropdown,
147
+ _ref$size = _ref.size,
148
+ size = _ref$size === void 0 ? "large" : _ref$size,
147
149
  _ref$dataTestid = _ref["data-testid"],
148
150
  dataTestId = _ref$dataTestid === void 0 ? "neeto-molecules-header" : _ref$dataTestid;
149
151
  var searchRef = React.useRef(null);
@@ -152,20 +154,16 @@ var Header = function Header(_ref) {
152
154
  return /*#__PURE__*/React__default["default"].createElement("div", {
153
155
  "data-testid": dataTestId,
154
156
  className: classnames(["neeto-molecules-header", {
155
- "neeto-molecules-header--has-breadcrumbs": !ramda.isEmpty(breadcrumbs)
157
+ "neeto-molecules-header--has-breadcrumbs": pure.isNotEmpty(breadcrumbs),
158
+ "neeto-molecules-header--large": size === SIZES.large,
159
+ "neeto-molecules-header--small": size === SIZES.small,
160
+ "neeto-molecules-header--nano": size === SIZES.nano
156
161
  }, className])
157
162
  }, /*#__PURE__*/React__default["default"].createElement("div", {
158
163
  className: "neeto-molecules-header__left"
159
- }, menuBarToggle && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
160
- "aria-label": "Toggle Menubar",
161
- className: "neeto-molecules-header__toggle-menubar-btn",
162
- "data-cy": "menubar-toggle-button",
163
- icon: neetoIcons.HamburgerMenu,
164
- style: "text",
165
- onClick: menuBarToggle
166
- }), /*#__PURE__*/React__default["default"].createElement("div", {
164
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
167
165
  className: "neeto-molecules-header__left-data-wrap"
168
- }, breadcrumbs && /*#__PURE__*/React__default["default"].createElement(Breadcrumbs$1, {
166
+ }, pure.isNotEmpty(breadcrumbs) && /*#__PURE__*/React__default["default"].createElement(Breadcrumbs$1, {
169
167
  breadcrumbs: breadcrumbs
170
168
  }), /*#__PURE__*/React__default["default"].createElement("div", {
171
169
  className: "neeto-molecules-header__page-title"
package/dist/Header.cjs.js.map CHANGED
@@ -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 { 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\n className=\"neeto-molecules-header__breadcrumb\"\n data-cy=\"header-breadcrumb\"\n key={index}\n >\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 \"data-testid\": dataTestId = \"neeto-molecules-header\",\n}) => {\n const searchRef = useRef(null);\n const { t } = useTranslation();\n\n return (\n <div\n data-testid={dataTestId}\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","_ref$dataTestid","dataTestId","searchRef","useRef","_useTranslation","useTranslation","t","classnames","isEmpty","Button","HamburgerMenu","onClick","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/constants.js","../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\n className=\"neeto-molecules-header__breadcrumb\"\n data-cy=\"header-breadcrumb\"\n key={index}\n >\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 !== breadcrumbs.length - 1 && (\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","const SIZES = { nano: \"nano\", small: \"small\", large: \"large\" };\n\nexport { SIZES };\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 { SIZES } from \"./constants\";\nimport Dropdown from \"./Dropdown\";\nimport \"./header.scss\";\n\nconst Header = ({\n title,\n searchProps,\n className = \"\",\n actionBlock,\n breadcrumbs = [],\n renderDropdown = noop,\n size = \"large\",\n \"data-testid\": dataTestId = \"neeto-molecules-header\",\n}) => {\n const searchRef = useRef(null);\n const { t } = useTranslation();\n\n return (\n <div\n data-testid={dataTestId}\n className={classnames([\n \"neeto-molecules-header\",\n {\n \"neeto-molecules-header--has-breadcrumbs\": isNotEmpty(breadcrumbs),\n \"neeto-molecules-header--large\": size === SIZES.large,\n \"neeto-molecules-header--small\": size === SIZES.small,\n \"neeto-molecules-header--nano\": size === SIZES.nano,\n },\n className,\n ])}\n >\n <div className=\"neeto-molecules-header__left\">\n <div className=\"neeto-molecules-header__left-data-wrap\">\n {isNotEmpty(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 * A function to render the Dropdown next to the title. It provides the Dropdown component as argument.\n */\n renderDropdown: PropTypes.func,\n /**\n * To specify size of the Header.\n *\n * `large` - Default size. To be used in index pages.\n *\n * `small` - To be used in inner pages.\n *\n * `nano` - To be used in inner pages with menubar.\n */\n size: PropTypes.oneOf([\"nano\", \"small\", \"large\"]),\n};\n\nexport default Header;\n"],"names":["Breadcrumbs","_ref","breadcrumbs","React","createElement","className","map","_ref2","index","text","_ref2$link","link","key","Link","to","Typography","component","style","weight","length","memo","SIZES","nano","small","large","Dropdown","props","NeetoUIDropdown","_extends","buttonStyle","icon","MenuVertical","position","Header","title","searchProps","_ref$className","actionBlock","_ref$breadcrumbs","_ref$renderDropdown","renderDropdown","noop","_ref$size","size","_ref$dataTestid","dataTestId","searchRef","useRef","_useTranslation","useTranslation","t","classnames","isNotEmpty","lineHeight","Input","placeholder","prefix","Search","ref","type"],"mappings":"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"}
package/dist/Header.js CHANGED
@@ -1,8 +1,7 @@
1
1
  import React, { useRef } from 'react';
2
- import { noop } from '@bigbinary/neeto-commons-frontend/pure';
3
- import { Right, MenuVertical, HamburgerMenu, Search } from '@bigbinary/neeto-icons';
4
- import { Typography, Dropdown as Dropdown$1, Button, Input } from '@bigbinary/neetoui';
5
- import { isEmpty } from 'ramda';
2
+ import { isNotEmpty, noop } from '@bigbinary/neeto-commons-frontend/pure';
3
+ import { MenuVertical, Search } from '@bigbinary/neeto-icons';
4
+ import { Typography, Dropdown as Dropdown$1, Input } from '@bigbinary/neetoui';
6
5
  import { useTranslation } from 'react-i18next';
7
6
  import { Link } from 'react-router-dom';
8
7
 
@@ -84,7 +83,7 @@ var classnames = classnames$1.exports;
84
83
 
85
84
  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}}
86
85
 
87
- 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}";
86
+ var css = ":root{--neeto-molecules-main-header-height:98px;--neeto-molecules-main-header-with-breadcrumbs-height:170px}.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:98px;min-height:var(--neeto-molecules-main-header-height);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:var(--neeto-ui-leading-tight)}.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}.neeto-molecules-header--has-breadcrumbs{min-height:170px;min-height:var(--neeto-molecules-main-header-with-breadcrumbs-height)}.neeto-molecules-header--has-breadcrumbs .neeto-molecules-header__page-title{margin-top:0}.neeto-molecules-header--nano,.neeto-molecules-header--small{flex-shrink:0;min-height:0}.neeto-molecules-header--nano .neeto-molecules-header__breadcrumbs-wrap,.neeto-molecules-header--small .neeto-molecules-header__breadcrumbs-wrap{margin:0 0 16px}.neeto-molecules-header--small .neeto-molecules-header__page-title{margin-top:-4px}.neeto-molecules-header--small .neeto-molecules-header__page-title h2{font-size:32px}.neeto-molecules-header--nano .neeto-molecules-header__page-title{margin-top:0}.neeto-molecules-header--nano .neeto-molecules-header__page-title h2{font-size:24px}";
88
87
  n(css,{});
89
88
 
90
89
  var Breadcrumbs = function Breadcrumbs(_ref) {
@@ -93,7 +92,8 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
93
92
  className: "neeto-molecules-header__breadcrumbs-wrap"
94
93
  }, breadcrumbs.map(function (_ref2, index) {
95
94
  var text = _ref2.text,
96
- link = _ref2.link;
95
+ _ref2$link = _ref2.link,
96
+ link = _ref2$link === void 0 ? "#" : _ref2$link;
97
97
  return /*#__PURE__*/React.createElement("div", {
98
98
  className: "neeto-molecules-header__breadcrumb",
99
99
  "data-cy": "header-breadcrumb",
@@ -101,27 +101,28 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
101
101
  }, /*#__PURE__*/React.createElement(Link, {
102
102
  to: link
103
103
  }, /*#__PURE__*/React.createElement(Typography, {
104
- className: "neeto-molecules-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link",
104
+ className: "neeto-ui-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link",
105
105
  component: "span",
106
106
  "data-cy": text,
107
107
  "data-test-id": text,
108
108
  style: "body2",
109
109
  weight: "normal"
110
- }, text)), /*#__PURE__*/React.createElement(Right, {
111
- className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-gray-400",
112
- size: 16
113
- }));
110
+ }, text)), index !== breadcrumbs.length - 1 && /*#__PURE__*/React.createElement("span", {
111
+ className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-black"
112
+ }, "/"));
114
113
  }));
115
114
  };
116
115
  var Breadcrumbs$1 = /*#__PURE__*/React.memo(Breadcrumbs);
117
116
 
117
+ var SIZES = {
118
+ nano: "nano",
119
+ small: "small",
120
+ large: "large"
121
+ };
122
+
118
123
  var Dropdown = function Dropdown(props) {
119
124
  return /*#__PURE__*/React.createElement(Dropdown$1, _extends({
120
- buttonProps: {
121
- className: "ml-1.5"
122
- },
123
125
  buttonStyle: "text",
124
- className: "ml-3",
125
126
  icon: MenuVertical,
126
127
  position: "bottom-end"
127
128
  }, props));
@@ -129,7 +130,6 @@ var Dropdown = function Dropdown(props) {
129
130
 
130
131
  var Header = function Header(_ref) {
131
132
  var title = _ref.title,
132
- menuBarToggle = _ref.menuBarToggle,
133
133
  searchProps = _ref.searchProps,
134
134
  _ref$className = _ref.className,
135
135
  className = _ref$className === void 0 ? "" : _ref$className,
@@ -138,6 +138,8 @@ var Header = function Header(_ref) {
138
138
  breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
139
139
  _ref$renderDropdown = _ref.renderDropdown,
140
140
  renderDropdown = _ref$renderDropdown === void 0 ? noop : _ref$renderDropdown,
141
+ _ref$size = _ref.size,
142
+ size = _ref$size === void 0 ? "large" : _ref$size,
141
143
  _ref$dataTestid = _ref["data-testid"],
142
144
  dataTestId = _ref$dataTestid === void 0 ? "neeto-molecules-header" : _ref$dataTestid;
143
145
  var searchRef = useRef(null);
@@ -146,20 +148,16 @@ var Header = function Header(_ref) {
146
148
  return /*#__PURE__*/React.createElement("div", {
147
149
  "data-testid": dataTestId,
148
150
  className: classnames(["neeto-molecules-header", {
149
- "neeto-molecules-header--has-breadcrumbs": !isEmpty(breadcrumbs)
151
+ "neeto-molecules-header--has-breadcrumbs": isNotEmpty(breadcrumbs),
152
+ "neeto-molecules-header--large": size === SIZES.large,
153
+ "neeto-molecules-header--small": size === SIZES.small,
154
+ "neeto-molecules-header--nano": size === SIZES.nano
150
155
  }, className])
151
156
  }, /*#__PURE__*/React.createElement("div", {
152
157
  className: "neeto-molecules-header__left"
153
- }, menuBarToggle && /*#__PURE__*/React.createElement(Button, {
154
- "aria-label": "Toggle Menubar",
155
- className: "neeto-molecules-header__toggle-menubar-btn",
156
- "data-cy": "menubar-toggle-button",
157
- icon: HamburgerMenu,
158
- style: "text",
159
- onClick: menuBarToggle
160
- }), /*#__PURE__*/React.createElement("div", {
158
+ }, /*#__PURE__*/React.createElement("div", {
161
159
  className: "neeto-molecules-header__left-data-wrap"
162
- }, breadcrumbs && /*#__PURE__*/React.createElement(Breadcrumbs$1, {
160
+ }, isNotEmpty(breadcrumbs) && /*#__PURE__*/React.createElement(Breadcrumbs$1, {
163
161
  breadcrumbs: breadcrumbs
164
162
  }), /*#__PURE__*/React.createElement("div", {
165
163
  className: "neeto-molecules-header__page-title"
package/dist/Header.js.map CHANGED
@@ -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 { 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\n className=\"neeto-molecules-header__breadcrumb\"\n data-cy=\"header-breadcrumb\"\n key={index}\n >\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 \"data-testid\": dataTestId = \"neeto-molecules-header\",\n}) => {\n const searchRef = useRef(null);\n const { t } = useTranslation();\n\n return (\n <div\n data-testid={dataTestId}\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","_ref$dataTestid","dataTestId","searchRef","useRef","_useTranslation","useTranslation","t","classnames","isEmpty","Button","HamburgerMenu","onClick","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/constants.js","../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\n className=\"neeto-molecules-header__breadcrumb\"\n data-cy=\"header-breadcrumb\"\n key={index}\n >\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 !== breadcrumbs.length - 1 && (\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","const SIZES = { nano: \"nano\", small: \"small\", large: \"large\" };\n\nexport { SIZES };\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 { SIZES } from \"./constants\";\nimport Dropdown from \"./Dropdown\";\nimport \"./header.scss\";\n\nconst Header = ({\n title,\n searchProps,\n className = \"\",\n actionBlock,\n breadcrumbs = [],\n renderDropdown = noop,\n size = \"large\",\n \"data-testid\": dataTestId = \"neeto-molecules-header\",\n}) => {\n const searchRef = useRef(null);\n const { t } = useTranslation();\n\n return (\n <div\n data-testid={dataTestId}\n className={classnames([\n \"neeto-molecules-header\",\n {\n \"neeto-molecules-header--has-breadcrumbs\": isNotEmpty(breadcrumbs),\n \"neeto-molecules-header--large\": size === SIZES.large,\n \"neeto-molecules-header--small\": size === SIZES.small,\n \"neeto-molecules-header--nano\": size === SIZES.nano,\n },\n className,\n ])}\n >\n <div className=\"neeto-molecules-header__left\">\n <div className=\"neeto-molecules-header__left-data-wrap\">\n {isNotEmpty(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 * A function to render the Dropdown next to the title. It provides the Dropdown component as argument.\n */\n renderDropdown: PropTypes.func,\n /**\n * To specify size of the Header.\n *\n * `large` - Default size. To be used in index pages.\n *\n * `small` - To be used in inner pages.\n *\n * `nano` - To be used in inner pages with menubar.\n */\n size: PropTypes.oneOf([\"nano\", \"small\", \"large\"]),\n};\n\nexport default Header;\n"],"names":["Breadcrumbs","_ref","breadcrumbs","React","createElement","className","map","_ref2","index","text","_ref2$link","link","key","Link","to","Typography","component","style","weight","length","memo","SIZES","nano","small","large","Dropdown","props","NeetoUIDropdown","_extends","buttonStyle","icon","MenuVertical","position","Header","title","searchProps","_ref$className","actionBlock","_ref$breadcrumbs","_ref$renderDropdown","renderDropdown","noop","_ref$size","size","_ref$dataTestid","dataTestId","searchRef","useRef","_useTranslation","useTranslation","t","classnames","isNotEmpty","lineHeight","Input","placeholder","prefix","Search","ref","type"],"mappings":"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"}
package/dist/MenuBar.cjs.js CHANGED
@@ -34089,7 +34089,7 @@ function _extends() {
34089
34089
 
34090
34090
  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}}
34091
34091
 
34092
- 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}";
34092
+ 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}";
34093
34093
  n(css,{});
34094
34094
 
34095
34095
  var _excluded$5 = ["label", "onClick"];
package/dist/MenuBar.js CHANGED
@@ -34083,7 +34083,7 @@ function _extends() {
34083
34083
 
34084
34084
  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}}
34085
34085
 
34086
- 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}";
34086
+ 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}";
34087
34087
  n(css,{});
34088
34088
 
34089
34089
  var _excluded$5 = ["label", "onClick"];
package/dist/NeetoWidget.cjs.js CHANGED
@@ -3030,44 +3030,63 @@ var useUpdateConfigurations = function useUpdateConfigurations() {
3030
3030
  }));
3031
3031
  };
3032
3032
 
3033
- var SelectionTabs = function SelectionTabs(_ref) {
3033
+ var TooltipSwitch = reactUtils.withT(function (_ref) {
3034
+ var t = _ref.t,
3035
+ enabledClientApps = _ref.enabledClientApps,
3036
+ widget = _ref.widget,
3037
+ selectedWidgets = _ref.selectedWidgets,
3038
+ updateSelectedWidgets = _ref.updateSelectedWidgets;
3039
+ return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
3040
+ disabled: enabledClientApps.includes(widget),
3041
+ placement: "right",
3042
+ content: t("neetoMolecules.widget.tooltips.productIsDisabled", {
3043
+ productName: "neeto".concat(pure.capitalize(widget))
3044
+ })
3045
+ }, /*#__PURE__*/React__default["default"].createElement(neetoui.Switch, {
3046
+ checked: selectedWidgets.includes(widget),
3047
+ disabled: !enabledClientApps.includes(widget),
3048
+ onChange: function onChange() {
3049
+ return updateSelectedWidgets(widget);
3050
+ }
3051
+ }));
3052
+ });
3053
+
3054
+ var SelectionSwitches = function SelectionSwitches(_ref) {
3034
3055
  var selectedWidgets = _ref.selectedWidgets,
3035
3056
  updateSelectedWidgets = _ref.updateSelectedWidgets,
3036
- primarySelectedWidget = _ref.primarySelectedWidget;
3037
- var formattedPrimaryWidget = pure.capitalize(WIDGET_TYPES_VALUES.includes(primarySelectedWidget) ? primarySelectedWidget : "");
3038
- var renderSelectedTab = function renderSelectedTab() {
3039
- return WIDGET_TYPES_VALUES.map(function (widget, index) {
3040
- return primarySelectedWidget !== widget ? /*#__PURE__*/React__default["default"].createElement("div", {
3041
- className: "flex items-center space-x-2",
3042
- key: index
3043
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Switch, {
3044
- checked: selectedWidgets.includes(widget),
3045
- onChange: function onChange() {
3046
- return updateSelectedWidgets(widget);
3047
- }
3048
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, "neeto", pure.capitalize(widget))) : null;
3049
- });
3050
- };
3057
+ primaryApp = _ref.primaryApp,
3058
+ enabledClientApps = _ref.enabledClientApps;
3059
+ var primaryWidget = WIDGET_TYPES_VALUES.includes(primaryApp) ? primaryApp : "";
3051
3060
  return /*#__PURE__*/React__default["default"].createElement("div", {
3052
3061
  className: "mb-4 flex w-full items-center justify-between gap-2"
3053
3062
  }, /*#__PURE__*/React__default["default"].createElement("div", {
3054
3063
  className: "flex items-center space-x-2"
3055
- }, pure.isNotEmpty(formattedPrimaryWidget) && /*#__PURE__*/React__default["default"].createElement(neetoui.Switch, {
3056
- checked: selectedWidgets.includes(primarySelectedWidget),
3057
- onChange: function onChange() {
3058
- return updateSelectedWidgets(primarySelectedWidget);
3059
- }
3064
+ }, pure.isNotEmpty(primaryWidget) && /*#__PURE__*/React__default["default"].createElement(TooltipSwitch, {
3065
+ enabledClientApps: enabledClientApps,
3066
+ selectedWidgets: selectedWidgets,
3067
+ updateSelectedWidgets: updateSelectedWidgets,
3068
+ widget: primaryWidget
3060
3069
  }), /*#__PURE__*/React__default["default"].createElement("div", {
3061
3070
  className: "flex items-center space-x-1"
3062
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, "neeto", formattedPrimaryWidget), /*#__PURE__*/React__default["default"].createElement("a", {
3063
- href: WIDGET_KB_HELP_URL[primarySelectedWidget],
3071
+ }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, "neeto", pure.capitalize(primaryWidget)), /*#__PURE__*/React__default["default"].createElement("a", {
3072
+ href: WIDGET_KB_HELP_URL[primaryApp],
3064
3073
  rel: "noreferrer",
3065
3074
  target: "_blank"
3066
3075
  }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Info, {
3067
3076
  size: 16
3068
3077
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
3069
3078
  className: "flex items-center justify-end gap-6"
3070
- }, renderSelectedTab()));
3079
+ }, WIDGET_TYPES_VALUES.map(function (widget, index) {
3080
+ return primaryApp !== widget && /*#__PURE__*/React__default["default"].createElement("div", {
3081
+ className: "flex items-center space-x-2",
3082
+ key: index
3083
+ }, /*#__PURE__*/React__default["default"].createElement(TooltipSwitch, {
3084
+ enabledClientApps: enabledClientApps,
3085
+ selectedWidgets: selectedWidgets,
3086
+ updateSelectedWidgets: updateSelectedWidgets,
3087
+ widget: widget
3088
+ }), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, "neeto", pure.capitalize(widget)));
3089
+ })));
3071
3090
  };
3072
3091
 
3073
3092
  var EmbedCode = function EmbedCode(_ref) {
@@ -3110,6 +3129,9 @@ var EmbedCode = function EmbedCode(_ref) {
3110
3129
  var selectedWidgets = neetoWidgetTokens.filter(ramda.prop("enabled")).map(function (item) {
3111
3130
  return item.clientApplicationName.toLowerCase();
3112
3131
  });
3132
+ var enabledClientApps = neetoWidgetTokens.filter(ramda.prop("clientApplicationEnabled")).map(function (item) {
3133
+ return item.clientApplicationName.toLowerCase();
3134
+ });
3113
3135
  var enabledWidgets = ramda.fromPairs(selectedWidgets.map(function (widget) {
3114
3136
  return [widget, true];
3115
3137
  }));
@@ -3127,18 +3149,16 @@ var EmbedCode = function EmbedCode(_ref) {
3127
3149
  }
3128
3150
  }, {
3129
3151
  onSuccess: function onSuccess() {
3152
+ var productName = "neeto".concat(pure.capitalize(widget));
3130
3153
  var response = isEnabled ? "neetoMolecules.widget.installation.enabled" : "neetoMolecules.widget.installation.disabled";
3131
3154
  neetoui.Toastr.success(t(response, {
3132
- productName: "neeto".concat(pure.capitalize(widget))
3155
+ productName: productName
3133
3156
  }));
3134
3157
  }
3135
3158
  });
3136
3159
  };
3137
3160
  var getEmbedCodeString = function getEmbedCodeString() {
3138
- if (pure.isNotEmpty(widgetApiKey)) {
3139
- return sampleConsolidatedCodeString(enabledWidgets, widgetApiKey);
3140
- }
3141
- return "";
3161
+ return pure.isNotEmpty(widgetApiKey) ? sampleConsolidatedCodeString(enabledWidgets, widgetApiKey) : "";
3142
3162
  };
3143
3163
  var getSnippetProps = function getSnippetProps(selectedEmailType) {
3144
3164
  switch (selectedEmailType) {
@@ -3244,8 +3264,9 @@ var EmbedCode = function EmbedCode(_ref) {
3244
3264
  className: "mx-auto mb-10 w-full flex-col items-center justify-start"
3245
3265
  }, /*#__PURE__*/React__default["default"].createElement("div", {
3246
3266
  className: classnames("mx-auto", maxWidth)
3247
- }, /*#__PURE__*/React__default["default"].createElement(SelectionTabs, {
3248
- primarySelectedWidget: primaryApp,
3267
+ }, /*#__PURE__*/React__default["default"].createElement(SelectionSwitches, {
3268
+ enabledClientApps: enabledClientApps,
3269
+ primaryApp: primaryApp,
3249
3270
  selectedWidgets: selectedWidgets,
3250
3271
  updateSelectedWidgets: updateSelectedWidgets
3251
3272
  }), /*#__PURE__*/React__default["default"].createElement("div", {