ods-component-lib 1.19.2 → 1.19.4
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/button/OdsButton.styled.d.ts +1 -1
- package/dist/components/antd/timepicker/OdsTimepicker.styled.d.ts +1 -1
- package/dist/components/devextreme/NoContentComponent.d.ts +1 -1
- package/dist/components/devextreme/OdsTransfer.d.ts +9 -2
- package/dist/index.js +81 -74
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +81 -74
- package/dist/index.modern.js.map +1 -1
- package/dist/stories/OdsDatepicker/OdsDatepicker.stories.d.ts +3 -1
- package/package.json +1 -1
- package/dist/components/antd/input/OdsInput..d.ts +0 -4
- package/dist/components/devextreme/OdsCabinDataGrid/OdsCabinGrid.Constants.d.ts +0 -3
- package/dist/components/devextreme/OdsCabinDataGrid/OdsCabinGrid.Functions.d.ts +0 -4
- package/dist/components/devextreme/OdsCabinDataGrid/OdsCabinGrid.Helpers.d.ts +0 -12
- package/dist/components/devextreme/OdsCabinDataGrid/OdsCabinGrid.Style.d.ts +0 -94
- package/dist/components/devextreme/OdsCabinDataGrid/OdsCabinGrid.Types.d.ts +0 -46
- package/dist/components/devextreme/OdsCabinDataGrid/OdsCabinGrid.d.ts +0 -4
- package/dist/components/devextreme/OdsDataGrid.d.ts +0 -4
- package/dist/components/devextreme/treeview/DxTreeList.d.ts +0 -4
- package/dist/stories/OdsMasterDetailDataGrid/OdsMasterDetailDataGrid.stories.d.ts +0 -3
- package/dist/stories/OdsMasterDetailDataGrid/Samples/OdsMasterDetailDataGrid/OdsMasterDetailDataGrid.Constants.d.ts +0 -22
- package/dist/stories/OdsMasterDetailDataGrid/Samples/OdsMasterDetailDataGrid/OdsMasterDetailDataGrid.MockData.d.ts +0 -44
- package/dist/stories/OdsSwitch/OdsSwitch.stories copy.d.ts +0 -16
- package/dist/stories/OdsTreeList/OdsTreeList.stories.d.ts +0 -165
- package/dist/stories/OdsTreeList/Samples/BasicTreeListTemplate.Constants.d.ts +0 -15
- package/dist/stories/OdsTreeList/Samples/BasicTreeListTemplate.MockData.d.ts +0 -24
- package/dist/stories/OdsTreeList/Samples/BasicTreeListTemplate.Sample.d.ts +0 -1
- package/dist/stories/OdsTreeList/Samples/EmployeeCell.d.ts +0 -4
- /package/dist/components/antd/{datepicker/OdsDatepicker.styled.d.ts → datePicker/OdsDatePicker.Styled.d.ts} +0 -0
- /package/dist/components/antd/{datepicker/OdsDatepicker.d.ts → datePicker/OdsDatePicker.d.ts} +0 -0
- /package/dist/components/antd/{datepicker/OdsDateRangepicker.d.ts → datePicker/OdsDateRangePicker.d.ts} +0 -0
package/dist/index.modern.js
CHANGED
|
@@ -34949,15 +34949,15 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
|
|
|
34949
34949
|
var _useState9 = useState(false),
|
|
34950
34950
|
ctrlSelection = _useState9[0],
|
|
34951
34951
|
setCtrlSelection = _useState9[1];
|
|
34952
|
+
var _useState0 = useState(false),
|
|
34953
|
+
contentReady = _useState0[0],
|
|
34954
|
+
setContentReady = _useState0[1];
|
|
34955
|
+
var _useState1 = useState(true),
|
|
34956
|
+
filteredButtonCheck = _useState1[0],
|
|
34957
|
+
setFilteredButtonCheck = _useState1[1];
|
|
34952
34958
|
var _useState10 = useState(false),
|
|
34953
|
-
|
|
34954
|
-
|
|
34955
|
-
var _useState11 = useState(true),
|
|
34956
|
-
filteredButtonCheck = _useState11[0],
|
|
34957
|
-
setFilteredButtonCheck = _useState11[1];
|
|
34958
|
-
var _useState12 = useState(false),
|
|
34959
|
-
searchPanelApplied = _useState12[0],
|
|
34960
|
-
setSearchPanelApplied = _useState12[1];
|
|
34959
|
+
searchPanelApplied = _useState10[0],
|
|
34960
|
+
setSearchPanelApplied = _useState10[1];
|
|
34961
34961
|
var _useStyles = useStyles$6(),
|
|
34962
34962
|
gridStyle = _useStyles.styles;
|
|
34963
34963
|
useEffect(function () {
|
|
@@ -55382,7 +55382,7 @@ var loadedPageCount = 1;
|
|
|
55382
55382
|
var totalRecordCount = 0;
|
|
55383
55383
|
var useToken$4 = theme.useToken;
|
|
55384
55384
|
var _OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
55385
|
-
var _props$axiosRequest4, _props$axiosRequest5, _props$axiosRequest6, _props$axiosRequest7, _props$axiosRequest8, _props$axiosRequest9, _props$
|
|
55385
|
+
var _props$axiosRequest4, _props$axiosRequest5, _props$axiosRequest6, _props$axiosRequest7, _props$axiosRequest8, _props$axiosRequest9, _props$axiosRequest0, _props$axiosRequest1, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
|
|
55386
55386
|
var _useToken = useToken$4(),
|
|
55387
55387
|
token = _useToken.token;
|
|
55388
55388
|
var _useState = useState([]),
|
|
@@ -55596,7 +55596,7 @@ var _OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
55596
55596
|
} catch (e) {
|
|
55597
55597
|
return Promise.reject(e);
|
|
55598
55598
|
}
|
|
55599
|
-
}, [(_props$axiosRequest6 = props.axiosRequest) === null || _props$axiosRequest6 === void 0 ? void 0 : _props$axiosRequest6.requestData, (_props$axiosRequest7 = props.axiosRequest) === null || _props$axiosRequest7 === void 0 ? void 0 : _props$axiosRequest7.apiUrl, (_props$axiosRequest8 = props.axiosRequest) === null || _props$axiosRequest8 === void 0 ? void 0 : _props$axiosRequest8.environmentUrl, (_props$axiosRequest9 = props.axiosRequest) === null || _props$axiosRequest9 === void 0 ? void 0 : _props$axiosRequest9.requestQueryString, (_props$
|
|
55599
|
+
}, [(_props$axiosRequest6 = props.axiosRequest) === null || _props$axiosRequest6 === void 0 ? void 0 : _props$axiosRequest6.requestData, (_props$axiosRequest7 = props.axiosRequest) === null || _props$axiosRequest7 === void 0 ? void 0 : _props$axiosRequest7.apiUrl, (_props$axiosRequest8 = props.axiosRequest) === null || _props$axiosRequest8 === void 0 ? void 0 : _props$axiosRequest8.environmentUrl, (_props$axiosRequest9 = props.axiosRequest) === null || _props$axiosRequest9 === void 0 ? void 0 : _props$axiosRequest9.requestQueryString, (_props$axiosRequest0 = props.axiosRequest) === null || _props$axiosRequest0 === void 0 ? void 0 : _props$axiosRequest0.requestType, props.pageSize, props.isServerSide]);
|
|
55600
55600
|
var getTotalCount = function getTotalCount(response, data) {
|
|
55601
55601
|
if (data !== null && data !== void 0 && data.PageCount || data !== null && data !== void 0 && data.RowCount) {
|
|
55602
55602
|
totalPageCount = data.PageCount;
|
|
@@ -55873,7 +55873,7 @@ var _OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
|
|
|
55873
55873
|
}
|
|
55874
55874
|
var onScrollEnd = useCallback(function () {
|
|
55875
55875
|
getServerSide("reachedBottom");
|
|
55876
|
-
}, [(_props$
|
|
55876
|
+
}, [(_props$axiosRequest1 = props.axiosRequest) === null || _props$axiosRequest1 === void 0 ? void 0 : _props$axiosRequest1.requestData, getServerSide]);
|
|
55877
55877
|
var handleScroll = function handleScroll(e) {
|
|
55878
55878
|
var run = debounce_1(function (e) {
|
|
55879
55879
|
var _scrollable$scrollTop, _scrollable$clientHei, _scrollable$scrollHei;
|
|
@@ -56949,7 +56949,7 @@ var OdsTimelineSelectionColumn = function OdsTimelineSelectionColumn(selectionEv
|
|
|
56949
56949
|
return selectionColumn;
|
|
56950
56950
|
};
|
|
56951
56951
|
|
|
56952
|
-
var _templateObject$D, _templateObject2$9, _templateObject3$4, _templateObject4$3, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9,
|
|
56952
|
+
var _templateObject$D, _templateObject2$9, _templateObject3$4, _templateObject4$3, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
|
|
56953
56953
|
var useStyles$b = createStyles(function (_ref, props) {
|
|
56954
56954
|
var _props$taskWidth, _props$progressPerc, _props$progressColor;
|
|
56955
56955
|
var css = _ref.css;
|
|
@@ -56967,8 +56967,8 @@ var useStyles$b = createStyles(function (_ref, props) {
|
|
|
56967
56967
|
columnChooserHeader: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n "]))),
|
|
56968
56968
|
columnChooserCloseButton: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n flex: 1;\n text-align: end;\n "]))),
|
|
56969
56969
|
columnChooserDivider: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n margin-top: 10px;\n margin-bottom: 10px;\n "]))),
|
|
56970
|
-
columnChooserCheckbox: css(
|
|
56971
|
-
columnChooserSearchbox: css(
|
|
56970
|
+
columnChooserCheckbox: css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteralLoose(["\n margin-top: 4px;\n margin-bottom: 4px;\n "]))),
|
|
56971
|
+
columnChooserSearchbox: css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteralLoose(["\n ", "\n margin-top: 4px;\n margin-bottom: 4px;\n "])), searchBox)
|
|
56972
56972
|
};
|
|
56973
56973
|
});
|
|
56974
56974
|
|
|
@@ -57157,7 +57157,7 @@ var callAddFont = function callAddFont() {
|
|
|
57157
57157
|
jsPDF$1.API.events.push(['addFonts', callAddFont]);
|
|
57158
57158
|
|
|
57159
57159
|
var OdsTimelineTable = forwardRef(function (props, ref) {
|
|
57160
|
-
var _toolbarSettings$sear, _toolbarSettings$sear5, _toolbarSettings$
|
|
57160
|
+
var _toolbarSettings$sear, _toolbarSettings$sear5, _toolbarSettings$expo10, _toolbarSettings$expo11, _toolbarSettings$expo12, _toolbarSettings$expo13, _toolbarSettings$expo17, _toolbarSettings$expo18, _toolbarSettings$expo19, _toolbarSettings$colu;
|
|
57161
57161
|
var customColumns = props.customColumns,
|
|
57162
57162
|
customTasks = props.customTasks,
|
|
57163
57163
|
customTaskKey = props.customTaskKey,
|
|
@@ -57209,9 +57209,9 @@ var OdsTimelineTable = forwardRef(function (props, ref) {
|
|
|
57209
57209
|
return item.name;
|
|
57210
57210
|
})),
|
|
57211
57211
|
unvisibleColumnNames = _useState9[0];
|
|
57212
|
-
var
|
|
57213
|
-
columnChooserOpen =
|
|
57214
|
-
setColumnChooserOpen =
|
|
57212
|
+
var _useState0 = useState(false),
|
|
57213
|
+
columnChooserOpen = _useState0[0],
|
|
57214
|
+
setColumnChooserOpen = _useState0[1];
|
|
57215
57215
|
var originalSortingMode = sorting.mode === undefined || sorting.mode === "" ? "none" : sorting.mode;
|
|
57216
57216
|
var sortingMode = sortingProcess == "ServerSideSorting" ? "none" : originalSortingMode;
|
|
57217
57217
|
var showSortIndexes = sortingProcess == "ServerSideSorting" ? false : sorting.showSortIndexes;
|
|
@@ -57511,11 +57511,11 @@ var OdsTimelineTable = forwardRef(function (props, ref) {
|
|
|
57511
57511
|
});
|
|
57512
57512
|
};
|
|
57513
57513
|
var getExportFileName = function getExportFileName() {
|
|
57514
|
-
var _toolbarSettings$
|
|
57514
|
+
var _toolbarSettings$expo0, _toolbarSettings$expo1;
|
|
57515
57515
|
var now = new Date();
|
|
57516
57516
|
var datePart = ("0" + now.getDate()).slice(-2) + "-" + ("0" + (now.getMonth() + 1)).slice(-2) + "-" + now.getFullYear();
|
|
57517
57517
|
var timePart = ("0" + now.getHours()).slice(-2) + ":" + ("0" + now.getMinutes()).slice(-2);
|
|
57518
|
-
return ((_toolbarSettings$
|
|
57518
|
+
return ((_toolbarSettings$expo0 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo1 = toolbarSettings["export"]) === null || _toolbarSettings$expo1 === void 0 ? void 0 : _toolbarSettings$expo1.fileName) != null ? _toolbarSettings$expo0 : "Timeline") + "-" + datePart + "-" + timePart + ".pdf";
|
|
57519
57519
|
};
|
|
57520
57520
|
var exportedColumns = useMemo(function () {
|
|
57521
57521
|
var newExportedColumns = [];
|
|
@@ -57598,39 +57598,39 @@ var OdsTimelineTable = forwardRef(function (props, ref) {
|
|
|
57598
57598
|
location: toolbarSettings === null || toolbarSettings === void 0 ? void 0 : toolbarSettings.location
|
|
57599
57599
|
}), React.createElement(Item$2, {
|
|
57600
57600
|
key: "OdsTimelineTable_ToolbarItem_Export",
|
|
57601
|
-
visible: toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$
|
|
57601
|
+
visible: toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo10 = toolbarSettings["export"]) === null || _toolbarSettings$expo10 === void 0 ? void 0 : _toolbarSettings$expo10.visible,
|
|
57602
57602
|
location: toolbarSettings === null || toolbarSettings === void 0 ? void 0 : toolbarSettings.location,
|
|
57603
57603
|
widget: "dxMenu",
|
|
57604
57604
|
options: {
|
|
57605
57605
|
items: [{
|
|
57606
57606
|
icon: "export",
|
|
57607
57607
|
items: [{
|
|
57608
|
-
text: (_toolbarSettings$
|
|
57608
|
+
text: (_toolbarSettings$expo11 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo12 = toolbarSettings["export"]) === null || _toolbarSettings$expo12 === void 0 ? void 0 : (_toolbarSettings$expo13 = _toolbarSettings$expo12.pdf) === null || _toolbarSettings$expo13 === void 0 ? void 0 : _toolbarSettings$expo13.title) != null ? _toolbarSettings$expo11 : "Export to Pdf",
|
|
57609
57609
|
icon: "exportpdf",
|
|
57610
57610
|
onClick: function onClick() {
|
|
57611
57611
|
if (exportableTasks.length > 0) {
|
|
57612
57612
|
exportPdf();
|
|
57613
57613
|
} else {
|
|
57614
|
-
var _toolbarSettings$
|
|
57614
|
+
var _toolbarSettings$expo14, _toolbarSettings$expo15, _toolbarSettings$expo16;
|
|
57615
57615
|
OdsNotification({
|
|
57616
57616
|
title: "",
|
|
57617
|
-
content: (_toolbarSettings$
|
|
57617
|
+
content: (_toolbarSettings$expo14 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo15 = toolbarSettings["export"]) === null || _toolbarSettings$expo15 === void 0 ? void 0 : (_toolbarSettings$expo16 = _toolbarSettings$expo15.messages) === null || _toolbarSettings$expo16 === void 0 ? void 0 : _toolbarSettings$expo16.noRecord) != null ? _toolbarSettings$expo14 : "No record",
|
|
57618
57618
|
type: "warning",
|
|
57619
57619
|
placement: "bottom"
|
|
57620
57620
|
});
|
|
57621
57621
|
}
|
|
57622
57622
|
}
|
|
57623
57623
|
}, {
|
|
57624
|
-
text: (_toolbarSettings$
|
|
57624
|
+
text: (_toolbarSettings$expo17 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo18 = toolbarSettings["export"]) === null || _toolbarSettings$expo18 === void 0 ? void 0 : (_toolbarSettings$expo19 = _toolbarSettings$expo18.excel) === null || _toolbarSettings$expo19 === void 0 ? void 0 : _toolbarSettings$expo19.title) != null ? _toolbarSettings$expo17 : "Export to Excel",
|
|
57625
57625
|
icon: "exportxlsx",
|
|
57626
57626
|
onClick: function onClick() {
|
|
57627
57627
|
if (exportableTasks.length > 0) {
|
|
57628
57628
|
exportExcel();
|
|
57629
57629
|
} else {
|
|
57630
|
-
var _toolbarSettings$
|
|
57630
|
+
var _toolbarSettings$expo20, _toolbarSettings$expo21, _toolbarSettings$expo22;
|
|
57631
57631
|
OdsNotification({
|
|
57632
57632
|
title: "",
|
|
57633
|
-
content: (_toolbarSettings$
|
|
57633
|
+
content: (_toolbarSettings$expo20 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$expo21 = toolbarSettings["export"]) === null || _toolbarSettings$expo21 === void 0 ? void 0 : (_toolbarSettings$expo22 = _toolbarSettings$expo21.messages) === null || _toolbarSettings$expo22 === void 0 ? void 0 : _toolbarSettings$expo22.noRecord) != null ? _toolbarSettings$expo20 : "No record",
|
|
57634
57634
|
type: "warning",
|
|
57635
57635
|
placement: "bottom"
|
|
57636
57636
|
});
|
|
@@ -57744,6 +57744,7 @@ var NoListItems = function NoListItems(_ref) {
|
|
|
57744
57744
|
var mainText = _ref.mainText,
|
|
57745
57745
|
subText = _ref.subText;
|
|
57746
57746
|
return React.createElement("div", {
|
|
57747
|
+
className: "NoListItemsContainer",
|
|
57747
57748
|
style: styles.container
|
|
57748
57749
|
}, React.createElement("div", {
|
|
57749
57750
|
style: styles.iconContainer
|
|
@@ -57762,30 +57763,32 @@ var NoListItems = function NoListItems(_ref) {
|
|
|
57762
57763
|
};
|
|
57763
57764
|
var styles = {
|
|
57764
57765
|
container: {
|
|
57765
|
-
display:
|
|
57766
|
-
flexDirection:
|
|
57767
|
-
alignItems:
|
|
57768
|
-
justifyContent:
|
|
57769
|
-
textAlign:
|
|
57766
|
+
display: "flex",
|
|
57767
|
+
flexDirection: "column",
|
|
57768
|
+
alignItems: "center",
|
|
57769
|
+
justifyContent: "center",
|
|
57770
|
+
textAlign: "center",
|
|
57771
|
+
marginTop: "50px",
|
|
57772
|
+
marginBottom: "50px"
|
|
57770
57773
|
},
|
|
57771
57774
|
iconContainer: {
|
|
57772
|
-
marginBottom:
|
|
57775
|
+
marginBottom: "20px"
|
|
57773
57776
|
},
|
|
57774
57777
|
icon: {
|
|
57775
|
-
width:
|
|
57776
|
-
height:
|
|
57778
|
+
width: "50px",
|
|
57779
|
+
height: "50px"
|
|
57777
57780
|
},
|
|
57778
57781
|
textContainer: {
|
|
57779
|
-
maxWidth:
|
|
57782
|
+
maxWidth: "300px"
|
|
57780
57783
|
},
|
|
57781
57784
|
mainText: {
|
|
57782
|
-
fontSize:
|
|
57783
|
-
fontWeight:
|
|
57784
|
-
marginBottom:
|
|
57785
|
+
fontSize: "18px",
|
|
57786
|
+
fontWeight: "bold",
|
|
57787
|
+
marginBottom: "10px"
|
|
57785
57788
|
},
|
|
57786
57789
|
subText: {
|
|
57787
|
-
fontSize:
|
|
57788
|
-
color:
|
|
57790
|
+
fontSize: "14px",
|
|
57791
|
+
color: "#666"
|
|
57789
57792
|
}
|
|
57790
57793
|
};
|
|
57791
57794
|
|
|
@@ -57802,7 +57805,7 @@ var getRequestHeaders = function getRequestHeaders(props) {
|
|
|
57802
57805
|
});
|
|
57803
57806
|
};
|
|
57804
57807
|
var OdsTransfer = function OdsTransfer(props) {
|
|
57805
|
-
var _props$targetItems, _props$axiosRequest4, _props$axiosRequest5, _props$
|
|
57808
|
+
var _props$targetItems, _props$axiosRequest4, _props$axiosRequest5, _props$axiosRequest0, _props$axiosRequest1, _props$axiosRequest10, _props$axiosRequest11, _props$axiosRequest12;
|
|
57806
57809
|
var initializeTargetItems = function initializeTargetItems(items) {
|
|
57807
57810
|
return items.map(function (item) {
|
|
57808
57811
|
return _extends({}, item, {
|
|
@@ -57884,7 +57887,7 @@ var OdsTransfer = function OdsTransfer(props) {
|
|
|
57884
57887
|
} catch (e) {
|
|
57885
57888
|
return Promise.reject(e);
|
|
57886
57889
|
}
|
|
57887
|
-
}, [(_props$
|
|
57890
|
+
}, [(_props$axiosRequest0 = props.axiosRequest) === null || _props$axiosRequest0 === void 0 ? void 0 : _props$axiosRequest0.requestData, (_props$axiosRequest1 = props.axiosRequest) === null || _props$axiosRequest1 === void 0 ? void 0 : _props$axiosRequest1.apiUrl, (_props$axiosRequest10 = props.axiosRequest) === null || _props$axiosRequest10 === void 0 ? void 0 : _props$axiosRequest10.environmentUrl, (_props$axiosRequest11 = props.axiosRequest) === null || _props$axiosRequest11 === void 0 ? void 0 : _props$axiosRequest11.requestQueryString, (_props$axiosRequest12 = props.axiosRequest) === null || _props$axiosRequest12 === void 0 ? void 0 : _props$axiosRequest12.requestType, props.pageSize, props.isServerSide]);
|
|
57888
57891
|
var getTotalCount = function getTotalCount(response, data) {
|
|
57889
57892
|
if (data !== null && data !== void 0 && data.PageCount || data !== null && data !== void 0 && data.RowCount) {
|
|
57890
57893
|
constants$3.totalPageCount = data.PageCount;
|
|
@@ -57938,13 +57941,13 @@ var OdsTransfer = function OdsTransfer(props) {
|
|
|
57938
57941
|
});
|
|
57939
57942
|
setTargetItems(function (prevTargetItems) {
|
|
57940
57943
|
var updatedItems = [].concat(prevTargetItems, selectedItems);
|
|
57941
|
-
return removeDuplicates(direction ===
|
|
57944
|
+
return removeDuplicates(direction === "left" ? updatedItems.filter(function (item) {
|
|
57942
57945
|
return !moveKey.includes(item[props.keyExpr]);
|
|
57943
57946
|
}) : updatedItems, props.keyExpr);
|
|
57944
57947
|
});
|
|
57945
57948
|
if (props.onTargetChange) {
|
|
57946
57949
|
var updatedItems = [].concat(targetItems, selectedItems);
|
|
57947
|
-
var uniqueItems = removeDuplicates(direction ===
|
|
57950
|
+
var uniqueItems = removeDuplicates(direction === "left" ? updatedItems.filter(function (item) {
|
|
57948
57951
|
return !moveKey.includes(item[props.keyExpr]);
|
|
57949
57952
|
}) : updatedItems, props.keyExpr);
|
|
57950
57953
|
props.onTargetChange(uniqueItems);
|
|
@@ -57954,16 +57957,20 @@ var OdsTransfer = function OdsTransfer(props) {
|
|
|
57954
57957
|
setSelectedKeys([].concat(sourceSelectedKeys, targetSelectedKeys));
|
|
57955
57958
|
}, []);
|
|
57956
57959
|
return React.createElement("div", null, React.createElement("style", null, props.isServerSide && ".dx-pager { display: none; }"), React.createElement(Transfer, {
|
|
57957
|
-
dataSource:
|
|
57960
|
+
dataSource: props.dataSource,
|
|
57958
57961
|
targetKeys: targetKeys,
|
|
57959
57962
|
selectedKeys: selectedKeys,
|
|
57960
57963
|
onSelectChange: handleSelectChange,
|
|
57961
57964
|
onChange: handleChange,
|
|
57962
57965
|
showSelectAll: false,
|
|
57963
|
-
titles: [
|
|
57966
|
+
titles: [props.sourceTitle, props.TargetTitle],
|
|
57964
57967
|
render: function render(item) {
|
|
57965
57968
|
return item.title;
|
|
57966
|
-
}
|
|
57969
|
+
},
|
|
57970
|
+
className: props.className,
|
|
57971
|
+
rootClassName: props.rootClassName,
|
|
57972
|
+
style: props.style,
|
|
57973
|
+
showSearch: props.showSearch
|
|
57967
57974
|
}, function (_ref) {
|
|
57968
57975
|
var direction = _ref.direction,
|
|
57969
57976
|
filteredItems = _ref.filteredItems,
|
|
@@ -57976,9 +57983,9 @@ var OdsTransfer = function OdsTransfer(props) {
|
|
|
57976
57983
|
onItemSelectAll(currentDeselectedRowKeys, false);
|
|
57977
57984
|
}
|
|
57978
57985
|
};
|
|
57979
|
-
var leftSideEmpty = direction ===
|
|
57980
|
-
var rightSideEmpty = direction ===
|
|
57981
|
-
var combinedDataSource = direction ===
|
|
57986
|
+
var leftSideEmpty = direction === "left" && filteredItems.length === 0;
|
|
57987
|
+
var rightSideEmpty = direction === "right" && targetKeys.length === 0;
|
|
57988
|
+
var combinedDataSource = direction === "right" ? removeDuplicates([].concat(filteredItems, targetItems), props.keyExpr) : filteredItems;
|
|
57982
57989
|
return leftSideEmpty || rightSideEmpty ? React.createElement(NoListItems, {
|
|
57983
57990
|
mainText: props.noContentMainText,
|
|
57984
57991
|
subText: props.noContentSubText
|
|
@@ -57990,9 +57997,9 @@ var OdsTransfer = function OdsTransfer(props) {
|
|
|
57990
57997
|
enabled: true
|
|
57991
57998
|
},
|
|
57992
57999
|
selection: {
|
|
57993
|
-
mode:
|
|
57994
|
-
selectAllMode:
|
|
57995
|
-
showCheckBoxesMode:
|
|
58000
|
+
mode: "multiple",
|
|
58001
|
+
selectAllMode: "page",
|
|
58002
|
+
showCheckBoxesMode: "always"
|
|
57996
58003
|
},
|
|
57997
58004
|
onSelectionChanged: onSelectionChanged,
|
|
57998
58005
|
columns: props.columns,
|
|
@@ -58013,7 +58020,7 @@ var OdsTransfer = function OdsTransfer(props) {
|
|
|
58013
58020
|
visible: true
|
|
58014
58021
|
}
|
|
58015
58022
|
});
|
|
58016
|
-
}), React.createElement(Toolbar, null, React.createElement(Item, {
|
|
58023
|
+
}), props.displayPageTitle && React.createElement(Toolbar, null, React.createElement(Item, {
|
|
58017
58024
|
location: "before",
|
|
58018
58025
|
cssClass: "toolbarTitleItem"
|
|
58019
58026
|
}, React.createElement(OdsTitle, {
|
|
@@ -58028,7 +58035,7 @@ var OdsTransfer = function OdsTransfer(props) {
|
|
|
58028
58035
|
}));
|
|
58029
58036
|
};
|
|
58030
58037
|
|
|
58031
|
-
var _templateObject$E, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1,
|
|
58038
|
+
var _templateObject$E, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject0$1, _templateObject1$1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
|
|
58032
58039
|
var useStyles$c = createStyles(function (_ref, props) {
|
|
58033
58040
|
var css = _ref.css,
|
|
58034
58041
|
cx = _ref.cx,
|
|
@@ -58043,9 +58050,9 @@ var useStyles$c = createStyles(function (_ref, props) {
|
|
|
58043
58050
|
filterTopTitle: cx(flex, css(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n align-items: center;\n "])))),
|
|
58044
58051
|
filterTopActions: cx(flex, css(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteralLoose(["\n justify-content: flex-end;\n gap: ", "px;\n "])), token.sizeSM)),
|
|
58045
58052
|
filterBodyWrapper: cx(grid, css(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteralLoose(["\n transition: grid-template-rows 0.3s;\n grid-template-rows: ", ";\n "])), props.open ? "1fr" : "0fr")),
|
|
58046
|
-
filterBody: cx(css(
|
|
58047
|
-
filterActionButtonsWrapper: cx(flex, css(
|
|
58048
|
-
filterTagsWrapper: cx(flex, css(
|
|
58053
|
+
filterBody: cx(css(_templateObject0$1 || (_templateObject0$1 = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n width: 100%;\n "])))),
|
|
58054
|
+
filterActionButtonsWrapper: cx(flex, css(_templateObject1$1 || (_templateObject1$1 = _taggedTemplateLiteralLoose(["\n width: 100%;\n justify-content: flex-end;\n gap: ", "px;\n "])), token.sizeSM)),
|
|
58055
|
+
filterTagsWrapper: cx(flex, css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n width: 85%;\n max-width: 85%;\n min-width: 85%;\n transition: opacity 0.3s;\n opacity: ", ";\n "])), props.open ? 0 : 1)),
|
|
58049
58056
|
toggleButton: cx(flex),
|
|
58050
58057
|
clearButton: cx(flex)
|
|
58051
58058
|
};
|
|
@@ -58055,16 +58062,16 @@ var useAdvancedFilterButtonStyles = createStyles(function (_ref2, props) {
|
|
|
58055
58062
|
cx = _ref2.cx,
|
|
58056
58063
|
token = _ref2.token;
|
|
58057
58064
|
return {
|
|
58058
|
-
advancedFilterButton: cx("flex", css(
|
|
58059
|
-
advancedFilterRowWrapper: cx("grid", css(
|
|
58060
|
-
advancedFilterRow: cx(css(
|
|
58065
|
+
advancedFilterButton: cx("flex", css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n color: ", ";\n align-items: center;\n justify-content: center;\n padding-left: ", "px;\n padding-right: ", "px;\n "])), token.colorPrimary, token.padding, token.padding)),
|
|
58066
|
+
advancedFilterRowWrapper: cx("grid", css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n transition: grid-template-rows 0.3s;\n grid-template-rows: ", ";\n "])), props.open ? "1fr" : "0fr")),
|
|
58067
|
+
advancedFilterRow: cx(css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n width: 100%;\n "]))))
|
|
58061
58068
|
};
|
|
58062
58069
|
});
|
|
58063
58070
|
var useFilterTagsStyles = createStyles(function (_ref3) {
|
|
58064
58071
|
var css = _ref3.css,
|
|
58065
58072
|
token = _ref3.token;
|
|
58066
58073
|
return {
|
|
58067
|
-
menu: css(
|
|
58074
|
+
menu: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n width: 100%;\n border: 0;\n gap: ", "px;\n position: relative;\n\n &::after,\n &::before {\n display: none;\n }\n\n &.ant-menu-light.ant-menu-horizontal {\n & > .ant-menu-item {\n cursor: default;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n top: unset;\n }\n\n & > .ant-menu-submenu {\n &:hover {\n &::after {\n display: none;\n }\n }\n }\n }\n\n &.ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-selected::after {\n display: none;\n }\n\n &.ant-menu-light.ant-menu-horizontal > .ant-menu-item::after,\n &.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover::after {\n display: none;\n }\n\n &.ant-menu-light.ant-menu-horizontal\n > .ant-menu-submenu\n &.ant-menu-light.ant-menu-horizontal\n > .ant-menu-item::after {\n display: none;\n }\n "])), token.sizeXS)
|
|
58068
58075
|
};
|
|
58069
58076
|
});
|
|
58070
58077
|
|
|
@@ -58307,7 +58314,7 @@ var OdsFilter = function OdsFilter(props) {
|
|
|
58307
58314
|
}, props.buttonApplyName)))))));
|
|
58308
58315
|
};
|
|
58309
58316
|
|
|
58310
|
-
var _templateObject$F, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2,
|
|
58317
|
+
var _templateObject$F, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject0$2, _templateObject1$2, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17;
|
|
58311
58318
|
var useStyles$d = createStyles(function (_ref, props) {
|
|
58312
58319
|
var css = _ref.css,
|
|
58313
58320
|
cx = _ref.cx,
|
|
@@ -58322,11 +58329,11 @@ var useStyles$d = createStyles(function (_ref, props) {
|
|
|
58322
58329
|
filterTopTitle: cx(flex, css(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n align-items: center;\n "])))),
|
|
58323
58330
|
filterTopActions: cx(flex, css(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n justify-content: flex-end;\n gap: ", "px;\n "])), token.sizeSM)),
|
|
58324
58331
|
filterBodyWrapper: cx(grid, css(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteralLoose(["\n transition: grid-template-rows 0.3s;\n grid-template-rows: ", ";\n "])), props.open ? "1fr" : "0fr")),
|
|
58325
|
-
filterBody: cx(css(
|
|
58326
|
-
filterActionButtonsWrapper: cx(flex, css(
|
|
58327
|
-
filterActionButtons: cx(flex, css(
|
|
58328
|
-
filterTagsWrapper: cx(flex, css(
|
|
58329
|
-
filterInlineDisplayWrapper: props.isDisplayInline ? cx(css(
|
|
58332
|
+
filterBody: cx(css(_templateObject0$2 || (_templateObject0$2 = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n width: 100%;\n "])))),
|
|
58333
|
+
filterActionButtonsWrapper: cx(flex, css(_templateObject1$2 || (_templateObject1$2 = _taggedTemplateLiteralLoose(["\n justify-content: flex-end;\n margin-top: 16px;\n "])))),
|
|
58334
|
+
filterActionButtons: cx(flex, css(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n justify-content: flex-end;\n gap: ", "px;\n align-items: flex-end;\n "])), token.sizeSM)),
|
|
58335
|
+
filterTagsWrapper: cx(flex, css(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n align-items: center;\n justify-content: center;\n width: 85%;\n max-width: 85%;\n min-width: 85%;\n transition: opacity 0.3s;\n opacity: ", ";\n "])), props.open ? 0 : 1)),
|
|
58336
|
+
filterInlineDisplayWrapper: props.isDisplayInline ? cx(css(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 1fr auto;\n width: 100%;\n "])))) : "",
|
|
58330
58337
|
toggleButton: cx(flex),
|
|
58331
58338
|
clearButton: cx(flex)
|
|
58332
58339
|
};
|
|
@@ -58336,17 +58343,17 @@ var useAdvancedFilterButtonStyles$1 = createStyles(function (_ref2, props) {
|
|
|
58336
58343
|
cx = _ref2.cx,
|
|
58337
58344
|
token = _ref2.token;
|
|
58338
58345
|
return {
|
|
58339
|
-
advancedFilterButton: cx(css(
|
|
58340
|
-
advancedFilterRowWrapper: cx(css(
|
|
58341
|
-
advancedFilterRowInner: cx(css(
|
|
58342
|
-
advancedFilterRow: cx(css(
|
|
58346
|
+
advancedFilterButton: cx(css(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n color: ", ";\n align-items: center;\n justify-content: center;\n padding-left: ", "px;\n padding-right: ", "px;\n "])), token.colorPrimary, token.padding, token.padding)),
|
|
58347
|
+
advancedFilterRowWrapper: cx(css(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteralLoose(["\n display: grid;\n transition: grid-template-rows 0.3s;\n grid-template-rows: ", ";\n "])), props.open ? "1fr" : "0fr")),
|
|
58348
|
+
advancedFilterRowInner: cx(css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n min-height: 0;\n overflow: hidden;\n "])))),
|
|
58349
|
+
advancedFilterRow: cx(css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n padding-top: 16px;\n display: grid;\n overflow: hidden;\n width: 100%;\n\n & .ant-form-item .ant-form-item-label > label {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: inline-block;\n }\n "]))))
|
|
58343
58350
|
};
|
|
58344
58351
|
});
|
|
58345
58352
|
var useFilterTagsStyles$1 = createStyles(function (_ref3) {
|
|
58346
58353
|
var css = _ref3.css,
|
|
58347
58354
|
token = _ref3.token;
|
|
58348
58355
|
return {
|
|
58349
|
-
menu: css(
|
|
58356
|
+
menu: css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n width: 100%;\n border: 0;\n gap: ", "px;\n position: relative;\n\n &::after,\n &::before {\n display: none;\n }\n\n &.ant-menu-light.ant-menu-horizontal {\n & > .ant-menu-item {\n cursor: default;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n top: unset;\n }\n\n & > .ant-menu-submenu {\n &:hover {\n &::after {\n display: none;\n }\n }\n }\n }\n\n &.ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-selected::after {\n display: none;\n }\n\n &.ant-menu-light.ant-menu-horizontal > .ant-menu-item::after,\n &.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover::after {\n display: none;\n }\n\n &.ant-menu-light.ant-menu-horizontal\n > .ant-menu-submenu\n &.ant-menu-light.ant-menu-horizontal\n > .ant-menu-item::after {\n display: none;\n }\n "])), token.sizeXS)
|
|
58350
58357
|
};
|
|
58351
58358
|
});
|
|
58352
58359
|
|