@bigbinary/neeto-molecules 3.13.1 → 3.13.3

package/dist/cjs/Settings.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var classnames = require('classnames');
 var useQueryParams = require('@bigbinary/neeto-commons-frontend/react-utils/useQueryParams');
@@ -7,7 +8,6 @@ var NoData = require('@bigbinary/neetoui/NoData');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var Header = require('./Header.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Typography = require('@bigbinary/neetoui/Typography');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
@@ -39,8 +39,8 @@ require('@bigbinary/neeto-commons-frontend/utils');
 var UNSUPPORTED_LINK_PROPS = ["staticContext", "tReady"];
 
 var _excluded$1 = ["label", "description", "icon", "path", "href", "dataCy", "className", "children"];
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Item = function Item(_ref) {
   var label = _ref.label,
     description = _ref.description,
@@ -53,17 +53,17 @@ var Item = function Item(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     children = _ref.children,
     otherProps = _objectWithoutProperties(_ref, _excluded$1);
-  var commonProps = _objectSpread$3({
+  var commonProps = _objectSpread$4({
     "data-cy": dataCy,
     className: classnames("neeto-ui-rounded-lg neeto-ui-shadow-xs neeto-ui-border-gray-300 translate flex cursor-pointer flex-col space-y-4 border p-6 no-underline outline-none transition-transform duration-300 ease-in-out hover:-translate-y-1", className)
   }, ramda.omit(UNSUPPORTED_LINK_PROPS, otherProps));
   var LinkElement = href ? "a" : reactRouterDom.Link;
-  var linkProps = href ? _objectSpread$3({
+  var linkProps = href ? _objectSpread$4({
     href: href
-  }, commonProps) : _objectSpread$3({
+  }, commonProps) : _objectSpread$4({
     to: path
   }, commonProps);
-  return /*#__PURE__*/jsxRuntime.jsxs(LinkElement, _objectSpread$3(_objectSpread$3({}, linkProps), {}, {
+  return /*#__PURE__*/jsxRuntime.jsxs(LinkElement, _objectSpread$4(_objectSpread$4({}, linkProps), {}, {
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       "data-cy": "settings-item-".concat(general.joinHyphenCase(label)),
       "data-testid": "settings-item-".concat(general.joinHyphenCase(label)),
@@ -92,8 +92,8 @@ var Item = function Item(_ref) {
 var Item$1 = /*#__PURE__*/React.memo(reactRouterDom.withRouter(Item));
 
 var _excluded = ["t", "isConnected", "icon", "description", "label", "path"];
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var IntegrationItem = reactUtils.withT(function (_ref) {
   var t = _ref.t,
     isConnected = _ref.isConnected,
@@ -102,7 +102,7 @@ var IntegrationItem = reactUtils.withT(function (_ref) {
     label = _ref.label,
     path = _ref.path,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsxRuntime.jsx(Item$1, _objectSpread$2(_objectSpread$2({}, _objectSpread$2({
+  return /*#__PURE__*/jsxRuntime.jsx(Item$1, _objectSpread$3(_objectSpread$3({}, _objectSpread$3({
     description: description,
     icon: icon,
     label: label,
@@ -120,8 +120,8 @@ var IntegrationItem = reactUtils.withT(function (_ref) {
 });
 var IntegrationItem$1 = /*#__PURE__*/React.memo(IntegrationItem);
 
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Category = function Category(_ref) {
   var items = _ref.items,
     label = _ref.label,
@@ -142,16 +142,16 @@ var Category = function Category(_ref) {
       weight: "semibold",
       children: label
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-2 lg:gap-6 xl:grid-cols-3 2xl:grid-cols-4",
+      className: "grid grid-cols-1 gap-3 py-1 md:grid-cols-2 lg:grid-cols-2 lg:gap-6 xl:grid-cols-3 2xl:grid-cols-4",
       children: items.map(function (item) {
-        return /*#__PURE__*/jsxRuntime.jsx(SettingsCard, _objectSpread$1({}, item), item.label);
+        return /*#__PURE__*/jsxRuntime.jsx(SettingsCard, _objectSpread$2({}, item), item.label);
       })
     })]
   });
 };
 
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var isTextMatching = function isTextMatching(label, searchTerm) {
   return label.toLowerCase().includes(searchTerm.trim().toLowerCase());
 };
@@ -168,7 +168,7 @@ var filterCategories = function filterCategories(_ref) {
     searchTerm = _ref$searchTerm === void 0 ? "" : _ref$searchTerm;
   var isSearchTermBlank = !searchTerm.trim();
   var filteredCategories = isSearchTermBlank ? categories : categories.map(function (category) {
-    return _objectSpread(_objectSpread({}, category), {}, {
+    return _objectSpread$1(_objectSpread$1({}, category), {}, {
       items: neetoCist.filterBy(function (_ref2) {
         var label = _ref2.label,
           description = _ref2.description;
@@ -181,14 +181,20 @@ var filterCategories = function filterCategories(_ref) {
   }, filteredCategories);
 };
 
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Settings = function Settings(_ref) {
   var _ref$isTitleHidden = _ref.isTitleHidden,
     isTitleHidden = _ref$isTitleHidden === void 0 ? false : _ref$isTitleHidden,
     _ref$isSearchHidden = _ref.isSearchHidden,
     isSearchHidden = _ref$isSearchHidden === void 0 ? false : _ref$isSearchHidden,
     title = _ref.title,
+    _ref$headerProps = _ref.headerProps,
+    headerProps = _ref$headerProps === void 0 ? {} : _ref$headerProps,
     _ref$categories = _ref.categories,
-    categories = _ref$categories === void 0 ? [] : _ref$categories;
+    categories = _ref$categories === void 0 ? [] : _ref$categories,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useQueryParams = useQueryParams(),
@@ -205,10 +211,10 @@ var Settings = function Settings(_ref) {
     scrollIntoSettingCategory(categoryParam);
   }, [categoryParam]);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: classnames("neeto-molecules-container", {
+    className: classnames("neeto-molecules-container", className, {
       "h-auto overflow-y-auto": isTitleHidden
     }),
-    children: [isHeaderVisible && /*#__PURE__*/jsxRuntime.jsx(Header, {
+    children: [isHeaderVisible && /*#__PURE__*/jsxRuntime.jsx(Header, _objectSpread({
       className: classnames({
         "min-h-0 pb-4 pt-8": isTitleHidden
       }),
@@ -217,7 +223,7 @@ var Settings = function Settings(_ref) {
         className: "w-72",
         placeholder: t("neetoMolecules.settingsPage.placeholder.search")
       }
-    }), ramda.isEmpty(filteredCategories) ? /*#__PURE__*/jsxRuntime.jsx("div", {
+    }, headerProps)), ramda.isEmpty(filteredCategories) ? /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full flex-grow items-center justify-center",
       "data-testid": "settings-no-data",
       children: /*#__PURE__*/jsxRuntime.jsx(NoData, {

package/dist/cjs/Settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.js","sources":["../../src/components/Settings/constants.js","../../src/components/Settings/Item.jsx","../../src/components/Settings/IntegrationItem.jsx","../../src/components/Settings/Category.jsx","../../src/components/Settings/utils.js","../../src/components/Settings/index.jsx"],"sourcesContent":["export const UNSUPPORTED_LINK_PROPS = [\"staticContext\", \"tReady\"];\n","import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport { omit } from \"ramda\";\nimport { withRouter, Link } from \"react-router-dom\";\n\nimport { UNSUPPORTED_LINK_PROPS } from \"./constants\";\n\nconst Item = ({\n  label,\n  description,\n  icon: Icon = null,\n  path,\n  href,\n  dataCy,\n  className = \"\",\n  children,\n  ...otherProps\n}) => {\n  const commonProps = {\n    \"data-cy\": dataCy,\n    className: classnames(\n      \"neeto-ui-rounded-lg neeto-ui-shadow-xs neeto-ui-border-gray-300 translate flex cursor-pointer flex-col space-y-4 border p-6 no-underline outline-none transition-transform duration-300 ease-in-out hover:-translate-y-1\",\n      className\n    ),\n    ...omit(UNSUPPORTED_LINK_PROPS, otherProps),\n  };\n\n  const LinkElement = href ? \"a\" : Link;\n  const linkProps = href\n    ? { href, ...commonProps }\n    : { to: path, ...commonProps };\n\n  return (\n    <LinkElement {...linkProps}>\n      <div\n        data-cy={`settings-item-${joinHyphenCase(label)}`}\n        data-testid={`settings-item-${joinHyphenCase(label)}`}\n      >\n        <div className=\"mb-2 flex items-center gap-4\">\n          {Icon && <Icon className=\"neeto-ui-text-gray-600\" size={32} />}\n          <Typography\n            data-cy=\"settings-item-heading\"\n            style=\"h4\"\n            weight=\"semibold\"\n          >\n            {label}\n          </Typography>\n        </div>\n        <Typography data-cy=\"settings-item-description\" style=\"body2\">\n          {description}\n        </Typography>\n      </div>\n      {children && (\n        <div className=\"neeto-ui-border-gray-300 border-t pt-3\">{children}</div>\n      )}\n    </LinkElement>\n  );\n};\n\nexport default memo(withRouter(Item));\n","import { memo } from \"react\";\n\nimport { hyphenate } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Check } from \"neetoicons\";\nimport { Tag } from \"neetoui\";\n\nimport Item from \"./Item\";\n\nconst IntegrationItem = withT(\n  ({ t, isConnected, icon, description, label, path, ...otherProps }) => (\n    <Item\n      {...{ description, icon, label, path, ...otherProps }}\n      dataCy={`${hyphenate(label).replace(/\\./g, \"-\")}-integration-card`}\n    >\n      {isConnected && (\n        <Tag\n          className=\"flex-row-reverse\"\n          data-cy=\"integration-status-tag\"\n          icon={Check}\n          label={t(\"neetoMolecules.integrationCard.connected\")}\n          style=\"success\"\n        />\n      )}\n    </Item>\n  )\n);\n\nexport default memo(IntegrationItem);\n","import classNames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport { Typography } from \"neetoui\";\n\nimport IntegrationItem from \"./IntegrationItem\";\nimport Item from \"./Item\";\n\nconst Category = ({ items, label, id, isIntegration }) => {\n  const SettingsCard = isIntegration ? IntegrationItem : Item;\n\n  const isLabelPresent = isPresent(label);\n\n  return (\n    <div\n      {...{ id }}\n      className={classNames(\"flex flex-col\", { \"mb-7\": isLabelPresent })}\n    >\n      {isLabelPresent && (\n        <Typography\n          className=\"mb-6 mt-2\"\n          component=\"h2\"\n          data-cy=\"settings-category-heading\"\n          style=\"h2\"\n          weight=\"semibold\"\n        >\n          {label}\n        </Typography>\n      )}\n      <div className=\"grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-2 lg:gap-6 xl:grid-cols-3 2xl:grid-cols-4\">\n        {items.map(item => (\n          <SettingsCard key={item.label} {...item} />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Category;\n","import { filterBy, isNotEmpty } from \"neetocist\";\n\nconst isTextMatching = (label, searchTerm) =>\n  label.toLowerCase().includes(searchTerm.trim().toLowerCase());\n\nexport const scrollIntoSettingCategory = activeCategory => {\n  document.getElementById(activeCategory)?.scrollIntoView({\n    behavior: \"smooth\",\n  });\n};\n\nexport const filterCategories = ({ categories = [], searchTerm = \"\" }) => {\n  const isSearchTermBlank = !searchTerm.trim();\n\n  const filteredCategories = isSearchTermBlank\n    ? categories\n    : categories.map(category => ({\n        ...category,\n        items: filterBy(\n          ({ label, description }) =>\n            isTextMatching(label, searchTerm) ||\n            isTextMatching(description, searchTerm),\n          category.items\n        ),\n      }));\n\n  return filterBy({ items: isNotEmpty }, filteredCategories);\n};\n","import { useEffect } from \"react\";\n\nimport classNames from \"classnames\";\nimport useQueryParams from \"neetocommons/react-utils/useQueryParams\";\nimport { NoData } from \"neetoui\";\nimport propTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Header from \"components/Header\";\n\nimport Category from \"./Category\";\nimport { filterCategories, scrollIntoSettingCategory } from \"./utils\";\n\nconst Settings = ({\n  isTitleHidden = false,\n  isSearchHidden = false,\n  title,\n  categories = [],\n}) => {\n  const { t } = useTranslation();\n\n  const { category: categoryParam, searchTerm = \"\" } = useQueryParams();\n\n  const filteredCategories = filterCategories({ categories, searchTerm });\n\n  const isHeaderVisible = !isSearchHidden || !isTitleHidden;\n\n  const headerTitle = title ?? t(\"neetoMolecules.settingsPage.title\");\n\n  useEffect(() => {\n    scrollIntoSettingCategory(categoryParam);\n  }, [categoryParam]);\n\n  return (\n    <div\n      className={classNames(\"neeto-molecules-container\", {\n        \"h-auto overflow-y-auto\": isTitleHidden,\n      })}\n    >\n      {isHeaderVisible && (\n        <Header\n          className={classNames({ \"min-h-0 pb-4 pt-8\": isTitleHidden })}\n          title={!isTitleHidden && headerTitle}\n          searchProps={\n            isSearchHidden\n              ? null\n              : {\n                  className: \"w-72\",\n                  placeholder: t(\n                    \"neetoMolecules.settingsPage.placeholder.search\"\n                  ),\n                }\n          }\n        />\n      )}\n      {isEmpty(filteredCategories) ? (\n        <div\n          className=\"flex h-full w-full flex-grow items-center justify-center\"\n          data-testid=\"settings-no-data\"\n        >\n          <NoData title={t(\"neetoMolecules.settingsPage.noData\")} />\n        </div>\n      ) : (\n        <div className=\"w-full\">\n          {filteredCategories.map(({ id, label, items, isIntegration }) => (\n            <Category {...{ id, isIntegration, items, label }} key={id} />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  /**\n   * Whether to hide the title or not.\n   */\n  isTitleHidden: propTypes.bool,\n  /**\n   * This can be used to customize the title.\n   */\n  title: propTypes.string,\n  /**\n   * Whether to hide the search bar or not.\n   */\n  isSearchHidden: propTypes.bool,\n  /**\n   * An array of setting categories to be displayed.\n   */\n  categories: propTypes.array,\n};\n\nexport default Settings;\n"],"names":["UNSUPPORTED_LINK_PROPS","Item","_ref","label","description","_ref$icon","icon","Icon","path","href","dataCy","_ref$className","className","children","otherProps","_objectWithoutProperties","_excluded","commonProps","_objectSpread","classnames","omit","LinkElement","Link","linkProps","to","_jsxs","concat","joinHyphenCase","_jsx","size","Typography","style","weight","memo","withRouter","IntegrationItem","withT","t","isConnected","hyphenate","replace","Tag","Check","Category","items","id","isIntegration","SettingsCard","isLabelPresent","isPresent","classNames","component","map","item","isTextMatching","searchTerm","toLowerCase","includes","trim","scrollIntoSettingCategory","activeCategory","_document$getElementB","document","getElementById","scrollIntoView","behavior","filterCategories","_ref$categories","categories","_ref$searchTerm","isSearchTermBlank","filteredCategories","category","filterBy","_ref2","isNotEmpty","Settings","_ref$isTitleHidden","isTitleHidden","_ref$isSearchHidden","isSearchHidden","title","_useTranslation","useTranslation","_useQueryParams","useQueryParams","categoryParam","_useQueryParams$searc","isHeaderVisible","headerTitle","useEffect","Header","searchProps","placeholder","isEmpty","NoData","_createElement","key"],"mappings":"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"}
+{"version":3,"file":"Settings.js","sources":["../../src/components/Settings/constants.js","../../src/components/Settings/Item.jsx","../../src/components/Settings/IntegrationItem.jsx","../../src/components/Settings/Category.jsx","../../src/components/Settings/utils.js","../../src/components/Settings/index.jsx"],"sourcesContent":["export const UNSUPPORTED_LINK_PROPS = [\"staticContext\", \"tReady\"];\n","import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport { omit } from \"ramda\";\nimport { withRouter, Link } from \"react-router-dom\";\n\nimport { UNSUPPORTED_LINK_PROPS } from \"./constants\";\n\nconst Item = ({\n  label,\n  description,\n  icon: Icon = null,\n  path,\n  href,\n  dataCy,\n  className = \"\",\n  children,\n  ...otherProps\n}) => {\n  const commonProps = {\n    \"data-cy\": dataCy,\n    className: classnames(\n      \"neeto-ui-rounded-lg neeto-ui-shadow-xs neeto-ui-border-gray-300 translate flex cursor-pointer flex-col space-y-4 border p-6 no-underline outline-none transition-transform duration-300 ease-in-out hover:-translate-y-1\",\n      className\n    ),\n    ...omit(UNSUPPORTED_LINK_PROPS, otherProps),\n  };\n\n  const LinkElement = href ? \"a\" : Link;\n  const linkProps = href\n    ? { href, ...commonProps }\n    : { to: path, ...commonProps };\n\n  return (\n    <LinkElement {...linkProps}>\n      <div\n        data-cy={`settings-item-${joinHyphenCase(label)}`}\n        data-testid={`settings-item-${joinHyphenCase(label)}`}\n      >\n        <div className=\"mb-2 flex items-center gap-4\">\n          {Icon && <Icon className=\"neeto-ui-text-gray-600\" size={32} />}\n          <Typography\n            data-cy=\"settings-item-heading\"\n            style=\"h4\"\n            weight=\"semibold\"\n          >\n            {label}\n          </Typography>\n        </div>\n        <Typography data-cy=\"settings-item-description\" style=\"body2\">\n          {description}\n        </Typography>\n      </div>\n      {children && (\n        <div className=\"neeto-ui-border-gray-300 border-t pt-3\">{children}</div>\n      )}\n    </LinkElement>\n  );\n};\n\nexport default memo(withRouter(Item));\n","import { memo } from \"react\";\n\nimport { hyphenate } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Check } from \"neetoicons\";\nimport { Tag } from \"neetoui\";\n\nimport Item from \"./Item\";\n\nconst IntegrationItem = withT(\n  ({ t, isConnected, icon, description, label, path, ...otherProps }) => (\n    <Item\n      {...{ description, icon, label, path, ...otherProps }}\n      dataCy={`${hyphenate(label).replace(/\\./g, \"-\")}-integration-card`}\n    >\n      {isConnected && (\n        <Tag\n          className=\"flex-row-reverse\"\n          data-cy=\"integration-status-tag\"\n          icon={Check}\n          label={t(\"neetoMolecules.integrationCard.connected\")}\n          style=\"success\"\n        />\n      )}\n    </Item>\n  )\n);\n\nexport default memo(IntegrationItem);\n","import classNames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport { Typography } from \"neetoui\";\n\nimport IntegrationItem from \"./IntegrationItem\";\nimport Item from \"./Item\";\n\nconst Category = ({ items, label, id, isIntegration }) => {\n  const SettingsCard = isIntegration ? IntegrationItem : Item;\n\n  const isLabelPresent = isPresent(label);\n\n  return (\n    <div\n      {...{ id }}\n      className={classNames(\"flex flex-col\", { \"mb-7\": isLabelPresent })}\n    >\n      {isLabelPresent && (\n        <Typography\n          className=\"mb-6 mt-2\"\n          component=\"h2\"\n          data-cy=\"settings-category-heading\"\n          style=\"h2\"\n          weight=\"semibold\"\n        >\n          {label}\n        </Typography>\n      )}\n      <div className=\"grid grid-cols-1 gap-3 py-1 md:grid-cols-2 lg:grid-cols-2 lg:gap-6 xl:grid-cols-3 2xl:grid-cols-4\">\n        {items.map(item => (\n          <SettingsCard key={item.label} {...item} />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Category;\n","import { filterBy, isNotEmpty } from \"neetocist\";\n\nconst isTextMatching = (label, searchTerm) =>\n  label.toLowerCase().includes(searchTerm.trim().toLowerCase());\n\nexport const scrollIntoSettingCategory = activeCategory => {\n  document.getElementById(activeCategory)?.scrollIntoView({\n    behavior: \"smooth\",\n  });\n};\n\nexport const filterCategories = ({ categories = [], searchTerm = \"\" }) => {\n  const isSearchTermBlank = !searchTerm.trim();\n\n  const filteredCategories = isSearchTermBlank\n    ? categories\n    : categories.map(category => ({\n        ...category,\n        items: filterBy(\n          ({ label, description }) =>\n            isTextMatching(label, searchTerm) ||\n            isTextMatching(description, searchTerm),\n          category.items\n        ),\n      }));\n\n  return filterBy({ items: isNotEmpty }, filteredCategories);\n};\n","import { useEffect } from \"react\";\n\nimport classNames from \"classnames\";\nimport useQueryParams from \"neetocommons/react-utils/useQueryParams\";\nimport { NoData } from \"neetoui\";\nimport propTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Header from \"components/Header\";\n\nimport Category from \"./Category\";\nimport { filterCategories, scrollIntoSettingCategory } from \"./utils\";\n\nconst Settings = ({\n  isTitleHidden = false,\n  isSearchHidden = false,\n  title,\n  headerProps = {},\n  categories = [],\n  className = \"\",\n}) => {\n  const { t } = useTranslation();\n\n  const { category: categoryParam, searchTerm = \"\" } = useQueryParams();\n\n  const filteredCategories = filterCategories({ categories, searchTerm });\n\n  const isHeaderVisible = !isSearchHidden || !isTitleHidden;\n\n  const headerTitle = title ?? t(\"neetoMolecules.settingsPage.title\");\n\n  useEffect(() => {\n    scrollIntoSettingCategory(categoryParam);\n  }, [categoryParam]);\n\n  return (\n    <div\n      className={classNames(\"neeto-molecules-container\", className, {\n        \"h-auto overflow-y-auto\": isTitleHidden,\n      })}\n    >\n      {isHeaderVisible && (\n        <Header\n          className={classNames({ \"min-h-0 pb-4 pt-8\": isTitleHidden })}\n          title={!isTitleHidden && headerTitle}\n          searchProps={\n            isSearchHidden\n              ? null\n              : {\n                  className: \"w-72\",\n                  placeholder: t(\n                    \"neetoMolecules.settingsPage.placeholder.search\"\n                  ),\n                }\n          }\n          {...headerProps}\n        />\n      )}\n      {isEmpty(filteredCategories) ? (\n        <div\n          className=\"flex h-full w-full flex-grow items-center justify-center\"\n          data-testid=\"settings-no-data\"\n        >\n          <NoData title={t(\"neetoMolecules.settingsPage.noData\")} />\n        </div>\n      ) : (\n        <div className=\"w-full\">\n          {filteredCategories.map(({ id, label, items, isIntegration }) => (\n            <Category {...{ id, isIntegration, items, label }} key={id} />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  /**\n   * Whether to hide the title or not.\n   */\n  isTitleHidden: propTypes.bool,\n  /**\n   * This can be used to customize the title.\n   */\n  title: propTypes.string,\n  /**\n   * Whether to hide the search bar or not.\n   */\n  isSearchHidden: propTypes.bool,\n  /**\n   * An array of setting categories to be displayed.\n   */\n  categories: propTypes.array,\n  /**\n   * Additional classes to be added to the container.\n   */\n  className: propTypes.string,\n  /**\n   * Props to be passed to the header component.\n   */\n  headerProps: propTypes.object,\n};\n\nexport default Settings;\n"],"names":["UNSUPPORTED_LINK_PROPS","Item","_ref","label","description","_ref$icon","icon","Icon","path","href","dataCy","_ref$className","className","children","otherProps","_objectWithoutProperties","_excluded","commonProps","_objectSpread","classnames","omit","LinkElement","Link","linkProps","to","_jsxs","concat","joinHyphenCase","_jsx","size","Typography","style","weight","memo","withRouter","IntegrationItem","withT","t","isConnected","hyphenate","replace","Tag","Check","Category","items","id","isIntegration","SettingsCard","isLabelPresent","isPresent","classNames","component","map","item","isTextMatching","searchTerm","toLowerCase","includes","trim","scrollIntoSettingCategory","activeCategory","_document$getElementB","document","getElementById","scrollIntoView","behavior","filterCategories","_ref$categories","categories","_ref$searchTerm","isSearchTermBlank","filteredCategories","category","filterBy","_ref2","isNotEmpty","Settings","_ref$isTitleHidden","isTitleHidden","_ref$isSearchHidden","isSearchHidden","title","_ref$headerProps","headerProps","_useTranslation","useTranslation","_useQueryParams","useQueryParams","categoryParam","_useQueryParams$searc","isHeaderVisible","headerTitle","useEffect","Header","searchProps","placeholder","isEmpty","NoData","_createElement","key"],"mappings":"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"}

package/dist/cjs/Sidebar.js

@@ -11,7 +11,7 @@ var Button = require('@bigbinary/neetoui/Button');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
-var Chevron = require('./Chevron-DCuqBPU0.js');
+var Chevron = require('./Chevron-RqTjbJpz.js');
 var Neeto = require('@bigbinary/neeto-icons/typeface-logos/Neeto');
 var AppIcons = require('@bigbinary/neeto-icons/typeface-logos');
 var jsxRuntime = require('react/jsx-runtime');
@@ -22,7 +22,7 @@ var Typography = require('@bigbinary/neetoui/Typography');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 require('@bigbinary/neeto-commons-frontend/utils/general');
 require('@bigbinary/neeto-icons/Home');
-require('@bigbinary/neeto-filters-frontend');
+require('@bigbinary/neeto-filters-frontend/Segments');
 require('@bigbinary/neeto-commons-frontend/react-utils/useRegisterNavigationCheckpoint');
 require('./inject-css-vQvjPR2x.js');
 

package/dist/cjs/SubHeader.js

@@ -13,7 +13,7 @@ var useColumns = require('./useColumns-BP8c4PV-.js');
 var jsxRuntime = require('react/jsx-runtime');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Download = require('@bigbinary/neeto-icons/Download');
-var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
+var NeetoFilters = require('@bigbinary/neeto-filters-frontend/Filters');
 var Filter = require('@bigbinary/neeto-icons/Filter');
 var injectCss = require('./inject-css-vQvjPR2x.js');
 require('@babel/runtime/helpers/slicedToArray');
@@ -127,7 +127,7 @@ var FilterButton = reactUtils.withT(function (_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "neeto-molecules-subheader__filter",
-    children: /*#__PURE__*/jsxRuntime.jsx(neetoFiltersFrontend.Filters, _objectSpread$1({
+    children: /*#__PURE__*/jsxRuntime.jsx(NeetoFilters, _objectSpread$1({
       buttonProps: _objectSpread$1({
         "data-testid": "filter-button",
         icon: Filter,

package/dist/cjs/SubHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubHeader.js","sources":["../../src/components/SubHeader/RightBlock/Columns.jsx","../../src/components/SubHeader/RightBlock/Download.jsx","../../src/components/SubHeader/RightBlock/Filter.jsx","../../src/components/SubHeader/RightBlock/index.jsx","../../src/components/SubHeader/index.jsx"],"sourcesContent":["import { forwardRef, useMemo } from \"react\";\n\nimport { Column } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport { pluck } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ManageColumns, { useHiddenColumns } from \"components/Columns\";\n\nconst Columns = forwardRef(\n  (\n    { buttonProps = {}, columnData, localStorageKey, fixedColumns, ...props },\n    ref\n  ) => {\n    const { t } = useTranslation();\n\n    const columnDataIndex = useMemo(\n      () =>\n        pluck(\n          \"dataIndex\",\n          (columnData || []).filter(\n            column => !fixedColumns?.includes(column.dataIndex)\n          )\n        ),\n      [columnData, fixedColumns]\n    );\n\n    const { hideColumn, showColumn } = useHiddenColumns(localStorageKey);\n\n    return (\n      <div className=\"neeto-molecules-subheader__columns\">\n        <ManageColumns\n          isSearchable\n          className=\"neeto-ui-dropdown--manage-columns\"\n          actionBlock={\n            <div className=\"grid grid-cols-2 gap-2 px-4 py-3\">\n              <Button\n                className=\"col-span-1 justify-center\"\n                label=\"Hide all\"\n                style=\"secondary\"\n                onClick={() => hideColumn(columnDataIndex)}\n              />\n              <Button\n                className=\"col-span-1 justify-center\"\n                label=\"Show all\"\n                style=\"secondary\"\n                onClick={() => showColumn(columnDataIndex)}\n              />\n            </div>\n          }\n          buttonProps={{\n            icon: Column,\n            label: null,\n            tooltipProps: {\n              content: t(\"neetoMolecules.columns.columns\"),\n              position: \"bottom\",\n              touch: [\"hold\", 500],\n            },\n            \"data-testid\": \"columns-button\",\n            \"data-cy\": \"columns-dropdown-button\",\n            ...buttonProps,\n          }}\n          {...{ columnData, localStorageKey, ...props, ref }}\n        />\n      </div>\n    );\n  }\n);\n\nColumns.displayName = \"Columns\";\nexport default Columns;\n","import { withT } from \"neetocommons/react-utils\";\nimport { Download } from \"neetoicons\";\nimport { Button } from \"neetoui\";\n\nconst DownloadButton = withT(\n  ({ t, count, onClick, \"data-cy\": dataCy = \"download-button\" }) => (\n    <div className=\"neeto-molecules-subheader__download\">\n      <Button\n        {...{ onClick }}\n        data-cy={dataCy}\n        data-testid=\"download-button\"\n        icon={Download}\n        style=\"text\"\n        tooltipProps={{\n          content: t(\"neetoMolecules.common.download\"),\n          position: \"bottom\",\n          touch: [\"hold\", 500],\n        }}\n      />\n      {count && (\n        <span className=\"neeto-molecules-subheader__download-count\">\n          {count}\n        </span>\n      )}\n    </div>\n  )\n);\n\nexport default DownloadButton;\n","import { withT } from \"neetocommons/react-utils\";\nimport { Filters as NeetoFilters } from \"neetofilters\";\nimport { Filter } from \"neetoicons\";\n\nconst FilterButton = withT(({ t, buttonProps, ...props }) => (\n  <div className=\"neeto-molecules-subheader__filter\">\n    <NeetoFilters\n      buttonProps={{\n        \"data-testid\": \"filter-button\",\n        icon: Filter,\n        style: \"text\",\n        tooltipProps: {\n          content: t(\"neetoMolecules.common.filter\"),\n          position: \"bottom\",\n          touch: [\"hold\", 500],\n        },\n        label: null,\n        ...buttonProps,\n      }}\n      {...props}\n    />\n  </div>\n));\n\nexport default FilterButton;\n","import classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\n\nimport Columns from \"./Columns\";\nimport Download from \"./Download\";\nimport Filter from \"./Filter\";\n\nconst RightBlock = ({\n  downloadButtonProps,\n  columnsButtonProps,\n  filterProps,\n  dataProps,\n}) => {\n  const showIcons = isNotPresent(dataProps?.totalCount)\n    ? true\n    : dataProps?.totalCount > 0;\n\n  return (\n    <div\n      data-testid=\"subheader-rightblock-buttons-container\"\n      className={classnames(\"neeto-molecules-subheader__right-actions\", {\n        hidden: not(showIcons),\n      })}\n    >\n      {downloadButtonProps && <Download {...downloadButtonProps} />}\n      {columnsButtonProps && <Columns {...columnsButtonProps} />}\n      {filterProps && <Filter {...filterProps} />}\n    </div>\n  );\n};\n\nRightBlock.propTypes = {\n  /**\n   * Props that are passed to the download button.\n   */\n  downloadButtonProps: PropTypes.shape({\n    count: PropTypes.number,\n    onClick: PropTypes.func,\n  }),\n  /**\n   * Props that are passed to the columns button, same as the `Columns` component from neetoMolecules.\n   */\n  columnsButtonProps: PropTypes.shape({\n    onChange: PropTypes.func,\n    actionBlock: PropTypes.node,\n    checkboxProps: PropTypes.object,\n    columnData: PropTypes.array,\n    isSearchable: PropTypes.bool,\n    localStorageKey: PropTypes.string,\n    initialValue: PropTypes.array,\n    noColumnMessage: PropTypes.string,\n    searchProps: PropTypes.object,\n  }),\n  /**\n   * Props that are passed the the filter component. These are the same props as the\n   * neetoFilters `Filters` component.\n   */\n  filterProps: PropTypes.shape({\n    size: PropTypes.oneOf([\"xsmall\", \"small\", \"large\"]),\n    isOpen: PropTypes.bool,\n    setIsOpen: PropTypes.func,\n    columns: PropTypes.object,\n    onChange: PropTypes.func,\n    onSelectorsChange: PropTypes.func,\n    buttonProps: PropTypes.object,\n    paneProps: PropTypes.object,\n    isSearchable: PropTypes.bool,\n    className: PropTypes.string,\n  }),\n  /**\n   * Props related to data being displayed, such as tables, lists, and more. The buttons\n   * will be hidden if the value of `totalCount` in `dataProps` is `0`.\n   */\n  dataProps: PropTypes.shape({ totalCount: PropTypes.number }),\n};\n\nexport default RightBlock;\n","import { useLayoutEffect, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport RightBlock from \"./RightBlock\";\nimport \"./subheader.scss\";\n\nconst SubHeader = ({\n  className = \"\",\n  leftActionBlock,\n  rightActionBlock,\n  \"data-cy\": dataCy = \"subheader\",\n}) => {\n  const subheaderRef = useRef(null);\n\n  useLayoutEffect(() => {\n    const updateHeaderHeight = () => {\n      if (!subheaderRef.current) return;\n      const height = subheaderRef.current.offsetHeight;\n      document.body.style.setProperty(\n        \"--neeto-molecules-effective-subheader-height\",\n        `${height}px`\n      );\n    };\n\n    updateHeaderHeight();\n\n    window.addEventListener(\"resize\", updateHeaderHeight);\n\n    return () => window.removeEventListener(\"resize\", updateHeaderHeight);\n  }, []);\n\n  return (\n    <div\n      className={classnames([\"neeto-molecules-subheader\", className])}\n      data-cy={dataCy}\n      data-testid=\"subheader\"\n      ref={subheaderRef}\n    >\n      <div\n        className=\"neeto-molecules-subheader__left-wrapper\"\n        data-cy=\"subheader-left-wrapper\"\n      >\n        {leftActionBlock && (\n          <div\n            className=\"neeto-molecules-subheader__left\"\n            data-cy=\"subheader-left\"\n          >\n            {leftActionBlock}\n          </div>\n        )}\n      </div>\n      {rightActionBlock && (\n        <div\n          className=\"neeto-molecules-subheader__right\"\n          data-cy=\"subheader-right\"\n        >\n          {rightActionBlock}\n        </div>\n      )}\n    </div>\n  );\n};\n\nSubHeader.RightBlock = RightBlock;\n\nSubHeader.propTypes = {\n  /**\n   * To specify external classnames as overrides to the `SubHeader`.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the left side of the `SubHeader` section.\n   */\n  leftActionBlock: PropTypes.node,\n  /**\n   * To specify the content to be rendered in the right side of the `SubHeader` section.\n   */\n  rightActionBlock: PropTypes.node,\n};\n\nexport default SubHeader;\n"],"names":["Columns","forwardRef","_ref","ref","_ref$buttonProps","buttonProps","columnData","localStorageKey","fixedColumns","props","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","columnDataIndex","useMemo","pluck","filter","column","includes","dataIndex","_useHiddenColumns","useHiddenColumns","hideColumn","showColumn","_jsx","className","children","ManageColumns","_objectSpread","isSearchable","actionBlock","_jsxs","Button","label","style","onClick","icon","Column","tooltipProps","content","position","touch","displayName","DownloadButton","withT","count","_ref$dataCy","dataCy","Download","FilterButton","NeetoFilters","Filter","RightBlock","downloadButtonProps","columnsButtonProps","filterProps","dataProps","showIcons","isNotPresent","totalCount","classnames","hidden","not","SubHeader","_ref$className","leftActionBlock","rightActionBlock","subheaderRef","useRef","useLayoutEffect","updateHeaderHeight","current","height","offsetHeight","document","body","setProperty","concat","window","addEventListener","removeEventListener"],"mappings":"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"}
+{"version":3,"file":"SubHeader.js","sources":["../../src/components/SubHeader/RightBlock/Columns.jsx","../../src/components/SubHeader/RightBlock/Download.jsx","../../src/components/SubHeader/RightBlock/Filter.jsx","../../src/components/SubHeader/RightBlock/index.jsx","../../src/components/SubHeader/index.jsx"],"sourcesContent":["import { forwardRef, useMemo } from \"react\";\n\nimport { Column } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport { pluck } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ManageColumns, { useHiddenColumns } from \"components/Columns\";\n\nconst Columns = forwardRef(\n  (\n    { buttonProps = {}, columnData, localStorageKey, fixedColumns, ...props },\n    ref\n  ) => {\n    const { t } = useTranslation();\n\n    const columnDataIndex = useMemo(\n      () =>\n        pluck(\n          \"dataIndex\",\n          (columnData || []).filter(\n            column => !fixedColumns?.includes(column.dataIndex)\n          )\n        ),\n      [columnData, fixedColumns]\n    );\n\n    const { hideColumn, showColumn } = useHiddenColumns(localStorageKey);\n\n    return (\n      <div className=\"neeto-molecules-subheader__columns\">\n        <ManageColumns\n          isSearchable\n          className=\"neeto-ui-dropdown--manage-columns\"\n          actionBlock={\n            <div className=\"grid grid-cols-2 gap-2 px-4 py-3\">\n              <Button\n                className=\"col-span-1 justify-center\"\n                label=\"Hide all\"\n                style=\"secondary\"\n                onClick={() => hideColumn(columnDataIndex)}\n              />\n              <Button\n                className=\"col-span-1 justify-center\"\n                label=\"Show all\"\n                style=\"secondary\"\n                onClick={() => showColumn(columnDataIndex)}\n              />\n            </div>\n          }\n          buttonProps={{\n            icon: Column,\n            label: null,\n            tooltipProps: {\n              content: t(\"neetoMolecules.columns.columns\"),\n              position: \"bottom\",\n              touch: [\"hold\", 500],\n            },\n            \"data-testid\": \"columns-button\",\n            \"data-cy\": \"columns-dropdown-button\",\n            ...buttonProps,\n          }}\n          {...{ columnData, localStorageKey, ...props, ref }}\n        />\n      </div>\n    );\n  }\n);\n\nColumns.displayName = \"Columns\";\nexport default Columns;\n","import { withT } from \"neetocommons/react-utils\";\nimport { Download } from \"neetoicons\";\nimport { Button } from \"neetoui\";\n\nconst DownloadButton = withT(\n  ({ t, count, onClick, \"data-cy\": dataCy = \"download-button\" }) => (\n    <div className=\"neeto-molecules-subheader__download\">\n      <Button\n        {...{ onClick }}\n        data-cy={dataCy}\n        data-testid=\"download-button\"\n        icon={Download}\n        style=\"text\"\n        tooltipProps={{\n          content: t(\"neetoMolecules.common.download\"),\n          position: \"bottom\",\n          touch: [\"hold\", 500],\n        }}\n      />\n      {count && (\n        <span className=\"neeto-molecules-subheader__download-count\">\n          {count}\n        </span>\n      )}\n    </div>\n  )\n);\n\nexport default DownloadButton;\n","import { withT } from \"neetocommons/react-utils\";\nimport { Filters as NeetoFilters } from \"neetofilters\";\nimport { Filter } from \"neetoicons\";\n\nconst FilterButton = withT(({ t, buttonProps, ...props }) => (\n  <div className=\"neeto-molecules-subheader__filter\">\n    <NeetoFilters\n      buttonProps={{\n        \"data-testid\": \"filter-button\",\n        icon: Filter,\n        style: \"text\",\n        tooltipProps: {\n          content: t(\"neetoMolecules.common.filter\"),\n          position: \"bottom\",\n          touch: [\"hold\", 500],\n        },\n        label: null,\n        ...buttonProps,\n      }}\n      {...props}\n    />\n  </div>\n));\n\nexport default FilterButton;\n","import classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\n\nimport Columns from \"./Columns\";\nimport Download from \"./Download\";\nimport Filter from \"./Filter\";\n\nconst RightBlock = ({\n  downloadButtonProps,\n  columnsButtonProps,\n  filterProps,\n  dataProps,\n}) => {\n  const showIcons = isNotPresent(dataProps?.totalCount)\n    ? true\n    : dataProps?.totalCount > 0;\n\n  return (\n    <div\n      data-testid=\"subheader-rightblock-buttons-container\"\n      className={classnames(\"neeto-molecules-subheader__right-actions\", {\n        hidden: not(showIcons),\n      })}\n    >\n      {downloadButtonProps && <Download {...downloadButtonProps} />}\n      {columnsButtonProps && <Columns {...columnsButtonProps} />}\n      {filterProps && <Filter {...filterProps} />}\n    </div>\n  );\n};\n\nRightBlock.propTypes = {\n  /**\n   * Props that are passed to the download button.\n   */\n  downloadButtonProps: PropTypes.shape({\n    count: PropTypes.number,\n    onClick: PropTypes.func,\n  }),\n  /**\n   * Props that are passed to the columns button, same as the `Columns` component from neetoMolecules.\n   */\n  columnsButtonProps: PropTypes.shape({\n    onChange: PropTypes.func,\n    actionBlock: PropTypes.node,\n    checkboxProps: PropTypes.object,\n    columnData: PropTypes.array,\n    isSearchable: PropTypes.bool,\n    localStorageKey: PropTypes.string,\n    initialValue: PropTypes.array,\n    noColumnMessage: PropTypes.string,\n    searchProps: PropTypes.object,\n  }),\n  /**\n   * Props that are passed the the filter component. These are the same props as the\n   * neetoFilters `Filters` component.\n   */\n  filterProps: PropTypes.shape({\n    size: PropTypes.oneOf([\"xsmall\", \"small\", \"large\"]),\n    isOpen: PropTypes.bool,\n    setIsOpen: PropTypes.func,\n    columns: PropTypes.object,\n    onChange: PropTypes.func,\n    onSelectorsChange: PropTypes.func,\n    buttonProps: PropTypes.object,\n    paneProps: PropTypes.object,\n    isSearchable: PropTypes.bool,\n    className: PropTypes.string,\n  }),\n  /**\n   * Props related to data being displayed, such as tables, lists, and more. The buttons\n   * will be hidden if the value of `totalCount` in `dataProps` is `0`.\n   */\n  dataProps: PropTypes.shape({ totalCount: PropTypes.number }),\n};\n\nexport default RightBlock;\n","import { useLayoutEffect, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport RightBlock from \"./RightBlock\";\nimport \"./subheader.scss\";\n\nconst SubHeader = ({\n  className = \"\",\n  leftActionBlock,\n  rightActionBlock,\n  \"data-cy\": dataCy = \"subheader\",\n}) => {\n  const subheaderRef = useRef(null);\n\n  useLayoutEffect(() => {\n    const updateHeaderHeight = () => {\n      if (!subheaderRef.current) return;\n      const height = subheaderRef.current.offsetHeight;\n      document.body.style.setProperty(\n        \"--neeto-molecules-effective-subheader-height\",\n        `${height}px`\n      );\n    };\n\n    updateHeaderHeight();\n\n    window.addEventListener(\"resize\", updateHeaderHeight);\n\n    return () => window.removeEventListener(\"resize\", updateHeaderHeight);\n  }, []);\n\n  return (\n    <div\n      className={classnames([\"neeto-molecules-subheader\", className])}\n      data-cy={dataCy}\n      data-testid=\"subheader\"\n      ref={subheaderRef}\n    >\n      <div\n        className=\"neeto-molecules-subheader__left-wrapper\"\n        data-cy=\"subheader-left-wrapper\"\n      >\n        {leftActionBlock && (\n          <div\n            className=\"neeto-molecules-subheader__left\"\n            data-cy=\"subheader-left\"\n          >\n            {leftActionBlock}\n          </div>\n        )}\n      </div>\n      {rightActionBlock && (\n        <div\n          className=\"neeto-molecules-subheader__right\"\n          data-cy=\"subheader-right\"\n        >\n          {rightActionBlock}\n        </div>\n      )}\n    </div>\n  );\n};\n\nSubHeader.RightBlock = RightBlock;\n\nSubHeader.propTypes = {\n  /**\n   * To specify external classnames as overrides to the `SubHeader`.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the left side of the `SubHeader` section.\n   */\n  leftActionBlock: PropTypes.node,\n  /**\n   * To specify the content to be rendered in the right side of the `SubHeader` section.\n   */\n  rightActionBlock: PropTypes.node,\n};\n\nexport default SubHeader;\n"],"names":["Columns","forwardRef","_ref","ref","_ref$buttonProps","buttonProps","columnData","localStorageKey","fixedColumns","props","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","columnDataIndex","useMemo","pluck","filter","column","includes","dataIndex","_useHiddenColumns","useHiddenColumns","hideColumn","showColumn","_jsx","className","children","ManageColumns","_objectSpread","isSearchable","actionBlock","_jsxs","Button","label","style","onClick","icon","Column","tooltipProps","content","position","touch","displayName","DownloadButton","withT","count","_ref$dataCy","dataCy","Download","FilterButton","NeetoFilters","Filter","RightBlock","downloadButtonProps","columnsButtonProps","filterProps","dataProps","showIcons","isNotPresent","totalCount","classnames","hidden","not","SubHeader","_ref$className","leftActionBlock","rightActionBlock","subheaderRef","useRef","useLayoutEffect","updateHeaderHeight","current","height","offsetHeight","document","body","setProperty","concat","window","addEventListener","removeEventListener"],"mappings":"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"}

package/dist/cjs/Taxonomy.js

@@ -60,7 +60,7 @@ require('zustand');
 require('zustand/middleware');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 require('@bigbinary/neeto-icons/Download');
-require('@bigbinary/neeto-filters-frontend');
+require('@bigbinary/neeto-filters-frontend/Filters');
 require('@bigbinary/neeto-icons/Filter');
 
 function _interopNamespaceDefault(e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "3.13.1",
+  "version": "3.13.3",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",
@@ -53,13 +53,13 @@
     "@bigbinary/eslint-plugin-neeto": "1.5.6",
     "@bigbinary/neeto-audit-frontend": "^2.0.18",
     "@bigbinary/neeto-cist": "1.0.11",
-    "@bigbinary/neeto-commons-frontend": "4.4.6",
+    "@bigbinary/neeto-commons-frontend": "4.12.6",
     "@bigbinary/neeto-editor": "1.43.8",
     "@bigbinary/neeto-filters-frontend": "4.3.4",
     "@bigbinary/neeto-hotkeys": "1.0.4",
     "@bigbinary/neeto-icons": "1.20.19",
-    "@bigbinary/neeto-image-uploader-frontend": "2.0.0",
-    "@bigbinary/neeto-team-members-frontend": "4.0.0",
+    "@bigbinary/neeto-image-uploader-frontend": "2.3.11",
+    "@bigbinary/neeto-team-members-frontend": "4.4.6",
     "@bigbinary/neeto-time-zones": "0.5.5",
     "@bigbinary/neetoui": "8.2.13",
     "@dnd-kit/core": "^6.2.0",
@@ -87,6 +87,7 @@
     "@storybook/react-webpack5": "^8.3.6",
     "@svgr/rollup": "8.1.0",
     "@svgr/webpack": "^6.5.1",
+    "@tailwindcss/container-queries": "^0.1.1",
     "@tanstack/react-query": "5.40.0",
     "@tanstack/react-query-devtools": "5.40.0",
     "@testing-library/jest-dom": "5.16.2",
@@ -105,6 +106,7 @@
     "babel-plugin-istanbul": "^6.1.1",
     "babel-plugin-js-logger": "1.0.17",
     "babel-plugin-macros": "3.1.0",
+    "babel-plugin-module-resolver": "^5.0.0",
     "babel-plugin-preval": "^5.1.0",
     "babel-plugin-transform-imports": "^2.0.0",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
@@ -204,13 +206,13 @@
   "peerDependencies": {
     "@babel/runtime": "7.19.0",
     "@bigbinary/neeto-cist": "1.0.11",
-    "@bigbinary/neeto-commons-frontend": "4.4.6",
+    "@bigbinary/neeto-commons-frontend": "4.12.6",
     "@bigbinary/neeto-editor": "1.43.8",
     "@bigbinary/neeto-filters-frontend": "4.3.4",
     "@bigbinary/neeto-hotkeys": "1.0.4",
     "@bigbinary/neeto-icons": "1.20.19",
-    "@bigbinary/neeto-image-uploader-frontend": "2.0.0",
-    "@bigbinary/neeto-team-members-frontend": "4.0.0",
+    "@bigbinary/neeto-image-uploader-frontend": "2.3.11",
+    "@bigbinary/neeto-team-members-frontend": "4.4.6",
     "@bigbinary/neeto-time-zones": "0.5.5",
     "@bigbinary/neetoui": "8.2.13",
     "@dnd-kit/core": "^6.2.0",
@@ -223,6 +225,7 @@
     "@honeybadger-io/js": "^6.4.1",
     "@honeybadger-io/react": "^6.1.3",
     "@rails/activestorage": "7.0.8-3",
+    "@tailwindcss/container-queries": "^0.1.1",
     "@tanstack/react-query": "5.40.0",
     "@tanstack/react-query-devtools": "5.40.0",
     "@tippyjs/react": "4.2.6",

package/types/Header.d.ts

@@ -4,6 +4,20 @@ import { PopoverProps } from 'neetoui';
 import MoreDropdown from './MoreDropdown.js';
 import '@bigbinary/neetoui';
 
+interface HeaderProps {
+  title?: React.ReactNode;
+  titleHelpPopoverProps?: PopoverProps;
+  className?: string;
+  actionBlock?: React.ReactNode;
+  searchProps?: object;
+  breadcrumbs?: {
+    text: string;
+    link?: string;
+  }[];
+  size?: keyof typeof SIZES;
+  renderDropdown?: (Dropdown: MoreDropdown) => JSX.Element;
+}
+
 /**
  *
  * The Header component can be used to display the page title and an action block
@@ -19,18 +33,6 @@ import '@bigbinary/neetoui';
  * );
  * @endexample
 */
-declare const Header: React.FC<{
-  title?: React.ReactNode;
-  titleHelpPopoverProps?: PopoverProps;
-  className?: string;
-  actionBlock?: React.ReactNode;
-  searchProps?: object;
-  breadcrumbs?: {
-    text: string;
-    link?: string;
-  }[];
-  size?: keyof typeof SIZES;
-  renderDropdown?: (Dropdown: MoreDropdown) => JSX.Element;
-}>;
+declare const Header: React.FC<HeaderProps>;
 
-export { Header as default };
+export { type HeaderProps, Header as default };

package/types/Settings.d.ts

@@ -1,4 +1,9 @@
 import React, { ReactNode } from 'react';
+import { HeaderProps } from './Header.js';
+import 'components/Header/constants';
+import 'neetoui';
+import './MoreDropdown.js';
+import '@bigbinary/neetoui';
 
 type SettingItem = {
   label: string;
@@ -96,6 +101,8 @@ declare const Settings: React.FC<{
   isTitleHidden?: boolean;
   isSearchHidden?: boolean;
   categories: SettingCategory[];
+  className: string;
+  headerProps?: HeaderProps;
 }>;
 
 export { Settings as default };