@lanaco/lnc-react-ui 3.4.0 → 3.6.0

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 +21 -13
  2. package/lib/index.js +21 -13
  3. package/package.json +1 -1
package/lib/index.esm.js CHANGED
@@ -70760,7 +70760,7 @@ const useInteractions = function (propsList) {
70760
70760
 
70761
70761
  var _excluded$N = ["children", "modal"],
70762
70762
  _excluded2$3 = ["children", "asChild"],
70763
- _excluded3$1 = ["borderRadius", "className", "style"],
70763
+ _excluded3$1 = ["borderRadius", "className", "zIndex", "style"],
70764
70764
  _excluded4$1 = ["children"],
70765
70765
  _excluded6 = ["children"];
70766
70766
  var _templateObject$K;
@@ -70906,6 +70906,7 @@ var PopoverContent = /*#__PURE__*/React.forwardRef(function PopoverContent(_ref4
70906
70906
  var _state$y, _state$x;
70907
70907
  var borderRadius = _ref4.borderRadius,
70908
70908
  className = _ref4.className,
70909
+ zIndex = _ref4.zIndex,
70909
70910
  style = _ref4.style,
70910
70911
  props = _objectWithoutProperties$1(_ref4, _excluded3$1);
70911
70912
  var state = usePopoverState();
@@ -70920,7 +70921,8 @@ var PopoverContent = /*#__PURE__*/React.forwardRef(function PopoverContent(_ref4
70920
70921
  position: state.strategy,
70921
70922
  top: (_state$y = state.y) !== null && _state$y !== void 0 ? _state$y : 0,
70922
70923
  left: (_state$x = state.x) !== null && _state$x !== void 0 ? _state$x : 0,
70923
- width: "max-content"
70924
+ width: "max-content",
70925
+ zIndex: zIndex
70924
70926
  },
70925
70927
  "aria-labelledby": state.labelId,
70926
70928
  "aria-describedby": state.descriptionId
@@ -70938,7 +70940,8 @@ PopoverContent.defaultProps = {
70938
70940
  };
70939
70941
  PopoverContent.propTypes = {
70940
70942
  className: PropTypes.string,
70941
- style: PropTypes.object
70943
+ style: PropTypes.object,
70944
+ zIndex: PropTypes.number
70942
70945
  };
70943
70946
  var PopoverHeading = /*#__PURE__*/React.forwardRef(function PopoverHeading(_ref5, ref) {
70944
70947
  var children = _ref5.children,
@@ -70972,7 +70975,7 @@ var PopoverClose = /*#__PURE__*/React.forwardRef(function PopoverClose(_ref7, re
70972
70975
  }), children);
70973
70976
  });
70974
70977
 
70975
- var _excluded$M = ["control", "offsetValue", "placement", "widthFitContent", "closeOnItemSelect", "onFocus", "onBlur", "onClick", "onKeyDown", "onMouseEnter", "onMouseLeave", "onItemSelected", "animation", "className", "style", "color", "size", "popoverProps", "children"];
70978
+ var _excluded$M = ["control", "offsetValue", "placement", "widthFitContent", "closeOnItemSelect", "zIndex", "onFocus", "onBlur", "onClick", "onKeyDown", "onMouseEnter", "onMouseLeave", "onItemSelected", "animation", "className", "style", "color", "size", "popoverProps", "children"];
70976
70979
  var _templateObject$J, _templateObject2$f;
70977
70980
  var StyledDropDown = newStyled.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral([""])));
70978
70981
  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) {
@@ -70986,6 +70989,7 @@ var DropdownMenu = /*#__PURE__*/React__default.forwardRef(function (props, ref)
70986
70989
  placement = props.placement,
70987
70990
  widthFitContent = props.widthFitContent,
70988
70991
  closeOnItemSelect = props.closeOnItemSelect,
70992
+ zIndex = props.zIndex,
70989
70993
  onFocus = props.onFocus,
70990
70994
  onBlur = props.onBlur,
70991
70995
  onClick = props.onClick,
@@ -71024,14 +71028,14 @@ var DropdownMenu = /*#__PURE__*/React__default.forwardRef(function (props, ref)
71024
71028
  return /*#__PURE__*/React__default.cloneElement(child, {
71025
71029
  ref: ref ? ref : firstItemRef,
71026
71030
  //needed to focus on navigation
71027
- color: color,
71031
+ color: child.props.color ? child.props.color : color,
71028
71032
  size: size,
71029
71033
  onItemSelected: handleOnItemSelected,
71030
71034
  animation: animation
71031
71035
  });
71032
71036
  }
71033
71037
  return /*#__PURE__*/React__default.cloneElement(child, {
71034
- color: color,
71038
+ color: child.props.color ? child.props.color : color,
71035
71039
  size: size,
71036
71040
  onItemSelected: handleOnItemSelected
71037
71041
  });
@@ -71081,7 +71085,9 @@ var DropdownMenu = /*#__PURE__*/React__default.forwardRef(function (props, ref)
71081
71085
  return !v;
71082
71086
  });
71083
71087
  }
71084
- }, clonedControl()), /*#__PURE__*/React__default.createElement(PopoverContent, null, /*#__PURE__*/React__default.createElement(StyledContent, {
71088
+ }, clonedControl()), /*#__PURE__*/React__default.createElement(PopoverContent, {
71089
+ zIndex: zIndex
71090
+ }, /*#__PURE__*/React__default.createElement(StyledContent, {
71085
71091
  ref: menuContentRef,
71086
71092
  widthFitContent: widthFitContent,
71087
71093
  color: color,
@@ -71148,6 +71154,10 @@ DropdownMenu.propTypes = {
71148
71154
  * Close menu when item is selected
71149
71155
  */
71150
71156
  closeOnItemSelect: PropTypes.bool,
71157
+ /**
71158
+ * zIndex of dropdown popup
71159
+ */
71160
+ zIndex: PropTypes.number,
71151
71161
  //---------------------------------------------------------------
71152
71162
  onBlur: PropTypes.func,
71153
71163
  onFocus: PropTypes.func,
@@ -71376,7 +71386,6 @@ DropdownItem.defaultProps = {
71376
71386
  //-------------------------
71377
71387
  style: {},
71378
71388
  className: "",
71379
- color: "primary",
71380
71389
  size: "small",
71381
71390
  __TYPE__: "MENU_ITEM"
71382
71391
  };
@@ -82327,7 +82336,7 @@ var NestedDropdownItem = /*#__PURE__*/React__default.forwardRef(function (props,
82327
82336
  if ( /*#__PURE__*/React__default.isValidElement(child)) {
82328
82337
  if (child.props.__TYPE__ == "MENU_ITEM" || child.props.__TYPE__ == "NESTED_ITEM") {
82329
82338
  return /*#__PURE__*/React__default.cloneElement(child, {
82330
- color: color,
82339
+ color: child.props.color ? child.props.color : color,
82331
82340
  size: size,
82332
82341
  onItemSelected: onItemSelected
82333
82342
  });
@@ -82684,13 +82693,13 @@ var TreeMenu = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
82684
82693
  return /*#__PURE__*/React__default.cloneElement(child, {
82685
82694
  ref: ref ? ref : firstItemRef,
82686
82695
  //needed to focus on navigation
82687
- color: color,
82696
+ color: child.props.color ? child.props.color : color,
82688
82697
  size: size,
82689
82698
  onItemSelected: onItemSelected
82690
82699
  });
82691
82700
  }
82692
82701
  return /*#__PURE__*/React__default.cloneElement(child, {
82693
- color: color,
82702
+ color: child.props.color ? child.props.color : color,
82694
82703
  size: size,
82695
82704
  onItemSelected: onItemSelected
82696
82705
  });
@@ -82949,7 +82958,6 @@ MenuItem.defaultProps = {
82949
82958
  //-------------------------
82950
82959
  style: {},
82951
82960
  className: "",
82952
- color: "primary",
82953
82961
  size: "small",
82954
82962
  __TYPE__: "MENU_ITEM"
82955
82963
  };
@@ -83018,7 +83026,7 @@ var NestedMenuItem = /*#__PURE__*/React__default.forwardRef(function (props, ref
83018
83026
  if ( /*#__PURE__*/React__default.isValidElement(child)) {
83019
83027
  if (child.props.__TYPE__ == "MENU_ITEM" || child.props.__TYPE__ == "NESTED_ITEM") {
83020
83028
  return /*#__PURE__*/React__default.cloneElement(child, {
83021
- color: color,
83029
+ color: child.props.color ? child.props.color : color,
83022
83030
  size: size,
83023
83031
  onItemSelected: onItemSelected
83024
83032
  });
package/lib/index.js CHANGED
@@ -70809,7 +70809,7 @@ const useInteractions = function (propsList) {
70809
70809
 
70810
70810
  var _excluded$N = ["children", "modal"],
70811
70811
  _excluded2$3 = ["children", "asChild"],
70812
- _excluded3$1 = ["borderRadius", "className", "style"],
70812
+ _excluded3$1 = ["borderRadius", "className", "zIndex", "style"],
70813
70813
  _excluded4$1 = ["children"],
70814
70814
  _excluded6 = ["children"];
70815
70815
  var _templateObject$K;
@@ -70955,6 +70955,7 @@ var PopoverContent = /*#__PURE__*/React__namespace.forwardRef(function PopoverCo
70955
70955
  var _state$y, _state$x;
70956
70956
  var borderRadius = _ref4.borderRadius,
70957
70957
  className = _ref4.className,
70958
+ zIndex = _ref4.zIndex,
70958
70959
  style = _ref4.style,
70959
70960
  props = _objectWithoutProperties__default["default"](_ref4, _excluded3$1);
70960
70961
  var state = usePopoverState();
@@ -70969,7 +70970,8 @@ var PopoverContent = /*#__PURE__*/React__namespace.forwardRef(function PopoverCo
70969
70970
  position: state.strategy,
70970
70971
  top: (_state$y = state.y) !== null && _state$y !== void 0 ? _state$y : 0,
70971
70972
  left: (_state$x = state.x) !== null && _state$x !== void 0 ? _state$x : 0,
70972
- width: "max-content"
70973
+ width: "max-content",
70974
+ zIndex: zIndex
70973
70975
  },
70974
70976
  "aria-labelledby": state.labelId,
70975
70977
  "aria-describedby": state.descriptionId
@@ -70987,7 +70989,8 @@ PopoverContent.defaultProps = {
70987
70989
  };
70988
70990
  PopoverContent.propTypes = {
70989
70991
  className: PropTypes__default["default"].string,
70990
- style: PropTypes__default["default"].object
70992
+ style: PropTypes__default["default"].object,
70993
+ zIndex: PropTypes__default["default"].number
70991
70994
  };
70992
70995
  var PopoverHeading = /*#__PURE__*/React__namespace.forwardRef(function PopoverHeading(_ref5, ref) {
70993
70996
  var children = _ref5.children,
@@ -71021,7 +71024,7 @@ var PopoverClose = /*#__PURE__*/React__namespace.forwardRef(function PopoverClos
71021
71024
  }), children);
71022
71025
  });
71023
71026
 
71024
- var _excluded$M = ["control", "offsetValue", "placement", "widthFitContent", "closeOnItemSelect", "onFocus", "onBlur", "onClick", "onKeyDown", "onMouseEnter", "onMouseLeave", "onItemSelected", "animation", "className", "style", "color", "size", "popoverProps", "children"];
71027
+ var _excluded$M = ["control", "offsetValue", "placement", "widthFitContent", "closeOnItemSelect", "zIndex", "onFocus", "onBlur", "onClick", "onKeyDown", "onMouseEnter", "onMouseLeave", "onItemSelected", "animation", "className", "style", "color", "size", "popoverProps", "children"];
71025
71028
  var _templateObject$J, _templateObject2$f;
71026
71029
  var StyledDropDown = newStyled.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral__default["default"]([""])));
71027
71030
  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) {
@@ -71035,6 +71038,7 @@ var DropdownMenu = /*#__PURE__*/React__default["default"].forwardRef(function (p
71035
71038
  placement = props.placement,
71036
71039
  widthFitContent = props.widthFitContent,
71037
71040
  closeOnItemSelect = props.closeOnItemSelect,
71041
+ zIndex = props.zIndex,
71038
71042
  onFocus = props.onFocus,
71039
71043
  onBlur = props.onBlur,
71040
71044
  onClick = props.onClick,
@@ -71073,14 +71077,14 @@ var DropdownMenu = /*#__PURE__*/React__default["default"].forwardRef(function (p
71073
71077
  return /*#__PURE__*/React__default["default"].cloneElement(child, {
71074
71078
  ref: ref ? ref : firstItemRef,
71075
71079
  //needed to focus on navigation
71076
- color: color,
71080
+ color: child.props.color ? child.props.color : color,
71077
71081
  size: size,
71078
71082
  onItemSelected: handleOnItemSelected,
71079
71083
  animation: animation
71080
71084
  });
71081
71085
  }
71082
71086
  return /*#__PURE__*/React__default["default"].cloneElement(child, {
71083
- color: color,
71087
+ color: child.props.color ? child.props.color : color,
71084
71088
  size: size,
71085
71089
  onItemSelected: handleOnItemSelected
71086
71090
  });
@@ -71130,7 +71134,9 @@ var DropdownMenu = /*#__PURE__*/React__default["default"].forwardRef(function (p
71130
71134
  return !v;
71131
71135
  });
71132
71136
  }
71133
- }, clonedControl()), /*#__PURE__*/React__default["default"].createElement(PopoverContent, null, /*#__PURE__*/React__default["default"].createElement(StyledContent, {
71137
+ }, clonedControl()), /*#__PURE__*/React__default["default"].createElement(PopoverContent, {
71138
+ zIndex: zIndex
71139
+ }, /*#__PURE__*/React__default["default"].createElement(StyledContent, {
71134
71140
  ref: menuContentRef,
71135
71141
  widthFitContent: widthFitContent,
71136
71142
  color: color,
@@ -71197,6 +71203,10 @@ DropdownMenu.propTypes = {
71197
71203
  * Close menu when item is selected
71198
71204
  */
71199
71205
  closeOnItemSelect: PropTypes__default["default"].bool,
71206
+ /**
71207
+ * zIndex of dropdown popup
71208
+ */
71209
+ zIndex: PropTypes__default["default"].number,
71200
71210
  //---------------------------------------------------------------
71201
71211
  onBlur: PropTypes__default["default"].func,
71202
71212
  onFocus: PropTypes__default["default"].func,
@@ -71425,7 +71435,6 @@ DropdownItem.defaultProps = {
71425
71435
  //-------------------------
71426
71436
  style: {},
71427
71437
  className: "",
71428
- color: "primary",
71429
71438
  size: "small",
71430
71439
  __TYPE__: "MENU_ITEM"
71431
71440
  };
@@ -82376,7 +82385,7 @@ var NestedDropdownItem = /*#__PURE__*/React__default["default"].forwardRef(funct
82376
82385
  if ( /*#__PURE__*/React__default["default"].isValidElement(child)) {
82377
82386
  if (child.props.__TYPE__ == "MENU_ITEM" || child.props.__TYPE__ == "NESTED_ITEM") {
82378
82387
  return /*#__PURE__*/React__default["default"].cloneElement(child, {
82379
- color: color,
82388
+ color: child.props.color ? child.props.color : color,
82380
82389
  size: size,
82381
82390
  onItemSelected: onItemSelected
82382
82391
  });
@@ -82733,13 +82742,13 @@ var TreeMenu = /*#__PURE__*/React__default["default"].forwardRef(function (props
82733
82742
  return /*#__PURE__*/React__default["default"].cloneElement(child, {
82734
82743
  ref: ref ? ref : firstItemRef,
82735
82744
  //needed to focus on navigation
82736
- color: color,
82745
+ color: child.props.color ? child.props.color : color,
82737
82746
  size: size,
82738
82747
  onItemSelected: onItemSelected
82739
82748
  });
82740
82749
  }
82741
82750
  return /*#__PURE__*/React__default["default"].cloneElement(child, {
82742
- color: color,
82751
+ color: child.props.color ? child.props.color : color,
82743
82752
  size: size,
82744
82753
  onItemSelected: onItemSelected
82745
82754
  });
@@ -82998,7 +83007,6 @@ MenuItem.defaultProps = {
82998
83007
  //-------------------------
82999
83008
  style: {},
83000
83009
  className: "",
83001
- color: "primary",
83002
83010
  size: "small",
83003
83011
  __TYPE__: "MENU_ITEM"
83004
83012
  };
@@ -83067,7 +83075,7 @@ var NestedMenuItem = /*#__PURE__*/React__default["default"].forwardRef(function
83067
83075
  if ( /*#__PURE__*/React__default["default"].isValidElement(child)) {
83068
83076
  if (child.props.__TYPE__ == "MENU_ITEM" || child.props.__TYPE__ == "NESTED_ITEM") {
83069
83077
  return /*#__PURE__*/React__default["default"].cloneElement(child, {
83070
- color: color,
83078
+ color: child.props.color ? child.props.color : color,
83071
83079
  size: size,
83072
83080
  onItemSelected: onItemSelected
83073
83081
  });
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@lanaco/lnc-react-ui",
3
3
  "type": "module",
4
- "version": "3.4.0",
4
+ "version": "3.6.0",
5
5
  "description": "component library",
6
6
  "main": "lib/index.js",
7
7
  "module": "lib/index.esm.js",