@bigbinary/neeto-molecules 4.2.0 → 4.3.1

package/dist/v2/SubHeader.js

@@ -7,15 +7,15 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '@bigbinary/neeto-atoms/primitives';
 import { useTranslation } from 'react-i18next';
-import { a as Columns$1 } from '../Columns-DpeV3Jzz.js';
+import { a as Columns$1 } from '../Columns-gR00LMKF.js';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@tanstack/react-query';
-import '@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation';
+import '@bigbinary/neeto-commons-frontend/v2/react-utils/useMutationWithInvalidation';
 import 'axios';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { c as createLucideIcon } from '../createLucideIcon-mNMhCCpf.js';
 import { Tooltip as Tooltip$1, Button } from '@bigbinary/neeto-atoms';
-import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { withT } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
 import NeetoFilters from '@bigbinary/neeto-filters-frontend/v2/Filters';
 import '@dnd-kit/core';
 import '@dnd-kit/modifiers';

package/dist/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 { 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","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]}
+{"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/v2/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","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/TimeFormat.js

@@ -0,0 +1,13 @@
+import DateFormat from './DateFormat.js';
+import '@babel/runtime/helpers/defineProperty';
+import '@bigbinary/neeto-atoms';
+import '@bigbinary/neeto-cist';
+import '@bigbinary/neeto-commons-frontend/v2/react-utils/useTimer';
+import '@bigbinary/neeto-commons-frontend/v2/utils/datetime';
+import 'ramda';
+import 'react/jsx-runtime';
+
+var TimeFormat = DateFormat;
+
+export { TimeFormat as default };
+//# sourceMappingURL=TimeFormat.js.map

package/dist/v2/TimeFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeFormat.js","sources":["../../src/v2/components/TimeFormat.js"],"sourcesContent":["import DateFormat from \"./DateFormat\";\n\nconst TimeFormat = DateFormat;\n\nexport default TimeFormat;\n"],"names":["TimeFormat","DateFormat"],"mappings":";;;;;;;;;AAEA,IAAMA,UAAU,GAAGC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "4.2.0",
+  "version": "4.3.1",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",
@@ -58,10 +58,10 @@
     "@babel/runtime": "7.26.10",
     "@bigbinary/babel-preset-neeto": "^1.0.14",
     "@bigbinary/eslint-plugin-neeto": "1.9.0",
-    "@bigbinary/neeto-atoms": "1.0.53",
+    "@bigbinary/neeto-atoms": "1.0.58",
     "@bigbinary/neeto-audit-frontend": "2.4.5",
     "@bigbinary/neeto-cist": "1.0.17",
-    "@bigbinary/neeto-commons-frontend": "4.13.125",
+    "@bigbinary/neeto-commons-frontend": "4.13.126",
     "@bigbinary/neeto-editor": "1.47.111",
     "@bigbinary/neeto-filters-frontend": "4.3.37",
     "@bigbinary/neeto-hotkeys": "1.0.9",
@@ -235,9 +235,9 @@
   "peerDependencies": {
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@babel/runtime": "7.26.0",
-    "@bigbinary/neeto-atoms": "1.0.53",
+    "@bigbinary/neeto-atoms": "1.0.58",
     "@bigbinary/neeto-cist": "1.0.17",
-    "@bigbinary/neeto-commons-frontend": "4.13.125",
+    "@bigbinary/neeto-commons-frontend": "4.13.126",
     "@bigbinary/neeto-editor": "1.47.111",
     "@bigbinary/neeto-filters-frontend": "4.3.37",
     "@bigbinary/neeto-hotkeys": "1.0.9",

package/src/translations/en.json

@@ -35,7 +35,8 @@
         "enable": "Enable",
         "disable": "Disable",
         "share": "Share",
-        "done": "Done"
+        "done": "Done",
+        "remove": "Remove"
       },
       "permission_one": "permission",
       "permission_other": "permissions",
@@ -885,7 +886,8 @@
         "allowedFileTypes": "Allowed file types are {{types}}",
         "oneFileAllowed": "Please upload only 1 file",
         "chooseFileOrDragHere": "Choose file or drag here"
-      }
+      },
+      "fileUploadSuccessful": "Upload complete"
     },
     "deviceIncompatibility": {
       "description": "The design tab is currently not supported in this screen size. Please switch to a screen larger than 768px wide."

package/types/v2/BoardView.d.ts

@@ -0,0 +1,27 @@
+type SectionData = { id: string };
+type ItemData = { id: string };
+
+type SectionArgs = { section: SectionData; index: number };
+type ItemArgs = { Item: ItemData; section: SectionData; index: number };
+
+const BoardView: React.FC<{
+  ref?: React.Ref<HTMLDivElement>;
+  sections: SectionData[];
+  renderSection: (args: SectionArgs) => React.ReactNode;
+  renderSectionOverlay?: (args: SectionArgs) => React.ReactNode;
+  renderItemOverlay?: (args: ItemArgs) => React.ReactNode;
+  onMoveSection?: (source: SectionArgs, destination: SectionArgs) => void;
+  onMoveItem?: (source: ItemArgs, destination: ItemArgs) => void;
+  className?: string;
+  isDragAndDropDisabled?: boolean;
+}> & {
+  Section: React.FC<{
+    ref?: React.Ref<HTMLDivElement>;
+    section: SectionData;
+    items: ItemData[];
+    renderItem: (args: ItemArgs) => React.ReactNode;
+    isDragAndDropDisabled?: boolean;
+  }>;
+};
+
+export default BoardView;

package/types/v2/CalendarView.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+
+import { DateClickArg, EventClickArg } from "@fullcalendar/react";
+import { Dayjs } from "dayjs";
+import { EventContentArg } from "@fullcalendar/core";
+
+type ViewOption = {
+  label: string;
+  fullCalendarView: string;
+  picker: string;
+  default?: boolean;
+};
+
+type ViewOptionsType = {
+  [key: string]: ViewOption;
+};
+
+interface EventObject {
+  title: string;
+  start: Date;
+  [key: string]: any;
+}
+
+const CalendarView: React.FC<{
+  viewOptions?: ViewOptionsType;
+  events?: EventObject[];
+  handleDateClick?: (info: DateClickArg) => void;
+  handleEventClick?: (info: EventClickArg) => void;
+  onDateChange?: (date: Dayjs) => void;
+  eventClassNames?: string | ((arg: EventContentArg) => string);
+  eventContent?: (arg: EventContentArg) => void;
+  dayCellClassNames?: string | ((arg: any) => string);
+  dayMaxEvents?: number;
+  eventMaxStack?: number;
+  validDates?: { start: Dayjs | Date | null; end: Dayjs | Date | null };
+  hideHeader?: boolean;
+  locale?: string;
+}>;
+
+export default CalendarView;

package/types/v2/DateFormat.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+
+import { TooltipProps } from "@bigbinary/neeto-atoms";
+import {
+  timeFormat,
+  DateTimeType,
+} from "@bigbinary/neeto-commons-frontend/utils";
+
+const DateFormat: {
+  [key in Capitalize<keyof typeof timeFormat>]: React.FC<{
+    date: DateTimeType;
+    timerInterval?: number;
+    tooltipDateFormat?: keyof typeof timeFormat;
+    typographyProps?: React.HTMLAttributes<HTMLSpanElement>;
+    tooltipProps?: Partial<TooltipProps>;
+  }>;
+};
+
+export default DateFormat;

package/types/v2/DocumentEditor.d.ts

@@ -0,0 +1,20 @@
+import { FormikEditorProps, attachment } from "@bigbinary/neeto-editor";
+import { TextareaProps } from "@bigbinary/neeto-atoms";
+
+const DocumentEditor: React.FC<{
+  attachments?: attachment[];
+  onContentChange?: (content: string) => void;
+  onAttachmentChange?: (attachments: attachment[]) => void;
+  onTitleChange?: (title: string) => void;
+  getTitleRef?: (ref: HTMLTextAreaElement | null) => void;
+  getEditorRef?: (ref: any) => void;
+  editorContentFieldName?: string;
+  titleFieldName?: string;
+  editorProps?: FormikEditorProps;
+  titleProps?: TextareaProps;
+  menuClassName?: string;
+  children?: React.ReactNode;
+  hasThumbnailImage?: boolean;
+}>;
+
+export default DocumentEditor;

package/types/v2/EmojiPicker.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+
+type Emoji = {
+  native: string;
+  unified: string;
+};
+
+const EmojiPicker: React.FC<{
+  onSelect?: (emoji: Emoji) => void;
+  open?: boolean;
+  dropdownProps?: Record<string, unknown>;
+}>;
+
+export default EmojiPicker;

package/types/v2/Engagements.d.ts

@@ -0,0 +1,50 @@
+import React from "react";
+
+import { ENGAGEMENT_TYPES } from "../src/v2/components/Engagements/constants";
+
+type Emoji = { native: string; unified: string };
+type MenuItems = {
+  label: string;
+  onClick: () => void;
+  key: string;
+  isVisible?: boolean;
+};
+
+type UserData = { name: string; profileImageUrl?: string };
+type CommentData = {
+  id: string;
+  createdAt?: string;
+  commenter?: UserData;
+  [key: string]: any;
+};
+
+type ActivityData = { id: string; creator?: UserData; [key: string]: any };
+type EngagementType = (typeof ENGAGEMENT_TYPES)[keyof typeof ENGAGEMENT_TYPES];
+
+const Engagements: React.FC<{
+  data: Array<CommentData | ActivityData>;
+  isActivitiesEnabled?: boolean;
+  matchType?: (engagement: CommentData | ActivityData) => EngagementType;
+  renderComment: (engagement: CommentData, index: number) => React.ReactNode;
+  renderActivity: (engagement: ActivityData, index: number) => React.ReactNode;
+}> & {
+  Comment: React.FC<{
+    user: UserData;
+    comment: CommentData;
+    reactions?: boolean | Emoji[];
+    info?: string;
+    actions?: MenuItems[];
+    className?: string;
+    onAddReaction?: (emoji: Emoji) => void;
+    onRemoveReaction?: (emoji: Emoji) => void;
+  }>;
+  Activity: React.FC<{
+    user: UserData;
+    icon: React.ReactNode;
+    unread?: boolean;
+    className?: string;
+  }>;
+  TYPES: typeof ENGAGEMENT_TYPES;
+};
+
+export default Engagements;

package/types/v2/FileUpload.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+
+interface FileObject {
+  url: string;
+  size?: number;
+  name: string;
+}
+export interface FileUploadProps {
+  className?: string;
+  allowedFileTypes?: string;
+  multipleFilesAllowed?: boolean;
+  maxFileSize?: number;
+  hasFileSizeLimit?: boolean;
+  isPreview?: boolean;
+  minFileSize?: number;
+  files?: FileObject[];
+  onChange?: (files: FileObject[] | []) => void;
+  error?: string;
+  setError?: (error: string) => void;
+  setTouched?: (touched: boolean) => void;
+}
+
+export interface FormikFileUploadProps extends FileUploadProps {
+  name: string;
+}
+
+const FileUpload: React.FC<FileUploadProps>;
+const FormikFileUpload: React.FC<FormikFileUploadProps>;
+
+export { FileUpload, FormikFileUpload };

package/types/v2/FinderModal.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+
+interface Data {
+  [key: string]: Array<{
+    id: string;
+    url: string;
+    content?: string;
+    body?: string;
+    name?: string;
+  }>;
+}
+
+const FinderModal: React.FC<{
+  enableAdvancedSearch?: boolean;
+  data: Data;
+  isFetching: boolean;
+  isOpen: boolean;
+  searchTerm: string;
+  setSearchTerm: (searchTerm: string) => void;
+  onClose: () => void;
+  onGoToAdvanced?: () => void;
+}>;
+
+export default FinderModal;

package/types/v2/InlineInput.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+
+import { InputProps, ButtonProps } from "@bigbinary/neeto-atoms";
+
+export interface InlineInputProps extends InputProps {
+  className?: string;
+  value?: string;
+  nullable?: boolean;
+  isSaving?: boolean;
+  saveOnBlur?: boolean;
+  clearOnSave?: boolean;
+  submitButtonProps?: ButtonProps;
+  cancelButtonProps?: ButtonProps;
+  handleSubmit: (value: string) => void;
+  handleCancel: (value: string) => void;
+  size?: "small" | "medium" | "large";
+}
+
+export interface FormikInlineInputProps extends InlineInputProps {
+  name: string;
+  handleSubmit?: (value: string) => void;
+  handleCancel?: (value: string) => void;
+}
+
+const InlineInput: React.ForwardRefExoticComponent<InlineInputProps>;
+const FormikInlineInput: React.ForwardRefExoticComponent<FormikInlineInputProps>;
+
+export { InlineInput, FormikInlineInput };

package/types/v2/NavigationHeader.d.ts

@@ -0,0 +1,80 @@
+import React from "react";
+
+import { ButtonProps } from "@bigbinary/neeto-atoms";
+
+interface NavLinkProps {
+  activeClassName?: string;
+  disabled?: boolean;
+  exact?: boolean;
+}
+
+type TooltipPropType = { content: string; position: string };
+type HomeButtonPropType = { tooltip: TooltipPropType; icon: React.ReactNode };
+
+type MenuItemPropType = {
+  key: string;
+  label: string;
+  onClick?: () => void;
+  disabled?: boolean;
+  isDisabled?: boolean;
+  tooltipProps?: { content: string };
+};
+
+type MoreOptionsPropType = {
+  isVertical?: boolean;
+  dropdownButtonProps?: { size?: string; className?: string };
+  menuItems?: MenuItemPropType[];
+};
+
+type HeaderLinkPropType = {
+  key: string;
+  to: string;
+  label: string;
+  className?: string;
+  labelProps?: Record<string, unknown>;
+  moreOptions?: MoreOptionsPropType;
+} & NavLinkProps;
+
+type RightActionBlockPropTypes = {
+  isDraftBlockHidden?: boolean;
+  previewDraftUrl?: string;
+  isResetDraftButtonVisible?: boolean;
+  onResetClick?: () => void;
+  isResetting?: boolean;
+  isPublishDisabled?: boolean;
+  isPublishing?: boolean;
+  handlePublish?: () => void;
+  isPublishPreviewDisabled?: boolean;
+  previewPublishedUrl?: string;
+  isPublishButtonVisible?: boolean;
+  isResetAlertOpen?: boolean;
+  setIsResetAlertOpen?: (open: boolean) => void;
+  handleReset?: () => void;
+  publishAlertTitle?: string;
+  publishAlertDescription?: string;
+  publishButtonProps?: ButtonProps;
+};
+
+type NavigationLinkPropsType = {
+  headerLinks: HeaderLinkPropType[];
+  maxVisibleLinks?: number;
+};
+
+type LeftBlockPropTypes = {
+  homeButtonProps?: HomeButtonPropType;
+  homeUrl: string;
+  renameProps?: Record<string, unknown>;
+  children?: React.ReactNode;
+};
+
+const NavigationHeader: React.FC<{
+  leftActionBlock?: React.ReactNode;
+  navigationLinks?: React.ReactNode;
+  rightActionBlock?: React.ReactNode;
+}> & {
+  RightActionBlock: React.FC<RightActionBlockPropTypes>;
+  NavigationLinks: React.FC<NavigationLinkPropsType>;
+  LeftActionBlock: React.FC<LeftBlockPropTypes>;
+};
+
+export default NavigationHeader;

package/types/v2/PublishBlock.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+
+import { AlertProps, ButtonProps } from "@bigbinary/neeto-atoms";
+
+interface SchedulePaneProps {
+  isOpen: boolean;
+  isSubmitting: boolean;
+  onPublish: (params: { datetimeValue: Date | null }) => void;
+  onClose: () => void;
+  datetime: Date | null;
+  previewProps?: {
+    coverImageUrl?: string;
+    title?: string;
+    publicUrl?: string;
+  };
+}
+
+interface PublishBlockProps {
+  renderDraftButtons: (props: {
+    ViewDraftButton: React.FC<ButtonProps>;
+    ResetDraftButton: React.FC<ButtonProps>;
+  }) => React.ReactNode;
+  renderPublishButtons: (props: {
+    PublishButton: React.FC<
+      ButtonProps & {
+        showTooltipWhenDisabled?: boolean;
+      }
+    >;
+    PublishPreviewButton: React.FC<ButtonProps>;
+  }) => React.ReactNode;
+  datetime?: Date | string | number | null;
+}
+
+const PublishBlock: React.FC<PublishBlockProps> & {
+  Alert: React.FC<AlertProps>;
+  SchedulePane: React.FC<SchedulePaneProps>;
+};
+
+export default PublishBlock;

package/types/v2/Rename.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+
+import { ButtonProps, InputProps } from "@bigbinary/neeto-atoms";
+
+const Rename: React.FC<{
+  className?: string;
+  isOpen?: boolean;
+  allowEmptySubmission?: boolean;
+  defaultName?: string;
+  value: string;
+  onRename?: (newName: string) => void;
+  onClone?: () => void;
+  onArchiveStatusToggle?: () => void;
+  onDelete?: () => void;
+  isArchived?: boolean;
+  isDisabled?: boolean;
+  isLoading?: boolean;
+  placeholder?: string;
+  hideMenu?: boolean;
+  disabled?: boolean;
+  dropdownItems?: ButtonProps[];
+  submitButtonProps?: ButtonProps;
+  cancelButtonProps?: ButtonProps;
+  textProps?: React.HTMLAttributes<HTMLParagraphElement>;
+  inputProps?: InputProps;
+  breadcrumbs?: { text: string; link: string }[];
+  formatText?: (value: string) => string;
+  dropdownButtonProps?: ButtonProps;
+  dropdownProps?: Record<string, unknown>;
+  secondaryInfo?: string;
+}>;
+
+export default Rename;

package/types/v2/Scrollable.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+
+import { SIZES } from "../src/v2/components/Scrollable/constants";
+
+const Scrollable: React.FC<
+  {
+    className?: string;
+    size?: keyof typeof SIZES;
+  } & React.DetailedHTMLProps<
+    React.HTMLAttributes<HTMLDivElement>,
+    HTMLDivElement
+  >
+>;
+
+export default Scrollable;

package/types/v2/TimeFormat.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+
+import { TooltipProps } from "@bigbinary/neeto-atoms";
+import {
+  timeFormat,
+  DateTimeType,
+} from "@bigbinary/neeto-commons-frontend/utils";
+
+const TimeFormat: {
+  [key in Capitalize<keyof typeof timeFormat>]: React.FC<{
+    date: DateTimeType;
+    typographyProps?: React.HTMLAttributes<HTMLSpanElement>;
+    tooltipProps?: Partial<TooltipProps>;
+  }>;
+};
+
+export default TimeFormat;