@bigbinary/neeto-molecules 1.19.13 → 1.19.15

package/dist/Onboarding.js

@@ -155,7 +155,9 @@ var Onboarding = function Onboarding(_ref) {
     _ref$helpScreenClassN = _ref.helpScreenClassName,
     helpScreenClassName = _ref$helpScreenClassN === void 0 ? "" : _ref$helpScreenClassN,
     _ref$isAnimated = _ref.isAnimated,
-    isAnimated = _ref$isAnimated === void 0 ? true : _ref$isAnimated;
+    isAnimated = _ref$isAnimated === void 0 ? true : _ref$isAnimated,
+    _ref$disableStepClick = _ref.disableStepClick,
+    disableStepClick = _ref$disableStepClick === void 0 ? false : _ref$disableStepClick;
   var steps = useMemo(function () {
     return createSteps(onboardingSteps, setCurrentStep, currentStep, helpScreenClassName);
   }, [onboardingSteps]);
@@ -189,7 +191,7 @@ var Onboarding = function Onboarding(_ref) {
   }, /*#__PURE__*/React__default.createElement(Stepper, {
     steps: steps,
     activeIndex: currentStep - 1,
-    setActiveIndex: handleStepChange
+    setActiveIndex: disableStepClick ? noop : handleStepChange
   })), steps.map(function (step, index) {
     return /*#__PURE__*/React__default.createElement("div", {
       key: index,

package/dist/Onboarding.js.map

@@ -1 +1 @@
-{"version":3,"file":"Onboarding.js","sources":["../src/components/Onboarding/CompletedScreen.jsx","../src/components/Onboarding/HelpScreen.jsx","../src/components/Onboarding/utils.jsx","../src/components/Onboarding/WelcomeScreen.jsx","../src/components/Onboarding/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { globalProps } from \"neetocommons/initializers\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Button, Typography } from \"neetoui\";\n\nconst CompletedScreen = withT(({ t, completeButtonProps }) => (\n  <div\n    className=\"neeto-molecules-onboarding__wrapper\"\n    data-testid=\"onboarding-congratulations-wrapper\"\n  >\n    <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-congratulations-emoji\"\n        style=\"h1\"\n      >\n        🎉\n      </Typography>\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-congratulations-title\"\n        data-testid=\"onboarding-congratulations-title\"\n        style=\"h1\"\n      >\n        <span className=\"neeto-ui-text-success-500\">\n          {t(\"neetoMolecules.onboarding.congratulations\")}\n        </span>\n        <br />\n        {t(\"neetoMolecules.onboarding.readyToUse\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n    </div>\n    <Button\n      data-cy=\"onboarding-congratulations-button\"\n      data-testid=\"onboarding-congratulations-button\"\n      label={t(\"neetoMolecules.onboarding.helpScreen.startUsingButton\", {\n        appName: globalProps.appName,\n      })}\n      {...completeButtonProps}\n    />\n  </div>\n));\n\nexport default CompletedScreen;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst HelpScreen = ({ setCurrentStep, currentStep, helpScreenClassName }) => {\n  const { t } = useTranslation();\n  const { isSize } = useBreakpoints();\n\n  return (\n    <div\n      className={classNames(\n        \"mx-auto w-full max-w-2xl space-y-6 p-4\",\n        helpScreenClassName\n      )}\n    >\n      <div className=\"space-y-3\">\n        <Typography\n          component=\"h1\"\n          data-cy=\"onboarding-help-title\"\n          data-testid=\"onboarding-help-title\"\n          style=\"h2\"\n        >\n          {t(\"neetoMolecules.onboarding.helpScreen.title\")}\n        </Typography>\n        <Typography\n          data-cy=\"onboarding-help-description\"\n          data-testid=\"onboarding-help-description\"\n          lineHeight=\"normal\"\n          style=\"body1\"\n        >\n          {t(\"neetoMolecules.onboarding.helpScreen.description\")}\n        </Typography>\n        <div className=\"w-full\">\n          {isSize(\"mobile\") ? (\n            <img\n              alt=\"\"\n              src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-mobile_FpB8LKYj4.svg\"\n            />\n          ) : (\n            <img\n              alt=\"\"\n              src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-desktop_aVe6ENdX97.svg\"\n            />\n          )}\n        </div>\n      </div>\n      <Button\n        data-cy=\"onboarding-help-button\"\n        data-testid=\"onboarding-help-button\"\n        icon={RightArrow}\n        iconPosition=\"right\"\n        label={t(\"neetoMolecules.onboarding.helpScreen.continueButton\")}\n        onClick={() => setCurrentStep(currentStep + 1)}\n      />\n    </div>\n  );\n};\n\nexport default HelpScreen;\n","import React from \"react\";\n\nimport { t } from \"i18next\";\n\nimport HelpScreen from \"./HelpScreen\";\n\nexport const createSteps = (\n  onboardingSteps,\n  setCurrentStep,\n  currentStep,\n  helpScreenClassName\n) => {\n  const helpStep = {\n    label: t(\"neetoMolecules.onboarding.helpLabel\"),\n    element: (\n      <HelpScreen {...{ currentStep, helpScreenClassName, setCurrentStep }} />\n    ),\n  };\n\n  return onboardingSteps\n    .concat(helpStep)\n    .map((step, idx) => ({ ...step, id: idx + 1 }));\n};\n","import React from \"react\";\n\nimport { globalProps } from \"neetocommons/initializers\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\n\nconst WelcomeScreen = withT(({ t, setCurrentStep, currentStep }) => (\n  <div\n    className=\"neeto-molecules-onboarding__wrapper\"\n    data-testid=\"onboarding-welcome-wrapper\"\n  >\n    <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-welcome-title\"\n        data-testid=\"onboarding-welcome-title\"\n        style=\"h1\"\n      >\n        {t(\"neetoMolecules.onboarding.helpScreen.welcomeToTitle\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-welcome-description\"\n        data-testid=\"onboarding-welcome-description\"\n        lineHeight=\"normal\"\n        style=\"body1\"\n      >\n        {t(\"neetoMolecules.onboarding.letUsCustomize\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n    </div>\n    <Button\n      data-cy=\"onboarding-welcome-button\"\n      data-testid=\"onboarding-welcome-button\"\n      icon={RightArrow}\n      label={t(\"neetoMolecules.onboarding.getStarted\")}\n      onClick={() => setCurrentStep(currentStep + 1)}\n    />\n  </div>\n));\n\nexport default WelcomeScreen;\n","import React, { useMemo, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Stepper } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport CompletedScreen from \"./CompletedScreen\";\nimport \"./onboarding.scss\";\nimport { createSteps } from \"./utils\";\nimport WelcomeScreen from \"./WelcomeScreen\";\n\nconst Onboarding = ({\n  currentStep = 0,\n  setCurrentStep = noop,\n  onboardingSteps = [],\n  completeButtonProps = {},\n  helpScreenClassName = \"\",\n  isAnimated = true,\n}) => {\n  const steps = useMemo(\n    () =>\n      createSteps(\n        onboardingSteps,\n        setCurrentStep,\n        currentStep,\n        helpScreenClassName\n      ),\n    [onboardingSteps]\n  );\n  const [direction, setDirection] = useState(\"\");\n\n  if (currentStep === 0) {\n    return <WelcomeScreen {...{ currentStep, setCurrentStep }} />;\n  }\n\n  if (currentStep === steps.length + 1) {\n    return <CompletedScreen {...{ completeButtonProps }} />;\n  }\n\n  const handleStepChange = index => {\n    const nextStep = index + 1;\n    setDirection(currentStep > nextStep ? \"backward\" : \"forward\");\n    setCurrentStep(nextStep);\n  };\n\n  const isStepperVisible = steps.length > 1;\n\n  return (\n    <div\n      className={classNames(\"neeto-molecules-onboarding__container\", {\n        \"neeto-molecules-onboarding__wrapper\": !isStepperVisible,\n      })}\n    >\n      {isStepperVisible && (\n        <div className=\"neeto-molecules-onboarding__stepper-wrapper\">\n          <Stepper\n            {...{ steps }}\n            activeIndex={currentStep - 1}\n            setActiveIndex={handleStepChange}\n          />\n        </div>\n      )}\n      {steps.map((step, index) => (\n        <div\n          key={index}\n          className={classNames(\"neeto-molecules-onboarding__content\", {\n            \"neeto-molecules-onboarding__content--forward overflow-x-hidden\":\n              isAnimated && direction === \"forward\",\n            \"neeto-molecules-onboarding__content--backward overflow-x-hidden\":\n              isAnimated && direction === \"backward\",\n            hidden: currentStep - 1 !== index,\n          })}\n        >\n          {step?.element}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nOnboarding.propTypes = {\n  /**\n   * To specify the current step of the onboarding\n   */\n  currentStep: PropTypes.number,\n  /**\n   * List of Custom components for the onboarding\n   */\n  onboardingSteps: PropTypes.array,\n  /**\n   * Props for the complete button\n   */\n  completeButtonProps: PropTypes.object,\n  /**\n   * To set the step of the onboarding\n   */\n  setCurrentStep: PropTypes.func,\n  /**\n   * To pass additional classes to the help screen\n   */\n  helpScreenClassName: PropTypes.string,\n  /**\n   * A boolean value to enable or disable the animation for the stepper.\n   */\n  isAnimated: PropTypes.bool,\n};\n\nexport default Onboarding;\n"],"names":["CompletedScreen","withT","_ref","t","completeButtonProps","React","createElement","className","Typography","style","appName","globalProps","Button","_extends","label","HelpScreen","setCurrentStep","currentStep","helpScreenClassName","_useTranslation","useTranslation","_useBreakpoints","useBreakpoints","isSize","classNames","component","lineHeight","alt","src","icon","RightArrow","iconPosition","onClick","createSteps","onboardingSteps","helpStep","element","concat","map","step","idx","_objectSpread","id","WelcomeScreen","Onboarding","_ref$currentStep","_ref$setCurrentStep","noop","_ref$onboardingSteps","_ref$completeButtonPr","_ref$helpScreenClassN","_ref$isAnimated","isAnimated","steps","useMemo","_useState","useState","_useState2","_slicedToArray","direction","setDirection","length","handleStepChange","index","nextStep","isStepperVisible","Stepper","activeIndex","setActiveIndex","key","hidden"],"mappings":"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"}
+{"version":3,"file":"Onboarding.js","sources":["../src/components/Onboarding/CompletedScreen.jsx","../src/components/Onboarding/HelpScreen.jsx","../src/components/Onboarding/utils.jsx","../src/components/Onboarding/WelcomeScreen.jsx","../src/components/Onboarding/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { globalProps } from \"neetocommons/initializers\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Button, Typography } from \"neetoui\";\n\nconst CompletedScreen = withT(({ t, completeButtonProps }) => (\n  <div\n    className=\"neeto-molecules-onboarding__wrapper\"\n    data-testid=\"onboarding-congratulations-wrapper\"\n  >\n    <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-congratulations-emoji\"\n        style=\"h1\"\n      >\n        🎉\n      </Typography>\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-congratulations-title\"\n        data-testid=\"onboarding-congratulations-title\"\n        style=\"h1\"\n      >\n        <span className=\"neeto-ui-text-success-500\">\n          {t(\"neetoMolecules.onboarding.congratulations\")}\n        </span>\n        <br />\n        {t(\"neetoMolecules.onboarding.readyToUse\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n    </div>\n    <Button\n      data-cy=\"onboarding-congratulations-button\"\n      data-testid=\"onboarding-congratulations-button\"\n      label={t(\"neetoMolecules.onboarding.helpScreen.startUsingButton\", {\n        appName: globalProps.appName,\n      })}\n      {...completeButtonProps}\n    />\n  </div>\n));\n\nexport default CompletedScreen;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst HelpScreen = ({ setCurrentStep, currentStep, helpScreenClassName }) => {\n  const { t } = useTranslation();\n  const { isSize } = useBreakpoints();\n\n  return (\n    <div\n      className={classNames(\n        \"mx-auto w-full max-w-2xl space-y-6 p-4\",\n        helpScreenClassName\n      )}\n    >\n      <div className=\"space-y-3\">\n        <Typography\n          component=\"h1\"\n          data-cy=\"onboarding-help-title\"\n          data-testid=\"onboarding-help-title\"\n          style=\"h2\"\n        >\n          {t(\"neetoMolecules.onboarding.helpScreen.title\")}\n        </Typography>\n        <Typography\n          data-cy=\"onboarding-help-description\"\n          data-testid=\"onboarding-help-description\"\n          lineHeight=\"normal\"\n          style=\"body1\"\n        >\n          {t(\"neetoMolecules.onboarding.helpScreen.description\")}\n        </Typography>\n        <div className=\"w-full\">\n          {isSize(\"mobile\") ? (\n            <img\n              alt=\"\"\n              src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-mobile_FpB8LKYj4.svg\"\n            />\n          ) : (\n            <img\n              alt=\"\"\n              src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-desktop_aVe6ENdX97.svg\"\n            />\n          )}\n        </div>\n      </div>\n      <Button\n        data-cy=\"onboarding-help-button\"\n        data-testid=\"onboarding-help-button\"\n        icon={RightArrow}\n        iconPosition=\"right\"\n        label={t(\"neetoMolecules.onboarding.helpScreen.continueButton\")}\n        onClick={() => setCurrentStep(currentStep + 1)}\n      />\n    </div>\n  );\n};\n\nexport default HelpScreen;\n","import React from \"react\";\n\nimport { t } from \"i18next\";\n\nimport HelpScreen from \"./HelpScreen\";\n\nexport const createSteps = (\n  onboardingSteps,\n  setCurrentStep,\n  currentStep,\n  helpScreenClassName\n) => {\n  const helpStep = {\n    label: t(\"neetoMolecules.onboarding.helpLabel\"),\n    element: (\n      <HelpScreen {...{ currentStep, helpScreenClassName, setCurrentStep }} />\n    ),\n  };\n\n  return onboardingSteps\n    .concat(helpStep)\n    .map((step, idx) => ({ ...step, id: idx + 1 }));\n};\n","import React from \"react\";\n\nimport { globalProps } from \"neetocommons/initializers\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\n\nconst WelcomeScreen = withT(({ t, setCurrentStep, currentStep }) => (\n  <div\n    className=\"neeto-molecules-onboarding__wrapper\"\n    data-testid=\"onboarding-welcome-wrapper\"\n  >\n    <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-welcome-title\"\n        data-testid=\"onboarding-welcome-title\"\n        style=\"h1\"\n      >\n        {t(\"neetoMolecules.onboarding.helpScreen.welcomeToTitle\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-welcome-description\"\n        data-testid=\"onboarding-welcome-description\"\n        lineHeight=\"normal\"\n        style=\"body1\"\n      >\n        {t(\"neetoMolecules.onboarding.letUsCustomize\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n    </div>\n    <Button\n      data-cy=\"onboarding-welcome-button\"\n      data-testid=\"onboarding-welcome-button\"\n      icon={RightArrow}\n      label={t(\"neetoMolecules.onboarding.getStarted\")}\n      onClick={() => setCurrentStep(currentStep + 1)}\n    />\n  </div>\n));\n\nexport default WelcomeScreen;\n","import React, { useMemo, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Stepper } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport CompletedScreen from \"./CompletedScreen\";\nimport \"./onboarding.scss\";\nimport { createSteps } from \"./utils\";\nimport WelcomeScreen from \"./WelcomeScreen\";\n\nconst Onboarding = ({\n  currentStep = 0,\n  setCurrentStep = noop,\n  onboardingSteps = [],\n  completeButtonProps = {},\n  helpScreenClassName = \"\",\n  isAnimated = true,\n  disableStepClick = false,\n}) => {\n  const steps = useMemo(\n    () =>\n      createSteps(\n        onboardingSteps,\n        setCurrentStep,\n        currentStep,\n        helpScreenClassName\n      ),\n    [onboardingSteps]\n  );\n  const [direction, setDirection] = useState(\"\");\n\n  if (currentStep === 0) {\n    return <WelcomeScreen {...{ currentStep, setCurrentStep }} />;\n  }\n\n  if (currentStep === steps.length + 1) {\n    return <CompletedScreen {...{ completeButtonProps }} />;\n  }\n\n  const handleStepChange = index => {\n    const nextStep = index + 1;\n    setDirection(currentStep > nextStep ? \"backward\" : \"forward\");\n    setCurrentStep(nextStep);\n  };\n\n  const isStepperVisible = steps.length > 1;\n\n  return (\n    <div\n      className={classNames(\"neeto-molecules-onboarding__container\", {\n        \"neeto-molecules-onboarding__wrapper\": !isStepperVisible,\n      })}\n    >\n      {isStepperVisible && (\n        <div className=\"neeto-molecules-onboarding__stepper-wrapper\">\n          <Stepper\n            {...{ steps }}\n            activeIndex={currentStep - 1}\n            setActiveIndex={disableStepClick ? noop : handleStepChange}\n          />\n        </div>\n      )}\n      {steps.map((step, index) => (\n        <div\n          key={index}\n          className={classNames(\"neeto-molecules-onboarding__content\", {\n            \"neeto-molecules-onboarding__content--forward overflow-x-hidden\":\n              isAnimated && direction === \"forward\",\n            \"neeto-molecules-onboarding__content--backward overflow-x-hidden\":\n              isAnimated && direction === \"backward\",\n            hidden: currentStep - 1 !== index,\n          })}\n        >\n          {step?.element}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nOnboarding.propTypes = {\n  /**\n   * To specify the current step of the onboarding\n   */\n  currentStep: PropTypes.number,\n  /**\n   * List of Custom components for the onboarding\n   */\n  onboardingSteps: PropTypes.array,\n  /**\n   * Props for the complete button\n   */\n  completeButtonProps: PropTypes.object,\n  /**\n   * To set the step of the onboarding\n   */\n  setCurrentStep: PropTypes.func,\n  /**\n   * To pass additional classes to the help screen\n   */\n  helpScreenClassName: PropTypes.string,\n  /**\n   * A boolean value to enable or disable the animation for the stepper.\n   */\n  isAnimated: PropTypes.bool,\n};\n\nexport default Onboarding;\n"],"names":["CompletedScreen","withT","_ref","t","completeButtonProps","React","createElement","className","Typography","style","appName","globalProps","Button","_extends","label","HelpScreen","setCurrentStep","currentStep","helpScreenClassName","_useTranslation","useTranslation","_useBreakpoints","useBreakpoints","isSize","classNames","component","lineHeight","alt","src","icon","RightArrow","iconPosition","onClick","createSteps","onboardingSteps","helpStep","element","concat","map","step","idx","_objectSpread","id","WelcomeScreen","Onboarding","_ref$currentStep","_ref$setCurrentStep","noop","_ref$onboardingSteps","_ref$completeButtonPr","_ref$helpScreenClassN","_ref$isAnimated","isAnimated","_ref$disableStepClick","disableStepClick","steps","useMemo","_useState","useState","_useState2","_slicedToArray","direction","setDirection","length","handleStepChange","index","nextStep","isStepperVisible","Stepper","activeIndex","setActiveIndex","key","hidden"],"mappings":"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"}

package/dist/PublishBlock.js

@@ -5,6 +5,7 @@ import classnames from 'classnames';
 import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';
 import { ExternalLink, Undo } from '@bigbinary/neeto-icons';
 import Button from '@bigbinary/neetoui/Button';
+import Tooltip from '@bigbinary/neetoui/Tooltip';
 import Typography from '@bigbinary/neetoui/Typography';
 import { useTranslation } from 'react-i18next';
 import Alert from '@bigbinary/neetoui/Alert';
@@ -20,12 +21,12 @@ var AlertBlock = function AlertBlock(props) {
   }, props));
 };
 
-var css = ".neeto-molecules-publish-block{align-items:center;display:flex;gap:12px;justify-content:flex-end}.neeto-molecules-publish-block__action-btn{align-items:center;display:inline-flex;flex-direction:row;gap:1px;justify-content:center}.neeto-molecules-publish-block__action-btn>.neeto-ui-btn:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.neeto-molecules-publish-block__action-btn>.neeto-ui-btn:last-child{border-bottom-left-radius:0;border-top-left-radius:0}";
+var css = ".neeto-molecules-publish-block{align-items:center;display:flex;gap:12px;justify-content:flex-end}.neeto-molecules-publish-block__action-btn{align-items:center;display:inline-flex;flex-direction:row;gap:1px;justify-content:center}.neeto-molecules-publish-block__action-btn>div:first-child>.neeto-ui-btn{border-bottom-right-radius:0;border-top-right-radius:0}.neeto-molecules-publish-block__action-btn>.neeto-ui-btn:last-child{border-bottom-left-radius:0;border-top-left-radius:0}";
 n(css,{});
 
 var _excluded = ["t"],
   _excluded2 = ["t"],
-  _excluded3 = ["t"],
+  _excluded3 = ["t", "tooltipProps"],
   _excluded4 = ["t"];
 var ViewDraftButton = withT(function (_ref) {
   var t = _ref.t,
@@ -58,12 +59,15 @@ var ResetDraftButton = withT(function (_ref2) {
 });
 var PublishButton = withT(function (_ref3) {
   var t = _ref3.t,
+    tooltipProps = _ref3.tooltipProps,
     props = _objectWithoutProperties(_ref3, _excluded3);
-  return /*#__PURE__*/React__default.createElement(Button, _extends({
+  return /*#__PURE__*/React__default.createElement(Tooltip, _extends({}, tooltipProps, {
+    disabled: !tooltipProps
+  }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Button, _extends({
     "data-cy": "publish-button",
     "data-testid": "publish-button",
     label: t("neetoMolecules.common.actions.publish")
-  }, props));
+  }, props))));
 });
 var PublishPreviewButton = withT(function (_ref4) {
   var t = _ref4.t,

package/dist/PublishBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"PublishBlock.js","sources":["../src/components/PublishBlock/AlertBlock.jsx","../src/components/PublishBlock/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Alert } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst AlertBlock = props => {\n  const { t } = useTranslation();\n\n  return (\n    <Alert\n      data-cy=\"reset-alert\"\n      data-testid=\"reset-alert\"\n      submitButtonLabel={t(\"neetoMolecules.common.actions.reset\")}\n      {...props}\n    />\n  );\n};\n\nexport default AlertBlock;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { ExternalLink, Undo } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport AlertBlock from \"./AlertBlock\";\nimport \"./publish-block.scss\";\n\nconst ViewDraftButton = withT(({ t, ...props }) => (\n  <Button\n    data-cy=\"view-draft-button\"\n    data-testid=\"view-draft-button\"\n    icon={ExternalLink}\n    style=\"secondary\"\n    target=\"_blank\"\n    tooltipProps={{\n      content: t(\"neetoMolecules.publishBlock.viewDraftVersion\"),\n      position: \"top\",\n    }}\n    {...props}\n  />\n));\n\nconst ResetDraftButton = withT(({ t, ...props }) => (\n  <Button\n    data-cy=\"draft-button\"\n    data-testid=\"draft-button\"\n    icon={Undo}\n    style=\"secondary\"\n    tooltipProps={{\n      content: t(\"neetoMolecules.publishBlock.deleteDraftVersion\"),\n      position: \"top\",\n    }}\n    {...props}\n  />\n));\n\nconst PublishButton = withT(({ t, ...props }) => (\n  <Button\n    data-cy=\"publish-button\"\n    data-testid=\"publish-button\"\n    label={t(\"neetoMolecules.common.actions.publish\")}\n    {...props}\n  />\n));\n\nconst PublishPreviewButton = withT(({ t, ...props }) => (\n  <Button\n    data-cy=\"publish-preview-button\"\n    data-testid=\"publish-preview-button\"\n    icon={ExternalLink}\n    target=\"_blank\"\n    className={classnames(\n      { \"pointer-events-none\": props.disabled },\n      props.className\n    )}\n    tooltipProps={{\n      content: t(\"neetoMolecules.publishBlock.viewPublishedVersion\"),\n      position: \"top\",\n    }}\n    {...props}\n  />\n));\n\nconst PublishBlock = ({ renderDraftButtons, renderPublishButtons }) => {\n  const { t } = useTranslation();\n\n  const draftBlockButtons = renderDraftButtons({\n    ViewDraftButton,\n    ResetDraftButton,\n  });\n\n  return (\n    <div\n      className=\"neeto-molecules-publish-block\"\n      data-cy=\"neeto-molecules-publish-block\"\n      data-testid=\"neeto-molecules-publish-block\"\n    >\n      {draftBlockButtons && (\n        <>\n          <div className=\"flex items-center gap-2\">\n            <Typography\n              className=\"neeto-ui-text-gray-700\"\n              data-cy=\"publish-block-draft-label\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {t(\"neetoMolecules.common.actions.draft\")}\n            </Typography>\n            <div className=\"flex items-center gap-1\">{draftBlockButtons}</div>\n          </div>\n          <div className=\"neeto-ui-bg-gray-300 h-full w-px\" />\n        </>\n      )}\n      <div className=\"neeto-molecules-publish-block__action-btn\">\n        {renderPublishButtons({ PublishButton, PublishPreviewButton })}\n      </div>\n    </div>\n  );\n};\n\nPublishBlock.Alert = AlertBlock;\n\nPublishBlock.propTypes = {\n  /**\n   * The function to render the draft buttons. It provides the `ViewDraftButton` and `ResetDraftButton` components as arguments.\n   */\n  renderDraftButtons: PropTypes.func,\n  /**\n   * The function to render the publish buttons. It provides the `PublishButton` and `PublishPreviewButton` components as arguments.\n   */\n  renderPublishButtons: PropTypes.func,\n};\nexport default PublishBlock;\n"],"names":["AlertBlock","props","_useTranslation","useTranslation","t","React","createElement","Alert","_extends","submitButtonLabel","ViewDraftButton","withT","_ref","_objectWithoutProperties","_excluded","Button","icon","ExternalLink","style","target","tooltipProps","content","position","ResetDraftButton","_ref2","_excluded2","Undo","PublishButton","_ref3","_excluded3","label","PublishPreviewButton","_ref4","_excluded4","className","classnames","disabled","PublishBlock","_ref5","renderDraftButtons","renderPublishButtons","draftBlockButtons","Fragment","Typography","lineHeight"],"mappings":"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"}
+{"version":3,"file":"PublishBlock.js","sources":["../src/components/PublishBlock/AlertBlock.jsx","../src/components/PublishBlock/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Alert } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst AlertBlock = props => {\n  const { t } = useTranslation();\n\n  return (\n    <Alert\n      data-cy=\"reset-alert\"\n      data-testid=\"reset-alert\"\n      submitButtonLabel={t(\"neetoMolecules.common.actions.reset\")}\n      {...props}\n    />\n  );\n};\n\nexport default AlertBlock;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { ExternalLink, Undo } from \"neetoicons\";\nimport { Button, Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport AlertBlock from \"./AlertBlock\";\nimport \"./publish-block.scss\";\n\nconst ViewDraftButton = withT(({ t, ...props }) => (\n  <Button\n    data-cy=\"view-draft-button\"\n    data-testid=\"view-draft-button\"\n    icon={ExternalLink}\n    style=\"secondary\"\n    target=\"_blank\"\n    tooltipProps={{\n      content: t(\"neetoMolecules.publishBlock.viewDraftVersion\"),\n      position: \"top\",\n    }}\n    {...props}\n  />\n));\n\nconst ResetDraftButton = withT(({ t, ...props }) => (\n  <Button\n    data-cy=\"draft-button\"\n    data-testid=\"draft-button\"\n    icon={Undo}\n    style=\"secondary\"\n    tooltipProps={{\n      content: t(\"neetoMolecules.publishBlock.deleteDraftVersion\"),\n      position: \"top\",\n    }}\n    {...props}\n  />\n));\n\nconst PublishButton = withT(({ t, tooltipProps, ...props }) => (\n  <Tooltip {...tooltipProps} disabled={!tooltipProps}>\n    <div>\n      <Button\n        data-cy=\"publish-button\"\n        data-testid=\"publish-button\"\n        label={t(\"neetoMolecules.common.actions.publish\")}\n        {...props}\n      />\n    </div>\n  </Tooltip>\n));\n\nconst PublishPreviewButton = withT(({ t, ...props }) => (\n  <Button\n    data-cy=\"publish-preview-button\"\n    data-testid=\"publish-preview-button\"\n    icon={ExternalLink}\n    target=\"_blank\"\n    className={classnames(\n      { \"pointer-events-none\": props.disabled },\n      props.className\n    )}\n    tooltipProps={{\n      content: t(\"neetoMolecules.publishBlock.viewPublishedVersion\"),\n      position: \"top\",\n    }}\n    {...props}\n  />\n));\n\nconst PublishBlock = ({ renderDraftButtons, renderPublishButtons }) => {\n  const { t } = useTranslation();\n\n  const draftBlockButtons = renderDraftButtons({\n    ViewDraftButton,\n    ResetDraftButton,\n  });\n\n  return (\n    <div\n      className=\"neeto-molecules-publish-block\"\n      data-cy=\"neeto-molecules-publish-block\"\n      data-testid=\"neeto-molecules-publish-block\"\n    >\n      {draftBlockButtons && (\n        <>\n          <div className=\"flex items-center gap-2\">\n            <Typography\n              className=\"neeto-ui-text-gray-700\"\n              data-cy=\"publish-block-draft-label\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {t(\"neetoMolecules.common.actions.draft\")}\n            </Typography>\n            <div className=\"flex items-center gap-1\">{draftBlockButtons}</div>\n          </div>\n          <div className=\"neeto-ui-bg-gray-300 h-full w-px\" />\n        </>\n      )}\n      <div className=\"neeto-molecules-publish-block__action-btn\">\n        {renderPublishButtons({ PublishButton, PublishPreviewButton })}\n      </div>\n    </div>\n  );\n};\n\nPublishBlock.Alert = AlertBlock;\n\nPublishBlock.propTypes = {\n  /**\n   * The function to render the draft buttons. It provides the `ViewDraftButton` and `ResetDraftButton` components as arguments.\n   */\n  renderDraftButtons: PropTypes.func,\n  /**\n   * The function to render the publish buttons. It provides the `PublishButton` and `PublishPreviewButton` components as arguments.\n   */\n  renderPublishButtons: PropTypes.func,\n};\nexport default PublishBlock;\n"],"names":["AlertBlock","props","_useTranslation","useTranslation","t","React","createElement","Alert","_extends","submitButtonLabel","ViewDraftButton","withT","_ref","_objectWithoutProperties","_excluded","Button","icon","ExternalLink","style","target","tooltipProps","content","position","ResetDraftButton","_ref2","_excluded2","Undo","PublishButton","_ref3","_excluded3","Tooltip","disabled","label","PublishPreviewButton","_ref4","_excluded4","className","classnames","PublishBlock","_ref5","renderDraftButtons","renderPublishButtons","draftBlockButtons","Fragment","Typography","lineHeight"],"mappings":"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"}

package/dist/cjs/Onboarding.js

@@ -170,7 +170,9 @@ var Onboarding = function Onboarding(_ref) {
     _ref$helpScreenClassN = _ref.helpScreenClassName,
     helpScreenClassName = _ref$helpScreenClassN === void 0 ? "" : _ref$helpScreenClassN,
     _ref$isAnimated = _ref.isAnimated,
-    isAnimated = _ref$isAnimated === void 0 ? true : _ref$isAnimated;
+    isAnimated = _ref$isAnimated === void 0 ? true : _ref$isAnimated,
+    _ref$disableStepClick = _ref.disableStepClick,
+    disableStepClick = _ref$disableStepClick === void 0 ? false : _ref$disableStepClick;
   var steps = React.useMemo(function () {
     return createSteps(onboardingSteps, setCurrentStep, currentStep, helpScreenClassName);
   }, [onboardingSteps]);
@@ -204,7 +206,7 @@ var Onboarding = function Onboarding(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Stepper__default["default"], {
     steps: steps,
     activeIndex: currentStep - 1,
-    setActiveIndex: handleStepChange
+    setActiveIndex: disableStepClick ? neetoCist.noop : handleStepChange
   })), steps.map(function (step, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       key: index,

package/dist/cjs/Onboarding.js.map

@@ -1 +1 @@
-{"version":3,"file":"Onboarding.js","sources":["../../src/components/Onboarding/CompletedScreen.jsx","../../src/components/Onboarding/HelpScreen.jsx","../../src/components/Onboarding/utils.jsx","../../src/components/Onboarding/WelcomeScreen.jsx","../../src/components/Onboarding/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { globalProps } from \"neetocommons/initializers\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Button, Typography } from \"neetoui\";\n\nconst CompletedScreen = withT(({ t, completeButtonProps }) => (\n  <div\n    className=\"neeto-molecules-onboarding__wrapper\"\n    data-testid=\"onboarding-congratulations-wrapper\"\n  >\n    <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-congratulations-emoji\"\n        style=\"h1\"\n      >\n        🎉\n      </Typography>\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-congratulations-title\"\n        data-testid=\"onboarding-congratulations-title\"\n        style=\"h1\"\n      >\n        <span className=\"neeto-ui-text-success-500\">\n          {t(\"neetoMolecules.onboarding.congratulations\")}\n        </span>\n        <br />\n        {t(\"neetoMolecules.onboarding.readyToUse\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n    </div>\n    <Button\n      data-cy=\"onboarding-congratulations-button\"\n      data-testid=\"onboarding-congratulations-button\"\n      label={t(\"neetoMolecules.onboarding.helpScreen.startUsingButton\", {\n        appName: globalProps.appName,\n      })}\n      {...completeButtonProps}\n    />\n  </div>\n));\n\nexport default CompletedScreen;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst HelpScreen = ({ setCurrentStep, currentStep, helpScreenClassName }) => {\n  const { t } = useTranslation();\n  const { isSize } = useBreakpoints();\n\n  return (\n    <div\n      className={classNames(\n        \"mx-auto w-full max-w-2xl space-y-6 p-4\",\n        helpScreenClassName\n      )}\n    >\n      <div className=\"space-y-3\">\n        <Typography\n          component=\"h1\"\n          data-cy=\"onboarding-help-title\"\n          data-testid=\"onboarding-help-title\"\n          style=\"h2\"\n        >\n          {t(\"neetoMolecules.onboarding.helpScreen.title\")}\n        </Typography>\n        <Typography\n          data-cy=\"onboarding-help-description\"\n          data-testid=\"onboarding-help-description\"\n          lineHeight=\"normal\"\n          style=\"body1\"\n        >\n          {t(\"neetoMolecules.onboarding.helpScreen.description\")}\n        </Typography>\n        <div className=\"w-full\">\n          {isSize(\"mobile\") ? (\n            <img\n              alt=\"\"\n              src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-mobile_FpB8LKYj4.svg\"\n            />\n          ) : (\n            <img\n              alt=\"\"\n              src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-desktop_aVe6ENdX97.svg\"\n            />\n          )}\n        </div>\n      </div>\n      <Button\n        data-cy=\"onboarding-help-button\"\n        data-testid=\"onboarding-help-button\"\n        icon={RightArrow}\n        iconPosition=\"right\"\n        label={t(\"neetoMolecules.onboarding.helpScreen.continueButton\")}\n        onClick={() => setCurrentStep(currentStep + 1)}\n      />\n    </div>\n  );\n};\n\nexport default HelpScreen;\n","import React from \"react\";\n\nimport { t } from \"i18next\";\n\nimport HelpScreen from \"./HelpScreen\";\n\nexport const createSteps = (\n  onboardingSteps,\n  setCurrentStep,\n  currentStep,\n  helpScreenClassName\n) => {\n  const helpStep = {\n    label: t(\"neetoMolecules.onboarding.helpLabel\"),\n    element: (\n      <HelpScreen {...{ currentStep, helpScreenClassName, setCurrentStep }} />\n    ),\n  };\n\n  return onboardingSteps\n    .concat(helpStep)\n    .map((step, idx) => ({ ...step, id: idx + 1 }));\n};\n","import React from \"react\";\n\nimport { globalProps } from \"neetocommons/initializers\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\n\nconst WelcomeScreen = withT(({ t, setCurrentStep, currentStep }) => (\n  <div\n    className=\"neeto-molecules-onboarding__wrapper\"\n    data-testid=\"onboarding-welcome-wrapper\"\n  >\n    <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-welcome-title\"\n        data-testid=\"onboarding-welcome-title\"\n        style=\"h1\"\n      >\n        {t(\"neetoMolecules.onboarding.helpScreen.welcomeToTitle\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-welcome-description\"\n        data-testid=\"onboarding-welcome-description\"\n        lineHeight=\"normal\"\n        style=\"body1\"\n      >\n        {t(\"neetoMolecules.onboarding.letUsCustomize\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n    </div>\n    <Button\n      data-cy=\"onboarding-welcome-button\"\n      data-testid=\"onboarding-welcome-button\"\n      icon={RightArrow}\n      label={t(\"neetoMolecules.onboarding.getStarted\")}\n      onClick={() => setCurrentStep(currentStep + 1)}\n    />\n  </div>\n));\n\nexport default WelcomeScreen;\n","import React, { useMemo, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Stepper } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport CompletedScreen from \"./CompletedScreen\";\nimport \"./onboarding.scss\";\nimport { createSteps } from \"./utils\";\nimport WelcomeScreen from \"./WelcomeScreen\";\n\nconst Onboarding = ({\n  currentStep = 0,\n  setCurrentStep = noop,\n  onboardingSteps = [],\n  completeButtonProps = {},\n  helpScreenClassName = \"\",\n  isAnimated = true,\n}) => {\n  const steps = useMemo(\n    () =>\n      createSteps(\n        onboardingSteps,\n        setCurrentStep,\n        currentStep,\n        helpScreenClassName\n      ),\n    [onboardingSteps]\n  );\n  const [direction, setDirection] = useState(\"\");\n\n  if (currentStep === 0) {\n    return <WelcomeScreen {...{ currentStep, setCurrentStep }} />;\n  }\n\n  if (currentStep === steps.length + 1) {\n    return <CompletedScreen {...{ completeButtonProps }} />;\n  }\n\n  const handleStepChange = index => {\n    const nextStep = index + 1;\n    setDirection(currentStep > nextStep ? \"backward\" : \"forward\");\n    setCurrentStep(nextStep);\n  };\n\n  const isStepperVisible = steps.length > 1;\n\n  return (\n    <div\n      className={classNames(\"neeto-molecules-onboarding__container\", {\n        \"neeto-molecules-onboarding__wrapper\": !isStepperVisible,\n      })}\n    >\n      {isStepperVisible && (\n        <div className=\"neeto-molecules-onboarding__stepper-wrapper\">\n          <Stepper\n            {...{ steps }}\n            activeIndex={currentStep - 1}\n            setActiveIndex={handleStepChange}\n          />\n        </div>\n      )}\n      {steps.map((step, index) => (\n        <div\n          key={index}\n          className={classNames(\"neeto-molecules-onboarding__content\", {\n            \"neeto-molecules-onboarding__content--forward overflow-x-hidden\":\n              isAnimated && direction === \"forward\",\n            \"neeto-molecules-onboarding__content--backward overflow-x-hidden\":\n              isAnimated && direction === \"backward\",\n            hidden: currentStep - 1 !== index,\n          })}\n        >\n          {step?.element}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nOnboarding.propTypes = {\n  /**\n   * To specify the current step of the onboarding\n   */\n  currentStep: PropTypes.number,\n  /**\n   * List of Custom components for the onboarding\n   */\n  onboardingSteps: PropTypes.array,\n  /**\n   * Props for the complete button\n   */\n  completeButtonProps: PropTypes.object,\n  /**\n   * To set the step of the onboarding\n   */\n  setCurrentStep: PropTypes.func,\n  /**\n   * To pass additional classes to the help screen\n   */\n  helpScreenClassName: PropTypes.string,\n  /**\n   * A boolean value to enable or disable the animation for the stepper.\n   */\n  isAnimated: PropTypes.bool,\n};\n\nexport default Onboarding;\n"],"names":["CompletedScreen","withT","_ref","t","completeButtonProps","React","createElement","className","Typography","style","appName","globalProps","Button","_extends","label","HelpScreen","setCurrentStep","currentStep","helpScreenClassName","_useTranslation","useTranslation","_useBreakpoints","useBreakpoints","isSize","classNames","component","lineHeight","alt","src","icon","RightArrow","iconPosition","onClick","createSteps","onboardingSteps","helpStep","element","concat","map","step","idx","_objectSpread","id","WelcomeScreen","Onboarding","_ref$currentStep","_ref$setCurrentStep","noop","_ref$onboardingSteps","_ref$completeButtonPr","_ref$helpScreenClassN","_ref$isAnimated","isAnimated","steps","useMemo","_useState","useState","_useState2","_slicedToArray","direction","setDirection","length","handleStepChange","index","nextStep","isStepperVisible","Stepper","activeIndex","setActiveIndex","key","hidden"],"mappings":"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"}
+{"version":3,"file":"Onboarding.js","sources":["../../src/components/Onboarding/CompletedScreen.jsx","../../src/components/Onboarding/HelpScreen.jsx","../../src/components/Onboarding/utils.jsx","../../src/components/Onboarding/WelcomeScreen.jsx","../../src/components/Onboarding/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { globalProps } from \"neetocommons/initializers\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Button, Typography } from \"neetoui\";\n\nconst CompletedScreen = withT(({ t, completeButtonProps }) => (\n  <div\n    className=\"neeto-molecules-onboarding__wrapper\"\n    data-testid=\"onboarding-congratulations-wrapper\"\n  >\n    <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-congratulations-emoji\"\n        style=\"h1\"\n      >\n        🎉\n      </Typography>\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-congratulations-title\"\n        data-testid=\"onboarding-congratulations-title\"\n        style=\"h1\"\n      >\n        <span className=\"neeto-ui-text-success-500\">\n          {t(\"neetoMolecules.onboarding.congratulations\")}\n        </span>\n        <br />\n        {t(\"neetoMolecules.onboarding.readyToUse\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n    </div>\n    <Button\n      data-cy=\"onboarding-congratulations-button\"\n      data-testid=\"onboarding-congratulations-button\"\n      label={t(\"neetoMolecules.onboarding.helpScreen.startUsingButton\", {\n        appName: globalProps.appName,\n      })}\n      {...completeButtonProps}\n    />\n  </div>\n));\n\nexport default CompletedScreen;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst HelpScreen = ({ setCurrentStep, currentStep, helpScreenClassName }) => {\n  const { t } = useTranslation();\n  const { isSize } = useBreakpoints();\n\n  return (\n    <div\n      className={classNames(\n        \"mx-auto w-full max-w-2xl space-y-6 p-4\",\n        helpScreenClassName\n      )}\n    >\n      <div className=\"space-y-3\">\n        <Typography\n          component=\"h1\"\n          data-cy=\"onboarding-help-title\"\n          data-testid=\"onboarding-help-title\"\n          style=\"h2\"\n        >\n          {t(\"neetoMolecules.onboarding.helpScreen.title\")}\n        </Typography>\n        <Typography\n          data-cy=\"onboarding-help-description\"\n          data-testid=\"onboarding-help-description\"\n          lineHeight=\"normal\"\n          style=\"body1\"\n        >\n          {t(\"neetoMolecules.onboarding.helpScreen.description\")}\n        </Typography>\n        <div className=\"w-full\">\n          {isSize(\"mobile\") ? (\n            <img\n              alt=\"\"\n              src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-mobile_FpB8LKYj4.svg\"\n            />\n          ) : (\n            <img\n              alt=\"\"\n              src=\"https://ik.imagekit.io/d9mvewbju/Commons/help-desktop_aVe6ENdX97.svg\"\n            />\n          )}\n        </div>\n      </div>\n      <Button\n        data-cy=\"onboarding-help-button\"\n        data-testid=\"onboarding-help-button\"\n        icon={RightArrow}\n        iconPosition=\"right\"\n        label={t(\"neetoMolecules.onboarding.helpScreen.continueButton\")}\n        onClick={() => setCurrentStep(currentStep + 1)}\n      />\n    </div>\n  );\n};\n\nexport default HelpScreen;\n","import React from \"react\";\n\nimport { t } from \"i18next\";\n\nimport HelpScreen from \"./HelpScreen\";\n\nexport const createSteps = (\n  onboardingSteps,\n  setCurrentStep,\n  currentStep,\n  helpScreenClassName\n) => {\n  const helpStep = {\n    label: t(\"neetoMolecules.onboarding.helpLabel\"),\n    element: (\n      <HelpScreen {...{ currentStep, helpScreenClassName, setCurrentStep }} />\n    ),\n  };\n\n  return onboardingSteps\n    .concat(helpStep)\n    .map((step, idx) => ({ ...step, id: idx + 1 }));\n};\n","import React from \"react\";\n\nimport { globalProps } from \"neetocommons/initializers\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { RightArrow } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\n\nconst WelcomeScreen = withT(({ t, setCurrentStep, currentStep }) => (\n  <div\n    className=\"neeto-molecules-onboarding__wrapper\"\n    data-testid=\"onboarding-welcome-wrapper\"\n  >\n    <div className=\"mx-auto mb-6 w-full max-w-2xl space-y-2\">\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-welcome-title\"\n        data-testid=\"onboarding-welcome-title\"\n        style=\"h1\"\n      >\n        {t(\"neetoMolecules.onboarding.helpScreen.welcomeToTitle\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n      <Typography\n        className=\"text-center\"\n        data-cy=\"onboarding-welcome-description\"\n        data-testid=\"onboarding-welcome-description\"\n        lineHeight=\"normal\"\n        style=\"body1\"\n      >\n        {t(\"neetoMolecules.onboarding.letUsCustomize\", {\n          appName: globalProps.appName,\n        })}\n      </Typography>\n    </div>\n    <Button\n      data-cy=\"onboarding-welcome-button\"\n      data-testid=\"onboarding-welcome-button\"\n      icon={RightArrow}\n      label={t(\"neetoMolecules.onboarding.getStarted\")}\n      onClick={() => setCurrentStep(currentStep + 1)}\n    />\n  </div>\n));\n\nexport default WelcomeScreen;\n","import React, { useMemo, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Stepper } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport CompletedScreen from \"./CompletedScreen\";\nimport \"./onboarding.scss\";\nimport { createSteps } from \"./utils\";\nimport WelcomeScreen from \"./WelcomeScreen\";\n\nconst Onboarding = ({\n  currentStep = 0,\n  setCurrentStep = noop,\n  onboardingSteps = [],\n  completeButtonProps = {},\n  helpScreenClassName = \"\",\n  isAnimated = true,\n  disableStepClick = false,\n}) => {\n  const steps = useMemo(\n    () =>\n      createSteps(\n        onboardingSteps,\n        setCurrentStep,\n        currentStep,\n        helpScreenClassName\n      ),\n    [onboardingSteps]\n  );\n  const [direction, setDirection] = useState(\"\");\n\n  if (currentStep === 0) {\n    return <WelcomeScreen {...{ currentStep, setCurrentStep }} />;\n  }\n\n  if (currentStep === steps.length + 1) {\n    return <CompletedScreen {...{ completeButtonProps }} />;\n  }\n\n  const handleStepChange = index => {\n    const nextStep = index + 1;\n    setDirection(currentStep > nextStep ? \"backward\" : \"forward\");\n    setCurrentStep(nextStep);\n  };\n\n  const isStepperVisible = steps.length > 1;\n\n  return (\n    <div\n      className={classNames(\"neeto-molecules-onboarding__container\", {\n        \"neeto-molecules-onboarding__wrapper\": !isStepperVisible,\n      })}\n    >\n      {isStepperVisible && (\n        <div className=\"neeto-molecules-onboarding__stepper-wrapper\">\n          <Stepper\n            {...{ steps }}\n            activeIndex={currentStep - 1}\n            setActiveIndex={disableStepClick ? noop : handleStepChange}\n          />\n        </div>\n      )}\n      {steps.map((step, index) => (\n        <div\n          key={index}\n          className={classNames(\"neeto-molecules-onboarding__content\", {\n            \"neeto-molecules-onboarding__content--forward overflow-x-hidden\":\n              isAnimated && direction === \"forward\",\n            \"neeto-molecules-onboarding__content--backward overflow-x-hidden\":\n              isAnimated && direction === \"backward\",\n            hidden: currentStep - 1 !== index,\n          })}\n        >\n          {step?.element}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nOnboarding.propTypes = {\n  /**\n   * To specify the current step of the onboarding\n   */\n  currentStep: PropTypes.number,\n  /**\n   * List of Custom components for the onboarding\n   */\n  onboardingSteps: PropTypes.array,\n  /**\n   * Props for the complete button\n   */\n  completeButtonProps: PropTypes.object,\n  /**\n   * To set the step of the onboarding\n   */\n  setCurrentStep: PropTypes.func,\n  /**\n   * To pass additional classes to the help screen\n   */\n  helpScreenClassName: PropTypes.string,\n  /**\n   * A boolean value to enable or disable the animation for the stepper.\n   */\n  isAnimated: PropTypes.bool,\n};\n\nexport default Onboarding;\n"],"names":["CompletedScreen","withT","_ref","t","completeButtonProps","React","createElement","className","Typography","style","appName","globalProps","Button","_extends","label","HelpScreen","setCurrentStep","currentStep","helpScreenClassName","_useTranslation","useTranslation","_useBreakpoints","useBreakpoints","isSize","classNames","component","lineHeight","alt","src","icon","RightArrow","iconPosition","onClick","createSteps","onboardingSteps","helpStep","element","concat","map","step","idx","_objectSpread","id","WelcomeScreen","Onboarding","_ref$currentStep","_ref$setCurrentStep","noop","_ref$onboardingSteps","_ref$completeButtonPr","_ref$helpScreenClassN","_ref$isAnimated","isAnimated","_ref$disableStepClick","disableStepClick","steps","useMemo","_useState","useState","_useState2","_slicedToArray","direction","setDirection","length","handleStepChange","index","nextStep","isStepperVisible","Stepper","activeIndex","setActiveIndex","key","hidden"],"mappings":"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"}

package/dist/cjs/PublishBlock.js

@@ -7,6 +7,7 @@ var classnames = require('classnames');
 var withT = require('@bigbinary/neeto-commons-frontend/react-utils/withT');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var Button = require('@bigbinary/neetoui/Button');
+var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var Typography = require('@bigbinary/neetoui/Typography');
 var reactI18next = require('react-i18next');
 var Alert = require('@bigbinary/neetoui/Alert');
@@ -20,6 +21,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var withT__default = /*#__PURE__*/_interopDefaultLegacy(withT);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
 var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
 
@@ -33,12 +35,12 @@ var AlertBlock = function AlertBlock(props) {
   }, props));
 };
 
-var css = ".neeto-molecules-publish-block{align-items:center;display:flex;gap:12px;justify-content:flex-end}.neeto-molecules-publish-block__action-btn{align-items:center;display:inline-flex;flex-direction:row;gap:1px;justify-content:center}.neeto-molecules-publish-block__action-btn>.neeto-ui-btn:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.neeto-molecules-publish-block__action-btn>.neeto-ui-btn:last-child{border-bottom-left-radius:0;border-top-left-radius:0}";
+var css = ".neeto-molecules-publish-block{align-items:center;display:flex;gap:12px;justify-content:flex-end}.neeto-molecules-publish-block__action-btn{align-items:center;display:inline-flex;flex-direction:row;gap:1px;justify-content:center}.neeto-molecules-publish-block__action-btn>div:first-child>.neeto-ui-btn{border-bottom-right-radius:0;border-top-right-radius:0}.neeto-molecules-publish-block__action-btn>.neeto-ui-btn:last-child{border-bottom-left-radius:0;border-top-left-radius:0}";
 injectCss.n(css,{});
 
 var _excluded = ["t"],
   _excluded2 = ["t"],
-  _excluded3 = ["t"],
+  _excluded3 = ["t", "tooltipProps"],
   _excluded4 = ["t"];
 var ViewDraftButton = withT__default["default"](function (_ref) {
   var t = _ref.t,
@@ -71,12 +73,15 @@ var ResetDraftButton = withT__default["default"](function (_ref2) {
 });
 var PublishButton = withT__default["default"](function (_ref3) {
   var t = _ref3.t,
+    tooltipProps = _ref3.tooltipProps,
     props = _objectWithoutProperties__default["default"](_ref3, _excluded3);
-  return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends__default["default"]({
+  return /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], _extends__default["default"]({}, tooltipProps, {
+    disabled: !tooltipProps
+  }), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends__default["default"]({
     "data-cy": "publish-button",
     "data-testid": "publish-button",
     label: t("neetoMolecules.common.actions.publish")
-  }, props));
+  }, props))));
 });
 var PublishPreviewButton = withT__default["default"](function (_ref4) {
   var t = _ref4.t,

package/dist/cjs/PublishBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"PublishBlock.js","sources":["../../src/components/PublishBlock/AlertBlock.jsx","../../src/components/PublishBlock/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Alert } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst AlertBlock = props => {\n  const { t } = useTranslation();\n\n  return (\n    <Alert\n      data-cy=\"reset-alert\"\n      data-testid=\"reset-alert\"\n      submitButtonLabel={t(\"neetoMolecules.common.actions.reset\")}\n      {...props}\n    />\n  );\n};\n\nexport default AlertBlock;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { ExternalLink, Undo } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport AlertBlock from \"./AlertBlock\";\nimport \"./publish-block.scss\";\n\nconst ViewDraftButton = withT(({ t, ...props }) => (\n  <Button\n    data-cy=\"view-draft-button\"\n    data-testid=\"view-draft-button\"\n    icon={ExternalLink}\n    style=\"secondary\"\n    target=\"_blank\"\n    tooltipProps={{\n      content: t(\"neetoMolecules.publishBlock.viewDraftVersion\"),\n      position: \"top\",\n    }}\n    {...props}\n  />\n));\n\nconst ResetDraftButton = withT(({ t, ...props }) => (\n  <Button\n    data-cy=\"draft-button\"\n    data-testid=\"draft-button\"\n    icon={Undo}\n    style=\"secondary\"\n    tooltipProps={{\n      content: t(\"neetoMolecules.publishBlock.deleteDraftVersion\"),\n      position: \"top\",\n    }}\n    {...props}\n  />\n));\n\nconst PublishButton = withT(({ t, ...props }) => (\n  <Button\n    data-cy=\"publish-button\"\n    data-testid=\"publish-button\"\n    label={t(\"neetoMolecules.common.actions.publish\")}\n    {...props}\n  />\n));\n\nconst PublishPreviewButton = withT(({ t, ...props }) => (\n  <Button\n    data-cy=\"publish-preview-button\"\n    data-testid=\"publish-preview-button\"\n    icon={ExternalLink}\n    target=\"_blank\"\n    className={classnames(\n      { \"pointer-events-none\": props.disabled },\n      props.className\n    )}\n    tooltipProps={{\n      content: t(\"neetoMolecules.publishBlock.viewPublishedVersion\"),\n      position: \"top\",\n    }}\n    {...props}\n  />\n));\n\nconst PublishBlock = ({ renderDraftButtons, renderPublishButtons }) => {\n  const { t } = useTranslation();\n\n  const draftBlockButtons = renderDraftButtons({\n    ViewDraftButton,\n    ResetDraftButton,\n  });\n\n  return (\n    <div\n      className=\"neeto-molecules-publish-block\"\n      data-cy=\"neeto-molecules-publish-block\"\n      data-testid=\"neeto-molecules-publish-block\"\n    >\n      {draftBlockButtons && (\n        <>\n          <div className=\"flex items-center gap-2\">\n            <Typography\n              className=\"neeto-ui-text-gray-700\"\n              data-cy=\"publish-block-draft-label\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {t(\"neetoMolecules.common.actions.draft\")}\n            </Typography>\n            <div className=\"flex items-center gap-1\">{draftBlockButtons}</div>\n          </div>\n          <div className=\"neeto-ui-bg-gray-300 h-full w-px\" />\n        </>\n      )}\n      <div className=\"neeto-molecules-publish-block__action-btn\">\n        {renderPublishButtons({ PublishButton, PublishPreviewButton })}\n      </div>\n    </div>\n  );\n};\n\nPublishBlock.Alert = AlertBlock;\n\nPublishBlock.propTypes = {\n  /**\n   * The function to render the draft buttons. It provides the `ViewDraftButton` and `ResetDraftButton` components as arguments.\n   */\n  renderDraftButtons: PropTypes.func,\n  /**\n   * The function to render the publish buttons. It provides the `PublishButton` and `PublishPreviewButton` components as arguments.\n   */\n  renderPublishButtons: PropTypes.func,\n};\nexport default PublishBlock;\n"],"names":["AlertBlock","props","_useTranslation","useTranslation","t","React","createElement","Alert","_extends","submitButtonLabel","ViewDraftButton","withT","_ref","_objectWithoutProperties","_excluded","Button","icon","ExternalLink","style","target","tooltipProps","content","position","ResetDraftButton","_ref2","_excluded2","Undo","PublishButton","_ref3","_excluded3","label","PublishPreviewButton","_ref4","_excluded4","className","classnames","disabled","PublishBlock","_ref5","renderDraftButtons","renderPublishButtons","draftBlockButtons","Fragment","Typography","lineHeight"],"mappings":"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"}
+{"version":3,"file":"PublishBlock.js","sources":["../../src/components/PublishBlock/AlertBlock.jsx","../../src/components/PublishBlock/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Alert } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst AlertBlock = props => {\n  const { t } = useTranslation();\n\n  return (\n    <Alert\n      data-cy=\"reset-alert\"\n      data-testid=\"reset-alert\"\n      submitButtonLabel={t(\"neetoMolecules.common.actions.reset\")}\n      {...props}\n    />\n  );\n};\n\nexport default AlertBlock;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { ExternalLink, Undo } from \"neetoicons\";\nimport { Button, Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport AlertBlock from \"./AlertBlock\";\nimport \"./publish-block.scss\";\n\nconst ViewDraftButton = withT(({ t, ...props }) => (\n  <Button\n    data-cy=\"view-draft-button\"\n    data-testid=\"view-draft-button\"\n    icon={ExternalLink}\n    style=\"secondary\"\n    target=\"_blank\"\n    tooltipProps={{\n      content: t(\"neetoMolecules.publishBlock.viewDraftVersion\"),\n      position: \"top\",\n    }}\n    {...props}\n  />\n));\n\nconst ResetDraftButton = withT(({ t, ...props }) => (\n  <Button\n    data-cy=\"draft-button\"\n    data-testid=\"draft-button\"\n    icon={Undo}\n    style=\"secondary\"\n    tooltipProps={{\n      content: t(\"neetoMolecules.publishBlock.deleteDraftVersion\"),\n      position: \"top\",\n    }}\n    {...props}\n  />\n));\n\nconst PublishButton = withT(({ t, tooltipProps, ...props }) => (\n  <Tooltip {...tooltipProps} disabled={!tooltipProps}>\n    <div>\n      <Button\n        data-cy=\"publish-button\"\n        data-testid=\"publish-button\"\n        label={t(\"neetoMolecules.common.actions.publish\")}\n        {...props}\n      />\n    </div>\n  </Tooltip>\n));\n\nconst PublishPreviewButton = withT(({ t, ...props }) => (\n  <Button\n    data-cy=\"publish-preview-button\"\n    data-testid=\"publish-preview-button\"\n    icon={ExternalLink}\n    target=\"_blank\"\n    className={classnames(\n      { \"pointer-events-none\": props.disabled },\n      props.className\n    )}\n    tooltipProps={{\n      content: t(\"neetoMolecules.publishBlock.viewPublishedVersion\"),\n      position: \"top\",\n    }}\n    {...props}\n  />\n));\n\nconst PublishBlock = ({ renderDraftButtons, renderPublishButtons }) => {\n  const { t } = useTranslation();\n\n  const draftBlockButtons = renderDraftButtons({\n    ViewDraftButton,\n    ResetDraftButton,\n  });\n\n  return (\n    <div\n      className=\"neeto-molecules-publish-block\"\n      data-cy=\"neeto-molecules-publish-block\"\n      data-testid=\"neeto-molecules-publish-block\"\n    >\n      {draftBlockButtons && (\n        <>\n          <div className=\"flex items-center gap-2\">\n            <Typography\n              className=\"neeto-ui-text-gray-700\"\n              data-cy=\"publish-block-draft-label\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {t(\"neetoMolecules.common.actions.draft\")}\n            </Typography>\n            <div className=\"flex items-center gap-1\">{draftBlockButtons}</div>\n          </div>\n          <div className=\"neeto-ui-bg-gray-300 h-full w-px\" />\n        </>\n      )}\n      <div className=\"neeto-molecules-publish-block__action-btn\">\n        {renderPublishButtons({ PublishButton, PublishPreviewButton })}\n      </div>\n    </div>\n  );\n};\n\nPublishBlock.Alert = AlertBlock;\n\nPublishBlock.propTypes = {\n  /**\n   * The function to render the draft buttons. It provides the `ViewDraftButton` and `ResetDraftButton` components as arguments.\n   */\n  renderDraftButtons: PropTypes.func,\n  /**\n   * The function to render the publish buttons. It provides the `PublishButton` and `PublishPreviewButton` components as arguments.\n   */\n  renderPublishButtons: PropTypes.func,\n};\nexport default PublishBlock;\n"],"names":["AlertBlock","props","_useTranslation","useTranslation","t","React","createElement","Alert","_extends","submitButtonLabel","ViewDraftButton","withT","_ref","_objectWithoutProperties","_excluded","Button","icon","ExternalLink","style","target","tooltipProps","content","position","ResetDraftButton","_ref2","_excluded2","Undo","PublishButton","_ref3","_excluded3","Tooltip","disabled","label","PublishPreviewButton","_ref4","_excluded4","className","classnames","PublishBlock","_ref5","renderDraftButtons","renderPublishButtons","draftBlockButtons","Fragment","Typography","lineHeight"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.19.13",
+  "version": "1.19.15",
   "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>",

package/types/Onboarding.d.ts

@@ -61,5 +61,6 @@ const Onboarding: React.FC<{
   onboardingSteps?: OnboardingComponent[];
   helpScreenClassName?: string;
   isAnimated?: boolean;
+  disableStepClick?: boolean;
 }>;
 export default Onboarding;