@porsche-design-system/components-react 3.5.0-rc.0 → 3.6.0-rc.0

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/popover.wrapper.js

@@ -1,37 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRPopover } from '../dsr-components/popover.js';
-
-const PPopover = forwardRef(({ aria, description, direction = 'bottom', theme = 'light', className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-popover');
-    const propsToSync = [aria, description, direction, theme];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['aria', 'description', 'direction', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRPopover, { aria, description, direction, theme, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PPopover };

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

@@ -1,37 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRRadioButtonWrapper } from '../dsr-components/radio-button-wrapper.js';
-
-const PRadioButtonWrapper = forwardRef(({ hideLabel = false, label = '', message = '', state = 'none', theme = 'light', className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-radio-button-wrapper');
-    const propsToSync = [hideLabel, label, message, state, theme];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['hideLabel', 'label', 'message', 'state', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRRadioButtonWrapper, { hideLabel, label, message, state, theme, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PRadioButtonWrapper };

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/scroller.wrapper.js

@@ -1,37 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRScroller } from '../dsr-components/scroller.js';
-
-const PScroller = forwardRef(({ alignScrollIndicator = 'center', aria, gradientColor = 'background-base', gradientColorScheme, scrollIndicatorPosition, scrollToPosition, scrollbar = false, theme = 'light', className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-scroller');
-    const propsToSync = [alignScrollIndicator, aria, gradientColor, gradientColorScheme, scrollIndicatorPosition, scrollToPosition, scrollbar, theme];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['alignScrollIndicator', 'aria', 'gradientColor', 'gradientColorScheme', 'scrollIndicatorPosition', 'scrollToPosition', 'scrollbar', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRScroller, { alignScrollIndicator, aria, gradientColor, gradientColorScheme, scrollIndicatorPosition, scrollToPosition, scrollbar, theme, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PScroller };

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/segmented-control-item.wrapper.js

@@ -1,39 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRSegmentedControlItem } from '../dsr-components/segmented-control-item.js';
-
-const PSegmentedControlItem = forwardRef((
-// @ts-ignore
-{ disabled = false, icon, iconSource, label, value, className, children, selected, theme = 'light', ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-segmented-control-item');
-    const propsToSync = [disabled, icon, iconSource, label, value];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['disabled', 'icon', 'iconSource', 'label', 'value'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRSegmentedControlItem, { disabled, icon, iconSource, label, value, selected, theme, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PSegmentedControlItem };

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/segmented-control.wrapper.js

@@ -1,40 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { useEventCallback, usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRSegmentedControl } from '../dsr-components/segmented-control.js';
-
-const PSegmentedControl = forwardRef(({ backgroundColor, columns = 'auto', onSegmentedControlChange, onUpdate, theme = 'light', value, className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    useEventCallback(elementRef, 'segmentedControlChange', onSegmentedControlChange);
-    useEventCallback(elementRef, 'update', onUpdate);
-    const WebComponentTag = usePrefix('p-segmented-control');
-    const propsToSync = [backgroundColor, columns, theme, value];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['backgroundColor', 'columns', 'theme', 'value'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                ...{ "role": "group" },
-                children: (jsx(DSRSegmentedControl, { backgroundColor, columns, theme, value, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PSegmentedControl };

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

@@ -1,37 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { useEventCallback, usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRSelectWrapperDropdown } from '../dsr-components/select-wrapper-dropdown.js';
-
-const PSelectWrapperDropdown = forwardRef(({ description, direction = 'auto', disabled = false, filter = false, isOpenOverride = false, label, message, onOpenChange, required = false, selectRef, state, theme = 'light', className, ...rest }, ref) => {
-    const elementRef = useRef();
-    useEventCallback(elementRef, 'openChange', onOpenChange);
-    const WebComponentTag = usePrefix('p-select-wrapper-dropdown');
-    const propsToSync = [description, direction, disabled, filter, isOpenOverride, label, message, required, selectRef, state, theme];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['description', 'direction', 'disabled', 'filter', 'isOpenOverride', 'label', 'message', 'required', 'selectRef', 'state', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRSelectWrapperDropdown, { description, direction, disabled, filter, isOpenOverride, label, message, required, selectRef, state, theme })),
-            }
-            : {
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PSelectWrapperDropdown };

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

@@ -1,37 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRSelectWrapper } from '../dsr-components/select-wrapper.js';
-
-const PSelectWrapper = forwardRef(({ description = '', dropdownDirection = 'auto', filter = false, hideLabel = false, label = '', message = '', native = false, state = 'none', theme = 'light', className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-select-wrapper');
-    const propsToSync = [description, dropdownDirection, filter, hideLabel, label, message, native, state, theme];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['description', 'dropdownDirection', 'filter', 'hideLabel', 'label', 'message', 'native', 'state', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRSelectWrapper, { description, dropdownDirection, filter, hideLabel, label, message, native, state, theme, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PSelectWrapper };

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/spinner.wrapper.js

@@ -1,36 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRSpinner } from '../dsr-components/spinner.js';
-
-const PSpinner = forwardRef(({ aria, size = 'small', theme = 'light', className, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-spinner');
-    const propsToSync = [aria, size, theme];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['aria', 'size', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRSpinner, { aria, size, theme })),
-            }
-            : {
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PSpinner };

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/stepper-horizontal-item.wrapper.js

@@ -1,40 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRStepperHorizontalItem } from '../dsr-components/stepper-horizontal-item.js';
-
-const PStepperHorizontalItem = forwardRef((
-// @ts-ignore
-{ disabled = false, state, className, children, theme = 'light', ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-stepper-horizontal-item');
-    const propsToSync = [disabled, state];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['disabled', 'state'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                ...{ "role": "listitem" },
-                children: (jsx(DSRStepperHorizontalItem, { disabled, state, theme, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PStepperHorizontalItem };

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/stepper-horizontal.wrapper.js

@@ -1,39 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { useEventCallback, usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRStepperHorizontal } from '../dsr-components/stepper-horizontal.js';
-
-const PStepperHorizontal = forwardRef(({ onStepChange, onUpdate, size = 'small', theme = 'light', className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    useEventCallback(elementRef, 'stepChange', onStepChange);
-    useEventCallback(elementRef, 'update', onUpdate);
-    const WebComponentTag = usePrefix('p-stepper-horizontal');
-    const propsToSync = [size, theme];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['size', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRStepperHorizontal, { size, theme, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PStepperHorizontal };

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/switch.wrapper.js

@@ -1,39 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { useEventCallback, usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRSwitch } from '../dsr-components/switch.js';
-
-const PSwitch = forwardRef(({ alignLabel = 'right', checked = false, disabled = false, hideLabel = false, loading = false, onSwitchChange, onUpdate, stretch = false, theme = 'light', className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    useEventCallback(elementRef, 'switchChange', onSwitchChange);
-    useEventCallback(elementRef, 'update', onUpdate);
-    const WebComponentTag = usePrefix('p-switch');
-    const propsToSync = [alignLabel, checked, disabled, hideLabel, loading, stretch, theme];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['alignLabel', 'checked', 'disabled', 'hideLabel', 'loading', 'stretch', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRSwitch, { alignLabel, checked, disabled, hideLabel, loading, stretch, theme, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PSwitch };

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/table-body.wrapper.js

@@ -1,33 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRTableBody } from '../dsr-components/table-body.js';
-
-const PTableBody = forwardRef(({ className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-table-body');
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                ...{ "role": "rowgroup" },
-                children: (jsx(DSRTableBody, { children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PTableBody };

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/table-cell.wrapper.js

@@ -1,36 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRTableCell } from '../dsr-components/table-cell.js';
-
-const PTableCell = forwardRef(({ multiline = false, className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-table-cell');
-    useBrowserLayoutEffect(() => {
-        elementRef.current.multiline = multiline;
-    }, [multiline]);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                ...{ "role": "cell" },
-                children: (jsx(DSRTableCell, { multiline, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PTableCell };

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/table-head-cell.wrapper.js

@@ -1,38 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRTableHeadCell } from '../dsr-components/table-head-cell.js';
-
-const PTableHeadCell = forwardRef(({ hideLabel = false, multiline = false, sort, className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-table-head-cell');
-    const propsToSync = [hideLabel, multiline, sort];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['hideLabel', 'multiline', 'sort'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                ...{ "scope": "col", "role": "columnheader" },
-                children: (jsx(DSRTableHeadCell, { hideLabel, multiline, sort, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PTableHeadCell };

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/table-head-row.wrapper.js

@@ -1,33 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRTableHeadRow } from '../dsr-components/table-head-row.js';
-
-const PTableHeadRow = forwardRef(({ className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-table-head-row');
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                ...{ "role": "row" },
-                children: (jsx(DSRTableHeadRow, { children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PTableHeadRow };

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/table-head.wrapper.js

@@ -1,33 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRTableHead } from '../dsr-components/table-head.js';
-
-const PTableHead = forwardRef(({ className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-table-head');
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                ...{ "role": "rowgroup" },
-                children: (jsx(DSRTableHead, { children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PTableHead };

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/table-row.wrapper.js

@@ -1,33 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRTableRow } from '../dsr-components/table-row.js';
-
-const PTableRow = forwardRef(({ className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-table-row');
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                ...{ "role": "row" },
-                children: (jsx(DSRTableRow, { children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PTableRow };