@pepperi-addons/ngx-lib-react 0.5.6 → 0.5.8

package/pep-dialog.js

@@ -59,23 +59,16 @@ export const PepDialog = ({ title, showClose, showHeader, showFooter, onClose, c
         handlers.forEach(([n, h]) => el.addEventListener(n, h));
         return () => handlers.forEach(([n, h]) => el.removeEventListener(n, h));
     }, [onClose]);
-    const allChildren = React.Children.toArray(children);
-    const contentChildren = allChildren.filter((child) => {
-        if (!React.isValidElement(child)) {
-            return true;
-        }
-        const props = child.props || {};
-        const hasContentAttr = Object.prototype.hasOwnProperty.call(props, 'pep-dialog-content');
-        const hasActionsAttr = Object.prototype.hasOwnProperty.call(props, 'pep-dialog-actions');
-        return hasContentAttr || !hasActionsAttr;
-    });
-    const actionsChildren = allChildren.filter((child) => {
-        if (!React.isValidElement(child)) {
-            return false;
-        }
-        const props = child.props || {};
-        return Object.prototype.hasOwnProperty.call(props, 'pep-dialog-actions');
-    });
+    let primaryChildren = [];
+    if (React.isValidElement(children) && children.type === React.Fragment) {
+        primaryChildren = React.Children.toArray(children.props && children.props.children);
+    }
+    else {
+        primaryChildren = React.Children.toArray(children);
+    }
+    const flatChildren = primaryChildren.filter((child) => React.isValidElement(child));
+    const contentChildren = flatChildren[0] ? [flatChildren[0]] : [];
+    const actionsChildren = flatChildren[1] ? [flatChildren[1]] : [];
     return (_jsxs(_Fragment, { children: [_jsx("pep-dialog-element", { ref: ref, ...rest }), contentHost && contentChildren.length > 0 &&
                 ReactDOM.createPortal(contentChildren, contentHost), actionsHost && actionsChildren.length > 0 &&
                 ReactDOM.createPortal(actionsChildren, actionsHost)] }));