@lanaco/lnc-react-ui 3.11.4 → 3.11.6

package/lib/index.esm.js

@@ -45481,6 +45481,8 @@ var NumberInput = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     disabled: disabled,
     readOnly: readOnly,
     step: step,
+    min: min,
+    max: max,
     defaultValue: defaultValue,
     onFocus: handleFocus,
     onBlur: handleBlur,
@@ -45498,6 +45500,8 @@ var NumberInput = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     disabled: disabled,
     readOnly: readOnly,
     step: step,
+    min: min,
+    max: max,
     value: inputValue,
     onFocus: handleFocus,
     onBlur: handleBlur,
@@ -47872,7 +47876,7 @@ var Button = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     return "".concat(style, " fa-").concat(icon, " fa-fw");
   };
   var renderIcon = function renderIcon() {
-    return /*#__PURE__*/React__default.createElement(StyledIcon, {
+    return /*#__PURE__*/React__default.isValidElement(icon) ? icon : /*#__PURE__*/React__default.createElement(StyledIcon, {
       className: getIconClass()
     });
   };
@@ -47928,7 +47932,7 @@ var Button = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   }, rest), renderIcon());
 });
 Button.defaultProps = {
-  icon: "",
+  icon: null,
   iconStyle: "solid",
   borderRadius: "regular",
   btnType: "filled",
@@ -47945,7 +47949,7 @@ Button.defaultProps = {
   size: "small"
 };
 Button.propTypes = {
-  icon: PropTypes.string,
+  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   iconStyle: PropTypes.oneOf(["regular", "solid"]),
   borderRadius: PropTypes.oneOf(["slight", "regular", "edged", "curved", "none"]),
   /**
@@ -72934,7 +72938,8 @@ var PaginationContainer = newStyled.div(_templateObject2$c || (_templateObject2$
 //========================================================================
 
 var Pagination = function Pagination(props) {
-  var borderRadius = props.borderRadius,
+  var icons = props.icons,
+    borderRadius = props.borderRadius,
     currentPage = props.currentPage,
     buttonType = props.buttonType,
     currentPageButtonType = props.currentPageButtonType,
@@ -73034,25 +73039,25 @@ var Pagination = function Pagination(props) {
     var br = {};
     if (borderRadius) br.borderRadius = borderRadius;
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, withFirstLast && /*#__PURE__*/React__default.createElement(Button, _extends$4({}, themeProps, {
-      icon: "angle-double-left",
+      icon: icons.doubleLeft || "angle-double-left",
       disabled: disabledFirst || disabled,
       onClick: function onClick(e) {
         return handlePageClick(e, "first");
       }
     }, br)), /*#__PURE__*/React__default.createElement(Button, _extends$4({}, themeProps, {
-      icon: "angle-left",
+      icon: icons.left || "angle-left",
       disabled: disabledPrevious || disabled,
       onClick: function onClick(e) {
         return handlePageClick(e, "previous");
       }
     }, br)), renderPages(), /*#__PURE__*/React__default.createElement(Button, _extends$4({}, themeProps, {
-      icon: "angle-right",
+      icon: icons.right || "angle-right",
       disabled: disabledNext || disabled,
       onClick: function onClick(e) {
         return handlePageClick(e, "next");
       }
     }, br)), withFirstLast && /*#__PURE__*/React__default.createElement(Button, _extends$4({}, themeProps, {
-      icon: "angle-double-right",
+      icon: icons.doubleRight || "angle-double-right",
       disabled: disabledLast || disabled,
       onClick: function onClick(e) {
         return handlePageClick(e, "last");
@@ -73073,6 +73078,7 @@ var Pagination = function Pagination(props) {
   }, renderButtons(borderRadius));
 };
 Pagination.defaultProps = {
+  icons: {},
   disabled: false,
   borderRadius: "regular",
   currentPage: 1,
@@ -73096,6 +73102,12 @@ Pagination.defaultProps = {
   size: "small"
 };
 Pagination.propTypes = {
+  icons: PropTypes.shape({
+    left: PropTypes.element,
+    right: PropTypes.element,
+    doubleLeft: PropTypes.element,
+    doubleRight: PropTypes.element
+  }),
   /**
    *  Applies to the movement buttons and to the page number buttons
    */
@@ -82859,7 +82871,7 @@ var MenuItem = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     onBlur(e);
   };
   var handleOnKeyDown = function handleOnKeyDown(e) {
-    if (['Space', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].indexOf(e.code) > -1) e.preventDefault(); // prevents scroll
+    e.preventDefault(); // prevents scroll
 
     if (e.key == "ArrowDown") {
       focusNextItem(ref ? ref.current : itemRef.current);

package/lib/index.js

@@ -45530,6 +45530,8 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function (pr
     disabled: disabled,
     readOnly: readOnly,
     step: step,
+    min: min,
+    max: max,
     defaultValue: defaultValue,
     onFocus: handleFocus,
     onBlur: handleBlur,
@@ -45547,6 +45549,8 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function (pr
     disabled: disabled,
     readOnly: readOnly,
     step: step,
+    min: min,
+    max: max,
     value: inputValue,
     onFocus: handleFocus,
     onBlur: handleBlur,
@@ -47921,7 +47925,7 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (props,
     return "".concat(style, " fa-").concat(icon, " fa-fw");
   };
   var renderIcon = function renderIcon() {
-    return /*#__PURE__*/React__default["default"].createElement(StyledIcon, {
+    return /*#__PURE__*/React__default["default"].isValidElement(icon) ? icon : /*#__PURE__*/React__default["default"].createElement(StyledIcon, {
       className: getIconClass()
     });
   };
@@ -47977,7 +47981,7 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (props,
   }, rest), renderIcon());
 });
 Button.defaultProps = {
-  icon: "",
+  icon: null,
   iconStyle: "solid",
   borderRadius: "regular",
   btnType: "filled",
@@ -47994,7 +47998,7 @@ Button.defaultProps = {
   size: "small"
 };
 Button.propTypes = {
-  icon: PropTypes__default["default"].string,
+  icon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].element]),
   iconStyle: PropTypes__default["default"].oneOf(["regular", "solid"]),
   borderRadius: PropTypes__default["default"].oneOf(["slight", "regular", "edged", "curved", "none"]),
   /**
@@ -72983,7 +72987,8 @@ var PaginationContainer = newStyled.div(_templateObject2$c || (_templateObject2$
 //========================================================================
 
 var Pagination = function Pagination(props) {
-  var borderRadius = props.borderRadius,
+  var icons = props.icons,
+    borderRadius = props.borderRadius,
     currentPage = props.currentPage,
     buttonType = props.buttonType,
     currentPageButtonType = props.currentPageButtonType,
@@ -73083,25 +73088,25 @@ var Pagination = function Pagination(props) {
     var br = {};
     if (borderRadius) br.borderRadius = borderRadius;
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, withFirstLast && /*#__PURE__*/React__default["default"].createElement(Button, _extends__default$1["default"]({}, themeProps, {
-      icon: "angle-double-left",
+      icon: icons.doubleLeft || "angle-double-left",
       disabled: disabledFirst || disabled,
       onClick: function onClick(e) {
         return handlePageClick(e, "first");
       }
     }, br)), /*#__PURE__*/React__default["default"].createElement(Button, _extends__default$1["default"]({}, themeProps, {
-      icon: "angle-left",
+      icon: icons.left || "angle-left",
       disabled: disabledPrevious || disabled,
       onClick: function onClick(e) {
         return handlePageClick(e, "previous");
       }
     }, br)), renderPages(), /*#__PURE__*/React__default["default"].createElement(Button, _extends__default$1["default"]({}, themeProps, {
-      icon: "angle-right",
+      icon: icons.right || "angle-right",
       disabled: disabledNext || disabled,
       onClick: function onClick(e) {
         return handlePageClick(e, "next");
       }
     }, br)), withFirstLast && /*#__PURE__*/React__default["default"].createElement(Button, _extends__default$1["default"]({}, themeProps, {
-      icon: "angle-double-right",
+      icon: icons.doubleRight || "angle-double-right",
       disabled: disabledLast || disabled,
       onClick: function onClick(e) {
         return handlePageClick(e, "last");
@@ -73122,6 +73127,7 @@ var Pagination = function Pagination(props) {
   }, renderButtons(borderRadius));
 };
 Pagination.defaultProps = {
+  icons: {},
   disabled: false,
   borderRadius: "regular",
   currentPage: 1,
@@ -73145,6 +73151,12 @@ Pagination.defaultProps = {
   size: "small"
 };
 Pagination.propTypes = {
+  icons: PropTypes__default["default"].shape({
+    left: PropTypes__default["default"].element,
+    right: PropTypes__default["default"].element,
+    doubleLeft: PropTypes__default["default"].element,
+    doubleRight: PropTypes__default["default"].element
+  }),
   /**
    *  Applies to the movement buttons and to the page number buttons
    */
@@ -82908,7 +82920,7 @@ var MenuItem = /*#__PURE__*/React__default["default"].forwardRef(function (props
     onBlur(e);
   };
   var handleOnKeyDown = function handleOnKeyDown(e) {
-    if (['Space', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].indexOf(e.code) > -1) e.preventDefault(); // prevents scroll
+    e.preventDefault(); // prevents scroll
 
     if (e.key == "ArrowDown") {
       focusNextItem(ref ? ref.current : itemRef.current);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lanaco/lnc-react-ui",
   "type": "module",
-  "version": "3.11.4",
+  "version": "3.11.6",
   "description": "component library",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",