@rijkshuisstijl-community/message-list-item-react 0.0.2 → 0.0.4

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.
Files changed (10) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/MessageListItem.d.ts +1 -1
  3. package/dist/index.d.ts +3 -0
  4. package/dist/index.mjs +6 -3
  5. package/dist/index.mjs.map +1 -1
  6. package/dist/noSideEffects.mjs +3 -3
  7. package/dist/noSideEffects.mjs.map +1 -1
  8. package/package.json +6 -6
  9. package/src/MessageListItem.tsx +3 -3
  10. package/src/index.ts +4 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @rijkshuisstijl-community/message-list-item-react
2
2
 
3
+ ## 0.0.4
4
+
5
+ ### Patch Changes
6
+
7
+ - 38c6e39: Fix: de `/no-side-effects` entrypoints laden geen CSS meer. Componenten importeerden onderliggende componenten via hun standaard entrypoint, waardoor de bijbehorende CSS toch als side effect werd geladen — ook bij gebruik van `/no-side-effects`. Interne imports gebruiken nu `/no-side-effects`; de standaard entrypoints importeren de CSS van onderliggende componenten expliciet, zodat het bestaande gedrag daar ongewijzigd blijft.
8
+ - 89b2604: Fix security vulnerabilities identified by pnpm audit by upgrading vitest and @vitest/coverage-v8 from 4.1.8 to 4.1.10.
9
+ - Updated dependencies [89b2604]
10
+ - @rijkshuisstijl-community/dot-badge-react@1.1.2
11
+ - @rijkshuisstijl-community/paragraph-react@2.1.2
12
+ - @rijkshuisstijl-community/icon-react@3.1.3
13
+
14
+ ## 0.0.3
15
+
16
+ ### Patch Changes
17
+
18
+ - Updated dependencies [b3db8e1]
19
+ - @rijkshuisstijl-community/icon-react@3.1.2
20
+
3
21
  ## 0.0.2
4
22
 
5
23
  ### Patch Changes
package/dist/MessageListItem.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * @license EUPL-1.2
3
3
  * Copyright (c) 2026 Community for NL Design System
4
4
  */
5
- import { DotBadgeProps } from '@rijkshuisstijl-community/dot-badge-react';
5
+ import { DotBadgeProps } from '@rijkshuisstijl-community/dot-badge-react/no-side-effects';
6
6
  import { HTMLAttributes, ReactNode, Ref } from 'react';
7
7
  export interface MessageListItemProps extends HTMLAttributes<HTMLLIElement> {
8
8
  label: ReactNode;
package/dist/index.d.ts CHANGED
@@ -1 +1,4 @@
1
+ import '@rijkshuisstijl-community/dot-badge-react';
2
+ import '@rijkshuisstijl-community/icon-react';
3
+ import '@rijkshuisstijl-community/paragraph-react';
1
4
  export * from './MessageListItem';
package/dist/index.mjs CHANGED
@@ -1,7 +1,10 @@
1
+ import '@rijkshuisstijl-community/dot-badge-react';
2
+ import '@rijkshuisstijl-community/icon-react';
3
+ import '@rijkshuisstijl-community/paragraph-react';
1
4
  import { jsx, jsxs } from 'react/jsx-runtime';
2
- import { DotBadge } from '@rijkshuisstijl-community/dot-badge-react';
3
- import { Icon } from '@rijkshuisstijl-community/icon-react';
4
- import { Paragraph } from '@rijkshuisstijl-community/paragraph-react';
5
+ import { DotBadge } from '@rijkshuisstijl-community/dot-badge-react/no-side-effects';
6
+ import { Icon } from '@rijkshuisstijl-community/icon-react/no-side-effects';
7
+ import { Paragraph } from '@rijkshuisstijl-community/paragraph-react/no-side-effects';
5
8
 
6
9
  function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
7
10
 
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../src/MessageListItem.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * @license EUPL-1.2\n * Copyright (c) 2026 Community for NL Design System\n */\n\nimport { DotBadge, DotBadgeProps } from '@rijkshuisstijl-community/dot-badge-react';\nimport { Icon } from '@rijkshuisstijl-community/icon-react';\nimport { Paragraph } from '@rijkshuisstijl-community/paragraph-react';\nimport clsx from 'clsx';\nimport { HTMLAttributes, ReactNode, Ref } from 'react';\n\nexport interface MessageListItemProps extends HTMLAttributes<HTMLLIElement> {\n label: ReactNode;\n description: ReactNode;\n href: string;\n metaData?: ReactNode;\n withBadge?: DotBadgeProps;\n ref?: Ref<HTMLLIElement>;\n}\n\nexport const MessageListItem = ({\n ref,\n label,\n description,\n href,\n metaData,\n className,\n withBadge,\n ...restProps\n}: MessageListItemProps) => (\n <li ref={ref} role={'listitem'} {...restProps}>\n <a className={clsx('rhc-message-list__item', className)} href={href} role={'link'}>\n <span className={'rhc-message-list__item-content'}>\n <Paragraph className={clsx('rhc-message-list__item__label')}>\n {withBadge && <DotBadge {...withBadge} />}\n {label}\n </Paragraph>\n <Paragraph className={'rhc-message-list__item__description'}>{description}</Paragraph>\n <Paragraph className={'rhc-message-list__item__meta-data'}>{metaData}</Paragraph>\n <Icon className={'rhc-message-list__item__end-icon'} icon={'chevron-right'} />\n </span>\n </a>\n </li>\n);\n\nMessageListItem.displayName = 'MessageListItem';\n"],"names":["MessageListItem","ref","label","description","href","metaData","className","withBadge","restProps","_jsx","role","children","clsx","_jsxs","Paragraph","DotBadge","Icon","icon","displayName"],"mappings":";;;;;AAAA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAQ,SAAS,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;;ACoBxW,MAAMA,eAAe,GAAGA,CAAC;EAC9BC,GAAG;EACHC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,SAAS;EACTC,SAAS;EACT,GAAGC;AAAS,CACS,KACrBC,GAAA,CAAA,IAAA,EAAA;AAAIR,EAAAA,GAAG,EAAEA,GAAG;AAAES,EAAAA,IAAI,EAAE,UAAU;AAAA,EAAA,GAAMF,SAAS;AAAAG,EAAAA,QAAA,EAC3CF,GAAA,CAAA,GAAA,EAAA;AAAGH,IAAAA,SAAS,EAAEM,IAAI,CAAC,wBAAwB,EAAEN,SAAS,CAAC;AAAEF,IAAAA,IAAI,EAAEA,IAAI;AAAEM,IAAAA,IAAI,EAAE,MAAM;AAAAC,IAAAA,QAAA,EAC/EE,IAAA,CAAA,MAAA,EAAA;AAAMP,MAAAA,SAAS,EAAE,gCAAgC;AAAAK,MAAAA,QAAA,EAAA,CAC/CE,IAAA,CAACC,SAAS,EAAA;AAACR,QAAAA,SAAS,EAAEM,IAAI,CAAC,+BAA+B,CAAC;AAAAD,QAAAA,QAAA,EAAA,CACxDJ,SAAS,IAAIE,IAACM,QAAQ,EAAA;UAAA,GAAKR;SAAS,CAAI,EACxCL,KAAK;AAAA,OAAA,CACI,EACZO,GAAA,CAACK,SAAS,EAAA;AAACR,QAAAA,SAAS,EAAE,qCAAqC;kBAAGH;AAAW,OAAA,CAAa,EACtFM,GAAA,CAACK,SAAS,EAAA;AAACR,QAAAA,SAAS,EAAE,mCAAmC;AAAAK,QAAAA,QAAA,EAAGN;AAAQ,OAAA,CAAa,EACjFI,GAAA,CAACO,IAAI,EAAA;AAACV,QAAAA,SAAS,EAAE,kCAAkC;AAAEW,QAAAA,IAAI,EAAE;AAAe,OAAA,CAAI;KAAA;GACzE;AACL,CAAA;AAIRjB,eAAe,CAACkB,WAAW,GAAG,iBAAiB;;;;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"index.mjs","sources":["../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../src/MessageListItem.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * @license EUPL-1.2\n * Copyright (c) 2026 Community for NL Design System\n */\n\nimport { DotBadge, DotBadgeProps } from '@rijkshuisstijl-community/dot-badge-react/no-side-effects';\nimport { Icon } from '@rijkshuisstijl-community/icon-react/no-side-effects';\nimport { Paragraph } from '@rijkshuisstijl-community/paragraph-react/no-side-effects';\nimport clsx from 'clsx';\nimport { HTMLAttributes, ReactNode, Ref } from 'react';\n\nexport interface MessageListItemProps extends HTMLAttributes<HTMLLIElement> {\n label: ReactNode;\n description: ReactNode;\n href: string;\n metaData?: ReactNode;\n withBadge?: DotBadgeProps;\n ref?: Ref<HTMLLIElement>;\n}\n\nexport const MessageListItem = ({\n ref,\n label,\n description,\n href,\n metaData,\n className,\n withBadge,\n ...restProps\n}: MessageListItemProps) => (\n <li ref={ref} role={'listitem'} {...restProps}>\n <a className={clsx('rhc-message-list__item', className)} href={href} role={'link'}>\n <span className={'rhc-message-list__item-content'}>\n <Paragraph className={clsx('rhc-message-list__item__label')}>\n {withBadge && <DotBadge {...withBadge} />}\n {label}\n </Paragraph>\n <Paragraph className={'rhc-message-list__item__description'}>{description}</Paragraph>\n <Paragraph className={'rhc-message-list__item__meta-data'}>{metaData}</Paragraph>\n <Icon className={'rhc-message-list__item__end-icon'} icon={'chevron-right'} />\n </span>\n </a>\n </li>\n);\n\nMessageListItem.displayName = 'MessageListItem';\n"],"names":["MessageListItem","ref","label","description","href","metaData","className","withBadge","restProps","_jsx","role","children","clsx","_jsxs","Paragraph","DotBadge","Icon","icon","displayName"],"mappings":";;;;;;;;AAAA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAQ,SAAS,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;;ACoBxW,MAAMA,eAAe,GAAGA,CAAC;EAC9BC,GAAG;EACHC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,SAAS;EACTC,SAAS;EACT,GAAGC;AAAS,CACS,KACrBC,GAAA,CAAA,IAAA,EAAA;AAAIR,EAAAA,GAAG,EAAEA,GAAG;AAAES,EAAAA,IAAI,EAAE,UAAU;AAAA,EAAA,GAAMF,SAAS;AAAAG,EAAAA,QAAA,EAC3CF,GAAA,CAAA,GAAA,EAAA;AAAGH,IAAAA,SAAS,EAAEM,IAAI,CAAC,wBAAwB,EAAEN,SAAS,CAAC;AAAEF,IAAAA,IAAI,EAAEA,IAAI;AAAEM,IAAAA,IAAI,EAAE,MAAM;AAAAC,IAAAA,QAAA,EAC/EE,IAAA,CAAA,MAAA,EAAA;AAAMP,MAAAA,SAAS,EAAE,gCAAgC;AAAAK,MAAAA,QAAA,EAAA,CAC/CE,IAAA,CAACC,SAAS,EAAA;AAACR,QAAAA,SAAS,EAAEM,IAAI,CAAC,+BAA+B,CAAC;AAAAD,QAAAA,QAAA,EAAA,CACxDJ,SAAS,IAAIE,IAACM,QAAQ,EAAA;UAAA,GAAKR;SAAS,CAAI,EACxCL,KAAK;AAAA,OAAA,CACI,EACZO,GAAA,CAACK,SAAS,EAAA;AAACR,QAAAA,SAAS,EAAE,qCAAqC;kBAAGH;AAAW,OAAA,CAAa,EACtFM,GAAA,CAACK,SAAS,EAAA;AAACR,QAAAA,SAAS,EAAE,mCAAmC;AAAAK,QAAAA,QAAA,EAAGN;AAAQ,OAAA,CAAa,EACjFI,GAAA,CAACO,IAAI,EAAA;AAACV,QAAAA,SAAS,EAAE,kCAAkC;AAAEW,QAAAA,IAAI,EAAE;AAAe,OAAA,CAAI;KAAA;GACzE;AACL,CAAA;AAIRjB,eAAe,CAACkB,WAAW,GAAG,iBAAiB;;;;","x_google_ignoreList":[0]}
package/dist/noSideEffects.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx, jsxs } from 'react/jsx-runtime';
2
- import { DotBadge } from '@rijkshuisstijl-community/dot-badge-react';
3
- import { Icon } from '@rijkshuisstijl-community/icon-react';
4
- import { Paragraph } from '@rijkshuisstijl-community/paragraph-react';
2
+ import { DotBadge } from '@rijkshuisstijl-community/dot-badge-react/no-side-effects';
3
+ import { Icon } from '@rijkshuisstijl-community/icon-react/no-side-effects';
4
+ import { Paragraph } from '@rijkshuisstijl-community/paragraph-react/no-side-effects';
5
5
 
6
6
  function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
7
7
 
package/dist/noSideEffects.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"noSideEffects.mjs","sources":["../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../src/MessageListItem.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * @license EUPL-1.2\n * Copyright (c) 2026 Community for NL Design System\n */\n\nimport { DotBadge, DotBadgeProps } from '@rijkshuisstijl-community/dot-badge-react';\nimport { Icon } from '@rijkshuisstijl-community/icon-react';\nimport { Paragraph } from '@rijkshuisstijl-community/paragraph-react';\nimport clsx from 'clsx';\nimport { HTMLAttributes, ReactNode, Ref } from 'react';\n\nexport interface MessageListItemProps extends HTMLAttributes<HTMLLIElement> {\n label: ReactNode;\n description: ReactNode;\n href: string;\n metaData?: ReactNode;\n withBadge?: DotBadgeProps;\n ref?: Ref<HTMLLIElement>;\n}\n\nexport const MessageListItem = ({\n ref,\n label,\n description,\n href,\n metaData,\n className,\n withBadge,\n ...restProps\n}: MessageListItemProps) => (\n <li ref={ref} role={'listitem'} {...restProps}>\n <a className={clsx('rhc-message-list__item', className)} href={href} role={'link'}>\n <span className={'rhc-message-list__item-content'}>\n <Paragraph className={clsx('rhc-message-list__item__label')}>\n {withBadge && <DotBadge {...withBadge} />}\n {label}\n </Paragraph>\n <Paragraph className={'rhc-message-list__item__description'}>{description}</Paragraph>\n <Paragraph className={'rhc-message-list__item__meta-data'}>{metaData}</Paragraph>\n <Icon className={'rhc-message-list__item__end-icon'} icon={'chevron-right'} />\n </span>\n </a>\n </li>\n);\n\nMessageListItem.displayName = 'MessageListItem';\n"],"names":["MessageListItem","ref","label","description","href","metaData","className","withBadge","restProps","_jsx","role","children","clsx","_jsxs","Paragraph","DotBadge","Icon","icon","displayName"],"mappings":";;;;;AAAA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAQ,SAAS,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;;ACoBxW,MAAMA,eAAe,GAAGA,CAAC;EAC9BC,GAAG;EACHC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,SAAS;EACTC,SAAS;EACT,GAAGC;AAAS,CACS,KACrBC,GAAA,CAAA,IAAA,EAAA;AAAIR,EAAAA,GAAG,EAAEA,GAAG;AAAES,EAAAA,IAAI,EAAE,UAAU;AAAA,EAAA,GAAMF,SAAS;AAAAG,EAAAA,QAAA,EAC3CF,GAAA,CAAA,GAAA,EAAA;AAAGH,IAAAA,SAAS,EAAEM,IAAI,CAAC,wBAAwB,EAAEN,SAAS,CAAC;AAAEF,IAAAA,IAAI,EAAEA,IAAI;AAAEM,IAAAA,IAAI,EAAE,MAAM;AAAAC,IAAAA,QAAA,EAC/EE,IAAA,CAAA,MAAA,EAAA;AAAMP,MAAAA,SAAS,EAAE,gCAAgC;AAAAK,MAAAA,QAAA,EAAA,CAC/CE,IAAA,CAACC,SAAS,EAAA;AAACR,QAAAA,SAAS,EAAEM,IAAI,CAAC,+BAA+B,CAAC;AAAAD,QAAAA,QAAA,EAAA,CACxDJ,SAAS,IAAIE,IAACM,QAAQ,EAAA;UAAA,GAAKR;SAAS,CAAI,EACxCL,KAAK;AAAA,OAAA,CACI,EACZO,GAAA,CAACK,SAAS,EAAA;AAACR,QAAAA,SAAS,EAAE,qCAAqC;kBAAGH;AAAW,OAAA,CAAa,EACtFM,GAAA,CAACK,SAAS,EAAA;AAACR,QAAAA,SAAS,EAAE,mCAAmC;AAAAK,QAAAA,QAAA,EAAGN;AAAQ,OAAA,CAAa,EACjFI,GAAA,CAACO,IAAI,EAAA;AAACV,QAAAA,SAAS,EAAE,kCAAkC;AAAEW,QAAAA,IAAI,EAAE;AAAe,OAAA,CAAI;KAAA;GACzE;AACL,CAAA;AAIRjB,eAAe,CAACkB,WAAW,GAAG,iBAAiB;;;;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"noSideEffects.mjs","sources":["../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../src/MessageListItem.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * @license EUPL-1.2\n * Copyright (c) 2026 Community for NL Design System\n */\n\nimport { DotBadge, DotBadgeProps } from '@rijkshuisstijl-community/dot-badge-react/no-side-effects';\nimport { Icon } from '@rijkshuisstijl-community/icon-react/no-side-effects';\nimport { Paragraph } from '@rijkshuisstijl-community/paragraph-react/no-side-effects';\nimport clsx from 'clsx';\nimport { HTMLAttributes, ReactNode, Ref } from 'react';\n\nexport interface MessageListItemProps extends HTMLAttributes<HTMLLIElement> {\n label: ReactNode;\n description: ReactNode;\n href: string;\n metaData?: ReactNode;\n withBadge?: DotBadgeProps;\n ref?: Ref<HTMLLIElement>;\n}\n\nexport const MessageListItem = ({\n ref,\n label,\n description,\n href,\n metaData,\n className,\n withBadge,\n ...restProps\n}: MessageListItemProps) => (\n <li ref={ref} role={'listitem'} {...restProps}>\n <a className={clsx('rhc-message-list__item', className)} href={href} role={'link'}>\n <span className={'rhc-message-list__item-content'}>\n <Paragraph className={clsx('rhc-message-list__item__label')}>\n {withBadge && <DotBadge {...withBadge} />}\n {label}\n </Paragraph>\n <Paragraph className={'rhc-message-list__item__description'}>{description}</Paragraph>\n <Paragraph className={'rhc-message-list__item__meta-data'}>{metaData}</Paragraph>\n <Icon className={'rhc-message-list__item__end-icon'} icon={'chevron-right'} />\n </span>\n </a>\n </li>\n);\n\nMessageListItem.displayName = 'MessageListItem';\n"],"names":["MessageListItem","ref","label","description","href","metaData","className","withBadge","restProps","_jsx","role","children","clsx","_jsxs","Paragraph","DotBadge","Icon","icon","displayName"],"mappings":";;;;;AAAA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAQ,SAAS,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;;ACoBxW,MAAMA,eAAe,GAAGA,CAAC;EAC9BC,GAAG;EACHC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,SAAS;EACTC,SAAS;EACT,GAAGC;AAAS,CACS,KACrBC,GAAA,CAAA,IAAA,EAAA;AAAIR,EAAAA,GAAG,EAAEA,GAAG;AAAES,EAAAA,IAAI,EAAE,UAAU;AAAA,EAAA,GAAMF,SAAS;AAAAG,EAAAA,QAAA,EAC3CF,GAAA,CAAA,GAAA,EAAA;AAAGH,IAAAA,SAAS,EAAEM,IAAI,CAAC,wBAAwB,EAAEN,SAAS,CAAC;AAAEF,IAAAA,IAAI,EAAEA,IAAI;AAAEM,IAAAA,IAAI,EAAE,MAAM;AAAAC,IAAAA,QAAA,EAC/EE,IAAA,CAAA,MAAA,EAAA;AAAMP,MAAAA,SAAS,EAAE,gCAAgC;AAAAK,MAAAA,QAAA,EAAA,CAC/CE,IAAA,CAACC,SAAS,EAAA;AAACR,QAAAA,SAAS,EAAEM,IAAI,CAAC,+BAA+B,CAAC;AAAAD,QAAAA,QAAA,EAAA,CACxDJ,SAAS,IAAIE,IAACM,QAAQ,EAAA;UAAA,GAAKR;SAAS,CAAI,EACxCL,KAAK;AAAA,OAAA,CACI,EACZO,GAAA,CAACK,SAAS,EAAA;AAACR,QAAAA,SAAS,EAAE,qCAAqC;kBAAGH;AAAW,OAAA,CAAa,EACtFM,GAAA,CAACK,SAAS,EAAA;AAACR,QAAAA,SAAS,EAAE,mCAAmC;AAAAK,QAAAA,QAAA,EAAGN;AAAQ,OAAA,CAAa,EACjFI,GAAA,CAACO,IAAI,EAAA;AAACV,QAAAA,SAAS,EAAE,kCAAkC;AAAEW,QAAAA,IAAI,EAAE;AAAe,OAAA,CAAI;KAAA;GACzE;AACL,CAAA;AAIRjB,eAAe,CAACkB,WAAW,GAAG,iBAAiB;;;;","x_google_ignoreList":[0]}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.0.2",
2
+ "version": "0.0.4",
3
3
  "author": "Community for Rijkshuisstijl-Community Design System",
4
4
  "description": "Message List Item Component",
5
5
  "license": "EUPL-1.2",
@@ -54,7 +54,7 @@
54
54
  "@types/lodash.chunk": "4.2.9",
55
55
  "@types/react": "19.2.17",
56
56
  "@vitejs/plugin-react": "4.7.0",
57
- "@vitest/coverage-v8": "4.1.8",
57
+ "@vitest/coverage-v8": "4.1.10",
58
58
  "clsx": "2.1.1",
59
59
  "react": "19.2.7",
60
60
  "react-dom": "19.2.7",
@@ -67,16 +67,16 @@
67
67
  "rollup-plugin-typescript2": "0.37.0",
68
68
  "typescript": "5.9.3",
69
69
  "vite": "7.3.5",
70
- "vitest": "4.1.8"
70
+ "vitest": "4.1.10"
71
71
  },
72
72
  "peerDependencies": {
73
73
  "react": ">=18.2.0",
74
74
  "react-dom": ">=18.2.0"
75
75
  },
76
76
  "dependencies": {
77
- "@rijkshuisstijl-community/icon-react": "3.1.1",
78
- "@rijkshuisstijl-community/dot-badge-react": "1.1.1",
79
- "@rijkshuisstijl-community/paragraph-react": "2.1.1"
77
+ "@rijkshuisstijl-community/icon-react": "3.1.3",
78
+ "@rijkshuisstijl-community/dot-badge-react": "1.1.2",
79
+ "@rijkshuisstijl-community/paragraph-react": "2.1.2"
80
80
  },
81
81
  "scripts": {
82
82
  "build": "rollup --config rollup.config.mjs",
package/src/MessageListItem.tsx CHANGED
@@ -3,9 +3,9 @@
3
3
  * Copyright (c) 2026 Community for NL Design System
4
4
  */
5
5
 
6
- import { DotBadge, DotBadgeProps } from '@rijkshuisstijl-community/dot-badge-react';
7
- import { Icon } from '@rijkshuisstijl-community/icon-react';
8
- import { Paragraph } from '@rijkshuisstijl-community/paragraph-react';
6
+ import { DotBadge, DotBadgeProps } from '@rijkshuisstijl-community/dot-badge-react/no-side-effects';
7
+ import { Icon } from '@rijkshuisstijl-community/icon-react/no-side-effects';
8
+ import { Paragraph } from '@rijkshuisstijl-community/paragraph-react/no-side-effects';
9
9
  import clsx from 'clsx';
10
10
  import { HTMLAttributes, ReactNode, Ref } from 'react';
11
11
 
package/src/index.ts CHANGED
@@ -1 +1,5 @@
1
+ import '@rijkshuisstijl-community/dot-badge-react';
2
+ import '@rijkshuisstijl-community/icon-react';
3
+ import '@rijkshuisstijl-community/paragraph-react';
4
+
1
5
  export * from './MessageListItem';