@porsche-design-system/components-react 3.2.0 → 3.3.0-rc.0

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/textarea-wrapper.js

@@ -9,11 +9,15 @@ var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-e
 var stateMessage = require('./state-message.js');
 
 class DSRTextareaWrapper extends react.Component {
+    host;
+    textarea;
+    counterElement;
+    ariaElement;
+    hasCounter;
     render() {
-        var _a;
         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] && ((_a = otherChildren[0]) === null || _a === void 0 ? void 0 : _a.props.disabled), this.props.hideLabel, this.props.state, this.props.hasCounter, this.props.theme)));
+        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] }));
     }
 }

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/toast.js

@@ -7,6 +7,8 @@ var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.js');
 var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.js');
 
 class DSRToast extends react.Component {
+    host;
+    toastItemElement;
     render() {
         const toast = false;
         const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getToastCss().replace(/(:host {[\S\s]+?})[\S\s]+/, '$1')));

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/wordmark.js

@@ -8,6 +8,7 @@ var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-e
 var utilsEntry = require('../../../../../../components/dist/utils/esm/utils-entry.js');
 
 class DSRWordmark extends react.Component {
+    host;
     render() {
         // optimized with SVGO, see docs in assets folder
         const svg = (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 4500 300", children: [jsxRuntime.jsx("title", { children: "Porsche" }), jsxRuntime.jsx("path", { d: "M502 221c48.1 0 74-25.9 74-74V74c0-48.1-25.9-74-74-74H0v300h68v-79h434zm6-143v65c0 7.8-4.2 12-12 12H68V66h428c7.8 0 12 4.2 12 12zm228 222c-48.1 0-74-25.9-74-74V74c0-48.1 25.9-74 74-74h417c48.1 0 74 25.9 74 74v152c0 48.1-25.9 74-74 74H736zm411-66c7.8 0 12-4.2 12-12V78c0-7.8-4.2-12-12-12H742c-7.8 0-12 4.2-12 12v144c0 7.8 4.2 12 12 12h405zm675-36c39.844 16.757 67.853 56.1 68 102h-68c0-54-25-79-79-79h-361v79h-68V0h502c48.1 0 74 25.9 74 74v50.14c0 46.06-23.75 71.76-68 73.86zm-12-43c7.8 0 12-4.2 12-12V78c0-7.8-4.2-12-12-12h-428v89h428zm162-81c0-48.1 25.9-74 74-74h492v56h-486c-7.8 0-12 4.2-12 12v42c0 7.8 4.2 12 12 12h422c48.1 0 74 25.9 74 74v30c0 48.1-25.9 74-74 74h-492v-56h486c7.8 0 12-4.2 12-12v-42c0-7.8-4.2-12-12-12h-422c-48.1 0-74-25.9-74-74V74zm661 0c0-48.1 25.9-74 74-74h480v66h-474c-7.8 0-12 4.2-12 12v144c0 7.8 4.2 12 12 12h474v66h-480c-48.1 0-74-25.9-74-74V74zM3817 0v300h-68V183h-407v117h-68V0h68v117h407V0h68zm156 56v66h527v56h-527v66h527v56h-595V0h595v56h-527z" })] }));

package/ssr/components-react/projects/react-ssr-wrapper/src/splitChildren.js

@@ -20,8 +20,8 @@ const splitChildren = (children) => {
             : children;
     const childrenArray = (Array.isArray(children) ? children : children ? [children] : []).filter((x) => x !== undefined && x !== null // children are filtered due to cases where conditionally rendered children can be undefined.
     );
-    const otherChildren = childrenArray.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
-    const namedSlotChildren = childrenArray.filter((child) => { var _a; return (_a = child.props) === null || _a === void 0 ? void 0 : _a.slot; });
+    const otherChildren = childrenArray.filter((child) => !child.props?.slot);
+    const namedSlotChildren = childrenArray.filter((child) => child.props?.slot);
     return { children: childrenArray, namedSlotChildren, otherChildren };
 };
 

package/ssr/components-react/projects/react-ssr-wrapper/src/utils.js

@@ -1,7 +1,7 @@
 'use strict';
 
-const splitToArray =  (str) => str.split(' ').filter((str) => str);
-const getMergedClassName =  (domClassName, oldClassName = '', newClassName = '') => {
+const splitToArray = (str) => str.split(' ').filter((str) => str);
+const getMergedClassName = (domClassName, oldClassName = '', newClassName = '') => {
     // classes previously set by component
     const prevComponentClassNames = splitToArray(oldClassName);
     // all classes not set by component -> to keep hydrated class and other classes set on host element
@@ -14,7 +14,7 @@ const getMergedClassName =  (domClassName, oldClassName = '', newClassName = '')
     const componentClasses = splitToArray(newClassName);
     return componentClasses.concat(domClasses).join(' ');
 };
-const syncRef =  (elementRef, ref) => (el) => {
+const syncRef = (elementRef, ref) => (el) => {
     elementRef.current = el;
     if (typeof ref === 'function') {
         ref(el);