baseui 0.0.0-next-50abd12 → 0.0.0-next-d5a66ca

package/accordion/stateless-accordion.js

@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
+var _reactIs = require("react-is");
+
 var _overrides = require("../helpers/overrides");
 
 var _styledComponents = require("./styled-components");
@@ -67,9 +69,13 @@ function StatelessAccordion(_ref) {
   return /*#__PURE__*/React.createElement(Root, _extends({
     "data-baseweb": "accordion"
   }, rootProps), React.Children.map(children, function (child, index) {
-    var key = child.key || String(index);
-    return /*#__PURE__*/React.cloneElement(child, {
-      disabled: child.props.disabled || disabled,
+    var normalizedChild = (0, _reactIs.isElement)(child) || (0, _reactIs.isPortal)(child) ? child :
+    /*#__PURE__*/
+    // if primitive value - wrap it in a fragment
+    React.createElement(React.Fragment, null, child);
+    var key = normalizedChild.key || String(index);
+    return /*#__PURE__*/React.cloneElement(normalizedChild, {
+      disabled: normalizedChild.props.disabled || disabled,
       expanded: expanded.includes(key),
       key: key,
       onChange: // Don't bother constructing the wrapper function if no one is listening
@@ -97,7 +103,7 @@ function StatelessAccordion(_ref) {
           expanded: next
         });
       } : onChange,
-      overrides: child.props.overrides || PanelOverrides,
+      overrides: normalizedChild.props.overrides || PanelOverrides,
       renderAll: renderAll
     });
   }));

package/accordion/types.d.ts

@@ -33,14 +33,13 @@ export declare type OnChangeHandler = (a: {
 export declare type AccordionOnChangeHandler = (a: {
     expanded: Array<React.Key>;
 }) => unknown;
-declare type Children = Array<React.ReactElement<any>> | React.ReactElement<any>;
 export declare type AccordionProps = {
     /** Determines how many panels may be expanded at a time. If set to
      * true it will collapse a current panel when a new panel is expanded.
      * If set to false more than one panel may be expanded at a time. */
     accordion?: boolean;
     /** Accordion expandable items. See Panel API below for reference. */
-    children: Children;
+    children: React.ReactNode;
     /** If set to true all its children panels will be disabled from toggling. */
     disabled?: boolean;
     initialState?: AccordionState;
@@ -67,7 +66,7 @@ export declare type StatelessAccordionProps = {
      * If set to false more than one panel may be expanded at a time. */
     accordion?: boolean;
     /** Accordion expandable items. See Panel API below for reference. */
-    children: Children;
+    children: React.ReactNode;
     /** If set to true all its children panels will be disabled from toggling. */
     disabled?: boolean;
     /** List of Panel keys which are expanded. */

package/es/accordion/stateless-accordion.js

@@ -7,6 +7,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
+import { isElement, isPortal } from 'react-is';
 import { getOverrides } from '../helpers/overrides';
 import { Root as StyledRoot } from './styled-components';
 
@@ -27,9 +28,13 @@ function StatelessAccordion({
   return /*#__PURE__*/React.createElement(Root, _extends({
     "data-baseweb": "accordion"
   }, rootProps), React.Children.map(children, (child, index) => {
-    const key = child.key || String(index);
-    return /*#__PURE__*/React.cloneElement(child, {
-      disabled: child.props.disabled || disabled,
+    let normalizedChild = isElement(child) || isPortal(child) ? child :
+    /*#__PURE__*/
+    // if primitive value - wrap it in a fragment
+    React.createElement(React.Fragment, null, child);
+    const key = normalizedChild.key || String(index);
+    return /*#__PURE__*/React.cloneElement(normalizedChild, {
+      disabled: normalizedChild.props.disabled || disabled,
       expanded: expanded.includes(key),
       key,
       onChange: // Don't bother constructing the wrapper function if no one is listening
@@ -55,7 +60,7 @@ function StatelessAccordion({
           expanded: next
         });
       } : onChange,
-      overrides: child.props.overrides || PanelOverrides,
+      overrides: normalizedChild.props.overrides || PanelOverrides,
       renderAll
     });
   }));

package/esm/accordion/stateless-accordion.js

@@ -33,6 +33,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
+import { isElement, isPortal } from 'react-is';
 import { getOverrides } from '../helpers/overrides';
 import { Root as StyledRoot } from './styled-components';
 
@@ -58,9 +59,13 @@ function StatelessAccordion(_ref) {
   return /*#__PURE__*/React.createElement(Root, _extends({
     "data-baseweb": "accordion"
   }, rootProps), React.Children.map(children, function (child, index) {
-    var key = child.key || String(index);
-    return /*#__PURE__*/React.cloneElement(child, {
-      disabled: child.props.disabled || disabled,
+    var normalizedChild = isElement(child) || isPortal(child) ? child :
+    /*#__PURE__*/
+    // if primitive value - wrap it in a fragment
+    React.createElement(React.Fragment, null, child);
+    var key = normalizedChild.key || String(index);
+    return /*#__PURE__*/React.cloneElement(normalizedChild, {
+      disabled: normalizedChild.props.disabled || disabled,
       expanded: expanded.includes(key),
       key: key,
       onChange: // Don't bother constructing the wrapper function if no one is listening
@@ -88,7 +93,7 @@ function StatelessAccordion(_ref) {
           expanded: next
         });
       } : onChange,
-      overrides: child.props.overrides || PanelOverrides,
+      overrides: normalizedChild.props.overrides || PanelOverrides,
       renderAll: renderAll
     });
   }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "baseui",
-  "version": "0.0.0-next-50abd12",
+  "version": "0.0.0-next-d5a66ca",
   "description": "A React Component library implementing the Base design language",
   "keywords": [
     "react",