@lanaco/lnc-react-ui 3.11.2 → 3.11.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.esm.js +8 -8
- package/lib/index.js +8 -8
- package/package.json +1 -1
package/lib/index.esm.js
CHANGED
|
@@ -81030,9 +81030,9 @@ Sidebar.propTypes = {
|
|
|
81030
81030
|
var _excluded$d = ["type", "fullWidth", "className", "style", "color", "size", "children"];
|
|
81031
81031
|
var _templateObject$e;
|
|
81032
81032
|
var TabsStyled = newStyled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n background: transparent;\n display: flex;\n justify-content: ", ";\n gap: ", ";\n box-sizing: border-box;\n"])), function (props) {
|
|
81033
|
-
return props.fullWidth ?
|
|
81033
|
+
return props.fullWidth ? "space-evenly" : "none";
|
|
81034
81034
|
}, function (props) {
|
|
81035
|
-
return props.type == "pill" ?
|
|
81035
|
+
return props.type == "pill" ? "10px" : "0";
|
|
81036
81036
|
});
|
|
81037
81037
|
|
|
81038
81038
|
//====================================== PROP TYPES / DEFAULT PROPS ====================================
|
|
@@ -81058,7 +81058,7 @@ var Tabs = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
81058
81058
|
style: style,
|
|
81059
81059
|
className: className
|
|
81060
81060
|
};
|
|
81061
|
-
var
|
|
81061
|
+
var handleItemClick = function handleItemClick(index) {
|
|
81062
81062
|
setActiveIndex(index);
|
|
81063
81063
|
};
|
|
81064
81064
|
var childrenWithAdjustedProps = React__default.Children.map(children, function (child, index) {
|
|
@@ -81068,7 +81068,7 @@ var Tabs = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
81068
81068
|
last: index == React__default.Children.toArray(children).length - 1,
|
|
81069
81069
|
fullWidth: fullWidth,
|
|
81070
81070
|
index: index,
|
|
81071
|
-
|
|
81071
|
+
itemClick: handleItemClick,
|
|
81072
81072
|
activeIndex: activeIndex,
|
|
81073
81073
|
color: color,
|
|
81074
81074
|
size: size
|
|
@@ -81099,7 +81099,7 @@ Tabs.propTypes = {
|
|
|
81099
81099
|
size: PropTypes.oneOf(["small", "medium", "large"])
|
|
81100
81100
|
};
|
|
81101
81101
|
|
|
81102
|
-
var _excluded$c = ["type", "disabled", "first", "last", "fullWidth", "active", "activeIndex", "index", "onFocus", "onBlur", "onClick", "onKeyDown", "
|
|
81102
|
+
var _excluded$c = ["type", "disabled", "first", "last", "fullWidth", "active", "activeIndex", "index", "onFocus", "onBlur", "onClick", "onKeyDown", "itemClick", "className", "style", "color", "size", "children"];
|
|
81103
81103
|
var _templateObject$d;
|
|
81104
81104
|
var getHeight$1 = function getHeight(size) {
|
|
81105
81105
|
if (size == "small") return "3.125rem";
|
|
@@ -81163,7 +81163,7 @@ var TabItem = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
81163
81163
|
onBlur = props.onBlur,
|
|
81164
81164
|
onClick = props.onClick,
|
|
81165
81165
|
onKeyDown = props.onKeyDown,
|
|
81166
|
-
|
|
81166
|
+
itemClick = props.itemClick,
|
|
81167
81167
|
className = props.className,
|
|
81168
81168
|
style = props.style,
|
|
81169
81169
|
color = props.color,
|
|
@@ -81183,8 +81183,8 @@ var TabItem = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
81183
81183
|
className: className
|
|
81184
81184
|
};
|
|
81185
81185
|
var handleClick = function handleClick(e) {
|
|
81186
|
-
if (
|
|
81187
|
-
if (onClick) onClick(e);
|
|
81186
|
+
if (itemClick && !disabled) itemClick(index);
|
|
81187
|
+
if (onClick && !disabled) onClick(e);
|
|
81188
81188
|
};
|
|
81189
81189
|
useUpdateEffect$1(function () {
|
|
81190
81190
|
setIsActive(active);
|
package/lib/index.js
CHANGED
|
@@ -81079,9 +81079,9 @@ Sidebar.propTypes = {
|
|
|
81079
81079
|
var _excluded$d = ["type", "fullWidth", "className", "style", "color", "size", "children"];
|
|
81080
81080
|
var _templateObject$e;
|
|
81081
81081
|
var TabsStyled = newStyled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral__default["default"](["\n background: transparent;\n display: flex;\n justify-content: ", ";\n gap: ", ";\n box-sizing: border-box;\n"])), function (props) {
|
|
81082
|
-
return props.fullWidth ?
|
|
81082
|
+
return props.fullWidth ? "space-evenly" : "none";
|
|
81083
81083
|
}, function (props) {
|
|
81084
|
-
return props.type == "pill" ?
|
|
81084
|
+
return props.type == "pill" ? "10px" : "0";
|
|
81085
81085
|
});
|
|
81086
81086
|
|
|
81087
81087
|
//====================================== PROP TYPES / DEFAULT PROPS ====================================
|
|
@@ -81107,7 +81107,7 @@ var Tabs = /*#__PURE__*/React__default["default"].forwardRef(function (props, re
|
|
|
81107
81107
|
style: style,
|
|
81108
81108
|
className: className
|
|
81109
81109
|
};
|
|
81110
|
-
var
|
|
81110
|
+
var handleItemClick = function handleItemClick(index) {
|
|
81111
81111
|
setActiveIndex(index);
|
|
81112
81112
|
};
|
|
81113
81113
|
var childrenWithAdjustedProps = React__default["default"].Children.map(children, function (child, index) {
|
|
@@ -81117,7 +81117,7 @@ var Tabs = /*#__PURE__*/React__default["default"].forwardRef(function (props, re
|
|
|
81117
81117
|
last: index == React__default["default"].Children.toArray(children).length - 1,
|
|
81118
81118
|
fullWidth: fullWidth,
|
|
81119
81119
|
index: index,
|
|
81120
|
-
|
|
81120
|
+
itemClick: handleItemClick,
|
|
81121
81121
|
activeIndex: activeIndex,
|
|
81122
81122
|
color: color,
|
|
81123
81123
|
size: size
|
|
@@ -81148,7 +81148,7 @@ Tabs.propTypes = {
|
|
|
81148
81148
|
size: PropTypes__default["default"].oneOf(["small", "medium", "large"])
|
|
81149
81149
|
};
|
|
81150
81150
|
|
|
81151
|
-
var _excluded$c = ["type", "disabled", "first", "last", "fullWidth", "active", "activeIndex", "index", "onFocus", "onBlur", "onClick", "onKeyDown", "
|
|
81151
|
+
var _excluded$c = ["type", "disabled", "first", "last", "fullWidth", "active", "activeIndex", "index", "onFocus", "onBlur", "onClick", "onKeyDown", "itemClick", "className", "style", "color", "size", "children"];
|
|
81152
81152
|
var _templateObject$d;
|
|
81153
81153
|
var getHeight$1 = function getHeight(size) {
|
|
81154
81154
|
if (size == "small") return "3.125rem";
|
|
@@ -81212,7 +81212,7 @@ var TabItem = /*#__PURE__*/React__default["default"].forwardRef(function (props,
|
|
|
81212
81212
|
onBlur = props.onBlur,
|
|
81213
81213
|
onClick = props.onClick,
|
|
81214
81214
|
onKeyDown = props.onKeyDown,
|
|
81215
|
-
|
|
81215
|
+
itemClick = props.itemClick,
|
|
81216
81216
|
className = props.className,
|
|
81217
81217
|
style = props.style,
|
|
81218
81218
|
color = props.color,
|
|
@@ -81232,8 +81232,8 @@ var TabItem = /*#__PURE__*/React__default["default"].forwardRef(function (props,
|
|
|
81232
81232
|
className: className
|
|
81233
81233
|
};
|
|
81234
81234
|
var handleClick = function handleClick(e) {
|
|
81235
|
-
if (
|
|
81236
|
-
if (onClick) onClick(e);
|
|
81235
|
+
if (itemClick && !disabled) itemClick(index);
|
|
81236
|
+
if (onClick && !disabled) onClick(e);
|
|
81237
81237
|
};
|
|
81238
81238
|
useUpdateEffect$1(function () {
|
|
81239
81239
|
setIsActive(active);
|