ods-component-lib 1.18.40 → 1.18.41

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/OdsGantt/OdsGantt.Constants.d.ts

@@ -0,0 +1,4 @@
+export declare const Constants: {
+    timelineDefaultStartDate: Date;
+    timelineDefaultEndDate: Date;
+};

package/dist/components/devextreme/OdsGantt/OdsGantt.Functions.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const minimalHeaderCellComponent: (data: any, element: any) => React.JSX.Element;

package/dist/components/devextreme/OdsGantt/OdsGantt.Types.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { IColumnProps, IGanttOptions } from "devextreme-react/gantt";
+export interface IMenuLinkItem {
+    text: string;
+    url: string;
+    queryParamNames?: string[];
+}
+export interface IOdsGanttProps extends React.PropsWithChildren<IGanttOptions> {
+    menuLinkItems?: IMenuLinkItem[];
+    customColumns?: IOdsGanttColumnProps[];
+}
+export interface IOdsGanttColumnProps extends IColumnProps {
+    isMinimized?: boolean;
+    isStatusField?: boolean;
+}

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

@@ -0,0 +1,5 @@
+import React from "react";
+import "./OdsGantt.css";
+import { IOdsGanttProps } from "./OdsGantt.Types";
+declare const OdsGantt: (props: IOdsGanttProps) => React.JSX.Element;
+export default OdsGantt;

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, {
@@ -16738,21 +16779,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     }
   }, []);
   var renderTotal = React.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 = React.useCallback(function () {
     var result = "";
@@ -17021,7 +17048,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 +17061,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;