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

package/esm/provider.d.ts

@@ -0,0 +1,10 @@
+import type { PropsWithChildren, JSX } from 'react';
+export declare const PorscheDesignSystemContext: import("react").Context<{
+    prefix?: string | undefined;
+}>;
+type Props = {
+    prefix?: string;
+    cdn?: 'auto' | 'cn';
+};
+export declare const PorscheDesignSystemProvider: ({ prefix, cdn, ...props }: PropsWithChildren<Props>) => JSX.Element;
+export {};

package/esm/provider.mjs

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useEffect } from 'react';
+import { load } from '@porsche-design-system/components-js';
+
+// to warn users about missing PorscheDesignSystemProvider, we set the default values as undefined
+const PorscheDesignSystemContext = createContext({
+    prefix: undefined,
+});
+const PorscheDesignSystemProvider = ({ prefix = '', cdn, ...props }) => {
+    useEffect(() => {
+        load({ prefix, cdn });
+    }, []); // runtime prefix or cdn change is not supported
+    return jsx(PorscheDesignSystemContext.Provider, { value: { prefix }, ...props });
+};
+
+export { PorscheDesignSystemContext, PorscheDesignSystemProvider };

package/esm/public-api.mjs

@@ -0,0 +1,65 @@
+export { componentsReady } from '@porsche-design-system/components-js';
+export { PAccordion } from './lib/components/accordion.wrapper.mjs';
+export { PBanner } from './lib/components/banner.wrapper.mjs';
+export { PButton } from './lib/components/button.wrapper.mjs';
+export { PButtonGroup } from './lib/components/button-group.wrapper.mjs';
+export { PButtonPure } from './lib/components/button-pure.wrapper.mjs';
+export { PButtonTile } from './lib/components/button-tile.wrapper.mjs';
+export { PCarousel } from './lib/components/carousel.wrapper.mjs';
+export { PCheckboxWrapper } from './lib/components/checkbox-wrapper.wrapper.mjs';
+export { PContentWrapper } from './lib/components/content-wrapper.wrapper.mjs';
+export { PCrest } from './lib/components/crest.wrapper.mjs';
+export { PDisplay } from './lib/components/display.wrapper.mjs';
+export { PDivider } from './lib/components/divider.wrapper.mjs';
+export { PFieldset } from './lib/components/fieldset.wrapper.mjs';
+export { PFieldsetWrapper } from './lib/components/fieldset-wrapper.wrapper.mjs';
+export { PFlex } from './lib/components/flex.wrapper.mjs';
+export { PFlexItem } from './lib/components/flex-item.wrapper.mjs';
+export { PFlyout } from './lib/components/flyout.wrapper.mjs';
+export { PGrid } from './lib/components/grid.wrapper.mjs';
+export { PGridItem } from './lib/components/grid-item.wrapper.mjs';
+export { PHeading } from './lib/components/heading.wrapper.mjs';
+export { PHeadline } from './lib/components/headline.wrapper.mjs';
+export { PIcon } from './lib/components/icon.wrapper.mjs';
+export { PInlineNotification } from './lib/components/inline-notification.wrapper.mjs';
+export { PLink } from './lib/components/link.wrapper.mjs';
+export { PLinkPure } from './lib/components/link-pure.wrapper.mjs';
+export { PLinkSocial } from './lib/components/link-social.wrapper.mjs';
+export { PLinkTile } from './lib/components/link-tile.wrapper.mjs';
+export { PLinkTileModelSignature } from './lib/components/link-tile-model-signature.wrapper.mjs';
+export { PMarque } from './lib/components/marque.wrapper.mjs';
+export { PModal } from './lib/components/modal.wrapper.mjs';
+export { PModelSignature } from './lib/components/model-signature.wrapper.mjs';
+export { PPagination } from './lib/components/pagination.wrapper.mjs';
+export { PPopover } from './lib/components/popover.wrapper.mjs';
+export { PRadioButtonWrapper } from './lib/components/radio-button-wrapper.wrapper.mjs';
+export { PScroller } from './lib/components/scroller.wrapper.mjs';
+export { PSegmentedControl } from './lib/components/segmented-control.wrapper.mjs';
+export { PSegmentedControlItem } from './lib/components/segmented-control-item.wrapper.mjs';
+export { PSelectWrapper } from './lib/components/select-wrapper.wrapper.mjs';
+export { PSpinner } from './lib/components/spinner.wrapper.mjs';
+export { PStepperHorizontal } from './lib/components/stepper-horizontal.wrapper.mjs';
+export { PStepperHorizontalItem } from './lib/components/stepper-horizontal-item.wrapper.mjs';
+export { PSwitch } from './lib/components/switch.wrapper.mjs';
+export { PTable } from './lib/components/table.wrapper.mjs';
+export { PTableBody } from './lib/components/table-body.wrapper.mjs';
+export { PTableCell } from './lib/components/table-cell.wrapper.mjs';
+export { PTableHead } from './lib/components/table-head.wrapper.mjs';
+export { PTableHeadCell } from './lib/components/table-head-cell.wrapper.mjs';
+export { PTableHeadRow } from './lib/components/table-head-row.wrapper.mjs';
+export { PTableRow } from './lib/components/table-row.wrapper.mjs';
+export { PTabs } from './lib/components/tabs.wrapper.mjs';
+export { PTabsBar } from './lib/components/tabs-bar.wrapper.mjs';
+export { PTabsItem } from './lib/components/tabs-item.wrapper.mjs';
+export { PTag } from './lib/components/tag.wrapper.mjs';
+export { PTagDismissible } from './lib/components/tag-dismissible.wrapper.mjs';
+export { PText } from './lib/components/text.wrapper.mjs';
+export { PTextFieldWrapper } from './lib/components/text-field-wrapper.wrapper.mjs';
+export { PTextList } from './lib/components/text-list.wrapper.mjs';
+export { PTextListItem } from './lib/components/text-list-item.wrapper.mjs';
+export { PTextareaWrapper } from './lib/components/textarea-wrapper.wrapper.mjs';
+export { PToast } from './lib/components/toast.wrapper.mjs';
+export { PWordmark } from './lib/components/wordmark.wrapper.mjs';
+export { PorscheDesignSystemProvider } from './provider.mjs';
+export { skipCheckForPorscheDesignSystemProviderDuringTests, useToastManager } from './hooks.mjs';
+export { skipPorscheDesignSystemCDNRequestsDuringTests } from './utils.mjs';

package/jsdom-polyfill/index.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var jsdomPolyfill = require('@porsche-design-system/components-js/jsdom-polyfill');
+
+
+
+Object.keys(jsdomPolyfill).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return jsdomPolyfill[k]; }
+	});
+});

package/jsdom-polyfill/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "index.cjs",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-react",
-  "version": "3.5.0-rc.0",
+  "version": "3.6.0-rc.0",
   "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
   "keywords": [
     "porsche",
@@ -17,16 +17,48 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "3.5.0-rc.0"
+    "@porsche-design-system/components-js": "3.6.0-rc.0"
   },
   "peerDependencies": {
     "react": ">=17.0.0 <19.0.0",
     "react-dom": ">=17.0.0 <19.0.0"
   },
-  "main": "public-api.js",
-  "module": "esm/public-api.js",
-  "types": "public-api.d.ts",
+  "main": "cjs/public-api.cjs",
+  "module": "esm/public-api.mjs",
+  "types": "esm/public-api.d.ts",
   "bin": {
     "patchRemixRunProcessBrowserGlobalIdentifier": "./bin/patchRemixRunProcessBrowserGlobalIdentifier.js"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./esm/public-api.d.ts",
+      "import": "./esm/public-api.mjs",
+      "default": "./cjs/public-api.cjs"
+    },
+    "./jsdom-polyfill": {
+      "types": "./jsdom-polyfill/index.d.ts",
+      "default": "./jsdom-polyfill/index.cjs"
+    },
+    "./partials": {
+      "types": "./partials/index.d.ts",
+      "module": "./partials/index.js",
+      "default": "./partials/index.cjs"
+    },
+    "./ssr": {
+      "types": "./ssr/esm/public-api.d.ts",
+      "import": "./ssr/esm/components-react/projects/react-ssr-wrapper/src/public-api.mjs",
+      "default": "./ssr/cjs/components-react/projects/react-ssr-wrapper/src/public-api.cjs"
+    },
+    "./styles": {
+      "sass": "./styles/_index.scss",
+      "types": "./styles/esm/index.d.ts",
+      "import": "./styles/esm/index.mjs",
+      "default": "./styles/cjs/index.cjs"
+    },
+    "./testing": {
+      "types": "./testing/index.d.ts",
+      "default": "./testing/index.cjs"
+    }
   }
 }

package/partials/index.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var partials = require('@porsche-design-system/components-js/partials');
+
+
+
+Object.keys(partials).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return partials[k]; }
+	});
+});

package/partials/index.js

@@ -5,7 +5,7 @@ var partials = require('@porsche-design-system/components-js/partials');
 
 
 Object.keys(partials).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 		enumerable: true,
 		get: function () { return partials[k]; }
 	});

package/partials/package.json

@@ -1,6 +1,6 @@
 {
-  "main": "index.js",
-  "module": "esm/index.js",
+  "main": "index.cjs",
+  "module": "index.js",
   "types": "index.d.ts",
   "sideEffects": false
 }