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

@porsche-design-system/components-react 3.16.0 → 3.17.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 (429) hide show

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

@@ -38,6 +38,7 @@ require('../components/modal.wrapper.cjs');
 require('../components/model-signature.wrapper.cjs');
 require('../components/multi-select.wrapper.cjs');
 require('../components/multi-select-option.wrapper.cjs');
+require('../components/optgroup.wrapper.cjs');
 require('../components/pagination.wrapper.cjs');
 require('../components/pin-code.wrapper.cjs');
 require('../components/popover.wrapper.cjs');
@@ -77,6 +78,11 @@ var minifyCss = require('../../minifyCss.cjs');
 var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.cjs');
 var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.cjs');
+/**
+ * @slot {"name": "", "description": "Default slot for the `p-tabs-item` tags." }
+ *
+ * @controlled { "props": ["activeTabIndex"], "event": "update", "isInternallyMutated": true }
+ */
 class DSRTabs extends react.Component {
     host;
     tabsItemElements = [];

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

@@ -38,6 +38,7 @@ require('../components/modal.wrapper.cjs');
 require('../components/model-signature.wrapper.cjs');
 require('../components/multi-select.wrapper.cjs');
 require('../components/multi-select-option.wrapper.cjs');
+require('../components/optgroup.wrapper.cjs');
 require('../components/pagination.wrapper.cjs');
 require('../components/pin-code.wrapper.cjs');
 require('../components/popover.wrapper.cjs');
@@ -78,6 +79,9 @@ var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.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 for the tag content." }
+ */
 class DSRTagDismissible extends react.Component {
     host;
     render() {

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

@@ -38,6 +38,7 @@ require('../components/modal.wrapper.cjs');
 require('../components/model-signature.wrapper.cjs');
 require('../components/multi-select.wrapper.cjs');
 require('../components/multi-select-option.wrapper.cjs');
+require('../components/optgroup.wrapper.cjs');
 require('../components/pagination.wrapper.cjs');
 require('../components/pin-code.wrapper.cjs');
 require('../components/popover.wrapper.cjs');
@@ -78,10 +79,14 @@ var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.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 for the tag content." }
+ */
 class DSRTag extends react.Component {
     host;
     render() {
         splitChildren.splitChildren(this.props.children);
+        const hasIcon = !!(this.props.icon || this.props.iconSource);
         const deprecationMap = {
             'background-default': 'background-base',
             'neutral-contrast-high': 'primary',
@@ -90,8 +95,8 @@ class DSRTag extends react.Component {
             'notification-success': 'notification-success-soft',
             'notification-error': 'notification-error-soft',
         };
-        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getTagCss((deprecationMap[this.props.color] || this.props.color), !!utilsEntry.getDirectChildHTMLElement(null, 'a,button'), 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("span", { children: [(this.props.icon || this.props.iconSource) && (jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", name: this.props.icon, source: this.props.iconSource, color: "primary", size: "x-small", theme: utilsEntry.getThemeForIcon(this.props.color, this.props.theme), "aria-hidden": "true" })), jsxRuntime.jsx("div", { className: "label", children: jsxRuntime.jsx("slot", {}) })] })] }), this.props.children] }));
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getTagCss((deprecationMap[this.props.color] || this.props.color), this.props.compact, !!utilsEntry.getDirectChildHTMLElement(null, 'a,button'), hasIcon, 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("span", { children: [hasIcon && (jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", name: this.props.icon, source: this.props.iconSource, color: "primary", size: "x-small", theme: this.props.theme, "aria-hidden": "true" })), jsxRuntime.jsx("slot", {})] })] }), this.props.children] }));
     }
 }

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

@@ -39,6 +39,7 @@ require('../components/modal.wrapper.cjs');
 require('../components/model-signature.wrapper.cjs');
 require('../components/multi-select.wrapper.cjs');
 require('../components/multi-select-option.wrapper.cjs');
+require('../components/optgroup.wrapper.cjs');
 require('../components/pagination.wrapper.cjs');
 require('../components/pin-code.wrapper.cjs');
 require('../components/popover.wrapper.cjs');
@@ -80,6 +81,12 @@ var utilsEntry = require('../../../../../../components/dist/utils/esm/utils-entr
 var stateMessage = require('./state-message.cjs');
 var label = require('./label.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", "description": "Shows a description. 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." }
+ */
 class DSRTextFieldWrapper extends react.Component {
     host;
     showPassword = false;

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

@@ -7,6 +7,9 @@ var minifyCss = require('../../minifyCss.cjs');
 var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.cjs');
 var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.cjs');
+/**
+ * @slot {"name": "", "description": "Default slot for the content." }
+ */
 class DSRTextListItem extends react.Component {
     host;
     render() {

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

@@ -8,6 +8,9 @@ var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.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 for the `p-text-list-item` tags or nested `p-text-list` tags." }
+ */
 class DSRTextList extends react.Component {
     host;
     render() {

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

@@ -8,6 +8,9 @@ var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.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 for the text to render." }
+ */
 class DSRText extends react.Component {
     host;
     render() {

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

@@ -9,6 +9,12 @@ var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-e
 var stateMessage = require('./state-message.cjs');
 var label = require('./label.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", "description": "Shows a description. 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 textarea." }
+ * @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." }
+ */
 class DSRTextareaWrapper extends react.Component {
     host;
     textarea;

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

@@ -38,6 +38,7 @@ var modal_wrapper = require('./lib/components/modal.wrapper.cjs');
 var modelSignature_wrapper = require('./lib/components/model-signature.wrapper.cjs');
 var multiSelect_wrapper = require('./lib/components/multi-select.wrapper.cjs');
 var multiSelectOption_wrapper = require('./lib/components/multi-select-option.wrapper.cjs');
+var optgroup_wrapper = require('./lib/components/optgroup.wrapper.cjs');
 var pagination_wrapper = require('./lib/components/pagination.wrapper.cjs');
 var pinCode_wrapper = require('./lib/components/pin-code.wrapper.cjs');
 var popover_wrapper = require('./lib/components/popover.wrapper.cjs');
@@ -118,6 +119,7 @@ exports.PModal = modal_wrapper.PModal;
 exports.PModelSignature = modelSignature_wrapper.PModelSignature;
 exports.PMultiSelect = multiSelect_wrapper.PMultiSelect;
 exports.PMultiSelectOption = multiSelectOption_wrapper.PMultiSelectOption;
+exports.POptgroup = optgroup_wrapper.POptgroup;
 exports.PPagination = pagination_wrapper.PPagination;
 exports.PPinCode = pinCode_wrapper.PPinCode;
 exports.PPopover = popover_wrapper.PPopover;