@porsche-design-system/components-react 2.19.0 → 2.20.0-rc.0

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 (137) hide show
  1. package/CHANGELOG.md +36 -2
  2. package/jsdom-polyfill/index.js +12 -1
  3. package/jsdom-polyfill.d.ts +1 -0
  4. package/lib/components/button-group.wrapper.d.ts +3 -3
  5. package/lib/components/button-pure.wrapper.d.ts +3 -3
  6. package/lib/components/divider.wrapper.d.ts +3 -3
  7. package/lib/components/flex-item.wrapper.d.ts +13 -13
  8. package/lib/components/flex.wrapper.d.ts +13 -13
  9. package/lib/components/grid-item.wrapper.d.ts +5 -5
  10. package/lib/components/grid.wrapper.d.ts +7 -7
  11. package/lib/components/icon.wrapper.d.ts +3 -3
  12. package/lib/components/link-pure.wrapper.d.ts +5 -5
  13. package/lib/components/link-tile.wrapper.d.ts +3 -3
  14. package/lib/components/link.wrapper.d.ts +3 -3
  15. package/lib/components/marque.wrapper.d.ts +3 -3
  16. package/lib/components/modal.wrapper.d.ts +3 -3
  17. package/lib/components/spinner.wrapper.d.ts +5 -5
  18. package/lib/components/switch.wrapper.d.ts +3 -3
  19. package/lib/types.d.ts +26 -47
  20. package/package.json +2 -2
  21. package/ssr/components/dist/styles/esm/styles-entry.js +48 -25
  22. package/ssr/components/dist/utils/esm/utils-entry.js +46 -23
  23. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/accordion.js +2 -7
  24. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/banner.js +3 -8
  25. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-group.js +2 -7
  26. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-pure.js +4 -9
  27. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button.js +2 -7
  28. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.js +4 -9
  29. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/checkbox-wrapper.js +4 -9
  30. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/content-wrapper.js +2 -7
  31. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/fieldset-wrapper.js +5 -10
  32. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flex-item.js +2 -7
  33. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flex.js +2 -7
  34. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/grid-item.js +2 -7
  35. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/grid.js +3 -8
  36. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/headline.js +2 -7
  37. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/inline-notification.js +3 -8
  38. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-pure.js +4 -9
  39. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-social.js +2 -7
  40. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-tile.js +2 -7
  41. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link.js +2 -7
  42. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/modal.js +3 -8
  43. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/popover.js +2 -7
  44. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-button-wrapper.js +4 -9
  45. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/scroller.js +2 -7
  46. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control-item.js +2 -7
  47. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control.js +3 -8
  48. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-wrapper.js +4 -9
  49. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal-item.js +2 -7
  50. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal.js +3 -8
  51. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/switch.js +2 -7
  52. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-body.js +2 -7
  53. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-cell.js +2 -7
  54. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-head-cell.js +2 -7
  55. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-head-row.js +2 -7
  56. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-head.js +2 -7
  57. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-row.js +2 -7
  58. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table.js +3 -8
  59. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-bar.js +2 -7
  60. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-item.js +2 -7
  61. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs.js +4 -9
  62. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tag-dismissible.js +2 -7
  63. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tag.js +2 -7
  64. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-field-wrapper.js +7 -12
  65. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-list-item.js +2 -7
  66. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-list.js +3 -8
  67. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text.js +2 -7
  68. package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/textarea-wrapper.js +4 -9
  69. package/ssr/components-react/projects/react-ssr-wrapper/src/splitChildren.js +28 -0
  70. package/ssr/esm/components/dist/styles/esm/styles-entry.js +48 -25
  71. package/ssr/esm/components/dist/utils/esm/utils-entry.js +46 -23
  72. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/accordion.js +2 -7
  73. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/banner.js +3 -8
  74. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-group.js +2 -7
  75. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-pure.js +4 -9
  76. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button.js +2 -7
  77. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.js +4 -9
  78. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/checkbox-wrapper.js +4 -9
  79. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/content-wrapper.js +2 -7
  80. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/fieldset-wrapper.js +5 -10
  81. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flex-item.js +2 -7
  82. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flex.js +2 -7
  83. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/grid-item.js +2 -7
  84. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/grid.js +3 -8
  85. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/headline.js +2 -7
  86. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/inline-notification.js +3 -8
  87. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-pure.js +4 -9
  88. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-social.js +2 -7
  89. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-tile.js +2 -7
  90. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link.js +2 -7
  91. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/modal.js +3 -8
  92. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/popover.js +2 -7
  93. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-button-wrapper.js +4 -9
  94. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/scroller.js +2 -7
  95. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control-item.js +2 -7
  96. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control.js +3 -8
  97. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-wrapper.js +4 -9
  98. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal-item.js +2 -7
  99. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal.js +3 -8
  100. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/switch.js +2 -7
  101. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-body.js +2 -7
  102. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-cell.js +2 -7
  103. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-head-cell.js +2 -7
  104. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-head-row.js +2 -7
  105. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-head.js +2 -7
  106. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-row.js +2 -7
  107. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table.js +3 -8
  108. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-bar.js +2 -7
  109. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-item.js +2 -7
  110. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs.js +4 -9
  111. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tag-dismissible.js +2 -7
  112. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tag.js +2 -7
  113. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-field-wrapper.js +7 -12
  114. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-list-item.js +2 -7
  115. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-list.js +3 -8
  116. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text.js +2 -7
  117. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/textarea-wrapper.js +4 -9
  118. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/splitChildren.js +26 -0
  119. package/ssr/lib/components/button-group.wrapper.d.ts +3 -3
  120. package/ssr/lib/components/button-pure.wrapper.d.ts +3 -3
  121. package/ssr/lib/components/divider.wrapper.d.ts +3 -3
  122. package/ssr/lib/components/flex-item.wrapper.d.ts +13 -13
  123. package/ssr/lib/components/flex.wrapper.d.ts +13 -13
  124. package/ssr/lib/components/grid-item.wrapper.d.ts +5 -5
  125. package/ssr/lib/components/grid.wrapper.d.ts +7 -7
  126. package/ssr/lib/components/icon.wrapper.d.ts +3 -3
  127. package/ssr/lib/components/link-pure.wrapper.d.ts +5 -5
  128. package/ssr/lib/components/link-tile.wrapper.d.ts +3 -3
  129. package/ssr/lib/components/link.wrapper.d.ts +3 -3
  130. package/ssr/lib/components/marque.wrapper.d.ts +3 -3
  131. package/ssr/lib/components/modal.wrapper.d.ts +3 -3
  132. package/ssr/lib/components/spinner.wrapper.d.ts +5 -5
  133. package/ssr/lib/components/switch.wrapper.d.ts +3 -3
  134. package/ssr/lib/types.d.ts +26 -47
  135. package/ssr/splitChildren.d.ts +17 -0
  136. package/testing/index.js +8 -42
  137. package/testing.d.ts +1 -9
package/CHANGELOG.md CHANGED
@@ -9,6 +9,35 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
9
9
 
10
10
  ### [Unreleased]
11
11
 
12
+ ### [2.20.0-rc.0] - 2023-01-30
13
+
14
+ #### Added
15
+
16
+ - `applyNormalizeStyles` option for `getInitialStyles()` partial which includes basic css styles for Light DOM
17
+
18
+ ### [2.19.1-rc.1] - 2023-01-18
19
+
20
+ #### Added
21
+
22
+ - `jsdom-polyfill` subpackage is available at `@porsche-design-system/components-{js|angular|react|vue}/jsdom-polyfill`
23
+ and can be used to have working web components in jsdom based tests (e.g. jest)
24
+ - `testing` subpackage is available at `@porsche-design-system/components-{js|angular|react|vue}/testing` to provide
25
+ `getByRoleShadowed`, `getByLabelTextShadowed` and `getByTextShadowed` utilities which use `@testing-library/dom`
26
+ queries internally to support Shadow DOM
27
+ - Validation if `prefix` is already reserved by a different version upon initialization of the Porsche Design System
28
+
29
+ #### Fixed
30
+
31
+ - `componentsReady()` waits for Porsche Design System being initialized before checking components which can happen in
32
+ certain test scenarios without partials
33
+
34
+ ### [2.19.1-rc.0] - 2023-01-18
35
+
36
+ #### Fixed
37
+
38
+ - Bug in `@porsche-design-system/components-react/ssr` where in some cases during SSG an error was thrown when
39
+ components render their children conditionally
40
+
12
41
  ### [2.19.0] - 2022-12-22
13
42
 
14
43
  ### [2.19.0-rc.2] - 2022-12-22
@@ -38,7 +67,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
38
67
  - Validation to ensure crucial partials are used.
39
68
  **Disclaimer:** The Porsche Design System will **not** inject its initial styles anymore. Please use the
40
69
  `getInitialStyles()` partial to reduce flash of unstyled content (FOUC) as described here:
41
- **https://designsystem.porsche.com/v2/partials/initial-styles**
70
+ [getInitialStyles() documentation](https://designsystem.porsche.com/latest/partials/initial-styles)
42
71
 
43
72
  #### Changed
44
73
 
@@ -69,11 +98,16 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
69
98
  #### Added
70
99
 
71
100
  - SSR/SSG ready components using Declarative Shadow DOM for Next JS are shipped via
72
- `@porsche-design-system/components-react/ssr`. To use it simply change your imports:
101
+ `@porsche-design-system/components-react/ssr`. To use it simply change your imports.
102
+
103
+ **Important:** make sure to apply the new `getDSRPonyfill()` partial right before your closing `</body>` tag. More
104
+ information can be found here:
105
+ [getDSRPonyfill() documentation](https://designsystem.porsche.com/latest/partials/dsr-ponyfill)
73
106
 
74
107
  ```diff
75
108
  - import { PorscheDesignSystemProvider, PButton, ... } from '@porsche-design-system/components-react';
76
109
  + import { PorscheDesignSystemProvider, PButton, ... } from '@porsche-design-system/components-react/ssr';
110
+ + import { getDSRPonyfill } from '@porsche-design-system/components-react/partials';
77
111
  ```
78
112
 
79
113
  #### Changed