@lanaco/lnc-react-ui 2.1.38 → 2.1.40

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 +24 -16
  2. package/lib/index.js +24 -16
  3. package/package.json +1 -1
package/lib/index.esm.js CHANGED
@@ -41820,7 +41820,8 @@ function Modal$1(props) {
41820
41820
  clickOutsideToClose = props.clickOutsideToClose,
41821
41821
  showHeader = props.showHeader,
41822
41822
  width = props.width,
41823
- basic = props.basic;
41823
+ basic = props.basic,
41824
+ headerTitleComponent = props.headerTitleComponent;
41824
41825
  var themeProps = {
41825
41826
  theme: theme,
41826
41827
  size: size,
@@ -41857,7 +41858,7 @@ function Modal$1(props) {
41857
41858
  animate: "isOpen",
41858
41859
  exit: "exit",
41859
41860
  variants: containerVariant
41860
- }), showHeader && /*#__PURE__*/React__default.createElement(Header$1, themeProps, /*#__PURE__*/React__default.createElement(Title$1, themeProps, header), /*#__PURE__*/React__default.createElement(CloseButton$1, themeProps, /*#__PURE__*/React__default.createElement(Button$1, _extends$d({}, themeProps, {
41861
+ }), showHeader && /*#__PURE__*/React__default.createElement(Header$1, themeProps, headerTitleComponent !== undefined && headerTitleComponent !== null && /*#__PURE__*/React__default.isValidElement(headerTitleComponent) ? headerTitleComponent : /*#__PURE__*/React__default.createElement(Title$1, themeProps, header), /*#__PURE__*/React__default.createElement(CloseButton$1, themeProps, /*#__PURE__*/React__default.createElement(Button$1, _extends$d({}, themeProps, {
41861
41862
  icon: "times",
41862
41863
  iconStyle: "solid",
41863
41864
  onClick: function onClick(e) {
@@ -41893,7 +41894,8 @@ Modal$1.propTypes = {
41893
41894
  clickOutsideToClose: PropTypes.bool,
41894
41895
  width: PropTypes.string,
41895
41896
  size: PropTypes.oneOf(["small", "medium", "large"]),
41896
- color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background"])
41897
+ color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background"]),
41898
+ headerTitleComponent: PropTypes.node
41897
41899
  };
41898
41900
 
41899
41901
  var Container$i = newStyled.div(function (props) {
@@ -43101,12 +43103,15 @@ var DataView = function DataView(props) {
43101
43103
 
43102
43104
  var renderSwitchToEditModeButton = function renderSwitchToEditModeButton() {
43103
43105
  if (Options.ReadOnly || !Options.EnableSwitchReadOnlyMode || !Options.EnableFormView || General.CurrentView !== ViewType.FORM_VIEW) return false;
43104
- return /*#__PURE__*/React__default.createElement(FlexItem$1, null, /*#__PURE__*/React__default.createElement(Button$1, {
43105
- tooltip: Form.Mode === FormMode.READ ? Localization.FormEditMode : Localization.FormReadMode,
43106
- onClick: freezeLoading() ? function () {} : ChangeToEditMode,
43107
- icon: Form.Mode === FormMode.READ ? "edit" : "eye",
43108
- inverted: true
43109
- }));
43106
+
43107
+ if (Options.EnableSwitchReadOnlyMode && Form !== null && General.CurrentView === "FormView" && Form.Mode !== "ADD") {
43108
+ return /*#__PURE__*/React__default.createElement(FlexItem$1, null, /*#__PURE__*/React__default.createElement(Button$1, {
43109
+ tooltip: Form.Mode === FormMode.READ ? Localization.FormEditMode : Localization.FormReadMode,
43110
+ onClick: freezeLoading() ? function () {} : ChangeToEditMode,
43111
+ icon: Form.Mode === FormMode.READ ? "edit" : "eye",
43112
+ inverted: true
43113
+ }));
43114
+ } else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
43110
43115
  };
43111
43116
 
43112
43117
  var renderPagination = function renderPagination() {
@@ -45012,13 +45017,16 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
45012
45017
 
45013
45018
  var renderSwitchToEditModeButton = function renderSwitchToEditModeButton() {
45014
45019
  if (state.Options.ReadOnly || !state.Options.EnableSwitchReadOnlyMode || Form === null || Form === undefined || state.General.CurrentView !== "FormView") return false;
45015
- return /*#__PURE__*/React__default.createElement(FlexItem, null, /*#__PURE__*/React__default.createElement(Button$1, {
45016
- tooltip: state.Form.Mode === FormMode.READ ? Localization.FormEditMode || "Edit mode" : Localization.FormReadMode || "View mode",
45017
- onClick: changeToEditMode,
45018
- disabled: freezeLoading(),
45019
- icon: state.Form.Mode === FormMode.READ ? "edit" : "eye",
45020
- inverted: true
45021
- }));
45020
+
45021
+ if (state.Options.EnableSwitchReadOnlyMode && Form !== null && state.General.CurrentView === "FormView" && state.Form.Mode !== "ADD") {
45022
+ return /*#__PURE__*/React__default.createElement(FlexItem, null, /*#__PURE__*/React__default.createElement(Button$1, {
45023
+ tooltip: state.Form.Mode === FormMode.READ ? Localization.FormEditMode || "Edit mode" : Localization.FormReadMode || "View mode",
45024
+ onClick: changeToEditMode,
45025
+ disabled: freezeLoading(),
45026
+ icon: state.Form.Mode === FormMode.READ ? "edit" : "eye",
45027
+ inverted: true
45028
+ }));
45029
+ } else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
45022
45030
  };
45023
45031
 
45024
45032
  var renderGoToAddButton = function renderGoToAddButton() {
package/lib/index.js CHANGED
@@ -41861,7 +41861,8 @@ function Modal$1(props) {
41861
41861
  clickOutsideToClose = props.clickOutsideToClose,
41862
41862
  showHeader = props.showHeader,
41863
41863
  width = props.width,
41864
- basic = props.basic;
41864
+ basic = props.basic,
41865
+ headerTitleComponent = props.headerTitleComponent;
41865
41866
  var themeProps = {
41866
41867
  theme: theme,
41867
41868
  size: size,
@@ -41898,7 +41899,7 @@ function Modal$1(props) {
41898
41899
  animate: "isOpen",
41899
41900
  exit: "exit",
41900
41901
  variants: containerVariant
41901
- }), showHeader && /*#__PURE__*/React__default['default'].createElement(Header$1, themeProps, /*#__PURE__*/React__default['default'].createElement(Title$1, themeProps, header), /*#__PURE__*/React__default['default'].createElement(CloseButton$1, themeProps, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
41902
+ }), showHeader && /*#__PURE__*/React__default['default'].createElement(Header$1, themeProps, headerTitleComponent !== undefined && headerTitleComponent !== null && /*#__PURE__*/React__default['default'].isValidElement(headerTitleComponent) ? headerTitleComponent : /*#__PURE__*/React__default['default'].createElement(Title$1, themeProps, header), /*#__PURE__*/React__default['default'].createElement(CloseButton$1, themeProps, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
41902
41903
  icon: "times",
41903
41904
  iconStyle: "solid",
41904
41905
  onClick: function onClick(e) {
@@ -41934,7 +41935,8 @@ Modal$1.propTypes = {
41934
41935
  clickOutsideToClose: PropTypes__default['default'].bool,
41935
41936
  width: PropTypes__default['default'].string,
41936
41937
  size: PropTypes__default['default'].oneOf(["small", "medium", "large"]),
41937
- color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background"])
41938
+ color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background"]),
41939
+ headerTitleComponent: PropTypes__default['default'].node
41938
41940
  };
41939
41941
 
41940
41942
  var Container$i = newStyled.div(function (props) {
@@ -43142,12 +43144,15 @@ var DataView = function DataView(props) {
43142
43144
 
43143
43145
  var renderSwitchToEditModeButton = function renderSwitchToEditModeButton() {
43144
43146
  if (Options.ReadOnly || !Options.EnableSwitchReadOnlyMode || !Options.EnableFormView || General.CurrentView !== ViewType.FORM_VIEW) return false;
43145
- return /*#__PURE__*/React__default['default'].createElement(FlexItem$1, null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
43146
- tooltip: Form.Mode === FormMode.READ ? Localization.FormEditMode : Localization.FormReadMode,
43147
- onClick: freezeLoading() ? function () {} : ChangeToEditMode,
43148
- icon: Form.Mode === FormMode.READ ? "edit" : "eye",
43149
- inverted: true
43150
- }));
43147
+
43148
+ if (Options.EnableSwitchReadOnlyMode && Form !== null && General.CurrentView === "FormView" && Form.Mode !== "ADD") {
43149
+ return /*#__PURE__*/React__default['default'].createElement(FlexItem$1, null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
43150
+ tooltip: Form.Mode === FormMode.READ ? Localization.FormEditMode : Localization.FormReadMode,
43151
+ onClick: freezeLoading() ? function () {} : ChangeToEditMode,
43152
+ icon: Form.Mode === FormMode.READ ? "edit" : "eye",
43153
+ inverted: true
43154
+ }));
43155
+ } else return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
43151
43156
  };
43152
43157
 
43153
43158
  var renderPagination = function renderPagination() {
@@ -45053,13 +45058,16 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
45053
45058
 
45054
45059
  var renderSwitchToEditModeButton = function renderSwitchToEditModeButton() {
45055
45060
  if (state.Options.ReadOnly || !state.Options.EnableSwitchReadOnlyMode || Form === null || Form === undefined || state.General.CurrentView !== "FormView") return false;
45056
- return /*#__PURE__*/React__default['default'].createElement(FlexItem, null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
45057
- tooltip: state.Form.Mode === FormMode.READ ? Localization.FormEditMode || "Edit mode" : Localization.FormReadMode || "View mode",
45058
- onClick: changeToEditMode,
45059
- disabled: freezeLoading(),
45060
- icon: state.Form.Mode === FormMode.READ ? "edit" : "eye",
45061
- inverted: true
45062
- }));
45061
+
45062
+ if (state.Options.EnableSwitchReadOnlyMode && Form !== null && state.General.CurrentView === "FormView" && state.Form.Mode !== "ADD") {
45063
+ return /*#__PURE__*/React__default['default'].createElement(FlexItem, null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
45064
+ tooltip: state.Form.Mode === FormMode.READ ? Localization.FormEditMode || "Edit mode" : Localization.FormReadMode || "View mode",
45065
+ onClick: changeToEditMode,
45066
+ disabled: freezeLoading(),
45067
+ icon: state.Form.Mode === FormMode.READ ? "edit" : "eye",
45068
+ inverted: true
45069
+ }));
45070
+ } else return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
45063
45071
  };
45064
45072
 
45065
45073
  var renderGoToAddButton = function renderGoToAddButton() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lanaco/lnc-react-ui",
3
- "version": "2.1.38",
3
+ "version": "2.1.40",
4
4
  "description": "component library",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",