@siemens/ix-react 1.5.0-beta.0 → 1.5.0-beta.2

package/dist/index.esm.js

@@ -271,6 +271,7 @@ const IxMessageBar = /*@__PURE__*/ createReactComponent('ix-message-bar');
 const IxModal = /*@__PURE__*/ createReactComponent('ix-modal');
 const IxModalContainer = /*@__PURE__*/ createReactComponent('ix-modal-container');
 const IxModalExample = /*@__PURE__*/ createReactComponent('ix-modal-example');
+const IxPagination = /*@__PURE__*/ createReactComponent('ix-pagination');
 const IxPill = /*@__PURE__*/ createReactComponent('ix-pill');
 const IxSelect = /*@__PURE__*/ createReactComponent('ix-select');
 const IxSelectItem = /*@__PURE__*/ createReactComponent('ix-select-item');
@@ -318,7 +319,9 @@ const Modal = React.forwardRef((props, ref) => {
             modalElement: htmlElement,
         };
     });
-    return React.createElement("div", { ref: wrapperRef }, props.children);
+    return (React.createElement(React.Fragment, null, React.Children.map(props.children, (child) => React.cloneElement(child, {
+        ref: (ref) => (wrapperRef.current = ref),
+    }))));
 });
 
 /*
@@ -335,6 +338,7 @@ async function showModal(config) {
         return modal(config);
     }
     const container = document.createElement('DIV');
+    container.style.display = 'contents';
     const root = ReactDOMClient.createRoot(container);
     root.render(config.content);
     const modalInstance = await modal(Object.assign(Object.assign({}, config), { content: container }));
@@ -405,4 +409,4 @@ const IxTree = (props) => {
         } })));
 };
 
-export { IxAnimatedTab, IxAnimatedTabs, IxApplicationHeader, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCategoryFilter, IxChip, IxCounterPill, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownItem, IxDropdownQuickActions, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupDropdownItem, IxGroupItem, IxIcon, IxIconButton, IxInputGroup, IxKpi, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContainer, IxModalExample, IxPill, IxSelect, IxSelectItem, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxTooltip, IxTree, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, Modal, showModal, showToast };
+export { IxAnimatedTab, IxAnimatedTabs, IxApplicationHeader, IxBasicNavigation, IxBlind, IxBreadcrumb, IxBreadcrumbItem, IxButton, IxCategoryFilter, IxChip, IxCounterPill, IxDatePicker, IxDatetimePicker, IxDivider, IxDrawer, IxDropdown, IxDropdownButton, IxDropdownItem, IxDropdownQuickActions, IxEventList, IxEventListItem, IxExpandingSearch, IxFilterChip, IxFlipTile, IxFlipTileContent, IxGroup, IxGroupContextMenu, IxGroupDropdownItem, IxGroupItem, IxIcon, IxIconButton, IxInputGroup, IxKpi, IxMapNavigation, IxMapNavigationOverlay, IxMenu, IxMenuAbout, IxMenuAboutItem, IxMenuAboutNews, IxMenuAvatar, IxMenuAvatarItem, IxMenuItem, IxMenuSettings, IxMenuSettingsItem, IxMessageBar, IxModal, IxModalContainer, IxModalExample, IxPagination, IxPill, IxSelect, IxSelectItem, IxSpinner, IxSplitButton, IxSplitButtonItem, IxTabItem, IxTabs, IxTile, IxTimePicker, IxToast, IxToastContainer, IxToggle, IxTooltip, IxTree, IxUpload, IxValidationTooltip, IxWorkflowStep, IxWorkflowSteps, Modal, showModal, showToast };

package/dist/index.js

@@ -280,6 +280,7 @@ const IxMessageBar = /*@__PURE__*/ createReactComponent('ix-message-bar');
 const IxModal = /*@__PURE__*/ createReactComponent('ix-modal');
 const IxModalContainer = /*@__PURE__*/ createReactComponent('ix-modal-container');
 const IxModalExample = /*@__PURE__*/ createReactComponent('ix-modal-example');
+const IxPagination = /*@__PURE__*/ createReactComponent('ix-pagination');
 const IxPill = /*@__PURE__*/ createReactComponent('ix-pill');
 const IxSelect = /*@__PURE__*/ createReactComponent('ix-select');
 const IxSelectItem = /*@__PURE__*/ createReactComponent('ix-select-item');
@@ -327,7 +328,9 @@ const Modal = React__default["default"].forwardRef((props, ref) => {
             modalElement: htmlElement,
         };
     });
-    return React__default["default"].createElement("div", { ref: wrapperRef }, props.children);
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].Children.map(props.children, (child) => React__default["default"].cloneElement(child, {
+        ref: (ref) => (wrapperRef.current = ref),
+    }))));
 });
 
 /*
@@ -344,6 +347,7 @@ async function showModal(config) {
         return ix.modal(config);
     }
     const container = document.createElement('DIV');
+    container.style.display = 'contents';
     const root = ReactDOMClient__default["default"].createRoot(container);
     root.render(config.content);
     const modalInstance = await ix.modal(Object.assign(Object.assign({}, config), { content: container }));
@@ -462,6 +466,7 @@ exports.IxMessageBar = IxMessageBar;
 exports.IxModal = IxModal;
 exports.IxModalContainer = IxModalContainer;
 exports.IxModalExample = IxModalExample;
+exports.IxPagination = IxPagination;
 exports.IxPill = IxPill;
 exports.IxSelect = IxSelect;
 exports.IxSelectItem = IxSelectItem;

package/dist/types/components.d.ts

@@ -48,6 +48,7 @@ export declare const IxMessageBar: import("react").ForwardRefExoticComponent<JSX
 export declare const IxModal: import("react").ForwardRefExoticComponent<JSX.IxModal & Omit<import("react").HTMLAttributes<HTMLIxModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxModalElement>>;
 export declare const IxModalContainer: import("react").ForwardRefExoticComponent<JSX.IxModalContainer & Omit<import("react").HTMLAttributes<HTMLIxModalContainerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxModalContainerElement>>;
 export declare const IxModalExample: import("react").ForwardRefExoticComponent<JSX.IxModalExample & Omit<import("react").HTMLAttributes<HTMLIxModalExampleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxModalExampleElement>>;
+export declare const IxPagination: import("react").ForwardRefExoticComponent<JSX.IxPagination & Omit<import("react").HTMLAttributes<HTMLIxPaginationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxPaginationElement>>;
 export declare const IxPill: import("react").ForwardRefExoticComponent<JSX.IxPill & Omit<import("react").HTMLAttributes<HTMLIxPillElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxPillElement>>;
 export declare const IxSelect: import("react").ForwardRefExoticComponent<JSX.IxSelect & Omit<import("react").HTMLAttributes<HTMLIxSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxSelectElement>>;
 export declare const IxSelectItem: import("react").ForwardRefExoticComponent<JSX.IxSelectItem & Omit<import("react").HTMLAttributes<HTMLIxSelectItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIxSelectItemElement>>;

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/siemens/ix",
     "directory": "packages/react"
   },
-  "version": "1.5.0-beta.0",
+  "version": "1.5.0-beta.2",
   "description": "Siemens iX for React",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -28,7 +28,7 @@
   "license": "MIT",
   "devDependencies": {
     "@rollup/plugin-typescript": "^8.4.0",
-    "@siemens/ix": "~1.5.0-beta.0",
+    "@siemens/ix": "~1.5.0-beta.2",
     "@types/estree": "~0.0.51",
     "@types/react": "~18.0.15",
     "@types/react-dom": "~18.0.6",
@@ -51,7 +51,7 @@
     "react-dom": ">=17.0.2"
   },
   "dependencies": {
-    "@siemens/ix": "~1.5.0-beta.0",
+    "@siemens/ix": "~1.5.0-beta.2",
     "@siemens/ix-icons": "~1.0.0"
   }
 }