@bigbinary/neeto-molecules 4.1.55 → 4.1.57

package/dist/cjs/v2/SubHeader.js

@@ -8,7 +8,7 @@ var ramda = require('ramda');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var neetoAtoms = require('@bigbinary/neeto-atoms');
 var reactI18next = require('react-i18next');
-var Columns$1 = require('../Columns-D3eocaeY.js');
+var Columns$1 = require('../Columns-ZySdkGqV.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation');
@@ -18,6 +18,7 @@ var createLucideIcon = require('../createLucideIcon-DBDhE7kE.js');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var NeetoFilters = require('@bigbinary/neeto-filters-frontend/Filters');
 require('@babel/runtime/helpers/slicedToArray');
+require('@bigbinary/neeto-atoms/primitives');
 require('@dnd-kit/core');
 require('@dnd-kit/sortable');
 require('i18next');
@@ -88,29 +89,23 @@ var Columns = function Columns(_ref) {
     t = _useTranslation.t;
   var tooltipContent = t("neetoMolecules.columns.columns");
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.TooltipProvider, {
-      children: /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Tooltip, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.TooltipTrigger, {
-          asChild: true,
-          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)))
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.TooltipContent, {
-          side: "bottom",
-          children: tooltipContent
-        })]
+    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)))
       })
     })
   });
@@ -134,25 +129,18 @@ var DownloadButton = function DownloadButton(_ref) {
   var resolvedTooltipContent = tooltipContent !== null && tooltipContent !== void 0 ? tooltipContent : t("neetoMolecules.common.download");
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "relative",
-    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.TooltipProvider, {
-      children: /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Tooltip, _objectSpread$2(_objectSpread$2({}, restTooltipProps), {}, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.TooltipTrigger, {
-          asChild: true,
-          children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
-            onClick: onClick,
-            size: "icon",
-            variant: "ghost",
-            "data-testid": neetoCist.isPresent(dataTestid) ? dataTestid : "download-button",
-            children: /*#__PURE__*/jsxRuntime.jsx(Download, {
-              size: 16
-            })
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.TooltipContent, {
-          side: "bottom",
-          children: resolvedTooltipContent
-        })]
-      }))
-    }), count && /*#__PURE__*/jsxRuntime.jsx("span", {
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Tooltip, _objectSpread$2(_objectSpread$2({
+      content: resolvedTooltipContent,
+      position: "bottom"
+    }, restTooltipProps), {}, {
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+        onClick: onClick,
+        "data-testid": neetoCist.isPresent(dataTestid) ? dataTestid : "download-button",
+        icon: Download,
+        size: "icon",
+        variant: "ghost"
+      })
+    })), count && /*#__PURE__*/jsxRuntime.jsx("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]",
       children: count
     })]

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 {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} 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      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger asChild>\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          </TooltipTrigger>\n          <TooltipContent side=\"bottom\">{tooltipContent}</TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    </div>\n  );\n};\n\nColumns.displayName = \"Columns\";\nexport default Columns;\n","/* eslint-disable @bigbinary/neeto/use-neetoui-classes */\nimport {\n  Button,\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} 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      <TooltipProvider>\n        <Tooltip {...restTooltipProps}>\n          <TooltipTrigger asChild>\n            <Button\n              {...{ onClick }}\n              size=\"icon\"\n              variant=\"ghost\"\n              data-testid={\n                isPresent(dataTestid) ? dataTestid : \"download-button\"\n              }\n            >\n              <Download size={16} />\n            </Button>\n          </TooltipTrigger>\n          <TooltipContent side=\"bottom\">\n            {resolvedTooltipContent}\n          </TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\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\";\n\nconst FilterButton = withT(({ t, buttonProps, ...props }) => (\n  <div>\n    <NeetoFilters\n      buttonProps={{\n        \"data-testid\": \"filter-button\",\n        icon: Filter,\n        style: \"text\",\n        tooltipProps: {\n          content: t(\"neetoMolecules.common.filter\"),\n          position: \"bottom\",\n          touch: [\"hold\", 500],\n        },\n        label: null,\n        ...buttonProps,\n      }}\n      {...props}\n    />\n  </div>\n));\n\nexport default FilterButton;\n","import classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\n\nimport Columns from \"./Columns\";\nimport Download from \"./Download\";\nimport Filter from \"./Filter\";\n\nconst RightBlock = ({\n  downloadButtonProps,\n  columnsButtonProps,\n  filterProps,\n  dataProps,\n}) => {\n  const showIcons = isNotPresent(dataProps?.totalCount)\n    ? true\n    : dataProps?.totalCount > 0;\n\n  return (\n    <div\n      data-testid=\"subheader-rightblock-buttons-container\"\n      className={classnames(\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(\n        \"--neeto-molecules-effective-subheader-height\",\n        `${height}px`\n      );\n    };\n\n    updateHeaderHeight();\n\n    window.addEventListener(\"resize\", updateHeaderHeight);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateHeaderHeight);\n      document.body.style.removeProperty(\n        \"--neeto-molecules-effective-subheader-height\"\n      );\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","TooltipProvider","_jsxs","Tooltip","TooltipTrigger","asChild","className","ManageColumns","_objectSpread","isSearchable","icon","Columns3","TooltipContent","side","displayName","DownloadButton","count","onClick","_ref$dataTestid","dataTestid","_ref$tooltipProps","tooltipProps","content","restTooltipProps","resolvedTooltipContent","Button","size","variant","isPresent","Download","FilterButton","withT","NeetoFilters","Filter","style","position","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","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 { 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","/* eslint-disable @bigbinary/neeto/use-neetoui-classes */\nimport { 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\";\n\nconst FilterButton = withT(({ t, buttonProps, ...props }) => (\n  <div>\n    <NeetoFilters\n      buttonProps={{\n        \"data-testid\": \"filter-button\",\n        icon: Filter,\n        style: \"text\",\n        tooltipProps: {\n          content: t(\"neetoMolecules.common.filter\"),\n          position: \"bottom\",\n          touch: [\"hold\", 500],\n        },\n        label: null,\n        ...buttonProps,\n      }}\n      {...props}\n    />\n  </div>\n));\n\nexport default FilterButton;\n","import classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\n\nimport Columns from \"./Columns\";\nimport Download from \"./Download\";\nimport Filter from \"./Filter\";\n\nconst RightBlock = ({\n  downloadButtonProps,\n  columnsButtonProps,\n  filterProps,\n  dataProps,\n}) => {\n  const showIcons = isNotPresent(dataProps?.totalCount)\n    ? true\n    : dataProps?.totalCount > 0;\n\n  return (\n    <div\n      data-testid=\"subheader-rightblock-buttons-container\"\n      className={classnames(\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(\n        \"--neeto-molecules-effective-subheader-height\",\n        `${height}px`\n      );\n    };\n\n    updateHeaderHeight();\n\n    window.addEventListener(\"resize\", updateHeaderHeight);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateHeaderHeight);\n      document.body.style.removeProperty(\n        \"--neeto-molecules-effective-subheader-height\"\n      );\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","style","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","setProperty","concat","window","addEventListener","removeEventListener","removeProperty","ref"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/useKeyboardShortcutsPaneState-dNIbb_PI.js

@@ -0,0 +1,37 @@
+import { useShallow } from 'zustand/shallow';
+import withImmutableActions from '@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions';
+import { create } from 'zustand';
+
+/** @type {import("neetocommons/react-utils").ZustandStoreHook} */
+var useKeyboardShortcutsStore = create(withImmutableActions(function (set) {
+  return {
+    isOpen: false,
+    setIsOpen: function setIsOpen(arg) {
+      if (typeof arg === "function") {
+        set(function (state) {
+          return {
+            isOpen: arg(state.isOpen)
+          };
+        });
+      } else {
+        set({
+          isOpen: arg
+        });
+      }
+    }
+  };
+}));
+var useKeyboardShortcutsPaneState = function useKeyboardShortcutsPaneState() {
+  var _useKeyboardShortcuts = useKeyboardShortcutsStore(useShallow(function (store) {
+      return {
+        isOpen: store["isOpen"],
+        setIsOpen: store["setIsOpen"]
+      };
+    })),
+    isOpen = _useKeyboardShortcuts.isOpen,
+    setIsOpen = _useKeyboardShortcuts.setIsOpen;
+  return [isOpen, setIsOpen];
+};
+
+export { useKeyboardShortcutsPaneState as u };
+//# sourceMappingURL=useKeyboardShortcutsPaneState-dNIbb_PI.js.map

package/dist/useKeyboardShortcutsPaneState-dNIbb_PI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardShortcutsPaneState-dNIbb_PI.js","sources":["../src/v2/components/KeyboardShortcuts/hooks/useKeyboardShortcutsPaneState.js"],"sourcesContent":["import withImmutableActions from \"neetocommons/react-utils/withImmutableActions\";\nimport { create } from \"zustand\";\n\n/** @type {import(\"neetocommons/react-utils\").ZustandStoreHook} */\nconst useKeyboardShortcutsStore = create(\n  withImmutableActions(set => ({\n    isOpen: false,\n\n    setIsOpen: arg => {\n      if (typeof arg === \"function\") {\n        set(state => ({ isOpen: arg(state.isOpen) }));\n      } else {\n        set({ isOpen: arg });\n      }\n    },\n  }))\n);\n\nconst useKeyboardShortcutsPaneState = () => {\n  const { isOpen, setIsOpen } = useKeyboardShortcutsStore.pick();\n\n  return [isOpen, setIsOpen];\n};\n\nexport default useKeyboardShortcutsPaneState;\n"],"names":["useKeyboardShortcutsStore","create","withImmutableActions","set","isOpen","setIsOpen","arg","state","useKeyboardShortcutsPaneState","_useKeyboardShortcuts","useShallow","store"],"mappings":";;;;AAGA;AACA,IAAMA,yBAAyB,GAAGC,MAAM,CACtCC,oBAAoB,CAAC,UAAAC,GAAG,EAAA;EAAA,OAAK;AAC3BC,IAAAA,MAAM,EAAE,KAAK;AAEbC,IAAAA,SAAS,EAAE,SAAXA,SAASA,CAAEC,GAAG,EAAI;AAChB,MAAA,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;QAC7BH,GAAG,CAAC,UAAAI,KAAK,EAAA;UAAA,OAAK;AAAEH,YAAAA,MAAM,EAAEE,GAAG,CAACC,KAAK,CAACH,MAAM;WAAG;AAAA,QAAA,CAAC,CAAC;AAC/C,MAAA,CAAC,MAAM;AACLD,QAAAA,GAAG,CAAC;AAAEC,UAAAA,MAAM,EAAEE;AAAI,SAAC,CAAC;AACtB,MAAA;AACF,IAAA;GACD;AAAA,CAAC,CACJ,CAAC;AAED,IAAME,6BAA6B,GAAG,SAAhCA,6BAA6BA,GAAS;AAC1C,EAAA,IAAAC,qBAAA,GAAAT,yBAAA,CAAAU,UAAA,WAAAC,KAAA,EAAA;AAAA,MAAA,OAAA;AAAQP,QAAAA,MAAM,EAAAO,KAAA,CAAA,QAAA,CAAA;AAAEN,QAAAA,SAAS,EAAAM,KAAA,CAAA,WAAA;AAAA,OAAA;AAAA,IAAA,CAAA,CAAA,CAAA;IAAjBP,MAAM,GAAAK,qBAAA,CAANL,MAAM;IAAEC,SAAS,GAAAI,qBAAA,CAATJ,SAAS;AAEzB,EAAA,OAAO,CAACD,MAAM,EAAEC,SAAS,CAAC;AAC5B;;;;"}

package/dist/v2/AuditLogs.js

@@ -1,7 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { useMemo, createElement } from 'react';
-import { Typography, Avatar, AvatarFallback, Spinner, Pagination, PaginationContent, PaginationItem, PaginationPrevious, PaginationEllipsis, PaginationLink, PaginationNext } from '@bigbinary/neeto-atoms';
-import classnames from 'classnames';
+import { Typography, Spinner, Pagination } from '@bigbinary/neeto-atoms';
 import { snakeToCamelCase, humanize, isPresent, isNotEmpty } from '@bigbinary/neeto-cist';
 import { LANGUAGE_OPTIONS, DEFAULT_STALE_TIME, DEFAULT_PAGE_INDEX } from '@bigbinary/neeto-commons-frontend/constants';
 import { useQueryParams } from '@bigbinary/neeto-commons-frontend/react-utils';
@@ -9,6 +8,7 @@ import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils/general';
 import { indexBy, prop, omit, isEmpty, identity, mergeLeft } from 'ramda';
 import { Trans as Trans$1, useTranslation } from 'react-i18next';
 import { useHistory, useLocation } from 'react-router-dom';
+import classnames from 'classnames';
 import { dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
 import Apple from '@bigbinary/neeto-icons/misc/Apple';
 import GoogleCalendar from '@bigbinary/neeto-icons/misc/GoogleCalendar';
@@ -32,6 +32,7 @@ import Header from './Header.js';
 import '../index-DAYCJu79.js';
 import '../_commonjsHelpers-BFTU3MAI.js';
 import './Breadcrumbs.js';
+import '@bigbinary/neeto-atoms/primitives';
 import './HelpPopover.js';
 import '../circle-question-mark-Dib48f5Z.js';
 import './MoreDropdown.js';
@@ -678,14 +679,11 @@ var Card = function Card(_ref) {
       "rounded-t-md border-t": index === 0,
       "rounded-b-md": index === totalCount - 1
     }),
-    children: [/*#__PURE__*/jsx(Avatar, {
-      className: "mt-0.5 size-9 shrink-0",
-      children: /*#__PURE__*/jsx(AvatarFallback, {
-        className: "bg-muted",
-        children: /*#__PURE__*/jsx(Icon, {
-          className: "text-muted-foreground",
-          size: 18
-        })
+    children: [/*#__PURE__*/jsx("div", {
+      className: "bg-muted neeto-ui-rounded-full mt-0.5 flex size-9 shrink-0 items-center justify-center",
+      children: /*#__PURE__*/jsx(Icon, {
+        className: "text-muted-foreground",
+        size: 18
       })
     }), /*#__PURE__*/jsxs("div", {
       className: "flex min-w-0 flex-col gap-y-1",
@@ -756,89 +754,30 @@ var useFetchPermissions = function useFetchPermissions() {
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var getPageNumbers = function getPageNumbers(_ref) {
-  var currentPage = _ref.currentPage,
-    totalPages = _ref.totalPages;
-  var pages = [];
-  if (totalPages <= 7) {
-    for (var i = 1; i <= totalPages; i++) pages.push(i);
-    return pages;
-  }
-  pages.push(1);
-  if (currentPage > 3) {
-    pages.push("ellipsis-start");
-  }
-  var start = Math.max(2, currentPage - 1);
-  var end = Math.min(totalPages - 1, currentPage + 1);
-  for (var _i = start; _i <= end; _i++) pages.push(_i);
-  if (currentPage < totalPages - 2) {
-    pages.push("ellipsis-end");
-  }
-  pages.push(totalPages);
-  return pages;
-};
-var AuditLogsPagination = function AuditLogsPagination(_ref2) {
-  var count = _ref2.count,
-    pageNo = _ref2.pageNo,
-    pageSize = _ref2.pageSize;
+var AuditLogsPagination = function AuditLogsPagination(_ref) {
+  var count = _ref.count,
+    pageNo = _ref.pageNo,
+    pageSize = _ref.pageSize;
   var history = useHistory();
   var _useLocation = useLocation(),
     pathname = _useLocation.pathname;
   var queryParams = useQueryParams();
-  var totalPages = Math.ceil(count / pageSize);
-  if (totalPages <= 1) return null;
-  var pages = getPageNumbers({
-    currentPage: pageNo,
-    totalPages: totalPages
-  });
   var navigateToPage = function navigateToPage(page) {
     history.push(buildUrl(pathname, mergeLeft({
       page: page
     }, queryParams)));
   };
   return /*#__PURE__*/jsx(Pagination, {
-    children: /*#__PURE__*/jsxs(PaginationContent, {
-      children: [/*#__PURE__*/jsx(PaginationItem, {
-        children: /*#__PURE__*/jsx(PaginationPrevious, {
-          className: classnames({
-            "pointer-events-none opacity-50": pageNo <= 1,
-            "cursor-pointer": !(pageNo <= 1)
-          }),
-          onClick: function onClick() {
-            return pageNo > 1 && navigateToPage(pageNo - 1);
-          }
-        })
-      }), pages.map(function (page) {
-        return typeof page === "string" ? /*#__PURE__*/jsx(PaginationItem, {
-          children: /*#__PURE__*/jsx(PaginationEllipsis, {})
-        }, page) : /*#__PURE__*/jsx(PaginationItem, {
-          children: /*#__PURE__*/jsx(PaginationLink, {
-            className: "cursor-pointer",
-            isActive: page === pageNo,
-            onClick: function onClick() {
-              return navigateToPage(page);
-            },
-            children: page
-          })
-        }, page);
-      }), /*#__PURE__*/jsx(PaginationItem, {
-        children: /*#__PURE__*/jsx(PaginationNext, {
-          className: classnames({
-            "pointer-events-none opacity-50": pageNo >= totalPages,
-            "cursor-pointer": !(pageNo >= totalPages)
-          }),
-          onClick: function onClick() {
-            return pageNo < totalPages && navigateToPage(pageNo + 1);
-          }
-        })
-      })]
-    })
+    count: count,
+    pageNo: pageNo,
+    pageSize: pageSize,
+    navigate: navigateToPage
   });
 };
-var AuditLogs = function AuditLogs(_ref3) {
-  var headerProps = _ref3.headerProps,
-    noDataHelpText = _ref3.noDataHelpText,
-    noDataTitle = _ref3.noDataTitle;
+var AuditLogs = function AuditLogs(_ref2) {
+  var headerProps = _ref2.headerProps,
+    noDataHelpText = _ref2.noDataHelpText,
+    noDataTitle = _ref2.noDataTitle;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useQueryParams = useQueryParams(),