linear-react-components-ui 1.0.10-beta.10 → 1.0.10-beta.12

package/lib/buttons/buttons.spec.js

@@ -0,0 +1,504 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+require("@testing-library/jest-dom");
+
+var _ = _interopRequireWildcard(require("."));
+
+var _storageMock = _interopRequireWildcard(require("../../../config/jest/storageMock"));
+
+var _icons = _interopRequireDefault(require("../icons"));
+
+var _list = _interopRequireWildcard(require("../list"));
+
+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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('Button', function () {
+  describe('Default', function () {
+    it('should render correctly', function () {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        label: "Default Button"
+      })),
+          container = _render.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toHaveClass('-default');
+      expect(container.firstChild).toHaveTextContent('Default Button');
+    });
+    it('should render content', function () {
+      var _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        content: /*#__PURE__*/_react.default.createElement(_icons.default, {
+          name: "user"
+        })
+      })),
+          getByTestId = _render2.getByTestId;
+
+      expect(getByTestId('icon')).toBeInTheDocument();
+    });
+    it('should apply toggleable', function () {
+      var _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        toggleable: true,
+        onClick: function onClick() {}
+      })),
+          container = _render3.container;
+
+      _react2.fireEvent.click(container.firstChild);
+
+      expect(container.firstChild).toHaveClass('-toggleable');
+    });
+    it('should apply activeIconColor', function () {
+      var _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        toggleable: true,
+        onClick: function onClick() {},
+        iconName: "user",
+        activeIconColor: "#fff"
+      })),
+          container = _render4.container,
+          getByTestId = _render4.getByTestId;
+
+      _react2.fireEvent.click(container.firstChild);
+
+      expect(container.firstChild).toHaveClass('-toggleable');
+      expect(getByTestId('icon')).toHaveAttribute('fill', '#fff');
+    });
+    it('should render icon by icon', function () {
+      var _render5 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+          name: "user"
+        })
+      })),
+          getByTestId = _render5.getByTestId;
+
+      expect(getByTestId('icon')).toBeInTheDocument();
+    });
+    it('should render icon by iconName', function () {
+      var _render6 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        iconName: "user"
+      })),
+          getByTestId = _render6.getByTestId;
+
+      expect(getByTestId('icon')).toBeInTheDocument();
+    });
+    it('should apply iconAlign', function () {
+      var _render7 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        iconAlign: "right"
+      })),
+          container = _render7.container;
+
+      expect(container.firstChild).toHaveClass('icon-right');
+    });
+    it('should apply customClass', function () {
+      var _render8 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        customClass: "defaultButton"
+      })),
+          container = _render8.container;
+
+      expect(container.firstChild).toHaveClass('defaultButton');
+    });
+    it('should apply size', function () {
+      var _render9 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        size: "small"
+      })),
+          container = _render9.container;
+
+      expect(container.firstChild).toHaveClass('-small');
+    });
+    it('should apply round', function () {
+      var _render10 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        round: true
+      })),
+          container = _render10.container;
+
+      expect(container.firstChild).toHaveClass('-round');
+    });
+    it('should apply disabled', function () {
+      var mockOnClick = jest.fn();
+
+      var _render11 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        disabled: true,
+        onClick: mockOnClick
+      })),
+          container = _render11.container;
+
+      _react2.fireEvent.click(container.firstChild);
+
+      expect(container.firstChild).toHaveClass('-disabled');
+      expect(container.firstChild).toBeDisabled();
+      expect(mockOnClick).toBeCalledTimes(0);
+    });
+    it('should fire event on click', function () {
+      var mockOnClick = jest.fn();
+
+      var _render12 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        onClick: mockOnClick
+      })),
+          container = _render12.container;
+
+      _react2.fireEvent.click(container.firstChild);
+
+      expect(mockOnClick).toBeCalledTimes(1);
+    });
+    it('should apply targetRef', function () {
+      var mockRef = jest.fn();
+      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        targetRef: mockRef
+      }));
+      expect(mockRef).toBeCalled();
+    });
+    it('should apply transparent', function () {
+      var _render13 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        transparent: true
+      })),
+          container = _render13.container;
+
+      expect(container.firstChild).toHaveClass('-transparent');
+    });
+    it('should remove box shadow', function () {
+      var _render14 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        boxShadow: false
+      })),
+          container = _render14.container;
+
+      expect(container.firstChild).toHaveClass('-shadowsdisabled');
+    });
+    it('should apply isLoading', function () {
+      var _render15 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        isLoading: true
+      })),
+          container = _render15.container,
+          getByTestId = _render15.getByTestId;
+
+      expect(container.firstChild).toContainElement(getByTestId('spinner'));
+    });
+    it('should apply unvisible', function () {
+      var _render16 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        visible: false
+      })),
+          container = _render16.container;
+
+      expect(container.firstChild).not.toBeTruthy();
+    });
+    it('should apply id', function () {
+      var _render17 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        id: "button"
+      })),
+          container = _render17.container;
+
+      expect(container.querySelector('#button')).toBeInTheDocument();
+    });
+    it('should render dropdown', function () {
+      var ButtonMock = /*#__PURE__*/_react.default.createElement(_.default, {
+        dropdown: true
+      }, /*#__PURE__*/_react.default.createElement(_list.default, null, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+        text: "item 01"
+      })));
+
+      var _render18 = (0, _react2.render)(ButtonMock),
+          container = _render18.container,
+          getByTestId = _render18.getByTestId;
+
+      _react2.fireEvent.click(container.firstChild);
+
+      expect(getByTestId('dropdown-component')).toBeInTheDocument();
+      expect(getByTestId('dropdown-component')).toContainElement(getByTestId('list-component'));
+      expect(getByTestId('list-component')).toHaveTextContent('item 01');
+    });
+    it('should render split', function () {
+      var ButtonMock = /*#__PURE__*/_react.default.createElement(_.default, {
+        split: true
+      }, /*#__PURE__*/_react.default.createElement(_list.default, null, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+        text: "item 01"
+      })));
+
+      var _render19 = (0, _react2.render)(ButtonMock),
+          container = _render19.container,
+          getByTestId = _render19.getByTestId;
+
+      _react2.fireEvent.click(container.querySelectorAll('.button-component')[1]);
+
+      expect(getByTestId('dropdown-component')).toBeInTheDocument();
+      expect(getByTestId('dropdown-component')).toContainElement(getByTestId('list-component'));
+      expect(getByTestId('list-component')).toHaveTextContent('item 01');
+    });
+    it('should execute callback when show dropdown', function () {
+      var mockShowDropdown = jest.fn();
+
+      var _render20 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        dropdown: true,
+        showDropdown: mockShowDropdown
+      })),
+          container = _render20.container;
+
+      _react2.fireEvent.click(container.firstChild);
+
+      expect(mockShowDropdown).toBeCalledTimes(1);
+    });
+    it('should render dropdown icon', function () {
+      var _render21 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        dropdown: true
+      })),
+          container = _render21.container;
+
+      expect(container.querySelector('.dropdown-icon')).toBeInTheDocument();
+    });
+    it('should not render dropdown icon', function () {
+      var _render22 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        dropdown: true,
+        showIconDropdown: false
+      })),
+          container = _render22.container;
+
+      expect(container.querySelector('.dropdown-icon')).not.toBeInTheDocument();
+    });
+    it('should render mini_up icon when dropdown is opened', function () {
+      var mockButton = /*#__PURE__*/_react.default.createElement(_.default, {
+        dropdown: true,
+        isDropdownOpened: true
+      });
+
+      var _render23 = (0, _react2.render)(mockButton),
+          container = _render23.container,
+          getByTestId = _render23.getByTestId;
+
+      expect(container.firstChild).toContainElement(getByTestId('icon'));
+      expect(getByTestId('icon-path')).toHaveAttribute('d', 'M12.5 10l-4.5-4.5-4.5 4.5h9z');
+    });
+    it('should render mini_down icon when dropdown is not opened', function () {
+      var _render24 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        dropdown: true
+      })),
+          container = _render24.container,
+          getByTestId = _render24.getByTestId;
+
+      expect(container.firstChild).toContainElement(getByTestId('icon'));
+      expect(getByTestId('icon-path')).toHaveAttribute('d', 'M3.5 6l4.5 4.5 4.5-4.5h-9z');
+    });
+  });
+  describe('Custom Buttons', function () {
+    it('should render PrimaryButton', function () {
+      var _render25 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.PrimaryButton, {
+        label: "Primary Button"
+      })),
+          container = _render25.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toHaveClass('-primary');
+      expect(container.firstChild).toHaveTextContent('Primary Button');
+    });
+    it('should render DangerButton', function () {
+      var _render26 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.DangerButton, {
+        label: "Danger Button"
+      })),
+          container = _render26.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toHaveClass('-danger');
+      expect(container.firstChild).toHaveTextContent('Danger Button');
+    });
+    it('should render WarningButton', function () {
+      var _render27 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.WarningButton, {
+        label: "Warning Button"
+      })),
+          container = _render27.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toHaveClass('-warning');
+      expect(container.firstChild).toHaveTextContent('Warning Button');
+    });
+    it('should render SuccessButton', function () {
+      var _render28 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.SuccessButton, {
+        label: "Success Button"
+      })),
+          container = _render28.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toHaveClass('-success');
+      expect(container.firstChild).toHaveTextContent('Success Button');
+    });
+    it('should render InfoButton', function () {
+      var _render29 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.InfoButton, {
+        label: "Info Button"
+      })),
+          container = _render29.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toHaveClass('-info');
+      expect(container.firstChild).toHaveTextContent('Info Button');
+    });
+    it('should render SaveButton', function () {
+      var _render30 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.SaveButton, {
+        label: "Save Button"
+      })),
+          container = _render30.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toHaveClass('-primary');
+      expect(container.firstChild).toHaveTextContent('Save Button');
+    });
+    it('should render CancelButton', function () {
+      var _render31 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.CancelButton, {
+        label: "Cancel Button"
+      })),
+          container = _render31.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toHaveClass('-default');
+      expect(container.firstChild).toHaveTextContent('Cancel Button');
+    });
+    it('should render AddButton', function () {
+      var _render32 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.AddButton, {
+        label: "Add Button"
+      })),
+          container = _render32.container,
+          getByTestId = _render32.getByTestId;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toContainElement(getByTestId('icon'));
+      expect(container.firstChild).toHaveClass('-success');
+      expect(container.firstChild).toHaveTextContent('Add Button');
+    });
+    it('should render EditButton', function () {
+      var _render33 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.EditButton, {
+        label: "Edit Button"
+      })),
+          container = _render33.container,
+          getByTestId = _render33.getByTestId;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toContainElement(getByTestId('icon'));
+      expect(container.firstChild).toHaveClass('-default');
+      expect(container.firstChild).toHaveTextContent('Edit Button');
+    });
+    it('should render DestroyButton', function () {
+      var _render34 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.DestroyButton, {
+        label: "Destroy Button"
+      })),
+          container = _render34.container,
+          getByTestId = _render34.getByTestId;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toContainElement(getByTestId('icon'));
+      expect(container.firstChild).toHaveClass('-danger');
+      expect(container.firstChild).toHaveTextContent('Destroy Button');
+    });
+    it('should render InactivateButton', function () {
+      var _render35 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.InactivateButton, {
+        label: "Inactivate Button"
+      })),
+          container = _render35.container,
+          getByTestId = _render35.getByTestId;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toContainElement(getByTestId('icon'));
+      expect(container.firstChild).toHaveClass('-default');
+      expect(container.firstChild).toHaveTextContent('Inactivate Button');
+    });
+    it('should render RestoreButton', function () {
+      var _render36 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.RestoreButton, {
+        label: "Restore Button"
+      })),
+          container = _render36.container,
+          getByTestId = _render36.getByTestId;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toContainElement(getByTestId('icon'));
+      expect(container.firstChild).toHaveClass('-default');
+      expect(container.firstChild).toHaveTextContent('Restore Button');
+    });
+  });
+  describe('Button Container', function () {
+    var MockButtonContainer = /*#__PURE__*/_react.default.createElement(_.ButtonContainer, {
+      customClass: "mockbtn-container",
+      position: "right",
+      style: {
+        backgroundColor: '#333'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_.default, {
+      label: "Default"
+    }), /*#__PURE__*/_react.default.createElement(_.PrimaryButton, {
+      label: "Primary"
+    }));
+
+    it('should render correctly', function () {
+      var _render37 = (0, _react2.render)(MockButtonContainer),
+          container = _render37.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.querySelectorAll('.button-component').length).toBe(2);
+    });
+    it('should apply customClass', function () {
+      var _render38 = (0, _react2.render)(MockButtonContainer),
+          container = _render38.container;
+
+      expect(container.firstChild).toHaveClass('mockbtn-container');
+    });
+    it('should apply position', function () {
+      var _render39 = (0, _react2.render)(MockButtonContainer),
+          container = _render39.container;
+
+      expect(container.firstChild).toHaveStyle('float: right;');
+    });
+    it('should apply style', function () {
+      var _render40 = (0, _react2.render)(MockButtonContainer),
+          container = _render40.container;
+
+      expect(container.firstChild).toHaveStyle('background-color: #333;');
+    });
+  });
+  describe('Permission', function () {
+    var defineStorage = function defineStorage() {
+      Object.defineProperty(window, 'sessionStorage', {
+        value: (0, _storageMock.default)()
+      });
+    };
+
+    it('should check permission', function () {
+      defineStorage();
+
+      var _render41 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        permissionAttr: (0, _storageMock.permissionAttrMockAuthorized)('disabled')
+      })),
+          container = _render41.container;
+
+      expect(container.firstChild).not.toHaveClass('-disabled');
+      expect(container.firstChild).toBeTruthy();
+    });
+    it('should check permission, be unavaible and onDenied is disabled', function () {
+      defineStorage();
+      var mockOnClick = jest.fn();
+
+      var mockButton = /*#__PURE__*/_react.default.createElement(_.default, {
+        onClick: mockOnClick,
+        permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('disabled')
+      });
+
+      var _render42 = (0, _react2.render)(mockButton),
+          container = _render42.container;
+
+      _react2.fireEvent.click(container.firstChild);
+
+      expect(container.firstChild).toHaveClass('-disabled');
+      expect(container.firstChild).toBeDisabled();
+      expect(mockOnClick).toBeCalledTimes(0);
+    });
+    it('should check permission, be unavaible and onDenied is unvisible', function () {
+      defineStorage();
+
+      var _render43 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('unvisible')
+      })),
+          container = _render43.container;
+
+      expect(container.firstChild).not.toBeTruthy();
+    });
+  });
+});

package/lib/buttons/index.d.ts

@@ -1,5 +1,6 @@
 export { default as ButtonContainer } from './button_container/index.js';
 import Button from './Button.js';
+export { default } from './Button.js';
 export { default as PrimaryButton } from './PrimaryButton.js';
 export { default as DangerButton } from './DangerButton.js';
 export { default as WarningButton } from './WarningButton.js';
@@ -18,7 +19,3 @@ import '../@types/Position.js';
 import './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/Size.js';
-
-
-
-export { Button as default };

package/lib/buttons/index.js

@@ -88,22 +88,40 @@ Object.defineProperty(exports, "WarningButton", {
   }
 });
 exports.default = void 0;
+
 var _button_container = _interopRequireDefault(require("./button_container"));
+
 var _Button = _interopRequireDefault(require("./Button"));
+
 var _PrimaryButton = _interopRequireDefault(require("./PrimaryButton"));
+
 var _DangerButton = _interopRequireDefault(require("./DangerButton"));
+
 var _WarningButton = _interopRequireDefault(require("./WarningButton"));
+
 var _SuccessButton = _interopRequireDefault(require("./SuccessButton"));
+
 var _InfoButton = _interopRequireDefault(require("./InfoButton"));
+
 var _SaveButton = _interopRequireDefault(require("./SaveButton"));
+
 var _CancelButton = _interopRequireDefault(require("./CancelButton"));
+
 var _EditButton = _interopRequireDefault(require("./EditButton"));
+
 var _DestroyButton = _interopRequireDefault(require("./DestroyButton"));
+
 var _AddButton = _interopRequireDefault(require("./AddButton"));
+
 var _ActivateButton = _interopRequireDefault(require("./ActivateButton"));
+
 var _InactivateButton = _interopRequireDefault(require("./InactivateButton"));
+
 var _RestoreButton = _interopRequireDefault(require("./RestoreButton"));
+
 require("../assets/styles/button.scss");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var _default = _Button.default;
 exports.default = _default;

package/lib/buttons/split_button/index.js

@@ -4,23 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _DefaultButton = _interopRequireDefault(require("../DefaultButton"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 var SplitButton = function SplitButton(props) {
   var children = props.children,
-    customClass = props.customClass,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'default' : _props$size,
-    _props$boxShadow = props.boxShadow,
-    boxShadow = _props$boxShadow === void 0 ? true : _props$boxShadow,
-    _props$visible = props.visible,
-    visible = _props$visible === void 0 ? true : _props$visible,
-    permissionAttr = props.permissionAttr,
-    skeletonize = props.skeletonize,
-    _props$dropdownAlign = props.dropdownAlign,
-    dropdownAlign = _props$dropdownAlign === void 0 ? 'left' : _props$dropdownAlign;
+      customClass = props.customClass,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'default' : _props$size,
+      _props$boxShadow = props.boxShadow,
+      boxShadow = _props$boxShadow === void 0 ? true : _props$boxShadow,
+      _props$visible = props.visible,
+      visible = _props$visible === void 0 ? true : _props$visible,
+      permissionAttr = props.permissionAttr,
+      skeletonize = props.skeletonize,
+      _props$dropdownAlign = props.dropdownAlign,
+      dropdownAlign = _props$dropdownAlign === void 0 ? 'left' : _props$dropdownAlign;
   var splitProps = {
     customClass: customClass,
     size: size,
@@ -56,5 +61,6 @@ var SplitButton = function SplitButton(props) {
     label: "."
   }), children));
 };
+
 var _default = SplitButton;
 exports.default = _default;

package/lib/buttons/types.d.ts

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes, ReactNode, CSSProperties, ReactElement, MutableRefObject, MouseEvent } from 'react';
+import { ButtonHTMLAttributes, ReactNode, CSSProperties, ReactElement, MouseEvent } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr.js';
 import { Position } from '../@types/Position.js';
 import { Size } from '../@types/Size.js';
@@ -16,7 +16,6 @@ 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/lib/calendar/DangerCalendar.js

@@ -4,19 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _base = _interopRequireDefault(require("./base"));
+
 var _excluded = ["customClass"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 var DangerCalendar = function DangerCalendar(_ref) {
   var customClass = _ref.customClass,
-    props = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutProperties(_ref, _excluded);
+
   return /*#__PURE__*/_react.default.createElement(_base.default, _extends({}, props, {
     customClass: "-danger"
   }));
 };
+
 var _default = DangerCalendar;
 exports.default = _default;