linear-react-components-ui 1.0.10-beta.8 → 1.0.10-beta.9

package/lib/buttons/DefaultButton.js

@@ -6,12 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
 var _icons = _interopRequireDefault(require("../../lib/icons"));
 var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
 var _spinner = _interopRequireDefault(require("../spinner"));
 var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
 var _permissionValidations = require("../permissionValidations");
-var _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "tooltipPosition", "tooltipWidth", "isFloatMenu", "dropdownAlign", "customClassForDropdown"];
+var _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "tooltipPosition", "tooltipWidth", "isFloatMenu", "dropdownAlign", "customClassForDropdown", "buttonRef"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -63,6 +64,7 @@ var DefaultButton = function DefaultButton(_ref) {
     isFloatMenu = _ref.isFloatMenu,
     dropdownAlign = _ref.dropdownAlign,
     customClassForDropdown = _ref.customClassForDropdown,
+    buttonRef = _ref.buttonRef,
     rest = _objectWithoutProperties(_ref, _excluded);
   var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
   var _useState = (0, _react.useState)(false),
@@ -72,7 +74,7 @@ var DefaultButton = function DefaultButton(_ref) {
   var _useState3 = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr)),
     _useState4 = _slicedToArray(_useState3, 1),
     onDenied = _useState4[0];
-  var buttonRef = (0, _react.useRef)(null);
+  var refButton = (0, _react.useRef)(null);
   var disabledIconColor = 'rgb(193, 193, 193)';
   var shouldDisable = function shouldDisable() {
     return !!onDenied.disabled || disabled;
@@ -126,8 +128,15 @@ var DefaultButton = function DefaultButton(_ref) {
     disabled: shouldDisable(),
     className: "".concat(getClass(), " ").concat(activeButton ? '-toggleable' : '', " ").concat(skeletonize ? '-skeletonized' : ''),
     ref: function ref(r) {
+      if (buttonRef) {
+        if (!_lodash.default.isFunction(buttonRef)) {
+          refButton.current = r;
+        } else {
+          buttonRef(r);
+        }
+      }
       if (targetRef) targetRef(r);
-      buttonRef.current = r;
+      refButton.current = r;
     },
     tabIndex: tabIndex
   }), content, getIcon(), label || '', isLoading && /*#__PURE__*/_react.default.createElement("div", {
@@ -135,7 +144,7 @@ var DefaultButton = function DefaultButton(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
     align: "none",
     delayTime: 0
-  }))), dropdown && buttonRef.current && getDropdownPopup && getDropdownPopup(buttonRef.current));
+  }))), dropdown && refButton.current && getDropdownPopup && getDropdownPopup(refButton.current));
 };
 var _default = (0, _withDropdown.default)((0, _withTooltip.default)(DefaultButton));
 exports.default = _default;

package/lib/buttons/types.d.ts

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes, ReactNode, CSSProperties, ReactElement, MouseEvent } from 'react';
+import { ButtonHTMLAttributes, ReactNode, CSSProperties, ReactElement, MutableRefObject, MouseEvent } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
 import { Position } from '../@types/Position.js';
 import { Size } from '../@types/Size.js';
@@ -16,6 +16,7 @@ interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     iconStyle?: CSSProperties;
     boxShadow?: boolean;
     icon?: ReactElement;
+    buttonRef?: MutableRefObject<HTMLButtonElement | null> | ((ref: HTMLButtonElement | null) => void);
     targetRef?: (ref: HTMLButtonElement) => void;
     dropdown?: boolean;
     dropdownOnHover?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.0.10-beta.8",
+  "version": "1.0.10-beta.9",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",