ods-component-lib 1.18.40 → 1.18.41

package/dist/index.modern.js

@@ -924,38 +924,79 @@ function OdsRate(props) {
 var _templateObject$e;
 var StyledSelect = styled(Select)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n  width: 100%;\n"])));
 
-function OdsCustomMultiSelect(props) {
-  var _useState = 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 = useState([]),
+    value = _useState[0],
+    setValue = _useState[1];
+  var _useState2 = 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.createElement(React.Fragment, null, menu, React.createElement(OdsDivider, {
+      style: {
+        margin: "8px 0"
+      }
+    }), React.createElement(Space, {
+      style: {
+        padding: "0 8px 4px"
+      }
+    }, React.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.createElement("div", null, option.data.label, option.data.value == selectAllValue ? React.createElement(OdsDivider, {
+      style: {
+        margin: "8px 0px 0px 0px"
+      }
+    }) : "");
+  };
   return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
     theme: lightTheme
-  }, React.createElement(StyledSelect, Object.assign({}, props, {
+  }, React.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.createElement(React.Fragment, null, menu, React.createElement(OdsDivider, {
-        style: {
-          margin: '8px 0'
-        }
-      }), React.createElement(Space, {
-        style: {
-          padding: '0 8px 4px'
-        }
-      }, React.createElement(OdsButton, {
-        style: {
-          width: "100%"
-        },
-        type: "primary",
-        onClick: function onClick() {
-          return setOpen(false);
-        }
-      }, props.buttonLabel)));
     }
+  }, props, {
+    options: newOptions
   }))));
-}
+};
 
 function OdsSelect(props) {
   return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
@@ -16733,21 +16774,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     }
   }, []);
   var renderTotal = useCallback(function () {
-    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 {
-      result = totalRecordCount > 0 ? totalloaded + " " + props.customSummary.summaryLoadedDataLabel + ("- " + totalRecordCount) + props.customSummary.summaryTotalDataLabel : "";
-    }
-    return result;
+    return totalRecordCount > 0 ? props.customSummary.summaryTotalDataLabel + " : " + totalRecordCount : "";
   }, [data, filteredRowCount, loadedPageCount, props.pageSize, totalRecordCount]);
   var renderTotalPaging = useCallback(function () {
     var result = "";
@@ -17004,5 +17031,5 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   })));
 };
 
-export { DxTreeList, DxTreeView, OdsAlert, OdsAutoComplete, OdsBannerAlert, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsCustomMultiSelect, OdsDataGrid, OdsDateRangePicker, OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsCollapse as OdsDropdown, OdsDropdownButton, OdsImage, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsModal, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle };
+export { DxTreeList, DxTreeView, OdsAlert, OdsAutoComplete, OdsBannerAlert, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsDataGrid, OdsDateRangePicker, OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsCollapse as OdsDropdown, OdsDropdownButton, OdsImage, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsModal, 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 };
 //# sourceMappingURL=index.modern.js.map