@lanaco/lnc-react-ui 2.1.15 → 2.1.16

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 +56 -42
  2. package/lib/index.js +56 -42
  3. package/package.json +1 -1
package/lib/index.esm.js CHANGED
@@ -31313,7 +31313,9 @@ var Content$4 = newStyled.div(function (props) {
31313
31313
  padding: "0.3125rem",
31314
31314
  border: "0.065rem solid ".concat(props.theme.palette.gray[600]),
31315
31315
  borderTop: props.basic ? "none" : "0.065rem solid ".concat(props.theme.palette.gray[600]),
31316
- borderRadius: "0 0 0.2rem 0.2rem"
31316
+ borderRadius: "0 0 0.2rem 0.2rem",
31317
+ maxHeight: "calc(100vh - 220px)",
31318
+ overflowY: "auto"
31317
31319
  };
31318
31320
  });
31319
31321
 
@@ -49280,7 +49282,9 @@ var TableView = function TableView(props) {
49280
49282
  OnHeaderClick = _props$Config$OnHeade === void 0 ? function () {} : _props$Config$OnHeade,
49281
49283
  ReadOnly = _props$Config.ReadOnly,
49282
49284
  _props$Config$IsLooku = _props$Config.IsLookup,
49283
- IsLookup = _props$Config$IsLooku === void 0 ? false : _props$Config$IsLooku;
49285
+ IsLookup = _props$Config$IsLooku === void 0 ? false : _props$Config$IsLooku,
49286
+ _props$Config$LookupT = _props$Config.LookupTakeItem,
49287
+ LookupTakeItem = _props$Config$LookupT === void 0 ? function () {} : _props$Config$LookupT;
49284
49288
  var _props$Localization = props.Localization,
49285
49289
  Localization = _props$Localization === void 0 ? {} : _props$Localization;
49286
49290
  props.Export;
@@ -49334,7 +49338,16 @@ var TableView = function TableView(props) {
49334
49338
  ChangeToFormView(dataItem);
49335
49339
  } : function () {};
49336
49340
  if (!EnableFormView) onClick = function onClick() {};
49337
- if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) onClick = function onClick() {};
49341
+ if (!EnableSelection || ReadOnly) onClick = function onClick() {};
49342
+
49343
+ if (IsLookup) {
49344
+ onClick = function onClick() {
49345
+ if (!IsLoading) {
49346
+ LookupTakeItem(dataItem);
49347
+ }
49348
+ };
49349
+ }
49350
+
49338
49351
  var cellData = def.isObject === true ? dataItem[def.accessor][def.objectAccessor] : dataItem[def.accessor];
49339
49352
  return /*#__PURE__*/React__default.createElement(TableBodyCell$1, {
49340
49353
  key: tabIndex,
@@ -49343,7 +49356,22 @@ var TableView = function TableView(props) {
49343
49356
  };
49344
49357
 
49345
49358
  var renderSelectionCell = function renderSelectionCell(dataItem, selected, rowIndex) {
49346
- if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
49359
+ if (IsLookup) {
49360
+ return /*#__PURE__*/React__default.createElement(TableBodyCell$1, {
49361
+ selectionCell: true,
49362
+ key: -1
49363
+ }, /*#__PURE__*/React__default.createElement(Button$1, {
49364
+ inverted: true,
49365
+ onClick: function onClick() {
49366
+ if (!IsLoading) {
49367
+ LookupTakeItem(dataItem);
49368
+ }
49369
+ },
49370
+ icon: "arrow-right"
49371
+ }));
49372
+ }
49373
+
49374
+ if (!EnableSelection || ReadOnly || IsLookup) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
49347
49375
  return /*#__PURE__*/React__default.createElement(TableBodyCell$1, {
49348
49376
  selectionCell: true,
49349
49377
  key: -1
@@ -49390,6 +49418,10 @@ var TableView = function TableView(props) {
49390
49418
  };
49391
49419
 
49392
49420
  var renderSelectAllHeaderCell = function renderSelectAllHeaderCell() {
49421
+ if (IsLookup) return /*#__PURE__*/React__default.createElement(TableHeadCell$1, {
49422
+ selectionCell: true,
49423
+ key: -1
49424
+ });
49393
49425
  if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
49394
49426
  if (SelectedEntirePage && Localization.DeselectAll) ;
49395
49427
  if (!SelectedEntirePage && Localization.SelectAll) ;
@@ -49557,12 +49589,10 @@ var DataView = function DataView(props) {
49557
49589
  GoToAdd = _props$GoToAdd === void 0 ? emptyFunc : _props$GoToAdd;
49558
49590
  props.GoToAddWithCopy;
49559
49591
  var _props$DiscardEdited = props.DiscardEdited,
49560
- DiscardEdited = _props$DiscardEdited === void 0 ? emptyFunc : _props$DiscardEdited,
49561
- _props$SetSelectedDat = props.SetSelectedData,
49562
- SetSelectedData = _props$SetSelectedDat === void 0 ? emptyFunc : _props$SetSelectedDat,
49563
- _props$ClearSelectedD = props.ClearSelectedData,
49564
- ClearSelectedData = _props$ClearSelectedD === void 0 ? emptyFunc : _props$ClearSelectedD,
49565
- _props$Localization = props.Localization,
49592
+ DiscardEdited = _props$DiscardEdited === void 0 ? emptyFunc : _props$DiscardEdited;
49593
+ props.SetSelectedData;
49594
+ props.ClearSelectedData;
49595
+ var _props$Localization = props.Localization,
49566
49596
  Localization = _props$Localization === void 0 ? {} : _props$Localization,
49567
49597
  _props$Export = props.Export,
49568
49598
  Export = _props$Export === void 0 ? function () {} : _props$Export,
@@ -49638,15 +49668,15 @@ var DataView = function DataView(props) {
49638
49668
  size: size,
49639
49669
  color: color
49640
49670
  }; //======== LOOKUP ========
49641
-
49642
- useEffect(function () {
49643
- if (General.IsLookup) SetSelectedData(Lookup.SelectedData);
49644
- }, [Lookup.SelectedData]);
49645
- useEffect(function () {
49646
- return function cleanup() {
49647
- if (General.IsLookup) ClearSelectedData();
49648
- };
49649
- }, []); //======== CONFIGS ========
49671
+ // useEffect(() => {
49672
+ // if (General.IsLookup) SetSelectedData(Lookup.SelectedData);
49673
+ // }, [Lookup.SelectedData]);
49674
+ // useEffect(() => {
49675
+ // return function cleanup() {
49676
+ // if (General.IsLookup) ClearSelectedData();
49677
+ // };
49678
+ // }, []);
49679
+ //======== CONFIGS ========
49650
49680
 
49651
49681
  var formViewMovementConfig = {
49652
49682
  Dirty: Form.Dirty,
@@ -49678,6 +49708,9 @@ var DataView = function DataView(props) {
49678
49708
  SelectedData: Table.SelectedData,
49679
49709
  ChangeToFormView: ChangeToFormView,
49680
49710
  //---------------------------
49711
+ IsLookup: General.IsLookup,
49712
+ LookupTakeItem: Lookup.LookupTakeItem ? Lookup.LookupTakeItem : function () {},
49713
+ //---------------------------
49681
49714
  EnableOrdering: Options.EnableOrdering,
49682
49715
  Column: Ordering.Column,
49683
49716
  Accessor: Ordering.Accessor,
@@ -49708,27 +49741,6 @@ var DataView = function DataView(props) {
49708
49741
  if (Form.Mode === FormMode.ADD) return "add";
49709
49742
  }; //======== RENDER ========
49710
49743
 
49711
-
49712
- var renderLookupTakeValues = function renderLookupTakeValues() {
49713
- if (General.IsLookup) {
49714
- var loading = freezeLoading([Table.SelectedData.length === 0]);
49715
- return /*#__PURE__*/React__default.createElement(FlexItem$1, null, /*#__PURE__*/React__default.createElement(Button$1, {
49716
- tooltip: Localization.TakeValues,
49717
- onClick: function onClick() {
49718
- if (!loading) {
49719
- Lookup.TakeValues(Table.SelectedData);
49720
- if (ClearSelectedData) ClearSelectedData();
49721
- }
49722
- },
49723
- disabled: Table.SelectedData.length === 0,
49724
- icon: "arrow-circle-down",
49725
- inverted: true
49726
- }));
49727
- }
49728
-
49729
- return false;
49730
- };
49731
-
49732
49744
  var renderContextMenu = function renderContextMenu() {
49733
49745
  if (Options.EnableActions && General.CurrentView === ViewType.TABLE_VIEW && Table.Actions && Table.Actions.length > 0) {
49734
49746
  return /*#__PURE__*/React__default.createElement(FlexItem$1, null, /*#__PURE__*/React__default.createElement(DropdownMenu, {
@@ -49854,7 +49866,7 @@ var DataView = function DataView(props) {
49854
49866
  var x6 = General.CurrentView !== "TableView" ? false : true;
49855
49867
  var x7 = General.IsLookup && Table.SelectionType === "multiple" ? true : false;
49856
49868
  var x8 = Options.EnableActions && General.CurrentView === ViewType.TABLE_VIEW && Table.Actions && Table.Actions.length > 0;
49857
- if (x1 || x2 || x3 || x4 || x5 || x6 || x7 || x8) return /*#__PURE__*/React__default.createElement(HeaderContainer$1, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderLookupTakeValues(), renderContextMenu());
49869
+ if (x1 || x2 || x3 || x4 || x5 || x6 || x7 || x8) return /*#__PURE__*/React__default.createElement(HeaderContainer$1, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderContextMenu());
49858
49870
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
49859
49871
  };
49860
49872
 
@@ -52713,9 +52725,11 @@ Alet.defaultProps = {
52713
52725
  size: "small",
52714
52726
  theme: theme,
52715
52727
  color: "primary",
52716
- hasContainer: true
52728
+ hasContainer: true,
52729
+ message: ""
52717
52730
  };
52718
52731
  Alet.propTypes = {
52732
+ message: PropTypes.string,
52719
52733
  theme: PropTypes.object.isRequired,
52720
52734
  className: PropTypes.string,
52721
52735
  hasContainer: PropTypes.bool,
package/lib/index.js CHANGED
@@ -31354,7 +31354,9 @@ var Content$4 = newStyled.div(function (props) {
31354
31354
  padding: "0.3125rem",
31355
31355
  border: "0.065rem solid ".concat(props.theme.palette.gray[600]),
31356
31356
  borderTop: props.basic ? "none" : "0.065rem solid ".concat(props.theme.palette.gray[600]),
31357
- borderRadius: "0 0 0.2rem 0.2rem"
31357
+ borderRadius: "0 0 0.2rem 0.2rem",
31358
+ maxHeight: "calc(100vh - 220px)",
31359
+ overflowY: "auto"
31358
31360
  };
31359
31361
  });
31360
31362
 
@@ -49321,7 +49323,9 @@ var TableView = function TableView(props) {
49321
49323
  OnHeaderClick = _props$Config$OnHeade === void 0 ? function () {} : _props$Config$OnHeade,
49322
49324
  ReadOnly = _props$Config.ReadOnly,
49323
49325
  _props$Config$IsLooku = _props$Config.IsLookup,
49324
- IsLookup = _props$Config$IsLooku === void 0 ? false : _props$Config$IsLooku;
49326
+ IsLookup = _props$Config$IsLooku === void 0 ? false : _props$Config$IsLooku,
49327
+ _props$Config$LookupT = _props$Config.LookupTakeItem,
49328
+ LookupTakeItem = _props$Config$LookupT === void 0 ? function () {} : _props$Config$LookupT;
49325
49329
  var _props$Localization = props.Localization,
49326
49330
  Localization = _props$Localization === void 0 ? {} : _props$Localization;
49327
49331
  props.Export;
@@ -49375,7 +49379,16 @@ var TableView = function TableView(props) {
49375
49379
  ChangeToFormView(dataItem);
49376
49380
  } : function () {};
49377
49381
  if (!EnableFormView) onClick = function onClick() {};
49378
- if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) onClick = function onClick() {};
49382
+ if (!EnableSelection || ReadOnly) onClick = function onClick() {};
49383
+
49384
+ if (IsLookup) {
49385
+ onClick = function onClick() {
49386
+ if (!IsLoading) {
49387
+ LookupTakeItem(dataItem);
49388
+ }
49389
+ };
49390
+ }
49391
+
49379
49392
  var cellData = def.isObject === true ? dataItem[def.accessor][def.objectAccessor] : dataItem[def.accessor];
49380
49393
  return /*#__PURE__*/React__default['default'].createElement(TableBodyCell$1, {
49381
49394
  key: tabIndex,
@@ -49384,7 +49397,22 @@ var TableView = function TableView(props) {
49384
49397
  };
49385
49398
 
49386
49399
  var renderSelectionCell = function renderSelectionCell(dataItem, selected, rowIndex) {
49387
- if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
49400
+ if (IsLookup) {
49401
+ return /*#__PURE__*/React__default['default'].createElement(TableBodyCell$1, {
49402
+ selectionCell: true,
49403
+ key: -1
49404
+ }, /*#__PURE__*/React__default['default'].createElement(Button$1, {
49405
+ inverted: true,
49406
+ onClick: function onClick() {
49407
+ if (!IsLoading) {
49408
+ LookupTakeItem(dataItem);
49409
+ }
49410
+ },
49411
+ icon: "arrow-right"
49412
+ }));
49413
+ }
49414
+
49415
+ if (!EnableSelection || ReadOnly || IsLookup) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
49388
49416
  return /*#__PURE__*/React__default['default'].createElement(TableBodyCell$1, {
49389
49417
  selectionCell: true,
49390
49418
  key: -1
@@ -49431,6 +49459,10 @@ var TableView = function TableView(props) {
49431
49459
  };
49432
49460
 
49433
49461
  var renderSelectAllHeaderCell = function renderSelectAllHeaderCell() {
49462
+ if (IsLookup) return /*#__PURE__*/React__default['default'].createElement(TableHeadCell$1, {
49463
+ selectionCell: true,
49464
+ key: -1
49465
+ });
49434
49466
  if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
49435
49467
  if (SelectedEntirePage && Localization.DeselectAll) ;
49436
49468
  if (!SelectedEntirePage && Localization.SelectAll) ;
@@ -49598,12 +49630,10 @@ var DataView = function DataView(props) {
49598
49630
  GoToAdd = _props$GoToAdd === void 0 ? emptyFunc : _props$GoToAdd;
49599
49631
  props.GoToAddWithCopy;
49600
49632
  var _props$DiscardEdited = props.DiscardEdited,
49601
- DiscardEdited = _props$DiscardEdited === void 0 ? emptyFunc : _props$DiscardEdited,
49602
- _props$SetSelectedDat = props.SetSelectedData,
49603
- SetSelectedData = _props$SetSelectedDat === void 0 ? emptyFunc : _props$SetSelectedDat,
49604
- _props$ClearSelectedD = props.ClearSelectedData,
49605
- ClearSelectedData = _props$ClearSelectedD === void 0 ? emptyFunc : _props$ClearSelectedD,
49606
- _props$Localization = props.Localization,
49633
+ DiscardEdited = _props$DiscardEdited === void 0 ? emptyFunc : _props$DiscardEdited;
49634
+ props.SetSelectedData;
49635
+ props.ClearSelectedData;
49636
+ var _props$Localization = props.Localization,
49607
49637
  Localization = _props$Localization === void 0 ? {} : _props$Localization,
49608
49638
  _props$Export = props.Export,
49609
49639
  Export = _props$Export === void 0 ? function () {} : _props$Export,
@@ -49679,15 +49709,15 @@ var DataView = function DataView(props) {
49679
49709
  size: size,
49680
49710
  color: color
49681
49711
  }; //======== LOOKUP ========
49682
-
49683
- React.useEffect(function () {
49684
- if (General.IsLookup) SetSelectedData(Lookup.SelectedData);
49685
- }, [Lookup.SelectedData]);
49686
- React.useEffect(function () {
49687
- return function cleanup() {
49688
- if (General.IsLookup) ClearSelectedData();
49689
- };
49690
- }, []); //======== CONFIGS ========
49712
+ // useEffect(() => {
49713
+ // if (General.IsLookup) SetSelectedData(Lookup.SelectedData);
49714
+ // }, [Lookup.SelectedData]);
49715
+ // useEffect(() => {
49716
+ // return function cleanup() {
49717
+ // if (General.IsLookup) ClearSelectedData();
49718
+ // };
49719
+ // }, []);
49720
+ //======== CONFIGS ========
49691
49721
 
49692
49722
  var formViewMovementConfig = {
49693
49723
  Dirty: Form.Dirty,
@@ -49719,6 +49749,9 @@ var DataView = function DataView(props) {
49719
49749
  SelectedData: Table.SelectedData,
49720
49750
  ChangeToFormView: ChangeToFormView,
49721
49751
  //---------------------------
49752
+ IsLookup: General.IsLookup,
49753
+ LookupTakeItem: Lookup.LookupTakeItem ? Lookup.LookupTakeItem : function () {},
49754
+ //---------------------------
49722
49755
  EnableOrdering: Options.EnableOrdering,
49723
49756
  Column: Ordering.Column,
49724
49757
  Accessor: Ordering.Accessor,
@@ -49749,27 +49782,6 @@ var DataView = function DataView(props) {
49749
49782
  if (Form.Mode === FormMode.ADD) return "add";
49750
49783
  }; //======== RENDER ========
49751
49784
 
49752
-
49753
- var renderLookupTakeValues = function renderLookupTakeValues() {
49754
- if (General.IsLookup) {
49755
- var loading = freezeLoading([Table.SelectedData.length === 0]);
49756
- return /*#__PURE__*/React__default['default'].createElement(FlexItem$1, null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
49757
- tooltip: Localization.TakeValues,
49758
- onClick: function onClick() {
49759
- if (!loading) {
49760
- Lookup.TakeValues(Table.SelectedData);
49761
- if (ClearSelectedData) ClearSelectedData();
49762
- }
49763
- },
49764
- disabled: Table.SelectedData.length === 0,
49765
- icon: "arrow-circle-down",
49766
- inverted: true
49767
- }));
49768
- }
49769
-
49770
- return false;
49771
- };
49772
-
49773
49785
  var renderContextMenu = function renderContextMenu() {
49774
49786
  if (Options.EnableActions && General.CurrentView === ViewType.TABLE_VIEW && Table.Actions && Table.Actions.length > 0) {
49775
49787
  return /*#__PURE__*/React__default['default'].createElement(FlexItem$1, null, /*#__PURE__*/React__default['default'].createElement(DropdownMenu, {
@@ -49895,7 +49907,7 @@ var DataView = function DataView(props) {
49895
49907
  var x6 = General.CurrentView !== "TableView" ? false : true;
49896
49908
  var x7 = General.IsLookup && Table.SelectionType === "multiple" ? true : false;
49897
49909
  var x8 = Options.EnableActions && General.CurrentView === ViewType.TABLE_VIEW && Table.Actions && Table.Actions.length > 0;
49898
- if (x1 || x2 || x3 || x4 || x5 || x6 || x7 || x8) return /*#__PURE__*/React__default['default'].createElement(HeaderContainer$1, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderLookupTakeValues(), renderContextMenu());
49910
+ if (x1 || x2 || x3 || x4 || x5 || x6 || x7 || x8) return /*#__PURE__*/React__default['default'].createElement(HeaderContainer$1, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderContextMenu());
49899
49911
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
49900
49912
  };
49901
49913
 
@@ -52754,9 +52766,11 @@ Alet.defaultProps = {
52754
52766
  size: "small",
52755
52767
  theme: theme,
52756
52768
  color: "primary",
52757
- hasContainer: true
52769
+ hasContainer: true,
52770
+ message: ""
52758
52771
  };
52759
52772
  Alet.propTypes = {
52773
+ message: PropTypes__default['default'].string,
52760
52774
  theme: PropTypes__default['default'].object.isRequired,
52761
52775
  className: PropTypes__default['default'].string,
52762
52776
  hasContainer: PropTypes__default['default'].bool,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lanaco/lnc-react-ui",
3
- "version": "2.1.15",
3
+ "version": "2.1.16",
4
4
  "description": "component library",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",