@bigbinary/neeto-molecules 3.13.1 → 3.13.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/Settings.js +27 -21
  2. package/dist/Settings.js.map +1 -1
  3. package/dist/cjs/Settings.js +27 -21
  4. package/dist/cjs/Settings.js.map +1 -1
  5. package/package.json +1 -1
  6. package/types/Header.d.ts +16 -14
  7. package/types/Settings.d.ts +7 -0
package/dist/Settings.js CHANGED
@@ -1,3 +1,4 @@
1
+ import _defineProperty from '@babel/runtime/helpers/defineProperty';
1
2
  import { memo, useEffect, createElement } from 'react';
2
3
  import classnames from 'classnames';
3
4
  import useQueryParams from '@bigbinary/neeto-commons-frontend/react-utils/useQueryParams';
@@ -5,7 +6,6 @@ import NoData from '@bigbinary/neetoui/NoData';
5
6
  import { omit, isEmpty } from 'ramda';
6
7
  import { useTranslation } from 'react-i18next';
7
8
  import Header from './Header.js';
8
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
9
9
  import { hyphenate, isPresent, filterBy, isNotEmpty } from '@bigbinary/neeto-cist';
10
10
  import Typography from '@bigbinary/neetoui/Typography';
11
11
  import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
@@ -37,8 +37,8 @@ import '@bigbinary/neeto-commons-frontend/utils';
37
37
  var UNSUPPORTED_LINK_PROPS = ["staticContext", "tReady"];
38
38
 
39
39
  var _excluded$1 = ["label", "description", "icon", "path", "href", "dataCy", "className", "children"];
40
- 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; }
41
- 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; }
40
+ 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; }
41
+ 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; }
42
42
  var Item = function Item(_ref) {
43
43
  var label = _ref.label,
44
44
  description = _ref.description,
@@ -51,17 +51,17 @@ var Item = function Item(_ref) {
51
51
  className = _ref$className === void 0 ? "" : _ref$className,
52
52
  children = _ref.children,
53
53
  otherProps = _objectWithoutProperties(_ref, _excluded$1);
54
- var commonProps = _objectSpread$3({
54
+ var commonProps = _objectSpread$4({
55
55
  "data-cy": dataCy,
56
56
  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)
57
57
  }, omit(UNSUPPORTED_LINK_PROPS, otherProps));
58
58
  var LinkElement = href ? "a" : Link;
59
- var linkProps = href ? _objectSpread$3({
59
+ var linkProps = href ? _objectSpread$4({
60
60
  href: href
61
- }, commonProps) : _objectSpread$3({
61
+ }, commonProps) : _objectSpread$4({
62
62
  to: path
63
63
  }, commonProps);
64
- return /*#__PURE__*/jsxs(LinkElement, _objectSpread$3(_objectSpread$3({}, linkProps), {}, {
64
+ return /*#__PURE__*/jsxs(LinkElement, _objectSpread$4(_objectSpread$4({}, linkProps), {}, {
65
65
  children: [/*#__PURE__*/jsxs("div", {
66
66
  "data-cy": "settings-item-".concat(joinHyphenCase(label)),
67
67
  "data-testid": "settings-item-".concat(joinHyphenCase(label)),
@@ -90,8 +90,8 @@ var Item = function Item(_ref) {
90
90
  var Item$1 = /*#__PURE__*/memo(withRouter(Item));
91
91
 
92
92
  var _excluded = ["t", "isConnected", "icon", "description", "label", "path"];
93
- 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; }
94
- 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; }
93
+ 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; }
94
+ 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; }
95
95
  var IntegrationItem = withT(function (_ref) {
96
96
  var t = _ref.t,
97
97
  isConnected = _ref.isConnected,
@@ -100,7 +100,7 @@ var IntegrationItem = withT(function (_ref) {
100
100
  label = _ref.label,
101
101
  path = _ref.path,
102
102
  otherProps = _objectWithoutProperties(_ref, _excluded);
103
- return /*#__PURE__*/jsx(Item$1, _objectSpread$2(_objectSpread$2({}, _objectSpread$2({
103
+ return /*#__PURE__*/jsx(Item$1, _objectSpread$3(_objectSpread$3({}, _objectSpread$3({
104
104
  description: description,
105
105
  icon: icon,
106
106
  label: label,
@@ -118,8 +118,8 @@ var IntegrationItem = withT(function (_ref) {
118
118
  });
119
119
  var IntegrationItem$1 = /*#__PURE__*/memo(IntegrationItem);
120
120
 
121
- 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; }
122
- 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; }
121
+ 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; }
122
+ 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; }
123
123
  var Category = function Category(_ref) {
124
124
  var items = _ref.items,
125
125
  label = _ref.label,
@@ -140,16 +140,16 @@ var Category = function Category(_ref) {
140
140
  weight: "semibold",
141
141
  children: label
142
142
  }), /*#__PURE__*/jsx("div", {
143
- 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",
143
+ 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",
144
144
  children: items.map(function (item) {
145
- return /*#__PURE__*/jsx(SettingsCard, _objectSpread$1({}, item), item.label);
145
+ return /*#__PURE__*/jsx(SettingsCard, _objectSpread$2({}, item), item.label);
146
146
  })
147
147
  })]
148
148
  });
149
149
  };
150
150
 
151
- 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; }
152
- 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; }
151
+ 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; }
152
+ 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; }
153
153
  var isTextMatching = function isTextMatching(label, searchTerm) {
154
154
  return label.toLowerCase().includes(searchTerm.trim().toLowerCase());
155
155
  };
@@ -166,7 +166,7 @@ var filterCategories = function filterCategories(_ref) {
166
166
  searchTerm = _ref$searchTerm === void 0 ? "" : _ref$searchTerm;
167
167
  var isSearchTermBlank = !searchTerm.trim();
168
168
  var filteredCategories = isSearchTermBlank ? categories : categories.map(function (category) {
169
- return _objectSpread(_objectSpread({}, category), {}, {
169
+ return _objectSpread$1(_objectSpread$1({}, category), {}, {
170
170
  items: filterBy(function (_ref2) {
171
171
  var label = _ref2.label,
172
172
  description = _ref2.description;
@@ -179,14 +179,20 @@ var filterCategories = function filterCategories(_ref) {
179
179
  }, filteredCategories);
180
180
  };
181
181
 
182
+ 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; }
183
+ 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; }
182
184
  var Settings = function Settings(_ref) {
183
185
  var _ref$isTitleHidden = _ref.isTitleHidden,
184
186
  isTitleHidden = _ref$isTitleHidden === void 0 ? false : _ref$isTitleHidden,
185
187
  _ref$isSearchHidden = _ref.isSearchHidden,
186
188
  isSearchHidden = _ref$isSearchHidden === void 0 ? false : _ref$isSearchHidden,
187
189
  title = _ref.title,
190
+ _ref$headerProps = _ref.headerProps,
191
+ headerProps = _ref$headerProps === void 0 ? {} : _ref$headerProps,
188
192
  _ref$categories = _ref.categories,
189
- categories = _ref$categories === void 0 ? [] : _ref$categories;
193
+ categories = _ref$categories === void 0 ? [] : _ref$categories,
194
+ _ref$className = _ref.className,
195
+ className = _ref$className === void 0 ? "" : _ref$className;
190
196
  var _useTranslation = useTranslation(),
191
197
  t = _useTranslation.t;
192
198
  var _useQueryParams = useQueryParams(),
@@ -203,10 +209,10 @@ var Settings = function Settings(_ref) {
203
209
  scrollIntoSettingCategory(categoryParam);
204
210
  }, [categoryParam]);
205
211
  return /*#__PURE__*/jsxs("div", {
206
- className: classnames("neeto-molecules-container", {
212
+ className: classnames("neeto-molecules-container", className, {
207
213
  "h-auto overflow-y-auto": isTitleHidden
208
214
  }),
209
- children: [isHeaderVisible && /*#__PURE__*/jsx(Header, {
215
+ children: [isHeaderVisible && /*#__PURE__*/jsx(Header, _objectSpread({
210
216
  className: classnames({
211
217
  "min-h-0 pb-4 pt-8": isTitleHidden
212
218
  }),
@@ -215,7 +221,7 @@ var Settings = function Settings(_ref) {
215
221
  className: "w-72",
216
222
  placeholder: t("neetoMolecules.settingsPage.placeholder.search")
217
223
  }
218
- }), isEmpty(filteredCategories) ? /*#__PURE__*/jsx("div", {
224
+ }, headerProps)), isEmpty(filteredCategories) ? /*#__PURE__*/jsx("div", {
219
225
  className: "flex h-full w-full flex-grow items-center justify-center",
220
226
  "data-testid": "settings-no-data",
221
227
  children: /*#__PURE__*/jsx(NoData, {
package/dist/Settings.js.map CHANGED
@@ -1 +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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAO,IAAMA,sBAAsB,GAAG,CAAC,eAAe,EAAE,QAAQ,CAAC;;;;;ACUjE,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAAC,IAAA,EAUJ;AAAA,EAAA,IATJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAAC,SAAA,GAAAH,IAAA,CACXI,IAAI;AAAEC,IAAAA,IAAI,GAAAF,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IACjBG,IAAI,GAAAN,IAAA,CAAJM,IAAI;IACJC,IAAI,GAAAP,IAAA,CAAJO,IAAI;IACJC,MAAM,GAAAR,IAAA,CAANQ,MAAM;IAAAC,cAAA,GAAAT,IAAA,CACNU,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IACdE,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AACLC,IAAAA,UAAU,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,WAAA,CAAA,CAAA;EAEb,IAAMC,WAAW,GAAAC,eAAA,CAAA;AACf,IAAA,SAAS,EAAER,MAAM;AACjBE,IAAAA,SAAS,EAAEO,UAAU,CACnB,0NAA0N,EAC1NP,SACF,CAAA;AAAC,GAAA,EACEQ,IAAI,CAACpB,sBAAsB,EAAEc,UAAU,CAAC,CAC5C,CAAA;AAED,EAAA,IAAMO,WAAW,GAAGZ,IAAI,GAAG,GAAG,GAAGa,IAAI,CAAA;AACrC,EAAA,IAAMC,SAAS,GAAGd,IAAI,GAAAS,eAAA,CAAA;AAChBT,IAAAA,IAAI,EAAJA,IAAAA;GAASQ,EAAAA,WAAW,IAAAC,eAAA,CAAA;AACpBM,IAAAA,EAAE,EAAEhB,IAAAA;AAAI,GAAA,EAAKS,WAAW,CAAE,CAAA;EAEhC,oBACEQ,IAAA,CAACJ,WAAW,EAAAH,eAAA,CAAAA,eAAA,KAAKK,SAAS,CAAA,EAAA,EAAA,EAAA;AAAAV,IAAAA,QAAA,gBACxBY,IAAA,CAAA,KAAA,EAAA;AACE,MAAA,SAAA,EAAA,gBAAA,CAAAC,MAAA,CAA0BC,cAAc,CAACxB,KAAK,CAAC,CAAG;AAClD,MAAA,aAAA,EAAA,gBAAA,CAAAuB,MAAA,CAA8BC,cAAc,CAACxB,KAAK,CAAC,CAAG;AAAAU,MAAAA,QAAA,gBAEtDY,IAAA,CAAA,KAAA,EAAA;AAAKb,QAAAA,SAAS,EAAC,8BAA8B;AAAAC,QAAAA,QAAA,EAC1CN,CAAAA,IAAI,iBAAIqB,GAAA,CAACrB,IAAI,EAAA;AAACK,UAAAA,SAAS,EAAC,wBAAwB;AAACiB,UAAAA,IAAI,EAAE,EAAA;AAAG,SAAE,CAAC,eAC9DD,GAAA,CAACE,UAAU,EAAA;AACT,UAAA,SAAA,EAAQ,uBAAuB;AAC/BC,UAAAA,KAAK,EAAC,IAAI;AACVC,UAAAA,MAAM,EAAC,UAAU;AAAAnB,UAAAA,QAAA,EAEhBV,KAAAA;AAAK,SACI,CAAC,CAAA;AAAA,OACV,CAAC,eACNyB,GAAA,CAACE,UAAU,EAAA;AAAC,QAAA,SAAA,EAAQ,2BAA2B;AAACC,QAAAA,KAAK,EAAC,OAAO;AAAAlB,QAAAA,QAAA,EAC1DT,WAAAA;AAAW,OACF,CAAC,CAAA;AAAA,KACV,CAAC,EACLS,QAAQ,iBACPe,GAAA,CAAA,KAAA,EAAA;AAAKhB,MAAAA,SAAS,EAAC,wCAAwC;AAAAC,MAAAA,QAAA,EAAEA,QAAAA;AAAQ,KAAM,CACxE,CAAA;AAAA,GAAA,CACU,CAAC,CAAA;AAElB,CAAC,CAAA;AAED,aAAA,aAAeoB,IAAI,CAACC,UAAU,CAACjC,IAAI,CAAC,CAAC;;;;;ACrDrC,IAAMkC,eAAe,GAAGC,KAAK,CAC3B,UAAAlC,IAAA,EAAA;AAAA,EAAA,IAAGmC,CAAC,GAAAnC,IAAA,CAADmC,CAAC;IAAEC,WAAW,GAAApC,IAAA,CAAXoC,WAAW;IAAEhC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IAAEF,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAED,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEK,IAAI,GAAAN,IAAA,CAAJM,IAAI;AAAKM,IAAAA,UAAU,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;EAAA,oBAC9DY,GAAA,CAAC3B,MAAI,EAAAiB,eAAA,CAAAA,eAAA,KAAAA,eAAA,CAAA;AACGd,IAAAA,WAAW,EAAXA,WAAW;AAAEE,IAAAA,IAAI,EAAJA,IAAI;AAAEH,IAAAA,KAAK,EAALA,KAAK;AAAEK,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,EAAKM,UAAU,CAAA,CAAA,EAAA,EAAA,EAAA;AACnDJ,IAAAA,MAAM,EAAAgB,EAAAA,CAAAA,MAAA,CAAKa,SAAS,CAACpC,KAAK,CAAC,CAACqC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,EAAoB,mBAAA,CAAA;AAAA3B,IAAAA,QAAA,EAElEyB,WAAW,iBACVV,GAAA,CAACa,GAAG,EAAA;AACF7B,MAAAA,SAAS,EAAC,kBAAkB;AAC5B,MAAA,SAAA,EAAQ,wBAAwB;AAChCN,MAAAA,IAAI,EAAEoC,KAAM;AACZvC,MAAAA,KAAK,EAAEkC,CAAC,CAAC,0CAA0C,CAAE;AACrDN,MAAAA,KAAK,EAAC,SAAA;KACP,CAAA;AACF,GAAA,CACG,CAAC,CAAA;AAAA,CAEX,CAAC,CAAA;AAED,wBAAeE,aAAAA,IAAI,CAACE,eAAe,CAAC;;;;ACrBpC,IAAMQ,QAAQ,GAAG,SAAXA,QAAQA,CAAAzC,IAAA,EAA4C;AAAA,EAAA,IAAtC0C,KAAK,GAAA1C,IAAA,CAAL0C,KAAK;IAAEzC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAE0C,EAAE,GAAA3C,IAAA,CAAF2C,EAAE;IAAEC,aAAa,GAAA5C,IAAA,CAAb4C,aAAa,CAAA;AACjD,EAAA,IAAMC,YAAY,GAAGD,aAAa,GAAGX,iBAAe,GAAGlC,MAAI,CAAA;AAE3D,EAAA,IAAM+C,cAAc,GAAGC,SAAS,CAAC9C,KAAK,CAAC,CAAA;AAEvC,EAAA,oBACEsB,IAAA,CAAA,KAAA,EAAA;AACQoB,IAAAA,EAAE,EAAFA,EAAE;AACRjC,IAAAA,SAAS,EAAEsC,UAAU,CAAC,eAAe,EAAE;AAAE,MAAA,MAAM,EAAEF,cAAAA;AAAe,KAAC,CAAE;AAAAnC,IAAAA,QAAA,EAElEmC,CAAAA,cAAc,iBACbpB,GAAA,CAACE,UAAU,EAAA;AACTlB,MAAAA,SAAS,EAAC,WAAW;AACrBuC,MAAAA,SAAS,EAAC,IAAI;AACd,MAAA,SAAA,EAAQ,2BAA2B;AACnCpB,MAAAA,KAAK,EAAC,IAAI;AACVC,MAAAA,MAAM,EAAC,UAAU;AAAAnB,MAAAA,QAAA,EAEhBV,KAAAA;KACS,CACb,eACDyB,GAAA,CAAA,KAAA,EAAA;AAAKhB,MAAAA,SAAS,EAAC,8FAA8F;AAAAC,MAAAA,QAAA,EAC1G+B,KAAK,CAACQ,GAAG,CAAC,UAAAC,IAAI,EAAA;QAAA,oBACbzB,GAAA,CAACmB,YAAY,EAAA7B,eAAA,CAAsBmC,EAAAA,EAAAA,IAAI,CAApBA,EAAAA,IAAI,CAAClD,KAAkB,CAAC,CAAA;OAC5C,CAAA;AAAC,KACC,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEV,CAAC;;;;ACjCD,IAAMmD,cAAc,GAAG,SAAjBA,cAAcA,CAAInD,KAAK,EAAEoD,UAAU,EAAA;AAAA,EAAA,OACvCpD,KAAK,CAACqD,WAAW,EAAE,CAACC,QAAQ,CAACF,UAAU,CAACG,IAAI,EAAE,CAACF,WAAW,EAAE,CAAC,CAAA;AAAA,CAAA,CAAA;AAExD,IAAMG,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAGC,cAAc,EAAI;AAAA,EAAA,IAAAC,qBAAA,CAAA;AACzD,EAAA,CAAAA,qBAAA,GAAAC,QAAQ,CAACC,cAAc,CAACH,cAAc,CAAC,MAAA,IAAA,IAAAC,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAvCA,qBAAA,CAAyCG,cAAc,CAAC;AACtDC,IAAAA,QAAQ,EAAE,QAAA;AACZ,GAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAEM,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAhE,IAAA,EAA6C;AAAA,EAAA,IAAAiE,eAAA,GAAAjE,IAAA,CAAvCkE,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,eAAA;IAAAE,eAAA,GAAAnE,IAAA,CAAEqD,UAAU;AAAVA,IAAAA,UAAU,GAAAc,eAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,eAAA,CAAA;AACjE,EAAA,IAAMC,iBAAiB,GAAG,CAACf,UAAU,CAACG,IAAI,EAAE,CAAA;EAE5C,IAAMa,kBAAkB,GAAGD,iBAAiB,GACxCF,UAAU,GACVA,UAAU,CAAChB,GAAG,CAAC,UAAAoB,QAAQ,EAAA;AAAA,IAAA,OAAAtD,aAAA,CAAAA,aAAA,CAAA,EAAA,EAClBsD,QAAQ,CAAA,EAAA,EAAA,EAAA;AACX5B,MAAAA,KAAK,EAAE6B,QAAQ,CACb,UAAAC,KAAA,EAAA;AAAA,QAAA,IAAGvE,KAAK,GAAAuE,KAAA,CAALvE,KAAK;UAAEC,WAAW,GAAAsE,KAAA,CAAXtE,WAAW,CAAA;AAAA,QAAA,OACnBkD,cAAc,CAACnD,KAAK,EAAEoD,UAAU,CAAC,IACjCD,cAAc,CAAClD,WAAW,EAAEmD,UAAU,CAAC,CAAA;OACzCiB,EAAAA,QAAQ,CAAC5B,KACX,CAAA;AAAC,KAAA,CAAA,CAAA;AAAA,GACD,CAAC,CAAA;AAEP,EAAA,OAAO6B,QAAQ,CAAC;AAAE7B,IAAAA,KAAK,EAAE+B,UAAAA;GAAY,EAAEJ,kBAAkB,CAAC,CAAA;AAC5D,CAAC;;ACbD,IAAMK,QAAQ,GAAG,SAAXA,QAAQA,CAAA1E,IAAA,EAKR;AAAA,EAAA,IAAA2E,kBAAA,GAAA3E,IAAA,CAJJ4E,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IAAAE,mBAAA,GAAA7E,IAAA,CACrB8E,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,mBAAA;IACtBE,KAAK,GAAA/E,IAAA,CAAL+E,KAAK;IAAAd,eAAA,GAAAjE,IAAA,CACLkE,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,eAAA,CAAA;AAEf,EAAA,IAAAe,eAAA,GAAcC,cAAc,EAAE;IAAtB9C,CAAC,GAAA6C,eAAA,CAAD7C,CAAC,CAAA;AAET,EAAA,IAAA+C,eAAA,GAAqDC,cAAc,EAAE;IAAnDC,aAAa,GAAAF,eAAA,CAAvBZ,QAAQ;IAAAe,qBAAA,GAAAH,eAAA,CAAiB7B,UAAU;AAAVA,IAAAA,UAAU,GAAAgC,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA,CAAA;EAEhD,IAAMhB,kBAAkB,GAAGL,gBAAgB,CAAC;AAAEE,IAAAA,UAAU,EAAVA,UAAU;AAAEb,IAAAA,UAAU,EAAVA,UAAAA;AAAW,GAAC,CAAC,CAAA;AAEvE,EAAA,IAAMiC,eAAe,GAAG,CAACR,cAAc,IAAI,CAACF,aAAa,CAAA;EAEzD,IAAMW,WAAW,GAAGR,KAAK,KAALA,IAAAA,IAAAA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAK,GAAI5C,CAAC,CAAC,mCAAmC,CAAC,CAAA;AAEnEqD,EAAAA,SAAS,CAAC,YAAM;IACd/B,yBAAyB,CAAC2B,aAAa,CAAC,CAAA;AAC1C,GAAC,EAAE,CAACA,aAAa,CAAC,CAAC,CAAA;AAEnB,EAAA,oBACE7D,IAAA,CAAA,KAAA,EAAA;AACEb,IAAAA,SAAS,EAAEsC,UAAU,CAAC,2BAA2B,EAAE;AACjD,MAAA,wBAAwB,EAAE4B,aAAAA;AAC5B,KAAC,CAAE;AAAAjE,IAAAA,QAAA,EAEF2E,CAAAA,eAAe,iBACd5D,GAAA,CAAC+D,MAAM,EAAA;MACL/E,SAAS,EAAEsC,UAAU,CAAC;AAAE,QAAA,mBAAmB,EAAE4B,aAAAA;AAAc,OAAC,CAAE;AAC9DG,MAAAA,KAAK,EAAE,CAACH,aAAa,IAAIW,WAAY;AACrCG,MAAAA,WAAW,EACTZ,cAAc,GACV,IAAI,GACJ;AACEpE,QAAAA,SAAS,EAAE,MAAM;QACjBiF,WAAW,EAAExD,CAAC,CACZ,gDACF,CAAA;AACF,OAAA;AACL,KACF,CACF,EACAyD,OAAO,CAACvB,kBAAkB,CAAC,gBAC1B3C,GAAA,CAAA,KAAA,EAAA;AACEhB,MAAAA,SAAS,EAAC,0DAA0D;AACpE,MAAA,aAAA,EAAY,kBAAkB;MAAAC,QAAA,eAE9Be,GAAA,CAACmE,MAAM,EAAA;QAACd,KAAK,EAAE5C,CAAC,CAAC,oCAAoC,CAAA;OAAI,CAAA;KACtD,CAAC,gBAENT,GAAA,CAAA,KAAA,EAAA;AAAKhB,MAAAA,SAAS,EAAC,QAAQ;AAAAC,MAAAA,QAAA,EACpB0D,kBAAkB,CAACnB,GAAG,CAAC,UAAAsB,KAAA,EAAA;AAAA,QAAA,IAAG7B,EAAE,GAAA6B,KAAA,CAAF7B,EAAE;UAAE1C,KAAK,GAAAuE,KAAA,CAALvE,KAAK;UAAEyC,KAAK,GAAA8B,KAAA,CAAL9B,KAAK;UAAEE,aAAa,GAAA4B,KAAA,CAAb5B,aAAa,CAAA;QAAA,oBACxDkD,aAAA,CAACrD,QAAQ,EAAA;AAAOE,UAAAA,EAAE,EAAFA,EAAE;AAAEC,UAAAA,aAAa,EAAbA,aAAa;AAAEF,UAAAA,KAAK,EAALA,KAAK;AAAEzC,UAAAA,KAAK,EAALA,KAAK;AAAI8F,UAAAA,GAAG,EAAEpD,EAAAA;AAAG,SAAE,CAAC,CAAA;OAC/D,CAAA;AAAC,KACC,CACN,CAAA;AAAA,GACE,CAAC,CAAA;AAEV;;;;"}
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 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/Settings.js CHANGED
@@ -1,5 +1,6 @@
1
1
  'use strict';
2
2
 
3
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
3
4
  var React = require('react');
4
5
  var classnames = require('classnames');
5
6
  var useQueryParams = require('@bigbinary/neeto-commons-frontend/react-utils/useQueryParams');
@@ -7,7 +8,6 @@ var NoData = require('@bigbinary/neetoui/NoData');
7
8
  var ramda = require('ramda');
8
9
  var reactI18next = require('react-i18next');
9
10
  var Header = require('./Header.js');
10
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
11
11
  var neetoCist = require('@bigbinary/neeto-cist');
12
12
  var Typography = require('@bigbinary/neetoui/Typography');
13
13
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
@@ -39,8 +39,8 @@ require('@bigbinary/neeto-commons-frontend/utils');
39
39
  var UNSUPPORTED_LINK_PROPS = ["staticContext", "tReady"];
40
40
 
41
41
  var _excluded$1 = ["label", "description", "icon", "path", "href", "dataCy", "className", "children"];
42
- 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; }
43
- 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; }
42
+ 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; }
43
+ 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; }
44
44
  var Item = function Item(_ref) {
45
45
  var label = _ref.label,
46
46
  description = _ref.description,
@@ -53,17 +53,17 @@ var Item = function Item(_ref) {
53
53
  className = _ref$className === void 0 ? "" : _ref$className,
54
54
  children = _ref.children,
55
55
  otherProps = _objectWithoutProperties(_ref, _excluded$1);
56
- var commonProps = _objectSpread$3({
56
+ var commonProps = _objectSpread$4({
57
57
  "data-cy": dataCy,
58
58
  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)
59
59
  }, ramda.omit(UNSUPPORTED_LINK_PROPS, otherProps));
60
60
  var LinkElement = href ? "a" : reactRouterDom.Link;
61
- var linkProps = href ? _objectSpread$3({
61
+ var linkProps = href ? _objectSpread$4({
62
62
  href: href
63
- }, commonProps) : _objectSpread$3({
63
+ }, commonProps) : _objectSpread$4({
64
64
  to: path
65
65
  }, commonProps);
66
- return /*#__PURE__*/jsxRuntime.jsxs(LinkElement, _objectSpread$3(_objectSpread$3({}, linkProps), {}, {
66
+ return /*#__PURE__*/jsxRuntime.jsxs(LinkElement, _objectSpread$4(_objectSpread$4({}, linkProps), {}, {
67
67
  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
68
68
  "data-cy": "settings-item-".concat(general.joinHyphenCase(label)),
69
69
  "data-testid": "settings-item-".concat(general.joinHyphenCase(label)),
@@ -92,8 +92,8 @@ var Item = function Item(_ref) {
92
92
  var Item$1 = /*#__PURE__*/React.memo(reactRouterDom.withRouter(Item));
93
93
 
94
94
  var _excluded = ["t", "isConnected", "icon", "description", "label", "path"];
95
- 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; }
96
- 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; }
95
+ 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; }
96
+ 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; }
97
97
  var IntegrationItem = reactUtils.withT(function (_ref) {
98
98
  var t = _ref.t,
99
99
  isConnected = _ref.isConnected,
@@ -102,7 +102,7 @@ var IntegrationItem = reactUtils.withT(function (_ref) {
102
102
  label = _ref.label,
103
103
  path = _ref.path,
104
104
  otherProps = _objectWithoutProperties(_ref, _excluded);
105
- return /*#__PURE__*/jsxRuntime.jsx(Item$1, _objectSpread$2(_objectSpread$2({}, _objectSpread$2({
105
+ return /*#__PURE__*/jsxRuntime.jsx(Item$1, _objectSpread$3(_objectSpread$3({}, _objectSpread$3({
106
106
  description: description,
107
107
  icon: icon,
108
108
  label: label,
@@ -120,8 +120,8 @@ var IntegrationItem = reactUtils.withT(function (_ref) {
120
120
  });
121
121
  var IntegrationItem$1 = /*#__PURE__*/React.memo(IntegrationItem);
122
122
 
123
- 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; }
124
- 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; }
123
+ 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; }
124
+ 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; }
125
125
  var Category = function Category(_ref) {
126
126
  var items = _ref.items,
127
127
  label = _ref.label,
@@ -142,16 +142,16 @@ var Category = function Category(_ref) {
142
142
  weight: "semibold",
143
143
  children: label
144
144
  }), /*#__PURE__*/jsxRuntime.jsx("div", {
145
- 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",
145
+ 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",
146
146
  children: items.map(function (item) {
147
- return /*#__PURE__*/jsxRuntime.jsx(SettingsCard, _objectSpread$1({}, item), item.label);
147
+ return /*#__PURE__*/jsxRuntime.jsx(SettingsCard, _objectSpread$2({}, item), item.label);
148
148
  })
149
149
  })]
150
150
  });
151
151
  };
152
152
 
153
- 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; }
154
- 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; }
153
+ 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; }
154
+ 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; }
155
155
  var isTextMatching = function isTextMatching(label, searchTerm) {
156
156
  return label.toLowerCase().includes(searchTerm.trim().toLowerCase());
157
157
  };
@@ -168,7 +168,7 @@ var filterCategories = function filterCategories(_ref) {
168
168
  searchTerm = _ref$searchTerm === void 0 ? "" : _ref$searchTerm;
169
169
  var isSearchTermBlank = !searchTerm.trim();
170
170
  var filteredCategories = isSearchTermBlank ? categories : categories.map(function (category) {
171
- return _objectSpread(_objectSpread({}, category), {}, {
171
+ return _objectSpread$1(_objectSpread$1({}, category), {}, {
172
172
  items: neetoCist.filterBy(function (_ref2) {
173
173
  var label = _ref2.label,
174
174
  description = _ref2.description;
@@ -181,14 +181,20 @@ var filterCategories = function filterCategories(_ref) {
181
181
  }, filteredCategories);
182
182
  };
183
183
 
184
+ 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; }
185
+ 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; }
184
186
  var Settings = function Settings(_ref) {
185
187
  var _ref$isTitleHidden = _ref.isTitleHidden,
186
188
  isTitleHidden = _ref$isTitleHidden === void 0 ? false : _ref$isTitleHidden,
187
189
  _ref$isSearchHidden = _ref.isSearchHidden,
188
190
  isSearchHidden = _ref$isSearchHidden === void 0 ? false : _ref$isSearchHidden,
189
191
  title = _ref.title,
192
+ _ref$headerProps = _ref.headerProps,
193
+ headerProps = _ref$headerProps === void 0 ? {} : _ref$headerProps,
190
194
  _ref$categories = _ref.categories,
191
- categories = _ref$categories === void 0 ? [] : _ref$categories;
195
+ categories = _ref$categories === void 0 ? [] : _ref$categories,
196
+ _ref$className = _ref.className,
197
+ className = _ref$className === void 0 ? "" : _ref$className;
192
198
  var _useTranslation = reactI18next.useTranslation(),
193
199
  t = _useTranslation.t;
194
200
  var _useQueryParams = useQueryParams(),
@@ -205,10 +211,10 @@ var Settings = function Settings(_ref) {
205
211
  scrollIntoSettingCategory(categoryParam);
206
212
  }, [categoryParam]);
207
213
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
208
- className: classnames("neeto-molecules-container", {
214
+ className: classnames("neeto-molecules-container", className, {
209
215
  "h-auto overflow-y-auto": isTitleHidden
210
216
  }),
211
- children: [isHeaderVisible && /*#__PURE__*/jsxRuntime.jsx(Header, {
217
+ children: [isHeaderVisible && /*#__PURE__*/jsxRuntime.jsx(Header, _objectSpread({
212
218
  className: classnames({
213
219
  "min-h-0 pb-4 pt-8": isTitleHidden
214
220
  }),
@@ -217,7 +223,7 @@ var Settings = function Settings(_ref) {
217
223
  className: "w-72",
218
224
  placeholder: t("neetoMolecules.settingsPage.placeholder.search")
219
225
  }
220
- }), ramda.isEmpty(filteredCategories) ? /*#__PURE__*/jsxRuntime.jsx("div", {
226
+ }, headerProps)), ramda.isEmpty(filteredCategories) ? /*#__PURE__*/jsxRuntime.jsx("div", {
221
227
  className: "flex h-full w-full flex-grow items-center justify-center",
222
228
  "data-testid": "settings-no-data",
223
229
  children: /*#__PURE__*/jsxRuntime.jsx(NoData, {
package/dist/cjs/Settings.js.map CHANGED
@@ -1 +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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"}
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 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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bigbinary/neeto-molecules",
3
- "version": "3.13.1",
3
+ "version": "3.13.2",
4
4
  "description": "A package of reusable molecular components for neeto products.",
5
5
  "repository": "git@github.com:bigbinary/neeto-molecules.git",
6
6
  "author": "Amaljith K <amaljith.k@bigbinary.com>",
package/types/Header.d.ts CHANGED
@@ -4,6 +4,20 @@ import { PopoverProps } from 'neetoui';
4
4
  import MoreDropdown from './MoreDropdown.js';
5
5
  import '@bigbinary/neetoui';
6
6
 
7
+ interface HeaderProps {
8
+ title?: React.ReactNode;
9
+ titleHelpPopoverProps?: PopoverProps;
10
+ className?: string;
11
+ actionBlock?: React.ReactNode;
12
+ searchProps?: object;
13
+ breadcrumbs?: {
14
+ text: string;
15
+ link?: string;
16
+ }[];
17
+ size?: keyof typeof SIZES;
18
+ renderDropdown?: (Dropdown: MoreDropdown) => JSX.Element;
19
+ }
20
+
7
21
  /**
8
22
  *
9
23
  * The Header component can be used to display the page title and an action block
@@ -19,18 +33,6 @@ import '@bigbinary/neetoui';
19
33
  * );
20
34
  * @endexample
21
35
  */
22
- declare const Header: React.FC<{
23
- title?: React.ReactNode;
24
- titleHelpPopoverProps?: PopoverProps;
25
- className?: string;
26
- actionBlock?: React.ReactNode;
27
- searchProps?: object;
28
- breadcrumbs?: {
29
- text: string;
30
- link?: string;
31
- }[];
32
- size?: keyof typeof SIZES;
33
- renderDropdown?: (Dropdown: MoreDropdown) => JSX.Element;
34
- }>;
36
+ declare const Header: React.FC<HeaderProps>;
35
37
 
36
- export { Header as default };
38
+ export { type HeaderProps, Header as default };
package/types/Settings.d.ts CHANGED
@@ -1,4 +1,9 @@
1
1
  import React, { ReactNode } from 'react';
2
+ import { HeaderProps } from './Header.js';
3
+ import 'components/Header/constants';
4
+ import 'neetoui';
5
+ import './MoreDropdown.js';
6
+ import '@bigbinary/neetoui';
2
7
 
3
8
  type SettingItem = {
4
9
  label: string;
@@ -96,6 +101,8 @@ declare const Settings: React.FC<{
96
101
  isTitleHidden?: boolean;
97
102
  isSearchHidden?: boolean;
98
103
  categories: SettingCategory[];
104
+ className: string;
105
+ headerProps?: HeaderProps;
99
106
  }>;
100
107
 
101
108
  export { Settings as default };