@bigbinary/neeto-molecules 3.16.28 → 3.16.29

package/dist/NavigationHeader.js

@@ -31,15 +31,13 @@ import './MoreDropdown.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@bigbinary/neeto-icons/MenuHorizontal';
 import '@bigbinary/neeto-icons/MenuVertical';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
 import '@bigbinary/neeto-commons-frontend/react-utils/withT';
+import '@bigbinary/neeto-commons-frontend/utils';
 import '@bigbinary/neeto-icons/ExternalLink';
 import '@bigbinary/neeto-icons/Undo';
+import '@bigbinary/neeto-icons/Clock';
 import '@bigbinary/neetoui/Alert';
 import '@bigbinary/neetoui/Pane';
-import '@bigbinary/neetoui/Switch';
-import '@bigbinary/neeto-commons-frontend/utils';
 import '@bigbinary/neeto-team-members-frontend/Profile';
 import '@bigbinary/neetoui/DatePicker';
 import '@bigbinary/neeto-commons-frontend/initializers';

package/dist/NavigationHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationHeader.js","sources":["../src/components/NavigationHeader/constants.jsx","../src/components/NavigationHeader/LeftBlock.jsx","../src/components/NavigationHeader/Navigation.jsx","../src/components/NavigationHeader/utils.js","../src/components/NavigationHeader/RightBlock.jsx","../src/components/NavigationHeader/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { Home } from \"neetoicons\";\n\nexport const DEFAULT_HOME_BUTTON_PROPS = {\n  tooltip: {\n    content: t(\"neetoMolecules.navigationHeader.home\"),\n    position: \"bottom\",\n  },\n  homeUrl: \"/\",\n  icon: <Home />,\n};\n","import { isPresent } from \"neetocist\";\nimport { Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeDeepRight } from \"ramda\";\nimport { Link } from \"react-router-dom\";\n\nimport Rename from \"components/Rename\";\n\nimport { DEFAULT_HOME_BUTTON_PROPS } from \"./constants\";\n\nconst LeftBlock = ({\n  homeButtonProps: customHomeButtonProps,\n  homeUrl,\n  renameProps,\n  children,\n}) => {\n  const homeButtonProps = mergeDeepRight(\n    DEFAULT_HOME_BUTTON_PROPS,\n    customHomeButtonProps\n  );\n\n  return (\n    <div\n      className=\"flex items-center gap-1 md:gap-2\"\n      data-cy=\"navigation-header-left-block\"\n      data-testid=\"navigation-header-left-block\"\n    >\n      <Tooltip\n        content={homeButtonProps.tooltip.content}\n        position={homeButtonProps.tooltip.position}\n        touch={[\"hold\", 500]}\n      >\n        <Link data-cy=\"home-button\" data-testid=\"home-button\" to={homeUrl}>\n          <div className=\"neeto-ui-rounded hover:neeto-ui-bg-gray-200 p-1\">\n            {homeButtonProps.icon}\n          </div>\n        </Link>\n      </Tooltip>\n      {isPresent(renameProps) && (\n        <Rename\n          dropdownItems={renameProps.dropdownItems}\n          value={renameProps.value}\n          {...renameProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nLeftBlock.propTypes = {\n  /**\n   * Object containing the home button icon and the props to be passed to the tooltip of the home button.\n   */\n  homeButtonProps: PropTypes.shape({\n    tooltip: PropTypes.shape({\n      content: PropTypes.string,\n      postition: PropTypes.string,\n    }),\n    icon: PropTypes.node,\n  }),\n  /**\n   * URL to navigate when the home button is clicked.\n   */\n  homeUrl: PropTypes.string.isRequired,\n  /**\n   * Props to be passed to the `Rename` component. Please check the `Rename` component props for more details\n   */\n  renameProps: PropTypes.object,\n  /**\n   * To render extra content in the block.\n   */\n  children: PropTypes.node,\n};\n\nexport default LeftBlock;\n","import classNames from \"classnames\";\nimport { existsBy, isNotEmpty } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Dropdown, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\nimport { NavLink, useLocation } from \"react-router-dom\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst NavigationLinks = ({ headerLinks, maxVisibleLinks = 5 }) => {\n  const { pathname } = useLocation();\n  const { t } = useTranslation();\n\n  const visibleLinks = headerLinks.slice(0, maxVisibleLinks);\n  const overflowLinks = headerLinks.slice(maxVisibleLinks);\n\n  const isMoreButtonActive = existsBy({ to: pathname }, overflowLinks);\n\n  return (\n    <div\n      className=\"font- flex w-full items-center justify-between gap-4 md:justify-center md:gap-3 lg:gap-6\"\n      data-cy=\"navigation-header-navigation-links\"\n      data-testid=\"navigation-header-navigation-links\"\n    >\n      {visibleLinks.map(headerLink => (\n        <NavLink\n          activeClassName=\"active\"\n          className=\"neeto-molecules-navigation-header__link px-2 capitalize no-underline md:px-0\"\n          data-cy={`${joinHyphenCase(headerLink.key)}-tab`}\n          key={headerLink.key}\n          {...headerLink}\n        >\n          <Typography\n            component=\"span\"\n            lineHeight=\"normal\"\n            style=\"h4\"\n            weight=\"semibold\"\n          >\n            {headerLink.label}\n          </Typography>\n        </NavLink>\n      ))}\n      {isNotEmpty(overflowLinks) && (\n        <Dropdown\n          buttonStyle=\"text\"\n          label={t(\"neetoMolecules.navigationHeader.more\")}\n          position=\"bottom-end\"\n          buttonProps={{\n            className: classNames(\n              \"neeto-molecules-navigation-header__link neeto-molecules-navigation-header__link--more neeto-ui-typography neeto-ui-text-h4 neeto-ui-font-semibold neeto-ui-leading-normal px-2 capitalize no-underline md:px-0\",\n              { active: isMoreButtonActive }\n            ),\n          }}\n        >\n          <Menu>\n            {overflowLinks.map(headerLink => (\n              <MenuItem.Button\n                data-cy={`${joinHyphenCase(headerLink.key)}-more-tab`}\n                isActive={headerLink.to === pathname}\n                key={headerLink.key}\n                to={headerLink.to}\n                {...headerLink}\n              >\n                {headerLink.label}\n              </MenuItem.Button>\n            ))}\n          </Menu>\n        </Dropdown>\n      )}\n    </div>\n  );\n};\n\nNavigationLinks.propTypes = {\n  /**\n   * Links to be rendered in the center of the navigation header. It is an array of objects.\n   * Each object should have the properties `key`, `to` and `label`. Other props will be passed on to the `Navlink` component from\n  `react-router-dom`.\n   */\n  headerLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      to: PropTypes.string,\n      label: PropTypes.string,\n    })\n  ),\n  /**\n   * Maximum number of links to be visible in the navigation header. Remaining links will be shown in a more dropdown.\n   */\n  maxVisibleLinks: PropTypes.number,\n};\n\nexport default NavigationLinks;\n","export const isAbsoluteUrl = url => /^https?:\\/\\//.test(url);\n","import classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport PublishBlock from \"components/PublishBlock\";\n\nimport \"./navigation-header.scss\";\nimport { isAbsoluteUrl } from \"./utils\";\n\nconst RightBlock = ({\n  isDraftBlockHidden,\n  previewDraftUrl,\n  isResetDraftButtonVisible,\n  onResetClick,\n  isResetting,\n  isPublishDisabled,\n  isPublishing,\n  handlePublish,\n  isPublishPreviewDisabled,\n  previewPublishedUrl,\n  isPublishButtonVisible,\n  isResetAlertOpen,\n  setIsResetAlertOpen,\n  handleReset,\n  publishAlertTitle,\n  publishAlertDescription,\n  publishButtonProps = {},\n}) => {\n  const { t } = useTranslation();\n\n  const renderDraftButtons = ({ ViewDraftButton, ResetDraftButton }) =>\n    !isDraftBlockHidden && (\n      <>\n        <ViewDraftButton\n          {...(isAbsoluteUrl(previewDraftUrl)\n            ? { href: previewDraftUrl }\n            : { to: previewDraftUrl })}\n        />\n        {isResetDraftButtonVisible && (\n          <ResetDraftButton\n            loading={isResetting}\n            onClick={() => onResetClick()}\n          />\n        )}\n      </>\n    );\n\n  const renderPublishButtons = ({ PublishButton, PublishPreviewButton }) => (\n    <>\n      {isPublishButtonVisible && (\n        <PublishButton\n          disabled={isPublishDisabled}\n          loading={isPublishing}\n          onClick={() => handlePublish()}\n          {...publishButtonProps}\n        />\n      )}\n      <PublishPreviewButton\n        {...(isAbsoluteUrl(previewPublishedUrl)\n          ? { href: previewPublishedUrl }\n          : { to: previewPublishedUrl })}\n        disabled={isPublishPreviewDisabled}\n        className={classNames({\n          \"standalone-publish-preview-button\": !isPublishButtonVisible,\n        })}\n      />\n    </>\n  );\n\n  return (\n    <>\n      <PublishBlock {...{ renderDraftButtons, renderPublishButtons }} />\n      <PublishBlock.Alert\n        isOpen={isResetAlertOpen}\n        isSubmitting={isResetting}\n        message={\n          publishAlertDescription ||\n          t(\"neetoMolecules.navigationHeader.resetDescription\")\n        }\n        title={\n          publishAlertTitle || t(\"neetoMolecules.navigationHeader.resetTitle\")\n        }\n        onClose={() => setIsResetAlertOpen(false)}\n        onSubmit={handleReset}\n      />\n    </>\n  );\n};\n\nRightBlock.propTypes = {\n  /**\n   * To show/hide the draft block.\n   */\n  isDraftBlockHidden: PropTypes.bool,\n  /**\n   * Draft preview URL, when the draft button is clicked user will be redirected to this URL.\n   */\n  previewDraftUrl: PropTypes.string,\n  /**\n   * Boolean to control the visibility of reset draft button.\n   */\n  isResetDraftButtonVisible: PropTypes.bool,\n  /**\n   * Callback function that will be called when the reset button is clicked.\n   */\n  onResetClick: PropTypes.func,\n  /**\n   * Setting this to `true` will show a spinner on the reset button. Use when the reset process is in progress.\n   */\n  isResetting: PropTypes.bool,\n  /**\n   * To disable the publish button.\n   */\n  isPublishDisabled: PropTypes.bool,\n  /**\n   * Setting this to `true` will show a spinner on the publish button. Use when the publish process is in progress.\n   */\n  isPublishing: PropTypes.bool,\n  /**\n   * Callback function that will be called when the publish button is clicked.\n   */\n  handlePublish: PropTypes.func,\n  /**\n   * To disable the publish preview button.\n   */\n  isPublishPreviewDisabled: PropTypes.bool,\n  /**\n   * Publish preview URL, when the preview publish button is clicked user will be redirected to this URL.\n   */\n  previewPublishedUrl: PropTypes.string,\n  /**\n   * Boolean to control whether the user have the ability to publish.\n   */\n  isPublishButtonVisible: PropTypes.bool,\n  /**\n   * Boolean to control whether the reset alert is open.\n   */\n  isResetAlertOpen: PropTypes.bool,\n  /**\n   * Handler to control the `isResetAlert` state variable.\n   */\n  setIsResetAlertOpen: PropTypes.func,\n  /**\n   * Callback function that will be called when the reset button is clicked.\n   */\n  handleReset: PropTypes.func,\n  /**\n   * Description to be shown in the publish alert\n   */\n  publishAlertDescription: PropTypes.string,\n  /**\n   * Title of the publish alert\n   */\n  publishAlertTitle: PropTypes.string,\n  /**\n   * Props to be passed to the publish button\n   */\n  publishButtonProps: PropTypes.object,\n};\n\nexport default RightBlock;\n","import { isPresent } from \"neetocist\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport PropTypes from \"prop-types\";\nimport { filter, length } from \"ramda\";\n\nimport LeftBlock from \"./LeftBlock\";\nimport NavigationLinks from \"./Navigation\";\nimport RightBlock from \"./RightBlock\";\n\nconst NavigationHeader = ({\n  leftActionBlock,\n  navigationLinks,\n  rightActionBlock,\n}) => {\n  const { isSize } = useBreakpoints();\n  const isMobile = isSize(\"mobile\");\n\n  const numberOfChildren = length(\n    filter(isPresent, [leftActionBlock, navigationLinks, rightActionBlock])\n  );\n\n  const gridStyle = {\n    gridTemplateColumns: isMobile\n      ? `repeat(${\n          navigationLinks ? numberOfChildren - 1 : numberOfChildren\n        }, auto)`\n      : `repeat(${numberOfChildren}, 1fr)`,\n  };\n\n  return (\n    <div className=\"w-full\">\n      <div\n        className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white flex h-16 w-full flex-shrink-0 items-center overflow-x-auto border-b px-2 py-2 md:px-4 lg:px-6\"\n        data-cy=\"navigation-header\"\n        data-testid=\"navigation-header\"\n      >\n        <div className=\"grid w-full gap-4\" style={gridStyle}>\n          {leftActionBlock}\n          {!isMobile && navigationLinks}\n          {rightActionBlock}\n        </div>\n      </div>\n      {isMobile && (\n        <div className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white flex flex-shrink-0 items-center overflow-x-auto border-b px-4 py-2 lg:px-6\">\n          {navigationLinks}\n        </div>\n      )}\n    </div>\n  );\n};\n\nNavigationHeader.LeftActionBlock = LeftBlock;\nNavigationHeader.NavigationLinks = NavigationLinks;\nNavigationHeader.RightActionBlock = RightBlock;\n\nNavigationHeader.propTypes = {\n  /**\n   * To specify the content to be rendered in the left side of the `NavigationHeader`.\n   */\n  leftActionBlock: PropTypes.node,\n  /**\n   * To specify the content to be rendered at the center of the `NavigationHeader`.\n   */\n  navigationLinks: PropTypes.node,\n  /**\n   * To specify the content to be rendered in the right side of the `NavigationHeader`.\n   */\n  rightActionBlock: PropTypes.node,\n};\n\nexport default NavigationHeader;\n"],"names":["DEFAULT_HOME_BUTTON_PROPS","tooltip","content","t","position","homeUrl","icon","_jsx","Home","LeftBlock","_ref","customHomeButtonProps","homeButtonProps","renameProps","children","mergeDeepRight","_jsxs","className","Tooltip","touch","Link","to","isPresent","Rename","_objectSpread","dropdownItems","value","Menu","Dropdown","MenuItem","NavigationLinks","headerLinks","_ref$maxVisibleLinks","maxVisibleLinks","_useLocation","useLocation","pathname","_useTranslation","useTranslation","visibleLinks","slice","overflowLinks","isMoreButtonActive","existsBy","map","headerLink","NavLink","activeClassName","concat","joinHyphenCase","key","Typography","component","lineHeight","style","weight","label","isNotEmpty","buttonStyle","buttonProps","classNames","active","Button","isActive","isAbsoluteUrl","url","test","RightBlock","isDraftBlockHidden","previewDraftUrl","isResetDraftButtonVisible","onResetClick","isResetting","isPublishDisabled","isPublishing","handlePublish","isPublishPreviewDisabled","previewPublishedUrl","isPublishButtonVisible","isResetAlertOpen","setIsResetAlertOpen","handleReset","publishAlertTitle","publishAlertDescription","_ref$publishButtonPro","publishButtonProps","renderDraftButtons","_ref2","ViewDraftButton","ResetDraftButton","_Fragment","href","loading","onClick","renderPublishButtons","_ref3","PublishButton","PublishPreviewButton","disabled","PublishBlock","Alert","isOpen","isSubmitting","message","title","onClose","onSubmit","NavigationHeader","leftActionBlock","navigationLinks","rightActionBlock","_useBreakpoints","useBreakpoints","isSize","isMobile","numberOfChildren","length","filter","gridStyle","gridTemplateColumns","LeftActionBlock","RightActionBlock"],"mappings":"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"}
+{"version":3,"file":"NavigationHeader.js","sources":["../src/components/NavigationHeader/constants.jsx","../src/components/NavigationHeader/LeftBlock.jsx","../src/components/NavigationHeader/Navigation.jsx","../src/components/NavigationHeader/utils.js","../src/components/NavigationHeader/RightBlock.jsx","../src/components/NavigationHeader/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { Home } from \"neetoicons\";\n\nexport const DEFAULT_HOME_BUTTON_PROPS = {\n  tooltip: {\n    content: t(\"neetoMolecules.navigationHeader.home\"),\n    position: \"bottom\",\n  },\n  homeUrl: \"/\",\n  icon: <Home />,\n};\n","import { isPresent } from \"neetocist\";\nimport { Tooltip } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { mergeDeepRight } from \"ramda\";\nimport { Link } from \"react-router-dom\";\n\nimport Rename from \"components/Rename\";\n\nimport { DEFAULT_HOME_BUTTON_PROPS } from \"./constants\";\n\nconst LeftBlock = ({\n  homeButtonProps: customHomeButtonProps,\n  homeUrl,\n  renameProps,\n  children,\n}) => {\n  const homeButtonProps = mergeDeepRight(\n    DEFAULT_HOME_BUTTON_PROPS,\n    customHomeButtonProps\n  );\n\n  return (\n    <div\n      className=\"flex items-center gap-1 md:gap-2\"\n      data-cy=\"navigation-header-left-block\"\n      data-testid=\"navigation-header-left-block\"\n    >\n      <Tooltip\n        content={homeButtonProps.tooltip.content}\n        position={homeButtonProps.tooltip.position}\n        touch={[\"hold\", 500]}\n      >\n        <Link data-cy=\"home-button\" data-testid=\"home-button\" to={homeUrl}>\n          <div className=\"neeto-ui-rounded hover:neeto-ui-bg-gray-200 p-1\">\n            {homeButtonProps.icon}\n          </div>\n        </Link>\n      </Tooltip>\n      {isPresent(renameProps) && (\n        <Rename\n          dropdownItems={renameProps.dropdownItems}\n          value={renameProps.value}\n          {...renameProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nLeftBlock.propTypes = {\n  /**\n   * Object containing the home button icon and the props to be passed to the tooltip of the home button.\n   */\n  homeButtonProps: PropTypes.shape({\n    tooltip: PropTypes.shape({\n      content: PropTypes.string,\n      postition: PropTypes.string,\n    }),\n    icon: PropTypes.node,\n  }),\n  /**\n   * URL to navigate when the home button is clicked.\n   */\n  homeUrl: PropTypes.string.isRequired,\n  /**\n   * Props to be passed to the `Rename` component. Please check the `Rename` component props for more details\n   */\n  renameProps: PropTypes.object,\n  /**\n   * To render extra content in the block.\n   */\n  children: PropTypes.node,\n};\n\nexport default LeftBlock;\n","import classNames from \"classnames\";\nimport { existsBy, isNotEmpty } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Dropdown, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\nimport { NavLink, useLocation } from \"react-router-dom\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst NavigationLinks = ({ headerLinks, maxVisibleLinks = 5 }) => {\n  const { pathname } = useLocation();\n  const { t } = useTranslation();\n\n  const visibleLinks = headerLinks.slice(0, maxVisibleLinks);\n  const overflowLinks = headerLinks.slice(maxVisibleLinks);\n\n  const isMoreButtonActive = existsBy({ to: pathname }, overflowLinks);\n\n  return (\n    <div\n      className=\"font- flex w-full items-center justify-between gap-4 md:justify-center md:gap-3 lg:gap-6\"\n      data-cy=\"navigation-header-navigation-links\"\n      data-testid=\"navigation-header-navigation-links\"\n    >\n      {visibleLinks.map(headerLink => (\n        <NavLink\n          activeClassName=\"active\"\n          className=\"neeto-molecules-navigation-header__link px-2 capitalize no-underline md:px-0\"\n          data-cy={`${joinHyphenCase(headerLink.key)}-tab`}\n          key={headerLink.key}\n          {...headerLink}\n        >\n          <Typography\n            component=\"span\"\n            lineHeight=\"normal\"\n            style=\"h4\"\n            weight=\"semibold\"\n          >\n            {headerLink.label}\n          </Typography>\n        </NavLink>\n      ))}\n      {isNotEmpty(overflowLinks) && (\n        <Dropdown\n          buttonStyle=\"text\"\n          label={t(\"neetoMolecules.navigationHeader.more\")}\n          position=\"bottom-end\"\n          buttonProps={{\n            className: classNames(\n              \"neeto-molecules-navigation-header__link neeto-molecules-navigation-header__link--more neeto-ui-typography neeto-ui-text-h4 neeto-ui-font-semibold neeto-ui-leading-normal px-2 capitalize no-underline md:px-0\",\n              { active: isMoreButtonActive }\n            ),\n          }}\n        >\n          <Menu>\n            {overflowLinks.map(headerLink => (\n              <MenuItem.Button\n                data-cy={`${joinHyphenCase(headerLink.key)}-more-tab`}\n                isActive={headerLink.to === pathname}\n                key={headerLink.key}\n                to={headerLink.to}\n                {...headerLink}\n              >\n                {headerLink.label}\n              </MenuItem.Button>\n            ))}\n          </Menu>\n        </Dropdown>\n      )}\n    </div>\n  );\n};\n\nNavigationLinks.propTypes = {\n  /**\n   * Links to be rendered in the center of the navigation header. It is an array of objects.\n   * Each object should have the properties `key`, `to` and `label`. Other props will be passed on to the `Navlink` component from\n  `react-router-dom`.\n   */\n  headerLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      to: PropTypes.string,\n      label: PropTypes.string,\n    })\n  ),\n  /**\n   * Maximum number of links to be visible in the navigation header. Remaining links will be shown in a more dropdown.\n   */\n  maxVisibleLinks: PropTypes.number,\n};\n\nexport default NavigationLinks;\n","export const isAbsoluteUrl = url => /^https?:\\/\\//.test(url);\n","import classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport PublishBlock from \"components/PublishBlock\";\n\nimport \"./navigation-header.scss\";\nimport { isAbsoluteUrl } from \"./utils\";\n\nconst RightBlock = ({\n  isDraftBlockHidden,\n  previewDraftUrl,\n  isResetDraftButtonVisible,\n  onResetClick,\n  isResetting,\n  isPublishDisabled,\n  isPublishing,\n  handlePublish,\n  isPublishPreviewDisabled,\n  previewPublishedUrl,\n  isPublishButtonVisible,\n  isResetAlertOpen,\n  setIsResetAlertOpen,\n  handleReset,\n  publishAlertTitle,\n  publishAlertDescription,\n  publishButtonProps = {},\n}) => {\n  const { t } = useTranslation();\n\n  const renderDraftButtons = ({ ViewDraftButton, ResetDraftButton }) =>\n    !isDraftBlockHidden && (\n      <>\n        <ViewDraftButton\n          {...(isAbsoluteUrl(previewDraftUrl)\n            ? { href: previewDraftUrl }\n            : { to: previewDraftUrl })}\n        />\n        {isResetDraftButtonVisible && (\n          <ResetDraftButton\n            loading={isResetting}\n            onClick={() => onResetClick()}\n          />\n        )}\n      </>\n    );\n\n  const renderPublishButtons = ({ PublishButton, PublishPreviewButton }) => (\n    <>\n      {isPublishButtonVisible && (\n        <PublishButton\n          disabled={isPublishDisabled}\n          loading={isPublishing}\n          onClick={() => handlePublish()}\n          {...publishButtonProps}\n        />\n      )}\n      <PublishPreviewButton\n        {...(isAbsoluteUrl(previewPublishedUrl)\n          ? { href: previewPublishedUrl }\n          : { to: previewPublishedUrl })}\n        disabled={isPublishPreviewDisabled}\n        className={classNames({\n          \"standalone-publish-preview-button\": !isPublishButtonVisible,\n        })}\n      />\n    </>\n  );\n\n  return (\n    <>\n      <PublishBlock {...{ renderDraftButtons, renderPublishButtons }} />\n      <PublishBlock.Alert\n        isOpen={isResetAlertOpen}\n        isSubmitting={isResetting}\n        message={\n          publishAlertDescription ||\n          t(\"neetoMolecules.navigationHeader.resetDescription\")\n        }\n        title={\n          publishAlertTitle || t(\"neetoMolecules.navigationHeader.resetTitle\")\n        }\n        onClose={() => setIsResetAlertOpen(false)}\n        onSubmit={handleReset}\n      />\n    </>\n  );\n};\n\nRightBlock.propTypes = {\n  /**\n   * To show/hide the draft block.\n   */\n  isDraftBlockHidden: PropTypes.bool,\n  /**\n   * Draft preview URL, when the draft button is clicked user will be redirected to this URL.\n   */\n  previewDraftUrl: PropTypes.string,\n  /**\n   * Boolean to control the visibility of reset draft button.\n   */\n  isResetDraftButtonVisible: PropTypes.bool,\n  /**\n   * Callback function that will be called when the reset button is clicked.\n   */\n  onResetClick: PropTypes.func,\n  /**\n   * Setting this to `true` will show a spinner on the reset button. Use when the reset process is in progress.\n   */\n  isResetting: PropTypes.bool,\n  /**\n   * To disable the publish button.\n   */\n  isPublishDisabled: PropTypes.bool,\n  /**\n   * Setting this to `true` will show a spinner on the publish button. Use when the publish process is in progress.\n   */\n  isPublishing: PropTypes.bool,\n  /**\n   * Callback function that will be called when the publish button is clicked.\n   */\n  handlePublish: PropTypes.func,\n  /**\n   * To disable the publish preview button.\n   */\n  isPublishPreviewDisabled: PropTypes.bool,\n  /**\n   * Publish preview URL, when the preview publish button is clicked user will be redirected to this URL.\n   */\n  previewPublishedUrl: PropTypes.string,\n  /**\n   * Boolean to control whether the user have the ability to publish.\n   */\n  isPublishButtonVisible: PropTypes.bool,\n  /**\n   * Boolean to control whether the reset alert is open.\n   */\n  isResetAlertOpen: PropTypes.bool,\n  /**\n   * Handler to control the `isResetAlert` state variable.\n   */\n  setIsResetAlertOpen: PropTypes.func,\n  /**\n   * Callback function that will be called when the reset button is clicked.\n   */\n  handleReset: PropTypes.func,\n  /**\n   * Description to be shown in the publish alert\n   */\n  publishAlertDescription: PropTypes.string,\n  /**\n   * Title of the publish alert\n   */\n  publishAlertTitle: PropTypes.string,\n  /**\n   * Props to be passed to the publish button\n   */\n  publishButtonProps: PropTypes.object,\n};\n\nexport default RightBlock;\n","import { isPresent } from \"neetocist\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport PropTypes from \"prop-types\";\nimport { filter, length } from \"ramda\";\n\nimport LeftBlock from \"./LeftBlock\";\nimport NavigationLinks from \"./Navigation\";\nimport RightBlock from \"./RightBlock\";\n\nconst NavigationHeader = ({\n  leftActionBlock,\n  navigationLinks,\n  rightActionBlock,\n}) => {\n  const { isSize } = useBreakpoints();\n  const isMobile = isSize(\"mobile\");\n\n  const numberOfChildren = length(\n    filter(isPresent, [leftActionBlock, navigationLinks, rightActionBlock])\n  );\n\n  const gridStyle = {\n    gridTemplateColumns: isMobile\n      ? `repeat(${\n          navigationLinks ? numberOfChildren - 1 : numberOfChildren\n        }, auto)`\n      : `repeat(${numberOfChildren}, 1fr)`,\n  };\n\n  return (\n    <div className=\"w-full\">\n      <div\n        className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white flex h-16 w-full flex-shrink-0 items-center overflow-x-auto border-b px-2 py-2 md:px-4 lg:px-6\"\n        data-cy=\"navigation-header\"\n        data-testid=\"navigation-header\"\n      >\n        <div className=\"grid w-full gap-4\" style={gridStyle}>\n          {leftActionBlock}\n          {!isMobile && navigationLinks}\n          {rightActionBlock}\n        </div>\n      </div>\n      {isMobile && (\n        <div className=\"neeto-molecules-navigation-header neeto-ui-border-gray-200 neeto-ui-bg-white flex flex-shrink-0 items-center overflow-x-auto border-b px-4 py-2 lg:px-6\">\n          {navigationLinks}\n        </div>\n      )}\n    </div>\n  );\n};\n\nNavigationHeader.LeftActionBlock = LeftBlock;\nNavigationHeader.NavigationLinks = NavigationLinks;\nNavigationHeader.RightActionBlock = RightBlock;\n\nNavigationHeader.propTypes = {\n  /**\n   * To specify the content to be rendered in the left side of the `NavigationHeader`.\n   */\n  leftActionBlock: PropTypes.node,\n  /**\n   * To specify the content to be rendered at the center of the `NavigationHeader`.\n   */\n  navigationLinks: PropTypes.node,\n  /**\n   * To specify the content to be rendered in the right side of the `NavigationHeader`.\n   */\n  rightActionBlock: PropTypes.node,\n};\n\nexport default NavigationHeader;\n"],"names":["DEFAULT_HOME_BUTTON_PROPS","tooltip","content","t","position","homeUrl","icon","_jsx","Home","LeftBlock","_ref","customHomeButtonProps","homeButtonProps","renameProps","children","mergeDeepRight","_jsxs","className","Tooltip","touch","Link","to","isPresent","Rename","_objectSpread","dropdownItems","value","Menu","Dropdown","MenuItem","NavigationLinks","headerLinks","_ref$maxVisibleLinks","maxVisibleLinks","_useLocation","useLocation","pathname","_useTranslation","useTranslation","visibleLinks","slice","overflowLinks","isMoreButtonActive","existsBy","map","headerLink","NavLink","activeClassName","concat","joinHyphenCase","key","Typography","component","lineHeight","style","weight","label","isNotEmpty","buttonStyle","buttonProps","classNames","active","Button","isActive","isAbsoluteUrl","url","test","RightBlock","isDraftBlockHidden","previewDraftUrl","isResetDraftButtonVisible","onResetClick","isResetting","isPublishDisabled","isPublishing","handlePublish","isPublishPreviewDisabled","previewPublishedUrl","isPublishButtonVisible","isResetAlertOpen","setIsResetAlertOpen","handleReset","publishAlertTitle","publishAlertDescription","_ref$publishButtonPro","publishButtonProps","renderDraftButtons","_ref2","ViewDraftButton","ResetDraftButton","_Fragment","href","loading","onClick","renderPublishButtons","_ref3","PublishButton","PublishPreviewButton","disabled","PublishBlock","Alert","isOpen","isSubmitting","message","title","onClose","onSubmit","NavigationHeader","leftActionBlock","navigationLinks","rightActionBlock","_useBreakpoints","useBreakpoints","isSize","isMobile","numberOfChildren","length","filter","gridStyle","gridTemplateColumns","LeftActionBlock","RightActionBlock"],"mappings":"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"}

package/dist/PublishBlock.js

@@ -1,26 +1,24 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { useState, useEffect } from 'react';
 import classnames from 'classnames';
+import { dynamicArray, noop, isPresent } from '@bigbinary/neeto-cist';
 import withT$1 from '@bigbinary/neeto-commons-frontend/react-utils/withT';
+import { dayjs, dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
 import ExternalLink from '@bigbinary/neeto-icons/ExternalLink';
 import Undo from '@bigbinary/neeto-icons/Undo';
+import Clock from '@bigbinary/neeto-icons/Clock';
 import Button from '@bigbinary/neetoui/Button';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
 import Typography from '@bigbinary/neetoui/Typography';
-import { omit, isEmpty } from 'ramda';
+import { omit } from 'ramda';
 import { useTranslation, Trans } from 'react-i18next';
 import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Alert from '@bigbinary/neetoui/Alert';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { n } from './inject-css-DmrvuTKK.js';
-import { dynamicArray, noop } from '@bigbinary/neeto-cist';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
 import Pane from '@bigbinary/neetoui/Pane';
-import Switch from '@bigbinary/neetoui/Switch';
-import { dayjs } from '@bigbinary/neeto-commons-frontend/utils';
 import Profile from '@bigbinary/neeto-team-members-frontend/Profile';
 import DatePicker from '@bigbinary/neetoui/DatePicker';
 import { globalProps as globalProps$1 } from '@bigbinary/neeto-commons-frontend/initializers';
@@ -72,14 +70,6 @@ var disabledTime = function disabledTime(selectedDate) {
   }
   return {};
 };
-var getDefaultDate = function getDefaultDate() {
-  var currDate = dayjs();
-  currDate = currDate.hour(currDate.hour() + 1);
-  if (currDate.minute() > 30) {
-    currDate = currDate.hour(currDate.hour() + 1);
-  }
-  return currDate;
-};
 
 var Form = function Form(_ref) {
   var _globalProps$user$tim, _globalProps$user;
@@ -136,69 +126,19 @@ var Form = function Form(_ref) {
   });
 };
 
-var PublishLater = function PublishLater(_ref) {
-  var setDatetimeValue = _ref.setDatetimeValue,
-    datetimeValue = _ref.datetimeValue,
-    onClose = _ref.onClose,
-    isPublishLaterChecked = _ref.isPublishLaterChecked,
-    setIsPublishLaterChecked = _ref.setIsPublishLaterChecked;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var handleChangeSwitch = function handleChangeSwitch(event) {
-    var checked = event.target.checked;
-    setDatetimeValue(checked ? getDefaultDate() : "");
-    setIsPublishLaterChecked(checked);
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs("div", {
-      className: "mb-6",
-      children: [/*#__PURE__*/jsxs("div", {
-        className: "flex w-full items-center space-x-2 py-1",
-        children: [/*#__PURE__*/jsx(Switch, {
-          checked: isPublishLaterChecked,
-          "data-cy": "publish-later-switch",
-          "data-testid": "publish-later-switch",
-          onChange: handleChangeSwitch
-        }), /*#__PURE__*/jsx(Typography, {
-          style: "h4",
-          weight: "medium",
-          children: t("neetoMolecules.publishBlock.publishLater")
-        })]
-      }), /*#__PURE__*/jsx(Typography, {
-        className: "mb-6",
-        style: "body3",
-        weight: "medium",
-        children: t("neetoMolecules.publishBlock.helperText")
-      })]
-    }), isPublishLaterChecked && /*#__PURE__*/jsx(Form, {
-      datetimeValue: datetimeValue,
-      onClose: onClose,
-      setDatetimeValue: setDatetimeValue
-    })]
-  });
-};
-
 var PublishSettings = withT(function (_ref) {
   var t = _ref.t,
-    isSettingsPaneOpen = _ref.isSettingsPaneOpen,
-    _onClose = _ref.onClose,
+    isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
     _ref$isSubmitting = _ref.isSubmitting,
     isSubmitting = _ref$isSubmitting === void 0 ? false : _ref$isSubmitting,
     _ref$onPublish = _ref.onPublish,
     onPublish = _ref$onPublish === void 0 ? noop : _ref$onPublish,
     datetimeValue = _ref.datetimeValue,
-    setDatetimeValue = _ref.setDatetimeValue,
-    _ref$onCancel = _ref.onCancel,
-    onCancel = _ref$onCancel === void 0 ? noop : _ref$onCancel,
-    isPublishLaterChecked = _ref.isPublishLaterChecked,
-    setIsPublishLaterChecked = _ref.setIsPublishLaterChecked;
+    setDatetimeValue = _ref.setDatetimeValue;
   return /*#__PURE__*/jsxs(Pane, {
-    isOpen: isSettingsPaneOpen,
-    onClose: function onClose() {
-      return onCancel({
-        onClose: _onClose
-      });
-    },
+    isOpen: isOpen,
+    onClose: onClose,
     children: [/*#__PURE__*/jsx(Pane.Header, {
       children: /*#__PURE__*/jsx(Typography, {
         "data-cy": "publish-pane-heading",
@@ -206,17 +146,15 @@ var PublishSettings = withT(function (_ref) {
         lineHeight: "normal",
         style: "h2",
         weight: "semibold",
-        children: t("neetoMolecules.publishBlock.publishSettings")
+        children: t("neetoMolecules.publishBlock.publishLater")
       })
     }), /*#__PURE__*/jsx(Pane.Body, {
       children: /*#__PURE__*/jsx("div", {
         className: "w-full space-y-1",
-        children: /*#__PURE__*/jsx(PublishLater, {
+        children: /*#__PURE__*/jsx(Form, {
           datetimeValue: datetimeValue,
-          isPublishLaterChecked: isPublishLaterChecked,
-          onClose: _onClose,
-          setDatetimeValue: setDatetimeValue,
-          setIsPublishLaterChecked: setIsPublishLaterChecked
+          onClose: onClose,
+          setDatetimeValue: setDatetimeValue
         })
       })
     }), /*#__PURE__*/jsxs(Pane.Footer, {
@@ -225,13 +163,11 @@ var PublishSettings = withT(function (_ref) {
         "data-cy": "publish-submit-button",
         "data-testid": "publish-submit-button",
         disabled: isSubmitting,
+        label: t("neetoMolecules.publishBlock.publishLater"),
         loading: isSubmitting,
-        label: isPublishLaterChecked ? t("neetoMolecules.publishBlock.publishLater") : t("neetoMolecules.publishBlock.publishNow"),
         onClick: function onClick() {
           return onPublish({
-            isPublishLaterChecked: isPublishLaterChecked,
-            datetimeValue: datetimeValue,
-            onClose: _onClose
+            datetimeValue: datetimeValue
           });
         }
       }), /*#__PURE__*/jsx(Button, {
@@ -239,19 +175,38 @@ var PublishSettings = withT(function (_ref) {
         "data-testid": "publish-cancel-button",
         label: t("neetoMolecules.common.actions.cancel"),
         style: "text",
-        onClick: function onClick() {
-          return onCancel({
-            onClose: _onClose
-          });
-        }
+        onClick: onClose
       })]
     })]
   });
 });
 
+var PublishSchedulePane = function PublishSchedulePane(_ref) {
+  var onPublish = _ref.onPublish,
+    onClose = _ref.onClose,
+    isSubmitting = _ref.isSubmitting,
+    datetime = _ref.datetime,
+    isOpen = _ref.isOpen;
+  var _useState = useState(datetime),
+    _useState2 = _slicedToArray(_useState, 2),
+    datetimeValue = _useState2[0],
+    setDatetimeValue = _useState2[1];
+  useEffect(function () {
+    setDatetimeValue(datetime);
+  }, [datetime]);
+  return /*#__PURE__*/jsx(PublishSettings, {
+    datetimeValue: datetimeValue,
+    isOpen: isOpen,
+    isSubmitting: isSubmitting,
+    onClose: onClose,
+    onPublish: onPublish,
+    setDatetimeValue: setDatetimeValue
+  });
+};
+
 var _excluded = ["t"],
   _excluded2 = ["t"],
-  _excluded3 = ["tooltipProps", "showTooltipWhenDisabled", "disabled", "publishPaneProps", "onClick"],
+  _excluded3 = ["t", "tooltipProps", "showTooltipWhenDisabled", "disabled"],
   _excluded4 = ["t"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -287,107 +242,30 @@ var ResetDraftButton = withT$1(function (_ref2) {
     }
   }, omit(unUsedI18nProps, props)));
 });
-var PublishButton = function PublishButton(_ref3) {
-  var tooltipProps = _ref3.tooltipProps,
+var PublishButton = withT$1(function (_ref3) {
+  var t = _ref3.t,
+    tooltipProps = _ref3.tooltipProps,
     _ref3$showTooltipWhen = _ref3.showTooltipWhenDisabled,
     showTooltipWhenDisabled = _ref3$showTooltipWhen === void 0 ? false : _ref3$showTooltipWhen,
     _ref3$disabled = _ref3.disabled,
     disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
-    _ref3$publishPaneProp = _ref3.publishPaneProps,
-    publishPaneProps = _ref3$publishPaneProp === void 0 ? {} : _ref3$publishPaneProp,
-    onClick = _ref3.onClick,
     props = _objectWithoutProperties(_ref3, _excluded3);
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var onPublish = publishPaneProps.onPublish,
-    onCancel = publishPaneProps.onCancel,
-    isSubmitting = publishPaneProps.isSubmitting,
-    datetime = publishPaneProps.datetime;
-  var isPublishLaterDisabled = isEmpty(publishPaneProps);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isSettingsPaneOpen = _useState2[0],
-    setIsSettingsPaneOpen = _useState2[1];
-  var _useState3 = useState(datetime),
-    _useState4 = _slicedToArray(_useState3, 2),
-    datetimeValue = _useState4[0],
-    setDatetimeValue = _useState4[1];
-  var _useState5 = useState(!!datetime),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isPublishLaterChecked = _useState6[0],
-    setIsPublishLaterChecked = _useState6[1];
-  var handleClick = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (!isPublishLaterDisabled) {
-              _context.next = 5;
-              break;
-            }
-            _context.next = 3;
-            return onClick === null || onClick === void 0 ? void 0 : onClick();
-          case 3:
-            _context.next = 7;
-            break;
-          case 5:
-            _context.next = 7;
-            return onClick === null || onClick === void 0 ? void 0 : onClick({
-              setIsSettingsPaneOpen: setIsSettingsPaneOpen
-            });
-          case 7:
-            if (!isPublishLaterDisabled) {
-              _context.next = 9;
-              break;
-            }
-            return _context.abrupt("return");
-          case 9:
-            setDatetimeValue(datetime || "");
-            setIsPublishLaterChecked(!!datetime);
-          case 11:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handleClick() {
-      return _ref4.apply(this, arguments);
-    };
-  }();
-  useEffect(function () {
-    setDatetimeValue(datetime);
-  }, [datetime]);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({}, tooltipProps), {}, {
-      disabled: !tooltipProps || !showTooltipWhenDisabled && disabled,
-      children: /*#__PURE__*/jsx("div", {
-        children: /*#__PURE__*/jsx(Button, _objectSpread({
-          "data-cy": "publish-button",
-          "data-testid": "publish-button",
-          label: t("neetoMolecules.common.actions.publish"),
-          onClick: handleClick
-        }, _objectSpread({
-          disabled: disabled
-        }, props)))
-      })
-    })), /*#__PURE__*/jsx(PublishSettings, {
-      datetimeValue: datetimeValue,
-      isPublishLaterChecked: isPublishLaterChecked,
-      isSettingsPaneOpen: isSettingsPaneOpen,
-      isSubmitting: isSubmitting,
-      onCancel: onCancel,
-      onPublish: onPublish,
-      setDatetimeValue: setDatetimeValue,
-      setIsPublishLaterChecked: setIsPublishLaterChecked,
-      onClose: function onClose() {
-        return setIsSettingsPaneOpen(false);
-      }
-    })]
-  });
-};
-var PublishPreviewButton = withT$1(function (_ref5) {
-  var t = _ref5.t,
-    props = _objectWithoutProperties(_ref5, _excluded4);
+  return /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({}, tooltipProps), {}, {
+    disabled: !tooltipProps || !showTooltipWhenDisabled && disabled,
+    children: /*#__PURE__*/jsx("div", {
+      children: /*#__PURE__*/jsx(Button, _objectSpread({
+        "data-cy": "publish-button",
+        "data-testid": "publish-button",
+        label: t("neetoMolecules.common.actions.publish")
+      }, _objectSpread({
+        disabled: disabled
+      }, omit(unUsedI18nProps, props))))
+    })
+  }));
+});
+var PublishPreviewButton = withT$1(function (_ref4) {
+  var t = _ref4.t,
+    props = _objectWithoutProperties(_ref4, _excluded4);
   return /*#__PURE__*/jsx(Button, _objectSpread({
     "data-cy": "publish-preview-button",
     "data-testid": "publish-preview-button",
@@ -403,11 +281,12 @@ var PublishPreviewButton = withT$1(function (_ref5) {
     }
   }, omit(unUsedI18nProps, props)));
 });
-var PublishBlock = function PublishBlock(_ref6) {
-  var renderDraftButtons = _ref6.renderDraftButtons,
-    renderPublishButtons = _ref6.renderPublishButtons;
-  var _useTranslation2 = useTranslation(),
-    t = _useTranslation2.t;
+var PublishBlock = function PublishBlock(_ref5) {
+  var renderDraftButtons = _ref5.renderDraftButtons,
+    renderPublishButtons = _ref5.renderPublishButtons,
+    datetime = _ref5.datetime;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var draftBlockButtons = renderDraftButtons({
     ViewDraftButton: ViewDraftButton,
     ResetDraftButton: ResetDraftButton
@@ -416,7 +295,15 @@ var PublishBlock = function PublishBlock(_ref6) {
     className: "neeto-molecules-publish-block",
     "data-cy": "neeto-molecules-publish-block",
     "data-testid": "neeto-molecules-publish-block",
-    children: [draftBlockButtons && /*#__PURE__*/jsxs(Fragment, {
+    children: [isPresent(datetime) && /*#__PURE__*/jsx(Tooltip, {
+      position: "bottom",
+      content: t("neetoMolecules.publishBlock.tooltip.publishLater", {
+        date: dateFormat.dateTime(datetime)
+      }),
+      children: /*#__PURE__*/jsx("div", {
+        children: /*#__PURE__*/jsx(Clock, {})
+      })
+    }), draftBlockButtons && /*#__PURE__*/jsxs(Fragment, {
       children: [/*#__PURE__*/jsxs("div", {
         className: "flex items-center gap-2",
         children: [/*#__PURE__*/jsx(Typography, {
@@ -442,6 +329,7 @@ var PublishBlock = function PublishBlock(_ref6) {
   });
 };
 PublishBlock.Alert = AlertBlock;
+PublishBlock.SchedulePane = PublishSchedulePane;
 
 export { PublishBlock as default };
 //# sourceMappingURL=PublishBlock.js.map