@transferwise/components 46.83.2 → 46.83.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -48,8 +48,14 @@ const Option = /*#__PURE__*/React.forwardRef(({
48
48
  })
49
49
  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
50
50
  className: "media-body",
51
- children: [/*#__PURE__*/jsxRuntime.jsx("h4", {
52
- className: "np-text-body-large-bold text-primary np-option__title",
51
+ children: [/*#__PURE__*/jsxRuntime.jsx(Body, {
52
+ type: "body-large-bold"
53
+ // for a11y this needs to be a header but for SEO it shouldn't be `h*` tag
54
+ // so we enable header semantics via `role` and `aria-level` attrs
55
+ ,
56
+ role: "heading",
57
+ "aria-level": "4",
58
+ className: "text-primary np-option__title",
53
59
  children: title
54
60
  }), content && /*#__PURE__*/jsxRuntime.jsx(Body, {
55
61
  className: "d-block np-option__body",
@@ -1 +1 @@
1
- {"version":3,"file":"Option.js","sources":["../../../src/common/Option/Option.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { MouseEvent, forwardRef, HTMLAttributes, ReactNode, ElementType } from 'react';\n\nimport Body from '../../body';\nimport { LinkProps } from '../commonProps';\n\nexport interface BaseOptionProps extends Omit<HTMLAttributes<HTMLElement>, 'title' | 'content'> {\n 'aria-label'?: string;\n 'aria-expanded'?: boolean;\n 'aria-controls'?: string;\n media?: ReactNode;\n name?: string;\n htmlFor?: string;\n title: ReactNode;\n content?: ReactNode;\n onClick?: (event: MouseEvent<HTMLElement>) => void;\n as?: ElementType;\n disabled?: boolean;\n button?: ReactNode;\n decision?: boolean;\n complex?: boolean;\n inverseMediaCircle?: boolean;\n className?: string;\n showMediaAtAllSizes?: boolean;\n showMediaCircle?: boolean;\n isContainerAligned?: boolean;\n}\n\ninterface AnchorOptionProps extends BaseOptionProps, LinkProps {\n as: 'a';\n}\n\nexport type OptionProps = BaseOptionProps | AnchorOptionProps;\n\nexport type ReferenceType = HTMLElement | HTMLAnchorElement;\n\nconst Option = forwardRef<ReferenceType, OptionProps>(\n (\n {\n media = '',\n title,\n content,\n as: component,\n button,\n decision = true,\n disabled = false,\n complex,\n inverseMediaCircle = true,\n className,\n showMediaAtAllSizes,\n showMediaCircle = true,\n isContainerAligned = false,\n ...rest\n },\n reference,\n ) => {\n const Element = component ?? 'label';\n\n return (\n <Element\n {...rest}\n ref={reference}\n className={clsx('np-option', className, {\n 'decision-complex': complex,\n decision,\n disabled,\n 'np-option__sm-media': showMediaAtAllSizes,\n 'np-option__container-aligned': isContainerAligned,\n })}\n disabled={disabled && Element === 'button'}\n >\n <div className=\"media\">\n {media && (\n <div className=\"media-left\">\n {showMediaCircle ? (\n <div\n className={clsx('circle circle-sm text-primary', {\n 'circle-inverse': inverseMediaCircle,\n })}\n >\n {media}\n </div>\n ) : (\n <div className=\"np-option__no-media-circle\">{media}</div>\n )}\n </div>\n )}\n <div className=\"media-body\">\n <h4 className=\"np-text-body-large-bold text-primary np-option__title\">{title}</h4>\n {content && <Body className=\"d-block np-option__body\">{content}</Body>}\n </div>\n <div className=\"media-right\">{button}</div>\n </div>\n </Element>\n );\n },\n);\n\nexport default Option;\n"],"names":["Option","forwardRef","media","title","content","as","component","button","decision","disabled","complex","inverseMediaCircle","className","showMediaAtAllSizes","showMediaCircle","isContainerAligned","rest","reference","Element","_jsx","ref","clsx","children","_jsxs","Body"],"mappings":";;;;;;;AAoCA,MAAMA,MAAM,gBAAGC,gBAAU,CACvB,CACE;AACEC,EAAAA,KAAK,GAAG,EAAE;EACVC,KAAK;EACLC,OAAO;AACPC,EAAAA,EAAE,EAAEC,SAAS;EACbC,MAAM;AACNC,EAAAA,QAAQ,GAAG,IAAI;AACfC,EAAAA,QAAQ,GAAG,KAAK;EAChBC,OAAO;AACPC,EAAAA,kBAAkB,GAAG,IAAI;EACzBC,SAAS;EACTC,mBAAmB;AACnBC,EAAAA,eAAe,GAAG,IAAI;AACtBC,EAAAA,kBAAkB,GAAG,KAAK;EAC1B,GAAGC,IAAAA;AACJ,CAAA,EACDC,SAAS,KACP;AACF,EAAA,MAAMC,OAAO,GAAGZ,SAAS,IAAI,OAAO,CAAA;EAEpC,oBACEa,cAAA,CAACD,OAAO,EAAA;AAAA,IAAA,GACFF,IAAI;AACRI,IAAAA,GAAG,EAAEH,SAAU;AACfL,IAAAA,SAAS,EAAES,SAAI,CAAC,WAAW,EAAET,SAAS,EAAE;AACtC,MAAA,kBAAkB,EAAEF,OAAO;MAC3BF,QAAQ;MACRC,QAAQ;AACR,MAAA,qBAAqB,EAAEI,mBAAmB;AAC1C,MAAA,8BAA8B,EAAEE,kBAAAA;KACjC,CAAE;AACHN,IAAAA,QAAQ,EAAEA,QAAQ,IAAIS,OAAO,KAAK,QAAS;AAAAI,IAAAA,QAAA,eAE3CC,eAAA,CAAA,KAAA,EAAA;AAAKX,MAAAA,SAAS,EAAC,OAAO;MAAAU,QAAA,EAAA,CACnBpB,KAAK,iBACJiB,cAAA,CAAA,KAAA,EAAA;AAAKP,QAAAA,SAAS,EAAC,YAAY;QAAAU,QAAA,EACxBR,eAAe,gBACdK,cAAA,CAAA,KAAA,EAAA;AACEP,UAAAA,SAAS,EAAES,SAAI,CAAC,+BAA+B,EAAE;AAC/C,YAAA,gBAAgB,EAAEV,kBAAAA;AACnB,WAAA,CAAE;AAAAW,UAAAA,QAAA,EAEFpB,KAAAA;SACE,CAAC,gBAENiB,cAAA,CAAA,KAAA,EAAA;AAAKP,UAAAA,SAAS,EAAC,4BAA4B;AAAAU,UAAAA,QAAA,EAAEpB,KAAAA;SAAW,CAAA;OAEvD,CACN,eACDqB,eAAA,CAAA,KAAA,EAAA;AAAKX,QAAAA,SAAS,EAAC,YAAY;AAAAU,QAAAA,QAAA,gBACzBH,cAAA,CAAA,IAAA,EAAA;AAAIP,UAAAA,SAAS,EAAC,uDAAuD;AAAAU,UAAAA,QAAA,EAAEnB,KAAAA;AAAK,SAAK,CACjF,EAACC,OAAO,iBAAIe,cAAA,CAACK,IAAI,EAAA;AAACZ,UAAAA,SAAS,EAAC,yBAAyB;AAAAU,UAAAA,QAAA,EAAElB,OAAAA;AAAO,SAAO,CAAC,CAAA;OACnE,CACL,eAAAe,cAAA,CAAA,KAAA,EAAA;AAAKP,QAAAA,SAAS,EAAC,aAAa;AAAAU,QAAAA,QAAA,EAAEf,MAAAA;AAAM,OAAM,CAC5C,CAAA;KAAK,CAAA;AACP,GAAS,CAAC,CAAA;AAEd,CAAC;;;;"}
1
+ {"version":3,"file":"Option.js","sources":["../../../src/common/Option/Option.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { MouseEvent, forwardRef, HTMLAttributes, ReactNode, ElementType } from 'react';\n\nimport Body from '../../body';\nimport { LinkProps } from '../commonProps';\n\nexport interface BaseOptionProps extends Omit<HTMLAttributes<HTMLElement>, 'title' | 'content'> {\n 'aria-label'?: string;\n 'aria-expanded'?: boolean;\n 'aria-controls'?: string;\n media?: ReactNode;\n name?: string;\n htmlFor?: string;\n title: ReactNode;\n content?: ReactNode;\n onClick?: (event: MouseEvent<HTMLElement>) => void;\n as?: ElementType;\n disabled?: boolean;\n button?: ReactNode;\n decision?: boolean;\n complex?: boolean;\n inverseMediaCircle?: boolean;\n className?: string;\n showMediaAtAllSizes?: boolean;\n showMediaCircle?: boolean;\n isContainerAligned?: boolean;\n}\n\ninterface AnchorOptionProps extends BaseOptionProps, LinkProps {\n as: 'a';\n}\n\nexport type OptionProps = BaseOptionProps | AnchorOptionProps;\n\nexport type ReferenceType = HTMLElement | HTMLAnchorElement;\n\nconst Option = forwardRef<ReferenceType, OptionProps>(\n (\n {\n media = '',\n title,\n content,\n as: component,\n button,\n decision = true,\n disabled = false,\n complex,\n inverseMediaCircle = true,\n className,\n showMediaAtAllSizes,\n showMediaCircle = true,\n isContainerAligned = false,\n ...rest\n },\n reference,\n ) => {\n const Element = component ?? 'label';\n\n return (\n <Element\n {...rest}\n ref={reference}\n className={clsx('np-option', className, {\n 'decision-complex': complex,\n decision,\n disabled,\n 'np-option__sm-media': showMediaAtAllSizes,\n 'np-option__container-aligned': isContainerAligned,\n })}\n disabled={disabled && Element === 'button'}\n >\n <div className=\"media\">\n {media && (\n <div className=\"media-left\">\n {showMediaCircle ? (\n <div\n className={clsx('circle circle-sm text-primary', {\n 'circle-inverse': inverseMediaCircle,\n })}\n >\n {media}\n </div>\n ) : (\n <div className=\"np-option__no-media-circle\">{media}</div>\n )}\n </div>\n )}\n <div className=\"media-body\">\n {/* @ts-expect-error div can have role and aria-lavel props */}\n <Body\n type=\"body-large-bold\"\n // for a11y this needs to be a header but for SEO it shouldn't be `h*` tag\n // so we enable header semantics via `role` and `aria-level` attrs\n role=\"heading\"\n aria-level=\"4\"\n className=\"text-primary np-option__title\"\n >\n {title}\n </Body>\n {content && <Body className=\"d-block np-option__body\">{content}</Body>}\n </div>\n <div className=\"media-right\">{button}</div>\n </div>\n </Element>\n );\n },\n);\n\nexport default Option;\n"],"names":["Option","forwardRef","media","title","content","as","component","button","decision","disabled","complex","inverseMediaCircle","className","showMediaAtAllSizes","showMediaCircle","isContainerAligned","rest","reference","Element","_jsx","ref","clsx","children","_jsxs","Body","type","role"],"mappings":";;;;;;;AAoCA,MAAMA,MAAM,gBAAGC,gBAAU,CACvB,CACE;AACEC,EAAAA,KAAK,GAAG,EAAE;EACVC,KAAK;EACLC,OAAO;AACPC,EAAAA,EAAE,EAAEC,SAAS;EACbC,MAAM;AACNC,EAAAA,QAAQ,GAAG,IAAI;AACfC,EAAAA,QAAQ,GAAG,KAAK;EAChBC,OAAO;AACPC,EAAAA,kBAAkB,GAAG,IAAI;EACzBC,SAAS;EACTC,mBAAmB;AACnBC,EAAAA,eAAe,GAAG,IAAI;AACtBC,EAAAA,kBAAkB,GAAG,KAAK;EAC1B,GAAGC,IAAAA;AACJ,CAAA,EACDC,SAAS,KACP;AACF,EAAA,MAAMC,OAAO,GAAGZ,SAAS,IAAI,OAAO,CAAA;EAEpC,oBACEa,cAAA,CAACD,OAAO,EAAA;AAAA,IAAA,GACFF,IAAI;AACRI,IAAAA,GAAG,EAAEH,SAAU;AACfL,IAAAA,SAAS,EAAES,SAAI,CAAC,WAAW,EAAET,SAAS,EAAE;AACtC,MAAA,kBAAkB,EAAEF,OAAO;MAC3BF,QAAQ;MACRC,QAAQ;AACR,MAAA,qBAAqB,EAAEI,mBAAmB;AAC1C,MAAA,8BAA8B,EAAEE,kBAAAA;KACjC,CAAE;AACHN,IAAAA,QAAQ,EAAEA,QAAQ,IAAIS,OAAO,KAAK,QAAS;AAAAI,IAAAA,QAAA,eAE3CC,eAAA,CAAA,KAAA,EAAA;AAAKX,MAAAA,SAAS,EAAC,OAAO;MAAAU,QAAA,EAAA,CACnBpB,KAAK,iBACJiB,cAAA,CAAA,KAAA,EAAA;AAAKP,QAAAA,SAAS,EAAC,YAAY;QAAAU,QAAA,EACxBR,eAAe,gBACdK,cAAA,CAAA,KAAA,EAAA;AACEP,UAAAA,SAAS,EAAES,SAAI,CAAC,+BAA+B,EAAE;AAC/C,YAAA,gBAAgB,EAAEV,kBAAAA;AACnB,WAAA,CAAE;AAAAW,UAAAA,QAAA,EAEFpB,KAAAA;SACE,CAAC,gBAENiB,cAAA,CAAA,KAAA,EAAA;AAAKP,UAAAA,SAAS,EAAC,4BAA4B;AAAAU,UAAAA,QAAA,EAAEpB,KAAAA;SAAW,CAAA;OAEvD,CACN,eACDqB,eAAA,CAAA,KAAA,EAAA;AAAKX,QAAAA,SAAS,EAAC,YAAY;QAAAU,QAAA,EAAA,cAEzBH,cAAA,CAACK,IAAI,EAAA;AACHC,UAAAA,IAAI,EAAC,iBAAA;AACL;AACA;AAAA;AACAC,UAAAA,IAAI,EAAC,SAAS;AACd,UAAA,YAAA,EAAW,GAAG;AACdd,UAAAA,SAAS,EAAC,+BAA+B;AAAAU,UAAAA,QAAA,EAExCnB,KAAAA;AAAK,SACF,CACN,EAACC,OAAO,iBAAIe,cAAA,CAACK,IAAI,EAAA;AAACZ,UAAAA,SAAS,EAAC,yBAAyB;AAAAU,UAAAA,QAAA,EAAElB,OAAAA;AAAO,SAAO,CAAC,CAAA;OACnE,CACL,eAAAe,cAAA,CAAA,KAAA,EAAA;AAAKP,QAAAA,SAAS,EAAC,aAAa;AAAAU,QAAAA,QAAA,EAAEf,MAAAA;AAAM,OAAM,CAC5C,CAAA;KAAK,CAAA;AACP,GAAS,CAAC,CAAA;AAEd,CAAC;;;;"}
@@ -46,8 +46,14 @@ const Option = /*#__PURE__*/forwardRef(({
46
46
  })
47
47
  }), /*#__PURE__*/jsxs("div", {
48
48
  className: "media-body",
49
- children: [/*#__PURE__*/jsx("h4", {
50
- className: "np-text-body-large-bold text-primary np-option__title",
49
+ children: [/*#__PURE__*/jsx(Body, {
50
+ type: "body-large-bold"
51
+ // for a11y this needs to be a header but for SEO it shouldn't be `h*` tag
52
+ // so we enable header semantics via `role` and `aria-level` attrs
53
+ ,
54
+ role: "heading",
55
+ "aria-level": "4",
56
+ className: "text-primary np-option__title",
51
57
  children: title
52
58
  }), content && /*#__PURE__*/jsx(Body, {
53
59
  className: "d-block np-option__body",
@@ -1 +1 @@
1
- {"version":3,"file":"Option.mjs","sources":["../../../src/common/Option/Option.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { MouseEvent, forwardRef, HTMLAttributes, ReactNode, ElementType } from 'react';\n\nimport Body from '../../body';\nimport { LinkProps } from '../commonProps';\n\nexport interface BaseOptionProps extends Omit<HTMLAttributes<HTMLElement>, 'title' | 'content'> {\n 'aria-label'?: string;\n 'aria-expanded'?: boolean;\n 'aria-controls'?: string;\n media?: ReactNode;\n name?: string;\n htmlFor?: string;\n title: ReactNode;\n content?: ReactNode;\n onClick?: (event: MouseEvent<HTMLElement>) => void;\n as?: ElementType;\n disabled?: boolean;\n button?: ReactNode;\n decision?: boolean;\n complex?: boolean;\n inverseMediaCircle?: boolean;\n className?: string;\n showMediaAtAllSizes?: boolean;\n showMediaCircle?: boolean;\n isContainerAligned?: boolean;\n}\n\ninterface AnchorOptionProps extends BaseOptionProps, LinkProps {\n as: 'a';\n}\n\nexport type OptionProps = BaseOptionProps | AnchorOptionProps;\n\nexport type ReferenceType = HTMLElement | HTMLAnchorElement;\n\nconst Option = forwardRef<ReferenceType, OptionProps>(\n (\n {\n media = '',\n title,\n content,\n as: component,\n button,\n decision = true,\n disabled = false,\n complex,\n inverseMediaCircle = true,\n className,\n showMediaAtAllSizes,\n showMediaCircle = true,\n isContainerAligned = false,\n ...rest\n },\n reference,\n ) => {\n const Element = component ?? 'label';\n\n return (\n <Element\n {...rest}\n ref={reference}\n className={clsx('np-option', className, {\n 'decision-complex': complex,\n decision,\n disabled,\n 'np-option__sm-media': showMediaAtAllSizes,\n 'np-option__container-aligned': isContainerAligned,\n })}\n disabled={disabled && Element === 'button'}\n >\n <div className=\"media\">\n {media && (\n <div className=\"media-left\">\n {showMediaCircle ? (\n <div\n className={clsx('circle circle-sm text-primary', {\n 'circle-inverse': inverseMediaCircle,\n })}\n >\n {media}\n </div>\n ) : (\n <div className=\"np-option__no-media-circle\">{media}</div>\n )}\n </div>\n )}\n <div className=\"media-body\">\n <h4 className=\"np-text-body-large-bold text-primary np-option__title\">{title}</h4>\n {content && <Body className=\"d-block np-option__body\">{content}</Body>}\n </div>\n <div className=\"media-right\">{button}</div>\n </div>\n </Element>\n );\n },\n);\n\nexport default Option;\n"],"names":["Option","forwardRef","media","title","content","as","component","button","decision","disabled","complex","inverseMediaCircle","className","showMediaAtAllSizes","showMediaCircle","isContainerAligned","rest","reference","Element","_jsx","ref","clsx","children","_jsxs","Body"],"mappings":";;;;;AAoCA,MAAMA,MAAM,gBAAGC,UAAU,CACvB,CACE;AACEC,EAAAA,KAAK,GAAG,EAAE;EACVC,KAAK;EACLC,OAAO;AACPC,EAAAA,EAAE,EAAEC,SAAS;EACbC,MAAM;AACNC,EAAAA,QAAQ,GAAG,IAAI;AACfC,EAAAA,QAAQ,GAAG,KAAK;EAChBC,OAAO;AACPC,EAAAA,kBAAkB,GAAG,IAAI;EACzBC,SAAS;EACTC,mBAAmB;AACnBC,EAAAA,eAAe,GAAG,IAAI;AACtBC,EAAAA,kBAAkB,GAAG,KAAK;EAC1B,GAAGC,IAAAA;AACJ,CAAA,EACDC,SAAS,KACP;AACF,EAAA,MAAMC,OAAO,GAAGZ,SAAS,IAAI,OAAO,CAAA;EAEpC,oBACEa,GAAA,CAACD,OAAO,EAAA;AAAA,IAAA,GACFF,IAAI;AACRI,IAAAA,GAAG,EAAEH,SAAU;AACfL,IAAAA,SAAS,EAAES,IAAI,CAAC,WAAW,EAAET,SAAS,EAAE;AACtC,MAAA,kBAAkB,EAAEF,OAAO;MAC3BF,QAAQ;MACRC,QAAQ;AACR,MAAA,qBAAqB,EAAEI,mBAAmB;AAC1C,MAAA,8BAA8B,EAAEE,kBAAAA;KACjC,CAAE;AACHN,IAAAA,QAAQ,EAAEA,QAAQ,IAAIS,OAAO,KAAK,QAAS;AAAAI,IAAAA,QAAA,eAE3CC,IAAA,CAAA,KAAA,EAAA;AAAKX,MAAAA,SAAS,EAAC,OAAO;MAAAU,QAAA,EAAA,CACnBpB,KAAK,iBACJiB,GAAA,CAAA,KAAA,EAAA;AAAKP,QAAAA,SAAS,EAAC,YAAY;QAAAU,QAAA,EACxBR,eAAe,gBACdK,GAAA,CAAA,KAAA,EAAA;AACEP,UAAAA,SAAS,EAAES,IAAI,CAAC,+BAA+B,EAAE;AAC/C,YAAA,gBAAgB,EAAEV,kBAAAA;AACnB,WAAA,CAAE;AAAAW,UAAAA,QAAA,EAEFpB,KAAAA;SACE,CAAC,gBAENiB,GAAA,CAAA,KAAA,EAAA;AAAKP,UAAAA,SAAS,EAAC,4BAA4B;AAAAU,UAAAA,QAAA,EAAEpB,KAAAA;SAAW,CAAA;OAEvD,CACN,eACDqB,IAAA,CAAA,KAAA,EAAA;AAAKX,QAAAA,SAAS,EAAC,YAAY;AAAAU,QAAAA,QAAA,gBACzBH,GAAA,CAAA,IAAA,EAAA;AAAIP,UAAAA,SAAS,EAAC,uDAAuD;AAAAU,UAAAA,QAAA,EAAEnB,KAAAA;AAAK,SAAK,CACjF,EAACC,OAAO,iBAAIe,GAAA,CAACK,IAAI,EAAA;AAACZ,UAAAA,SAAS,EAAC,yBAAyB;AAAAU,UAAAA,QAAA,EAAElB,OAAAA;AAAO,SAAO,CAAC,CAAA;OACnE,CACL,eAAAe,GAAA,CAAA,KAAA,EAAA;AAAKP,QAAAA,SAAS,EAAC,aAAa;AAAAU,QAAAA,QAAA,EAAEf,MAAAA;AAAM,OAAM,CAC5C,CAAA;KAAK,CAAA;AACP,GAAS,CAAC,CAAA;AAEd,CAAC;;;;"}
1
+ {"version":3,"file":"Option.mjs","sources":["../../../src/common/Option/Option.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { MouseEvent, forwardRef, HTMLAttributes, ReactNode, ElementType } from 'react';\n\nimport Body from '../../body';\nimport { LinkProps } from '../commonProps';\n\nexport interface BaseOptionProps extends Omit<HTMLAttributes<HTMLElement>, 'title' | 'content'> {\n 'aria-label'?: string;\n 'aria-expanded'?: boolean;\n 'aria-controls'?: string;\n media?: ReactNode;\n name?: string;\n htmlFor?: string;\n title: ReactNode;\n content?: ReactNode;\n onClick?: (event: MouseEvent<HTMLElement>) => void;\n as?: ElementType;\n disabled?: boolean;\n button?: ReactNode;\n decision?: boolean;\n complex?: boolean;\n inverseMediaCircle?: boolean;\n className?: string;\n showMediaAtAllSizes?: boolean;\n showMediaCircle?: boolean;\n isContainerAligned?: boolean;\n}\n\ninterface AnchorOptionProps extends BaseOptionProps, LinkProps {\n as: 'a';\n}\n\nexport type OptionProps = BaseOptionProps | AnchorOptionProps;\n\nexport type ReferenceType = HTMLElement | HTMLAnchorElement;\n\nconst Option = forwardRef<ReferenceType, OptionProps>(\n (\n {\n media = '',\n title,\n content,\n as: component,\n button,\n decision = true,\n disabled = false,\n complex,\n inverseMediaCircle = true,\n className,\n showMediaAtAllSizes,\n showMediaCircle = true,\n isContainerAligned = false,\n ...rest\n },\n reference,\n ) => {\n const Element = component ?? 'label';\n\n return (\n <Element\n {...rest}\n ref={reference}\n className={clsx('np-option', className, {\n 'decision-complex': complex,\n decision,\n disabled,\n 'np-option__sm-media': showMediaAtAllSizes,\n 'np-option__container-aligned': isContainerAligned,\n })}\n disabled={disabled && Element === 'button'}\n >\n <div className=\"media\">\n {media && (\n <div className=\"media-left\">\n {showMediaCircle ? (\n <div\n className={clsx('circle circle-sm text-primary', {\n 'circle-inverse': inverseMediaCircle,\n })}\n >\n {media}\n </div>\n ) : (\n <div className=\"np-option__no-media-circle\">{media}</div>\n )}\n </div>\n )}\n <div className=\"media-body\">\n {/* @ts-expect-error div can have role and aria-lavel props */}\n <Body\n type=\"body-large-bold\"\n // for a11y this needs to be a header but for SEO it shouldn't be `h*` tag\n // so we enable header semantics via `role` and `aria-level` attrs\n role=\"heading\"\n aria-level=\"4\"\n className=\"text-primary np-option__title\"\n >\n {title}\n </Body>\n {content && <Body className=\"d-block np-option__body\">{content}</Body>}\n </div>\n <div className=\"media-right\">{button}</div>\n </div>\n </Element>\n );\n },\n);\n\nexport default Option;\n"],"names":["Option","forwardRef","media","title","content","as","component","button","decision","disabled","complex","inverseMediaCircle","className","showMediaAtAllSizes","showMediaCircle","isContainerAligned","rest","reference","Element","_jsx","ref","clsx","children","_jsxs","Body","type","role"],"mappings":";;;;;AAoCA,MAAMA,MAAM,gBAAGC,UAAU,CACvB,CACE;AACEC,EAAAA,KAAK,GAAG,EAAE;EACVC,KAAK;EACLC,OAAO;AACPC,EAAAA,EAAE,EAAEC,SAAS;EACbC,MAAM;AACNC,EAAAA,QAAQ,GAAG,IAAI;AACfC,EAAAA,QAAQ,GAAG,KAAK;EAChBC,OAAO;AACPC,EAAAA,kBAAkB,GAAG,IAAI;EACzBC,SAAS;EACTC,mBAAmB;AACnBC,EAAAA,eAAe,GAAG,IAAI;AACtBC,EAAAA,kBAAkB,GAAG,KAAK;EAC1B,GAAGC,IAAAA;AACJ,CAAA,EACDC,SAAS,KACP;AACF,EAAA,MAAMC,OAAO,GAAGZ,SAAS,IAAI,OAAO,CAAA;EAEpC,oBACEa,GAAA,CAACD,OAAO,EAAA;AAAA,IAAA,GACFF,IAAI;AACRI,IAAAA,GAAG,EAAEH,SAAU;AACfL,IAAAA,SAAS,EAAES,IAAI,CAAC,WAAW,EAAET,SAAS,EAAE;AACtC,MAAA,kBAAkB,EAAEF,OAAO;MAC3BF,QAAQ;MACRC,QAAQ;AACR,MAAA,qBAAqB,EAAEI,mBAAmB;AAC1C,MAAA,8BAA8B,EAAEE,kBAAAA;KACjC,CAAE;AACHN,IAAAA,QAAQ,EAAEA,QAAQ,IAAIS,OAAO,KAAK,QAAS;AAAAI,IAAAA,QAAA,eAE3CC,IAAA,CAAA,KAAA,EAAA;AAAKX,MAAAA,SAAS,EAAC,OAAO;MAAAU,QAAA,EAAA,CACnBpB,KAAK,iBACJiB,GAAA,CAAA,KAAA,EAAA;AAAKP,QAAAA,SAAS,EAAC,YAAY;QAAAU,QAAA,EACxBR,eAAe,gBACdK,GAAA,CAAA,KAAA,EAAA;AACEP,UAAAA,SAAS,EAAES,IAAI,CAAC,+BAA+B,EAAE;AAC/C,YAAA,gBAAgB,EAAEV,kBAAAA;AACnB,WAAA,CAAE;AAAAW,UAAAA,QAAA,EAEFpB,KAAAA;SACE,CAAC,gBAENiB,GAAA,CAAA,KAAA,EAAA;AAAKP,UAAAA,SAAS,EAAC,4BAA4B;AAAAU,UAAAA,QAAA,EAAEpB,KAAAA;SAAW,CAAA;OAEvD,CACN,eACDqB,IAAA,CAAA,KAAA,EAAA;AAAKX,QAAAA,SAAS,EAAC,YAAY;QAAAU,QAAA,EAAA,cAEzBH,GAAA,CAACK,IAAI,EAAA;AACHC,UAAAA,IAAI,EAAC,iBAAA;AACL;AACA;AAAA;AACAC,UAAAA,IAAI,EAAC,SAAS;AACd,UAAA,YAAA,EAAW,GAAG;AACdd,UAAAA,SAAS,EAAC,+BAA+B;AAAAU,UAAAA,QAAA,EAExCnB,KAAAA;AAAK,SACF,CACN,EAACC,OAAO,iBAAIe,GAAA,CAACK,IAAI,EAAA;AAACZ,UAAAA,SAAS,EAAC,yBAAyB;AAAAU,UAAAA,QAAA,EAAElB,OAAAA;AAAO,SAAO,CAAC,CAAA;OACnE,CACL,eAAAe,GAAA,CAAA,KAAA,EAAA;AAAKP,QAAAA,SAAS,EAAC,aAAa;AAAAU,QAAAA,QAAA,EAAEf,MAAAA;AAAM,OAAM,CAC5C,CAAA;KAAK,CAAA;AACP,GAAS,CAAC,CAAA;AAEd,CAAC;;;;"}
@@ -18,7 +18,7 @@
18
18
  "neptune.DateLookup.year": "année",
19
19
  "neptune.FlowNavigation.back": "revenir à l'étape précédente",
20
20
  "neptune.Info.ariaLabel": "Plus d'informations",
21
- "neptune.Label.optional": "(Facultatif)",
21
+ "neptune.Label.optional": "(facultatif)",
22
22
  "neptune.Link.opensInNewTab": "(ouvre dans un nouvel onglet)",
23
23
  "neptune.MoneyInput.Select.placeholder": "Sélectionner une option...",
24
24
  "neptune.MoneyInput.Select.selectCurrencyLabel": "Sélectionnez une devise",
@@ -35,6 +35,11 @@
35
35
  "neptune.Summary.statusDone": "Validé",
36
36
  "neptune.Summary.statusNotDone": "À compléter",
37
37
  "neptune.Summary.statusPending": "En attente",
38
+ "neptune.Table.actionHeader": "Action",
39
+ "neptune.Table.emptyData": "Aucun résultat trouvé",
40
+ "neptune.Table.loaded": "Les données du tableau ont été chargées",
41
+ "neptune.Table.loading": "Chargement des données du tableau",
42
+ "neptune.Table.refreshPage": "Rafraichir la page",
38
43
  "neptune.Upload.csButtonText": "Envoyer un autre fichier ?",
39
44
  "neptune.Upload.csFailureText": "Échec du téléchargement. Veuillez réessayer",
40
45
  "neptune.Upload.csSuccessText": "Téléchargement terminé !",
@@ -20,7 +20,7 @@ var fr = {
20
20
  "neptune.DateLookup.year": "année",
21
21
  "neptune.FlowNavigation.back": "revenir à l'étape précédente",
22
22
  "neptune.Info.ariaLabel": "Plus d'informations",
23
- "neptune.Label.optional": "(Facultatif)",
23
+ "neptune.Label.optional": "(facultatif)",
24
24
  "neptune.Link.opensInNewTab": "(ouvre dans un nouvel onglet)",
25
25
  "neptune.MoneyInput.Select.placeholder": "Sélectionner une option...",
26
26
  "neptune.MoneyInput.Select.selectCurrencyLabel": "Sélectionnez une devise",
@@ -37,6 +37,11 @@ var fr = {
37
37
  "neptune.Summary.statusDone": "Validé",
38
38
  "neptune.Summary.statusNotDone": "À compléter",
39
39
  "neptune.Summary.statusPending": "En attente",
40
+ "neptune.Table.actionHeader": "Action",
41
+ "neptune.Table.emptyData": "Aucun résultat trouvé",
42
+ "neptune.Table.loaded": "Les données du tableau ont été chargées",
43
+ "neptune.Table.loading": "Chargement des données du tableau",
44
+ "neptune.Table.refreshPage": "Rafraichir la page",
40
45
  "neptune.Upload.csButtonText": "Envoyer un autre fichier ?",
41
46
  "neptune.Upload.csFailureText": "Échec du téléchargement. Veuillez réessayer",
42
47
  "neptune.Upload.csSuccessText": "Téléchargement terminé !",
@@ -1 +1 @@
1
- {"version":3,"file":"fr.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"fr.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -18,7 +18,7 @@ var fr = {
18
18
  "neptune.DateLookup.year": "année",
19
19
  "neptune.FlowNavigation.back": "revenir à l'étape précédente",
20
20
  "neptune.Info.ariaLabel": "Plus d'informations",
21
- "neptune.Label.optional": "(Facultatif)",
21
+ "neptune.Label.optional": "(facultatif)",
22
22
  "neptune.Link.opensInNewTab": "(ouvre dans un nouvel onglet)",
23
23
  "neptune.MoneyInput.Select.placeholder": "Sélectionner une option...",
24
24
  "neptune.MoneyInput.Select.selectCurrencyLabel": "Sélectionnez une devise",
@@ -35,6 +35,11 @@ var fr = {
35
35
  "neptune.Summary.statusDone": "Validé",
36
36
  "neptune.Summary.statusNotDone": "À compléter",
37
37
  "neptune.Summary.statusPending": "En attente",
38
+ "neptune.Table.actionHeader": "Action",
39
+ "neptune.Table.emptyData": "Aucun résultat trouvé",
40
+ "neptune.Table.loaded": "Les données du tableau ont été chargées",
41
+ "neptune.Table.loading": "Chargement des données du tableau",
42
+ "neptune.Table.refreshPage": "Rafraichir la page",
38
43
  "neptune.Upload.csButtonText": "Envoyer un autre fichier ?",
39
44
  "neptune.Upload.csFailureText": "Échec du téléchargement. Veuillez réessayer",
40
45
  "neptune.Upload.csSuccessText": "Téléchargement terminé !",
@@ -1 +1 @@
1
- {"version":3,"file":"fr.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"fr.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -35,6 +35,11 @@
35
35
  "neptune.Summary.statusDone": "Completato",
36
36
  "neptune.Summary.statusNotDone": "Da completare",
37
37
  "neptune.Summary.statusPending": "In corso",
38
+ "neptune.Table.actionHeader": "Azione",
39
+ "neptune.Table.emptyData": "Nessun risultato trovato",
40
+ "neptune.Table.loaded": "I dati della tabella sono stati caricati",
41
+ "neptune.Table.loading": "I dati della tabella sono in fase di caricamento",
42
+ "neptune.Table.refreshPage": "Aggiorna la pagina",
38
43
  "neptune.Upload.csButtonText": "Carica un altro documento?",
39
44
  "neptune.Upload.csFailureText": "Caricamento fallito. Per favore riprova",
40
45
  "neptune.Upload.csSuccessText": "Caricamento completato!",
@@ -37,6 +37,11 @@ var it = {
37
37
  "neptune.Summary.statusDone": "Completato",
38
38
  "neptune.Summary.statusNotDone": "Da completare",
39
39
  "neptune.Summary.statusPending": "In corso",
40
+ "neptune.Table.actionHeader": "Azione",
41
+ "neptune.Table.emptyData": "Nessun risultato trovato",
42
+ "neptune.Table.loaded": "I dati della tabella sono stati caricati",
43
+ "neptune.Table.loading": "I dati della tabella sono in fase di caricamento",
44
+ "neptune.Table.refreshPage": "Aggiorna la pagina",
40
45
  "neptune.Upload.csButtonText": "Carica un altro documento?",
41
46
  "neptune.Upload.csFailureText": "Caricamento fallito. Per favore riprova",
42
47
  "neptune.Upload.csSuccessText": "Caricamento completato!",
@@ -1 +1 @@
1
- {"version":3,"file":"it.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"it.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -35,6 +35,11 @@ var it = {
35
35
  "neptune.Summary.statusDone": "Completato",
36
36
  "neptune.Summary.statusNotDone": "Da completare",
37
37
  "neptune.Summary.statusPending": "In corso",
38
+ "neptune.Table.actionHeader": "Azione",
39
+ "neptune.Table.emptyData": "Nessun risultato trovato",
40
+ "neptune.Table.loaded": "I dati della tabella sono stati caricati",
41
+ "neptune.Table.loading": "I dati della tabella sono in fase di caricamento",
42
+ "neptune.Table.refreshPage": "Aggiorna la pagina",
38
43
  "neptune.Upload.csButtonText": "Carica un altro documento?",
39
44
  "neptune.Upload.csFailureText": "Caricamento fallito. Per favore riprova",
40
45
  "neptune.Upload.csSuccessText": "Caricamento completato!",
@@ -1 +1 @@
1
- {"version":3,"file":"it.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"it.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -35,6 +35,11 @@
35
35
  "neptune.Summary.statusDone": "Pronto",
36
36
  "neptune.Summary.statusNotDone": "Não iniciado",
37
37
  "neptune.Summary.statusPending": "Pendente",
38
+ "neptune.Table.actionHeader": "Ação",
39
+ "neptune.Table.emptyData": "Nenhum resultado encontrado",
40
+ "neptune.Table.loaded": "Os dados da tabela foram carregados",
41
+ "neptune.Table.loading": "Os dados da tabela estão sendo carregados",
42
+ "neptune.Table.refreshPage": "Atualizar página",
38
43
  "neptune.Upload.csButtonText": "Enviar outro documento?",
39
44
  "neptune.Upload.csFailureText": "Falha no envio. Por favor, tente novamente",
40
45
  "neptune.Upload.csSuccessText": "Envio concluído!",
@@ -37,6 +37,11 @@ var pt = {
37
37
  "neptune.Summary.statusDone": "Pronto",
38
38
  "neptune.Summary.statusNotDone": "Não iniciado",
39
39
  "neptune.Summary.statusPending": "Pendente",
40
+ "neptune.Table.actionHeader": "Ação",
41
+ "neptune.Table.emptyData": "Nenhum resultado encontrado",
42
+ "neptune.Table.loaded": "Os dados da tabela foram carregados",
43
+ "neptune.Table.loading": "Os dados da tabela estão sendo carregados",
44
+ "neptune.Table.refreshPage": "Atualizar página",
40
45
  "neptune.Upload.csButtonText": "Enviar outro documento?",
41
46
  "neptune.Upload.csFailureText": "Falha no envio. Por favor, tente novamente",
42
47
  "neptune.Upload.csSuccessText": "Envio concluído!",
@@ -1 +1 @@
1
- {"version":3,"file":"pt.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"pt.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -35,6 +35,11 @@ var pt = {
35
35
  "neptune.Summary.statusDone": "Pronto",
36
36
  "neptune.Summary.statusNotDone": "Não iniciado",
37
37
  "neptune.Summary.statusPending": "Pendente",
38
+ "neptune.Table.actionHeader": "Ação",
39
+ "neptune.Table.emptyData": "Nenhum resultado encontrado",
40
+ "neptune.Table.loaded": "Os dados da tabela foram carregados",
41
+ "neptune.Table.loading": "Os dados da tabela estão sendo carregados",
42
+ "neptune.Table.refreshPage": "Atualizar página",
38
43
  "neptune.Upload.csButtonText": "Enviar outro documento?",
39
44
  "neptune.Upload.csFailureText": "Falha no envio. Por favor, tente novamente",
40
45
  "neptune.Upload.csSuccessText": "Envio concluído!",
@@ -1 +1 @@
1
- {"version":3,"file":"pt.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"pt.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -35,6 +35,11 @@
35
35
  "neptune.Summary.statusDone": "Этап завершен",
36
36
  "neptune.Summary.statusNotDone": "Этап к выполнению",
37
37
  "neptune.Summary.statusPending": "Этап в процессе",
38
+ "neptune.Table.actionHeader": "Действие",
39
+ "neptune.Table.emptyData": "Ничего не найдено",
40
+ "neptune.Table.loaded": "Данные таблицы загружены",
41
+ "neptune.Table.loading": "Данные таблицы загружаются",
42
+ "neptune.Table.refreshPage": "Обновить страницу",
38
43
  "neptune.Upload.csButtonText": "Загрузить другой файл?",
39
44
  "neptune.Upload.csFailureText": "Загрузка не удалась. Пожалуйста, попробуйте снова",
40
45
  "neptune.Upload.csSuccessText": "Загрузка завершена!",
@@ -37,6 +37,11 @@ var ru = {
37
37
  "neptune.Summary.statusDone": "Этап завершен",
38
38
  "neptune.Summary.statusNotDone": "Этап к выполнению",
39
39
  "neptune.Summary.statusPending": "Этап в процессе",
40
+ "neptune.Table.actionHeader": "Действие",
41
+ "neptune.Table.emptyData": "Ничего не найдено",
42
+ "neptune.Table.loaded": "Данные таблицы загружены",
43
+ "neptune.Table.loading": "Данные таблицы загружаются",
44
+ "neptune.Table.refreshPage": "Обновить страницу",
40
45
  "neptune.Upload.csButtonText": "Загрузить другой файл?",
41
46
  "neptune.Upload.csFailureText": "Загрузка не удалась. Пожалуйста, попробуйте снова",
42
47
  "neptune.Upload.csSuccessText": "Загрузка завершена!",
@@ -1 +1 @@
1
- {"version":3,"file":"ru.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ru.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -35,6 +35,11 @@ var ru = {
35
35
  "neptune.Summary.statusDone": "Этап завершен",
36
36
  "neptune.Summary.statusNotDone": "Этап к выполнению",
37
37
  "neptune.Summary.statusPending": "Этап в процессе",
38
+ "neptune.Table.actionHeader": "Действие",
39
+ "neptune.Table.emptyData": "Ничего не найдено",
40
+ "neptune.Table.loaded": "Данные таблицы загружены",
41
+ "neptune.Table.loading": "Данные таблицы загружаются",
42
+ "neptune.Table.refreshPage": "Обновить страницу",
38
43
  "neptune.Upload.csButtonText": "Загрузить другой файл?",
39
44
  "neptune.Upload.csFailureText": "Загрузка не удалась. Пожалуйста, попробуйте снова",
40
45
  "neptune.Upload.csSuccessText": "Загрузка завершена!",
@@ -1 +1 @@
1
- {"version":3,"file":"ru.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ru.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../src/common/Option/Option.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAc,cAAc,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGvF,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,iBAAkB,SAAQ,eAAe,EAAE,SAAS;IAC5D,EAAE,EAAE,GAAG,CAAC;CACT;AAED,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,iBAAiB,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,iBAAiB,CAAC;AAE5D,QAAA,MAAM,MAAM,uGA4DX,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../src/common/Option/Option.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAc,cAAc,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGvF,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,UAAU,iBAAkB,SAAQ,eAAe,EAAE,SAAS;IAC5D,EAAE,EAAE,GAAG,CAAC;CACT;AAED,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,iBAAiB,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,iBAAiB,CAAC;AAE5D,QAAA,MAAM,MAAM,uGAsEX,CAAC;AAEF,eAAe,MAAM,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "46.83.2",
3
+ "version": "46.83.3",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -18,11 +18,13 @@ exports[`AccordionItem open / close renders an item closed 1`] = `
18
18
  <div
19
19
  class="media-body"
20
20
  >
21
- <h4
21
+ <div
22
+ aria-level="4"
22
23
  class="np-text-body-large-bold text-primary np-option__title"
24
+ role="heading"
23
25
  >
24
26
  This is title number one
25
- </h4>
27
+ </div>
26
28
  </div>
27
29
  <div
28
30
  class="media-right"
@@ -70,11 +72,13 @@ exports[`AccordionItem open / close renders an item open 1`] = `
70
72
  <div
71
73
  class="media-body"
72
74
  >
73
- <h4
75
+ <div
76
+ aria-level="4"
74
77
  class="np-text-body-large-bold text-primary np-option__title"
78
+ role="heading"
75
79
  >
76
80
  This is title number one
77
- </h4>
81
+ </div>
78
82
  </div>
79
83
  <div
80
84
  class="media-right"
@@ -59,7 +59,9 @@ describe('Card', () => {
59
59
  renderCard(onClick);
60
60
 
61
61
  expect(screen.queryByRole('button')).not.toBeInTheDocument();
62
- expect(screen.getByText(defaultProps.title).tagName).toBe('H4');
62
+ expect(screen.getByText(defaultProps.title).tagName).toBe('DIV');
63
+ expect(screen.getByText(defaultProps.title)).toHaveAttribute('role', 'heading');
64
+ expect(screen.getByText(defaultProps.title)).toHaveAttribute('aria-level', '4');
63
65
  });
64
66
 
65
67
  it('has an inactive class', () => {
@@ -86,7 +86,17 @@ const Option = forwardRef<ReferenceType, OptionProps>(
86
86
  </div>
87
87
  )}
88
88
  <div className="media-body">
89
- <h4 className="np-text-body-large-bold text-primary np-option__title">{title}</h4>
89
+ {/* @ts-expect-error div can have role and aria-lavel props */}
90
+ <Body
91
+ type="body-large-bold"
92
+ // for a11y this needs to be a header but for SEO it shouldn't be `h*` tag
93
+ // so we enable header semantics via `role` and `aria-level` attrs
94
+ role="heading"
95
+ aria-level="4"
96
+ className="text-primary np-option__title"
97
+ >
98
+ {title}
99
+ </Body>
90
100
  {content && <Body className="d-block np-option__body">{content}</Body>}
91
101
  </div>
92
102
  <div className="media-right">{button}</div>
package/src/i18n/fr.json CHANGED
@@ -18,7 +18,7 @@
18
18
  "neptune.DateLookup.year": "année",
19
19
  "neptune.FlowNavigation.back": "revenir à l'étape précédente",
20
20
  "neptune.Info.ariaLabel": "Plus d'informations",
21
- "neptune.Label.optional": "(Facultatif)",
21
+ "neptune.Label.optional": "(facultatif)",
22
22
  "neptune.Link.opensInNewTab": "(ouvre dans un nouvel onglet)",
23
23
  "neptune.MoneyInput.Select.placeholder": "Sélectionner une option...",
24
24
  "neptune.MoneyInput.Select.selectCurrencyLabel": "Sélectionnez une devise",
@@ -35,6 +35,11 @@
35
35
  "neptune.Summary.statusDone": "Validé",
36
36
  "neptune.Summary.statusNotDone": "À compléter",
37
37
  "neptune.Summary.statusPending": "En attente",
38
+ "neptune.Table.actionHeader": "Action",
39
+ "neptune.Table.emptyData": "Aucun résultat trouvé",
40
+ "neptune.Table.loaded": "Les données du tableau ont été chargées",
41
+ "neptune.Table.loading": "Chargement des données du tableau",
42
+ "neptune.Table.refreshPage": "Rafraichir la page",
38
43
  "neptune.Upload.csButtonText": "Envoyer un autre fichier ?",
39
44
  "neptune.Upload.csFailureText": "Échec du téléchargement. Veuillez réessayer",
40
45
  "neptune.Upload.csSuccessText": "Téléchargement terminé !",
package/src/i18n/it.json CHANGED
@@ -35,6 +35,11 @@
35
35
  "neptune.Summary.statusDone": "Completato",
36
36
  "neptune.Summary.statusNotDone": "Da completare",
37
37
  "neptune.Summary.statusPending": "In corso",
38
+ "neptune.Table.actionHeader": "Azione",
39
+ "neptune.Table.emptyData": "Nessun risultato trovato",
40
+ "neptune.Table.loaded": "I dati della tabella sono stati caricati",
41
+ "neptune.Table.loading": "I dati della tabella sono in fase di caricamento",
42
+ "neptune.Table.refreshPage": "Aggiorna la pagina",
38
43
  "neptune.Upload.csButtonText": "Carica un altro documento?",
39
44
  "neptune.Upload.csFailureText": "Caricamento fallito. Per favore riprova",
40
45
  "neptune.Upload.csSuccessText": "Caricamento completato!",
package/src/i18n/pt.json CHANGED
@@ -35,6 +35,11 @@
35
35
  "neptune.Summary.statusDone": "Pronto",
36
36
  "neptune.Summary.statusNotDone": "Não iniciado",
37
37
  "neptune.Summary.statusPending": "Pendente",
38
+ "neptune.Table.actionHeader": "Ação",
39
+ "neptune.Table.emptyData": "Nenhum resultado encontrado",
40
+ "neptune.Table.loaded": "Os dados da tabela foram carregados",
41
+ "neptune.Table.loading": "Os dados da tabela estão sendo carregados",
42
+ "neptune.Table.refreshPage": "Atualizar página",
38
43
  "neptune.Upload.csButtonText": "Enviar outro documento?",
39
44
  "neptune.Upload.csFailureText": "Falha no envio. Por favor, tente novamente",
40
45
  "neptune.Upload.csSuccessText": "Envio concluído!",
package/src/i18n/ru.json CHANGED
@@ -35,6 +35,11 @@
35
35
  "neptune.Summary.statusDone": "Этап завершен",
36
36
  "neptune.Summary.statusNotDone": "Этап к выполнению",
37
37
  "neptune.Summary.statusPending": "Этап в процессе",
38
+ "neptune.Table.actionHeader": "Действие",
39
+ "neptune.Table.emptyData": "Ничего не найдено",
40
+ "neptune.Table.loaded": "Данные таблицы загружены",
41
+ "neptune.Table.loading": "Данные таблицы загружаются",
42
+ "neptune.Table.refreshPage": "Обновить страницу",
38
43
  "neptune.Upload.csButtonText": "Загрузить другой файл?",
39
44
  "neptune.Upload.csFailureText": "Загрузка не удалась. Пожалуйста, попробуйте снова",
40
45
  "neptune.Upload.csSuccessText": "Загрузка завершена!",