@bigbinary/neeto-molecules 1.0.64 → 1.0.65-beta

package/dist/EmailPreview.cjs.js

@@ -10,6 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var MemoizedEditorContent = /*#__PURE__*/React__default["default"].memo(neetoEditor.EditorContent);
 var EmailPreview = function EmailPreview(_ref) {
   var to = _ref.to,
     from = _ref.from,
@@ -66,7 +67,7 @@ var EmailPreview = function EmailPreview(_ref) {
   })))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed",
     "data-cy": "email-body-preview-container"
-  }, body ? /*#__PURE__*/React__default["default"].createElement(neetoEditor.EditorContent, {
+  }, body ? /*#__PURE__*/React__default["default"].createElement(MemoizedEditorContent, {
     content: body
   }) : /*#__PURE__*/React__default["default"].createElement("div", {
     className: "space-y-4"

package/dist/EmailPreview.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmailPreview.cjs.js","sources":["../src/components/EmailPreview.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { isNotEmpty } from \"neetocommons/pure\";\nimport { EditorContent } from \"neetoeditor\";\nimport { Typography, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst EmailPreview = ({\n  to,\n  from,\n  subject,\n  body,\n  productName,\n  actionButtonText,\n  logo,\n}) => {\n  const { t } = useTranslation();\n\n  return (\n    <div\n      className=\"neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border\"\n      data-cy=\"email-preview-card\"\n    >\n      <div className=\"neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6\">\n        <div\n          className=\"flex gap-2\"\n          data-cy=\"email-send-to-preview\"\n          data-testid=\"email-to-block\"\n        >\n          <Typography\n            className=\"neeto-ui-text-gray-500\"\n            lineHeight=\"normal\"\n            style=\"body2\"\n          >\n            {t(\"neetoMolecules.emailPreview.to\")}:\n          </Typography>\n          {isNotEmpty(to) ? (\n            <Typography\n              className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {to.join(\", \")}\n            </Typography>\n          ) : (\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full mt-2 h-2 w-40\" />\n          )}\n        </div>\n        {from && (\n          <div className=\"flex items-center gap-2 pt-3\">\n            <Typography\n              className=\"neeto-ui-text-gray-500\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {t(\"neetoMolecules.emailPreview.from\")}:\n            </Typography>\n            <Typography\n              className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n              data-cy=\"email-send-from-preview\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {from}\n            </Typography>\n          </div>\n        )}\n        <div className=\"flex items-center gap-2 pt-3\">\n          <Typography\n            className=\"neeto-ui-text-gray-500\"\n            lineHeight=\"normal\"\n            style=\"body2\"\n          >\n            {t(\"neetoMolecules.emailPreview.subject\")}:\n          </Typography>\n          <Typography\n            className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n            data-cy=\"email-subject-preview\"\n            lineHeight=\"normal\"\n            style=\"body2\"\n          >\n            {subject || (\n              <span className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-40\" />\n            )}\n          </Typography>\n        </div>\n      </div>\n      <div\n        className=\"neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed\"\n        data-cy=\"email-body-preview-container\"\n      >\n        {body ? (\n          <EditorContent content={body} />\n        ) : (\n          <div className=\"space-y-4\">\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-72\" />\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n          </div>\n        )}\n        {actionButtonText && (\n          <div className=\"mt-6 flex w-full items-center justify-center\">\n            <Button className=\"pointer-events-none\" label={actionButtonText} />\n          </div>\n        )}\n        {logo && (\n          <img\n            alt={t(\"neetoMolecules.emailPreview.logoAltText\")}\n            className=\"h-20 w-36 object-cover\"\n            data-cy=\"company-logo-preview\"\n            src={logo}\n          />\n        )}\n      </div>\n      {productName && (\n        <div\n          className=\"neeto-ui-bg-gray-100 mt-auto p-2\"\n          data-testid=\"product-name-block\"\n        >\n          <Typography\n            className=\"neeto-ui-text-gray-600 text-center leading-6\"\n            style=\"body3\"\n          >\n            {t(\"neetoMolecules.emailPreview.poweredBy\")}\n            <span className=\"neeto-ui-text-gray-800 font-medium\">\n              {productName}\n            </span>\n          </Typography>\n        </div>\n      )}\n    </div>\n  );\n};\n\nEmailPreview.propTypes = {\n  /**\n   * The value of the send-to field.\n   */\n  to: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * The value of the send-from field.\n   */\n  from: PropTypes.string,\n  /**\n   * The subject of the email.\n   */\n  subject: PropTypes.string,\n  /**\n   * The body of the email.\n   */\n  body: PropTypes.string,\n  /**\n   * The name of the neeto product to be previewed.\n   */\n  productName: PropTypes.string,\n  /**\n   * The text to be shown in the action button.\n   */\n  actionButtonText: PropTypes.string,\n  /**\n   * Source link for the company logo.\n   */\n  logo: PropTypes.string,\n};\n\nexport default EmailPreview;\n"],"names":["EmailPreview","_ref","to","from","subject","body","productName","actionButtonText","logo","_useTranslation","useTranslation","t","React","createElement","className","Typography","lineHeight","style","isNotEmpty","join","EditorContent","content","Button","label","alt","src"],"mappings":"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"}
+{"version":3,"file":"EmailPreview.cjs.js","sources":["../src/components/EmailPreview.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { isNotEmpty } from \"neetocommons/pure\";\nimport { EditorContent } from \"neetoeditor\";\nimport { Typography, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst MemoizedEditorContent = React.memo(EditorContent);\n\nconst EmailPreview = ({\n  to,\n  from,\n  subject,\n  body,\n  productName,\n  actionButtonText,\n  logo,\n}) => {\n  const { t } = useTranslation();\n\n  return (\n    <div\n      className=\"neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border\"\n      data-cy=\"email-preview-card\"\n    >\n      <div className=\"neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6\">\n        <div\n          className=\"flex gap-2\"\n          data-cy=\"email-send-to-preview\"\n          data-testid=\"email-to-block\"\n        >\n          <Typography\n            className=\"neeto-ui-text-gray-500\"\n            lineHeight=\"normal\"\n            style=\"body2\"\n          >\n            {t(\"neetoMolecules.emailPreview.to\")}:\n          </Typography>\n          {isNotEmpty(to) ? (\n            <Typography\n              className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {to.join(\", \")}\n            </Typography>\n          ) : (\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full mt-2 h-2 w-40\" />\n          )}\n        </div>\n        {from && (\n          <div className=\"flex items-center gap-2 pt-3\">\n            <Typography\n              className=\"neeto-ui-text-gray-500\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {t(\"neetoMolecules.emailPreview.from\")}:\n            </Typography>\n            <Typography\n              className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n              data-cy=\"email-send-from-preview\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {from}\n            </Typography>\n          </div>\n        )}\n        <div className=\"flex items-center gap-2 pt-3\">\n          <Typography\n            className=\"neeto-ui-text-gray-500\"\n            lineHeight=\"normal\"\n            style=\"body2\"\n          >\n            {t(\"neetoMolecules.emailPreview.subject\")}:\n          </Typography>\n          <Typography\n            className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n            data-cy=\"email-subject-preview\"\n            lineHeight=\"normal\"\n            style=\"body2\"\n          >\n            {subject || (\n              <span className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-40\" />\n            )}\n          </Typography>\n        </div>\n      </div>\n      <div\n        className=\"neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed\"\n        data-cy=\"email-body-preview-container\"\n      >\n        {body ? (\n          <MemoizedEditorContent content={body} />\n        ) : (\n          <div className=\"space-y-4\">\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-72\" />\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n          </div>\n        )}\n        {actionButtonText && (\n          <div className=\"mt-6 flex w-full items-center justify-center\">\n            <Button className=\"pointer-events-none\" label={actionButtonText} />\n          </div>\n        )}\n        {logo && (\n          <img\n            alt={t(\"neetoMolecules.emailPreview.logoAltText\")}\n            className=\"h-20 w-36 object-cover\"\n            data-cy=\"company-logo-preview\"\n            src={logo}\n          />\n        )}\n      </div>\n      {productName && (\n        <div\n          className=\"neeto-ui-bg-gray-100 mt-auto p-2\"\n          data-testid=\"product-name-block\"\n        >\n          <Typography\n            className=\"neeto-ui-text-gray-600 text-center leading-6\"\n            style=\"body3\"\n          >\n            {t(\"neetoMolecules.emailPreview.poweredBy\")}\n            <span className=\"neeto-ui-text-gray-800 font-medium\">\n              {productName}\n            </span>\n          </Typography>\n        </div>\n      )}\n    </div>\n  );\n};\n\nEmailPreview.propTypes = {\n  /**\n   * The value of the send-to field.\n   */\n  to: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * The value of the send-from field.\n   */\n  from: PropTypes.string,\n  /**\n   * The subject of the email.\n   */\n  subject: PropTypes.string,\n  /**\n   * The body of the email.\n   */\n  body: PropTypes.string,\n  /**\n   * The name of the neeto product to be previewed.\n   */\n  productName: PropTypes.string,\n  /**\n   * The text to be shown in the action button.\n   */\n  actionButtonText: PropTypes.string,\n  /**\n   * Source link for the company logo.\n   */\n  logo: PropTypes.string,\n};\n\nexport default EmailPreview;\n"],"names":["MemoizedEditorContent","React","memo","EditorContent","EmailPreview","_ref","to","from","subject","body","productName","actionButtonText","logo","_useTranslation","useTranslation","t","createElement","className","Typography","lineHeight","style","isNotEmpty","join","content","Button","label","alt","src"],"mappings":"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"}

package/dist/EmailPreview.js

@@ -4,6 +4,7 @@ import { EditorContent } from '@bigbinary/neeto-editor';
 import { Typography, Button } from '@bigbinary/neetoui';
 import { useTranslation } from 'react-i18next';
 
+var MemoizedEditorContent = /*#__PURE__*/React.memo(EditorContent);
 var EmailPreview = function EmailPreview(_ref) {
   var to = _ref.to,
     from = _ref.from,
@@ -60,7 +61,7 @@ var EmailPreview = function EmailPreview(_ref) {
   })))), /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed",
     "data-cy": "email-body-preview-container"
-  }, body ? /*#__PURE__*/React.createElement(EditorContent, {
+  }, body ? /*#__PURE__*/React.createElement(MemoizedEditorContent, {
     content: body
   }) : /*#__PURE__*/React.createElement("div", {
     className: "space-y-4"

package/dist/EmailPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmailPreview.js","sources":["../src/components/EmailPreview.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { isNotEmpty } from \"neetocommons/pure\";\nimport { EditorContent } from \"neetoeditor\";\nimport { Typography, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst EmailPreview = ({\n  to,\n  from,\n  subject,\n  body,\n  productName,\n  actionButtonText,\n  logo,\n}) => {\n  const { t } = useTranslation();\n\n  return (\n    <div\n      className=\"neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border\"\n      data-cy=\"email-preview-card\"\n    >\n      <div className=\"neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6\">\n        <div\n          className=\"flex gap-2\"\n          data-cy=\"email-send-to-preview\"\n          data-testid=\"email-to-block\"\n        >\n          <Typography\n            className=\"neeto-ui-text-gray-500\"\n            lineHeight=\"normal\"\n            style=\"body2\"\n          >\n            {t(\"neetoMolecules.emailPreview.to\")}:\n          </Typography>\n          {isNotEmpty(to) ? (\n            <Typography\n              className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {to.join(\", \")}\n            </Typography>\n          ) : (\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full mt-2 h-2 w-40\" />\n          )}\n        </div>\n        {from && (\n          <div className=\"flex items-center gap-2 pt-3\">\n            <Typography\n              className=\"neeto-ui-text-gray-500\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {t(\"neetoMolecules.emailPreview.from\")}:\n            </Typography>\n            <Typography\n              className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n              data-cy=\"email-send-from-preview\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {from}\n            </Typography>\n          </div>\n        )}\n        <div className=\"flex items-center gap-2 pt-3\">\n          <Typography\n            className=\"neeto-ui-text-gray-500\"\n            lineHeight=\"normal\"\n            style=\"body2\"\n          >\n            {t(\"neetoMolecules.emailPreview.subject\")}:\n          </Typography>\n          <Typography\n            className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n            data-cy=\"email-subject-preview\"\n            lineHeight=\"normal\"\n            style=\"body2\"\n          >\n            {subject || (\n              <span className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-40\" />\n            )}\n          </Typography>\n        </div>\n      </div>\n      <div\n        className=\"neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed\"\n        data-cy=\"email-body-preview-container\"\n      >\n        {body ? (\n          <EditorContent content={body} />\n        ) : (\n          <div className=\"space-y-4\">\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-72\" />\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n          </div>\n        )}\n        {actionButtonText && (\n          <div className=\"mt-6 flex w-full items-center justify-center\">\n            <Button className=\"pointer-events-none\" label={actionButtonText} />\n          </div>\n        )}\n        {logo && (\n          <img\n            alt={t(\"neetoMolecules.emailPreview.logoAltText\")}\n            className=\"h-20 w-36 object-cover\"\n            data-cy=\"company-logo-preview\"\n            src={logo}\n          />\n        )}\n      </div>\n      {productName && (\n        <div\n          className=\"neeto-ui-bg-gray-100 mt-auto p-2\"\n          data-testid=\"product-name-block\"\n        >\n          <Typography\n            className=\"neeto-ui-text-gray-600 text-center leading-6\"\n            style=\"body3\"\n          >\n            {t(\"neetoMolecules.emailPreview.poweredBy\")}\n            <span className=\"neeto-ui-text-gray-800 font-medium\">\n              {productName}\n            </span>\n          </Typography>\n        </div>\n      )}\n    </div>\n  );\n};\n\nEmailPreview.propTypes = {\n  /**\n   * The value of the send-to field.\n   */\n  to: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * The value of the send-from field.\n   */\n  from: PropTypes.string,\n  /**\n   * The subject of the email.\n   */\n  subject: PropTypes.string,\n  /**\n   * The body of the email.\n   */\n  body: PropTypes.string,\n  /**\n   * The name of the neeto product to be previewed.\n   */\n  productName: PropTypes.string,\n  /**\n   * The text to be shown in the action button.\n   */\n  actionButtonText: PropTypes.string,\n  /**\n   * Source link for the company logo.\n   */\n  logo: PropTypes.string,\n};\n\nexport default EmailPreview;\n"],"names":["EmailPreview","_ref","to","from","subject","body","productName","actionButtonText","logo","_useTranslation","useTranslation","t","React","createElement","className","Typography","lineHeight","style","isNotEmpty","join","EditorContent","content","Button","label","alt","src"],"mappings":"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"}
+{"version":3,"file":"EmailPreview.js","sources":["../src/components/EmailPreview.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { isNotEmpty } from \"neetocommons/pure\";\nimport { EditorContent } from \"neetoeditor\";\nimport { Typography, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst MemoizedEditorContent = React.memo(EditorContent);\n\nconst EmailPreview = ({\n  to,\n  from,\n  subject,\n  body,\n  productName,\n  actionButtonText,\n  logo,\n}) => {\n  const { t } = useTranslation();\n\n  return (\n    <div\n      className=\"neeto-ui-border-gray-300 neeto-ui-shadow-m neeto-ui-bg-white flex flex-1 flex-col border\"\n      data-cy=\"email-preview-card\"\n    >\n      <div className=\"neeto-ui-border-gray-300 space-y-3 divide-y divide-gray-200 border-b p-6\">\n        <div\n          className=\"flex gap-2\"\n          data-cy=\"email-send-to-preview\"\n          data-testid=\"email-to-block\"\n        >\n          <Typography\n            className=\"neeto-ui-text-gray-500\"\n            lineHeight=\"normal\"\n            style=\"body2\"\n          >\n            {t(\"neetoMolecules.emailPreview.to\")}:\n          </Typography>\n          {isNotEmpty(to) ? (\n            <Typography\n              className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {to.join(\", \")}\n            </Typography>\n          ) : (\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full mt-2 h-2 w-40\" />\n          )}\n        </div>\n        {from && (\n          <div className=\"flex items-center gap-2 pt-3\">\n            <Typography\n              className=\"neeto-ui-text-gray-500\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {t(\"neetoMolecules.emailPreview.from\")}:\n            </Typography>\n            <Typography\n              className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n              data-cy=\"email-send-from-preview\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {from}\n            </Typography>\n          </div>\n        )}\n        <div className=\"flex items-center gap-2 pt-3\">\n          <Typography\n            className=\"neeto-ui-text-gray-500\"\n            lineHeight=\"normal\"\n            style=\"body2\"\n          >\n            {t(\"neetoMolecules.emailPreview.subject\")}:\n          </Typography>\n          <Typography\n            className=\"neeto-ui-text-gray-800 min-w-0 flex-grow break-words\"\n            data-cy=\"email-subject-preview\"\n            lineHeight=\"normal\"\n            style=\"body2\"\n          >\n            {subject || (\n              <span className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-40\" />\n            )}\n          </Typography>\n        </div>\n      </div>\n      <div\n        className=\"neeto-ui-text-gray-800 flex flex-1 flex-col justify-between space-y-6 p-6 pr-10 text-base leading-relaxed\"\n        data-cy=\"email-body-preview-container\"\n      >\n        {body ? (\n          <MemoizedEditorContent content={body} />\n        ) : (\n          <div className=\"space-y-4\">\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-72\" />\n            <div className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2 w-80\" />\n          </div>\n        )}\n        {actionButtonText && (\n          <div className=\"mt-6 flex w-full items-center justify-center\">\n            <Button className=\"pointer-events-none\" label={actionButtonText} />\n          </div>\n        )}\n        {logo && (\n          <img\n            alt={t(\"neetoMolecules.emailPreview.logoAltText\")}\n            className=\"h-20 w-36 object-cover\"\n            data-cy=\"company-logo-preview\"\n            src={logo}\n          />\n        )}\n      </div>\n      {productName && (\n        <div\n          className=\"neeto-ui-bg-gray-100 mt-auto p-2\"\n          data-testid=\"product-name-block\"\n        >\n          <Typography\n            className=\"neeto-ui-text-gray-600 text-center leading-6\"\n            style=\"body3\"\n          >\n            {t(\"neetoMolecules.emailPreview.poweredBy\")}\n            <span className=\"neeto-ui-text-gray-800 font-medium\">\n              {productName}\n            </span>\n          </Typography>\n        </div>\n      )}\n    </div>\n  );\n};\n\nEmailPreview.propTypes = {\n  /**\n   * The value of the send-to field.\n   */\n  to: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * The value of the send-from field.\n   */\n  from: PropTypes.string,\n  /**\n   * The subject of the email.\n   */\n  subject: PropTypes.string,\n  /**\n   * The body of the email.\n   */\n  body: PropTypes.string,\n  /**\n   * The name of the neeto product to be previewed.\n   */\n  productName: PropTypes.string,\n  /**\n   * The text to be shown in the action button.\n   */\n  actionButtonText: PropTypes.string,\n  /**\n   * Source link for the company logo.\n   */\n  logo: PropTypes.string,\n};\n\nexport default EmailPreview;\n"],"names":["MemoizedEditorContent","React","memo","EditorContent","EmailPreview","_ref","to","from","subject","body","productName","actionButtonText","logo","_useTranslation","useTranslation","t","createElement","className","Typography","lineHeight","style","isNotEmpty","join","content","Button","label","alt","src"],"mappings":"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"}

package/dist/Header.cjs.js

@@ -89,7 +89,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: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}";
+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{display:flex;flex-direction:row;width:100%}.neeto-molecules-header .neeto-molecules-header__page-title h2{font-size:40px;line-height:48px}.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}";
 n(css,{});
 
 var Breadcrumbs = function Breadcrumbs(_ref) {
@@ -105,16 +105,15 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
       to: link
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      className: "neeto-molecules-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link",
+      className: "neeto-ui-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)), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Right, {
-      className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-gray-400",
-      size: 16
-    }));
+    }, text)), index + 1 !== breadcrumbs.length && /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-black"
+    }, "/"));
   }));
 };
 var Breadcrumbs$1 = /*#__PURE__*/React__default["default"].memo(Breadcrumbs);
@@ -166,7 +165,6 @@ var Dropdown = function Dropdown(_ref) {
 
 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,
@@ -183,14 +181,7 @@ var Header = function Header(_ref) {
     }, className])
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-molecules-header__left"
-  }, 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", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-molecules-header__left-data-wrap"
   }, breadcrumbs && /*#__PURE__*/React__default["default"].createElement(Breadcrumbs$1, {
     breadcrumbs: breadcrumbs

package/dist/Header.cjs.js.map

@@ -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","../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js","../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.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 { 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","export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose.js\";\nexport default function _objectWithoutProperties(source, excluded) {\n  if (source == null) return {};\n  var target = objectWithoutPropertiesLoose(source, excluded);\n  var key, i;\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i];\n      if (excluded.indexOf(key) >= 0) continue;\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n      target[key] = source[key];\n    }\n  }\n  return target;\n}","import React from \"react\";\n\nimport { MenuVertical } from \"neetoicons\";\nimport { Dropdown as NeetoUIDropdown } from \"neetoui\";\n\nconst Dropdown = ({ dropdownProps: { children, ...otherProps } }) => (\n  <NeetoUIDropdown\n    buttonProps={{ className: \"ml-1.5\" }}\n    buttonStyle=\"text\"\n    className=\"ml-3\"\n    icon={MenuVertical}\n    position=\"bottom-end\"\n    {...otherProps}\n  >\n    {children}\n  </NeetoUIDropdown>\n);\n\nexport default Dropdown;\n","import React, { useRef } from \"react\";\n\nimport classnames from \"classnames\";\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  dropdownProps,\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={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            {dropdownProps && <Dropdown dropdownProps={dropdownProps} />}\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   * Additional props for the dropdown (optional).\n   */\n  dropdownProps: PropTypes.object,\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","objectWithoutPropertiesLoose","Dropdown","_ref$dropdownProps","dropdownProps","children","otherProps","_objectWithoutProperties","_excluded","NeetoUIDropdown","_extends","buttonProps","buttonStyle","icon","MenuVertical","position","Header","title","menuBarToggle","searchProps","_ref$className","actionBlock","_ref$breadcrumbs","searchRef","useRef","_useTranslation","useTranslation","t","classnames","isEmpty","Button","HamburgerMenu","onClick","lineHeight","Input","placeholder","prefix","Search","ref","type"],"mappings":"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"}
+{"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","../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js","../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.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 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","export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose.js\";\nexport default function _objectWithoutProperties(source, excluded) {\n  if (source == null) return {};\n  var target = objectWithoutPropertiesLoose(source, excluded);\n  var key, i;\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i];\n      if (excluded.indexOf(key) >= 0) continue;\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n      target[key] = source[key];\n    }\n  }\n  return target;\n}","import React from \"react\";\n\nimport { MenuVertical } from \"neetoicons\";\nimport { Dropdown as NeetoUIDropdown } from \"neetoui\";\n\nconst Dropdown = ({ dropdownProps: { children, ...otherProps } }) => (\n  <NeetoUIDropdown\n    buttonProps={{ className: \"ml-1.5\" }}\n    buttonStyle=\"text\"\n    className=\"ml-3\"\n    icon={MenuVertical}\n    position=\"bottom-end\"\n    {...otherProps}\n  >\n    {children}\n  </NeetoUIDropdown>\n);\n\nexport default Dropdown;\n","import React, { useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Search } from \"neetoicons\";\nimport { Typography, Input } 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  dropdownProps,\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={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            {dropdownProps && <Dropdown dropdownProps={dropdownProps} />}\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   * Additional props for the dropdown (optional).\n   */\n  dropdownProps: PropTypes.object,\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","objectWithoutPropertiesLoose","Dropdown","_ref$dropdownProps","dropdownProps","children","otherProps","_objectWithoutProperties","_excluded","NeetoUIDropdown","_extends","buttonProps","buttonStyle","icon","MenuVertical","position","Header","title","searchProps","_ref$className","actionBlock","_ref$breadcrumbs","searchRef","useRef","_useTranslation","useTranslation","t","classnames","isEmpty","lineHeight","Input","placeholder","prefix","Search","ref","type"],"mappings":"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"}

package/dist/Header.js

@@ -1,6 +1,6 @@
 import React, { useRef } from 'react';
-import { Right, MenuVertical, HamburgerMenu, Search } from '@bigbinary/neeto-icons';
-import { Typography, Dropdown as Dropdown$1, Button, Input } from '@bigbinary/neetoui';
+import { MenuVertical, Search } from '@bigbinary/neeto-icons';
+import { Typography, Dropdown as Dropdown$1, Input } from '@bigbinary/neetoui';
 import { isEmpty } from 'ramda';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
@@ -83,7 +83,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: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}";
+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{display:flex;flex-direction:row;width:100%}.neeto-molecules-header .neeto-molecules-header__page-title h2{font-size:40px;line-height:48px}.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}";
 n(css,{});
 
 var Breadcrumbs = function Breadcrumbs(_ref) {
@@ -99,16 +99,15 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     }, /*#__PURE__*/React.createElement(Link, {
       to: link
     }, /*#__PURE__*/React.createElement(Typography, {
-      className: "neeto-molecules-text-gray-700 hover:neeto-ui-text-gray-800 neeto-molecules-header__breadcrumb-link",
+      className: "neeto-ui-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)), /*#__PURE__*/React.createElement(Right, {
-      className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-gray-400",
-      size: 16
-    }));
+    }, text)), index + 1 !== breadcrumbs.length && /*#__PURE__*/React.createElement("span", {
+      className: "neeto-molecules-header__breadcrumb-separator neeto-ui-text-black"
+    }, "/"));
   }));
 };
 var Breadcrumbs$1 = /*#__PURE__*/React.memo(Breadcrumbs);
@@ -160,7 +159,6 @@ var Dropdown = function Dropdown(_ref) {
 
 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,
@@ -177,14 +175,7 @@ var Header = function Header(_ref) {
     }, className])
   }, /*#__PURE__*/React.createElement("div", {
     className: "neeto-molecules-header__left"
-  }, 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", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "neeto-molecules-header__left-data-wrap"
   }, breadcrumbs && /*#__PURE__*/React.createElement(Breadcrumbs$1, {
     breadcrumbs: breadcrumbs

package/dist/Header.js.map

@@ -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","../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js","../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.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 { 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","export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose.js\";\nexport default function _objectWithoutProperties(source, excluded) {\n  if (source == null) return {};\n  var target = objectWithoutPropertiesLoose(source, excluded);\n  var key, i;\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i];\n      if (excluded.indexOf(key) >= 0) continue;\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n      target[key] = source[key];\n    }\n  }\n  return target;\n}","import React from \"react\";\n\nimport { MenuVertical } from \"neetoicons\";\nimport { Dropdown as NeetoUIDropdown } from \"neetoui\";\n\nconst Dropdown = ({ dropdownProps: { children, ...otherProps } }) => (\n  <NeetoUIDropdown\n    buttonProps={{ className: \"ml-1.5\" }}\n    buttonStyle=\"text\"\n    className=\"ml-3\"\n    icon={MenuVertical}\n    position=\"bottom-end\"\n    {...otherProps}\n  >\n    {children}\n  </NeetoUIDropdown>\n);\n\nexport default Dropdown;\n","import React, { useRef } from \"react\";\n\nimport classnames from \"classnames\";\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  dropdownProps,\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={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            {dropdownProps && <Dropdown dropdownProps={dropdownProps} />}\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   * Additional props for the dropdown (optional).\n   */\n  dropdownProps: PropTypes.object,\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","objectWithoutPropertiesLoose","Dropdown","_ref$dropdownProps","dropdownProps","children","otherProps","_objectWithoutProperties","_excluded","NeetoUIDropdown","_extends","buttonProps","buttonStyle","icon","MenuVertical","position","Header","title","menuBarToggle","searchProps","_ref$className","actionBlock","_ref$breadcrumbs","searchRef","useRef","_useTranslation","useTranslation","t","classnames","isEmpty","Button","HamburgerMenu","onClick","lineHeight","Input","placeholder","prefix","Search","ref","type"],"mappings":"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"}
+{"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","../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js","../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.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 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","export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose.js\";\nexport default function _objectWithoutProperties(source, excluded) {\n  if (source == null) return {};\n  var target = objectWithoutPropertiesLoose(source, excluded);\n  var key, i;\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i];\n      if (excluded.indexOf(key) >= 0) continue;\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n      target[key] = source[key];\n    }\n  }\n  return target;\n}","import React from \"react\";\n\nimport { MenuVertical } from \"neetoicons\";\nimport { Dropdown as NeetoUIDropdown } from \"neetoui\";\n\nconst Dropdown = ({ dropdownProps: { children, ...otherProps } }) => (\n  <NeetoUIDropdown\n    buttonProps={{ className: \"ml-1.5\" }}\n    buttonStyle=\"text\"\n    className=\"ml-3\"\n    icon={MenuVertical}\n    position=\"bottom-end\"\n    {...otherProps}\n  >\n    {children}\n  </NeetoUIDropdown>\n);\n\nexport default Dropdown;\n","import React, { useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Search } from \"neetoicons\";\nimport { Typography, Input } 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  dropdownProps,\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={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            {dropdownProps && <Dropdown dropdownProps={dropdownProps} />}\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   * Additional props for the dropdown (optional).\n   */\n  dropdownProps: PropTypes.object,\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","objectWithoutPropertiesLoose","Dropdown","_ref$dropdownProps","dropdownProps","children","otherProps","_objectWithoutProperties","_excluded","NeetoUIDropdown","_extends","buttonProps","buttonStyle","icon","MenuVertical","position","Header","title","searchProps","_ref$className","actionBlock","_ref$breadcrumbs","searchRef","useRef","_useTranslation","useTranslation","t","classnames","isEmpty","lineHeight","Input","placeholder","prefix","Search","ref","type"],"mappings":"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"}

package/dist/MenuBar.cjs.js

@@ -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-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}";
+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}";
 n(css,{});
 
 var _excluded$5 = ["label", "onClick"];

package/dist/MenuBar.js

@@ -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-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}";
+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}";
 n(css,{});
 
 var _excluded$5 = ["label", "onClick"];

package/dist/PhoneNumber.cjs.js

@@ -6800,6 +6800,7 @@ var SingleValue = function SingleValue(_ref) {
     style: "body2"
   }, otherProps), countryData.emoji));
 };
+var SingleValue$1 = /*#__PURE__*/React__default["default"].memo(SingleValue);
 
 var _excluded$3 = ["country", "setCountry", "onInputChange", "prefix", "phoneNumber"];
 var CountryPicker = function CountryPicker(_ref) {
@@ -6833,8 +6834,8 @@ var CountryPicker = function CountryPicker(_ref) {
       value: country
     },
     components: {
-      SingleValue: function SingleValue$1() {
-        return /*#__PURE__*/React__default["default"].createElement(SingleValue, {
+      SingleValue: function SingleValue() {
+        return /*#__PURE__*/React__default["default"].createElement(SingleValue$1, {
           showEmoji: true,
           country: country
         });
@@ -6850,6 +6851,7 @@ var CountryPicker = function CountryPicker(_ref) {
     onInputChange: setSearchTerm
   }, otherProps)));
 };
+var CountryPicker$1 = /*#__PURE__*/React__default["default"].memo(CountryPicker);
 
 var isPhoneNumberValid = function isPhoneNumberValid() {
   var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
@@ -6925,10 +6927,10 @@ var PhoneNumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setCountry = _useState2[1];
   var prefix = country ? "+".concat(getCountryCallingCode(country)) : "";
   var formattedValue = formatIncompletePhoneNumber(value, country);
-  var handleInputChange = function handleInputChange(value) {
+  var handleInputChange = React.useCallback(function (value) {
     onChange(value);
     internalValue.current = value;
-  };
+  }, []);
   var handleChange = function handleChange(event) {
     var _getPhoneData = getPhoneData(event.target.value, country),
       phoneNumber = _getPhoneData.phoneNumber,
@@ -6960,7 +6962,7 @@ var PhoneNumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     placeholder: t("neetoMolecules.phoneNumberInput.placeholder", {
       prefix: prefix
     }),
-    prefix: /*#__PURE__*/React__default["default"].createElement(CountryPicker, _extends({
+    prefix: /*#__PURE__*/React__default["default"].createElement(CountryPicker$1, _extends({
       country: country,
       phoneNumber: value,
       prefix: prefix,
@@ -7002,7 +7004,7 @@ var PhoneNumber = function PhoneNumber(_ref) {
     country = _getPhoneData.country;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames(["flex items-center space-x-2", className])
-  }, /*#__PURE__*/React__default["default"].createElement(SingleValue, _extends({
+  }, /*#__PURE__*/React__default["default"].createElement(SingleValue$1, _extends({
     country: country,
     showEmoji: showEmoji
   }, otherProps)), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends({