ods-component-lib 1.18.240 → 1.18.242

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

@@ -1,8 +1,8 @@
 import { ReactElement } from "react";
-import { IOdsDataGridProps } from "./OdsMergeCellDataGrid.Types";
+import { IOdsDataGridProps, SummaryTypes } from "./OdsMergeCellDataGrid.Types";
 export declare const getRequestHeaders: (props: any) => Headers;
 export declare const concatFilteredLabel: (result: string, totalloaded: number, filteredRowCount: number, filterApplied: boolean, props: any) => string;
 export declare const showSummaryItems: (props: IOdsDataGridProps) => boolean;
 export declare const getSummaryItems: (props: IOdsDataGridProps, columns: any[], grid: any, isMultiLevelColumn?: boolean) => ReactElement[];
-export declare const getSummaryItem: (col: any, visibleIndex: number, summaryType: any, isMultiLevelColumn: boolean, label?: string) => ReactElement;
+export declare const getSummaryItem: (col: any, visibleIndex: number, summaryType: SummaryTypes, isMultiLevelColumn: boolean, label?: string) => ReactElement;
 export declare const getMultiLevelColumns: (col: any) => any;

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

@@ -3,6 +3,7 @@ import { ButtonType } from "antd/es/button/buttonHelpers";
 import { IButtonProps, IDataGridOptions, IEditingProps, ISelectionProps, ISummaryProps } from "devextreme-react/data-grid";
 import { ITooltipType } from "../../../utils/customTypes";
 import { IColumnOptions, IMasterDetailDatas, IMasterDetailFeatures } from "../OdsMasterDetailDataGrid/types";
+export declare type SummaryTypes = "avg" | "count" | "custom" | "max" | "min" | "sum";
 interface IExportProps {
     enabled: boolean;
     allowExportSelectedData?: boolean;

package/dist/components/devextreme/OdsTimelineTable/OdsTimelineTable.Style.d.ts

@@ -8,4 +8,8 @@ export declare const useStyles: (props?: {
     taskBarTitle: import("antd-style").SerializedStyles;
     searchBoxIcon: import("antd-style").SerializedStyles;
     searchBox: import("antd-style").SerializedStyles;
+    columnChooserPopup: import("antd-style").SerializedStyles;
+    columnChooserHeader: import("antd-style").SerializedStyles;
+    columnChooserCloseButton: import("antd-style").SerializedStyles;
+    columnChooserDivider: import("antd-style").SerializedStyles;
 }>;

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

@@ -131,6 +131,10 @@ export interface IOdsTimelineTableToolbarSettings {
         fileName?: string;
         documentFormat?: ExportDocumentType;
     };
+    columnChooser?: {
+        visible?: boolean;
+        title?: string;
+    };
     dateFilterVisible?: boolean;
     zoomVisible?: boolean;
 }
@@ -151,3 +155,8 @@ export interface ITranslationValue {
     originalValue: any;
     translatedValue: string;
 }
+export interface IOdsTimelineTableColumnChooserProps {
+    title: string;
+    items: string[];
+    onSelection?(selectedItems: string[], selectedItem?: string, deselectedItem?: string): void;
+}

package/dist/components/devextreme/OdsTimelineTable/OdsTimelineTableColumnChooser.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IOdsTimelineTableColumnChooserProps } from "./OdsTimelineTable.Types";
+declare const OdsTimelineTableColumnChooser: (props: IOdsTimelineTableColumnChooserProps) => React.JSX.Element;
+export default OdsTimelineTableColumnChooser;

package/dist/index.js

@@ -49,6 +49,7 @@ var FileSaver = require('file-saver');
 require('devextreme/dist/css/dx.light.css');
 var gantt = require('devextreme-react/gantt');
 require('jspdf-autotable');
+var button = require('devextreme-react/button');
 
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
@@ -37966,7 +37967,7 @@ var OdsMergeCellDataGridHelper = /*#__PURE__*/function () {
             });
           } else {
             mergedCells.filter(function (x) {
-              return x.FieldName == dataFieldCurrent && x.Type != "OutOfScope";
+              return x.FieldName == dataFieldCurrent && x.Type != "OutOfScope" && x.Type != "Dirty";
             }).map(function (item) {
               mergedCells.filter(function (x) {
                 return x.FieldName == dataFieldNext && x.Type != "New" && x.Type != "Placed";
@@ -38074,7 +38075,6 @@ var OdsMergeCellDataGrid = function OdsMergeCellDataGrid(props) {
     helper.columns = props.columns;
     helper.dataSource = props.dataSource;
     helper.mergeDataFields = props.mergeDataFields;
-    helper.sortDataSource();
     setMergedCellInfo(helper.mergeDataSource(props.keyExpr));
     setData(helper.dataSource);
   }, [props.dataSource]);
@@ -55971,7 +55971,7 @@ var OdsTimelineSelectionColumn = function OdsTimelineSelectionColumn(selectionEv
   return selectionColumn;
 };
 
-var _templateObject$B, _templateObject2$9, _templateObject3$6, _templateObject4$5, _templateObject5$4;
+var _templateObject$B, _templateObject2$9, _templateObject3$6, _templateObject4$5, _templateObject5$4, _templateObject6$3, _templateObject7$3, _templateObject8$3, _templateObject9$3;
 var useStyles$b = antdStyle.createStyles(function (_ref, props) {
   var _props$taskWidth, _props$progressPerc, _props$progressColor;
   var css = _ref.css;
@@ -55983,7 +55983,11 @@ var useStyles$b = antdStyle.createStyles(function (_ref, props) {
     taskProgress: css(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n        height: 100%;\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        width: ", "%;\n        border: 1px solid ", ";\n        border-radius: 5px;\n        background-color: ", ";\n      "])), _progressPerc, _progressColor, _progressColor),
     taskBarTitle: css(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteralLoose(["\n        z-index: 1;\n        padding-left: 4px;\n        position: absolute;\n      "]))),
     searchBoxIcon: css(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteralLoose(["\n        color: #999;\n        font-size: 17px;\n        line-height: 18px;\n      "]))),
-    searchBox: css(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n        padding-left: 5px;\n      "])))
+    searchBox: css(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n        padding-left: 5px;\n      "]))),
+    columnChooserPopup: css(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteralLoose(["\n        min-width: 250px;\n      "]))),
+    columnChooserHeader: css(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        align-items: center;\n      "]))),
+    columnChooserCloseButton: css(_templateObject8$3 || (_templateObject8$3 = _taggedTemplateLiteralLoose(["\n        flex: 1;\n        text-align: end;\n        cursor: pointer;\n      "]))),
+    columnChooserDivider: css(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteralLoose(["\n        margin-top: 10px;\n        margin-bottom: 10px;\n      "])))
   };
 });
 
@@ -56042,8 +56046,99 @@ var OdsTimelineTableSearchBox = function OdsTimelineTableSearchBox(props) {
   }));
 };
 
+var uniqueRecords = function uniqueRecords(value, index, array) {
+  return array.indexOf(value) === index;
+};
+
+var OdsTimelineTableColumnChooser = function OdsTimelineTableColumnChooser(props) {
+  var _useStyles = useStyles$b(),
+    timelineTableStyles = _useStyles.styles;
+  var _useState = React.useState(false),
+    open = _useState[0],
+    setOpen = _useState[1];
+  var _useState2 = React.useState(props.items),
+    columns = _useState2[0],
+    setColumns = _useState2[1];
+  var _useState3 = React.useState(props.items),
+    selectedColumns = _useState3[0],
+    setSelectedColumns = _useState3[1];
+  var filterColumns = function filterColumns(searchValue) {
+    if (searchValue !== undefined && searchValue !== null && searchValue !== "") {
+      setColumns(function (prev) {
+        return prev.filter(function (item) {
+          return item.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase());
+        });
+      });
+    } else {
+      setColumns(props.items);
+    }
+  };
+  var selectAllChanged = function selectAllChanged(isSelected) {
+    if (isSelected) {
+      setSelectedColumns(function (prev) {
+        return [].concat(prev, columns).filter(uniqueRecords);
+      });
+    } else {
+      setSelectedColumns(function (prev) {
+        return prev.filter(function (item) {
+          return !columns.some(function (x) {
+            return x === item;
+          });
+        });
+      });
+    }
+  };
+  var selectChanged = function selectChanged(_isSelected, _columnName) {};
+  var isSelected = function isSelected(columnName) {
+    return selectedColumns.some(columnName);
+  };
+  var content = React__default.createElement("div", {
+    className: timelineTableStyles.columnChooserPopup
+  }, React__default.createElement("div", {
+    className: timelineTableStyles.columnChooserHeader
+  }, React__default.createElement("span", null, props.title), React__default.createElement("span", {
+    className: timelineTableStyles.columnChooserCloseButton,
+    onClick: function onClick() {
+      return setOpen(false);
+    }
+  }, React__default.createElement(outline.CrossIcon, null))), React__default.createElement(OdsInput, {
+    key: "OdsTimelineTableColumnChooser_OdsSearch",
+    prefix: React__default.createElement("span", {
+      className: "dx-icon-search " + timelineTableStyles.searchBoxIcon
+    }),
+    className: timelineTableStyles.searchBox,
+    onChange: function onChange(e) {
+      return filterColumns(e.target.value);
+    }
+  }), React__default.createElement(OdsCheckbox, {
+    defaultChecked: true,
+    onChange: function onChange(e) {
+      return selectAllChanged(e.target.value);
+    }
+  }), React__default.createElement(antd.Divider, {
+    className: timelineTableStyles.columnChooserDivider
+  }), columns.map(function (columnName, index) {
+    return React__default.createElement(OdsCheckbox, {
+      key: "OdsTimelineTableColumnChooser_OdsCheckbox_" + index,
+      value: isSelected(columnName),
+      onChange: function onChange(e) {
+        return selectChanged();
+      }
+    });
+  }));
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(antd.Popover, {
+    open: open,
+    content: content
+  }, React__default.createElement(button.Button, {
+    icon: "columnchooser",
+    onClick: function onClick() {
+      return setOpen(true);
+    }
+  })));
+};
+
 var OdsTimelineTable = React.forwardRef(function (props, ref) {
-  var _toolbarSettings$sear, _toolbarSettings$sear5, _toolbarSettings$expo6, _toolbarSettings$expo7;
+  var _toolbarSettings$sear, _toolbarSettings$sear5, _toolbarSettings$expo6, _toolbarSettings$expo7, _toolbarSettings$colu;
   var customColumns = props.customColumns,
     customTasks = props.customTasks,
     customTaskKey = props.customTaskKey,
@@ -56410,6 +56505,19 @@ var OdsTimelineTable = React.forwardRef(function (props, ref) {
       stylingMode: "text",
       onClick: exportToPdf
     }
+  }), React__default.createElement(gantt.Item, {
+    key: "OdsTimelineTable_ToolbarItem_ColumChooser",
+    visible: toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$colu = toolbarSettings.columnChooser) === null || _toolbarSettings$colu === void 0 ? void 0 : _toolbarSettings$colu.visible,
+    location: toolbarSettings === null || toolbarSettings === void 0 ? void 0 : toolbarSettings.location,
+    component: function component(props) {
+      var _toolbarSettings$colu2, _toolbarSettings$colu3;
+      return OdsTimelineTableColumnChooser(_extends({}, props, {
+        title: (_toolbarSettings$colu2 = toolbarSettings === null || toolbarSettings === void 0 ? void 0 : (_toolbarSettings$colu3 = toolbarSettings.columnChooser) === null || _toolbarSettings$colu3 === void 0 ? void 0 : _toolbarSettings$colu3.title) != null ? _toolbarSettings$colu2 : "Column Chooser",
+        items: customColumns.map(function (item) {
+          return item.caption;
+        })
+      }));
+    }
   })) : "", React__default.createElement(gantt.ContextMenu, {
     enabled: false
   }), timelineColumns === null || timelineColumns === void 0 ? void 0 : timelineColumns.map(function (columnProps) {