@true-engineering/true-react-common-ui-kit 1.12.0 → 1.12.1

package/dist/components/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactElement, ReactNode, ButtonHTMLAttributes, MouseEvent } from 'react';
+import { ReactElement, ReactNode, ButtonHTMLAttributes, MouseEvent } from 'react';
 import { ICommonProps } from '../../types';
 import { IThemedPreloaderProps } from '../ThemedPreloader';
 import { IIconType } from '../Icon';
@@ -25,4 +25,4 @@ export interface IButtonProps extends ICommonProps {
     onClick?(event: MouseEvent<HTMLButtonElement>): void | Promise<void>;
     onMouseDown?(event: MouseEvent<HTMLButtonElement>): void | Promise<void>;
 }
-export declare const Button: FC<IButtonProps>;
+export declare const Button: import("react").ForwardRefExoticComponent<IButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -6105,7 +6105,7 @@ var BUTTON_VIEWS = [
   "text",
   "custom"
 ];
-var Button = function(param) {
+var Button = /* @__PURE__ */ forwardRef(function(param, ref) {
   var _param_type = param.type, type = _param_type === void 0 ? "button" : _param_type, children = param.children, _param_size = param.size, size = _param_size === void 0 ? "l" : _param_size, _param_view = param.view, view = _param_view === void 0 ? "primary" : _param_view, _param_isFullWidth = param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? false : _param_isFullWidth, _param_isInline = param.isInline, isInline = _param_isInline === void 0 ? false : _param_isInline, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_isActive = param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_shouldSkipTabNavigation = param.shouldSkipTabNavigation, shouldSkipTabNavigation = _param_shouldSkipTabNavigation === void 0 ? false : _param_shouldSkipTabNavigation, data = param.data, testId = param.testId, tweakStyles = param.tweakStyles, icon = param.icon, _param_iconPosition = param.iconPosition, iconPosition = _param_iconPosition === void 0 ? "left" : _param_iconPosition, _param_preloaderType = param.preloaderType, preloaderType = _param_preloaderType === void 0 ? "dots" : _param_preloaderType, onClick = param.onClick, onMouseDown = param.onMouseDown;
   var _useTheme = useTheme("Button", styles$D, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
   var tweakPreloaderStyles = useMemo(function() {
@@ -6119,6 +6119,7 @@ var Button = function(param) {
   var hasNoAction = isDisabled || isLoading;
   var _obj, _obj1;
   return /* @__PURE__ */ jsxs("button", _object_spread_props$v(_object_spread$E({
+    ref,
     type,
     className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$G(_obj, classes.disabled, isDisabled), _define_property$G(_obj, classes.fullWidth, isFullWidth), _define_property$G(_obj, classes.inline, isInline), _define_property$G(_obj, classes.active, isActive), _define_property$G(_obj, classes.loading, isLoading), _define_property$G(_obj, classes.onlyIcon, hasIcon && !hasChildren), _obj)),
     tabIndex: shouldSkipTabNavigation ? -1 : void 0,
@@ -6152,7 +6153,7 @@ var Button = function(param) {
       })
     ]
   }));
-};
+});
 var styles$C = {
   root: {
     cursor: "pointer",