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
|
@@ -1,4 +1,12 @@
|
|
|
1
|
-
import { CollapseProps } from "antd";
|
|
2
1
|
import React from "react";
|
|
2
|
+
import { CollapseProps, CollapsePanelProps } from "antd";
|
|
3
|
+
export interface ICollapseProps extends CollapseProps {
|
|
4
|
+
Panel: React.FC<ICollapsePanelProps>;
|
|
5
|
+
}
|
|
6
|
+
export interface ICollapsePanelProps extends CollapsePanelProps {
|
|
7
|
+
}
|
|
3
8
|
declare function OdsCollapse(props: CollapseProps): React.JSX.Element;
|
|
9
|
+
declare namespace OdsCollapse {
|
|
10
|
+
var Panel: React.ForwardRefExoticComponent<CollapsePanelProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
}
|
|
4
12
|
export default OdsCollapse;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface Currency {
|
|
3
|
+
Id: number;
|
|
4
|
+
Name: string;
|
|
5
|
+
Code: string;
|
|
6
|
+
[key: string]: any;
|
|
7
|
+
}
|
|
8
|
+
export interface CurrencyInputProps {
|
|
9
|
+
initialCurrency?: string;
|
|
10
|
+
initialAmount?: number;
|
|
11
|
+
allCurrencies?: Currency[];
|
|
12
|
+
}
|
|
13
|
+
declare const CurrencyInput: React.FC<CurrencyInputProps>;
|
|
14
|
+
export default CurrencyInput;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { IDataGridOptions, IButtonProps, ISelectionProps, IEditingProps, ISummaryProps } from
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IDataGridOptions, IButtonProps, ISelectionProps, IEditingProps, ISummaryProps } from "devextreme-react/data-grid";
|
|
3
3
|
import { ButtonType } from 'antd/es/button/buttonHelpers';
|
|
4
4
|
export interface IOdsDataGridProps extends IDataGridOptions {
|
|
5
5
|
dataGridPageName?: string;
|
|
@@ -23,6 +23,7 @@ export interface IOdsDataGridProps extends IDataGridOptions {
|
|
|
23
23
|
handleEditorPreparing?: any;
|
|
24
24
|
isFilterRow?: boolean;
|
|
25
25
|
filterData?: any[];
|
|
26
|
+
showKebabMenu?: boolean;
|
|
26
27
|
}
|
|
27
28
|
interface ISummaryRowOptions {
|
|
28
29
|
summaryLoadedDataLabel?: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ import OdsCheckboxGroup from "./components/antd/checkbox/OdsCheckboxGroup";
|
|
|
10
10
|
import OdsDateRangePicker from "./components/antd/datepicker/OdsDateRangepicker";
|
|
11
11
|
import OdsDatepicker from "./components/antd/datepicker/OdsDatepicker";
|
|
12
12
|
import OdsDivider from "./components/antd/divider/OdsDivider";
|
|
13
|
-
import OdsCollapse from "./components/antd/
|
|
13
|
+
import OdsCollapse from "./components/antd/collapse/OdsCollapse";
|
|
14
14
|
import OdsDropdown from "./components/antd/dropdown/OdsDropdown";
|
|
15
15
|
import OdsImage from "./components/antd/image/OdsImage";
|
|
16
16
|
import OdsInput from "./components/antd/input/OdsInput.";
|
package/dist/index.js
CHANGED
|
@@ -510,7 +510,17 @@ function OdsDivider(props) {
|
|
|
510
510
|
}
|
|
511
511
|
|
|
512
512
|
var _templateObject$8;
|
|
513
|
-
var
|
|
513
|
+
var StyledCollapse = styled__default(antd.Collapse)(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
514
|
+
|
|
515
|
+
function OdsCollapse(props) {
|
|
516
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
517
|
+
theme: lightTheme
|
|
518
|
+
}, React__default.createElement(StyledCollapse, Object.assign({}, props))));
|
|
519
|
+
}
|
|
520
|
+
OdsCollapse.Panel = StyledCollapse.Panel;
|
|
521
|
+
|
|
522
|
+
var _templateObject$9;
|
|
523
|
+
var StyledDropdown = styled__default(antd.Dropdown)(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
514
524
|
|
|
515
525
|
var handleMenuClick = function handleMenuClick(e) {
|
|
516
526
|
console.log('click', e);
|
|
@@ -531,8 +541,8 @@ function OdsImage(props) {
|
|
|
531
541
|
return React__default.createElement(antd.Image, Object.assign({}, props));
|
|
532
542
|
}
|
|
533
543
|
|
|
534
|
-
var _templateObject$
|
|
535
|
-
var StyledInput = styled__default(antd.Input)(_templateObject$
|
|
544
|
+
var _templateObject$a;
|
|
545
|
+
var StyledInput = styled__default(antd.Input)(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
536
546
|
|
|
537
547
|
function OdsInput(props) {
|
|
538
548
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
@@ -577,8 +587,8 @@ function OdsTextArea(props) {
|
|
|
577
587
|
}, React__default.createElement(StyledInput.TextArea, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children)));
|
|
578
588
|
}
|
|
579
589
|
|
|
580
|
-
var _templateObject$
|
|
581
|
-
var StyledInputNumber = styled__default(antd.InputNumber)(_templateObject$
|
|
590
|
+
var _templateObject$b;
|
|
591
|
+
var StyledInputNumber = styled__default(antd.InputNumber)(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
582
592
|
|
|
583
593
|
function OdsInputNumber(props) {
|
|
584
594
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
@@ -586,15 +596,15 @@ function OdsInputNumber(props) {
|
|
|
586
596
|
}, React__default.createElement(StyledInputNumber, Object.assign({}, props))));
|
|
587
597
|
}
|
|
588
598
|
|
|
589
|
-
var _templateObject$
|
|
590
|
-
var StyledList = styled__default(antd.List)(_templateObject$
|
|
599
|
+
var _templateObject$c;
|
|
600
|
+
var StyledList = styled__default(antd.List)(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
591
601
|
|
|
592
|
-
function
|
|
593
|
-
|
|
602
|
+
function _OdsList(props) {
|
|
603
|
+
var _props$size;
|
|
594
604
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
595
605
|
theme: lightTheme
|
|
596
|
-
}, React__default.createElement(StyledList, {
|
|
597
|
-
size: props.size,
|
|
606
|
+
}, React__default.createElement(StyledList, Object.assign({
|
|
607
|
+
size: (_props$size = props.size) != null ? _props$size : "default",
|
|
598
608
|
header: props.showHeader && React__default.createElement("div", null, props.headerText),
|
|
599
609
|
footer: props.showFooter && React__default.createElement("div", null, props.footerText),
|
|
600
610
|
bordered: true,
|
|
@@ -602,8 +612,11 @@ function OdsList(props) {
|
|
|
602
612
|
renderItem: function renderItem(item) {
|
|
603
613
|
return React__default.createElement(antd.List.Item, null, item);
|
|
604
614
|
}
|
|
605
|
-
}, props.children)));
|
|
615
|
+
}, props), props.children)));
|
|
606
616
|
}
|
|
617
|
+
var OdsList = function OdsList(props) {
|
|
618
|
+
return _OdsList(props);
|
|
619
|
+
};
|
|
607
620
|
|
|
608
621
|
function OdsModalOld(props) {
|
|
609
622
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(antd.Modal, Object.assign({}, props, {
|
|
@@ -637,8 +650,8 @@ var OdsNotification = function OdsNotification(props) {
|
|
|
637
650
|
return null;
|
|
638
651
|
};
|
|
639
652
|
|
|
640
|
-
var _templateObject$
|
|
641
|
-
var StyledRadio = styled__default(antd.Radio)(_templateObject$
|
|
653
|
+
var _templateObject$d;
|
|
654
|
+
var StyledRadio = styled__default(antd.Radio)(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
642
655
|
|
|
643
656
|
var darkTheme = {
|
|
644
657
|
token: {
|
|
@@ -887,8 +900,8 @@ function OdsRadioGroup(props) {
|
|
|
887
900
|
}, props), props.children));
|
|
888
901
|
}
|
|
889
902
|
|
|
890
|
-
var _templateObject$
|
|
891
|
-
var StyledRate = styled__default(antd.Rate)(_templateObject$
|
|
903
|
+
var _templateObject$e;
|
|
904
|
+
var StyledRate = styled__default(antd.Rate)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
892
905
|
|
|
893
906
|
var customIcons = {
|
|
894
907
|
1: React__default.createElement(icons.FrownOutlined, null),
|
|
@@ -904,8 +917,8 @@ function OdsRate(props) {
|
|
|
904
917
|
}, React__default.createElement(StyledRate, Object.assign({}, props))));
|
|
905
918
|
}
|
|
906
919
|
|
|
907
|
-
var _templateObject$
|
|
908
|
-
var StyledSelect = styled__default(antd.Select)(_templateObject$
|
|
920
|
+
var _templateObject$f;
|
|
921
|
+
var StyledSelect = styled__default(antd.Select)(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
909
922
|
|
|
910
923
|
var OdsMultiSelect = function OdsMultiSelect(props) {
|
|
911
924
|
var options = props.options,
|
|
@@ -987,8 +1000,8 @@ function OdsSelect(props) {
|
|
|
987
1000
|
}, React__default.createElement(StyledSelect, Object.assign({}, props))));
|
|
988
1001
|
}
|
|
989
1002
|
|
|
990
|
-
var _templateObject$
|
|
991
|
-
var StyledSpin = styled__default(antd.Spin)(_templateObject$
|
|
1003
|
+
var _templateObject$g;
|
|
1004
|
+
var StyledSpin = styled__default(antd.Spin)(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
992
1005
|
|
|
993
1006
|
function OdsSpin(props) {
|
|
994
1007
|
var _useState = React.useState(true),
|
|
@@ -998,8 +1011,8 @@ function OdsSpin(props) {
|
|
|
998
1011
|
}), props.children));
|
|
999
1012
|
}
|
|
1000
1013
|
|
|
1001
|
-
var _templateObject$
|
|
1002
|
-
var StyledSwitch = styled__default(antd.Switch)(_templateObject$
|
|
1014
|
+
var _templateObject$h;
|
|
1015
|
+
var StyledSwitch = styled__default(antd.Switch)(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1003
1016
|
|
|
1004
1017
|
function OdsSwitch(props) {
|
|
1005
1018
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
@@ -1007,8 +1020,8 @@ function OdsSwitch(props) {
|
|
|
1007
1020
|
}, React__default.createElement(StyledSwitch, Object.assign({}, props))));
|
|
1008
1021
|
}
|
|
1009
1022
|
|
|
1010
|
-
var _templateObject$
|
|
1011
|
-
var StyledTabs = styled__default(antd.Tabs)(_templateObject$
|
|
1023
|
+
var _templateObject$i;
|
|
1024
|
+
var StyledTabs = styled__default(antd.Tabs)(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1012
1025
|
|
|
1013
1026
|
function OdsTab(props) {
|
|
1014
1027
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
@@ -1016,8 +1029,8 @@ function OdsTab(props) {
|
|
|
1016
1029
|
}, React__default.createElement(StyledTabs, Object.assign({}, props))));
|
|
1017
1030
|
}
|
|
1018
1031
|
|
|
1019
|
-
var _templateObject$
|
|
1020
|
-
var StyledTable = styled__default(antd.Table)(_templateObject$
|
|
1032
|
+
var _templateObject$j;
|
|
1033
|
+
var StyledTable = styled__default(antd.Table)(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1021
1034
|
|
|
1022
1035
|
function OdsBasicTable(props) {
|
|
1023
1036
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledTable, Object.assign({}, props)));
|
|
@@ -1037,8 +1050,8 @@ function OdsSelectableTable(props) {
|
|
|
1037
1050
|
})));
|
|
1038
1051
|
}
|
|
1039
1052
|
|
|
1040
|
-
var _templateObject$
|
|
1041
|
-
var StyledTag = styled__default(antd.Tag)(_templateObject$
|
|
1053
|
+
var _templateObject$k;
|
|
1054
|
+
var StyledTag = styled__default(antd.Tag)(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1042
1055
|
|
|
1043
1056
|
function OdsTag(props) {
|
|
1044
1057
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
@@ -1046,15 +1059,15 @@ function OdsTag(props) {
|
|
|
1046
1059
|
}, React__default.createElement(StyledTag, Object.assign({}, props), props.children)));
|
|
1047
1060
|
}
|
|
1048
1061
|
|
|
1049
|
-
var _templateObject$
|
|
1050
|
-
var StyledtTimeline = styled__default(antd.Timeline)(_templateObject$
|
|
1062
|
+
var _templateObject$l;
|
|
1063
|
+
var StyledtTimeline = styled__default(antd.Timeline)(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1051
1064
|
|
|
1052
1065
|
function OdsTimeline(props) {
|
|
1053
1066
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledtTimeline, Object.assign({}, props), props.children));
|
|
1054
1067
|
}
|
|
1055
1068
|
|
|
1056
|
-
var _templateObject$
|
|
1057
|
-
var StyledTimepicker = styled__default(antd.TimePicker)(_templateObject$
|
|
1069
|
+
var _templateObject$m;
|
|
1070
|
+
var StyledTimepicker = styled__default(antd.TimePicker)(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n width:100%;\n"])));
|
|
1058
1071
|
|
|
1059
1072
|
var _excluded = ["enableSeconds"];
|
|
1060
1073
|
function OdsRangeTimepicker(props) {
|
|
@@ -1089,8 +1102,8 @@ var OdsTimepicker = function OdsTimepicker(props) {
|
|
|
1089
1102
|
}));
|
|
1090
1103
|
};
|
|
1091
1104
|
|
|
1092
|
-
var _templateObject$
|
|
1093
|
-
var StyledtTypography = styled__default(antd.Typography)(_templateObject$
|
|
1105
|
+
var _templateObject$n, _templateObject2, _templateObject3;
|
|
1106
|
+
var StyledtTypography = styled__default(antd.Typography)(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1094
1107
|
var StyledtTypographyParagraph = styled__default(antd.Typography.Paragraph)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
1095
1108
|
var StyledtTypographyLink = styled__default(antd.Typography.Link)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n // \n"])));
|
|
1096
1109
|
|
|
@@ -47469,13 +47482,15 @@ if (process.env.NODE_ENV === 'production') {
|
|
|
47469
47482
|
}
|
|
47470
47483
|
});
|
|
47471
47484
|
|
|
47472
|
-
var exportFormats$2 = [
|
|
47485
|
+
var exportFormats$2 = ["xlsx"];
|
|
47473
47486
|
var totalPageCount = 1;
|
|
47474
47487
|
var loadedPageCount = 1;
|
|
47475
47488
|
var totalRecordCount = 0;
|
|
47476
47489
|
var useToken$1 = antd.theme.useToken;
|
|
47477
47490
|
var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
47478
47491
|
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;
|
|
47492
|
+
var _props$showKebabMenu = props.showKebabMenu,
|
|
47493
|
+
showKebabMenu = _props$showKebabMenu === void 0 ? false : _props$showKebabMenu;
|
|
47479
47494
|
var _useToken = useToken$1(),
|
|
47480
47495
|
token = _useToken.token;
|
|
47481
47496
|
var _useState = React.useState([]),
|
|
@@ -47497,16 +47512,16 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47497
47512
|
var _useState5 = React.useState(0),
|
|
47498
47513
|
scrollPosition = _useState5[0],
|
|
47499
47514
|
setScrollPosition = _useState5[1];
|
|
47500
|
-
var onCancelEditEvent = new CustomEvent(
|
|
47515
|
+
var onCancelEditEvent = new CustomEvent("cancelEdit", {
|
|
47501
47516
|
bubbles: true,
|
|
47502
47517
|
detail: {
|
|
47503
47518
|
rowData: null
|
|
47504
47519
|
}
|
|
47505
47520
|
});
|
|
47506
47521
|
var headers = new Headers({
|
|
47507
|
-
|
|
47508
|
-
|
|
47509
|
-
"Accept-Language": props.language != "" ? props.language :
|
|
47522
|
+
"Content-Type": "application/json",
|
|
47523
|
+
Authorization: "Bearer " + (props.axiosRequest ? props.axiosRequest.token : ""),
|
|
47524
|
+
"Accept-Language": props.language != "" ? props.language : "EN"
|
|
47510
47525
|
});
|
|
47511
47526
|
React.useEffect(function () {
|
|
47512
47527
|
totalPageCount = 1;
|
|
@@ -47568,7 +47583,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47568
47583
|
var checkData = function checkData() {
|
|
47569
47584
|
if (gridRef.current) {
|
|
47570
47585
|
var _dataGridInstance = gridRef.current.instance;
|
|
47571
|
-
var dataExists = data.length
|
|
47586
|
+
var dataExists = data.length >= 15;
|
|
47572
47587
|
var gridElement = _dataGridInstance.element();
|
|
47573
47588
|
if (dataExists) {
|
|
47574
47589
|
gridElement.classList.add('data-exists');
|
|
@@ -47608,7 +47623,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47608
47623
|
var gridEvent = {
|
|
47609
47624
|
component: dataGridInstance,
|
|
47610
47625
|
fullName: fullName,
|
|
47611
|
-
name:
|
|
47626
|
+
name: "optionChanged",
|
|
47612
47627
|
value: sortedColumn.sortOrder,
|
|
47613
47628
|
previousValue: null,
|
|
47614
47629
|
element: null
|
|
@@ -47620,11 +47635,11 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47620
47635
|
};
|
|
47621
47636
|
var checkRequestDataHasOnlySortingProperty = function checkRequestDataHasOnlySortingProperty(obj) {
|
|
47622
47637
|
var keys = Object.keys(obj);
|
|
47623
|
-
return keys.length === 1 && keys[0] ===
|
|
47638
|
+
return keys.length === 1 && keys[0] === "Sorting";
|
|
47624
47639
|
};
|
|
47625
47640
|
var actionButtons = React.useMemo(function () {
|
|
47626
47641
|
if (props.actionButtonGroup) {
|
|
47627
|
-
if (props.actionButtonGroup.length >= 2 && !props.edit) {
|
|
47642
|
+
if (showKebabMenu && props.actionButtonGroup.length >= 2 && !props.edit) {
|
|
47628
47643
|
return props.actionButtonGroup.slice(0, 2);
|
|
47629
47644
|
} else {
|
|
47630
47645
|
return props.actionButtonGroup;
|
|
@@ -47687,7 +47702,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47687
47702
|
});
|
|
47688
47703
|
});
|
|
47689
47704
|
}, function (error) {
|
|
47690
|
-
console.error(
|
|
47705
|
+
console.error("Error fetching data:", error);
|
|
47691
47706
|
setLoading(false);
|
|
47692
47707
|
});
|
|
47693
47708
|
}, function (_wasThrown, _result) {
|
|
@@ -47707,7 +47722,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47707
47722
|
totalRecordCount = data.RowCount;
|
|
47708
47723
|
} else {
|
|
47709
47724
|
var totalCount;
|
|
47710
|
-
if (response) totalCount = response.headers.get(
|
|
47725
|
+
if (response) totalCount = response.headers.get("x-total-count");
|
|
47711
47726
|
if (totalCount == null) totalCount = data === null || data === void 0 ? void 0 : data.rowCount;
|
|
47712
47727
|
if (totalCount == null) totalCount = data === null || data === void 0 ? void 0 : data.length;
|
|
47713
47728
|
totalRecordCount = parseInt(totalCount, 10) || 0;
|
|
@@ -47716,14 +47731,14 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47716
47731
|
setLoading(false);
|
|
47717
47732
|
};
|
|
47718
47733
|
var onEditorPreparing = React.useCallback(function (e) {
|
|
47719
|
-
if (e.row !== undefined && e.parentType ===
|
|
47734
|
+
if (e.row !== undefined && e.parentType === "dataRow") {
|
|
47720
47735
|
if (props.handleEditorPreparing) {
|
|
47721
47736
|
props.handleEditorPreparing(e);
|
|
47722
47737
|
}
|
|
47723
47738
|
}
|
|
47724
|
-
if (e.editorOptions && e.rowType ===
|
|
47739
|
+
if (e.editorOptions && e.rowType === "data" && e.parentType === "dataRow") {
|
|
47725
47740
|
e.editorOptions.onValueChanged = function (args) {
|
|
47726
|
-
if (args.event && args.event.type ===
|
|
47741
|
+
if (args.event && args.event.type === "cancel") e.cellElement.dispatchEvent(onCancelEditEvent);
|
|
47727
47742
|
};
|
|
47728
47743
|
}
|
|
47729
47744
|
}, [props.isServerSide]);
|
|
@@ -47744,7 +47759,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47744
47759
|
}
|
|
47745
47760
|
}, [totalPageCount]);
|
|
47746
47761
|
var onExporting = React.useCallback(function (e) {
|
|
47747
|
-
if (e.format ===
|
|
47762
|
+
if (e.format === "xlsx") {
|
|
47748
47763
|
var workbook = new exceljs.Workbook();
|
|
47749
47764
|
if (props.filterData != null) {
|
|
47750
47765
|
var newColumnFromFilterData = props.filterData.map(function (filterItem) {
|
|
@@ -47760,21 +47775,21 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47760
47775
|
}
|
|
47761
47776
|
excel_exporter.exportDataGrid({
|
|
47762
47777
|
component: e.component,
|
|
47763
|
-
worksheet: workbook.addWorksheet(
|
|
47778
|
+
worksheet: workbook.addWorksheet("Main sheet"),
|
|
47764
47779
|
autoFilterEnabled: true,
|
|
47765
47780
|
customizeCell: function customizeCell(options) {
|
|
47766
47781
|
var gridCell = options.gridCell,
|
|
47767
47782
|
excelCell = options.excelCell;
|
|
47768
47783
|
if (gridCell.column.dataType === "datetime" && gridCell.value) {
|
|
47769
47784
|
var _gridCell$column$calc, _gridCell$column$meta;
|
|
47770
|
-
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[
|
|
47785
|
+
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) {
|
|
47771
47786
|
var date = moment(gridCell.value);
|
|
47772
47787
|
var offsetMinutes = date.utcOffset();
|
|
47773
|
-
var sign = offsetMinutes >= 0 ?
|
|
47788
|
+
var sign = offsetMinutes >= 0 ? "+" : "-";
|
|
47774
47789
|
var hours = Math.floor(Math.abs(offsetMinutes) / 60);
|
|
47775
47790
|
var minutes = Math.abs(offsetMinutes) % 60;
|
|
47776
|
-
var formattedOffset = "(UTC" + sign + hours.toString().padStart(2,
|
|
47777
|
-
var formattedDate = date.format(
|
|
47791
|
+
var formattedOffset = "(UTC" + sign + hours.toString().padStart(2, "0") + ":" + minutes.toString().padStart(2, "0") + ")";
|
|
47792
|
+
var formattedDate = date.format("DD.MM.YYYY HH:mm") + " " + formattedOffset;
|
|
47778
47793
|
excelCell.value = formattedDate;
|
|
47779
47794
|
}
|
|
47780
47795
|
}
|
|
@@ -47832,7 +47847,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47832
47847
|
localStorage.setItem(props.exportFileName + "Storage", JSON.stringify(state));
|
|
47833
47848
|
}, [props.filterEnabledShow]);
|
|
47834
47849
|
var onEditorPrepared = React.useCallback(function (info) {
|
|
47835
|
-
if (info.parentType ===
|
|
47850
|
+
if (info.parentType === "filterRow" && info.editorName === "dxSelectBox" && info.dataField === "IsActive") {
|
|
47836
47851
|
if (info.dataSource != null && info.dataSource.length > 0) {
|
|
47837
47852
|
info.showAllText = info.dataSource.find(function (i) {
|
|
47838
47853
|
return i.value === null;
|
|
@@ -47877,7 +47892,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47877
47892
|
var actionCellRender = React.useMemo(function () {
|
|
47878
47893
|
return React__default.createElement(devextremeReact.DropDownButton, {
|
|
47879
47894
|
icon: server_browser.renderToString(React__default.createElement(DynamicIcon, {
|
|
47880
|
-
iconName:
|
|
47895
|
+
iconName: "kebabMenu"
|
|
47881
47896
|
})),
|
|
47882
47897
|
dataSource: kebabMenuButtons,
|
|
47883
47898
|
onItemClick: function onItemClick(e) {
|
|
@@ -47911,12 +47926,12 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
47911
47926
|
gridElement.scrollTop = scrollPosition;
|
|
47912
47927
|
}, [data.length]);
|
|
47913
47928
|
React.useEffect(function () {
|
|
47914
|
-
document.querySelectorAll(
|
|
47915
|
-
container.addEventListener(
|
|
47929
|
+
document.querySelectorAll(".dx-scrollable-container").forEach(function (container) {
|
|
47930
|
+
container.addEventListener("scrollend", handleScroll);
|
|
47916
47931
|
});
|
|
47917
47932
|
return function () {
|
|
47918
|
-
document.querySelectorAll(
|
|
47919
|
-
container.removeEventListener(
|
|
47933
|
+
document.querySelectorAll(".dx-scrollable-container").forEach(function (container) {
|
|
47934
|
+
container.removeEventListener("scrollend", handleScroll);
|
|
47920
47935
|
});
|
|
47921
47936
|
};
|
|
47922
47937
|
}, [data.length]);
|
|
@@ -48024,10 +48039,10 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
48024
48039
|
}), col.useDynamicHeaderFilter && React__default.createElement(DataGrid.HeaderFilter, {
|
|
48025
48040
|
allowSearch: true,
|
|
48026
48041
|
dataSource: [{
|
|
48027
|
-
text:
|
|
48042
|
+
text: "(Blanks)",
|
|
48028
48043
|
value: null
|
|
48029
48044
|
}].concat(data.filter(function (item) {
|
|
48030
|
-
return item[col.dataField] !== null && item[col.dataField] !== undefined && item[col.dataField] !==
|
|
48045
|
+
return item[col.dataField] !== null && item[col.dataField] !== undefined && item[col.dataField] !== "";
|
|
48031
48046
|
}).map(function (item) {
|
|
48032
48047
|
return {
|
|
48033
48048
|
text: item[col.dataField].toString(),
|
|
@@ -48071,7 +48086,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
48071
48086
|
})),
|
|
48072
48087
|
onClick: buttonItem.onClick
|
|
48073
48088
|
});
|
|
48074
|
-
})), kebabMenuButtons.length > 0 && React__default.createElement(DataGrid.Column, {
|
|
48089
|
+
})), showKebabMenu && kebabMenuButtons.length > 0 && React__default.createElement(DataGrid.Column, {
|
|
48075
48090
|
dataField: "Actionss",
|
|
48076
48091
|
fixed: true,
|
|
48077
48092
|
allowSorting: false,
|
|
@@ -48175,8 +48190,8 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
48175
48190
|
})));
|
|
48176
48191
|
};
|
|
48177
48192
|
|
|
48178
|
-
var _templateObject$
|
|
48179
|
-
var StyledBadge = styled__default(antd.Badge)(_templateObject$
|
|
48193
|
+
var _templateObject$o;
|
|
48194
|
+
var StyledBadge = styled__default(antd.Badge)(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n //\n"])));
|
|
48180
48195
|
|
|
48181
48196
|
function OdsBadge(props) {
|
|
48182
48197
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
|
|
@@ -48210,7 +48225,7 @@ exports.OdsCalendar = OdsCalendar;
|
|
|
48210
48225
|
exports.OdsCard = OdsCard;
|
|
48211
48226
|
exports.OdsCheckbox = OdsCheckbox;
|
|
48212
48227
|
exports.OdsCheckboxGroup = OdsCheckboxGroup;
|
|
48213
|
-
exports.OdsCollapse =
|
|
48228
|
+
exports.OdsCollapse = OdsCollapse;
|
|
48214
48229
|
exports.OdsDataGrid = OdsDataGrid;
|
|
48215
48230
|
exports.OdsDateRangePicker = OdsDateRangePicker;
|
|
48216
48231
|
exports.OdsDatepicker = OdsDatepicker;
|