@bigbinary/neeto-molecules 4.1.70 → 4.1.71

package/dist/cjs/v2/Settings.js

@@ -67,29 +67,23 @@ var IntegrationItem$1 = function IntegrationItem(_ref) {
       })
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex min-w-0 flex-1 flex-col gap-1",
-      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-        asChild: true,
+      children: [/*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Typography, {
+        className: "flex flex-wrap items-center gap-2",
+        "data-settings-heading": "",
+        "data-testid": "settings-item-heading",
         variant: "h5",
         weight: "semibold",
-        children: /*#__PURE__*/jsxRuntime.jsx("span", {
-          "data-settings-heading": "",
-          "data-testid": "settings-item-heading",
-          children: label
-        })
+        children: [label, isConnected && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Badge, {
+          "data-testid": "integration-status-tag",
+          variant: "green",
+          children: t("neetoMolecules.integrationCard.connected")
+        })]
       }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-        asChild: true,
+        className: "text-muted-foreground",
+        "data-testid": "settings-item-description",
         variant: "body2",
-        children: /*#__PURE__*/jsxRuntime.jsx("p", {
-          className: "text-muted-foreground",
-          "data-testid": "settings-item-description",
-          children: description
-        })
+        children: description
       })]
-    }), isConnected && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Badge, {
-      className: "absolute top-2 right-2",
-      "data-testid": "integration-status-tag",
-      variant: "default",
-      children: t("neetoMolecules.integrationCard.connected")
     })]
   }));
 };
@@ -139,13 +133,10 @@ var Item$1 = function Item(_ref) {
           })
         })]
       }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-        asChild: true,
+        className: "text-muted-foreground",
+        "data-testid": "settings-item-description",
         variant: "body2",
-        children: /*#__PURE__*/jsxRuntime.jsx("p", {
-          className: "text-muted-foreground",
-          "data-testid": "settings-item-description",
-          children: description
-        })
+        children: description
       })]
     }), children && /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "border-border border-t pt-3",
@@ -177,7 +168,7 @@ var Category = function Category(_ref) {
       variant: "h4",
       weight: "semibold",
       children: /*#__PURE__*/jsxRuntime.jsx("h2", {
-        className: "mt-2 mb-6",
+        className: "mt-2 mb-4",
         "data-testid": "settings-category-heading",
         children: label
       })

package/dist/cjs/v2/Settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.js","sources":["../../../src/v2/components/Settings/constants.js","../../../src/v2/components/Settings/IntegrationItem.jsx","../../../src/v2/components/Settings/Item.jsx","../../../src/v2/components/Settings/Category.jsx","../../../src/v2/components/Settings/utils.js","../../../src/v2/components/Settings/index.jsx"],"sourcesContent":["export const UNSUPPORTED_LINK_PROPS = [\"staticContext\", \"tReady\"];\n","import { memo } from \"react\";\n\nimport { Badge, Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport PropTypes from \"prop-types\";\nimport { omit } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { Link } from \"react-router-dom\";\n\nimport { UNSUPPORTED_LINK_PROPS } from \"./constants\";\n\nconst IntegrationItem = ({\n  icon: Icon = null,\n  description,\n  label,\n  path,\n  href,\n  isConnected,\n  isMobileOrTablet = false,\n  className = \"\",\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  const commonProps = {\n    \"data-testid\": `${hyphenate(label).replace(/\\./g, \"-\")}-integration-card`,\n    className: classnames(\n      \"relative flex cursor-pointer flex-col items-start gap-3 rounded-lg border border-border px-6 py-6 no-underline outline-none transition-shadow duration-300 ease-in-out md:py-8 lg:flex-row xl:gap-4\",\n      \"hover:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] hover:[&_[data-settings-heading]]:text-primary\",\n      \"active:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] active:[&_[data-settings-heading]]:text-primary\",\n      \"focus:border-primary focus:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] focus:[&_[data-settings-heading]]:text-primary\",\n      \"focus-visible:border-primary focus-visible:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] focus-visible:[&_[data-settings-heading]]:text-primary\",\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      {Icon && (\n        <div className=\"border-border mt-0.5 flex shrink-0 items-center justify-center rounded-lg border p-1.5 shadow-sm xl:p-2.5\">\n          <Icon\n            data-testid={`${joinHyphenCase(label)}-integration-icon`}\n            size={isMobileOrTablet ? 26 : 32}\n          />\n        </div>\n      )}\n      <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n        <Typography asChild variant=\"h5\" weight=\"semibold\">\n          <span data-settings-heading=\"\" data-testid=\"settings-item-heading\">\n            {label}\n          </span>\n        </Typography>\n        <Typography asChild variant=\"body2\">\n          <p\n            className=\"text-muted-foreground\"\n            data-testid=\"settings-item-description\"\n          >\n            {description}\n          </p>\n        </Typography>\n      </div>\n      {isConnected && (\n        <Badge\n          className=\"absolute top-2 right-2\"\n          data-testid=\"integration-status-tag\"\n          variant=\"default\"\n        >\n          {t(\"neetoMolecules.integrationCard.connected\")}\n        </Badge>\n      )}\n    </LinkElement>\n  );\n};\n\nIntegrationItem.propTypes = {\n  /**\n   * The icon component to display. Accepts lucide-react icons or brand logos.\n   */\n  icon: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.func,\n    PropTypes.object,\n  ]),\n  /**\n   * A description of the integration.\n   */\n  description: PropTypes.string,\n  /**\n   * The label text for the integration item.\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * The internal route path for the integration item link.\n   */\n  path: PropTypes.string,\n  /**\n   * The external URL for the integration item link.\n   */\n  href: PropTypes.string,\n  /**\n   * Whether the integration is currently connected.\n   */\n  isConnected: PropTypes.bool,\n  /**\n   * Whether the current viewport is mobile or tablet size.\n   */\n  isMobileOrTablet: PropTypes.bool,\n  /**\n   * Additional CSS classes for the link element.\n   */\n  className: PropTypes.string,\n};\n\nexport default memo(IntegrationItem);\n","import { memo } from \"react\";\n\nimport { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport PropTypes from \"prop-types\";\nimport { omit } from \"ramda\";\nimport { 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  dataTestid,\n  className = \"\",\n  children,\n  ...otherProps\n}) => {\n  const commonProps = {\n    \"data-testid\": dataTestid,\n    className: classnames(\n      \"group flex cursor-pointer flex-col gap-y-4 rounded-lg border border-border p-6 no-underline outline-none transition-shadow duration-300 ease-in-out\",\n      \"hover:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] hover:[&_[data-settings-heading]]:text-primary\",\n      \"active:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] active:[&_[data-settings-heading]]:text-primary\",\n      \"focus:border-primary focus:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] focus:[&_[data-settings-heading]]:text-primary\",\n      \"focus-visible:border-primary focus-visible:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] focus-visible:[&_[data-settings-heading]]:text-primary\",\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 data-testid={`settings-item-${joinHyphenCase(label)}`}>\n        <div className=\"mb-2.5 flex items-center gap-3\">\n          {Icon && <Icon className=\"text-muted-foreground\" size={24} />}\n          <Typography asChild variant=\"h5\" weight=\"semibold\">\n            <span data-settings-heading=\"\" data-testid=\"settings-item-heading\">\n              {label}\n            </span>\n          </Typography>\n        </div>\n        <Typography asChild variant=\"body2\">\n          <p\n            className=\"text-muted-foreground\"\n            data-testid=\"settings-item-description\"\n          >\n            {description}\n          </p>\n        </Typography>\n      </div>\n      {children && (\n        <div className=\"border-border border-t pt-3\">{children}</div>\n      )}\n    </LinkElement>\n  );\n};\n\nItem.propTypes = {\n  /**\n   * The label text for the settings item.\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * A description of the settings item.\n   */\n  description: PropTypes.string,\n  /**\n   * The icon component to display. Accepts lucide-react icons.\n   */\n  icon: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.func,\n    PropTypes.object,\n  ]),\n  /**\n   * The internal route path for the settings item link.\n   */\n  path: PropTypes.string,\n  /**\n   * The external URL for the settings item link.\n   */\n  href: PropTypes.string,\n  /**\n   * A custom data-testid attribute for the link element.\n   */\n  dataTestid: PropTypes.string,\n  /**\n   * Additional CSS classes for the link element.\n   */\n  className: PropTypes.string,\n  /**\n   * Optional children rendered below the description, separated by a border.\n   */\n  children: PropTypes.node,\n};\n\nexport default memo(Item);\n","import { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport { useBreakpoints } from \"neetocommons/react-utils\";\n\nimport IntegrationItem from \"./IntegrationItem\";\nimport Item from \"./Item\";\n\nconst Category = ({ items, label, id, isIntegration }) => {\n  const { isSize } = useBreakpoints();\n  const SettingsCard = isIntegration ? IntegrationItem : Item;\n  const isMobileOrTablet = isSize(\"mobile\") || isSize(\"tablet\");\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 asChild variant=\"h4\" weight=\"semibold\">\n          <h2 className=\"mt-2 mb-6\" data-testid=\"settings-category-heading\">\n            {label}\n          </h2>\n        </Typography>\n      )}\n      <div\n        className={classnames(\n          \"grid grid-cols-1 gap-3 py-1 md:grid-cols-2 lg:grid-cols-2 lg:gap-4\",\n          {\n            \"xl:grid-cols-2 2xl:grid-cols-3\": isIntegration,\n            \"xl:grid-cols-3 2xl:grid-cols-4\": !isIntegration,\n          }\n        )}\n      >\n        {items.map(item => (\n          <SettingsCard\n            key={item.label}\n            {...item}\n            {...(isIntegration && { isMobileOrTablet })}\n          />\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 PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Category from \"./Category\";\nimport { filterCategories, scrollIntoSettingCategory } from \"./utils\";\n\nimport Header from \"../Header\";\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(\n        \"flex h-dvh grow flex-col items-start justify-start overflow-y-auto px-5 md:px-10\",\n        { \"h-auto overflow-y-auto\": isTitleHidden },\n        className\n      )}\n    >\n      {isHeaderVisible && (\n        <Header\n          className={classnames({ \"min-h-0 pt-8 pb-4\": 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          <div className=\"text-muted-foreground flex flex-col items-center gap-2\">\n            <p className=\"text-lg font-medium\">\n              {t(\"neetoMolecules.settingsPage.noData\")}\n            </p>\n          </div>\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","IntegrationItem","_ref","_ref$icon","icon","Icon","description","label","path","href","isConnected","_ref$isMobileOrTablet","isMobileOrTablet","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","commonProps","_objectSpread","concat","hyphenate","replace","classnames","omit","LinkElement","Link","linkProps","to","_jsxs","children","_jsx","joinHyphenCase","size","Typography","asChild","variant","weight","Badge","memo","Item","dataTestid","Category","items","id","isIntegration","_useBreakpoints","useBreakpoints","isSize","SettingsCard","isLabelPresent","isPresent","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","_useQueryParams","useQueryParams","categoryParam","_useQueryParams$searc","isHeaderVisible","headerTitle","useEffect","Header","searchProps","placeholder","isEmpty","_createElement","key"],"mappings":"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"}
+{"version":3,"file":"Settings.js","sources":["../../../src/v2/components/Settings/constants.js","../../../src/v2/components/Settings/IntegrationItem.jsx","../../../src/v2/components/Settings/Item.jsx","../../../src/v2/components/Settings/Category.jsx","../../../src/v2/components/Settings/utils.js","../../../src/v2/components/Settings/index.jsx"],"sourcesContent":["export const UNSUPPORTED_LINK_PROPS = [\"staticContext\", \"tReady\"];\n","import { memo } from \"react\";\n\nimport { Badge, Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport PropTypes from \"prop-types\";\nimport { omit } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { Link } from \"react-router-dom\";\n\nimport { UNSUPPORTED_LINK_PROPS } from \"./constants\";\n\nconst IntegrationItem = ({\n  icon: Icon = null,\n  description,\n  label,\n  path,\n  href,\n  isConnected,\n  isMobileOrTablet = false,\n  className = \"\",\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  const commonProps = {\n    \"data-testid\": `${hyphenate(label).replace(/\\./g, \"-\")}-integration-card`,\n    className: classnames(\n      \"relative flex cursor-pointer flex-col items-start gap-3 rounded-lg border border-border px-6 py-6 no-underline outline-none transition-shadow duration-300 ease-in-out md:py-8 lg:flex-row xl:gap-4\",\n      \"hover:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] hover:[&_[data-settings-heading]]:text-primary\",\n      \"active:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] active:[&_[data-settings-heading]]:text-primary\",\n      \"focus:border-primary focus:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] focus:[&_[data-settings-heading]]:text-primary\",\n      \"focus-visible:border-primary focus-visible:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] focus-visible:[&_[data-settings-heading]]:text-primary\",\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      {Icon && (\n        <div className=\"border-border mt-0.5 flex shrink-0 items-center justify-center rounded-lg border p-1.5 shadow-sm xl:p-2.5\">\n          <Icon\n            data-testid={`${joinHyphenCase(label)}-integration-icon`}\n            size={isMobileOrTablet ? 26 : 32}\n          />\n        </div>\n      )}\n      <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n        <Typography\n          className=\"flex flex-wrap items-center gap-2\"\n          data-settings-heading=\"\"\n          data-testid=\"settings-item-heading\"\n          variant=\"h5\"\n          weight=\"semibold\"\n        >\n          {label}\n          {isConnected && (\n            <Badge data-testid=\"integration-status-tag\" variant=\"green\">\n              {t(\"neetoMolecules.integrationCard.connected\")}\n            </Badge>\n          )}\n        </Typography>\n        <Typography\n          className=\"text-muted-foreground\"\n          data-testid=\"settings-item-description\"\n          variant=\"body2\"\n        >\n          {description}\n        </Typography>\n      </div>\n    </LinkElement>\n  );\n};\n\nIntegrationItem.propTypes = {\n  /**\n   * The icon component to display. Accepts lucide-react icons or brand logos.\n   */\n  icon: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.func,\n    PropTypes.object,\n  ]),\n  /**\n   * A description of the integration.\n   */\n  description: PropTypes.string,\n  /**\n   * The label text for the integration item.\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * The internal route path for the integration item link.\n   */\n  path: PropTypes.string,\n  /**\n   * The external URL for the integration item link.\n   */\n  href: PropTypes.string,\n  /**\n   * Whether the integration is currently connected.\n   */\n  isConnected: PropTypes.bool,\n  /**\n   * Whether the current viewport is mobile or tablet size.\n   */\n  isMobileOrTablet: PropTypes.bool,\n  /**\n   * Additional CSS classes for the link element.\n   */\n  className: PropTypes.string,\n};\n\nexport default memo(IntegrationItem);\n","import { memo } from \"react\";\n\nimport { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport PropTypes from \"prop-types\";\nimport { omit } from \"ramda\";\nimport { 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  dataTestid,\n  className = \"\",\n  children,\n  ...otherProps\n}) => {\n  const commonProps = {\n    \"data-testid\": dataTestid,\n    className: classnames(\n      \"group flex cursor-pointer flex-col gap-y-4 rounded-lg border border-border p-6 no-underline outline-none transition-shadow duration-300 ease-in-out\",\n      \"hover:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] hover:[&_[data-settings-heading]]:text-primary\",\n      \"active:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] active:[&_[data-settings-heading]]:text-primary\",\n      \"focus:border-primary focus:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] focus:[&_[data-settings-heading]]:text-primary\",\n      \"focus-visible:border-primary focus-visible:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] focus-visible:[&_[data-settings-heading]]:text-primary\",\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 data-testid={`settings-item-${joinHyphenCase(label)}`}>\n        <div className=\"mb-2.5 flex items-center gap-3\">\n          {Icon && <Icon className=\"text-muted-foreground\" size={24} />}\n          <Typography asChild variant=\"h5\" weight=\"semibold\">\n            <span data-settings-heading=\"\" data-testid=\"settings-item-heading\">\n              {label}\n            </span>\n          </Typography>\n        </div>\n        <Typography\n          className=\"text-muted-foreground\"\n          data-testid=\"settings-item-description\"\n          variant=\"body2\"\n        >\n          {description}\n        </Typography>\n      </div>\n      {children && (\n        <div className=\"border-border border-t pt-3\">{children}</div>\n      )}\n    </LinkElement>\n  );\n};\n\nItem.propTypes = {\n  /**\n   * The label text for the settings item.\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * A description of the settings item.\n   */\n  description: PropTypes.string,\n  /**\n   * The icon component to display. Accepts lucide-react icons.\n   */\n  icon: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.func,\n    PropTypes.object,\n  ]),\n  /**\n   * The internal route path for the settings item link.\n   */\n  path: PropTypes.string,\n  /**\n   * The external URL for the settings item link.\n   */\n  href: PropTypes.string,\n  /**\n   * A custom data-testid attribute for the link element.\n   */\n  dataTestid: PropTypes.string,\n  /**\n   * Additional CSS classes for the link element.\n   */\n  className: PropTypes.string,\n  /**\n   * Optional children rendered below the description, separated by a border.\n   */\n  children: PropTypes.node,\n};\n\nexport default memo(Item);\n","import { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport { useBreakpoints } from \"neetocommons/react-utils\";\n\nimport IntegrationItem from \"./IntegrationItem\";\nimport Item from \"./Item\";\n\nconst Category = ({ items, label, id, isIntegration }) => {\n  const { isSize } = useBreakpoints();\n  const SettingsCard = isIntegration ? IntegrationItem : Item;\n  const isMobileOrTablet = isSize(\"mobile\") || isSize(\"tablet\");\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 asChild variant=\"h4\" weight=\"semibold\">\n          <h2 className=\"mt-2 mb-4\" data-testid=\"settings-category-heading\">\n            {label}\n          </h2>\n        </Typography>\n      )}\n      <div\n        className={classnames(\n          \"grid grid-cols-1 gap-3 py-1 md:grid-cols-2 lg:grid-cols-2 lg:gap-4\",\n          {\n            \"xl:grid-cols-2 2xl:grid-cols-3\": isIntegration,\n            \"xl:grid-cols-3 2xl:grid-cols-4\": !isIntegration,\n          }\n        )}\n      >\n        {items.map(item => (\n          <SettingsCard\n            key={item.label}\n            {...item}\n            {...(isIntegration && { isMobileOrTablet })}\n          />\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 PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Category from \"./Category\";\nimport { filterCategories, scrollIntoSettingCategory } from \"./utils\";\n\nimport Header from \"../Header\";\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(\n        \"flex h-dvh grow flex-col items-start justify-start overflow-y-auto px-5 md:px-10\",\n        { \"h-auto overflow-y-auto\": isTitleHidden },\n        className\n      )}\n    >\n      {isHeaderVisible && (\n        <Header\n          className={classnames({ \"min-h-0 pt-8 pb-4\": 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          <div className=\"text-muted-foreground flex flex-col items-center gap-2\">\n            <p className=\"text-lg font-medium\">\n              {t(\"neetoMolecules.settingsPage.noData\")}\n            </p>\n          </div>\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","IntegrationItem","_ref","_ref$icon","icon","Icon","description","label","path","href","isConnected","_ref$isMobileOrTablet","isMobileOrTablet","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","commonProps","_objectSpread","concat","hyphenate","replace","classnames","omit","LinkElement","Link","linkProps","to","_jsxs","children","_jsx","joinHyphenCase","size","Typography","variant","weight","Badge","memo","Item","dataTestid","asChild","Category","items","id","isIntegration","_useBreakpoints","useBreakpoints","isSize","SettingsCard","isLabelPresent","isPresent","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","_useQueryParams","useQueryParams","categoryParam","_useQueryParams$searc","isHeaderVisible","headerTitle","useEffect","Header","searchProps","placeholder","isEmpty","_createElement","key"],"mappings":"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"}

package/dist/cjs/v2/SubHeader.js

@@ -5,21 +5,22 @@ var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var ramda = require('ramda');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var neetoAtoms = require('@bigbinary/neeto-atoms');
+var primitives = require('@bigbinary/neeto-atoms/primitives');
 var reactI18next = require('react-i18next');
-var Columns$1 = require('../Columns-CKKEXExE.js');
+var Columns$1 = require('../Columns-C2ke8N58.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation');
 require('axios');
 var jsxRuntime = require('react/jsx-runtime');
 var createLucideIcon = require('../createLucideIcon-DBDhE7kE.js');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var v2 = require('@bigbinary/neeto-filters-frontend/v2');
-require('@babel/runtime/helpers/slicedToArray');
-require('@bigbinary/neeto-atoms/primitives');
 require('@dnd-kit/core');
+require('@dnd-kit/modifiers');
 require('@dnd-kit/sortable');
 require('i18next');
 require('../utilities.esm-jwIHISzF.js');
@@ -87,32 +88,46 @@ var Columns = function Columns(_ref) {
     props = _objectWithoutProperties(_ref, _excluded$2);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var tooltipContent = t("neetoMolecules.columns.columns");
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Tooltip, {
-      content: tooltipContent,
-      position: "bottom",
-      children: /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "inline-flex",
-        children: /*#__PURE__*/jsxRuntime.jsx(Columns$1.Columns, _objectSpread$3({
-          isSearchable: true,
-          buttonProps: _objectSpread$3({
-            icon: Columns3,
-            "data-testid": "columns-dropdown-button"
-          }, buttonProps)
-        }, _objectSpread$3({
-          allowConfigurationResetOnUpdate: allowConfigurationResetOnUpdate,
-          columnData: columnData,
-          onMutationSuccess: onMutationSuccess,
-          tableKey: tableKey
-        }, props)))
-      })
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isTooltipOpen = _useState4[0],
+    setIsTooltipOpen = _useState4[1];
+  return /*#__PURE__*/jsxRuntime.jsx(primitives.TooltipProvider, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(primitives.Tooltip, {
+      open: isOpen ? false : isTooltipOpen,
+      onOpenChange: setIsTooltipOpen,
+      children: [/*#__PURE__*/jsxRuntime.jsx(primitives.TooltipTrigger, {
+        asChild: true,
+        children: /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "inline-flex",
+          children: /*#__PURE__*/jsxRuntime.jsx(Columns$1.Columns, _objectSpread$3({
+            isSearchable: true,
+            buttonProps: _objectSpread$3({
+              icon: Columns3,
+              "data-testid": "columns-dropdown-button"
+            }, buttonProps),
+            onOpenChange: setIsOpen
+          }, _objectSpread$3({
+            allowConfigurationResetOnUpdate: allowConfigurationResetOnUpdate,
+            columnData: columnData,
+            onMutationSuccess: onMutationSuccess,
+            tableKey: tableKey
+          }, props)))
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(primitives.TooltipContent, {
+        side: "bottom",
+        children: t("neetoMolecules.columns.columns")
+      })]
     })
   });
 };
 Columns.displayName = "Columns";
 
-var _excluded$1 = ["content"];
+var _excluded$1 = ["content", "position"];
 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), true).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 DownloadButton = function DownloadButton(_ref) {
@@ -124,14 +139,14 @@ var DownloadButton = function DownloadButton(_ref) {
     tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var tooltipContent = tooltipProps.content,
+  var content = tooltipProps.content,
+    position = tooltipProps.position,
     restTooltipProps = _objectWithoutProperties(tooltipProps, _excluded$1);
-  var resolvedTooltipContent = tooltipContent !== null && tooltipContent !== void 0 ? tooltipContent : t("neetoMolecules.common.download");
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "relative",
     children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Tooltip, _objectSpread$2(_objectSpread$2({
-      content: resolvedTooltipContent,
-      position: "bottom"
+      content: content !== null && content !== void 0 ? content : t("neetoMolecules.common.download"),
+      position: position !== null && position !== void 0 ? position : "bottom"
     }, restTooltipProps), {}, {
       children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
         onClick: onClick,
@@ -154,21 +169,18 @@ var FilterButton = reactUtils.withT(function (_ref) {
   var t = _ref.t,
     buttonProps = _ref.buttonProps,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    children: /*#__PURE__*/jsxRuntime.jsx(v2.Filters, _objectSpread$1({
-      buttonProps: _objectSpread$1({
-        "data-testid": "filter-button",
-        icon: Funnel,
-        variant: "ghost",
-        tooltipProps: {
-          content: t("neetoMolecules.common.filter"),
-          position: "bottom",
-          touch: ["hold", 500]
-        },
-        label: null
-      }, buttonProps)
-    }, props))
-  });
+  return /*#__PURE__*/jsxRuntime.jsx(v2.Filters, _objectSpread$1({
+    buttonProps: _objectSpread$1({
+      "data-testid": "filter-button",
+      icon: Funnel,
+      variant: "ghost",
+      tooltipProps: {
+        content: t("neetoMolecules.common.filter"),
+        position: "bottom"
+      },
+      label: null
+    }, buttonProps)
+  }, props));
 });
 
 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; }

package/dist/cjs/v2/SubHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubHeader.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/columns-3.js","../../../node_modules/lucide-react/dist/esm/icons/download.js","../../../node_modules/lucide-react/dist/esm/icons/funnel.js","../../../src/v2/components/SubHeader/RightBlock/Columns.jsx","../../../src/v2/components/SubHeader/RightBlock/Download.jsx","../../../src/v2/components/SubHeader/RightBlock/Filter.jsx","../../../src/v2/components/SubHeader/RightBlock/index.jsx","../../../src/v2/components/SubHeader/index.jsx"],"sourcesContent":["/**\n * @license lucide-react v1.7.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", key: \"afitv7\" }],\n  [\"path\", { d: \"M9 3v18\", key: \"fh3hqa\" }],\n  [\"path\", { d: \"M15 3v18\", key: \"14nvp0\" }]\n];\nconst Columns3 = createLucideIcon(\"columns-3\", __iconNode);\n\nexport { __iconNode, Columns3 as default };\n//# sourceMappingURL=columns-3.js.map\n","/**\n * @license lucide-react v1.7.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M12 15V3\", key: \"m9g1x1\" }],\n  [\"path\", { d: \"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\", key: \"ih7n3h\" }],\n  [\"path\", { d: \"m7 10 5 5 5-5\", key: \"brsn70\" }]\n];\nconst Download = createLucideIcon(\"download\", __iconNode);\n\nexport { __iconNode, Download as default };\n//# sourceMappingURL=download.js.map\n","/**\n * @license lucide-react v1.7.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z\",\n      key: \"sc7q7i\"\n    }\n  ]\n];\nconst Funnel = createLucideIcon(\"funnel\", __iconNode);\n\nexport { __iconNode, Funnel as default };\n//# sourceMappingURL=funnel.js.map\n","import { Tooltip } from \"@bigbinary/neeto-atoms\";\nimport { Columns3 } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ManageColumns from \"../../Columns\";\n\nconst Columns = ({\n  buttonProps = {},\n  columnData,\n  onMutationSuccess,\n  allowConfigurationResetOnUpdate,\n  tableKey,\n  ...props\n}) => {\n  const { t } = useTranslation();\n\n  const tooltipContent = t(\"neetoMolecules.columns.columns\");\n\n  return (\n    <div>\n      <Tooltip content={tooltipContent} position=\"bottom\">\n        <div className=\"inline-flex\">\n          <ManageColumns\n            isSearchable\n            buttonProps={{\n              icon: Columns3,\n              \"data-testid\": \"columns-dropdown-button\",\n              ...buttonProps,\n            }}\n            {...{\n              allowConfigurationResetOnUpdate,\n              columnData,\n              onMutationSuccess,\n              tableKey,\n              ...props,\n            }}\n          />\n        </div>\n      </Tooltip>\n    </div>\n  );\n};\n\nColumns.displayName = \"Columns\";\nexport default Columns;\n","import { Button, Tooltip } from \"@bigbinary/neeto-atoms\";\nimport { Download } from \"lucide-react\";\nimport { isPresent } from \"neetocist\";\nimport { useTranslation } from \"react-i18next\";\n\nconst DownloadButton = ({\n  count,\n  onClick,\n  \"data-testid\": dataTestid = \"download-button\",\n  tooltipProps = {},\n}) => {\n  const { t } = useTranslation();\n\n  const { content: tooltipContent, ...restTooltipProps } = tooltipProps;\n\n  const resolvedTooltipContent =\n    tooltipContent ?? t(\"neetoMolecules.common.download\");\n\n  return (\n    <div className=\"relative\">\n      <Tooltip\n        content={resolvedTooltipContent}\n        position=\"bottom\"\n        {...restTooltipProps}\n      >\n        <Button\n          {...{ onClick }}\n          data-testid={isPresent(dataTestid) ? dataTestid : \"download-button\"}\n          icon={Download}\n          size=\"icon\"\n          variant=\"ghost\"\n        />\n      </Tooltip>\n      {count && (\n        <span className=\"bg-primary text-primary-foreground absolute -end-0.5 -top-0.5 z-[1] inline-flex min-h-4 min-w-4 items-center justify-center rounded-full text-[0.625rem]\">\n          {count}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default DownloadButton;\n","import { Filter } from \"lucide-react\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Filters as NeetoFilters } from \"neetofilters/v2\";\n\nconst FilterButton = withT(({ t, buttonProps, ...props }) => (\n  <div>\n    <NeetoFilters\n      buttonProps={{\n        \"data-testid\": \"filter-button\",\n        icon: Filter,\n        variant: \"ghost\",\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(\n        \"flex flex-row items-center justify-end gap-2\",\n        \"[&>:not([hidden])~:not([hidden])]:border-border [&>:not([hidden])~:not([hidden])]:border-s [&>:not([hidden])~:not([hidden])]:ps-2\",\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    tooltipProps: PropTypes.object,\n  }),\n  /**\n   * Props that are passed to the columns button, same as the `Columns` component from neetoMolecules.\n   */\n  columnsButtonProps: PropTypes.shape({\n    actionBlock: PropTypes.node,\n    tableKey: PropTypes.string,\n    checkboxProps: PropTypes.object,\n    columnData: PropTypes.array,\n    isSearchable: PropTypes.bool,\n    noColumnMessage: PropTypes.string,\n    searchProps: PropTypes.object,\n    onMutationSuccess: PropTypes.func,\n    allowConfigurationResetOnUpdate: PropTypes.bool,\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 { isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport RightBlock from \"./RightBlock\";\n\nconst SubHeader = ({\n  className = \"\",\n  leftActionBlock,\n  rightActionBlock,\n  \"data-testid\": dataTestid = \"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(\"--nv-subheader-height\", `${height}px`);\n    };\n\n    updateHeaderHeight();\n\n    window.addEventListener(\"resize\", updateHeaderHeight);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateHeaderHeight);\n      document.body.style.removeProperty(\"--nv-subheader-height\");\n    };\n  }, []);\n\n  return (\n    <div\n      data-testid={isPresent(dataTestid) ? dataTestid : \"subheader\"}\n      ref={subheaderRef}\n      className={classnames(\n        \"mb-5 flex w-full shrink-0 flex-row flex-wrap items-center justify-between gap-4 md:flex-nowrap\",\n        className\n      )}\n    >\n      <div className=\"flex grow\" data-testid=\"subheader-left-wrapper\">\n        {leftActionBlock && (\n          <div\n            className=\"flex flex-row items-center justify-start\"\n            data-testid=\"subheader-left\"\n          >\n            {leftActionBlock}\n          </div>\n        )}\n      </div>\n      {rightActionBlock && (\n        <div\n          className=\"ms-auto flex flex-row items-center justify-end gap-3 md:ms-0\"\n          data-testid=\"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":["__iconNode","createLucideIcon","Columns","_ref","_ref$buttonProps","buttonProps","columnData","onMutationSuccess","allowConfigurationResetOnUpdate","tableKey","props","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","tooltipContent","_jsx","children","Tooltip","content","position","className","ManageColumns","_objectSpread","isSearchable","icon","Columns3","displayName","DownloadButton","count","onClick","_ref$dataTestid","dataTestid","_ref$tooltipProps","tooltipProps","restTooltipProps","resolvedTooltipContent","_jsxs","Button","isPresent","Download","size","variant","FilterButton","withT","NeetoFilters","Filter","touch","label","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","style","setProperty","concat","window","addEventListener","removeEventListener","removeProperty","ref"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"SubHeader.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/columns-3.js","../../../node_modules/lucide-react/dist/esm/icons/download.js","../../../node_modules/lucide-react/dist/esm/icons/funnel.js","../../../src/v2/components/SubHeader/RightBlock/Columns.jsx","../../../src/v2/components/SubHeader/RightBlock/Download.jsx","../../../src/v2/components/SubHeader/RightBlock/Filter.jsx","../../../src/v2/components/SubHeader/RightBlock/index.jsx","../../../src/v2/components/SubHeader/index.jsx"],"sourcesContent":["/**\n * @license lucide-react v1.7.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", key: \"afitv7\" }],\n  [\"path\", { d: \"M9 3v18\", key: \"fh3hqa\" }],\n  [\"path\", { d: \"M15 3v18\", key: \"14nvp0\" }]\n];\nconst Columns3 = createLucideIcon(\"columns-3\", __iconNode);\n\nexport { __iconNode, Columns3 as default };\n//# sourceMappingURL=columns-3.js.map\n","/**\n * @license lucide-react v1.7.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M12 15V3\", key: \"m9g1x1\" }],\n  [\"path\", { d: \"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\", key: \"ih7n3h\" }],\n  [\"path\", { d: \"m7 10 5 5 5-5\", key: \"brsn70\" }]\n];\nconst Download = createLucideIcon(\"download\", __iconNode);\n\nexport { __iconNode, Download as default };\n//# sourceMappingURL=download.js.map\n","/**\n * @license lucide-react v1.7.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z\",\n      key: \"sc7q7i\"\n    }\n  ]\n];\nconst Funnel = createLucideIcon(\"funnel\", __iconNode);\n\nexport { __iconNode, Funnel as default };\n//# sourceMappingURL=funnel.js.map\n","import { useState } from \"react\";\n\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@bigbinary/neeto-atoms/primitives\";\nimport { Columns3 } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ManageColumns from \"../../Columns\";\n\nconst Columns = ({\n  buttonProps = {},\n  columnData,\n  onMutationSuccess,\n  allowConfigurationResetOnUpdate,\n  tableKey,\n  ...props\n}) => {\n  const { t } = useTranslation();\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n  return (\n    <TooltipProvider>\n      <Tooltip\n        open={isOpen ? false : isTooltipOpen}\n        onOpenChange={setIsTooltipOpen}\n      >\n        <TooltipTrigger asChild>\n          <span className=\"inline-flex\">\n            <ManageColumns\n              isSearchable\n              buttonProps={{\n                icon: Columns3,\n                \"data-testid\": \"columns-dropdown-button\",\n                ...buttonProps,\n              }}\n              onOpenChange={setIsOpen}\n              {...{\n                allowConfigurationResetOnUpdate,\n                columnData,\n                onMutationSuccess,\n                tableKey,\n                ...props,\n              }}\n            />\n          </span>\n        </TooltipTrigger>\n        <TooltipContent side=\"bottom\">\n          {t(\"neetoMolecules.columns.columns\")}\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n\nColumns.displayName = \"Columns\";\nexport default Columns;\n","import { Button, Tooltip } from \"@bigbinary/neeto-atoms\";\nimport { Download } from \"lucide-react\";\nimport { isPresent } from \"neetocist\";\nimport { useTranslation } from \"react-i18next\";\n\nconst DownloadButton = ({\n  count,\n  onClick,\n  \"data-testid\": dataTestid = \"download-button\",\n  tooltipProps = {},\n}) => {\n  const { t } = useTranslation();\n  const { content, position, ...restTooltipProps } = tooltipProps;\n\n  return (\n    <div className=\"relative\">\n      <Tooltip\n        content={content ?? t(\"neetoMolecules.common.download\")}\n        position={position ?? \"bottom\"}\n        {...restTooltipProps}\n      >\n        <Button\n          {...{ onClick }}\n          data-testid={isPresent(dataTestid) ? dataTestid : \"download-button\"}\n          icon={Download}\n          size=\"icon\"\n          variant=\"ghost\"\n        />\n      </Tooltip>\n      {count && (\n        <span className=\"bg-primary text-primary-foreground absolute -end-0.5 -top-0.5 z-[1] inline-flex min-h-4 min-w-4 items-center justify-center rounded-full text-[0.625rem]\">\n          {count}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default DownloadButton;\n","import { Filter } from \"lucide-react\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Filters as NeetoFilters } from \"neetofilters/v2\";\n\nconst FilterButton = withT(({ t, buttonProps, ...props }) => (\n  <NeetoFilters\n    buttonProps={{\n      \"data-testid\": \"filter-button\",\n      icon: Filter,\n      variant: \"ghost\",\n      tooltipProps: {\n        content: t(\"neetoMolecules.common.filter\"),\n        position: \"bottom\",\n      },\n      label: null,\n      ...buttonProps,\n    }}\n    {...props}\n  />\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(\n        \"flex flex-row items-center justify-end gap-2\",\n        \"[&>:not([hidden])~:not([hidden])]:border-border [&>:not([hidden])~:not([hidden])]:border-s [&>:not([hidden])~:not([hidden])]:ps-2\",\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    tooltipProps: PropTypes.object,\n  }),\n  /**\n   * Props that are passed to the columns button, same as the `Columns` component from neetoMolecules.\n   */\n  columnsButtonProps: PropTypes.shape({\n    actionBlock: PropTypes.node,\n    tableKey: PropTypes.string,\n    checkboxProps: PropTypes.object,\n    columnData: PropTypes.array,\n    isSearchable: PropTypes.bool,\n    noColumnMessage: PropTypes.string,\n    searchProps: PropTypes.object,\n    onMutationSuccess: PropTypes.func,\n    allowConfigurationResetOnUpdate: PropTypes.bool,\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 { isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport RightBlock from \"./RightBlock\";\n\nconst SubHeader = ({\n  className = \"\",\n  leftActionBlock,\n  rightActionBlock,\n  \"data-testid\": dataTestid = \"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(\"--nv-subheader-height\", `${height}px`);\n    };\n\n    updateHeaderHeight();\n\n    window.addEventListener(\"resize\", updateHeaderHeight);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateHeaderHeight);\n      document.body.style.removeProperty(\"--nv-subheader-height\");\n    };\n  }, []);\n\n  return (\n    <div\n      data-testid={isPresent(dataTestid) ? dataTestid : \"subheader\"}\n      ref={subheaderRef}\n      className={classnames(\n        \"mb-5 flex w-full shrink-0 flex-row flex-wrap items-center justify-between gap-4 md:flex-nowrap\",\n        className\n      )}\n    >\n      <div className=\"flex grow\" data-testid=\"subheader-left-wrapper\">\n        {leftActionBlock && (\n          <div\n            className=\"flex flex-row items-center justify-start\"\n            data-testid=\"subheader-left\"\n          >\n            {leftActionBlock}\n          </div>\n        )}\n      </div>\n      {rightActionBlock && (\n        <div\n          className=\"ms-auto flex flex-row items-center justify-end gap-3 md:ms-0\"\n          data-testid=\"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":["__iconNode","createLucideIcon","Columns","_ref","_ref$buttonProps","buttonProps","columnData","onMutationSuccess","allowConfigurationResetOnUpdate","tableKey","props","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","_useState3","_useState4","isTooltipOpen","setIsTooltipOpen","_jsx","TooltipProvider","children","_jsxs","Tooltip","open","onOpenChange","TooltipTrigger","asChild","className","ManageColumns","_objectSpread","isSearchable","icon","Columns3","TooltipContent","side","displayName","DownloadButton","count","onClick","_ref$dataTestid","dataTestid","_ref$tooltipProps","tooltipProps","content","position","restTooltipProps","Button","isPresent","Download","size","variant","FilterButton","withT","NeetoFilters","Filter","label","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","style","setProperty","concat","window","addEventListener","removeEventListener","removeProperty","ref"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/v2/Columns.js

@@ -1,4 +1,4 @@
-export { C as COLUMNS_ORDER_STORAGE_KEY, H as HIDDEN_COLUMNS_STORAGE_KEY, T as TABLE_CONFIGURATION_QUERY_KEY, a as default, u as useTableConfigurations } from '../Columns-lnb4eO0H.js';
+export { C as COLUMNS_ORDER_STORAGE_KEY, H as HIDDEN_COLUMNS_STORAGE_KEY, T as TABLE_CONFIGURATION_QUERY_KEY, a as default, u as useTableConfigurations } from '../Columns-DpeV3Jzz.js';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/toConsumableArray';
@@ -7,6 +7,7 @@ import 'react';
 import '@bigbinary/neeto-atoms';
 import '@bigbinary/neeto-atoms/primitives';
 import '@dnd-kit/core';
+import '@dnd-kit/modifiers';
 import '@dnd-kit/sortable';
 import 'i18next';
 import '@bigbinary/neeto-cist';

package/dist/v2/Columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"Columns.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Columns.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/v2/Header.js

@@ -26,12 +26,10 @@ import '@bigbinary/neeto-commons-frontend/utils';
 import '../search-DCgpNjip.js';
 
 var SIZES = {
-  nano: "nano",
-  small: "small"
-};
+  nano: "nano"};
 var DROPDOWN_BUTTON_SIZES = {
-  nano: "small",
-  small: "medium"
+  nano: "icon-sm",
+  small: "icon"
 };
 
 var _excluded = ["dropdownButtonProps"];
@@ -73,43 +71,38 @@ var Header = function Header(_ref) {
   return /*#__PURE__*/jsxs("div", {
     "data-testid": dataTestId,
     ref: headerRef,
-    className: classnames("flex w-full shrink-0 flex-row items-start justify-between gap-4 pt-10 pb-6", "flex-wrap lg:flex-nowrap", {
-      "min-h-0": isNano || size === SIZES.small
-    }, className),
-    children: [/*#__PURE__*/jsx("div", {
-      className: "flex flex-row flex-wrap items-start justify-start",
-      children: /*#__PURE__*/jsxs("div", {
-        className: "flex flex-wrap",
-        children: [hasBreadcrumbs && /*#__PURE__*/jsx(Breadcrumbs, {
-          breadcrumbs: breadcrumbs
-        }), /*#__PURE__*/jsx("div", {
-          className: classnames("flex w-full flex-row items-center gap-3", hasBreadcrumbs ? "mt-0" : "-mt-1 max-lg:-mt-2.5 max-md:-mt-2 max-sm:-mt-1"),
-          children: /*#__PURE__*/jsx(Typography, {
-            asChild: true,
-            variant: isNano ? "h4" : "h2",
-            weight: "semibold",
-            children: /*#__PURE__*/jsxs(TitleTag, {
-              "data-testid": "main-header",
-              children: [title, isPresent(titleHelpPopoverProps) && /*#__PURE__*/jsx(HelpPopover, _objectSpread({
+    className: classnames("flex min-h-0 w-full shrink-0 flex-row items-start justify-between gap-4 pt-10 pb-6", "flex-wrap lg:flex-nowrap", className),
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "flex flex-wrap",
+      children: [hasBreadcrumbs && /*#__PURE__*/jsx(Breadcrumbs, {
+        breadcrumbs: breadcrumbs
+      }), /*#__PURE__*/jsx("div", {
+        className: classnames("flex w-full flex-row items-center gap-3", hasBreadcrumbs ? "mt-0" : "-mt-1 max-lg:-mt-2.5 max-md:-mt-2 max-sm:-mt-1"),
+        children: /*#__PURE__*/jsx(Typography, {
+          asChild: true,
+          variant: isNano ? "h4" : "h2",
+          weight: "semibold",
+          children: /*#__PURE__*/jsxs(TitleTag, {
+            "data-testid": "main-header",
+            children: [title, isPresent(titleHelpPopoverProps) && /*#__PURE__*/jsx(HelpPopover, _objectSpread({
+              className: "ms-2 inline-flex align-middle",
+              side: "right"
+            }, titleHelpPopoverProps)), renderDropdown(function (_ref2) {
+              var _ref2$dropdownButtonP = _ref2.dropdownButtonProps,
+                dropdownButtonProps = _ref2$dropdownButtonP === void 0 ? {} : _ref2$dropdownButtonP,
+                dropdownProps = _objectWithoutProperties(_ref2, _excluded);
+              return /*#__PURE__*/jsx("span", {
                 className: "ms-2 inline-flex align-middle",
-                side: "right"
-              }, titleHelpPopoverProps)), renderDropdown(function (_ref2) {
-                var _ref2$dropdownButtonP = _ref2.dropdownButtonProps,
-                  dropdownButtonProps = _ref2$dropdownButtonP === void 0 ? {} : _ref2$dropdownButtonP,
-                  dropdownProps = _objectWithoutProperties(_ref2, _excluded);
-                return /*#__PURE__*/jsx("span", {
-                  className: "ms-2 inline-flex align-middle",
-                  children: /*#__PURE__*/jsx(MoreDropdown, _objectSpread({
-                    dropdownButtonProps: _objectSpread({
-                      size: DROPDOWN_BUTTON_SIZES[size]
-                    }, dropdownButtonProps)
-                  }, dropdownProps))
-                });
-              })]
-            })
+                children: /*#__PURE__*/jsx(MoreDropdown, _objectSpread({
+                  dropdownButtonProps: _objectSpread({
+                    size: DROPDOWN_BUTTON_SIZES[size]
+                  }, dropdownButtonProps)
+                }, dropdownProps))
+              });
+            })]
           })
-        })]
-      })
+        })
+      })]
     }), /*#__PURE__*/jsxs("div", {
       className: classnames("flex items-center gap-3 empty:hidden", "flex-wrap justify-start md:flex-nowrap md:justify-end"),
       children: [searchProps && /*#__PURE__*/jsx(Search, _objectSpread({

package/dist/v2/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../src/v2/components/Header/constants.js","../../src/v2/components/Header/index.jsx"],"sourcesContent":["const SIZES = { nano: \"nano\", small: \"small\" };\n\nconst DROPDOWN_BUTTON_SIZES = { nano: \"small\", small: \"medium\" };\n\nexport { SIZES, DROPDOWN_BUTTON_SIZES };\n","import { useLayoutEffect, useRef } from \"react\";\n\nimport { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { noop, isNotEmpty, isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport { DROPDOWN_BUTTON_SIZES, SIZES } from \"./constants\";\n\nimport Breadcrumbs from \"../Breadcrumbs\";\nimport HelpPopover from \"../HelpPopover\";\nimport MoreDropdown from \"../MoreDropdown\";\nimport Search from \"../Search\";\n\nconst Header = ({\n  title,\n  titleHelpPopoverProps = {},\n  searchProps,\n  className = \"\",\n  actionBlock,\n  breadcrumbs = [],\n  renderDropdown = noop,\n  size = \"small\",\n  \"data-testid\": dataTestId = \"neeto-molecules-header\",\n}) => {\n  const headerRef = useRef(null);\n\n  useLayoutEffect(() => {\n    const updateHeaderHeight = () => {\n      if (!headerRef.current) return;\n      const height = headerRef.current.offsetHeight;\n      document.body.style.setProperty(\"--nv-header-height\", `${height}px`);\n    };\n\n    updateHeaderHeight();\n\n    window.addEventListener(\"resize\", updateHeaderHeight);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateHeaderHeight);\n      document.body.style.removeProperty(\"--nv-header-height\");\n    };\n  }, []);\n\n  const isNano = size === SIZES.nano;\n  const hasBreadcrumbs = isNotEmpty(breadcrumbs);\n  const TitleTag = isNano ? \"h3\" : \"h1\";\n\n  return (\n    <div\n      data-testid={dataTestId}\n      ref={headerRef}\n      className={classnames(\n        \"flex w-full shrink-0 flex-row items-start justify-between gap-4 pt-10 pb-6\",\n        \"flex-wrap lg:flex-nowrap\",\n        { \"min-h-0\": isNano || size === SIZES.small },\n        className\n      )}\n    >\n      <div className=\"flex flex-row flex-wrap items-start justify-start\">\n        <div className=\"flex flex-wrap\">\n          {hasBreadcrumbs && <Breadcrumbs {...{ breadcrumbs }} />}\n          <div\n            className={classnames(\n              \"flex w-full flex-row items-center gap-3\",\n              hasBreadcrumbs\n                ? \"mt-0\"\n                : \"-mt-1 max-lg:-mt-2.5 max-md:-mt-2 max-sm:-mt-1\"\n            )}\n          >\n            <Typography\n              asChild\n              variant={isNano ? \"h4\" : \"h2\"}\n              weight=\"semibold\"\n            >\n              <TitleTag data-testid=\"main-header\">\n                {title}\n                {isPresent(titleHelpPopoverProps) && (\n                  <HelpPopover\n                    className=\"ms-2 inline-flex align-middle\"\n                    side=\"right\"\n                    {...titleHelpPopoverProps}\n                  />\n                )}\n                {renderDropdown(\n                  ({ dropdownButtonProps = {}, ...dropdownProps }) => (\n                    <span className=\"ms-2 inline-flex align-middle\">\n                      <MoreDropdown\n                        dropdownButtonProps={{\n                          size: DROPDOWN_BUTTON_SIZES[size],\n                          ...dropdownButtonProps,\n                        }}\n                        {...dropdownProps}\n                      />\n                    </span>\n                  )\n                )}\n              </TitleTag>\n            </Typography>\n          </div>\n        </div>\n      </div>\n      <div\n        className={classnames(\n          \"flex items-center gap-3 empty:hidden\",\n          \"flex-wrap justify-start md:flex-nowrap md:justify-end\"\n        )}\n      >\n        {searchProps && (\n          <Search\n            enableUrlSync\n            className={classnames(\n              \"min-w-[12.6rem] grow-0\",\n              searchProps.className\n            )}\n            {...searchProps}\n          />\n        )}\n        {actionBlock && (\n          <div className=\"flex shrink-0 items-center justify-end gap-3 max-[360px]:shrink max-[360px]:flex-wrap max-[360px]:justify-start\">\n            {actionBlock}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nHeader.propTypes = {\n  /**\n   * To set a title in the Header section.\n   */\n  title: PropTypes.node,\n  /**\n   * To set props for the HelpPopover component in the title.\n   */\n  titleHelpPopoverProps: PropTypes.object,\n  /**\n   * To specify additional class names.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the right side of the Header section.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To add **Search** molecule to the subheader section.\n   */\n  searchProps: PropTypes.object,\n  /**\n   * To show breadcrumbs in the Header section. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n   */\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      link: PropTypes.string,\n    })\n  ),\n  /**\n   * A function to render the Dropdown next to the title. It provides the MoreDropdown component as argument.\n   */\n  renderDropdown: PropTypes.func,\n  /**\n   * To specify size of the Header.\n   * `small` - Default size.\n   *\n   * `nano` - To be used in inner pages with menubar.\n   */\n  size: PropTypes.oneOf([\"nano\", \"small\"]),\n};\n\nexport default Header;\n"],"names":["SIZES","nano","small","DROPDOWN_BUTTON_SIZES","Header","_ref","title","_ref$titleHelpPopover","titleHelpPopoverProps","searchProps","_ref$className","className","actionBlock","_ref$breadcrumbs","breadcrumbs","_ref$renderDropdown","renderDropdown","noop","_ref$size","size","_ref$dataTestid","dataTestId","headerRef","useRef","useLayoutEffect","updateHeaderHeight","current","height","offsetHeight","document","body","style","setProperty","concat","window","addEventListener","removeEventListener","removeProperty","isNano","hasBreadcrumbs","isNotEmpty","TitleTag","_jsxs","ref","classnames","children","_jsx","Breadcrumbs","Typography","asChild","variant","weight","isPresent","HelpPopover","_objectSpread","side","_ref2","_ref2$dropdownButtonP","dropdownButtonProps","dropdownProps","_objectWithoutProperties","_excluded","MoreDropdown","Search","enableUrlSync"],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../../src/v2/components/Header/constants.js","../../src/v2/components/Header/index.jsx"],"sourcesContent":["const SIZES = { nano: \"nano\", small: \"small\" };\n\nconst DROPDOWN_BUTTON_SIZES = { nano: \"icon-sm\", small: \"icon\" };\n\nexport { SIZES, DROPDOWN_BUTTON_SIZES };\n","import { useLayoutEffect, useRef } from \"react\";\n\nimport { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { noop, isNotEmpty, isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport { DROPDOWN_BUTTON_SIZES, SIZES } from \"./constants\";\n\nimport Breadcrumbs from \"../Breadcrumbs\";\nimport HelpPopover from \"../HelpPopover\";\nimport MoreDropdown from \"../MoreDropdown\";\nimport Search from \"../Search\";\n\nconst Header = ({\n  title,\n  titleHelpPopoverProps = {},\n  searchProps,\n  className = \"\",\n  actionBlock,\n  breadcrumbs = [],\n  renderDropdown = noop,\n  size = \"small\",\n  \"data-testid\": dataTestId = \"neeto-molecules-header\",\n}) => {\n  const headerRef = useRef(null);\n\n  useLayoutEffect(() => {\n    const updateHeaderHeight = () => {\n      if (!headerRef.current) return;\n      const height = headerRef.current.offsetHeight;\n      document.body.style.setProperty(\"--nv-header-height\", `${height}px`);\n    };\n\n    updateHeaderHeight();\n\n    window.addEventListener(\"resize\", updateHeaderHeight);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateHeaderHeight);\n      document.body.style.removeProperty(\"--nv-header-height\");\n    };\n  }, []);\n\n  const isNano = size === SIZES.nano;\n  const hasBreadcrumbs = isNotEmpty(breadcrumbs);\n  const TitleTag = isNano ? \"h3\" : \"h1\";\n\n  return (\n    <div\n      data-testid={dataTestId}\n      ref={headerRef}\n      className={classnames(\n        \"flex min-h-0 w-full shrink-0 flex-row items-start justify-between gap-4 pt-10 pb-6\",\n        \"flex-wrap lg:flex-nowrap\",\n        className\n      )}\n    >\n      <div className=\"flex flex-wrap\">\n        {hasBreadcrumbs && <Breadcrumbs {...{ breadcrumbs }} />}\n        <div\n          className={classnames(\n            \"flex w-full flex-row items-center gap-3\",\n            hasBreadcrumbs\n              ? \"mt-0\"\n              : \"-mt-1 max-lg:-mt-2.5 max-md:-mt-2 max-sm:-mt-1\"\n          )}\n        >\n          <Typography asChild variant={isNano ? \"h4\" : \"h2\"} weight=\"semibold\">\n            <TitleTag data-testid=\"main-header\">\n              {title}\n              {isPresent(titleHelpPopoverProps) && (\n                <HelpPopover\n                  className=\"ms-2 inline-flex align-middle\"\n                  side=\"right\"\n                  {...titleHelpPopoverProps}\n                />\n              )}\n              {renderDropdown(\n                ({ dropdownButtonProps = {}, ...dropdownProps }) => (\n                  <span className=\"ms-2 inline-flex align-middle\">\n                    <MoreDropdown\n                      dropdownButtonProps={{\n                        size: DROPDOWN_BUTTON_SIZES[size],\n                        ...dropdownButtonProps,\n                      }}\n                      {...dropdownProps}\n                    />\n                  </span>\n                )\n              )}\n            </TitleTag>\n          </Typography>\n        </div>\n      </div>\n      <div\n        className={classnames(\n          \"flex items-center gap-3 empty:hidden\",\n          \"flex-wrap justify-start md:flex-nowrap md:justify-end\"\n        )}\n      >\n        {searchProps && (\n          <Search\n            enableUrlSync\n            className={classnames(\n              \"min-w-[12.6rem] grow-0\",\n              searchProps.className\n            )}\n            {...searchProps}\n          />\n        )}\n        {actionBlock && (\n          <div className=\"flex shrink-0 items-center justify-end gap-3 max-[360px]:shrink max-[360px]:flex-wrap max-[360px]:justify-start\">\n            {actionBlock}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nHeader.propTypes = {\n  /**\n   * To set a title in the Header section.\n   */\n  title: PropTypes.node,\n  /**\n   * To set props for the HelpPopover component in the title.\n   */\n  titleHelpPopoverProps: PropTypes.object,\n  /**\n   * To specify additional class names.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the right side of the Header section.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To add **Search** molecule to the subheader section.\n   */\n  searchProps: PropTypes.object,\n  /**\n   * To show breadcrumbs in the Header section. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n   */\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      link: PropTypes.string,\n    })\n  ),\n  /**\n   * A function to render the Dropdown next to the title. It provides the MoreDropdown component as argument.\n   */\n  renderDropdown: PropTypes.func,\n  /**\n   * To specify size of the Header.\n   * `small` - Default size.\n   *\n   * `nano` - To be used in inner pages with menubar.\n   */\n  size: PropTypes.oneOf([\"nano\", \"small\"]),\n};\n\nexport default Header;\n"],"names":["SIZES","nano","DROPDOWN_BUTTON_SIZES","small","Header","_ref","title","_ref$titleHelpPopover","titleHelpPopoverProps","searchProps","_ref$className","className","actionBlock","_ref$breadcrumbs","breadcrumbs","_ref$renderDropdown","renderDropdown","noop","_ref$size","size","_ref$dataTestid","dataTestId","headerRef","useRef","useLayoutEffect","updateHeaderHeight","current","height","offsetHeight","document","body","style","setProperty","concat","window","addEventListener","removeEventListener","removeProperty","isNano","hasBreadcrumbs","isNotEmpty","TitleTag","_jsxs","ref","classnames","children","_jsx","Breadcrumbs","Typography","asChild","variant","weight","isPresent","HelpPopover","_objectSpread","side","_ref2","_ref2$dropdownButtonP","dropdownButtonProps","dropdownProps","_objectWithoutProperties","_excluded","MoreDropdown","Search","enableUrlSync"],"mappings":"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"}