npm - @porsche-design-system/components-react - Versions diffs - 3.7.0-rc.0 → 3.7.0-rc.1 - Mend

@porsche-design-system/components-react 3.7.0-rc.0 → 3.7.0-rc.1

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 (164) hide show

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/radio-button-wrapper.cjs CHANGED Viewed

@@ -1,6 +1,70 @@
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');
+require('../components/accordion.wrapper.cjs');
+require('../components/banner.wrapper.cjs');
+require('../components/button.wrapper.cjs');
+require('../components/button-group.wrapper.cjs');
+require('../components/button-pure.wrapper.cjs');
+require('../components/button-tile.wrapper.cjs');
+require('../components/carousel.wrapper.cjs');
+require('../components/checkbox-wrapper.wrapper.cjs');
+require('../components/content-wrapper.wrapper.cjs');
+require('../components/crest.wrapper.cjs');
+require('../components/display.wrapper.cjs');
+require('../components/divider.wrapper.cjs');
+require('../components/fieldset.wrapper.cjs');
+require('../components/fieldset-wrapper.wrapper.cjs');
+require('../components/flex.wrapper.cjs');
+require('../components/flex-item.wrapper.cjs');
+require('../components/flyout.wrapper.cjs');
+require('../components/grid.wrapper.cjs');
+require('../components/grid-item.wrapper.cjs');
+require('../components/heading.wrapper.cjs');
+require('../components/headline.wrapper.cjs');
+require('../components/icon.wrapper.cjs');
+require('../components/inline-notification.wrapper.cjs');
+require('../components/link.wrapper.cjs');
+require('../components/link-pure.wrapper.cjs');
+require('../components/link-social.wrapper.cjs');
+require('../components/link-tile.wrapper.cjs');
+require('../components/link-tile-model-signature.wrapper.cjs');
+require('../components/marque.wrapper.cjs');
+require('../components/modal.wrapper.cjs');
+require('../components/model-signature.wrapper.cjs');
+require('../components/multi-select.wrapper.cjs');
+require('../components/multi-select-option.wrapper.cjs');
+require('../components/pagination.wrapper.cjs');
+require('../components/pin-code.wrapper.cjs');
+require('../components/popover.wrapper.cjs');
+require('../components/radio-button-wrapper.wrapper.cjs');
+require('../components/scroller.wrapper.cjs');
+require('../components/segmented-control.wrapper.cjs');
+require('../components/segmented-control-item.wrapper.cjs');
+require('../components/select-wrapper.wrapper.cjs');
+var spinner_wrapper = require('../components/spinner.wrapper.cjs');
+require('../components/stepper-horizontal.wrapper.cjs');
+require('../components/stepper-horizontal-item.wrapper.cjs');
+require('../components/switch.wrapper.cjs');
+require('../components/table.wrapper.cjs');
+require('../components/table-body.wrapper.cjs');
+require('../components/table-cell.wrapper.cjs');
+require('../components/table-head.wrapper.cjs');
+require('../components/table-head-cell.wrapper.cjs');
+require('../components/table-head-row.wrapper.cjs');
+require('../components/table-row.wrapper.cjs');
+require('../components/tabs.wrapper.cjs');
+require('../components/tabs-bar.wrapper.cjs');
+require('../components/tabs-item.wrapper.cjs');
+require('../components/tag.wrapper.cjs');
+require('../components/tag-dismissible.wrapper.cjs');
+require('../components/text.wrapper.cjs');
+require('../components/text-field-wrapper.wrapper.cjs');
+require('../components/text-list.wrapper.cjs');
+require('../components/text-list-item.wrapper.cjs');
+require('../components/textarea-wrapper.wrapper.cjs');
+require('../components/toast.wrapper.cjs');
+require('../components/wordmark.wrapper.cjs');
 var splitChildren = require('../../splitChildren.cjs');
 var react = require('react');
 var minifyCss = require('../../minifyCss.cjs');
@@ -13,8 +77,10 @@ class DSRRadioButtonWrapper extends react.Component {
     input;
     render() {
         const { children, namedSlotChildren, otherChildren } = splitChildren.splitChildren(this.props.children);
-        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getRadioButtonWrapperCss(this.props.hideLabel, this.props.state, typeof otherChildren[0] === 'object' && 'props' in otherChildren[0] && otherChildren[0]?.props.disabled, this.props.theme)));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("label", { children: [(this.props.label || namedSlotChildren.filter(({ props: { slot } }) => slot === 'label').length > 0) && (jsxRuntime.jsx("span", { className: "text", children: this.props.label || jsxRuntime.jsx("slot", { name: "label" }) })), jsxRuntime.jsx("slot", {})] }), (this.props.message || namedSlotChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state) && (jsxRuntime.jsx(stateMessage.StateMessage, { state: this.props.state, message: this.props.message, theme: this.props.theme, host: null }))] })] }), this.props.children] }));
+        // spinner is only displayed when radio is not checked already
+        const isLoading = this.props.loading && !(typeof otherChildren[0] === 'object' && 'props' in otherChildren[0] && (otherChildren[0]?.props.checked || otherChildren[0]?.props.defaultChecked));
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getRadioButtonWrapperCss(this.props.hideLabel, this.props.state, typeof otherChildren[0] === 'object' && 'props' in otherChildren[0] && otherChildren[0]?.props.disabled, isLoading, this.props.theme)));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("label", { "aria-disabled": isLoading ? 'true' : null, children: [(this.props.label || namedSlotChildren.filter(({ props: { slot } }) => slot === 'label').length > 0) && (jsxRuntime.jsx("span", { className: "text", children: this.props.label || jsxRuntime.jsx("slot", { name: "label" }) })), jsxRuntime.jsx("slot", {}), isLoading && (jsxRuntime.jsx(spinner_wrapper.PSpinner, { className: "spinner", size: "inherit", theme: this.props.theme, aria: { 'aria-label': `Loading state of ${this.props.label}` } }))] }), (this.props.message || namedSlotChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state) && (jsxRuntime.jsx(stateMessage.StateMessage, { state: this.props.state, message: this.props.message, theme: this.props.theme, host: null }))] })] }), this.props.children] }));
     }
 }

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/scroller.cjs CHANGED Viewed

@@ -35,6 +35,7 @@ require('../components/model-signature.wrapper.cjs');
 require('../components/multi-select.wrapper.cjs');
 require('../components/multi-select-option.wrapper.cjs');
 require('../components/pagination.wrapper.cjs');
+require('../components/pin-code.wrapper.cjs');
 require('../components/popover.wrapper.cjs');
 require('../components/radio-button-wrapper.wrapper.cjs');
 require('../components/scroller.wrapper.cjs');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control-item.cjs CHANGED Viewed

@@ -35,6 +35,7 @@ require('../components/model-signature.wrapper.cjs');
 require('../components/multi-select.wrapper.cjs');
 require('../components/multi-select-option.wrapper.cjs');
 require('../components/pagination.wrapper.cjs');
+require('../components/pin-code.wrapper.cjs');
 require('../components/popover.wrapper.cjs');
 require('../components/radio-button-wrapper.wrapper.cjs');
 require('../components/scroller.wrapper.cjs');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-wrapper-dropdown.cjs CHANGED Viewed

@@ -35,6 +35,7 @@ require('../components/model-signature.wrapper.cjs');
 require('../components/multi-select.wrapper.cjs');
 require('../components/multi-select-option.wrapper.cjs');
 require('../components/pagination.wrapper.cjs');
+require('../components/pin-code.wrapper.cjs');
 require('../components/popover.wrapper.cjs');
 require('../components/radio-button-wrapper.wrapper.cjs');
 require('../components/scroller.wrapper.cjs');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-wrapper.cjs CHANGED Viewed

@@ -35,6 +35,7 @@ require('../components/model-signature.wrapper.cjs');
 require('../components/multi-select.wrapper.cjs');
 require('../components/multi-select-option.wrapper.cjs');
 require('../components/pagination.wrapper.cjs');
+require('../components/pin-code.wrapper.cjs');
 require('../components/popover.wrapper.cjs');
 require('../components/radio-button-wrapper.wrapper.cjs');
 require('../components/scroller.wrapper.cjs');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/state-message.cjs CHANGED Viewed

@@ -35,6 +35,7 @@ require('../components/model-signature.wrapper.cjs');
 require('../components/multi-select.wrapper.cjs');
 require('../components/multi-select-option.wrapper.cjs');
 require('../components/pagination.wrapper.cjs');
+require('../components/pin-code.wrapper.cjs');
 require('../components/popover.wrapper.cjs');
 require('../components/radio-button-wrapper.wrapper.cjs');
 require('../components/scroller.wrapper.cjs');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal-item.cjs CHANGED Viewed

@@ -35,6 +35,7 @@ require('../components/model-signature.wrapper.cjs');
 require('../components/multi-select.wrapper.cjs');
 require('../components/multi-select-option.wrapper.cjs');
 require('../components/pagination.wrapper.cjs');
+require('../components/pin-code.wrapper.cjs');
 require('../components/popover.wrapper.cjs');
 require('../components/radio-button-wrapper.wrapper.cjs');
 require('../components/scroller.wrapper.cjs');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/stepper-horizontal.cjs CHANGED Viewed

@@ -35,6 +35,7 @@ require('../components/model-signature.wrapper.cjs');
 require('../components/multi-select.wrapper.cjs');
 require('../components/multi-select-option.wrapper.cjs');
 require('../components/pagination.wrapper.cjs');
+require('../components/pin-code.wrapper.cjs');
 require('../components/popover.wrapper.cjs');
 require('../components/radio-button-wrapper.wrapper.cjs');
 var scroller_wrapper = require('../components/scroller.wrapper.cjs');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/switch.cjs CHANGED Viewed

@@ -35,6 +35,7 @@ require('../components/model-signature.wrapper.cjs');
 require('../components/multi-select.wrapper.cjs');
 require('../components/multi-select-option.wrapper.cjs');
 require('../components/pagination.wrapper.cjs');
+require('../components/pin-code.wrapper.cjs');
 require('../components/popover.wrapper.cjs');
 require('../components/radio-button-wrapper.wrapper.cjs');
 require('../components/scroller.wrapper.cjs');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table-head-cell.cjs CHANGED Viewed

@@ -35,6 +35,7 @@ require('../components/model-signature.wrapper.cjs');
 require('../components/multi-select.wrapper.cjs');
 require('../components/multi-select-option.wrapper.cjs');
 require('../components/pagination.wrapper.cjs');
+require('../components/pin-code.wrapper.cjs');
 require('../components/popover.wrapper.cjs');
 require('../components/radio-button-wrapper.wrapper.cjs');
 require('../components/scroller.wrapper.cjs');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/table.cjs CHANGED Viewed

@@ -35,6 +35,7 @@ require('../components/model-signature.wrapper.cjs');
 require('../components/multi-select.wrapper.cjs');
 require('../components/multi-select-option.wrapper.cjs');
 require('../components/pagination.wrapper.cjs');
+require('../components/pin-code.wrapper.cjs');
 require('../components/popover.wrapper.cjs');
 require('../components/radio-button-wrapper.wrapper.cjs');
 var scroller_wrapper = require('../components/scroller.wrapper.cjs');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-bar.cjs CHANGED Viewed

@@ -35,6 +35,7 @@ require('../components/model-signature.wrapper.cjs');
 require('../components/multi-select.wrapper.cjs');
 require('../components/multi-select-option.wrapper.cjs');
 require('../components/pagination.wrapper.cjs');
+require('../components/pin-code.wrapper.cjs');
 require('../components/popover.wrapper.cjs');
 require('../components/radio-button-wrapper.wrapper.cjs');
 var scroller_wrapper = require('../components/scroller.wrapper.cjs');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs.cjs CHANGED Viewed

@@ -35,6 +35,7 @@ require('../components/model-signature.wrapper.cjs');
 require('../components/multi-select.wrapper.cjs');
 require('../components/multi-select-option.wrapper.cjs');
 require('../components/pagination.wrapper.cjs');
+require('../components/pin-code.wrapper.cjs');
 require('../components/popover.wrapper.cjs');
 require('../components/radio-button-wrapper.wrapper.cjs');
 require('../components/scroller.wrapper.cjs');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tag-dismissible.cjs CHANGED Viewed

@@ -35,6 +35,7 @@ require('../components/model-signature.wrapper.cjs');
 require('../components/multi-select.wrapper.cjs');
 require('../components/multi-select-option.wrapper.cjs');
 require('../components/pagination.wrapper.cjs');
+require('../components/pin-code.wrapper.cjs');
 require('../components/popover.wrapper.cjs');
 require('../components/radio-button-wrapper.wrapper.cjs');
 require('../components/scroller.wrapper.cjs');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tag.cjs CHANGED Viewed

@@ -35,6 +35,7 @@ require('../components/model-signature.wrapper.cjs');
 require('../components/multi-select.wrapper.cjs');
 require('../components/multi-select-option.wrapper.cjs');
 require('../components/pagination.wrapper.cjs');
+require('../components/pin-code.wrapper.cjs');
 require('../components/popover.wrapper.cjs');
 require('../components/radio-button-wrapper.wrapper.cjs');
 require('../components/scroller.wrapper.cjs');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-field-wrapper.cjs CHANGED Viewed

@@ -36,6 +36,7 @@ require('../components/model-signature.wrapper.cjs');
 require('../components/multi-select.wrapper.cjs');
 require('../components/multi-select-option.wrapper.cjs');
 require('../components/pagination.wrapper.cjs');
+require('../components/pin-code.wrapper.cjs');
 require('../components/popover.wrapper.cjs');
 require('../components/radio-button-wrapper.wrapper.cjs');
 require('../components/scroller.wrapper.cjs');
@@ -112,7 +113,7 @@ class DSRTextFieldWrapper extends react.Component {
                                             this.props.isWithinForm ? (react.createElement(buttonPure_wrapper.PButtonPure, { ...buttonProps, key: "btn-submit", type: "submit", icon: "search", disabled: disabledOrReadOnly }, "Search")) : (jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", name: "search", color: "state-disabled", theme: this.props.theme, "aria-hidden": "true" }, "icon")),
                                             react.createElement(buttonPure_wrapper.PButtonPure, { ...buttonProps, type: "button", key: "btn-clear", icon: "close", tabIndex: -1, hidden: !isClearable, disabled: disabledOrReadOnly }, "Clear field"),
                                             hasAction && (react.createElement(buttonPure_wrapper.PButtonPure, { ...buttonProps, type: "button", key: "btn-action", icon: "locate", hidden: isClearable, disabled: disabledOrReadOnly, loading: this.props.actionLoading }, "Locate me")),
-                                        ])] }), (this.props.message || namedSlotChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state) && (jsxRuntime.jsx(stateMessage.StateMessage, { state: this.props.state, message: this.props.message, theme: "light", host: null }))] })] }), this.props.children] }));
+                                        ])] }), (this.props.message || namedSlotChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state) && (jsxRuntime.jsx(stateMessage.StateMessage, { state: this.props.state, message: this.props.message, theme: this.props.theme, host: null }))] })] }), this.props.children] }));
     }
 }

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/textarea-wrapper.cjs CHANGED Viewed

@@ -18,7 +18,7 @@ class DSRTextareaWrapper extends react.Component {
         const { children, namedSlotChildren, otherChildren } = splitChildren.splitChildren(this.props.children);
         const labelProps = {};
         const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getTextareaWrapperCss(typeof otherChildren[0] === 'object' && 'props' in otherChildren[0] && otherChildren[0]?.props.disabled, this.props.hideLabel, this.props.state, this.props.hasCounter, this.props.theme)));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("label", { className: "label", children: [(this.props.label || namedSlotChildren.filter(({ props: { slot } }) => slot === 'label').length > 0) && (jsxRuntime.jsx("span", { className: "label__text", ...labelProps, children: this.props.label || jsxRuntime.jsx("slot", { name: "label" }) })), (this.props.description || namedSlotChildren.filter(({ props: { slot } }) => slot === 'description').length > 0) && (jsxRuntime.jsx("span", { className: "label__text", ...labelProps, children: this.props.description || jsxRuntime.jsx("slot", { name: "description" }) })), this.props.hasCounter && jsxRuntime.jsx("span", { className: "counter", "aria-hidden": "true" }), jsxRuntime.jsx("slot", {}), this.props.hasCounter && jsxRuntime.jsx("span", { className: "sr-only", "aria-live": "polite" })] }), (this.props.message || namedSlotChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state) && (jsxRuntime.jsx(stateMessage.StateMessage, { state: this.props.state, message: this.props.message, theme: "light", host: null }))] })] }), this.props.children] }));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("label", { className: "label", children: [(this.props.label || namedSlotChildren.filter(({ props: { slot } }) => slot === 'label').length > 0) && (jsxRuntime.jsx("span", { className: "label__text", ...labelProps, children: this.props.label || jsxRuntime.jsx("slot", { name: "label" }) })), (this.props.description || namedSlotChildren.filter(({ props: { slot } }) => slot === 'description').length > 0) && (jsxRuntime.jsx("span", { className: "label__text", ...labelProps, children: this.props.description || jsxRuntime.jsx("slot", { name: "description" }) })), this.props.hasCounter && jsxRuntime.jsx("span", { className: "counter", "aria-hidden": "true" }), jsxRuntime.jsx("slot", {}), this.props.hasCounter && jsxRuntime.jsx("span", { className: "sr-only", "aria-live": "polite" })] }), (this.props.message || namedSlotChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state) && (jsxRuntime.jsx(stateMessage.StateMessage, { state: this.props.state, message: this.props.message, theme: this.props.theme, host: null }))] })] }), this.props.children] }));
     }
 }

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/public-api.cjs CHANGED Viewed

@@ -35,6 +35,7 @@ var modelSignature_wrapper = require('./lib/components/model-signature.wrapper.c
 var multiSelect_wrapper = require('./lib/components/multi-select.wrapper.cjs');
 var multiSelectOption_wrapper = require('./lib/components/multi-select-option.wrapper.cjs');
 var pagination_wrapper = require('./lib/components/pagination.wrapper.cjs');
+var pinCode_wrapper = require('./lib/components/pin-code.wrapper.cjs');
 var popover_wrapper = require('./lib/components/popover.wrapper.cjs');
 var radioButtonWrapper_wrapper = require('./lib/components/radio-button-wrapper.wrapper.cjs');
 var scroller_wrapper = require('./lib/components/scroller.wrapper.cjs');
@@ -108,6 +109,7 @@ exports.PModelSignature = modelSignature_wrapper.PModelSignature;
 exports.PMultiSelect = multiSelect_wrapper.PMultiSelect;
 exports.PMultiSelectOption = multiSelectOption_wrapper.PMultiSelectOption;
 exports.PPagination = pagination_wrapper.PPagination;
+exports.PPinCode = pinCode_wrapper.PPinCode;
 exports.PPopover = popover_wrapper.PPopover;
 exports.PRadioButtonWrapper = radioButtonWrapper_wrapper.PRadioButtonWrapper;
 exports.PScroller = scroller_wrapper.PScroller;