@porsche-design-system/components-react 3.31.0 → 4.0.0-alpha.0

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/grid.wrapper.cjs

@@ -1,38 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.cjs');
-var utils = require('../../utils.cjs');
-var grid = require('../dsr-components/grid.cjs');
-
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
-const PGrid = /*#__PURE__*/ react.forwardRef(({ direction = 'row', gutter = { base: 16, s: 24, m: 36 }, wrap = 'wrap', className, children, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    const WebComponentTag = hooks.usePrefix('p-grid');
-    const propsToSync = [direction, gutter, wrap];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['direction', 'gutter', 'wrap'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsxRuntime.jsx(grid.DSRGrid, { direction, gutter, wrap, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        'data-ssr': '',
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PGrid = PGrid;

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/headline.wrapper.cjs

@@ -1,38 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.cjs');
-var utils = require('../../utils.cjs');
-var headline = require('../dsr-components/headline.cjs');
-
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-heading" instead. */
-const PHeadline = /*#__PURE__*/ react.forwardRef(({ align = 'start', color = 'primary', ellipsis = false, tag, theme, variant = 'headline-1', className, children, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    const WebComponentTag = hooks.usePrefix('p-headline');
-    const propsToSync = [align, color, ellipsis, tag, theme || hooks.useTheme(), variant];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['align', 'color', 'ellipsis', 'tag', 'theme', 'variant'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsxRuntime.jsx(headline.DSRHeadline, { align, color, ellipsis, tag, theme: theme || hooks.useTheme(), variant, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        'data-ssr': '',
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PHeadline = PHeadline;

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/link-social.wrapper.cjs

@@ -1,38 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.cjs');
-var utils = require('../../utils.cjs');
-var linkSocial = require('../dsr-components/link-social.cjs');
-
-/** @deprecated since v3.0.0, will be removed with next major release. Use `p-link` with corresponding social icon instead. */
-const PLinkSocial = /*#__PURE__*/ react.forwardRef(({ compact = false, hideLabel = false, href, icon, iconSource, rel, target = '_self', theme, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    const WebComponentTag = hooks.usePrefix('p-link-social');
-    const propsToSync = [compact, hideLabel, href, icon, iconSource, rel, target, theme || hooks.useTheme()];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['compact', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsxRuntime.jsx(linkSocial.DSRLinkSocial, { compact, hideLabel, href, icon, iconSource, rel, target, theme: theme || hooks.useTheme(), children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        'data-ssr': '',
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PLinkSocial = PLinkSocial;

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/link-tile-model-signature.wrapper.cjs

@@ -1,37 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.cjs');
-var utils = require('../../utils.cjs');
-var linkTileModelSignature = require('../dsr-components/link-tile-model-signature.cjs');
-
-const PLinkTileModelSignature = /*#__PURE__*/ react.forwardRef(({ aspectRatio = '3/4', description, heading, headingTag = 'h2', linkDirection = { base: 'column', xs: 'row', }, model = '911', weight = 'semi-bold', className, children, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    const WebComponentTag = hooks.usePrefix('p-link-tile-model-signature');
-    const propsToSync = [aspectRatio, description, heading, headingTag, linkDirection, model, weight];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['aspectRatio', 'description', 'heading', 'headingTag', 'linkDirection', 'model', 'weight'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsxRuntime.jsx(linkTileModelSignature.DSRLinkTileModelSignature, { aspectRatio, description, heading, headingTag, linkDirection, model, weight, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        'data-ssr': '',
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PLinkTileModelSignature = PLinkTileModelSignature;

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/marque.wrapper.cjs

@@ -1,37 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.cjs');
-var utils = require('../../utils.cjs');
-var marque = require('../dsr-components/marque.cjs');
-
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-wordmark" instead. */
-const PMarque = /*#__PURE__*/ react.forwardRef(({ aria, href, size = 'responsive', target = '_self', trademark = true, variant = 'default', className, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    const WebComponentTag = hooks.usePrefix('p-marque');
-    const propsToSync = [aria, href, size, target, trademark, variant];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['aria', 'href', 'size', 'target', 'trademark', 'variant'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsxRuntime.jsx(marque.DSRMarque, { aria, href, size, target, trademark, variant })),
-            }
-            : {
-                suppressHydrationWarning: true,
-            }),
-        'data-ssr': '',
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PMarque = PMarque;

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

@@ -1,38 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.cjs');
-var utils = require('../../utils.cjs');
-var radioButtonWrapper = require('../dsr-components/radio-button-wrapper.cjs');
-
-/** @deprecated since v3.30.0, will be removed with next major release. Please use `p-radio-group` instead. */
-const PRadioButtonWrapper = /*#__PURE__*/ react.forwardRef(({ hideLabel = false, label = '', loading = false, message = '', state = 'none', theme, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    const WebComponentTag = hooks.usePrefix('p-radio-button-wrapper');
-    const propsToSync = [hideLabel, label, loading, message, state, theme || hooks.useTheme()];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['hideLabel', 'label', 'loading', 'message', 'state', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsxRuntime.jsx(radioButtonWrapper.DSRRadioButtonWrapper, { hideLabel, label, loading, message, state, theme: theme || hooks.useTheme(), children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        'data-ssr': '',
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PRadioButtonWrapper = PRadioButtonWrapper;

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

@@ -1,37 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.cjs');
-var utils = require('../../utils.cjs');
-var selectWrapperDropdown = require('../dsr-components/select-wrapper-dropdown.cjs');
-
-const PSelectWrapperDropdown = /*#__PURE__*/ react.forwardRef(({ description, direction = 'auto', disabled = false, filter = false, isOpenOverride = false, label, message, onOpenChange, required = false, selectRef, state, theme, className, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    hooks.useEventCallback(elementRef, 'openChange', onOpenChange);
-    const WebComponentTag = hooks.usePrefix('p-select-wrapper-dropdown');
-    const propsToSync = [description, direction, disabled, filter, isOpenOverride, label, message, required, selectRef, state, theme || hooks.useTheme()];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['description', 'direction', 'disabled', 'filter', 'isOpenOverride', 'label', 'message', 'required', 'selectRef', 'state', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsxRuntime.jsx(selectWrapperDropdown.DSRSelectWrapperDropdown, { description, direction, disabled, filter, isOpenOverride, label, message, required, selectRef, state, theme: theme || hooks.useTheme() })),
-            }
-            : {
-                suppressHydrationWarning: true,
-            }),
-        'data-ssr': '',
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PSelectWrapperDropdown = PSelectWrapperDropdown;

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

@@ -1,38 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.cjs');
-var utils = require('../../utils.cjs');
-var selectWrapper = require('../dsr-components/select-wrapper.cjs');
-
-/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-select` instead. */
-const PSelectWrapper = /*#__PURE__*/ react.forwardRef(({ description = '', dropdownDirection = 'auto', filter = false, hideLabel = false, label = '', message = '', native = false, state = 'none', theme, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    const WebComponentTag = hooks.usePrefix('p-select-wrapper');
-    const propsToSync = [description, dropdownDirection, filter, hideLabel, label, message, native, state, theme || hooks.useTheme()];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['description', 'dropdownDirection', 'filter', 'hideLabel', 'label', 'message', 'native', 'state', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsxRuntime.jsx(selectWrapper.DSRSelectWrapper, { description, dropdownDirection, filter, hideLabel, label, message, native, state, theme: theme || hooks.useTheme(), children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        'data-ssr': '',
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PSelectWrapper = PSelectWrapper;

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

@@ -1,39 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.cjs');
-var utils = require('../../utils.cjs');
-var textFieldWrapper = require('../dsr-components/text-field-wrapper.cjs');
-
-/** @deprecated since v3.29.0, will be removed with next major release. Please use one of the specific input components instead: `p-input-date`, `p-input-email`, `p-input-number`, `p-input-password`, `p-input-search`, `p-input-tel`, `p-input-text`, `p-input-time` or `p-input-url`. */
-const PTextFieldWrapper = /*#__PURE__*/ react.forwardRef(({ actionIcon, actionLoading = false, description = '', hideLabel = false, label = '', message = '', onAction, showCharacterCount, showCounter = true, showPasswordToggle = true, state = 'none', submitButton = true, theme, unit = '', unitPosition = 'prefix', className, children, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    hooks.useEventCallback(elementRef, 'action', onAction);
-    const WebComponentTag = hooks.usePrefix('p-text-field-wrapper');
-    const propsToSync = [actionIcon, actionLoading, description, hideLabel, label, message, showCharacterCount, showCounter, showPasswordToggle, state, submitButton, theme || hooks.useTheme(), unit, unitPosition];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['actionIcon', 'actionLoading', 'description', 'hideLabel', 'label', 'message', 'showCharacterCount', 'showCounter', 'showPasswordToggle', 'state', 'submitButton', 'theme', 'unit', 'unitPosition'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsxRuntime.jsx(textFieldWrapper.DSRTextFieldWrapper, { actionIcon, actionLoading, description, hideLabel, label, message, showCharacterCount, showCounter, showPasswordToggle, state, submitButton, theme: theme || hooks.useTheme(), unit, unitPosition, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        'data-ssr': '',
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PTextFieldWrapper = PTextFieldWrapper;

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

@@ -1,38 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.cjs');
-var utils = require('../../utils.cjs');
-var textareaWrapper = require('../dsr-components/textarea-wrapper.cjs');
-
-/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-textarea` instead. */
-const PTextareaWrapper = /*#__PURE__*/ react.forwardRef(({ description = '', hideLabel = false, label = '', message = '', showCharacterCount, showCounter = true, state = 'none', theme, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    const WebComponentTag = hooks.usePrefix('p-textarea-wrapper');
-    const propsToSync = [description, hideLabel, label, message, showCharacterCount, showCounter, state, theme || hooks.useTheme()];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['description', 'hideLabel', 'label', 'message', 'showCharacterCount', 'showCounter', 'state', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsxRuntime.jsx(textareaWrapper.DSRTextareaWrapper, { description, hideLabel, label, message, showCharacterCount, showCounter, state, theme: theme || hooks.useTheme(), children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        'data-ssr': '',
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PTextareaWrapper = PTextareaWrapper;

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-group.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var splitChildren = require('../../splitChildren.cjs');
-var react = require('react');
-var minifyCss = require('../../minifyCss.cjs');
-var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.cjs');
-
-/**
- * @slot {"name": "", "description": "Default slot for the buttons to group." }
- */
-class DSRButtonGroup extends react.Component {
-    host;
-    render() {
-        splitChildren.splitChildren(this.props.children);
-        const style = minifyCss.minifyCss(stylesEntry.getButtonGroupCss(this.props.direction));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx("div", { role: "group", children: jsxRuntime.jsx("slot", {}) })] }), this.props.children] }));
-    }
-}
-
-exports.DSRButtonGroup = DSRButtonGroup;

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/checkbox-wrapper.cjs

@@ -1,33 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-require('../../provider.cjs');
-var splitChildren = require('../../splitChildren.cjs');
-var minifyCss = require('../../minifyCss.cjs');
-var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.cjs');
-var loadingMessage = require('./loading-message.cjs');
-var stateMessage = require('./state-message.cjs');
-var legacyLabel = require('./legacy-label.cjs');
-var spinner_wrapper = require('../components/spinner.wrapper.cjs');
-
-/**
- * @slot {"name": "label", "description": "Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- * @slot {"name": "", "description": "Default slot for the input." }
- * @slot {"name": "message", "description": "Shows a state message. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- *
- * @deprecated since v3.29.0, will be removed with next major release. Please use `p-checkbox` instead.
- */
-class DSRCheckboxWrapper extends react.Component {
-    host;
-    initialLoading = false;
-    input;
-    render() {
-        const { namedSlotChildren, otherChildren } = splitChildren.splitChildren(this.props.children);
-        const { disabled } = typeof otherChildren[0] === 'object' && 'props' in otherChildren[0] && otherChildren[0]?.props || {};
-        const style = minifyCss.minifyCss(stylesEntry.getCheckboxWrapperCss(this.props.hideLabel, this.props.state, disabled, this.props.loading, 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(legacyLabel.LegacyLabel, { 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, isLoading: this.props.loading, isDisabled: disabled, formElement: typeof otherChildren[0] === 'object' && 'props' in otherChildren[0] && otherChildren[0]?.props }), jsxRuntime.jsxs("div", { className: "wrapper", children: [jsxRuntime.jsx("slot", {}), this.props.loading && (jsxRuntime.jsx(spinner_wrapper.PSpinner, { className: "spinner", size: "inherit", theme: this.props.theme, "aria-hidden": "true" }))] }), 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 }), jsxRuntime.jsx(loadingMessage.LoadingMessage, { loading: this.props.loading, initialLoading: this.props.initialLoading })] })] }), this.props.children] }));
-    }
-}
-
-exports.DSRCheckboxWrapper = DSRCheckboxWrapper;

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/content-wrapper.cjs

@@ -1,22 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var splitChildren = require('../../splitChildren.cjs');
-var react = require('react');
-var minifyCss = require('../../minifyCss.cjs');
-var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.cjs');
-
-/**
- * @slot {"name": "", "description": "Default slot for main content." }
- * @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead.
- */
-class DSRContentWrapper extends react.Component {
-    host;
-    render() {
-        splitChildren.splitChildren(this.props.children);
-        const style = minifyCss.minifyCss(stylesEntry.getContentWrapperCss(this.props.width));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx("div", { className: "root", children: jsxRuntime.jsx("slot", {}) })] }), this.props.children] }));
-    }
-}
-
-exports.DSRContentWrapper = DSRContentWrapper;

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/fieldset-wrapper.cjs

@@ -1,28 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var splitChildren = require('../../splitChildren.cjs');
-var react = require('react');
-var minifyCss = require('../../minifyCss.cjs');
-var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.cjs');
-var stateMessage = require('./state-message.cjs');
-var required = require('./required.cjs');
-
-/**
- * @slot {"name": "label", "description": "Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- * @slot {"name": "", "description": "Default slot for the main content." }
- * @slot {"name": "message", "description": "Shows a state message. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- *
- * @deprecated since v3.0.0, will be removed with next major release. Please use `p-fieldset` instead.
- */
-class DSRFieldsetWrapper extends react.Component {
-    host;
-    render() {
-        const { namedSlotChildren} = splitChildren.splitChildren(this.props.children);
-        const hasMessageValue = (this.props.message || namedSlotChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state);
-        const style = minifyCss.minifyCss(stylesEntry.getFieldsetWrapperCss(this.props.state, this.props.labelSize, (this.props.label || namedSlotChildren.filter(({ props: { slot } }) => slot === 'label').length > 0), 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("fieldset", { "aria-describedby": hasMessageValue ? stateMessage.messageId : null, children: [(this.props.label || namedSlotChildren.filter(({ props: { slot } }) => slot === 'label').length > 0) && (jsxRuntime.jsxs("legend", { children: [this.props.label || jsxRuntime.jsx("slot", { name: "label" }), this.props.required && jsxRuntime.jsx(required.Required, {})] })), jsxRuntime.jsx("slot", {}), 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] }));
-    }
-}
-
-exports.DSRFieldsetWrapper = DSRFieldsetWrapper;

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flex-item.cjs

@@ -1,22 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var splitChildren = require('../../splitChildren.cjs');
-var react = require('react');
-var minifyCss = require('../../minifyCss.cjs');
-var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.cjs');
-
-/**
- * @slot {"name": "", "description": "Default slot for the main content." }
- * @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead.
- */
-class DSRFlexItem extends react.Component {
-    host;
-    render() {
-        splitChildren.splitChildren(this.props.children);
-        const style = minifyCss.minifyCss(stylesEntry.getFlexItemCss(this.props.width, this.props.offset, this.props.alignSelf, this.props.grow, this.props.shrink, this.props.flex));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx("slot", {})] }), this.props.children] }));
-    }
-}
-
-exports.DSRFlexItem = DSRFlexItem;

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flex.cjs

@@ -1,22 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var splitChildren = require('../../splitChildren.cjs');
-var react = require('react');
-var minifyCss = require('../../minifyCss.cjs');
-var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.cjs');
-
-/**
- * @slot {"name": "", "description": "Default slot for the flex items." }
- * @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead.
- */
-class DSRFlex extends react.Component {
-    host;
-    render() {
-        splitChildren.splitChildren(this.props.children);
-        const style = minifyCss.minifyCss(stylesEntry.getFlexCss(this.props.inline, this.props.wrap, this.props.direction, this.props.justifyContent, this.props.alignItems, this.props.alignContent));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx("slot", {})] }), this.props.children] }));
-    }
-}
-
-exports.DSRFlex = DSRFlex;

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/grid-item.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var splitChildren = require('../../splitChildren.cjs');
-var react = require('react');
-var minifyCss = require('../../minifyCss.cjs');
-var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.cjs');
-
-/**
- * @slot {"name": "", "description": "Default slot to render the content." }
- *
- * @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead.
- */
-class DSRGridItem extends react.Component {
-    host;
-    render() {
-        splitChildren.splitChildren(this.props.children);
-        const style = minifyCss.minifyCss(stylesEntry.getGridItemCss(this.props.size, this.props.offset));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx("slot", {})] }), this.props.children] }));
-    }
-}
-
-exports.DSRGridItem = DSRGridItem;

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/grid.cjs

@@ -1,26 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var splitChildren = require('../../splitChildren.cjs');
-var react = require('react');
-var minifyCss = require('../../minifyCss.cjs');
-var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.cjs');
-
-/**
- * @slot {"name": "", "description": "Default slot to render p-grid-item tags." }
- *
- * @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead.
- */
-class DSRGrid extends react.Component {
-    host;
-    render() {
-        const { children, otherChildren } = splitChildren.splitChildren(this.props.children);
-        const manipulatedChildren = children.map((child) => typeof child === 'object' && 'props' in child && otherChildren.includes(child)
-            ? { ...child, props: { ...child.props, gutter: this.props.gutter } }
-            : child);
-        const style = minifyCss.minifyCss(stylesEntry.getGridCss(this.props.direction, this.props.wrap));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx("slot", {})] }), manipulatedChildren] }));
-    }
-}
-
-exports.DSRGrid = DSRGrid;

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/headline.cjs

@@ -1,29 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var splitChildren = require('../../splitChildren.cjs');
-var react = require('react');
-var minifyCss = require('../../minifyCss.cjs');
-var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.cjs');
-var utilsEntry = require('../../../../../../components/dist/utils/esm/utils-entry.cjs');
-
-/**
- * @slot {"name": "", "description": "Default slot to render the headline." }
- *
- * @deprecated since v3.0.0, will be removed with next major release. Please use "p-heading" instead.
- */
-class DSRHeadline extends react.Component {
-    host;
-    render() {
-        splitChildren.splitChildren(this.props.children);
-        const alignDeprecationMap = {
-            left: 'start',
-            right: 'end',
-        };
-        const TagType = utilsEntry.getHeadlineTagType(null, this.props.variant, this.props.tag);
-        const style = minifyCss.minifyCss(stylesEntry.getHeadlineCss(this.props.variant, (alignDeprecationMap[this.props.align] || this.props.align), this.props.color, this.props.ellipsis, this.props.theme));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx(TagType, { className: "root", children: jsxRuntime.jsx("slot", {}) })] }), this.props.children] }));
-    }
-}
-
-exports.DSRHeadline = DSRHeadline;