@true-engineering/true-react-common-ui-kit 3.12.0 → 3.13.1

package/README.md

@@ -10,6 +10,19 @@
 
 # Release Notes
 
+## v3.13.1
+
+### Changes
+
+- Багфикс warning в стилях **IconButton**
+
+## v3.13.0
+
+### Changes
+
+- Депрекейт `buttons` внутри **Modal**
+- Добавляет `footer` для **Modal**
+
 ## v3.12.0
 
 ### Changes

package/dist/components/Modal/Modal.d.ts

@@ -8,6 +8,8 @@ export interface IModalProps extends ICommonProps<IModalStyles>, IModalTransitio
     size?: 'l' | 'm' | 's';
     /** @default false */
     isFooterSticky?: boolean;
+    footer?: ReactNode;
+    /** @deprecated use {@link footer} */
     buttons?: ReactNode[];
     /** @default 'right' */
     buttonsAlign?: 'left' | 'center' | 'right';

package/dist/true-react-common-ui-kit.js

@@ -25295,9 +25295,6 @@ var useStyles$k = createThemedStyles("IconButton", {
     pointerEvents: "none"
   },
   loading: {
-    "& $content": {
-      visibility: "hidden"
-    },
     "& $loader": {
       display: "block"
     }
@@ -26095,12 +26092,13 @@ function _unsupported_iterable_to_array$9(o, minLen) {
     return _array_like_to_array$9(o, minLen);
 }
 var Modal = function(_param) {
-  var data = _param.data, tweakStyles = _param.tweakStyles, title = _param.title, _param_size = _param.size, size = _param_size === void 0 ? "l" : _param_size, _param_isFooterSticky = _param.isFooterSticky, isFooterSticky = _param_isFooterSticky === void 0 ? false : _param_isFooterSticky, buttons = _param.buttons, _param_buttonsAlign = _param.buttonsAlign, buttonsAlign = _param_buttonsAlign === void 0 ? "right" : _param_buttonsAlign, _param_hasCloseButton = _param.hasCloseButton, hasCloseButton = _param_hasCloseButton === void 0 ? true : _param_hasCloseButton, _param_hasOverlay = _param.hasOverlay, hasOverlay = _param_hasOverlay === void 0 ? true : _param_hasOverlay, _param_isOpen = _param.isOpen, isOpen = _param_isOpen === void 0 ? false : _param_isOpen, _param_position = _param.position, position = _param_position === void 0 ? "center" : _param_position, children = _param.children, zIndex = _param.zIndex, testId = _param.testId, _param_shouldCloseOnOverlayClick = _param.shouldCloseOnOverlayClick, shouldCloseOnOverlayClick = _param_shouldCloseOnOverlayClick === void 0 ? true : _param_shouldCloseOnOverlayClick, _param_shouldCloseOnEsc = _param.shouldCloseOnEsc, shouldCloseOnEsc = _param_shouldCloseOnEsc === void 0 ? true : _param_shouldCloseOnEsc, _param_shouldBlockScroll = _param.shouldBlockScroll, shouldBlockScroll = _param_shouldBlockScroll === void 0 ? true : _param_shouldBlockScroll, _param_timeout = _param.timeout, timeout = _param_timeout === void 0 ? 150 : _param_timeout, _param_unmountOnExit = _param.unmountOnExit, unmountOnExit = _param_unmountOnExit === void 0 ? true : _param_unmountOnExit, onClose = _param.onClose, restProps = _object_without_properties$3(_param, [
+  var data = _param.data, tweakStyles = _param.tweakStyles, title = _param.title, _param_size = _param.size, size = _param_size === void 0 ? "l" : _param_size, _param_isFooterSticky = _param.isFooterSticky, isFooterSticky = _param_isFooterSticky === void 0 ? false : _param_isFooterSticky, footer = _param.footer, buttons = _param.buttons, _param_buttonsAlign = _param.buttonsAlign, buttonsAlign = _param_buttonsAlign === void 0 ? "right" : _param_buttonsAlign, _param_hasCloseButton = _param.hasCloseButton, hasCloseButton = _param_hasCloseButton === void 0 ? true : _param_hasCloseButton, _param_hasOverlay = _param.hasOverlay, hasOverlay = _param_hasOverlay === void 0 ? true : _param_hasOverlay, _param_isOpen = _param.isOpen, isOpen = _param_isOpen === void 0 ? false : _param_isOpen, _param_position = _param.position, position = _param_position === void 0 ? "center" : _param_position, children = _param.children, zIndex = _param.zIndex, testId = _param.testId, _param_shouldCloseOnOverlayClick = _param.shouldCloseOnOverlayClick, shouldCloseOnOverlayClick = _param_shouldCloseOnOverlayClick === void 0 ? true : _param_shouldCloseOnOverlayClick, _param_shouldCloseOnEsc = _param.shouldCloseOnEsc, shouldCloseOnEsc = _param_shouldCloseOnEsc === void 0 ? true : _param_shouldCloseOnEsc, _param_shouldBlockScroll = _param.shouldBlockScroll, shouldBlockScroll = _param_shouldBlockScroll === void 0 ? true : _param_shouldBlockScroll, _param_timeout = _param.timeout, timeout = _param_timeout === void 0 ? 150 : _param_timeout, _param_unmountOnExit = _param.unmountOnExit, unmountOnExit = _param_unmountOnExit === void 0 ? true : _param_unmountOnExit, onClose = _param.onClose, restProps = _object_without_properties$3(_param, [
     "data",
     "tweakStyles",
     "title",
     "size",
     "isFooterSticky",
+    "footer",
     "buttons",
     "buttonsAlign",
     "hasCloseButton",
@@ -26129,7 +26127,7 @@ var Modal = function(_param) {
   var _useState = _sliced_to_array$9(useState(false), 2), isClickOnOverlay = _useState[0], setIsClickOnOverlay = _useState[1];
   var _restProps_in;
   var isModalOpen = (_restProps_in = restProps.in) !== null && _restProps_in !== void 0 ? _restProps_in : isOpen;
-  var hasFooter = buttons !== void 0 && buttons.length > 0;
+  var hasFooter = isReactNodeNotEmpty(footer) || isArrayNotEmpty(buttons);
   var overlay = useRef(null);
   var handleOutsideMouseDown = function(event) {
     if (onClose !== void 0 && event.target === overlay.current) {
@@ -26221,9 +26219,7 @@ var Modal = function(_param) {
                   className: clsx(classes.footerWrapper, _define_property$j({}, classes.stickyFooterWrapper, isFooterSticky)),
                   children: /* @__PURE__ */ jsx("div", {
                     className: clsx(classes.footer, classes["buttons-".concat(buttonsAlign)], _define_property$j({}, classes.stickyFooter, isFooterSticky)),
-                    children: buttons.map(function(button) {
-                      return button;
-                    })
+                    children: isReactNodeNotEmpty(footer) ? footer : buttons
                   })
                 })
               ]