@bigbinary/neeto-molecules 3.6.2 → 3.7.0

package/dist/HelpPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpPopover.js","sources":["../src/components/HelpPopover/constants.js","../src/components/HelpPopover/index.jsx"],"sourcesContent":["export const SIZE = { default: 16, large: 20 };\n","import { useRef } from \"react\";\n\nimport classNames from \"classnames\";\nimport { Help } from \"neetoicons\";\nimport { Button, Popover, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SIZE } from \"./constants\";\n\nconst HelpPopover = ({\n  title,\n  size = \"default\",\n  description,\n  helpLinkProps,\n  popoverProps,\n  className,\n  iconColor = \"#1f1f1f\",\n  icon: IconComponent = Help,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  const popoverRef = useRef();\n\n  return (\n    <>\n      <Button\n        {...otherProps}\n        data-cy=\"help-popover-button\"\n        data-testid=\"help-popover-button\"\n        icon={() => <IconComponent color={iconColor} size={SIZE[size]} />}\n        ref={popoverRef}\n        style=\"text\"\n        className={classNames(\n          \"neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0\",\n          className\n        )}\n      />\n      <Popover\n        appendTo={() => document.body}\n        reference={popoverRef}\n        {...popoverProps}\n      >\n        <div className=\"flex flex-col\">\n          {title && (\n            <Popover.Title\n              data-cy=\"help-popover-title\"\n              data-testid=\"help-popover-title\"\n            >\n              {title}\n            </Popover.Title>\n          )}\n          {typeof description === \"string\" ? (\n            <Typography\n              data-cy=\"help-popover-description\"\n              data-testid=\"help-popover-description\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {description}\n            </Typography>\n          ) : (\n            description\n          )}\n          {helpLinkProps && (\n            <Button\n              className=\"neeto-ui-mt-3\"\n              data-cy=\"help-popover-link-button\"\n              label={t(\"neetoMolecules.common.viewHelpArticle\")}\n              size=\"small\"\n              {...helpLinkProps}\n              data-testid=\"help-popover-link-button\"\n              style=\"link\"\n              target=\"_blank\"\n            />\n          )}\n        </div>\n      </Popover>\n    </>\n  );\n};\n\nHelpPopover.propTypes = {\n  /**\n   * To set the title of the help popover.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the size of the popover help icon.\n   */\n  size: PropTypes.oneOf([\"default\", \"large\"]),\n  /**\n   * To set the description of the popover, this can be a string or a custom component.\n   */\n  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * To set the props of the help link which is displayed below the description.\n   */\n  helpLinkProps: PropTypes.object,\n  /**\n   * To set the props of the popover to customize it further.\n   */\n  popoverProps: PropTypes.object,\n  /**\n   * Additional classes passed on to the help button element.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the default icon color of the help icon.\n   */\n  iconColor: PropTypes.string,\n  /**\n   * To customize the icon of the help popover.\n   */\n  icon: PropTypes.node,\n};\n\nexport default HelpPopover;\n"],"names":["SIZE","large","HelpPopover","_ref","title","_ref$size","size","description","helpLinkProps","popoverProps","className","_ref$iconColor","iconColor","_ref$icon","icon","IconComponent","Help","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","popoverRef","useRef","_jsxs","_Fragment","children","_jsx","Button","_objectSpread","color","ref","style","classNames","Popover","appendTo","document","body","reference","Title","Typography","lineHeight","label","target"],"mappings":"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"}
+{"version":3,"file":"HelpPopover.js","sources":["../src/components/HelpPopover/constants.js","../src/components/HelpPopover/index.jsx"],"sourcesContent":["export const SIZE = { default: 16, large: 20 };\n","import { useRef } from \"react\";\n\nimport classNames from \"classnames\";\nimport { Help } from \"neetoicons\";\nimport { Button, Popover, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SIZE } from \"./constants\";\n\nconst HelpPopover = ({\n  title,\n  size = \"default\",\n  description,\n  helpLinkProps,\n  popoverProps,\n  className,\n  iconColor = \"#1f1f1f\",\n  icon: IconComponent = Help,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  const popoverRef = useRef();\n\n  return (\n    <>\n      <Button\n        {...otherProps}\n        data-cy=\"help-popover-button\"\n        data-testid=\"help-popover-button\"\n        icon={() => <IconComponent color={iconColor} size={SIZE[size]} />}\n        ref={popoverRef}\n        style=\"text\"\n        className={classNames(\n          \"neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0\",\n          className\n        )}\n      />\n      <Popover\n        appendTo={() => document.body}\n        reference={popoverRef}\n        {...popoverProps}\n      >\n        <div className=\"flex flex-col\">\n          {title && (\n            <Popover.Title\n              data-cy=\"help-popover-title\"\n              data-testid=\"help-popover-title\"\n            >\n              {title}\n            </Popover.Title>\n          )}\n          {typeof description === \"string\" ? (\n            <Typography\n              data-cy=\"help-popover-description\"\n              data-testid=\"help-popover-description\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {description}\n            </Typography>\n          ) : (\n            description\n          )}\n          {helpLinkProps && (\n            <Button\n              className=\"neeto-ui-mt-3\"\n              data-cy=\"help-popover-link-button\"\n              label={t(\"neetoMolecules.common.viewHelpArticle\")}\n              size=\"small\"\n              {...helpLinkProps}\n              data-testid=\"help-popover-link-button\"\n              style=\"link\"\n              target=\"_blank\"\n            />\n          )}\n        </div>\n      </Popover>\n    </>\n  );\n};\n\nHelpPopover.propTypes = {\n  /**\n   * To set the title of the help popover.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the size of the popover help icon.\n   */\n  size: PropTypes.oneOf([\"default\", \"large\"]),\n  /**\n   * To set the description of the popover, this can be a string or a custom component.\n   */\n  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * To set the props of the help link which is displayed below the description.\n   */\n  helpLinkProps: PropTypes.object,\n  /**\n   * To set the props of the popover to customize it further.\n   */\n  popoverProps: PropTypes.object,\n  /**\n   * Additional classes passed on to the help button element.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the default icon color of the help icon.\n   */\n  iconColor: PropTypes.string,\n  /**\n   * To customize the icon of the help popover.\n   */\n  icon: PropTypes.node,\n};\n\nexport default HelpPopover;\n"],"names":["SIZE","large","HelpPopover","_ref","title","_ref$size","size","description","helpLinkProps","popoverProps","className","_ref$iconColor","iconColor","_ref$icon","icon","IconComponent","Help","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","popoverRef","useRef","_jsxs","_Fragment","children","_jsx","Button","_objectSpread","color","ref","style","classNames","Popover","appendTo","document","body","reference","Title","Typography","lineHeight","label","target"],"mappings":"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"}