@lanaco/lnc-react-ui 3.11.3 → 3.11.5

package/lib/index.esm.js

@@ -47872,7 +47872,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 +47928,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 +47945,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 +72934,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 +73035,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 +73074,7 @@ var Pagination = function Pagination(props) {
   }, renderButtons(borderRadius));
 };
 Pagination.defaultProps = {
+  icons: {},
   disabled: false,
   borderRadius: "regular",
   currentPage: 1,
@@ -73096,6 +73098,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 +82867,7 @@ var MenuItem = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     onBlur(e);
   };
   var handleOnKeyDown = function handleOnKeyDown(e) {
-    e.preventDefault(); //prevents scroll
+    e.preventDefault(); // prevents scroll
 
     if (e.key == "ArrowDown") {
       focusNextItem(ref ? ref.current : itemRef.current);

package/lib/index.js

@@ -47921,7 +47921,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 +47977,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 +47994,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 +72983,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 +73084,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 +73123,7 @@ var Pagination = function Pagination(props) {
   }, renderButtons(borderRadius));
 };
 Pagination.defaultProps = {
+  icons: {},
   disabled: false,
   borderRadius: "regular",
   currentPage: 1,
@@ -73145,6 +73147,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 +82916,7 @@ var MenuItem = /*#__PURE__*/React__default["default"].forwardRef(function (props
     onBlur(e);
   };
   var handleOnKeyDown = function handleOnKeyDown(e) {
-    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.3",
+  "version": "3.11.5",
   "description": "component library",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",
@@ -43,6 +43,7 @@
     "@storybook/react": "^6.5.9",
     "@storybook/theming": "^6.5.9",
     "babel-loader": "^8.2.2",
+    "cross-env": "^7.0.3",
     "css-loader": "^5.2.6",
     "eslint-plugin-react": "^7.24.0",
     "jest": "^27.5.1",