@alfalab/core-components 27.1.0 → 27.3.0

package/picker-button/esm/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 1g2ma */
+/* hash: 8vk89 */
 :root {
 
     /* Hard */
@@ -10,15 +10,15 @@
 :root {
     --gap-s: 12px;
 }
-.picker-button__container_1usk7 {
+.picker-button__container_2zvct {
     display: flex;
     align-items: center;
 }
-.picker-button__icon_1usk7 {
+.picker-button__icon_2zvct {
     display: flex;
     margin-right: var(--gap-s);
 }
-.picker-button__content_1usk7 {
+.picker-button__content_2zvct {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/picker-button/esm/option/index.js

@@ -1,4 +1,4 @@
-import '../tslib.es6-daa5f5af.js';
+import '../tslib.es6-30826760.js';
 import 'react';
 import '../../../select/esm';
 export { Option } from './Component.js';

package/picker-button/field/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-d353ee9a.js');
+var tslib_es6 = require('../tslib.es6-6f48899d.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsButton = require('../../button');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"iconContainer":"picker-button__iconContainer_ybvyr","open":"picker-button__open_ybvyr"};
+var styles = {"iconContainer":"picker-button__iconContainer_15kb5","open":"picker-button__open_15kb5"};
 require('./index.css');
 
 var Field = function (_a) {

package/picker-button/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 58xhi */
+/* hash: yo096 */
 :root {
 
     /* Hard */
@@ -10,10 +10,10 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_ybvyr {
+.picker-button__iconContainer_15kb5 {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__open_ybvyr {
+.picker-button__open_15kb5 {
     transform: var(--arrow-transform);
 }

package/picker-button/field/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-d353ee9a.js');
+require('../tslib.es6-6f48899d.js');
 require('react');
 require('classnames');
 require('../../button');

package/picker-button/index.css

@@ -1,4 +1,4 @@
-/* hash: 1iruj */
+/* hash: 13l6s */
 :root {
 
     /* Hard */
@@ -14,18 +14,18 @@
 :root {
     --border-radius-s: 4px;
 }
-.picker-button__container_134w0 {
+.picker-button__container_1adb7 {
     min-width: auto;
 }
-.picker-button__optionsPopover_134w0 {
+.picker-button__optionsPopover_1adb7 {
     padding: var(--gap-xs) 0
 }
-.picker-button__optionsPopover_134w0.picker-button__sideGap_134w0 {
+.picker-button__optionsPopover_1adb7.picker-button__sideGap_1adb7 {
         padding: 0 var(--gap-xs);
     }
-.picker-button__optionsListContainer_134w0 {
+.picker-button__optionsListContainer_1adb7 {
     border-radius: var(--border-radius-s);
 }
-.picker-button__option_134w0 {
+.picker-button__option_1adb7 {
     padding: 0 var(--gap-m);
 }

package/picker-button/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-d353ee9a.js');
+require('./tslib.es6-6f48899d.js');
 require('react');
 require('classnames');
 require('../select');

package/picker-button/modern/Component.js

@@ -10,7 +10,7 @@ import './utils/index.js';
 import { Field } from './field/Component.js';
 import { Option } from './option/Component.js';
 
-var styles = {"container":"picker-button__container_134w0","optionsPopover":"picker-button__optionsPopover_134w0","sideGap":"picker-button__sideGap_134w0","optionsListContainer":"picker-button__optionsListContainer_134w0","option":"picker-button__option_134w0"};
+var styles = {"container":"picker-button__container_1adb7","optionsPopover":"picker-button__optionsPopover_1adb7","sideGap":"picker-button__sideGap_1adb7","optionsListContainer":"picker-button__optionsListContainer_1adb7","option":"picker-button__option_1adb7"};
 require('./index.css');
 
 const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

package/picker-button/modern/field/Component.js

@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/MoreSIcon';
 import { Button } from '../../../button/modern';
 import { getIcon } from '../utils/index.js';
 
-var styles = {"iconContainer":"picker-button__iconContainer_ybvyr","open":"picker-button__open_ybvyr"};
+var styles = {"iconContainer":"picker-button__iconContainer_15kb5","open":"picker-button__open_15kb5"};
 require('./index.css');
 
 const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, valueRenderer, ...restProps }) => {

package/picker-button/modern/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 58xhi */
+/* hash: yo096 */
 :root {
 
     /* Hard */
@@ -10,10 +10,10 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_ybvyr {
+.picker-button__iconContainer_15kb5 {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__open_ybvyr {
+.picker-button__open_15kb5 {
     transform: var(--arrow-transform);
 }

package/picker-button/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1iruj */
+/* hash: 13l6s */
 :root {
 
     /* Hard */
@@ -14,18 +14,18 @@
 :root {
     --border-radius-s: 4px;
 }
-.picker-button__container_134w0 {
+.picker-button__container_1adb7 {
     min-width: auto;
 }
-.picker-button__optionsPopover_134w0 {
+.picker-button__optionsPopover_1adb7 {
     padding: var(--gap-xs) 0
 }
-.picker-button__optionsPopover_134w0.picker-button__sideGap_134w0 {
+.picker-button__optionsPopover_1adb7.picker-button__sideGap_1adb7 {
         padding: 0 var(--gap-xs);
     }
-.picker-button__optionsListContainer_134w0 {
+.picker-button__optionsListContainer_1adb7 {
     border-radius: var(--border-radius-s);
 }
-.picker-button__option_134w0 {
+.picker-button__option_1adb7 {
     padding: 0 var(--gap-m);
 }

package/picker-button/modern/option/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Option as Option$1 } from '../../../select/modern';
 
-var styles = {"container":"picker-button__container_1usk7","icon":"picker-button__icon_1usk7","content":"picker-button__content_1usk7"};
+var styles = {"container":"picker-button__container_2zvct","icon":"picker-button__icon_2zvct","content":"picker-button__content_2zvct"};
 require('./index.css');
 
 const Option = ({ option, children, ...restProps }) => {

package/picker-button/modern/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 1g2ma */
+/* hash: 8vk89 */
 :root {
 
     /* Hard */
@@ -10,15 +10,15 @@
 :root {
     --gap-s: 12px;
 }
-.picker-button__container_1usk7 {
+.picker-button__container_2zvct {
     display: flex;
     align-items: center;
 }
-.picker-button__icon_1usk7 {
+.picker-button__icon_2zvct {
     display: flex;
     margin-right: var(--gap-s);
 }
-.picker-button__content_1usk7 {
+.picker-button__content_2zvct {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/picker-button/option/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-d353ee9a.js');
+var tslib_es6 = require('../tslib.es6-6f48899d.js');
 var React = require('react');
 var coreComponentsSelect = require('../../select');
 
@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"container":"picker-button__container_1usk7","icon":"picker-button__icon_1usk7","content":"picker-button__content_1usk7"};
+var styles = {"container":"picker-button__container_2zvct","icon":"picker-button__icon_2zvct","content":"picker-button__content_2zvct"};
 require('./index.css');
 
 var Option = function (_a) {

package/picker-button/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 1g2ma */
+/* hash: 8vk89 */
 :root {
 
     /* Hard */
@@ -10,15 +10,15 @@
 :root {
     --gap-s: 12px;
 }
-.picker-button__container_1usk7 {
+.picker-button__container_2zvct {
     display: flex;
     align-items: center;
 }
-.picker-button__icon_1usk7 {
+.picker-button__icon_2zvct {
     display: flex;
     margin-right: var(--gap-s);
 }
-.picker-button__content_1usk7 {
+.picker-button__content_2zvct {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/picker-button/option/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-d353ee9a.js');
+require('../tslib.es6-6f48899d.js');
 require('react');
 require('../../select');
 var option_Component = require('./Component.js');

package/plate/Component.d.ts

@@ -38,7 +38,7 @@ type PlateProps = {
     /**
      * Набор действий
      */
-    buttons?: Array<ReactElement<ButtonProps>>;
+    buttons?: ReactNode | Array<ReactElement<ButtonProps>>;
     /**
      * Дополнительный класс
      */

package/plate/Component.js

@@ -12,22 +12,23 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 
-var styles = {"component":"plate__component_11mpl","foldable":"plate__foldable_11mpl","focused":"plate__focused_11mpl","inner":"plate__inner_11mpl","common":"plate__common_11mpl","negative":"plate__negative_11mpl","positive":"plate__positive_11mpl","attention":"plate__attention_11mpl","isHidden":"plate__isHidden_11mpl","leftAddons":"plate__leftAddons_11mpl","title":"plate__title_11mpl","content":"plate__content_11mpl","isFolded":"plate__isFolded_11mpl","contentContainer":"plate__contentContainer_11mpl","withoutTitle":"plate__withoutTitle_11mpl","contentInner":"plate__contentInner_11mpl","closer":"plate__closer_11mpl","folder":"plate__folder_11mpl","buttons":"plate__buttons_11mpl","button":"plate__button_11mpl"};
+var styles = {"component":"plate__component_9in97","foldable":"plate__foldable_9in97","focused":"plate__focused_9in97","inner":"plate__inner_9in97","common":"plate__common_9in97","negative":"plate__negative_9in97","positive":"plate__positive_9in97","attention":"plate__attention_9in97","isHidden":"plate__isHidden_9in97","leftAddons":"plate__leftAddons_9in97","title":"plate__title_9in97","content":"plate__content_9in97","isFolded":"plate__isFolded_9in97","contentContainer":"plate__contentContainer_9in97","withoutTitle":"plate__withoutTitle_9in97","contentInner":"plate__contentInner_9in97","closer":"plate__closer_9in97","folder":"plate__folder_9in97","buttons":"plate__buttons_9in97","button":"plate__button_9in97"};
 require('./index.css');
 
 var Plate = React.forwardRef(function (_a, ref) {
     var _b, _c, _d, _e;
-    var hasCloser = _a.hasCloser, _f = _a.foldable, foldableProp = _f === void 0 ? false : _f, foldedProp = _a.folded, _g = _a.defaultFolded, defaultFolded = _g === void 0 ? true : _g, leftAddons = _a.leftAddons, children = _a.children, _h = _a.buttons, buttons = _h === void 0 ? [] : _h, title = _a.title, _j = _a.view, view = _j === void 0 ? 'common' : _j, className = _a.className, buttonsClassName = _a.buttonsClassName, contentClassName = _a.contentClassName, dataTestId = _a.dataTestId, onClick = _a.onClick, onClose = _a.onClose, onToggle = _a.onToggle;
+    var hasCloser = _a.hasCloser, _f = _a.foldable, foldableProp = _f === void 0 ? false : _f, foldedProp = _a.folded, _g = _a.defaultFolded, defaultFolded = _g === void 0 ? true : _g, leftAddons = _a.leftAddons, children = _a.children, buttons = _a.buttons, title = _a.title, _h = _a.view, view = _h === void 0 ? 'common' : _h, className = _a.className, buttonsClassName = _a.buttonsClassName, contentClassName = _a.contentClassName, dataTestId = _a.dataTestId, onClick = _a.onClick, onClose = _a.onClose, onToggle = _a.onToggle;
     var plateRef = React.useRef(null);
     var contentRef = React.useRef(null);
     var focused = hooks.useFocus(plateRef, 'keyboard')[0];
-    var _k = React.useState(false), isHidden = _k[0], setIsHidden = _k[1];
-    var _l = React.useState(defaultFolded), foldedState = _l[0], setFoldedState = _l[1];
+    var _j = React.useState(false), isHidden = _j[0], setIsHidden = _j[1];
+    var _k = React.useState(defaultFolded), foldedState = _k[0], setFoldedState = _k[1];
     var uncontrolled = foldedProp === undefined;
     var foldable = !!title && !!children && foldableProp;
     var folded = uncontrolled ? foldedState : foldedProp;
-    var hasButtons = Array.isArray(buttons) && buttons.length > 0;
+    var hasButtons = !!buttons && typeof buttons !== 'boolean';
     var hasContent = children || hasButtons;
+    var buttonsIsArray = Array.isArray(buttons) && buttons.length > 0;
     var handleClick = React.useCallback(function (event) {
         var eventInsideComponent = plateRef.current && plateRef.current.contains(event.target);
         var eventInsideContent = contentRef.current && contentRef.current.contains(event.target);
@@ -53,17 +54,22 @@ var Plate = React.forwardRef(function (_a, ref) {
             onClose(event);
         }
     }, [onClose]);
-    var renderButtons = React.useCallback(function () { return (React__default['default'].createElement("div", { className: cn__default['default'](styles.buttons, buttonsClassName) }, buttons.map(function (button, index) {
-        return button
-            ? React__default['default'].cloneElement(button, {
-                // eslint-disable-next-line react/no-array-index-key
-                key: index,
-                size: 'xs',
-                view: index === 0 ? 'outlined' : 'link',
-                className: cn__default['default'](button.props.className, styles.button),
-            })
-            : null;
-    }))); }, [buttons, buttonsClassName]);
+    var renderButtons = function () {
+        if (buttonsIsArray) {
+            return (React__default['default'].createElement("div", { className: cn__default['default'](styles.buttons, buttonsClassName) }, buttons.map(function (button, index) {
+                return button
+                    ? React__default['default'].cloneElement(button, {
+                        // eslint-disable-next-line react/no-array-index-key
+                        key: index,
+                        size: 'xs',
+                        view: index === 0 ? 'outlined' : 'link',
+                        className: cn__default['default'](button.props.className, styles.button),
+                    })
+                    : null;
+            })));
+        }
+        return React__default['default'].createElement("div", { className: cn__default['default'](styles.buttons, buttonsClassName) }, buttons);
+    };
     return (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
     React__default['default'].createElement("div", { className: cn__default['default'](styles.component, styles[view], (_b = {},

package/plate/cssm/Component.d.ts

@@ -38,7 +38,7 @@ type PlateProps = {
     /**
      * Набор действий
      */
-    buttons?: Array<ReactElement<ButtonProps>>;
+    buttons?: ReactNode | Array<ReactElement<ButtonProps>>;
     /**
      * Дополнительный класс
      */

package/plate/cssm/Component.js

@@ -16,17 +16,18 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Plate = React.forwardRef(function (_a, ref) {
     var _b, _c, _d, _e;
-    var hasCloser = _a.hasCloser, _f = _a.foldable, foldableProp = _f === void 0 ? false : _f, foldedProp = _a.folded, _g = _a.defaultFolded, defaultFolded = _g === void 0 ? true : _g, leftAddons = _a.leftAddons, children = _a.children, _h = _a.buttons, buttons = _h === void 0 ? [] : _h, title = _a.title, _j = _a.view, view = _j === void 0 ? 'common' : _j, className = _a.className, buttonsClassName = _a.buttonsClassName, contentClassName = _a.contentClassName, dataTestId = _a.dataTestId, onClick = _a.onClick, onClose = _a.onClose, onToggle = _a.onToggle;
+    var hasCloser = _a.hasCloser, _f = _a.foldable, foldableProp = _f === void 0 ? false : _f, foldedProp = _a.folded, _g = _a.defaultFolded, defaultFolded = _g === void 0 ? true : _g, leftAddons = _a.leftAddons, children = _a.children, buttons = _a.buttons, title = _a.title, _h = _a.view, view = _h === void 0 ? 'common' : _h, className = _a.className, buttonsClassName = _a.buttonsClassName, contentClassName = _a.contentClassName, dataTestId = _a.dataTestId, onClick = _a.onClick, onClose = _a.onClose, onToggle = _a.onToggle;
     var plateRef = React.useRef(null);
     var contentRef = React.useRef(null);
     var focused = hooks.useFocus(plateRef, 'keyboard')[0];
-    var _k = React.useState(false), isHidden = _k[0], setIsHidden = _k[1];
-    var _l = React.useState(defaultFolded), foldedState = _l[0], setFoldedState = _l[1];
+    var _j = React.useState(false), isHidden = _j[0], setIsHidden = _j[1];
+    var _k = React.useState(defaultFolded), foldedState = _k[0], setFoldedState = _k[1];
     var uncontrolled = foldedProp === undefined;
     var foldable = !!title && !!children && foldableProp;
     var folded = uncontrolled ? foldedState : foldedProp;
-    var hasButtons = Array.isArray(buttons) && buttons.length > 0;
+    var hasButtons = !!buttons && typeof buttons !== 'boolean';
     var hasContent = children || hasButtons;
+    var buttonsIsArray = Array.isArray(buttons) && buttons.length > 0;
     var handleClick = React.useCallback(function (event) {
         var eventInsideComponent = plateRef.current && plateRef.current.contains(event.target);
         var eventInsideContent = contentRef.current && contentRef.current.contains(event.target);
@@ -52,17 +53,22 @@ var Plate = React.forwardRef(function (_a, ref) {
             onClose(event);
         }
     }, [onClose]);
-    var renderButtons = React.useCallback(function () { return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].buttons, buttonsClassName) }, buttons.map(function (button, index) {
-        return button
-            ? React__default['default'].cloneElement(button, {
-                // eslint-disable-next-line react/no-array-index-key
-                key: index,
-                size: 'xs',
-                view: index === 0 ? 'outlined' : 'link',
-                className: cn__default['default'](button.props.className, styles__default['default'].button),
-            })
-            : null;
-    }))); }, [buttons, buttonsClassName]);
+    var renderButtons = function () {
+        if (buttonsIsArray) {
+            return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].buttons, buttonsClassName) }, buttons.map(function (button, index) {
+                return button
+                    ? React__default['default'].cloneElement(button, {
+                        // eslint-disable-next-line react/no-array-index-key
+                        key: index,
+                        size: 'xs',
+                        view: index === 0 ? 'outlined' : 'link',
+                        className: cn__default['default'](button.props.className, styles__default['default'].button),
+                    })
+                    : null;
+            })));
+        }
+        return React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].buttons, buttonsClassName) }, buttons);
+    };
     return (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
     React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, styles__default['default'][view], (_b = {},

package/plate/esm/Component.d.ts

@@ -38,7 +38,7 @@ type PlateProps = {
     /**
      * Набор действий
      */
-    buttons?: Array<ReactElement<ButtonProps>>;
+    buttons?: ReactNode | Array<ReactElement<ButtonProps>>;
     /**
      * Дополнительный класс
      */

package/plate/esm/Component.js

@@ -4,22 +4,23 @@ import mergeRefs from 'react-merge-refs';
 import { useFocus } from '@alfalab/hooks';
 import { Button } from '../../button/esm';
 
-var styles = {"component":"plate__component_11mpl","foldable":"plate__foldable_11mpl","focused":"plate__focused_11mpl","inner":"plate__inner_11mpl","common":"plate__common_11mpl","negative":"plate__negative_11mpl","positive":"plate__positive_11mpl","attention":"plate__attention_11mpl","isHidden":"plate__isHidden_11mpl","leftAddons":"plate__leftAddons_11mpl","title":"plate__title_11mpl","content":"plate__content_11mpl","isFolded":"plate__isFolded_11mpl","contentContainer":"plate__contentContainer_11mpl","withoutTitle":"plate__withoutTitle_11mpl","contentInner":"plate__contentInner_11mpl","closer":"plate__closer_11mpl","folder":"plate__folder_11mpl","buttons":"plate__buttons_11mpl","button":"plate__button_11mpl"};
+var styles = {"component":"plate__component_9in97","foldable":"plate__foldable_9in97","focused":"plate__focused_9in97","inner":"plate__inner_9in97","common":"plate__common_9in97","negative":"plate__negative_9in97","positive":"plate__positive_9in97","attention":"plate__attention_9in97","isHidden":"plate__isHidden_9in97","leftAddons":"plate__leftAddons_9in97","title":"plate__title_9in97","content":"plate__content_9in97","isFolded":"plate__isFolded_9in97","contentContainer":"plate__contentContainer_9in97","withoutTitle":"plate__withoutTitle_9in97","contentInner":"plate__contentInner_9in97","closer":"plate__closer_9in97","folder":"plate__folder_9in97","buttons":"plate__buttons_9in97","button":"plate__button_9in97"};
 require('./index.css');
 
 var Plate = forwardRef(function (_a, ref) {
     var _b, _c, _d, _e;
-    var hasCloser = _a.hasCloser, _f = _a.foldable, foldableProp = _f === void 0 ? false : _f, foldedProp = _a.folded, _g = _a.defaultFolded, defaultFolded = _g === void 0 ? true : _g, leftAddons = _a.leftAddons, children = _a.children, _h = _a.buttons, buttons = _h === void 0 ? [] : _h, title = _a.title, _j = _a.view, view = _j === void 0 ? 'common' : _j, className = _a.className, buttonsClassName = _a.buttonsClassName, contentClassName = _a.contentClassName, dataTestId = _a.dataTestId, onClick = _a.onClick, onClose = _a.onClose, onToggle = _a.onToggle;
+    var hasCloser = _a.hasCloser, _f = _a.foldable, foldableProp = _f === void 0 ? false : _f, foldedProp = _a.folded, _g = _a.defaultFolded, defaultFolded = _g === void 0 ? true : _g, leftAddons = _a.leftAddons, children = _a.children, buttons = _a.buttons, title = _a.title, _h = _a.view, view = _h === void 0 ? 'common' : _h, className = _a.className, buttonsClassName = _a.buttonsClassName, contentClassName = _a.contentClassName, dataTestId = _a.dataTestId, onClick = _a.onClick, onClose = _a.onClose, onToggle = _a.onToggle;
     var plateRef = useRef(null);
     var contentRef = useRef(null);
     var focused = useFocus(plateRef, 'keyboard')[0];
-    var _k = useState(false), isHidden = _k[0], setIsHidden = _k[1];
-    var _l = useState(defaultFolded), foldedState = _l[0], setFoldedState = _l[1];
+    var _j = useState(false), isHidden = _j[0], setIsHidden = _j[1];
+    var _k = useState(defaultFolded), foldedState = _k[0], setFoldedState = _k[1];
     var uncontrolled = foldedProp === undefined;
     var foldable = !!title && !!children && foldableProp;
     var folded = uncontrolled ? foldedState : foldedProp;
-    var hasButtons = Array.isArray(buttons) && buttons.length > 0;
+    var hasButtons = !!buttons && typeof buttons !== 'boolean';
     var hasContent = children || hasButtons;
+    var buttonsIsArray = Array.isArray(buttons) && buttons.length > 0;
     var handleClick = useCallback(function (event) {
         var eventInsideComponent = plateRef.current && plateRef.current.contains(event.target);
         var eventInsideContent = contentRef.current && contentRef.current.contains(event.target);
@@ -45,17 +46,22 @@ var Plate = forwardRef(function (_a, ref) {
             onClose(event);
         }
     }, [onClose]);
-    var renderButtons = useCallback(function () { return (React.createElement("div", { className: cn(styles.buttons, buttonsClassName) }, buttons.map(function (button, index) {
-        return button
-            ? React.cloneElement(button, {
-                // eslint-disable-next-line react/no-array-index-key
-                key: index,
-                size: 'xs',
-                view: index === 0 ? 'outlined' : 'link',
-                className: cn(button.props.className, styles.button),
-            })
-            : null;
-    }))); }, [buttons, buttonsClassName]);
+    var renderButtons = function () {
+        if (buttonsIsArray) {
+            return (React.createElement("div", { className: cn(styles.buttons, buttonsClassName) }, buttons.map(function (button, index) {
+                return button
+                    ? React.cloneElement(button, {
+                        // eslint-disable-next-line react/no-array-index-key
+                        key: index,
+                        size: 'xs',
+                        view: index === 0 ? 'outlined' : 'link',
+                        className: cn(button.props.className, styles.button),
+                    })
+                    : null;
+            })));
+        }
+        return React.createElement("div", { className: cn(styles.buttons, buttonsClassName) }, buttons);
+    };
     return (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
     React.createElement("div", { className: cn(styles.component, styles[view], (_b = {},