@bigbinary/neeto-molecules 4.0.11 → 4.0.12

package/dist/cjs/LoginPage.js

@@ -70,7 +70,7 @@ var SignInForm = function SignInForm(_ref) {
     validationSchema: LOGIN_FORM_VALIDATION_SCHEMA,
     onSubmit: handleFormSubmit,
     children: /*#__PURE__*/jsxRuntime.jsxs(formik.Form, {
-      className: "w-full space-y-6",
+      className: "flex w-full flex-col gap-y-6",
       children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
         required: true,
         "data-cy": "login-email-text-field",
@@ -166,7 +166,7 @@ var SignIn = function SignIn(_ref) {
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "flex h-dvh w-full justify-center",
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "neeto-ui-bg-white neeto-ui-rounded-lg neeto-ui-shadow-sm w-full max-w-lg space-y-6 self-center p-8 sm:min-w-max sm:p-10",
+      className: "neeto-ui-bg-white neeto-ui-rounded-lg neeto-ui-shadow-sm flex w-full max-w-lg flex-col gap-y-6 self-center p-8 sm:min-w-max sm:p-10",
       children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
         style: "h3",
         weight: "medium",

package/dist/cjs/LoginPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginPage.js","sources":["../../src/components/LoginPage/constants.js","../../src/components/LoginPage/Form.jsx","../../src/components/LoginPage/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as Yup from \"yup\";\n\nexport const INITIAL_FORM_VALUES = { email: \"\", password: \"\" };\n\nexport const DEFAULT_EMAIL = \"oliver@example.com\";\nexport const DEFAULT_PASSWORD = \"welcome\";\n\nexport const LOGIN_FORM_VALIDATION_SCHEMA = Yup.object().shape({\n  email: Yup.string()\n    .email(t(\"neetoMolecules.login.invalidEmail\"))\n    .required(t(\"neetoMolecules.login.emailRequired\")),\n  password: Yup.string().required(t(\"neetoMolecules.login.passwordRequired\")),\n});\n","import { Form, Formik } from \"formik\";\nimport { getQueryParams } from \"neetocommons/utils\";\nimport { Button, Input } from \"neetoui/formik\";\nimport { assoc } from \"ramda\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport { INITIAL_FORM_VALUES, LOGIN_FORM_VALIDATION_SCHEMA } from \"./constants\";\n\nconst SignInForm = ({ handleFormSubmit }) => {\n  const { t } = useTranslation();\n  const { email = \"\" } = getQueryParams();\n\n  const emailPrefilledInitialValues = () =>\n    assoc(\"email\", email, INITIAL_FORM_VALUES);\n\n  if (Button === undefined) {\n    return (\n      <Trans\n        components={{ code: <code /> }}\n        i18nKey=\"neetoMolecules.login.installNeetoUI\"\n      />\n    );\n  }\n\n  return (\n    <Formik\n      initialValues={emailPrefilledInitialValues()}\n      validationSchema={LOGIN_FORM_VALIDATION_SCHEMA}\n      onSubmit={handleFormSubmit}\n    >\n      <Form className=\"w-full space-y-6\">\n        <Input\n          required\n          data-cy=\"login-email-text-field\"\n          data-test-id=\"login-email\"\n          label={t(\"neetoMolecules.login.email\")}\n          name=\"email\"\n          size=\"large\"\n        />\n        <Input\n          required\n          data-cy=\"login-password-text-field\"\n          data-test-id=\"login-password\"\n          label={t(\"neetoMolecules.login.password\")}\n          name=\"password\"\n          size=\"large\"\n          type=\"password\"\n        />\n        <Button\n          fullWidth\n          data-cy=\"login-submit-button\"\n          data-test-id=\"login-submit-button\"\n          label={t(\"neetoMolecules.login.login\")}\n          size=\"large\"\n          style=\"secondary\"\n          type=\"submit\"\n        />\n      </Form>\n    </Formik>\n  );\n};\n\nexport default SignInForm;\n","import { useState } from \"react\";\n\nimport { Button, Toastr, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport { DEFAULT_EMAIL, DEFAULT_PASSWORD } from \"./constants\";\nimport SignInForm from \"./Form\";\n\nconst SignIn = ({ handleSubmit }) => {\n  const [isSubmitting, setIsSubmitting] = useState(null);\n  const { t } = useTranslation();\n\n  const redirectAfterSuccessfulLogin = redirectTo => {\n    window.location.pathname = redirectTo || \"/\";\n  };\n\n  const handleFormSubmit = async formValues => {\n    try {\n      const response = await handleSubmit({ user: formValues });\n      Toastr.success(t(\"neetoMolecules.login.success\"));\n      redirectAfterSuccessfulLogin(response.redirectTo);\n    } catch {\n      /* empty */\n    }\n  };\n\n  const loginAsOliver = async () => {\n    setIsSubmitting(true);\n    await handleFormSubmit({\n      email: DEFAULT_EMAIL,\n      password: DEFAULT_PASSWORD,\n    });\n    setIsSubmitting(false);\n  };\n\n  return (\n    <div className=\"flex h-dvh w-full justify-center\">\n      <div className=\"neeto-ui-bg-white neeto-ui-rounded-lg neeto-ui-shadow-sm w-full max-w-lg space-y-6 self-center p-8 sm:min-w-max sm:p-10\">\n        <Typography style=\"h3\" weight=\"medium\">\n          <Trans\n            components={{ bold: <b data-test-id=\"organization-name\" /> }}\n            i18nKey=\"neetoMolecules.login.toOrganizationAccount\"\n            values={{ organizationName: globalProps.organization.name }}\n          />\n        </Typography>\n        <Button\n          fullWidth\n          disabled={isSubmitting}\n          label={t(\"neetoMolecules.login.loginAsOliver\")}\n          loading={isSubmitting}\n          size=\"large\"\n          style=\"primary\"\n          onClick={loginAsOliver}\n        />\n        <Typography className=\"text-center\" style=\"body1\" weight=\"semibold\">\n          {t(\"neetoMolecules.common.or\").toLocaleUpperCase()}\n        </Typography>\n        <SignInForm {...{ handleFormSubmit }} />\n      </div>\n    </div>\n  );\n};\n\nSignIn.propTypes = {\n  /**\n   * The function that is triggered when login button is clicked.\n   */\n  handleSubmit: PropTypes.func,\n};\n\nexport default SignIn;\n"],"names":["INITIAL_FORM_VALUES","email","password","DEFAULT_EMAIL","DEFAULT_PASSWORD","LOGIN_FORM_VALIDATION_SCHEMA","Yup","object","shape","string","t","required","SignInForm","_ref","handleFormSubmit","_useTranslation","useTranslation","_getQueryParams","getQueryParams","_getQueryParams$email","emailPrefilledInitialValues","assoc","Button","undefined","_jsx","Trans","components","code","i18nKey","Formik","initialValues","validationSchema","onSubmit","children","_jsxs","Form","className","Input","label","name","size","type","fullWidth","style","SignIn","handleSubmit","_useState","useState","_useState2","_slicedToArray","isSubmitting","setIsSubmitting","redirectAfterSuccessfulLogin","redirectTo","window","location","pathname","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","formValues","response","wrap","_callee$","_context","prev","next","user","sent","Toastr","success","t0","stop","_x","apply","arguments","loginAsOliver","_ref3","_callee2","_callee2$","_context2","Typography","weight","bold","values","organizationName","globalProps","organization","disabled","loading","onClick","toLocaleUpperCase"],"mappings":"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"}
+{"version":3,"file":"LoginPage.js","sources":["../../src/components/LoginPage/constants.js","../../src/components/LoginPage/Form.jsx","../../src/components/LoginPage/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as Yup from \"yup\";\n\nexport const INITIAL_FORM_VALUES = { email: \"\", password: \"\" };\n\nexport const DEFAULT_EMAIL = \"oliver@example.com\";\nexport const DEFAULT_PASSWORD = \"welcome\";\n\nexport const LOGIN_FORM_VALIDATION_SCHEMA = Yup.object().shape({\n  email: Yup.string()\n    .email(t(\"neetoMolecules.login.invalidEmail\"))\n    .required(t(\"neetoMolecules.login.emailRequired\")),\n  password: Yup.string().required(t(\"neetoMolecules.login.passwordRequired\")),\n});\n","import { Form, Formik } from \"formik\";\nimport { getQueryParams } from \"neetocommons/utils\";\nimport { Button, Input } from \"neetoui/formik\";\nimport { assoc } from \"ramda\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport { INITIAL_FORM_VALUES, LOGIN_FORM_VALIDATION_SCHEMA } from \"./constants\";\n\nconst SignInForm = ({ handleFormSubmit }) => {\n  const { t } = useTranslation();\n  const { email = \"\" } = getQueryParams();\n\n  const emailPrefilledInitialValues = () =>\n    assoc(\"email\", email, INITIAL_FORM_VALUES);\n\n  if (Button === undefined) {\n    return (\n      <Trans\n        components={{ code: <code /> }}\n        i18nKey=\"neetoMolecules.login.installNeetoUI\"\n      />\n    );\n  }\n\n  return (\n    <Formik\n      initialValues={emailPrefilledInitialValues()}\n      validationSchema={LOGIN_FORM_VALIDATION_SCHEMA}\n      onSubmit={handleFormSubmit}\n    >\n      <Form className=\"flex w-full flex-col gap-y-6\">\n        <Input\n          required\n          data-cy=\"login-email-text-field\"\n          data-test-id=\"login-email\"\n          label={t(\"neetoMolecules.login.email\")}\n          name=\"email\"\n          size=\"large\"\n        />\n        <Input\n          required\n          data-cy=\"login-password-text-field\"\n          data-test-id=\"login-password\"\n          label={t(\"neetoMolecules.login.password\")}\n          name=\"password\"\n          size=\"large\"\n          type=\"password\"\n        />\n        <Button\n          fullWidth\n          data-cy=\"login-submit-button\"\n          data-test-id=\"login-submit-button\"\n          label={t(\"neetoMolecules.login.login\")}\n          size=\"large\"\n          style=\"secondary\"\n          type=\"submit\"\n        />\n      </Form>\n    </Formik>\n  );\n};\n\nexport default SignInForm;\n","import { useState } from \"react\";\n\nimport { Button, Toastr, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport { DEFAULT_EMAIL, DEFAULT_PASSWORD } from \"./constants\";\nimport SignInForm from \"./Form\";\n\nconst SignIn = ({ handleSubmit }) => {\n  const [isSubmitting, setIsSubmitting] = useState(null);\n  const { t } = useTranslation();\n\n  const redirectAfterSuccessfulLogin = redirectTo => {\n    window.location.pathname = redirectTo || \"/\";\n  };\n\n  const handleFormSubmit = async formValues => {\n    try {\n      const response = await handleSubmit({ user: formValues });\n      Toastr.success(t(\"neetoMolecules.login.success\"));\n      redirectAfterSuccessfulLogin(response.redirectTo);\n    } catch {\n      /* empty */\n    }\n  };\n\n  const loginAsOliver = async () => {\n    setIsSubmitting(true);\n    await handleFormSubmit({\n      email: DEFAULT_EMAIL,\n      password: DEFAULT_PASSWORD,\n    });\n    setIsSubmitting(false);\n  };\n\n  return (\n    <div className=\"flex h-dvh w-full justify-center\">\n      <div className=\"neeto-ui-bg-white neeto-ui-rounded-lg neeto-ui-shadow-sm flex w-full max-w-lg flex-col gap-y-6 self-center p-8 sm:min-w-max sm:p-10\">\n        <Typography style=\"h3\" weight=\"medium\">\n          <Trans\n            components={{ bold: <b data-test-id=\"organization-name\" /> }}\n            i18nKey=\"neetoMolecules.login.toOrganizationAccount\"\n            values={{ organizationName: globalProps.organization.name }}\n          />\n        </Typography>\n        <Button\n          fullWidth\n          disabled={isSubmitting}\n          label={t(\"neetoMolecules.login.loginAsOliver\")}\n          loading={isSubmitting}\n          size=\"large\"\n          style=\"primary\"\n          onClick={loginAsOliver}\n        />\n        <Typography className=\"text-center\" style=\"body1\" weight=\"semibold\">\n          {t(\"neetoMolecules.common.or\").toLocaleUpperCase()}\n        </Typography>\n        <SignInForm {...{ handleFormSubmit }} />\n      </div>\n    </div>\n  );\n};\n\nSignIn.propTypes = {\n  /**\n   * The function that is triggered when login button is clicked.\n   */\n  handleSubmit: PropTypes.func,\n};\n\nexport default SignIn;\n"],"names":["INITIAL_FORM_VALUES","email","password","DEFAULT_EMAIL","DEFAULT_PASSWORD","LOGIN_FORM_VALIDATION_SCHEMA","Yup","object","shape","string","t","required","SignInForm","_ref","handleFormSubmit","_useTranslation","useTranslation","_getQueryParams","getQueryParams","_getQueryParams$email","emailPrefilledInitialValues","assoc","Button","undefined","_jsx","Trans","components","code","i18nKey","Formik","initialValues","validationSchema","onSubmit","children","_jsxs","Form","className","Input","label","name","size","type","fullWidth","style","SignIn","handleSubmit","_useState","useState","_useState2","_slicedToArray","isSubmitting","setIsSubmitting","redirectAfterSuccessfulLogin","redirectTo","window","location","pathname","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","formValues","response","wrap","_callee$","_context","prev","next","user","sent","Toastr","success","t0","stop","_x","apply","arguments","loginAsOliver","_ref3","_callee2","_callee2$","_context2","Typography","weight","bold","values","organizationName","globalProps","organization","disabled","loading","onClick","toLocaleUpperCase"],"mappings":"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"}

package/dist/cjs/Metadata.js

@@ -99,7 +99,7 @@ var DetailsBlock = function DetailsBlock(_ref) {
     className: className,
     title: title !== null && title !== void 0 ? title : t("neetoMolecules.metadata.detailsTitle"),
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex flex-col space-y-3",
+      className: "flex flex-col gap-y-3",
       "data-cy": "neeto-molecules-metadata-details-block",
       children: [visibleDetails.map(function (_ref4, index) {
         var label = _ref4.label,
@@ -111,7 +111,7 @@ var DetailsBlock = function DetailsBlock(_ref) {
           }) : /*#__PURE__*/jsxRuntime.jsxs("div", {
             "data-testid": "details-card-detail-wrapper",
             className: classnames("flex", {
-              "items-center space-x-4": style === STYLES.inline,
+              "items-center gap-x-4": style === STYLES.inline,
               "flex-col": style === STYLES.multiline
             }),
             children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
@@ -131,7 +131,7 @@ var DetailsBlock = function DetailsBlock(_ref) {
               className: "neeto-ui-border-gray-200"
             }) : /*#__PURE__*/jsxRuntime.jsxs("div", {
               className: classnames("flex", {
-                "space-x-4": style === STYLES.inline,
+                "gap-x-4": style === STYLES.inline,
                 "flex-col": style === STYLES.multiline
               }),
               children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {

package/dist/cjs/Metadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"Metadata.js","sources":["../../src/components/Metadata/Block.jsx","../../src/components/Metadata/constants.js","../../src/components/Metadata/DetailsBlock.jsx","../../src/components/Metadata/index.jsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst Block = ({ title, actionBlock, children, className = \"\" }) => (\n  <div\n    className=\"neeto-molecules-metadata__block neeto-ui-border-gray-200 mb-4 w-full border-b pb-4\"\n    data-cy=\"neeto-molecules-metadata-block\"\n    data-testid=\"metadata-block\"\n  >\n    {(title || actionBlock) && (\n      <div className=\"mb-2 flex w-full items-center justify-between gap-2\">\n        {title && (\n          <div className=\"flex w-60 items-center gap-2 break-all\">\n            <Typography\n              className=\"neeto-ui-text-gray-700\"\n              data-testid=\"metadata-block-title\"\n              style=\"h5\"\n              textTransform=\"uppercase\"\n              weight=\"bold\"\n            >\n              {title}\n            </Typography>\n          </div>\n        )}\n        {actionBlock && <div className=\"ml-auto\">{actionBlock}</div>}\n      </div>\n    )}\n    {!!children && (\n      <div\n        data-testid=\"metadata-card\"\n        className={classnames(\n          \"neeto-ui-bg-white neeto-molecules-metadata__card\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    )}\n  </div>\n);\n\nBlock.propTypes = {\n  /**\n   * To specify the content to be rendered on the right side of the title.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the title of the block.\n   */\n  title: PropTypes.string,\n  /**\n   * The content to be rendered inside the block.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify external classNames as overrides to the `Block` component.\n   */\n  className: PropTypes.string,\n};\n\nexport default Block;\n","export const STYLES = { inline: \"inline\", multiline: \"multiline\" };\n\nexport const SIZES = { small: \"small\", medium: \"medium\" };\n\nexport const DEFAULT_TRUNCATE_AT = 3;\n","import { Fragment, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty } from \"neetocist\";\nimport { Down, Up } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Block from \"./Block\";\nimport { DEFAULT_TRUNCATE_AT, STYLES } from \"./constants\";\n\nconst DetailsBlock = ({\n  title,\n  actionBlock,\n  details = [],\n  className,\n  style = STYLES.inline,\n  truncate = false,\n  truncateAt = DEFAULT_TRUNCATE_AT,\n  children,\n}) => {\n  const [showTruncated, setShowTruncated] = useState(false);\n\n  const { t } = useTranslation();\n\n  const [visibleDetails, truncatedDetails] = truncate\n    ? [details.slice(0, truncateAt), details.slice(truncateAt)]\n    : [details];\n\n  const renderDetailsValue = value => {\n    if (typeof value === \"string\") {\n      return (\n        <Typography className=\"break-anywhere\" style=\"body2\">\n          {value}\n        </Typography>\n      );\n    }\n\n    return <span className=\"min-w-0 flex-grow\">{value}</span>;\n  };\n\n  return (\n    <Block\n      {...{ actionBlock, className }}\n      title={title ?? t(\"neetoMolecules.metadata.detailsTitle\")}\n    >\n      <div\n        className=\"flex flex-col space-y-3\"\n        data-cy=\"neeto-molecules-metadata-details-block\"\n      >\n        {visibleDetails.map(({ label, value, type }, index) => (\n          <Fragment key={index}>\n            {type === \"divider\" ? (\n              <hr className=\"neeto-ui-border-gray-200\" />\n            ) : (\n              <div\n                data-testid=\"details-card-detail-wrapper\"\n                className={classnames(\"flex\", {\n                  \"items-center space-x-4\": style === STYLES.inline,\n                  \"flex-col\": style === STYLES.multiline,\n                })}\n              >\n                <Typography className=\"neeto-ui-text-gray-600\" style=\"body2\">\n                  {label}\n                </Typography>\n                {renderDetailsValue(value)}\n              </div>\n            )}\n          </Fragment>\n        ))}\n        {!truncate && children}\n        {showTruncated && (\n          <>\n            {truncatedDetails.map(({ label, value, type }, index) => (\n              <Fragment key={index}>\n                {type === \"divider\" ? (\n                  <hr className=\"neeto-ui-border-gray-200\" />\n                ) : (\n                  <div\n                    className={classnames(\"flex\", {\n                      \"space-x-4\": style === STYLES.inline,\n                      \"flex-col\": style === STYLES.multiline,\n                    })}\n                  >\n                    <Typography\n                      className=\"neeto-ui-text-gray-600\"\n                      style=\"body2\"\n                    >\n                      {label}\n                    </Typography>\n                    {renderDetailsValue(value)}\n                  </div>\n                )}\n              </Fragment>\n            ))}\n            {children}\n          </>\n        )}\n        {truncate && isNotEmpty(truncatedDetails) && (\n          <Button\n            data-testid=\"expand-button\"\n            icon={showTruncated ? Up : Down}\n            style=\"link\"\n            label={\n              showTruncated\n                ? t(\"neetoMolecules.metadata.card.viewLess\")\n                : t(\"neetoMolecules.metadata.card.viewMore\")\n            }\n            onClick={() => setShowTruncated(showTruncated => !showTruncated)}\n          />\n        )}\n      </div>\n    </Block>\n  );\n};\n\nDetailsBlock.propTypes = {\n  /**\n   * To specify the content to be rendered on the right side of the title.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the title of the block.\n   */\n  title: PropTypes.string,\n  /**\n   * The details to be rendered inside the block.\n   */\n  details: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.node,\n      type: PropTypes.string,\n    })\n  ),\n  /**\n   * To specify whether the label and value should be rendered in a single line or in two lines.\n   */\n  style: PropTypes.oneOf([\"inline\", \"multiline\"]),\n  /**\n   * To specify whether the visible details should be truncated at a specific point.\n   */\n  truncate: PropTypes.bool,\n  /**\n   * To specify the position at which the details should be truncated and `View more` button should be shown.\n   */\n  truncateAt: PropTypes.number,\n  /**\n   * To specify external classNames as overrides to the `DetailsBlock` component.\n   */\n  className: PropTypes.string,\n  /**\n   * The additional content to be rendered inside the block.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n};\n\nexport default DetailsBlock;\n","import { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { Collapse } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Block from \"./Block\";\nimport { SIZES } from \"./constants\";\nimport DetailsBlock from \"./DetailsBlock\";\nimport \"./metadata.scss\";\n\nconst Metadata = ({\n  headerBlock,\n  size = SIZES.medium,\n  children,\n  className = \"\",\n}) => {\n  const { isSize } = useBreakpoints();\n  const isLargerScreen = isSize(\"desktop\") || isSize(\"largeDesktop\");\n  const [isElementsPanelCollapsed, setIsElementsPanelCollapsed] = useState(\n    !isLargerScreen\n  );\n\n  useEffect(() => {\n    setIsElementsPanelCollapsed(!isLargerScreen);\n  }, [isLargerScreen]);\n\n  return (\n    <>\n      {!isElementsPanelCollapsed && (\n        <div\n          className=\"neeto-molecules-metadata-panel__backdrop\"\n          onClick={() => {\n            setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n          }}\n        />\n      )}\n      <div\n        className={classnames(\"neeto-molecules-metadata-list-panel__wrapper\", {\n          \"neeto-molecules-metadata-list-panel__wrapper--collapsed\":\n            isElementsPanelCollapsed,\n        })}\n      >\n        <div className=\"neeto-molecules-metadata-list-panel__container\">\n          <div\n            data-cy=\"neeto-molecules-metadata-wrapper\"\n            data-testid=\"metadata-wrapper\"\n            className={classnames(\n              \"neeto-ui-bg-white neeto-molecules-metadata neeto-ui-border-gray-200 h-dvh flex-shrink-0 overflow-y-auto overflow-x-hidden border-l\",\n              {\n                \"neeto-molecules-metadata--size-large\": size === SIZES.medium,\n                \"neeto-molecules-metadata--size-small\": size === SIZES.small,\n              },\n              className\n            )}\n          >\n            {headerBlock && (\n              <div\n                className=\"neeto-molecules-metadata__header mb-5 flex w-full justify-center\"\n                data-cy=\"neeto-molecules-metadata-header\"\n                data-testid=\"metadata-header\"\n              >\n                {headerBlock}\n              </div>\n            )}\n            {children}\n          </div>\n        </div>\n        <Button\n          className=\"neeto-molecules-metadata-list-panel__toggler\"\n          icon={Collapse}\n          style=\"secondary\"\n          onClick={() => {\n            setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n          }}\n        />\n      </div>\n    </>\n  );\n};\n\nMetadata.Block = Block;\nMetadata.DetailsBlock = DetailsBlock;\n\nMetadata.propTypes = {\n  /**\n   * To specify the content to be rendered as the title of the `Metadata` wrapper.\n   */\n  headerBlock: PropTypes.node,\n  /**\n   * The content to be rendered inside the `Metadata` wrapper.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify external classNames as overrides to the `Metadata` component.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the size of the `Metadata` wrapper.\n   */\n  size: PropTypes.oneOf([\"small\", \"medium\"]),\n};\n\nexport default Metadata;\n"],"names":["Block","_ref","title","actionBlock","children","_ref$className","className","_jsxs","_jsx","Typography","style","textTransform","weight","classnames","STYLES","inline","multiline","SIZES","small","medium","DEFAULT_TRUNCATE_AT","DetailsBlock","_ref$details","details","_ref$style","_ref$truncate","truncate","_ref$truncateAt","truncateAt","_useState","useState","_useState2","_slicedToArray","showTruncated","setShowTruncated","_useTranslation","useTranslation","t","_ref2","slice","_ref3","visibleDetails","truncatedDetails","renderDetailsValue","value","map","_ref4","index","label","type","Fragment","_Fragment","_ref5","isNotEmpty","Button","icon","Up","Down","onClick","Metadata","headerBlock","_ref$size","size","_useBreakpoints","useBreakpoints","isSize","isLargerScreen","isElementsPanelCollapsed","setIsElementsPanelCollapsed","useEffect","Collapse"],"mappings":"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"}
+{"version":3,"file":"Metadata.js","sources":["../../src/components/Metadata/Block.jsx","../../src/components/Metadata/constants.js","../../src/components/Metadata/DetailsBlock.jsx","../../src/components/Metadata/index.jsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst Block = ({ title, actionBlock, children, className = \"\" }) => (\n  <div\n    className=\"neeto-molecules-metadata__block neeto-ui-border-gray-200 mb-4 w-full border-b pb-4\"\n    data-cy=\"neeto-molecules-metadata-block\"\n    data-testid=\"metadata-block\"\n  >\n    {(title || actionBlock) && (\n      <div className=\"mb-2 flex w-full items-center justify-between gap-2\">\n        {title && (\n          <div className=\"flex w-60 items-center gap-2 break-all\">\n            <Typography\n              className=\"neeto-ui-text-gray-700\"\n              data-testid=\"metadata-block-title\"\n              style=\"h5\"\n              textTransform=\"uppercase\"\n              weight=\"bold\"\n            >\n              {title}\n            </Typography>\n          </div>\n        )}\n        {actionBlock && <div className=\"ml-auto\">{actionBlock}</div>}\n      </div>\n    )}\n    {!!children && (\n      <div\n        data-testid=\"metadata-card\"\n        className={classnames(\n          \"neeto-ui-bg-white neeto-molecules-metadata__card\",\n          className\n        )}\n      >\n        {children}\n      </div>\n    )}\n  </div>\n);\n\nBlock.propTypes = {\n  /**\n   * To specify the content to be rendered on the right side of the title.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the title of the block.\n   */\n  title: PropTypes.string,\n  /**\n   * The content to be rendered inside the block.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify external classNames as overrides to the `Block` component.\n   */\n  className: PropTypes.string,\n};\n\nexport default Block;\n","export const STYLES = { inline: \"inline\", multiline: \"multiline\" };\n\nexport const SIZES = { small: \"small\", medium: \"medium\" };\n\nexport const DEFAULT_TRUNCATE_AT = 3;\n","import { Fragment, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty } from \"neetocist\";\nimport { Down, Up } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Block from \"./Block\";\nimport { DEFAULT_TRUNCATE_AT, STYLES } from \"./constants\";\n\nconst DetailsBlock = ({\n  title,\n  actionBlock,\n  details = [],\n  className,\n  style = STYLES.inline,\n  truncate = false,\n  truncateAt = DEFAULT_TRUNCATE_AT,\n  children,\n}) => {\n  const [showTruncated, setShowTruncated] = useState(false);\n\n  const { t } = useTranslation();\n\n  const [visibleDetails, truncatedDetails] = truncate\n    ? [details.slice(0, truncateAt), details.slice(truncateAt)]\n    : [details];\n\n  const renderDetailsValue = value => {\n    if (typeof value === \"string\") {\n      return (\n        <Typography className=\"break-anywhere\" style=\"body2\">\n          {value}\n        </Typography>\n      );\n    }\n\n    return <span className=\"min-w-0 flex-grow\">{value}</span>;\n  };\n\n  return (\n    <Block\n      {...{ actionBlock, className }}\n      title={title ?? t(\"neetoMolecules.metadata.detailsTitle\")}\n    >\n      <div\n        className=\"flex flex-col gap-y-3\"\n        data-cy=\"neeto-molecules-metadata-details-block\"\n      >\n        {visibleDetails.map(({ label, value, type }, index) => (\n          <Fragment key={index}>\n            {type === \"divider\" ? (\n              <hr className=\"neeto-ui-border-gray-200\" />\n            ) : (\n              <div\n                data-testid=\"details-card-detail-wrapper\"\n                className={classnames(\"flex\", {\n                  \"items-center gap-x-4\": style === STYLES.inline,\n                  \"flex-col\": style === STYLES.multiline,\n                })}\n              >\n                <Typography className=\"neeto-ui-text-gray-600\" style=\"body2\">\n                  {label}\n                </Typography>\n                {renderDetailsValue(value)}\n              </div>\n            )}\n          </Fragment>\n        ))}\n        {!truncate && children}\n        {showTruncated && (\n          <>\n            {truncatedDetails.map(({ label, value, type }, index) => (\n              <Fragment key={index}>\n                {type === \"divider\" ? (\n                  <hr className=\"neeto-ui-border-gray-200\" />\n                ) : (\n                  <div\n                    className={classnames(\"flex\", {\n                      \"gap-x-4\": style === STYLES.inline,\n                      \"flex-col\": style === STYLES.multiline,\n                    })}\n                  >\n                    <Typography\n                      className=\"neeto-ui-text-gray-600\"\n                      style=\"body2\"\n                    >\n                      {label}\n                    </Typography>\n                    {renderDetailsValue(value)}\n                  </div>\n                )}\n              </Fragment>\n            ))}\n            {children}\n          </>\n        )}\n        {truncate && isNotEmpty(truncatedDetails) && (\n          <Button\n            data-testid=\"expand-button\"\n            icon={showTruncated ? Up : Down}\n            style=\"link\"\n            label={\n              showTruncated\n                ? t(\"neetoMolecules.metadata.card.viewLess\")\n                : t(\"neetoMolecules.metadata.card.viewMore\")\n            }\n            onClick={() => setShowTruncated(showTruncated => !showTruncated)}\n          />\n        )}\n      </div>\n    </Block>\n  );\n};\n\nDetailsBlock.propTypes = {\n  /**\n   * To specify the content to be rendered on the right side of the title.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the title of the block.\n   */\n  title: PropTypes.string,\n  /**\n   * The details to be rendered inside the block.\n   */\n  details: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.node,\n      type: PropTypes.string,\n    })\n  ),\n  /**\n   * To specify whether the label and value should be rendered in a single line or in two lines.\n   */\n  style: PropTypes.oneOf([\"inline\", \"multiline\"]),\n  /**\n   * To specify whether the visible details should be truncated at a specific point.\n   */\n  truncate: PropTypes.bool,\n  /**\n   * To specify the position at which the details should be truncated and `View more` button should be shown.\n   */\n  truncateAt: PropTypes.number,\n  /**\n   * To specify external classNames as overrides to the `DetailsBlock` component.\n   */\n  className: PropTypes.string,\n  /**\n   * The additional content to be rendered inside the block.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n};\n\nexport default DetailsBlock;\n","import { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport useBreakpoints from \"neetocommons/react-utils/useBreakpoints\";\nimport { Collapse } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Block from \"./Block\";\nimport { SIZES } from \"./constants\";\nimport DetailsBlock from \"./DetailsBlock\";\nimport \"./metadata.scss\";\n\nconst Metadata = ({\n  headerBlock,\n  size = SIZES.medium,\n  children,\n  className = \"\",\n}) => {\n  const { isSize } = useBreakpoints();\n  const isLargerScreen = isSize(\"desktop\") || isSize(\"largeDesktop\");\n  const [isElementsPanelCollapsed, setIsElementsPanelCollapsed] = useState(\n    !isLargerScreen\n  );\n\n  useEffect(() => {\n    setIsElementsPanelCollapsed(!isLargerScreen);\n  }, [isLargerScreen]);\n\n  return (\n    <>\n      {!isElementsPanelCollapsed && (\n        <div\n          className=\"neeto-molecules-metadata-panel__backdrop\"\n          onClick={() => {\n            setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n          }}\n        />\n      )}\n      <div\n        className={classnames(\"neeto-molecules-metadata-list-panel__wrapper\", {\n          \"neeto-molecules-metadata-list-panel__wrapper--collapsed\":\n            isElementsPanelCollapsed,\n        })}\n      >\n        <div className=\"neeto-molecules-metadata-list-panel__container\">\n          <div\n            data-cy=\"neeto-molecules-metadata-wrapper\"\n            data-testid=\"metadata-wrapper\"\n            className={classnames(\n              \"neeto-ui-bg-white neeto-molecules-metadata neeto-ui-border-gray-200 h-dvh flex-shrink-0 overflow-y-auto overflow-x-hidden border-l\",\n              {\n                \"neeto-molecules-metadata--size-large\": size === SIZES.medium,\n                \"neeto-molecules-metadata--size-small\": size === SIZES.small,\n              },\n              className\n            )}\n          >\n            {headerBlock && (\n              <div\n                className=\"neeto-molecules-metadata__header mb-5 flex w-full justify-center\"\n                data-cy=\"neeto-molecules-metadata-header\"\n                data-testid=\"metadata-header\"\n              >\n                {headerBlock}\n              </div>\n            )}\n            {children}\n          </div>\n        </div>\n        <Button\n          className=\"neeto-molecules-metadata-list-panel__toggler\"\n          icon={Collapse}\n          style=\"secondary\"\n          onClick={() => {\n            setIsElementsPanelCollapsed(!isElementsPanelCollapsed);\n          }}\n        />\n      </div>\n    </>\n  );\n};\n\nMetadata.Block = Block;\nMetadata.DetailsBlock = DetailsBlock;\n\nMetadata.propTypes = {\n  /**\n   * To specify the content to be rendered as the title of the `Metadata` wrapper.\n   */\n  headerBlock: PropTypes.node,\n  /**\n   * The content to be rendered inside the `Metadata` wrapper.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * To specify external classNames as overrides to the `Metadata` component.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the size of the `Metadata` wrapper.\n   */\n  size: PropTypes.oneOf([\"small\", \"medium\"]),\n};\n\nexport default Metadata;\n"],"names":["Block","_ref","title","actionBlock","children","_ref$className","className","_jsxs","_jsx","Typography","style","textTransform","weight","classnames","STYLES","inline","multiline","SIZES","small","medium","DEFAULT_TRUNCATE_AT","DetailsBlock","_ref$details","details","_ref$style","_ref$truncate","truncate","_ref$truncateAt","truncateAt","_useState","useState","_useState2","_slicedToArray","showTruncated","setShowTruncated","_useTranslation","useTranslation","t","_ref2","slice","_ref3","visibleDetails","truncatedDetails","renderDetailsValue","value","map","_ref4","index","label","type","Fragment","_Fragment","_ref5","isNotEmpty","Button","icon","Up","Down","onClick","Metadata","headerBlock","_ref$size","size","_useBreakpoints","useBreakpoints","isSize","isLargerScreen","isElementsPanelCollapsed","setIsElementsPanelCollapsed","useEffect","Collapse"],"mappings":"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"}

package/dist/cjs/NeetoWidget.js

@@ -2400,7 +2400,7 @@ var CodeSnippet = function CodeSnippet(_ref) {
           })
         }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
           children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: "w-full space-y-4",
+            className: "flex w-full flex-col gap-y-4",
             children: [/*#__PURE__*/jsxRuntime.jsx(MultiEmailInput, {
               required: true,
               label: t("neetoMolecules.widget.email.fields.emails.label"),