@lanaco/lnc-react-ui 3.11.25 → 3.11.27

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.
Files changed (3) hide show
  1. package/lib/index.esm.js +16 -3
  2. package/lib/index.js +16 -3
  3. 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,
@@ -48098,6 +48099,15 @@ var DetailsView = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
48098
48099
  disabled: disableGoBack,
48099
48100
  color: color,
48100
48101
  size: size
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
48101
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",
@@ -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,
@@ -71057,7 +71069,7 @@ var PopoverClose = /*#__PURE__*/React.forwardRef(function PopoverClose(_ref7, re
71057
71069
  }), children);
71058
71070
  });
71059
71071
 
71060
- var _excluded$M = ["control", "offsetValue", "placement", "widthFitContent", "closeOnItemSelect", "zIndex", "onFocus", "onBlur", "onClick", "onKeyDown", "onMouseEnter", "onMouseLeave", "onItemSelected", "animation", "className", "color", "size", "popoverProps", "children"];
71072
+ var _excluded$M = ["control", "offsetValue", "placement", "widthFitContent", "closeOnItemSelect", "zIndex", "onFocus", "onBlur", "onClick", "onKeyDown", "onMouseEnter", "onMouseLeave", "onItemSelected", "animation", "className", "contentClassName", "color", "size", "popoverProps", "children"];
71061
71073
  var _templateObject$J, _templateObject2$f;
71062
71074
  var StyledDropDown = newStyled.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral([""])));
71063
71075
  var StyledContent = newStyled(motion.div)(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n gap: 0.25rem;\n display: flex;\n flex-direction: column;\n ", ";\n background-color: ", ";\n"])), function (props) {
@@ -71081,6 +71093,7 @@ var DropdownMenu = /*#__PURE__*/React__default.forwardRef(function (props, ref)
71081
71093
  onItemSelected = props.onItemSelected,
71082
71094
  animation = props.animation,
71083
71095
  className = props.className,
71096
+ contentClassName = props.contentClassName,
71084
71097
  color = props.color,
71085
71098
  size = props.size;
71086
71099
  props.popoverProps;
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,
@@ -48147,6 +48148,15 @@ var DetailsView = /*#__PURE__*/React__default["default"].forwardRef(function (pr
48147
48148
  disabled: disableGoBack,
48148
48149
  color: color,
48149
48150
  size: size
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
48150
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",
@@ -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,
@@ -71106,7 +71118,7 @@ var PopoverClose = /*#__PURE__*/React__namespace.forwardRef(function PopoverClos
71106
71118
  }), children);
71107
71119
  });
71108
71120
 
71109
- var _excluded$M = ["control", "offsetValue", "placement", "widthFitContent", "closeOnItemSelect", "zIndex", "onFocus", "onBlur", "onClick", "onKeyDown", "onMouseEnter", "onMouseLeave", "onItemSelected", "animation", "className", "color", "size", "popoverProps", "children"];
71121
+ var _excluded$M = ["control", "offsetValue", "placement", "widthFitContent", "closeOnItemSelect", "zIndex", "onFocus", "onBlur", "onClick", "onKeyDown", "onMouseEnter", "onMouseLeave", "onItemSelected", "animation", "className", "contentClassName", "color", "size", "popoverProps", "children"];
71110
71122
  var _templateObject$J, _templateObject2$f;
71111
71123
  var StyledDropDown = newStyled.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral__default["default"]([""])));
71112
71124
  var StyledContent = newStyled(motion.div)(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral__default["default"](["\n gap: 0.25rem;\n display: flex;\n flex-direction: column;\n ", ";\n background-color: ", ";\n"])), function (props) {
@@ -71130,6 +71142,7 @@ var DropdownMenu = /*#__PURE__*/React__default["default"].forwardRef(function (p
71130
71142
  onItemSelected = props.onItemSelected,
71131
71143
  animation = props.animation,
71132
71144
  className = props.className,
71145
+ contentClassName = props.contentClassName,
71133
71146
  color = props.color,
71134
71147
  size = props.size;
71135
71148
  props.popoverProps;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@lanaco/lnc-react-ui",
3
3
  "type": "module",
4
- "version": "3.11.25",
4
+ "version": "3.11.27",
5
5
  "description": "component library",
6
6
  "main": "lib/index.js",
7
7
  "module": "lib/index.esm.js",