@lanaco/lnc-react-ui 3.11.26 → 3.11.28
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 +16 -4
- package/lib/index.js +16 -4
- package/package.json +1 -1
package/lib/index.esm.js
CHANGED
|
@@ -48026,7 +48026,7 @@ Button.propTypes = {
|
|
|
48026
48026
|
size: PropTypes.oneOf(["small", "medium", "large"])
|
|
48027
48027
|
};
|
|
48028
48028
|
|
|
48029
|
-
var _excluded$Y = ["goToPreviousView", "id", "data", "fields", "flexGridProps", "goBackText", "showBack", "showNext", "showPrevious", "showEdit", "disableGoBack", "disableNext", "disablePrevious", "disableEdit", "goToNext", "goToPrevious", "onEdit", "goBack", "className", "style", "color", "size", "children"];
|
|
48029
|
+
var _excluded$Y = ["goToPreviousView", "id", "data", "fields", "flexGridProps", "goBackText", "showBack", "showNext", "showPrevious", "showEdit", "disableGoBack", "disableNext", "disablePrevious", "disableEdit", "editOnTop", "goToNext", "goToPrevious", "onEdit", "goBack", "className", "style", "color", "size", "children"];
|
|
48030
48030
|
var _templateObject$14, _templateObject2$o;
|
|
48031
48031
|
var StyledToolbar$3 = newStyled.div(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
48032
48032
|
var StyledDetailsView = newStyled.div(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n gap: 1rem;\n box-shadow: ", ";\n border-radius: ", ";\n border-top: 1px solid rgba(0, 0, 0, 0.04);\n padding: 12px;\n background-color: ", ";\n"])), function (props) {
|
|
@@ -48051,6 +48051,7 @@ var DetailsView = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
48051
48051
|
disableNext = props.disableNext,
|
|
48052
48052
|
disablePrevious = props.disablePrevious,
|
|
48053
48053
|
disableEdit = props.disableEdit,
|
|
48054
|
+
editOnTop = props.editOnTop,
|
|
48054
48055
|
goToNext = props.goToNext,
|
|
48055
48056
|
goToPrevious = props.goToPrevious,
|
|
48056
48057
|
onEdit = props.onEdit,
|
|
@@ -48084,7 +48085,7 @@ var DetailsView = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
48084
48085
|
theme: theme,
|
|
48085
48086
|
color: color,
|
|
48086
48087
|
borderRadius: "regular"
|
|
48087
|
-
}, rest), showBack && /*#__PURE__*/React__default.createElement(Button$1, {
|
|
48088
|
+
}, rest), /*#__PURE__*/React__default.createElement(StyledToolbar$3, null, showBack && /*#__PURE__*/React__default.createElement(Button$1, {
|
|
48088
48089
|
key: 0,
|
|
48089
48090
|
leadingIcon: "arrow-circle-left",
|
|
48090
48091
|
text: goBackText,
|
|
@@ -48098,7 +48099,16 @@ var DetailsView = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
48098
48099
|
disabled: disableGoBack,
|
|
48099
48100
|
color: color,
|
|
48100
48101
|
size: size
|
|
48101
|
-
}),
|
|
48102
|
+
}), showEdit && editOnTop && /*#__PURE__*/React__default.createElement(Button, {
|
|
48103
|
+
btnType: "outline",
|
|
48104
|
+
icon: "pen",
|
|
48105
|
+
disabled: disableEdit,
|
|
48106
|
+
onClick: function onClick(e) {
|
|
48107
|
+
return onEdit(data, e);
|
|
48108
|
+
},
|
|
48109
|
+
color: color,
|
|
48110
|
+
size: size
|
|
48111
|
+
})), renderChildren(), /*#__PURE__*/React__default.createElement(StyledToolbar$3, null, /*#__PURE__*/React__default.createElement("div", null, showNext && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, {
|
|
48102
48112
|
btnType: "outline",
|
|
48103
48113
|
icon: "angle-left",
|
|
48104
48114
|
disabled: disablePrevious,
|
|
@@ -48116,7 +48126,7 @@ var DetailsView = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
48116
48126
|
},
|
|
48117
48127
|
color: color,
|
|
48118
48128
|
size: size
|
|
48119
|
-
})), showEdit && /*#__PURE__*/React__default.createElement(Button, {
|
|
48129
|
+
})), showEdit && !editOnTop && /*#__PURE__*/React__default.createElement(Button, {
|
|
48120
48130
|
btnType: "outline",
|
|
48121
48131
|
icon: "pen",
|
|
48122
48132
|
disabled: disableEdit,
|
|
@@ -48140,6 +48150,7 @@ DetailsView.defaultProps = {
|
|
|
48140
48150
|
disableEdit: false,
|
|
48141
48151
|
fields: {},
|
|
48142
48152
|
data: {},
|
|
48153
|
+
editOnTop: false,
|
|
48143
48154
|
//-----------------------
|
|
48144
48155
|
goToNext: function goToNext() {},
|
|
48145
48156
|
goToPrevious: function goToPrevious() {},
|
|
@@ -48164,6 +48175,7 @@ DetailsView.propTypes = {
|
|
|
48164
48175
|
disablePrevious: PropTypes.bool,
|
|
48165
48176
|
disableEdit: PropTypes.bool,
|
|
48166
48177
|
flexGridProps: PropTypes.any,
|
|
48178
|
+
editOnTop: PropTypes.bool,
|
|
48167
48179
|
//-----------------------------------------------------------
|
|
48168
48180
|
goToNext: PropTypes.func,
|
|
48169
48181
|
goToPrevious: PropTypes.func,
|
package/lib/index.js
CHANGED
|
@@ -48075,7 +48075,7 @@ Button.propTypes = {
|
|
|
48075
48075
|
size: PropTypes__default["default"].oneOf(["small", "medium", "large"])
|
|
48076
48076
|
};
|
|
48077
48077
|
|
|
48078
|
-
var _excluded$Y = ["goToPreviousView", "id", "data", "fields", "flexGridProps", "goBackText", "showBack", "showNext", "showPrevious", "showEdit", "disableGoBack", "disableNext", "disablePrevious", "disableEdit", "goToNext", "goToPrevious", "onEdit", "goBack", "className", "style", "color", "size", "children"];
|
|
48078
|
+
var _excluded$Y = ["goToPreviousView", "id", "data", "fields", "flexGridProps", "goBackText", "showBack", "showNext", "showPrevious", "showEdit", "disableGoBack", "disableNext", "disablePrevious", "disableEdit", "editOnTop", "goToNext", "goToPrevious", "onEdit", "goBack", "className", "style", "color", "size", "children"];
|
|
48079
48079
|
var _templateObject$14, _templateObject2$o;
|
|
48080
48080
|
var StyledToolbar$3 = newStyled.div(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteral__default["default"](["\n display: flex;\n justify-content: space-between;\n"])));
|
|
48081
48081
|
var StyledDetailsView = newStyled.div(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteral__default["default"](["\n display: flex;\n flex-direction: column;\n gap: 1rem;\n box-shadow: ", ";\n border-radius: ", ";\n border-top: 1px solid rgba(0, 0, 0, 0.04);\n padding: 12px;\n background-color: ", ";\n"])), function (props) {
|
|
@@ -48100,6 +48100,7 @@ var DetailsView = /*#__PURE__*/React__default["default"].forwardRef(function (pr
|
|
|
48100
48100
|
disableNext = props.disableNext,
|
|
48101
48101
|
disablePrevious = props.disablePrevious,
|
|
48102
48102
|
disableEdit = props.disableEdit,
|
|
48103
|
+
editOnTop = props.editOnTop,
|
|
48103
48104
|
goToNext = props.goToNext,
|
|
48104
48105
|
goToPrevious = props.goToPrevious,
|
|
48105
48106
|
onEdit = props.onEdit,
|
|
@@ -48133,7 +48134,7 @@ var DetailsView = /*#__PURE__*/React__default["default"].forwardRef(function (pr
|
|
|
48133
48134
|
theme: theme,
|
|
48134
48135
|
color: color,
|
|
48135
48136
|
borderRadius: "regular"
|
|
48136
|
-
}, rest), showBack && /*#__PURE__*/React__default["default"].createElement(Button$1, {
|
|
48137
|
+
}, rest), /*#__PURE__*/React__default["default"].createElement(StyledToolbar$3, null, showBack && /*#__PURE__*/React__default["default"].createElement(Button$1, {
|
|
48137
48138
|
key: 0,
|
|
48138
48139
|
leadingIcon: "arrow-circle-left",
|
|
48139
48140
|
text: goBackText,
|
|
@@ -48147,7 +48148,16 @@ var DetailsView = /*#__PURE__*/React__default["default"].forwardRef(function (pr
|
|
|
48147
48148
|
disabled: disableGoBack,
|
|
48148
48149
|
color: color,
|
|
48149
48150
|
size: size
|
|
48150
|
-
}),
|
|
48151
|
+
}), showEdit && editOnTop && /*#__PURE__*/React__default["default"].createElement(Button, {
|
|
48152
|
+
btnType: "outline",
|
|
48153
|
+
icon: "pen",
|
|
48154
|
+
disabled: disableEdit,
|
|
48155
|
+
onClick: function onClick(e) {
|
|
48156
|
+
return onEdit(data, e);
|
|
48157
|
+
},
|
|
48158
|
+
color: color,
|
|
48159
|
+
size: size
|
|
48160
|
+
})), renderChildren(), /*#__PURE__*/React__default["default"].createElement(StyledToolbar$3, null, /*#__PURE__*/React__default["default"].createElement("div", null, showNext && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button, {
|
|
48151
48161
|
btnType: "outline",
|
|
48152
48162
|
icon: "angle-left",
|
|
48153
48163
|
disabled: disablePrevious,
|
|
@@ -48165,7 +48175,7 @@ var DetailsView = /*#__PURE__*/React__default["default"].forwardRef(function (pr
|
|
|
48165
48175
|
},
|
|
48166
48176
|
color: color,
|
|
48167
48177
|
size: size
|
|
48168
|
-
})), showEdit && /*#__PURE__*/React__default["default"].createElement(Button, {
|
|
48178
|
+
})), showEdit && !editOnTop && /*#__PURE__*/React__default["default"].createElement(Button, {
|
|
48169
48179
|
btnType: "outline",
|
|
48170
48180
|
icon: "pen",
|
|
48171
48181
|
disabled: disableEdit,
|
|
@@ -48189,6 +48199,7 @@ DetailsView.defaultProps = {
|
|
|
48189
48199
|
disableEdit: false,
|
|
48190
48200
|
fields: {},
|
|
48191
48201
|
data: {},
|
|
48202
|
+
editOnTop: false,
|
|
48192
48203
|
//-----------------------
|
|
48193
48204
|
goToNext: function goToNext() {},
|
|
48194
48205
|
goToPrevious: function goToPrevious() {},
|
|
@@ -48213,6 +48224,7 @@ DetailsView.propTypes = {
|
|
|
48213
48224
|
disablePrevious: PropTypes__default["default"].bool,
|
|
48214
48225
|
disableEdit: PropTypes__default["default"].bool,
|
|
48215
48226
|
flexGridProps: PropTypes__default["default"].any,
|
|
48227
|
+
editOnTop: PropTypes__default["default"].bool,
|
|
48216
48228
|
//-----------------------------------------------------------
|
|
48217
48229
|
goToNext: PropTypes__default["default"].func,
|
|
48218
48230
|
goToPrevious: PropTypes__default["default"].func,
|