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

@porsche-design-system/components-react 3.9.0 → 3.10.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 (143) hide show

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

@@ -18,6 +18,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
+require('../components/flyout-navigation.wrapper.cjs');
+require('../components/flyout-navigation-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');
@@ -29,6 +31,7 @@ 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/link-tile-product.wrapper.cjs');
 require('../components/marque.wrapper.cjs');
 require('../components/modal.wrapper.cjs');
 require('../components/model-signature.wrapper.cjs');

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

@@ -18,6 +18,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
+require('../components/flyout-navigation.wrapper.cjs');
+require('../components/flyout-navigation-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');
@@ -29,6 +31,7 @@ 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/link-tile-product.wrapper.cjs');
 require('../components/marque.wrapper.cjs');
 require('../components/modal.wrapper.cjs');
 require('../components/model-signature.wrapper.cjs');

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

@@ -18,6 +18,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
+require('../components/flyout-navigation.wrapper.cjs');
+require('../components/flyout-navigation-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');
@@ -29,6 +31,7 @@ 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/link-tile-product.wrapper.cjs');
 require('../components/marque.wrapper.cjs');
 require('../components/modal.wrapper.cjs');
 require('../components/model-signature.wrapper.cjs');

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

@@ -18,6 +18,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
+require('../components/flyout-navigation.wrapper.cjs');
+require('../components/flyout-navigation-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');
@@ -29,6 +31,7 @@ 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/link-tile-product.wrapper.cjs');
 require('../components/marque.wrapper.cjs');
 require('../components/modal.wrapper.cjs');
 require('../components/model-signature.wrapper.cjs');

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

@@ -18,6 +18,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
+require('../components/flyout-navigation.wrapper.cjs');
+require('../components/flyout-navigation-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');
@@ -29,6 +31,7 @@ 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/link-tile-product.wrapper.cjs');
 require('../components/marque.wrapper.cjs');
 require('../components/modal.wrapper.cjs');
 require('../components/model-signature.wrapper.cjs');

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

@@ -18,6 +18,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
+require('../components/flyout-navigation.wrapper.cjs');
+require('../components/flyout-navigation-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');
@@ -29,6 +31,7 @@ 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/link-tile-product.wrapper.cjs');
 require('../components/marque.wrapper.cjs');
 require('../components/modal.wrapper.cjs');
 require('../components/model-signature.wrapper.cjs');

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

@@ -18,6 +18,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
+require('../components/flyout-navigation.wrapper.cjs');
+require('../components/flyout-navigation-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');
@@ -29,6 +31,7 @@ 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/link-tile-product.wrapper.cjs');
 require('../components/marque.wrapper.cjs');
 require('../components/modal.wrapper.cjs');
 require('../components/model-signature.wrapper.cjs');

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

@@ -18,6 +18,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
+require('../components/flyout-navigation.wrapper.cjs');
+require('../components/flyout-navigation-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');
@@ -29,6 +31,7 @@ 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/link-tile-product.wrapper.cjs');
 require('../components/marque.wrapper.cjs');
 require('../components/modal.wrapper.cjs');
 require('../components/model-signature.wrapper.cjs');

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

@@ -19,6 +19,8 @@ require('../components/fieldset-wrapper.wrapper.cjs');
 require('../components/flex.wrapper.cjs');
 require('../components/flex-item.wrapper.cjs');
 require('../components/flyout.wrapper.cjs');
+require('../components/flyout-navigation.wrapper.cjs');
+require('../components/flyout-navigation-item.wrapper.cjs');
 require('../components/grid.wrapper.cjs');
 require('../components/grid-item.wrapper.cjs');
 require('../components/heading.wrapper.cjs');
@@ -30,6 +32,7 @@ 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/link-tile-product.wrapper.cjs');
 require('../components/marque.wrapper.cjs');
 require('../components/modal.wrapper.cjs');
 require('../components/model-signature.wrapper.cjs');
@@ -107,10 +110,10 @@ class DSRTextFieldWrapper extends react.Component {
         const hasAction = utilsEntry.hasLocateAction(this.props.actionIcon);
         const hasCounter = false; // hasCounterAndIsTypeText(otherChildren[0]?.props);
         const isClearable = typeof otherChildren[0] === 'object' && 'props' in otherChildren[0] && !!otherChildren[0]?.props.value;
-        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getTextFieldWrapperCss(disabled, this.props.hideLabel, this.props.state, this.props.isCounterVisible, this.props.isCounterVisible ? 'suffix' : this.props.unitPosition, isPassword ? 'password' : type, this.props.showPasswordToggle, this.props.isWithinForm, this.props.theme)));
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getTextFieldWrapperCss(disabled, this.props.hideLabel, this.props.state, this.props.isCounterVisible, this.props.isCounterVisible ? 'suffix' : this.props.unitPosition, isPassword ? 'password' : type, this.props.showPasswordToggle, this.props.isWithinForm, this.props.submitButton, 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("div", { className: "root", children: [jsxRuntime.jsx(label.Label, { hasLabel: this.props.label || namedSlotChildren.filter(({ props: { slot } }) => slot === 'label').length > 0, hasDescription: this.props.description || namedSlotChildren.filter(({ props: { slot } }) => slot === 'description').length > 0, host: null, label: this.props.label, description: this.props.description, formElement: typeof otherChildren[0] === 'object' && 'props' in otherChildren[0] && otherChildren[0]?.props, isDisabled: disabled }), jsxRuntime.jsxs("div", { className: "wrapper", children: [jsxRuntime.jsx("slot", {}), hasCounter , (this.props.isCounterVisible) && (jsxRuntime.jsx("span", { className: "unit", "aria-hidden": "true", children: this.props.unit })), isPassword && this.props.showPasswordToggle ? (jsxRuntime.jsx(buttonPure_wrapper.PButtonPure, { ...buttonProps, type: "button", icon: this.props.showPassword ? 'view-off' : 'view', disabled: disabled, aria: { 'aria-pressed': this.props.showPassword ? 'true' : 'false' }, children: "Toggle password visibility" })) : utilsEntry.showCustomCalendarOrTimeIndicator(isCalendar, isTime) ? (jsxRuntime.jsxs(buttonPure_wrapper.PButtonPure, { ...buttonProps, type: "button", icon: isCalendar ? 'calendar' : 'clock', disabled: disabled, children: ["Show $", isCalendar ? 'date' : 'time', " picker"] })) : (isSearch && [
                                             // TODO: create an own component, which would fix SSR support too
-                                            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")),
+                                            this.props.isWithinForm && this.props.submitButton ? (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, key: "btn-clear", type: "button", icon: "close", tabIndex: -1, hidden: !isClearable, disabled: disabledOrReadOnly }, "Clear field"),
                                             hasAction && (react.createElement(buttonPure_wrapper.PButtonPure, { ...buttonProps, key: "btn-action", type: "button", icon: "locate", hidden: isClearable, disabled: disabledOrReadOnly, loading: this.props.actionLoading }, "Locate me")),
                                         ])] }), jsxRuntime.jsx(stateMessage.StateMessage, { hasMessage: (this.props.message || namedSlotChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state), 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/minifyCss.cjs CHANGED Viewed

@@ -1,5 +1,11 @@
 'use strict';
-const minifyCss = (css) => css.replace(/\s\s+|\.\\(?=:)|[\n\\]+| (?={)|;(?=\s+})|(:|media)\s(?=.*;?)/g, '$1');
+const minifyCss = (css) => {
+    // TODO: could remove whitespace in selectors following
+    // - commas: e.g. `, `
+    // - before/after + combinator, e.g. ` + `
+    // - and potentially other combinators
+    return css.replace(/\s\s+|\.\\(?=:)|[\n\\]+(?!\+)| (?={)|;(?=\s+})|(:|media)\s(?=.*;?)/g, '$1');
+};
 exports.minifyCss = minifyCss;

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

@@ -18,6 +18,8 @@ var fieldsetWrapper_wrapper = require('./lib/components/fieldset-wrapper.wrapper
 var flex_wrapper = require('./lib/components/flex.wrapper.cjs');
 var flexItem_wrapper = require('./lib/components/flex-item.wrapper.cjs');
 var flyout_wrapper = require('./lib/components/flyout.wrapper.cjs');
+var flyoutNavigation_wrapper = require('./lib/components/flyout-navigation.wrapper.cjs');
+var flyoutNavigationItem_wrapper = require('./lib/components/flyout-navigation-item.wrapper.cjs');
 var grid_wrapper = require('./lib/components/grid.wrapper.cjs');
 var gridItem_wrapper = require('./lib/components/grid-item.wrapper.cjs');
 var heading_wrapper = require('./lib/components/heading.wrapper.cjs');
@@ -29,6 +31,7 @@ var linkPure_wrapper = require('./lib/components/link-pure.wrapper.cjs');
 var linkSocial_wrapper = require('./lib/components/link-social.wrapper.cjs');
 var linkTile_wrapper = require('./lib/components/link-tile.wrapper.cjs');
 var linkTileModelSignature_wrapper = require('./lib/components/link-tile-model-signature.wrapper.cjs');
+var linkTileProduct_wrapper = require('./lib/components/link-tile-product.wrapper.cjs');
 var marque_wrapper = require('./lib/components/marque.wrapper.cjs');
 var modal_wrapper = require('./lib/components/modal.wrapper.cjs');
 var modelSignature_wrapper = require('./lib/components/model-signature.wrapper.cjs');
@@ -92,6 +95,8 @@ exports.PFieldsetWrapper = fieldsetWrapper_wrapper.PFieldsetWrapper;
 exports.PFlex = flex_wrapper.PFlex;
 exports.PFlexItem = flexItem_wrapper.PFlexItem;
 exports.PFlyout = flyout_wrapper.PFlyout;
+exports.PFlyoutNavigation = flyoutNavigation_wrapper.PFlyoutNavigation;
+exports.PFlyoutNavigationItem = flyoutNavigationItem_wrapper.PFlyoutNavigationItem;
 exports.PGrid = grid_wrapper.PGrid;
 exports.PGridItem = gridItem_wrapper.PGridItem;
 exports.PHeading = heading_wrapper.PHeading;
@@ -103,6 +108,7 @@ exports.PLinkPure = linkPure_wrapper.PLinkPure;
 exports.PLinkSocial = linkSocial_wrapper.PLinkSocial;
 exports.PLinkTile = linkTile_wrapper.PLinkTile;
 exports.PLinkTileModelSignature = linkTileModelSignature_wrapper.PLinkTileModelSignature;
+exports.PLinkTileProduct = linkTileProduct_wrapper.PLinkTileProduct;
 exports.PMarque = marque_wrapper.PMarque;
 exports.PModal = modal_wrapper.PModal;
 exports.PModelSignature = modelSignature_wrapper.PModelSignature;