ods-component-lib 1.18.82 → 1.18.83
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/dist/components/antd/collapse/OdsCollapse.d.ts +9 -1
- package/dist/components/antd/input/OdsCurrencyInput.d.ts +14 -0
- package/dist/components/antd/list/OdsList.d.ts +1 -1
- package/dist/components/devextreme/OdsRemoteDataGrid.d.ts +3 -2
- package/dist/index.d.ts +1 -1
- package/dist/index.js +81 -66
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +82 -67
- package/dist/index.modern.js.map +1 -1
- package/dist/stories/OdsCurrencyInput/OdsCurrencyInput.stories.d.ts +24 -0
- package/dist/stories/OdsCurrencyInput/Samples/Basic.Sample.d.ts +3 -0
- package/dist/stories/OdsDateRangePicker/OdsDateRangePicker.stories.d.ts +1 -0
- package/dist/stories/OdsDateRangePicker/Samples/WithSecond.Sample.d.ts +1 -0
- package/dist/stories/OdsDatepicker/OdsDatepicker.stories.d.ts +1 -0
- package/dist/stories/OdsDatepicker/Samples/WithSecond.Sample.d.ts +1 -0
- package/dist/stories/OdsList/OdsList.stories.d.ts +2 -2
- package/dist/stories/OdsRemoteDataGrid/OdsRemoteDataGrid.stories.d.ts +3 -0
- package/dist/stories/OdsRemoteDataGrid/Samples/CollapsibleDataGrid/CollapsibleDataGrid.Constants.d.ts +17 -0
- package/dist/stories/OdsRemoteDataGrid/Samples/CollapsibleDataGrid/CollapsibleDataGrid.MockData.d.ts +17 -0
- package/dist/stories/OdsRemoteDataGrid/Samples/CollapsibleDataGrid/CollapsibleDataGrid.Sample.d.ts +1 -0
- package/dist/stories/OdsSearch/OdsSearch.stories.d.ts +3 -0
- package/package.json +1 -1
- package/dist/components/antd/form/OdsBasicForm.d.ts +0 -18
- package/dist/components/antd/icon/OdsIcon.d.ts +0 -10
- package/dist/components/antd/select/OdsCustomMultiSelect.d.ts +0 -7
- package/dist/components/antd/select/OdsMultiSelect.d.ts +0 -9
- package/dist/components/custom/OdsLogin.d.ts +0 -8
- package/dist/components/devextreme/DxDataPopupForm.d.ts +0 -3
- package/dist/components/devextreme/DynamicIcon.d.ts +0 -5
- package/dist/components/devextreme/OdsDataGridNew.d.ts +0 -56
- package/dist/components/devextreme/OdsProfDataGrid.d.ts +0 -3
- package/dist/components/devextreme/treeview/DxTreeView.d.ts +0 -3
- package/dist/stories/OdsCustomMultiSelect/OdsCustomMultiSelect.stories.d.ts +0 -9
- package/dist/stories/OdsCustomMultiSelect/Samples/Basic.Sample.d.ts +0 -1
- package/dist/stories/OdsCustomMultiSelect/Samples/ModeMultiple.Sample.d.ts +0 -1
- package/dist/utils/DynamicIcon.d.ts +0 -5
package/dist/index.modern.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Alert, AutoComplete, Button, Dropdown, Calendar, Card as Card$1, Checkbox, DatePicker, Divider, Image, Input, InputNumber, List, Modal, notification, Radio, Rate, Select, Space, Spin, Switch, Tabs, Table, Tag, Timeline, TimePicker, Typography, theme, Tooltip, Badge } from 'antd';
|
|
1
|
+
import { Alert, AutoComplete, Button, Dropdown, Calendar, Card as Card$1, Checkbox, DatePicker, Divider, Collapse, Image, Input, InputNumber, List, Modal, notification, Radio, Rate, Select, Space, Spin, Switch, Tabs, Table, Tag, Timeline, TimePicker, Typography, theme, Tooltip, Badge } from 'antd';
|
|
2
2
|
import styled, { ThemeProvider } from 'styled-components';
|
|
3
3
|
import React, { useState, useRef, useEffect, useMemo, useCallback } from 'react';
|
|
4
4
|
import Marquee from 'react-fast-marquee';
|
|
@@ -505,7 +505,17 @@ function OdsDivider(props) {
|
|
|
505
505
|
}
|
|
506
506
|
|
|
507
507
|
var _templateObject$8;
|
|
508
|
-
var
|
|
508
|
+
var StyledCollapse = styled(Collapse)(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
509
|
+
|
|
510
|
+
function OdsCollapse(props) {
|
|
511
|
+
return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
|
|
512
|
+
theme: lightTheme
|
|
513
|
+
}, React.createElement(StyledCollapse, Object.assign({}, props))));
|
|
514
|
+
}
|
|
515
|
+
OdsCollapse.Panel = StyledCollapse.Panel;
|
|
516
|
+
|
|
517
|
+
var _templateObject$9;
|
|
518
|
+
var StyledDropdown = styled(Dropdown)(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
509
519
|
|
|
510
520
|
var handleMenuClick = function handleMenuClick(e) {
|
|
511
521
|
console.log('click', e);
|
|
@@ -526,8 +536,8 @@ function OdsImage(props) {
|
|
|
526
536
|
return React.createElement(Image, Object.assign({}, props));
|
|
527
537
|
}
|
|
528
538
|
|
|
529
|
-
var _templateObject$
|
|
530
|
-
var StyledInput = styled(Input)(_templateObject$
|
|
539
|
+
var _templateObject$a;
|
|
540
|
+
var StyledInput = styled(Input)(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
531
541
|
|
|
532
542
|
function OdsInput(props) {
|
|
533
543
|
return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
|
|
@@ -572,8 +582,8 @@ function OdsTextArea(props) {
|
|
|
572
582
|
}, React.createElement(StyledInput.TextArea, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children)));
|
|
573
583
|
}
|
|
574
584
|
|
|
575
|
-
var _templateObject$
|
|
576
|
-
var StyledInputNumber = styled(InputNumber)(_templateObject$
|
|
585
|
+
var _templateObject$b;
|
|
586
|
+
var StyledInputNumber = styled(InputNumber)(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
577
587
|
|
|
578
588
|
function OdsInputNumber(props) {
|
|
579
589
|
return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
|
|
@@ -581,15 +591,15 @@ function OdsInputNumber(props) {
|
|
|
581
591
|
}, React.createElement(StyledInputNumber, Object.assign({}, props))));
|
|
582
592
|
}
|
|
583
593
|
|
|
584
|
-
var _templateObject$
|
|
585
|
-
var StyledList = styled(List)(_templateObject$
|
|
594
|
+
var _templateObject$c;
|
|
595
|
+
var StyledList = styled(List)(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
586
596
|
|
|
587
|
-
function
|
|
588
|
-
|
|
597
|
+
function _OdsList(props) {
|
|
598
|
+
var _props$size;
|
|
589
599
|
return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
|
|
590
600
|
theme: lightTheme
|
|
591
|
-
}, React.createElement(StyledList, {
|
|
592
|
-
size: props.size,
|
|
601
|
+
}, React.createElement(StyledList, Object.assign({
|
|
602
|
+
size: (_props$size = props.size) != null ? _props$size : "default",
|
|
593
603
|
header: props.showHeader && React.createElement("div", null, props.headerText),
|
|
594
604
|
footer: props.showFooter && React.createElement("div", null, props.footerText),
|
|
595
605
|
bordered: true,
|
|
@@ -597,8 +607,11 @@ function OdsList(props) {
|
|
|
597
607
|
renderItem: function renderItem(item) {
|
|
598
608
|
return React.createElement(List.Item, null, item);
|
|
599
609
|
}
|
|
600
|
-
}, props.children)));
|
|
610
|
+
}, props), props.children)));
|
|
601
611
|
}
|
|
612
|
+
var OdsList = function OdsList(props) {
|
|
613
|
+
return _OdsList(props);
|
|
614
|
+
};
|
|
602
615
|
|
|
603
616
|
function OdsModalOld(props) {
|
|
604
617
|
return React.createElement(React.Fragment, null, React.createElement(Modal, Object.assign({}, props, {
|
|
@@ -632,8 +645,8 @@ var OdsNotification = function OdsNotification(props) {
|
|
|
632
645
|
return null;
|
|
633
646
|
};
|
|
634
647
|
|
|
635
|
-
var _templateObject$
|
|
636
|
-
var StyledRadio = styled(Radio)(_templateObject$
|
|
648
|
+
var _templateObject$d;
|
|
649
|
+
var StyledRadio = styled(Radio)(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
637
650
|
|
|
638
651
|
var darkTheme = {
|
|
639
652
|
token: {
|
|
@@ -882,8 +895,8 @@ function OdsRadioGroup(props) {
|
|
|
882
895
|
}, props), props.children));
|
|
883
896
|
}
|
|
884
897
|
|
|
885
|
-
var _templateObject$
|
|
886
|
-
var StyledRate = styled(Rate)(_templateObject$
|
|
898
|
+
var _templateObject$e;
|
|
899
|
+
var StyledRate = styled(Rate)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
887
900
|
|
|
888
901
|
var customIcons = {
|
|
889
902
|
1: React.createElement(FrownOutlined, null),
|
|
@@ -899,8 +912,8 @@ function OdsRate(props) {
|
|
|
899
912
|
}, React.createElement(StyledRate, Object.assign({}, props))));
|
|
900
913
|
}
|
|
901
914
|
|
|
902
|
-
var _templateObject$
|
|
903
|
-
var StyledSelect = styled(Select)(_templateObject$
|
|
915
|
+
var _templateObject$f;
|
|
916
|
+
var StyledSelect = styled(Select)(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
904
917
|
|
|
905
918
|
var OdsMultiSelect = function OdsMultiSelect(props) {
|
|
906
919
|
var options = props.options,
|
|
@@ -982,8 +995,8 @@ function OdsSelect(props) {
|
|
|
982
995
|
}, React.createElement(StyledSelect, Object.assign({}, props))));
|
|
983
996
|
}
|
|
984
997
|
|
|
985
|
-
var _templateObject$
|
|
986
|
-
var StyledSpin = styled(Spin)(_templateObject$
|
|
998
|
+
var _templateObject$g;
|
|
999
|
+
var StyledSpin = styled(Spin)(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
987
1000
|
|
|
988
1001
|
function OdsSpin(props) {
|
|
989
1002
|
var _useState = useState(true),
|
|
@@ -993,8 +1006,8 @@ function OdsSpin(props) {
|
|
|
993
1006
|
}), props.children));
|
|
994
1007
|
}
|
|
995
1008
|
|
|
996
|
-
var _templateObject$
|
|
997
|
-
var StyledSwitch = styled(Switch)(_templateObject$
|
|
1009
|
+
var _templateObject$h;
|
|
1010
|
+
var StyledSwitch = styled(Switch)(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
998
1011
|
|
|
999
1012
|
function OdsSwitch(props) {
|
|
1000
1013
|
return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
|
|
@@ -1002,8 +1015,8 @@ function OdsSwitch(props) {
|
|
|
1002
1015
|
}, React.createElement(StyledSwitch, Object.assign({}, props))));
|
|
1003
1016
|
}
|
|
1004
1017
|
|
|
1005
|
-
var _templateObject$
|
|
1006
|
-
var StyledTabs = styled(Tabs)(_templateObject$
|
|
1018
|
+
var _templateObject$i;
|
|
1019
|
+
var StyledTabs = styled(Tabs)(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1007
1020
|
|
|
1008
1021
|
function OdsTab(props) {
|
|
1009
1022
|
return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
|
|
@@ -1011,8 +1024,8 @@ function OdsTab(props) {
|
|
|
1011
1024
|
}, React.createElement(StyledTabs, Object.assign({}, props))));
|
|
1012
1025
|
}
|
|
1013
1026
|
|
|
1014
|
-
var _templateObject$
|
|
1015
|
-
var StyledTable = styled(Table)(_templateObject$
|
|
1027
|
+
var _templateObject$j;
|
|
1028
|
+
var StyledTable = styled(Table)(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1016
1029
|
|
|
1017
1030
|
function OdsBasicTable(props) {
|
|
1018
1031
|
return React.createElement(React.Fragment, null, React.createElement(StyledTable, Object.assign({}, props)));
|
|
@@ -1032,8 +1045,8 @@ function OdsSelectableTable(props) {
|
|
|
1032
1045
|
})));
|
|
1033
1046
|
}
|
|
1034
1047
|
|
|
1035
|
-
var _templateObject$
|
|
1036
|
-
var StyledTag = styled(Tag)(_templateObject$
|
|
1048
|
+
var _templateObject$k;
|
|
1049
|
+
var StyledTag = styled(Tag)(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1037
1050
|
|
|
1038
1051
|
function OdsTag(props) {
|
|
1039
1052
|
return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
|
|
@@ -1041,15 +1054,15 @@ function OdsTag(props) {
|
|
|
1041
1054
|
}, React.createElement(StyledTag, Object.assign({}, props), props.children)));
|
|
1042
1055
|
}
|
|
1043
1056
|
|
|
1044
|
-
var _templateObject$
|
|
1045
|
-
var StyledtTimeline = styled(Timeline)(_templateObject$
|
|
1057
|
+
var _templateObject$l;
|
|
1058
|
+
var StyledtTimeline = styled(Timeline)(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1046
1059
|
|
|
1047
1060
|
function OdsTimeline(props) {
|
|
1048
1061
|
return React.createElement(React.Fragment, null, React.createElement(StyledtTimeline, Object.assign({}, props), props.children));
|
|
1049
1062
|
}
|
|
1050
1063
|
|
|
1051
|
-
var _templateObject$
|
|
1052
|
-
var StyledTimepicker = styled(TimePicker)(_templateObject$
|
|
1064
|
+
var _templateObject$m;
|
|
1065
|
+
var StyledTimepicker = styled(TimePicker)(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n width:100%;\n"])));
|
|
1053
1066
|
|
|
1054
1067
|
var _excluded = ["enableSeconds"];
|
|
1055
1068
|
function OdsRangeTimepicker(props) {
|
|
@@ -1084,8 +1097,8 @@ var OdsTimepicker = function OdsTimepicker(props) {
|
|
|
1084
1097
|
}));
|
|
1085
1098
|
};
|
|
1086
1099
|
|
|
1087
|
-
var _templateObject$
|
|
1088
|
-
var StyledtTypography = styled(Typography)(_templateObject$
|
|
1100
|
+
var _templateObject$n, _templateObject2, _templateObject3;
|
|
1101
|
+
var StyledtTypography = styled(Typography)(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1089
1102
|
var StyledtTypographyParagraph = styled(Typography.Paragraph)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1090
1103
|
var StyledtTypographyLink = styled(Typography.Link)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n // \n"])));
|
|
1091
1104
|
|
|
@@ -47464,13 +47477,15 @@ if (process.env.NODE_ENV === 'production') {
|
|
|
47464
47477
|
}
|
|
47465
47478
|
});
|
|
47466
47479
|
|
|
47467
|
-
var exportFormats$2 = [
|
|
47480
|
+
var exportFormats$2 = ["xlsx"];
|
|
47468
47481
|
var totalPageCount = 1;
|
|
47469
47482
|
var loadedPageCount = 1;
|
|
47470
47483
|
var totalRecordCount = 0;
|
|
47471
47484
|
var useToken$1 = theme.useToken;
|
|
47472
47485
|
var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
47473
47486
|
var _props$axiosRequest4, _props$axiosRequest5, _props$axiosRequest6, _props$axiosRequest7, _props$axiosRequest8, _props$axiosRequest9, _props$axiosRequest10, _props$axiosRequest11, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
|
|
47487
|
+
var _props$showKebabMenu = props.showKebabMenu,
|
|
47488
|
+
showKebabMenu = _props$showKebabMenu === void 0 ? false : _props$showKebabMenu;
|
|
47474
47489
|
var _useToken = useToken$1(),
|
|
47475
47490
|
token = _useToken.token;
|
|
47476
47491
|
var _useState = useState([]),
|
|
@@ -47492,16 +47507,16 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47492
47507
|
var _useState5 = useState(0),
|
|
47493
47508
|
scrollPosition = _useState5[0],
|
|
47494
47509
|
setScrollPosition = _useState5[1];
|
|
47495
|
-
var onCancelEditEvent = new CustomEvent(
|
|
47510
|
+
var onCancelEditEvent = new CustomEvent("cancelEdit", {
|
|
47496
47511
|
bubbles: true,
|
|
47497
47512
|
detail: {
|
|
47498
47513
|
rowData: null
|
|
47499
47514
|
}
|
|
47500
47515
|
});
|
|
47501
47516
|
var headers = new Headers({
|
|
47502
|
-
|
|
47503
|
-
|
|
47504
|
-
"Accept-Language": props.language != "" ? props.language :
|
|
47517
|
+
"Content-Type": "application/json",
|
|
47518
|
+
Authorization: "Bearer " + (props.axiosRequest ? props.axiosRequest.token : ""),
|
|
47519
|
+
"Accept-Language": props.language != "" ? props.language : "EN"
|
|
47505
47520
|
});
|
|
47506
47521
|
useEffect(function () {
|
|
47507
47522
|
totalPageCount = 1;
|
|
@@ -47563,7 +47578,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47563
47578
|
var checkData = function checkData() {
|
|
47564
47579
|
if (gridRef.current) {
|
|
47565
47580
|
var _dataGridInstance = gridRef.current.instance;
|
|
47566
|
-
var dataExists = data.length
|
|
47581
|
+
var dataExists = data.length >= 15;
|
|
47567
47582
|
var gridElement = _dataGridInstance.element();
|
|
47568
47583
|
if (dataExists) {
|
|
47569
47584
|
gridElement.classList.add('data-exists');
|
|
@@ -47603,7 +47618,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47603
47618
|
var gridEvent = {
|
|
47604
47619
|
component: dataGridInstance,
|
|
47605
47620
|
fullName: fullName,
|
|
47606
|
-
name:
|
|
47621
|
+
name: "optionChanged",
|
|
47607
47622
|
value: sortedColumn.sortOrder,
|
|
47608
47623
|
previousValue: null,
|
|
47609
47624
|
element: null
|
|
@@ -47615,11 +47630,11 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47615
47630
|
};
|
|
47616
47631
|
var checkRequestDataHasOnlySortingProperty = function checkRequestDataHasOnlySortingProperty(obj) {
|
|
47617
47632
|
var keys = Object.keys(obj);
|
|
47618
|
-
return keys.length === 1 && keys[0] ===
|
|
47633
|
+
return keys.length === 1 && keys[0] === "Sorting";
|
|
47619
47634
|
};
|
|
47620
47635
|
var actionButtons = useMemo(function () {
|
|
47621
47636
|
if (props.actionButtonGroup) {
|
|
47622
|
-
if (props.actionButtonGroup.length >= 2 && !props.edit) {
|
|
47637
|
+
if (showKebabMenu && props.actionButtonGroup.length >= 2 && !props.edit) {
|
|
47623
47638
|
return props.actionButtonGroup.slice(0, 2);
|
|
47624
47639
|
} else {
|
|
47625
47640
|
return props.actionButtonGroup;
|
|
@@ -47682,7 +47697,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47682
47697
|
});
|
|
47683
47698
|
});
|
|
47684
47699
|
}, function (error) {
|
|
47685
|
-
console.error(
|
|
47700
|
+
console.error("Error fetching data:", error);
|
|
47686
47701
|
setLoading(false);
|
|
47687
47702
|
});
|
|
47688
47703
|
}, function (_wasThrown, _result) {
|
|
@@ -47702,7 +47717,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47702
47717
|
totalRecordCount = data.RowCount;
|
|
47703
47718
|
} else {
|
|
47704
47719
|
var totalCount;
|
|
47705
|
-
if (response) totalCount = response.headers.get(
|
|
47720
|
+
if (response) totalCount = response.headers.get("x-total-count");
|
|
47706
47721
|
if (totalCount == null) totalCount = data === null || data === void 0 ? void 0 : data.rowCount;
|
|
47707
47722
|
if (totalCount == null) totalCount = data === null || data === void 0 ? void 0 : data.length;
|
|
47708
47723
|
totalRecordCount = parseInt(totalCount, 10) || 0;
|
|
@@ -47711,14 +47726,14 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47711
47726
|
setLoading(false);
|
|
47712
47727
|
};
|
|
47713
47728
|
var onEditorPreparing = useCallback(function (e) {
|
|
47714
|
-
if (e.row !== undefined && e.parentType ===
|
|
47729
|
+
if (e.row !== undefined && e.parentType === "dataRow") {
|
|
47715
47730
|
if (props.handleEditorPreparing) {
|
|
47716
47731
|
props.handleEditorPreparing(e);
|
|
47717
47732
|
}
|
|
47718
47733
|
}
|
|
47719
|
-
if (e.editorOptions && e.rowType ===
|
|
47734
|
+
if (e.editorOptions && e.rowType === "data" && e.parentType === "dataRow") {
|
|
47720
47735
|
e.editorOptions.onValueChanged = function (args) {
|
|
47721
|
-
if (args.event && args.event.type ===
|
|
47736
|
+
if (args.event && args.event.type === "cancel") e.cellElement.dispatchEvent(onCancelEditEvent);
|
|
47722
47737
|
};
|
|
47723
47738
|
}
|
|
47724
47739
|
}, [props.isServerSide]);
|
|
@@ -47739,7 +47754,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47739
47754
|
}
|
|
47740
47755
|
}, [totalPageCount]);
|
|
47741
47756
|
var onExporting = useCallback(function (e) {
|
|
47742
|
-
if (e.format ===
|
|
47757
|
+
if (e.format === "xlsx") {
|
|
47743
47758
|
var workbook = new Workbook();
|
|
47744
47759
|
if (props.filterData != null) {
|
|
47745
47760
|
var newColumnFromFilterData = props.filterData.map(function (filterItem) {
|
|
@@ -47755,21 +47770,21 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47755
47770
|
}
|
|
47756
47771
|
exportDataGrid({
|
|
47757
47772
|
component: e.component,
|
|
47758
|
-
worksheet: workbook.addWorksheet(
|
|
47773
|
+
worksheet: workbook.addWorksheet("Main sheet"),
|
|
47759
47774
|
autoFilterEnabled: true,
|
|
47760
47775
|
customizeCell: function customizeCell(options) {
|
|
47761
47776
|
var gridCell = options.gridCell,
|
|
47762
47777
|
excelCell = options.excelCell;
|
|
47763
47778
|
if (gridCell.column.dataType === "datetime" && gridCell.value) {
|
|
47764
47779
|
var _gridCell$column$calc, _gridCell$column$meta;
|
|
47765
|
-
if (((_gridCell$column$calc = gridCell.column.calculateFilterExpression) === null || _gridCell$column$calc === void 0 ? void 0 : _gridCell$column$calc.name) === "calculateFilterExpressionForColumn" && (_gridCell$column$meta = gridCell.column[
|
|
47780
|
+
if (((_gridCell$column$calc = gridCell.column.calculateFilterExpression) === null || _gridCell$column$calc === void 0 ? void 0 : _gridCell$column$calc.name) === "calculateFilterExpressionForColumn" && (_gridCell$column$meta = gridCell.column["meta"]) !== null && _gridCell$column$meta !== void 0 && _gridCell$column$meta.hasCustomCellRenderer) {
|
|
47766
47781
|
var date = moment(gridCell.value);
|
|
47767
47782
|
var offsetMinutes = date.utcOffset();
|
|
47768
|
-
var sign = offsetMinutes >= 0 ?
|
|
47783
|
+
var sign = offsetMinutes >= 0 ? "+" : "-";
|
|
47769
47784
|
var hours = Math.floor(Math.abs(offsetMinutes) / 60);
|
|
47770
47785
|
var minutes = Math.abs(offsetMinutes) % 60;
|
|
47771
|
-
var formattedOffset = "(UTC" + sign + hours.toString().padStart(2,
|
|
47772
|
-
var formattedDate = date.format(
|
|
47786
|
+
var formattedOffset = "(UTC" + sign + hours.toString().padStart(2, "0") + ":" + minutes.toString().padStart(2, "0") + ")";
|
|
47787
|
+
var formattedDate = date.format("DD.MM.YYYY HH:mm") + " " + formattedOffset;
|
|
47773
47788
|
excelCell.value = formattedDate;
|
|
47774
47789
|
}
|
|
47775
47790
|
}
|
|
@@ -47827,7 +47842,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47827
47842
|
localStorage.setItem(props.exportFileName + "Storage", JSON.stringify(state));
|
|
47828
47843
|
}, [props.filterEnabledShow]);
|
|
47829
47844
|
var onEditorPrepared = useCallback(function (info) {
|
|
47830
|
-
if (info.parentType ===
|
|
47845
|
+
if (info.parentType === "filterRow" && info.editorName === "dxSelectBox" && info.dataField === "IsActive") {
|
|
47831
47846
|
if (info.dataSource != null && info.dataSource.length > 0) {
|
|
47832
47847
|
info.showAllText = info.dataSource.find(function (i) {
|
|
47833
47848
|
return i.value === null;
|
|
@@ -47872,7 +47887,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47872
47887
|
var actionCellRender = useMemo(function () {
|
|
47873
47888
|
return React.createElement(DropDownButton, {
|
|
47874
47889
|
icon: server_browser.renderToString(React.createElement(DynamicIcon, {
|
|
47875
|
-
iconName:
|
|
47890
|
+
iconName: "kebabMenu"
|
|
47876
47891
|
})),
|
|
47877
47892
|
dataSource: kebabMenuButtons,
|
|
47878
47893
|
onItemClick: function onItemClick(e) {
|
|
@@ -47906,12 +47921,12 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47906
47921
|
gridElement.scrollTop = scrollPosition;
|
|
47907
47922
|
}, [data.length]);
|
|
47908
47923
|
useEffect(function () {
|
|
47909
|
-
document.querySelectorAll(
|
|
47910
|
-
container.addEventListener(
|
|
47924
|
+
document.querySelectorAll(".dx-scrollable-container").forEach(function (container) {
|
|
47925
|
+
container.addEventListener("scrollend", handleScroll);
|
|
47911
47926
|
});
|
|
47912
47927
|
return function () {
|
|
47913
|
-
document.querySelectorAll(
|
|
47914
|
-
container.removeEventListener(
|
|
47928
|
+
document.querySelectorAll(".dx-scrollable-container").forEach(function (container) {
|
|
47929
|
+
container.removeEventListener("scrollend", handleScroll);
|
|
47915
47930
|
});
|
|
47916
47931
|
};
|
|
47917
47932
|
}, [data.length]);
|
|
@@ -48019,10 +48034,10 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
48019
48034
|
}), col.useDynamicHeaderFilter && React.createElement(HeaderFilter, {
|
|
48020
48035
|
allowSearch: true,
|
|
48021
48036
|
dataSource: [{
|
|
48022
|
-
text:
|
|
48037
|
+
text: "(Blanks)",
|
|
48023
48038
|
value: null
|
|
48024
48039
|
}].concat(data.filter(function (item) {
|
|
48025
|
-
return item[col.dataField] !== null && item[col.dataField] !== undefined && item[col.dataField] !==
|
|
48040
|
+
return item[col.dataField] !== null && item[col.dataField] !== undefined && item[col.dataField] !== "";
|
|
48026
48041
|
}).map(function (item) {
|
|
48027
48042
|
return {
|
|
48028
48043
|
text: item[col.dataField].toString(),
|
|
@@ -48066,7 +48081,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
48066
48081
|
})),
|
|
48067
48082
|
onClick: buttonItem.onClick
|
|
48068
48083
|
});
|
|
48069
|
-
})), kebabMenuButtons.length > 0 && React.createElement(Column, {
|
|
48084
|
+
})), showKebabMenu && kebabMenuButtons.length > 0 && React.createElement(Column, {
|
|
48070
48085
|
dataField: "Actionss",
|
|
48071
48086
|
fixed: true,
|
|
48072
48087
|
allowSorting: false,
|
|
@@ -48170,8 +48185,8 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
48170
48185
|
})));
|
|
48171
48186
|
};
|
|
48172
48187
|
|
|
48173
|
-
var _templateObject$
|
|
48174
|
-
var StyledBadge = styled(Badge)(_templateObject$
|
|
48188
|
+
var _templateObject$o;
|
|
48189
|
+
var StyledBadge = styled(Badge)(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
48175
48190
|
|
|
48176
48191
|
function OdsBadge(props) {
|
|
48177
48192
|
return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
|
|
@@ -48193,5 +48208,5 @@ function OdsModal(props) {
|
|
|
48193
48208
|
}), props.content));
|
|
48194
48209
|
}
|
|
48195
48210
|
|
|
48196
|
-
export { DxTreeList, OdsAlert, OdsAutoComplete, OdsBadge, OdsBadgeRibbon, OdsBannerAlert, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup,
|
|
48211
|
+
export { DxTreeList, OdsAlert, OdsAutoComplete, OdsBadge, OdsBadgeRibbon, OdsBannerAlert, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsDataGrid, OdsDateRangePicker, OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsDropdown, OdsDropdownButton, OdsImage, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsModal, OdsModalOld, OdsMultiSelect, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle };
|
|
48197
48212
|
//# sourceMappingURL=index.modern.js.map
|