linear-react-components-ui 1.0.10-beta.2 → 1.0.10-beta.21

package/lib/inputs/mask/input_mask.spec.js

@@ -0,0 +1,607 @@
+"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");
+
+require("babel-polyfill");
+
+var _ = _interopRequireWildcard(require("."));
+
+var _storageMock = _interopRequireWildcard(require("../../../../config/jest/storageMock"));
+
+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 }; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+describe('Input Masked', function () {
+  describe('Default', function () {
+    it('should render correctly', function () {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000"
+      })),
+          container = _render.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toHaveClass('input-base-component');
+    });
+    it('should apply mask', function () {
+      var _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000"
+      })),
+          container = _render2.container;
+
+      expect(container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput')).toHaveValue('___-____');
+      expect(container.firstChild).toHaveClass('input-base-component');
+    });
+    it('should apply mask Pattern', function () {
+      var _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "{#}000-aa-`*[**]"
+      })),
+          container = _render3.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('#___-__-_');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: '111aaaaa'
+        }
+      });
+
+      expect(input).toHaveValue('#111-aa-aaa');
+    });
+    it('should change placeholder char', function () {
+      var _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000",
+        placeholderChar: "*"
+      })),
+          container = _render4.container;
+
+      expect(container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput')).toHaveValue('***-****');
+      expect(container.firstChild).toHaveClass('input-base-component');
+    });
+    it('should be able to write', function () {
+      var _render5 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000"
+      })),
+          container = _render5.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('___-____');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: 'ABC'
+        }
+      });
+
+      expect(input).toHaveValue('ABC-____');
+    });
+    it('should not accept number on alpha digit', function () {
+      var _render6 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000"
+      })),
+          container = _render6.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('___-____');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: '123'
+        }
+      });
+
+      expect(input).toHaveValue('___-____');
+    });
+    it('should not accept alphan on number digit', function () {
+      var _render7 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000"
+      })),
+          container = _render7.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('___-____');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: 'ABC1BC'
+        }
+      });
+
+      expect(input).toHaveValue('ABC-1___');
+    });
+    it('should start with value', function () {
+      var _render8 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000",
+        value: "ABC-1234"
+      })),
+          container = _render8.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('ABC-1234');
+    });
+    it('should apply lazy prop', function () {
+      var _render9 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000",
+        lazy: true
+      })),
+          container = _render9.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: 'ABC1'
+        }
+      });
+
+      expect(input).toHaveValue('ABC-1');
+    });
+    /*
+    it('should onAccept callback be called', () => {
+      const fnMock = jest.fn();
+      const { container } = render(<MaskField mask="aaa-0000" onAccept={fnMock} />);
+      const input = container.querySelector(
+        '.input-base-component .inputwrapper .inputcontent input.textinput');
+      fireEvent.change(input, { target: { value: 'ABC1' } });
+       expect(fnMock).toBeCalledTimes(4);
+    });
+    */
+
+    it('should onComplete callback be called', function () {
+      var fnMock = jest.fn();
+
+      var _render10 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000",
+        onComplete: fnMock
+      })),
+          container = _render10.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: 'ABC1234'
+        }
+      });
+
+      expect(fnMock).toBeCalledTimes(1);
+    });
+    it('should apply unmask', function () {
+      var fnMock = jest.fn();
+
+      var _render11 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000",
+        onComplete: fnMock,
+        unmask: true
+      })),
+          container = _render11.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: 'ABC1234'
+        }
+      });
+
+      expect(fnMock).toHaveBeenCalledWith({
+        target: {
+          name: '',
+          value: 'ABC1234'
+        }
+      }, 'ABC1234');
+    });
+    it('should apply label', function () {
+      var _render12 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        mask: "aaa-0000",
+        label: "LABEL"
+      })),
+          getByText = _render12.getByText;
+
+      expect(getByText('LABEL')).toBeTruthy();
+    });
+    it('should apply labelUppercase', function () {
+      var _render13 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        labelUppercase: true,
+        mask: "aaa-0000",
+        label: "Label"
+      })),
+          getByText = _render13.getByText;
+
+      expect(getByText('Label')).toHaveClass('-uppercase');
+    });
+    it('should apply readOnly', function () {
+      var _render14 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        readOnly: true,
+        mask: "aaa-0000",
+        value: "ABC-1234"
+      })),
+          container = _render14.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveClass('-readonly');
+      expect(input).toHaveAttribute('readonly');
+    });
+    it('should apply gridLayout', function () {
+      var _render15 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        gridLayout: "6 6",
+        mask: "aaa-0000",
+        value: "ABC-1234"
+      })),
+          container = _render15.container;
+
+      expect(container.querySelector('.grid-container.col-xs-6.col-xs-6')).toBeTruthy();
+    });
+    it('should apply placeHolder', function () {
+      (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        placeHolder: "PLACE_HOLDER",
+        mask: "aaa-0000"
+      }));
+      expect(_react2.screen.getByPlaceholderText('PLACE_HOLDER')).toBeTruthy();
+    });
+    it('should apply disabled', function () {
+      var _render16 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        disabled: true,
+        mask: "aaa-0000"
+      })),
+          container = _render16.container;
+
+      expect(container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput')).toBeDisabled();
+    });
+    it('should apply onBlur', function () {
+      var fnMock = jest.fn();
+
+      var _render17 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        onBlur: fnMock,
+        name: "name",
+        mask: "aaa-0000"
+      })),
+          container = _render17.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      input.focus();
+      input.blur();
+      expect(fnMock).toBeCalledTimes(1);
+    });
+    it('should apply onChange', function () {
+      var fnMock = jest.fn();
+
+      var _render18 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        onChange: fnMock,
+        name: "name",
+        mask: "aaa-0000"
+      })),
+          container = _render18.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: 'ABC1234'
+        }
+      });
+
+      expect(fnMock).toBeCalledTimes(1);
+    });
+    it('should apply onKeyDown', function () {
+      var fnMock = jest.fn();
+
+      var _render19 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        onKeyDown: fnMock,
+        name: "name",
+        mask: "aaa-0000"
+      })),
+          container = _render19.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      input.focus();
+
+      _react2.fireEvent.keyDown(input, {
+        key: 'A',
+        code: 'KeyA'
+      });
+
+      _react2.fireEvent.keyDown(input, {
+        key: 'B',
+        code: 'KeyB'
+      });
+
+      expect(fnMock).toBeCalledTimes(2);
+    });
+    it('should apply leftElements', function () {
+      var _render20 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        leftElements: /*#__PURE__*/_react.default.createElement("div", null, "LEFT"),
+        name: "name",
+        mask: "aaa-0000"
+      })),
+          getByText = _render20.getByText;
+
+      expect(getByText('LEFT')).toBeTruthy();
+    });
+    it('should apply rightElements', function () {
+      var _render21 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        leftElements: /*#__PURE__*/_react.default.createElement("div", null, "RIGHT"),
+        name: "name",
+        mask: "aaa-0000"
+      })),
+          getByText = _render21.getByText;
+
+      expect(getByText('RIGHT')).toBeTruthy();
+    });
+    it('should apply customClass', function () {
+      var _render22 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        customClass: "customClass",
+        mask: "aaa-0000"
+      })),
+          container = _render22.container;
+
+      expect(container.querySelector('.input-base-component.customClass')).toBeTruthy();
+    });
+    it('should apply customClassForInputContent', function () {
+      var _render23 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        customClassForInputContent: "customClass",
+        mask: "aaa-0000"
+      })),
+          container = _render23.container;
+
+      expect(container.querySelector('.inputcontent.customClass')).toBeTruthy();
+    });
+    it('should apply customClassForLabel', function () {
+      var _render24 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        label: "LABEL",
+        customClassForLabel: "customClass",
+        mask: "aaa-0000"
+      })),
+          container = _render24.container;
+
+      expect(container.querySelector('.label.customClass')).toBeTruthy();
+    });
+    it('should apply textAlign', function () {
+      var _render25 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        textAlign: "left",
+        mask: "aaa-0000"
+      })),
+          container = _render25.container;
+
+      expect(container.querySelector('input.textinput')).toHaveClass('text-align-left');
+    });
+    it('should apply rounded', function () {
+      var _render26 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        rounded: true,
+        mask: "aaa-0000"
+      })),
+          container = _render26.container;
+
+      expect(container.querySelector('.inputwrapper')).toHaveClass('-roundedborders');
+    });
+    it('should apply errorMessages', function () {
+      var _render27 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        errorMessages: ['ERRO1', 'ERRO2', 'ERRO3'],
+        mask: "aaa-0000"
+      })),
+          container = _render27.container;
+
+      expect(container.querySelector('p.errormessages')).toHaveTextContent('ERRO1');
+      expect(container.querySelector('p.errormessages')).toHaveTextContent('ERRO2');
+      expect(container.querySelector('p.errormessages')).toHaveTextContent('ERRO3');
+    });
+    it('should check permission', function () {
+      Object.defineProperty(window, 'sessionStorage', {
+        value: (0, _storageMock.default)()
+      });
+
+      var _render28 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        permissionAttr: (0, _storageMock.permissionAttrMockAuthorized)('disabled'),
+        mask: "aaa-0000"
+      })),
+          container = _render28.container;
+
+      expect(container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput')).not.toBeDisabled();
+    });
+    it('should check permission and be unavailable', function () {
+      Object.defineProperty(window, 'sessionStorage', {
+        value: (0, _storageMock.default)()
+      });
+
+      var _render29 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
+        permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('disabled'),
+        mask: "aaa-0000"
+      })),
+          container = _render29.container;
+
+      expect(container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput')).toBeDisabled();
+    });
+  });
+  describe('CPF', function () {
+    it('should render correctly', function () {
+      var _render30 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.CpfField, null)),
+          container = _render30.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toHaveClass('input-base-component');
+    });
+    it('should apply CPF mask', function () {
+      var _render31 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.CpfField, null)),
+          container = _render31.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('___.___.___-__');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: '92968346008'
+        }
+      });
+
+      expect(input).toHaveValue('929.683.460-08');
+    });
+    it('should apply CPF validation', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var _render32, container, input;
+
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _render32 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.CpfField, {
+                enableValidation: true
+              })), container = _render32.container;
+              input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+              expect(input).toHaveValue('___.___.___-__');
+
+              _react2.fireEvent.change(input, {
+                target: {
+                  value: '92968346000'
+                }
+              });
+
+              _context.next = 6;
+              return (0, _react2.waitFor)(function () {
+                return expect(container.querySelector('.errormessages')).toHaveTextContent('CPF inválido');
+              }, {
+                timeout: 3000
+              });
+
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+  });
+  describe('CNPJ', function () {
+    it('should render correctly', function () {
+      var _render33 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.CnpjField, null)),
+          container = _render33.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toHaveClass('input-base-component');
+    });
+    it('should apply CNPJ mask', function () {
+      var _render34 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.CnpjField, null)),
+          container = _render34.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('__.___.___/____-__');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: '16409652000114'
+        }
+      });
+
+      expect(input).toHaveValue('16.409.652/0001-14');
+    });
+    it('should apply CNPJ validation', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      var _render35, container, input;
+
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _render35 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.CnpjField, {
+                enableValidation: true
+              })), container = _render35.container;
+              input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+              expect(input).toHaveValue('__.___.___/____-__');
+
+              _react2.fireEvent.change(input, {
+                target: {
+                  value: '16409652000110'
+                }
+              });
+
+              _context2.next = 6;
+              return (0, _react2.waitFor)(function () {
+                return expect(container.querySelector('.errormessages')).toHaveTextContent('CNPJ inválido');
+              }, {
+                timeout: 3000
+              });
+
+            case 6:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    })));
+  });
+  describe('Phone', function () {
+    it('should render correctly', function () {
+      var _render36 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.PhoneField, null)),
+          container = _render36.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toHaveClass('input-base-component');
+    });
+    it('should apply phone mask', function () {
+      var _render37 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.PhoneField, null)),
+          container = _render37.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('(__) ____-____');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: '1111111111'
+        }
+      });
+
+      expect(input).toHaveValue('(11) 1111-1111');
+    });
+    it('should apply cellNumber', function () {
+      var _render38 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.PhoneField, {
+        cellNumber: true
+      })),
+          container = _render38.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('(__) _____-____');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: '11111111111'
+        }
+      });
+
+      expect(input).toHaveValue('(11) 11111-1111');
+    });
+  });
+  describe('Zip Code', function () {
+    it('should render correctly', function () {
+      var _render39 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.ZipCodeField, null)),
+          container = _render39.container;
+
+      expect(container.firstChild).toBeTruthy();
+      expect(container.firstChild).toHaveClass('input-base-component');
+    });
+    it('should apply zipcode mask', function () {
+      var _render40 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.ZipCodeField, null)),
+          container = _render40.container;
+
+      var input = container.querySelector('.input-base-component .inputwrapper .inputcontent input.textinput');
+      expect(input).toHaveValue('_____-___');
+
+      _react2.fireEvent.change(input, {
+        target: {
+          value: '72859719'
+        }
+      });
+
+      expect(input).toHaveValue('72859-719');
+    });
+  });
+});

package/lib/inputs/mask/types.d.ts

@@ -1,4 +1,5 @@
 import { KeyboardEvent, MutableRefObject } from 'react';
+import { TextAlign } from '../../@types/Align.js';
 import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
 import '../../@types/Period.js';
@@ -26,7 +27,7 @@ interface IBaseMaskProps {
     permissionAttr?: PermissionAttr;
     errorMessages?: string[];
     rounded?: boolean;
-    textAlign?: string;
+    textAlign?: TextAlign;
     customClassForInputContent?: string;
     label?: string;
     name?: string;

package/lib/inputs/multiSelect/ActionButtons.d.ts

@@ -2,9 +2,10 @@ import { IActionButtonsProps } from './types.js';
 import 'react';
 import '../../@types/DataCombo.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';
 
-declare const ActionButtons: ({ disabled, dropdownOpened, handleOpenClose, handleCheckAll, handleUncheckAll, }: IActionButtonsProps) => JSX.Element;
+declare const ActionButtons: ({ disabled, dropdownOpened, handleOpenClose, handleCheckAll, handleUncheckAll, dropdownAlignButton, }: IActionButtonsProps) => JSX.Element;
 
 export { ActionButtons as default };

package/lib/inputs/multiSelect/ActionButtons.js

@@ -16,7 +16,9 @@ var ActionButtons = function ActionButtons(_ref) {
     dropdownOpened = _ref.dropdownOpened,
     handleOpenClose = _ref.handleOpenClose,
     handleCheckAll = _ref.handleCheckAll,
-    handleUncheckAll = _ref.handleUncheckAll;
+    handleUncheckAll = _ref.handleUncheckAll,
+    _ref$dropdownAlignBut = _ref.dropdownAlignButton,
+    dropdownAlignButton = _ref$dropdownAlignBut === void 0 ? 'left' : _ref$dropdownAlignBut;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_buttons.default, {
     disabled: disabled,
     size: "small",
@@ -32,6 +34,7 @@ var ActionButtons = function ActionButtons(_ref) {
     boxShadow: false,
     customClass: "actionbutton",
     dropdown: true,
+    dropdownAlign: dropdownAlignButton,
     showIconDropdown: false
   }, /*#__PURE__*/_react.default.createElement(_list.default, null, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
     itemId: "1",

package/lib/inputs/multiSelect/Dropdown.d.ts

@@ -2,6 +2,7 @@ import { IDropdownMultiSelectProps } from './types.js';
 import 'react';
 import '../../@types/DataCombo.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.js';