@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.
- package/CHANGELOG.md +36 -2
- package/jsdom-polyfill/index.js +12 -1
- package/jsdom-polyfill.d.ts +1 -0
- package/lib/components/button-group.wrapper.d.ts +3 -3
- package/lib/components/button-pure.wrapper.d.ts +3 -3
- package/lib/components/divider.wrapper.d.ts +3 -3
- package/lib/components/flex-item.wrapper.d.ts +13 -13
- package/lib/components/flex.wrapper.d.ts +13 -13
- package/lib/components/grid-item.wrapper.d.ts +5 -5
- package/lib/components/grid.wrapper.d.ts +7 -7
- package/lib/components/icon.wrapper.d.ts +3 -3
- package/lib/components/link-pure.wrapper.d.ts +5 -5
- package/lib/components/link-tile.wrapper.d.ts +3 -3
- package/lib/components/link.wrapper.d.ts +3 -3
- package/lib/components/marque.wrapper.d.ts +3 -3
- package/lib/components/modal.wrapper.d.ts +3 -3
- package/lib/components/spinner.wrapper.d.ts +5 -5
- package/lib/components/switch.wrapper.d.ts +3 -3
- package/lib/types.d.ts +26 -47
- package/package.json +2 -2
- package/ssr/components/dist/styles/esm/styles-entry.js +48 -25
- package/ssr/components/dist/utils/esm/utils-entry.js +46 -23
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/accordion.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/banner.js +3 -8
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-group.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-pure.js +4 -9
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.js +4 -9
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/checkbox-wrapper.js +4 -9
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/content-wrapper.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/fieldset-wrapper.js +5 -10
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flex-item.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flex.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/grid-item.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/grid.js +3 -8
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/headline.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/inline-notification.js +3 -8
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-pure.js +4 -9
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-social.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-tile.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/modal.js +3 -8
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/popover.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-button-wrapper.js +4 -9
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/scroller.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control-item.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control.js +3 -8
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-wrapper.js +4 -9
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal-item.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal.js +3 -8
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/switch.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-body.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-cell.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-head-cell.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-head-row.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-head.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-row.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table.js +3 -8
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-bar.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-item.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs.js +4 -9
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tag-dismissible.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tag.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-field-wrapper.js +7 -12
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-list-item.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-list.js +3 -8
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text.js +2 -7
- package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/textarea-wrapper.js +4 -9
- package/ssr/components-react/projects/react-ssr-wrapper/src/splitChildren.js +28 -0
- package/ssr/esm/components/dist/styles/esm/styles-entry.js +48 -25
- package/ssr/esm/components/dist/utils/esm/utils-entry.js +46 -23
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/accordion.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/banner.js +3 -8
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-group.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-pure.js +4 -9
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.js +4 -9
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/checkbox-wrapper.js +4 -9
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/content-wrapper.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/fieldset-wrapper.js +5 -10
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flex-item.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flex.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/grid-item.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/grid.js +3 -8
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/headline.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/inline-notification.js +3 -8
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-pure.js +4 -9
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-social.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-tile.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/modal.js +3 -8
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/popover.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-button-wrapper.js +4 -9
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/scroller.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control-item.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control.js +3 -8
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-wrapper.js +4 -9
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal-item.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal.js +3 -8
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/switch.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-body.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-cell.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-head-cell.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-head-row.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-head.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-row.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table.js +3 -8
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-bar.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-item.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs.js +4 -9
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tag-dismissible.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tag.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-field-wrapper.js +7 -12
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-list-item.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-list.js +3 -8
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text.js +2 -7
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/textarea-wrapper.js +4 -9
- package/ssr/esm/components-react/projects/react-ssr-wrapper/src/splitChildren.js +26 -0
- package/ssr/lib/components/button-group.wrapper.d.ts +3 -3
- package/ssr/lib/components/button-pure.wrapper.d.ts +3 -3
- package/ssr/lib/components/divider.wrapper.d.ts +3 -3
- package/ssr/lib/components/flex-item.wrapper.d.ts +13 -13
- package/ssr/lib/components/flex.wrapper.d.ts +13 -13
- package/ssr/lib/components/grid-item.wrapper.d.ts +5 -5
- package/ssr/lib/components/grid.wrapper.d.ts +7 -7
- package/ssr/lib/components/icon.wrapper.d.ts +3 -3
- package/ssr/lib/components/link-pure.wrapper.d.ts +5 -5
- package/ssr/lib/components/link-tile.wrapper.d.ts +3 -3
- package/ssr/lib/components/link.wrapper.d.ts +3 -3
- package/ssr/lib/components/marque.wrapper.d.ts +3 -3
- package/ssr/lib/components/modal.wrapper.d.ts +3 -3
- package/ssr/lib/components/spinner.wrapper.d.ts +5 -5
- package/ssr/lib/components/switch.wrapper.d.ts +3 -3
- package/ssr/lib/types.d.ts +26 -47
- package/ssr/splitChildren.d.ts +17 -0
- package/testing/index.js +8 -42
- 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
|
-
|
|
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
|