ods-component-lib 1.18.40 → 1.18.42

package/dist/components/antd/select/MultiSelect/OdsMultiSelect.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { SelectProps } from "antd";
+export interface OdsMultiSelectProps extends SelectProps {
+    selectAllEnabled: boolean;
+    selectAllText?: string | undefined;
+    closeButtonText?: string | undefined;
+}
+declare const OdsMultiSelect: (props: OdsMultiSelectProps) => React.JSX.Element;
+export default OdsMultiSelect;

package/dist/components/devextreme/OdsRemoteDataGrid.d.ts

@@ -28,6 +28,7 @@ interface ISummaryRowOptions {
     summaryTotalDataLabel?: string;
     summaryFilteredDataLabel?: string;
     summaryItems?: ISummaryProps[];
+    summaryTotalCount?: number;
 }
 interface IAxiosProps {
     token: string;

package/dist/components/devextreme/datagridUtils/DxDataPopupForm.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
+export default _default;

package/dist/components/devextreme/datagridUtils/DynamicIcon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const DynamicIcon: ({ iconName }: {
+    iconName: any;
+}) => React.JSX.Element;
+export default DynamicIcon;

package/dist/components/devextreme/treeview/DxTreeList.d.ts

@@ -1,3 +1,4 @@
+import { ITreeListOptions } from "devextreme-react/tree-list";
 import React from "react";
-declare const DxTreeList: (props: any) => React.JSX.Element;
+declare const DxTreeList: (props: ITreeListOptions<any, any>) => React.JSX.Element;
 export default DxTreeList;

package/dist/index.d.ts

@@ -25,7 +25,7 @@ import OdsNotification from "./components/antd/notification/OdsNotification";
 import OdsRadio from "./components/antd/radio/OdsRadio";
 import OdsRadioGroup from "./components/antd/radio/OdsRadioGroup";
 import OdsRate from "./components/antd/rate/OdsRate";
-import OdsCustomMultiSelect from "./components/antd/select/OdsCustomMultiSelect";
+import OdsMultiSelect from "./components/antd/select/MultiSelect/OdsMultiSelect";
 import OdsSelect from "./components/antd/select/OdsSelect";
 import OdsSpin from "./components/antd/spin/OdsSpin";
 import OdsSwitch from "./components/antd/switch/OdsSwitch";
@@ -90,7 +90,7 @@ export { DxTreeView };
 export { DxTreeList };
 export { OdsAlert };
 export { OdsBannerAlert };
-export { OdsCustomMultiSelect };
+export { OdsMultiSelect };
 export { OdsDataGrid };
 export { OdsDisplayGrid };
 export { OdsRemoteDataGrid };

package/dist/index.js

@@ -929,38 +929,79 @@ function OdsRate(props) {
 var _templateObject$e;
 var StyledSelect = styled__default(antd.Select)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n  width: 100%;\n"])));
 
-function OdsCustomMultiSelect(props) {
-  var _useState = React.useState(false),
-    open = _useState[0],
-    setOpen = _useState[1];
+var OdsMultiSelect = function OdsMultiSelect(props) {
+  var options = props.options,
+    selectAllEnabled = props.selectAllEnabled,
+    selectAllText = props.selectAllText,
+    closeButtonText = props.closeButtonText;
+  var _useState = React.useState([]),
+    value = _useState[0],
+    setValue = _useState[1];
+  var _useState2 = React.useState(false),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var selectAllValue = "OdsMultiSelectOptionAll";
+  var newOptions = selectAllEnabled ? [{
+    value: selectAllValue,
+    label: selectAllText
+  }].concat(options) : options;
+  var handleChange = function handleChange(newValues) {
+    if (newValues && newValues.length && newValues.includes(selectAllValue)) {
+      if (newValues.length === options.length + 1) {
+        setValue([]);
+        return;
+      }
+      setValue(options.map(function (item) {
+        return item.value;
+      }));
+      return;
+    }
+    setValue(newValues);
+    return;
+  };
+  var dropdownRender = function dropdownRender(menu) {
+    return React__default.createElement(React__default.Fragment, null, menu, React__default.createElement(OdsDivider, {
+      style: {
+        margin: "8px 0"
+      }
+    }), React__default.createElement(antd.Space, {
+      style: {
+        padding: "0 8px 4px"
+      }
+    }, React__default.createElement(OdsButton, {
+      style: {
+        width: "100%"
+      },
+      type: "primary",
+      onClick: function onClick() {
+        return setOpen(false);
+      }
+    }, closeButtonText != null ? closeButtonText : "Close")));
+  };
+  var optionRender = function optionRender(option, __info) {
+    return React__default.createElement("div", null, option.data.label, option.data.value == selectAllValue ? React__default.createElement(OdsDivider, {
+      style: {
+        margin: "8px 0px 0px 0px"
+      }
+    }) : "");
+  };
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
     theme: lightTheme
-  }, React__default.createElement(StyledSelect, Object.assign({}, props, {
+  }, React__default.createElement(StyledSelect, Object.assign({
+    mode: "multiple",
+    allowClear: true,
+    value: value,
     open: open,
+    onChange: handleChange,
+    optionRender: optionRender,
+    dropdownRender: dropdownRender,
     onDropdownVisibleChange: function onDropdownVisibleChange(visible) {
       return setOpen(visible);
-    },
-    dropdownRender: function dropdownRender(menu) {
-      return React__default.createElement(React__default.Fragment, null, menu, React__default.createElement(OdsDivider, {
-        style: {
-          margin: '8px 0'
-        }
-      }), React__default.createElement(antd.Space, {
-        style: {
-          padding: '0 8px 4px'
-        }
-      }, React__default.createElement(OdsButton, {
-        style: {
-          width: "100%"
-        },
-        type: "primary",
-        onClick: function onClick() {
-          return setOpen(false);
-        }
-      }, props.buttonLabel)));
     }
+  }, props, {
+    options: newOptions
   }))));
-}
+};
 
 function OdsSelect(props) {
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
@@ -1537,57 +1578,7 @@ function grid(props) {
 }
 
 var DxTreeList = function DxTreeList(props) {
-  var _useState = React.useState(props.dataSource),
-    dataSource = _useState[0];
-  var renderReadButtons = function renderReadButtons(data) {
-    return React__default.createElement("div", null, React__default.createElement(OdsSwitch, {
-      onChange: function onChange(checked) {
-        return onchangeRead(checked, data);
-      },
-      checked: data.ReadPermission
-    }));
-  };
-  var renderModifyButtons = function renderModifyButtons(data) {
-    return React__default.createElement("div", null, React__default.createElement(OdsSwitch, {
-      onChange: function onChange(checked) {
-        return onchangeModify(checked, data);
-      },
-      checked: data.ModifyPermission
-    }));
-  };
-  var onchangeModify = function onchangeModify(checked, data) {
-    data.ModifyPermission = checked;
-    props.onDataChange(dataSource);
-  };
-  var onchangeRead = function onchangeRead(checked, data) {
-    data.ReadPermission = checked;
-    props.onDataChange(dataSource);
-  };
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(devextremeReact.TreeList, {
-    id: "Id",
-    dataSource: dataSource,
-    showRowLines: true,
-    showBorders: true,
-    columnAutoWidth: true,
-    itemsExpr: props.itemsExpr,
-    wordWrapEnabled: true,
-    dataStructure: "tree"
-  }, React__default.createElement(DataGrid.Column, {
-    dataField: "Name",
-    caption: "Name"
-  }), React__default.createElement(DataGrid.Column, {
-    caption: "Read",
-    cellRender: function cellRender(_ref) {
-      var data = _ref.data;
-      return renderReadButtons(data);
-    }
-  }), React__default.createElement(DataGrid.Column, {
-    caption: "Modify",
-    cellRender: function cellRender(_ref2) {
-      var data = _ref2.data;
-      return renderModifyButtons(data);
-    }
-  })));
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(devextremeReact.TreeList, Object.assign({}, props), props.children));
 };
 
 var DxTreeView = function DxTreeView(props) {
@@ -16464,7 +16455,8 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     setIsLoading = _useState2[1];
   var fileName = props.exportFileName ? props.exportFileName + moment().format("YYYYMMDD") : "DatagridExportFile" + moment().format("YYYYMMDD");
   var _useState3 = React.useState(0),
-    filteredRowCount = _useState3[0];
+    filteredRowCount = _useState3[0],
+    setFilteredRowCount = _useState3[1];
   var _useState4 = React.useState(props.columns),
     columns = _useState4[0],
     setColumns = _useState4[1];
@@ -16738,19 +16730,22 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     }
   }, []);
   var renderTotal = React.useCallback(function () {
+    var result = "";
     var totalloaded = 0;
     if (data.length < 50 || !props.isServerSide || loadedPageCount == totalPageCount) {
       totalloaded = data.length;
     } else {
       totalloaded = loadedPageCount * props.pageSize;
     }
-    var result = "";
-    if (filteredRowCount > 0) {
-      result = "" + totalloaded + props.customSummary.summaryFilteredDataLabel + (totalRecordCount > 0 ? totalloaded + " " + props.customSummary.summaryLoadedDataLabel + ("- " + totalRecordCount) + props.customSummary.summaryTotalDataLabel : " ");
-    } else if (!props.isServerSide && totalloaded > 0) {
-      result = totalloaded + " " + props.customSummary.summaryLoadedDataLabel + ("- " + totalloaded) + props.customSummary.summaryTotalDataLabel;
-    } else {
+    if (props.isServerSide) {
       result = totalRecordCount > 0 ? totalloaded + " " + props.customSummary.summaryLoadedDataLabel + ("- " + totalRecordCount) + props.customSummary.summaryTotalDataLabel : "";
+      if (filteredRowCount > 0 && totalloaded !== filteredRowCount) {
+        var filteredLabel = filteredRowCount + " " + props.customSummary.summaryFilteredDataLabel + "- ";
+        result = filteredLabel + " " + result;
+      }
+    }
+    if (props.customSummary.summaryTotalCount !== undefined && !props.isServerSide) {
+      result = props.customSummary.summaryTotalDataLabel + " : " + props.customSummary.summaryTotalCount;
     }
     return result;
   }, [data, filteredRowCount, loadedPageCount, props.pageSize, totalRecordCount]);
@@ -16808,6 +16803,11 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       });
     };
   }, [data.length]);
+  var handleContentReady = function handleContentReady(e) {
+    var dataGridInstance = e.component;
+    var filteredDataCount = dataGridInstance.totalCount();
+    setFilteredRowCount(filteredDataCount);
+  };
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(DataGrid__default, {
     keyExpr: props.keyExpr,
     dataSource: data,
@@ -16841,7 +16841,8 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     noDataText: props.noDataText,
     onSaved: props.onSaved,
     onSaving: props.onSaving,
-    onEditCanceling: props.onEditCanceling
+    onEditCanceling: props.onEditCanceling,
+    onContentReady: handleContentReady
   }, columns.map(function (col) {
     return React__default.createElement(DataGrid.Column, Object.assign({
       key: col.dataField
@@ -17021,7 +17022,6 @@ exports.OdsCard = OdsCard;
 exports.OdsCheckbox = OdsCheckbox;
 exports.OdsCheckboxGroup = OdsCheckboxGroup;
 exports.OdsCollapse = OdsCollapse;
-exports.OdsCustomMultiSelect = OdsCustomMultiSelect;
 exports.OdsDataGrid = OdsDataGrid;
 exports.OdsDateRangePicker = OdsDateRangePicker;
 exports.OdsDatepicker = OdsDatepicker;
@@ -17035,6 +17035,7 @@ exports.OdsInputNumber = OdsInputNumber;
 exports.OdsLink = OdsLink;
 exports.OdsList = OdsList;
 exports.OdsModal = OdsModal;
+exports.OdsMultiSelect = OdsMultiSelect;
 exports.OdsNotification = OdsNotification;
 exports.OdsParagraph = OdsParagraph;
 exports.OdsPassword = OdsPassword;