ods-component-lib 1.18.230 → 1.18.232

package/dist/components/antd/currencyInput/OdsCurrencyInput.stories.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { OdsCurrencyInputProps } from './types';
+import React from "react";
+import { OdsCurrencyInputProps } from "./types";
 declare const _default: {
     title: string;
     component: React.FC<OdsCurrencyInputProps>;
@@ -22,3 +22,6 @@ export declare const DisableNegative: any;
 export declare const DisableZero: any;
 export declare const StyleCurrencySelect: any;
 export declare const NullCurrencies: any;
+export declare const AsPercentage: any;
+export declare const PercentageOnRight: any;
+export declare const CurrencyOnRight: any;

package/dist/components/antd/currencyInput/types.d.ts

@@ -5,6 +5,8 @@ export declare type OdsCurrencyInputProps = InputNumberProps & {
     dontFormatValue?: boolean;
     disableNegative?: boolean;
     defaultValue?: number;
+    asPercentage?: boolean;
+    isOnRight?: boolean;
     currencySelectProps: CurrencySelectProps;
 };
 export declare type CurrencyOptionType = {

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

@@ -25,7 +25,7 @@ interface IExportProps {
 }
 export declare type ITooltipType = "raw" | "styled";
 export interface IOdsDataGridProps extends IDataGridOptions, IMultiCellEditableDataGridProps {
-    ref?: React.MutableRefObject<any> | undefined;
+    refGrid: React.MutableRefObject<any>;
     dataGridPageName?: string;
     language: string;
     exportFileName: string;

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

@@ -0,0 +1,9 @@
+export declare const useStyles: (props?: {
+    taskWidth: any;
+    progressPerc: any;
+    progressColor: any;
+}) => import("antd-style").ReturnStyles<{
+    taskBar: import("antd-style").SerializedStyles;
+    taskProgress: import("antd-style").SerializedStyles;
+    taskBarTitle: import("antd-style").SerializedStyles;
+}>;

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

@@ -44,14 +44,22 @@ export interface IOdsTimelineTableProps extends React.PropsWithChildren<IGanttOp
      * Set true if you want multi selection in list view.
      */
     multiSelectionEnabled?: boolean;
+    /**
+     * Set true if it' s visible.
+     */
+    toolbarVisible?: boolean;
+    /**
+     * Set true if it' s visible.
+     */
+    showDateFilter?: boolean;
     /**
      * This is a selection event that fired when selection is changed.
      */
-    onCustomSelectionChanged(e: ICustomSelectionChange): void;
+    onCustomSelectionChanged?(e: ICustomSelectionChange): void;
     /**
      * This is a date range event that fired when date range is changed.
      */
-    onDateRangeChange(e: IDateRangeChange): void;
+    onDateRangeChange?(e: IDateRangeChange): void;
 }
 export interface IOdsTimelineColumnProps extends IColumnProps {
     isMinimized?: boolean;

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

@@ -1,5 +1,5 @@
 import React from "react";
 import "./OdsTimelineTable.css";
 import { IOdsTimelineTableProps } from "./OdsTimelineTable.Types";
-declare const OdsTimeline: (props: IOdsTimelineTableProps) => React.JSX.Element;
-export default OdsTimeline;
+declare const OdsTimelineTable: React.ForwardRefExoticComponent<IOdsTimelineTableProps & React.RefAttributes<unknown>>;
+export default OdsTimelineTable;

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

@@ -1,2 +1,2 @@
 import { ICustomSelectionChange, IOdsTimelineColumnProps } from "./OdsTimelineTable.Types";
-export declare const OdsTimelineSelectionColumn: (selectionEvent: (e: ICustomSelectionChange) => void) => IOdsTimelineColumnProps;
+export declare const OdsTimelineSelectionColumn: (selectionEvent?: (e: ICustomSelectionChange) => void) => IOdsTimelineColumnProps;

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

@@ -0,0 +1,6 @@
+import React from "react";
+declare const OdsTimelineTableTaskTemplate: ({ taskData, taskSize }: {
+    taskData: any;
+    taskSize: any;
+}) => React.JSX.Element;
+export default OdsTimelineTableTaskTemplate;

package/dist/index.css

@@ -223,6 +223,14 @@ tr._2CvVM._3Xrp3._19iuB._3udtX {
     pointer-events: none;
     background-color: #f0f0f0;
 }
+._3lbve {
+  writing-mode: vertical-lr;
+}
+
+._3sOBn {
+  vertical-align: middle !important;
+}
+
 ._3n8UJ {
   background-color: lightgreen;
 }

package/dist/index.d.ts

@@ -64,6 +64,7 @@ import OdsTreeListMenu from "./components/antd/treeListMenu/OdsTreeListMenu";
 export { default as OdsTreeSelect } from "./components/antd/treeSelect/OdsTreeSelect";
 export { default as OdsCurrencyInput } from "./components/antd/currencyInput/OdsCurrencyInput";
 export { default as OdsMergeCellDataGrid } from "./components/devextreme/OdsMergeCellDataGrid/OdsMergeCellDataGrid";
+export { default as OdsTimelineTable } from "./components/devextreme/OdsTimelineTable/OdsTimelineTable";
 export { OdsButton };
 export { OdsInput };
 export { OdsDropdownButton };

package/dist/index.js

@@ -45,6 +45,7 @@ var devextremeReact = require('devextreme-react');
 var antdStyle = require('antd-style');
 var FileSaver = require('file-saver');
 require('devextreme/dist/css/dx.light.css');
+var gantt = require('devextreme-react/gantt');
 
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
@@ -37760,12 +37761,12 @@ var CurrencySelect = function CurrencySelect(_ref) {
   }));
 };
 
-var _excluded$7 = ["currencySelectProps", "defaultValue", "locale", "dontFormatValue", "min"];
+var _excluded$7 = ["currencySelectProps", "defaultValue", "locale", "dontFormatValue", "min", "asPercentage", "isOnRight"];
 var _templateObject$z;
 var useStyles$9 = antdStyle.createStyles(function (_ref) {
   var css = _ref.css;
   return {
-    Wrapper: css(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n        width: 100%;\n    "])))
+    Wrapper: css(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n    width: 100%;\n  "])))
   };
 });
 var OdsCurrencyInput = function OdsCurrencyInput(_ref2) {
@@ -37773,10 +37774,12 @@ var OdsCurrencyInput = function OdsCurrencyInput(_ref2) {
     _ref2$defaultValue = _ref2.defaultValue,
     defaultValue = _ref2$defaultValue === void 0 ? "" : _ref2$defaultValue,
     _ref2$locale = _ref2.locale,
-    locale = _ref2$locale === void 0 ? 'tr-TR' : _ref2$locale,
+    locale = _ref2$locale === void 0 ? "tr-TR" : _ref2$locale,
     dontFormatValue = _ref2.dontFormatValue,
     _ref2$min = _ref2.min,
     min = _ref2$min === void 0 ? 0 : _ref2$min,
+    asPercentage = _ref2.asPercentage,
+    isOnRight = _ref2.isOnRight,
     props = _objectWithoutPropertiesLoose(_ref2, _excluded$7);
   var _useStyles = useStyles$9(),
     styles = _useStyles.styles;
@@ -37787,6 +37790,9 @@ var OdsCurrencyInput = function OdsCurrencyInput(_ref2) {
     });
   }, [currencySelectProps]);
   var currencySelector = React.useMemo(function () {
+    if (asPercentage) {
+      return "%";
+    }
     if (!currencySelectProps || !currencySelectProps.currencyOptions || currencySelectProps.currencyOptions.length === 0) {
       return undefined;
     } else if (currencySelectProps.fixedCurrency) {
@@ -37806,7 +37812,8 @@ var OdsCurrencyInput = function OdsCurrencyInput(_ref2) {
   }, React__default.createElement(antd.InputNumber, Object.assign({
     defaultValue: defaultValue,
     min: min,
-    addonBefore: currencySelector,
+    addonBefore: !isOnRight && currencySelector,
+    addonAfter: isOnRight && currencySelector,
     value: props.value,
     className: styles.Wrapper,
     onChange: function onChange(value) {
@@ -37826,9 +37833,9 @@ var formatValue = function formatValue(value, locale) {
 };
 var parseValue = function parseValue(stringNumber, locale) {
   if (!stringNumber) return stringNumber;
-  var thousandSeparator = Intl.NumberFormat(locale).format(11111).replace(/(?:[0-9\xB2\xB3\xB9\xBC-\xBE\u0660-\u0669\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u09F4-\u09F9\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0B72-\u0B77\u0BE6-\u0BF2\u0C66-\u0C6F\u0C78-\u0C7E\u0CE6-\u0CEF\u0D58-\u0D5E\u0D66-\u0D78\u0DE6-\u0DEF\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F33\u1040-\u1049\u1090-\u1099\u1369-\u137C\u16EE-\u16F0\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1946-\u194F\u19D0-\u19DA\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\u2070\u2074-\u2079\u2080-\u2089\u2150-\u2182\u2185-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2CFD\u3007\u3021-\u3029\u3038-\u303A\u3192-\u3195\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\uA620-\uA629\uA6E6-\uA6EF\uA830-\uA835\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uA9F0-\uA9F9\uAA50-\uAA59\uABF0-\uABF9\uFF10-\uFF19]|\uD800[\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDEE1-\uDEFB\uDF20-\uDF23\uDF41\uDF4A\uDFD1-\uDFD5]|\uD801[\uDCA0-\uDCA9]|\uD802[\uDC58-\uDC5F\uDC79-\uDC7F\uDCA7-\uDCAF\uDCFB-\uDCFF\uDD16-\uDD1B\uDDBC\uDDBD\uDDC0-\uDDCF\uDDD2-\uDDFF\uDE40-\uDE48\uDE7D\uDE7E\uDE9D-\uDE9F\uDEEB-\uDEEF\uDF58-\uDF5F\uDF78-\uDF7F\uDFA9-\uDFAF]|\uD803[\uDCFA-\uDCFF\uDD30-\uDD39\uDE60-\uDE7E\uDF1D-\uDF26\uDF51-\uDF54\uDFC5-\uDFCB]|\uD804[\uDC52-\uDC6F\uDCF0-\uDCF9\uDD36-\uDD3F\uDDD0-\uDDD9\uDDE1-\uDDF4\uDEF0-\uDEF9]|\uD805[\uDC50-\uDC59\uDCD0-\uDCD9\uDE50-\uDE59\uDEC0-\uDEC9\uDF30-\uDF3B]|\uD806[\uDCE0-\uDCF2\uDD50-\uDD59]|\uD807[\uDC50-\uDC6C\uDD50-\uDD59\uDDA0-\uDDA9\uDF50-\uDF59\uDFC0-\uDFD4]|\uD809[\uDC00-\uDC6E]|\uD81A[\uDE60-\uDE69\uDEC0-\uDEC9\uDF50-\uDF59\uDF5B-\uDF61]|\uD81B[\uDE80-\uDE96]|\uD834[\uDEC0-\uDED3\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDFCE-\uDFFF]|\uD838[\uDD40-\uDD49\uDEF0-\uDEF9]|\uD839[\uDCF0-\uDCF9]|\uD83A[\uDCC7-\uDCCF\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9])/g, '');
-  var decimalSeparator = Intl.NumberFormat(locale).format(1.1).replace(/(?:[0-9\xB2\xB3\xB9\xBC-\xBE\u0660-\u0669\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u09F4-\u09F9\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0B72-\u0B77\u0BE6-\u0BF2\u0C66-\u0C6F\u0C78-\u0C7E\u0CE6-\u0CEF\u0D58-\u0D5E\u0D66-\u0D78\u0DE6-\u0DEF\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F33\u1040-\u1049\u1090-\u1099\u1369-\u137C\u16EE-\u16F0\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1946-\u194F\u19D0-\u19DA\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\u2070\u2074-\u2079\u2080-\u2089\u2150-\u2182\u2185-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2CFD\u3007\u3021-\u3029\u3038-\u303A\u3192-\u3195\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\uA620-\uA629\uA6E6-\uA6EF\uA830-\uA835\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uA9F0-\uA9F9\uAA50-\uAA59\uABF0-\uABF9\uFF10-\uFF19]|\uD800[\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDEE1-\uDEFB\uDF20-\uDF23\uDF41\uDF4A\uDFD1-\uDFD5]|\uD801[\uDCA0-\uDCA9]|\uD802[\uDC58-\uDC5F\uDC79-\uDC7F\uDCA7-\uDCAF\uDCFB-\uDCFF\uDD16-\uDD1B\uDDBC\uDDBD\uDDC0-\uDDCF\uDDD2-\uDDFF\uDE40-\uDE48\uDE7D\uDE7E\uDE9D-\uDE9F\uDEEB-\uDEEF\uDF58-\uDF5F\uDF78-\uDF7F\uDFA9-\uDFAF]|\uD803[\uDCFA-\uDCFF\uDD30-\uDD39\uDE60-\uDE7E\uDF1D-\uDF26\uDF51-\uDF54\uDFC5-\uDFCB]|\uD804[\uDC52-\uDC6F\uDCF0-\uDCF9\uDD36-\uDD3F\uDDD0-\uDDD9\uDDE1-\uDDF4\uDEF0-\uDEF9]|\uD805[\uDC50-\uDC59\uDCD0-\uDCD9\uDE50-\uDE59\uDEC0-\uDEC9\uDF30-\uDF3B]|\uD806[\uDCE0-\uDCF2\uDD50-\uDD59]|\uD807[\uDC50-\uDC6C\uDD50-\uDD59\uDDA0-\uDDA9\uDF50-\uDF59\uDFC0-\uDFD4]|\uD809[\uDC00-\uDC6E]|\uD81A[\uDE60-\uDE69\uDEC0-\uDEC9\uDF50-\uDF59\uDF5B-\uDF61]|\uD81B[\uDE80-\uDE96]|\uD834[\uDEC0-\uDED3\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDFCE-\uDFFF]|\uD838[\uDD40-\uDD49\uDEF0-\uDEF9]|\uD839[\uDCF0-\uDCF9]|\uD83A[\uDCC7-\uDCCF\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9])/g, '');
-  return parseFloat(stringNumber.replace(new RegExp('\\' + thousandSeparator, 'g'), '').replace(new RegExp('\\' + decimalSeparator), '.'));
+  var thousandSeparator = Intl.NumberFormat(locale).format(11111).replace(/(?:[0-9\xB2\xB3\xB9\xBC-\xBE\u0660-\u0669\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u09F4-\u09F9\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0B72-\u0B77\u0BE6-\u0BF2\u0C66-\u0C6F\u0C78-\u0C7E\u0CE6-\u0CEF\u0D58-\u0D5E\u0D66-\u0D78\u0DE6-\u0DEF\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F33\u1040-\u1049\u1090-\u1099\u1369-\u137C\u16EE-\u16F0\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1946-\u194F\u19D0-\u19DA\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\u2070\u2074-\u2079\u2080-\u2089\u2150-\u2182\u2185-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2CFD\u3007\u3021-\u3029\u3038-\u303A\u3192-\u3195\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\uA620-\uA629\uA6E6-\uA6EF\uA830-\uA835\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uA9F0-\uA9F9\uAA50-\uAA59\uABF0-\uABF9\uFF10-\uFF19]|\uD800[\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDEE1-\uDEFB\uDF20-\uDF23\uDF41\uDF4A\uDFD1-\uDFD5]|\uD801[\uDCA0-\uDCA9]|\uD802[\uDC58-\uDC5F\uDC79-\uDC7F\uDCA7-\uDCAF\uDCFB-\uDCFF\uDD16-\uDD1B\uDDBC\uDDBD\uDDC0-\uDDCF\uDDD2-\uDDFF\uDE40-\uDE48\uDE7D\uDE7E\uDE9D-\uDE9F\uDEEB-\uDEEF\uDF58-\uDF5F\uDF78-\uDF7F\uDFA9-\uDFAF]|\uD803[\uDCFA-\uDCFF\uDD30-\uDD39\uDE60-\uDE7E\uDF1D-\uDF26\uDF51-\uDF54\uDFC5-\uDFCB]|\uD804[\uDC52-\uDC6F\uDCF0-\uDCF9\uDD36-\uDD3F\uDDD0-\uDDD9\uDDE1-\uDDF4\uDEF0-\uDEF9]|\uD805[\uDC50-\uDC59\uDCD0-\uDCD9\uDE50-\uDE59\uDEC0-\uDEC9\uDF30-\uDF3B]|\uD806[\uDCE0-\uDCF2\uDD50-\uDD59]|\uD807[\uDC50-\uDC6C\uDD50-\uDD59\uDDA0-\uDDA9\uDF50-\uDF59\uDFC0-\uDFD4]|\uD809[\uDC00-\uDC6E]|\uD81A[\uDE60-\uDE69\uDEC0-\uDEC9\uDF50-\uDF59\uDF5B-\uDF61]|\uD81B[\uDE80-\uDE96]|\uD834[\uDEC0-\uDED3\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDFCE-\uDFFF]|\uD838[\uDD40-\uDD49\uDEF0-\uDEF9]|\uD839[\uDCF0-\uDCF9]|\uD83A[\uDCC7-\uDCCF\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9])/g, "");
+  var decimalSeparator = Intl.NumberFormat(locale).format(1.1).replace(/(?:[0-9\xB2\xB3\xB9\xBC-\xBE\u0660-\u0669\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u09F4-\u09F9\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0B72-\u0B77\u0BE6-\u0BF2\u0C66-\u0C6F\u0C78-\u0C7E\u0CE6-\u0CEF\u0D58-\u0D5E\u0D66-\u0D78\u0DE6-\u0DEF\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F33\u1040-\u1049\u1090-\u1099\u1369-\u137C\u16EE-\u16F0\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1946-\u194F\u19D0-\u19DA\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\u2070\u2074-\u2079\u2080-\u2089\u2150-\u2182\u2185-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2CFD\u3007\u3021-\u3029\u3038-\u303A\u3192-\u3195\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\uA620-\uA629\uA6E6-\uA6EF\uA830-\uA835\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uA9F0-\uA9F9\uAA50-\uAA59\uABF0-\uABF9\uFF10-\uFF19]|\uD800[\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDEE1-\uDEFB\uDF20-\uDF23\uDF41\uDF4A\uDFD1-\uDFD5]|\uD801[\uDCA0-\uDCA9]|\uD802[\uDC58-\uDC5F\uDC79-\uDC7F\uDCA7-\uDCAF\uDCFB-\uDCFF\uDD16-\uDD1B\uDDBC\uDDBD\uDDC0-\uDDCF\uDDD2-\uDDFF\uDE40-\uDE48\uDE7D\uDE7E\uDE9D-\uDE9F\uDEEB-\uDEEF\uDF58-\uDF5F\uDF78-\uDF7F\uDFA9-\uDFAF]|\uD803[\uDCFA-\uDCFF\uDD30-\uDD39\uDE60-\uDE7E\uDF1D-\uDF26\uDF51-\uDF54\uDFC5-\uDFCB]|\uD804[\uDC52-\uDC6F\uDCF0-\uDCF9\uDD36-\uDD3F\uDDD0-\uDDD9\uDDE1-\uDDF4\uDEF0-\uDEF9]|\uD805[\uDC50-\uDC59\uDCD0-\uDCD9\uDE50-\uDE59\uDEC0-\uDEC9\uDF30-\uDF3B]|\uD806[\uDCE0-\uDCF2\uDD50-\uDD59]|\uD807[\uDC50-\uDC6C\uDD50-\uDD59\uDDA0-\uDDA9\uDF50-\uDF59\uDFC0-\uDFD4]|\uD809[\uDC00-\uDC6E]|\uD81A[\uDE60-\uDE69\uDEC0-\uDEC9\uDF50-\uDF59\uDF5B-\uDF61]|\uD81B[\uDE80-\uDE96]|\uD834[\uDEC0-\uDED3\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDFCE-\uDFFF]|\uD838[\uDD40-\uDD49\uDEF0-\uDEF9]|\uD839[\uDCF0-\uDCF9]|\uD83A[\uDCC7-\uDCCF\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9])/g, "");
+  return parseFloat(stringNumber.replace(new RegExp("\\" + thousandSeparator, "g"), "").replace(new RegExp("\\" + decimalSeparator), "."));
 };
 
 var _templateObject$A, _templateObject2$8, _templateObject3$5, _templateObject4$4;
@@ -38048,7 +38055,7 @@ OdsMergeCellDataGridHelper.getInstance = function () {
 var useToken$2 = antd.theme.useToken;
 var OdsMergeCellDataGrid = function OdsMergeCellDataGrid(props) {
   var _props$columnResizing, _props$className, _props$selection, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
-  var ref = props.ref,
+  var refGrid = props.refGrid,
     keyExpr = props.keyExpr,
     hasFastUpdate = props.hasFastUpdate,
     fastUpdateButtonText = props.fastUpdateButtonText,
@@ -38070,7 +38077,6 @@ var OdsMergeCellDataGrid = function OdsMergeCellDataGrid(props) {
     token = _useToken.token;
   var _AntForm$useForm = antd.Form.useForm(),
     fastUpdateForm = _AntForm$useForm[0];
-  var gridRef = ref != null ? ref : React.useRef(null);
   var helper = OdsMergeCellDataGridHelper.getInstance();
   var pkName = keyExpr && keyExpr.toString();
   var _useState = React.useState(false),
@@ -38142,8 +38148,8 @@ var OdsMergeCellDataGrid = function OdsMergeCellDataGrid(props) {
   React.useEffect(function () {
     localization.locale(localStorage.getItem("locale"));
     localization.loadMessages(JSON.parse(localStorage.getItem("localTranslation")));
-    if (gridRef.current) {
-      gridRef.current.instance.updateDimensions();
+    if (refGrid.current) {
+      refGrid.current.instance.updateDimensions();
     }
     hasFastUpdate && document.addEventListener("keydown", keydownEvent);
     return function () {
@@ -38202,13 +38208,13 @@ var OdsMergeCellDataGrid = function OdsMergeCellDataGrid(props) {
     }));
     for (var rowIndex = minRowIndex; rowIndex <= maxRowIndex; rowIndex++) {
       var _loop2 = function _loop2() {
-        var _column = gridRef.current.instance.columnOption(colIndex);
+        var _column = refGrid.current.instance.columnOption(colIndex);
         if (constants$2.allowedDataTypesForMultiCellEditing.some(function (item) {
           return item.toLocaleLowerCase() == _column.dataType.toLocaleLowerCase();
         })) {
           result.push({
             dataField: _column.dataField,
-            pkValue: gridRef.current.instance.cellValue(rowIndex, pkName)
+            pkValue: refGrid.current.instance.cellValue(rowIndex, pkName)
           });
         }
       };
@@ -38244,8 +38250,8 @@ var OdsMergeCellDataGrid = function OdsMergeCellDataGrid(props) {
     });
   };
   var removeSelectedCell = function removeSelectedCell(rowIndex, colIndex) {
-    var dataField = gridRef.current.instance.columnOption(colIndex).dataField;
-    var pkValue = gridRef.current.instance.cellValue(rowIndex, pkName);
+    var dataField = refGrid.current.instance.columnOption(colIndex).dataField;
+    var pkValue = refGrid.current.instance.cellValue(rowIndex, pkName);
     setSelectedCells(function (prev) {
       return prev.filter(function (cell) {
         return !(cell.dataField == dataField && cell.pkValue == pkValue);
@@ -38698,7 +38704,7 @@ var OdsMergeCellDataGrid = function OdsMergeCellDataGrid(props) {
     dataSource: data,
     showBorders: true,
     columnAutoWidth: false,
-    ref: gridRef,
+    ref: refGrid,
     height: props.height == undefined ? window.innerHeight - 164 : props.height,
     allowColumnResizing: true,
     columnResizingMode: (_props$columnResizing = props.columnResizingMode) != null ? _props$columnResizing : "widget",
@@ -38863,6 +38869,316 @@ var OdsMergeCellDataGrid = function OdsMergeCellDataGrid(props) {
   })));
 };
 
+var currentYear = new Date().getFullYear();
+var Constants = {
+  timelineDefaultStartDate: new Date(currentYear, 0, 1),
+  timelineDefaultEndDate: new Date(currentYear + 1, 0, 1)
+};
+
+var checkboxCellComponent = function checkboxCellComponent(props) {
+  var isChecked = props.data.value;
+  var onChange = function onChange(e) {
+    props.data.column.onCheckboxColumnChange({
+      data: props.data.data,
+      dataField: props.data.column.dataField,
+      isChecked: e.target.checked
+    });
+  };
+  return React__default.createElement(OdsCheckbox, {
+    key: "odstimeline-checkboxcolumn-" + props.data.name,
+    style: {
+      height: "32px"
+    },
+    defaultChecked: isChecked,
+    onChange: onChange
+  });
+};
+var statusCellComponent = function statusCellComponent(props) {
+  var isActive = props.data.value;
+  var _onClick = function onClick(value) {
+    props.data.column.onStatusColumnChange({
+      data: props.data.data,
+      dataField: props.data.column.dataField,
+      status: value
+    });
+  };
+  return isActive ? React__default.createElement(icons.CheckCircleFilled, {
+    style: {
+      fontSize: 20,
+      color: "#568B6B"
+    },
+    onClick: function onClick() {
+      return _onClick(false);
+    }
+  }) : React__default.createElement(icons.CheckCircleFilled, {
+    style: {
+      fontSize: 20,
+      color: "#EDEDED"
+    },
+    onClick: function onClick() {
+      return _onClick(true);
+    }
+  });
+};
+var minimalHeaderCellComponent = function minimalHeaderCellComponent(data, __el) {
+  return React__default.createElement("div", {
+    className: "minimalHeaderCell"
+  }, data.data.column.caption);
+};
+var mapCustomTask = function mapCustomTask(item) {
+  return _extends({
+    isSelected: false
+  }, item);
+};
+var setSelectedKeys = function setSelectedKeys(datasource, key, selectedKeys) {
+  if (key && key != "" && selectedKeys && selectedKeys.length > 0) {
+    return datasource.map(function (x) {
+      if (selectedKeys.some(function (y) {
+        return y == x[key];
+      })) {
+        x.isSelected = true;
+      }
+      return x;
+    });
+  } else {
+    return datasource;
+  }
+};
+
+var OdsTimelineDateFilter = function OdsTimelineDateFilter(props) {
+  var defaultStartDate = props.defaultStartDate,
+    defaultEndDate = props.defaultEndDate,
+    backText = props.backText,
+    nextText = props.nextText,
+    onFilterRangeChange = props.onFilterRangeChange;
+  var _useState = React.useState([dayjs_min(defaultStartDate), dayjs_min(defaultEndDate)]),
+    dateRange = _useState[0],
+    setDateRange = _useState[1];
+  var startDate = dateRange[0].toDate();
+  var endDate = dateRange[1].toDate();
+  var onPickerValueChange = function onPickerValueChange(date) {
+    var newStartDate = date[0].toDate(),
+      newEndDate = date[1].toDate();
+    (newStartDate != startDate || newEndDate != endDate) && onFilterRangeChange({
+      startDate: newStartDate,
+      endDate: newEndDate
+    });
+    setDateRange(date);
+  };
+  var buttonClick = function buttonClick(monthDirection) {
+    var newStartDate = startDate,
+      newEndDate = endDate,
+      currentStartYear = startDate.getFullYear(),
+      currentStartMonth = startDate.getMonth(),
+      currentEndYear = endDate.getFullYear(),
+      currentEndMonth = endDate.getMonth();
+    switch (monthDirection) {
+      case "previousMonth":
+        newStartDate.setMonth(currentStartMonth == 0 ? 11 : currentStartMonth - 1);
+        newStartDate.setFullYear(currentStartMonth == 0 ? currentStartYear - 1 : currentStartYear);
+        break;
+      case "nextMonth":
+        newEndDate.setMonth(currentEndMonth == 11 ? 0 : currentEndMonth + 1);
+        newEndDate.setFullYear(currentEndMonth == 11 ? currentEndYear + 1 : currentEndYear);
+        break;
+    }
+    setDateRange([dayjs_min(newStartDate), dayjs_min(newEndDate)]);
+    onFilterRangeChange({
+      startDate: newStartDate,
+      endDate: newEndDate
+    });
+  };
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(antd.Space, null, React__default.createElement(OdsButton, {
+    key: "odsbutton-back",
+    onClick: function onClick(_e) {
+      buttonClick("previousMonth");
+    },
+    style: {
+      backgroundColor: "#A19FA0",
+      color: "white",
+      borderColor: "white"
+    }
+  }, React__default.createElement(icons.LeftCircleFilled, null), backText != null ? backText : "Back"), React__default.createElement(OdsDateRangePicker, {
+    defaultValue: [dayjs_min(defaultStartDate), dayjs_min(defaultEndDate)],
+    value: dateRange,
+    onPickerValueChange: onPickerValueChange
+  }), React__default.createElement(OdsButton, {
+    key: "odsbutton-next",
+    onClick: function onClick(_e) {
+      buttonClick("nextMonth");
+    },
+    style: {
+      backgroundColor: "#A19FA0",
+      color: "white",
+      borderColor: "white"
+    }
+  }, nextText != null ? nextText : "Next", React__default.createElement(icons.RightCircleFilled, null))));
+};
+
+var OdsTimelineSelectionColumn = function OdsTimelineSelectionColumn(selectionEvent) {
+  var selectionColumn = {
+    caption: "",
+    minWidth: 50,
+    width: 50,
+    dataField: "isSelected",
+    cellComponent: function cellComponent(props) {
+      var onChange = function onChange(e) {
+        selectionEvent && selectionEvent({
+          data: props.data.data,
+          isSelected: e.target.checked
+        });
+      };
+      return React__default.createElement(OdsCheckbox, {
+        key: "odstimeline-selection-" + props.data.name,
+        style: {
+          height: "32px"
+        },
+        defaultChecked: props.data.value,
+        onChange: onChange
+      });
+    }
+  };
+  return selectionColumn;
+};
+
+var _templateObject$B, _templateObject2$9, _templateObject3$6;
+var useStyles$b = antdStyle.createStyles(function (_ref, props) {
+  var css = _ref.css;
+  return {
+    taskBar: css(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n        min-height: 22px;\n        display: block;\n        overflow: hidden;\n        width: ", "px;\n        border: 1px solid #f0f0f0;\n        border-radius: 5px;\n        background-color: #f0f0f0;\n      "])), props.taskWidth),
+    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      "])), props.progressPerc, props.progressColor, props.progressColor),
+    taskBarTitle: css(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteralLoose(["\n        z-index: 1;\n        padding-left: 4px;\n        position: absolute;\n      "])))
+  };
+});
+
+var OdsTimelineTableTaskTemplate = function OdsTimelineTableTaskTemplate(_ref) {
+  var taskData = _ref.taskData,
+    taskSize = _ref.taskSize;
+  var _useStyles = useStyles$b({
+      progressColor: taskData.color,
+      progressPerc: taskData.progress,
+      taskWidth: taskSize.width
+    }),
+    timelineTableStyles = _useStyles.styles;
+  return React__default.createElement("div", {
+    className: timelineTableStyles.taskBar
+  }, React__default.createElement("span", {
+    className: timelineTableStyles.taskBarTitle
+  }, taskData.title), React__default.createElement("div", {
+    className: timelineTableStyles.taskProgress
+  }));
+};
+
+var OdsTimelineTable = React.forwardRef(function (props, ref) {
+  var customColumns = props.customColumns,
+    customTasks = props.customTasks,
+    customTaskKey = props.customTaskKey,
+    customSelectedKeys = props.customSelectedKeys,
+    children = props.children,
+    startDateRange = props.startDateRange,
+    endDateRange = props.endDateRange,
+    multiSelectionEnabled = props.multiSelectionEnabled,
+    toolbarVisible = props.toolbarVisible,
+    showDateFilter = props.showDateFilter,
+    onCustomSelectionChanged = props.onCustomSelectionChanged,
+    onDateRangeChange = props.onDateRangeChange;
+  var _useState = React.useState(startDateRange != null ? startDateRange : Constants.timelineDefaultStartDate),
+    startDate = _useState[0],
+    setStartDate = _useState[1];
+  var _useState2 = React.useState(endDateRange != null ? endDateRange : Constants.timelineDefaultEndDate),
+    endDate = _useState2[0],
+    setEndDate = _useState2[1];
+  var _useState3 = React.useState([]),
+    timelineTasks = _useState3[0],
+    setTimelineTasks = _useState3[1];
+  React.useEffect(function () {
+    setTimelineTasks(multiSelectionEnabled ? setSelectedKeys(customTasks.map(mapCustomTask), customTaskKey, customSelectedKeys) : customTasks);
+  }, [customTasks]);
+  var getSelectedRowsData = function getSelectedRowsData() {
+    return timelineTasks.filter(function (item) {
+      return item.isSelected == true;
+    });
+  };
+  var updateSelectionData = function updateSelectionData(keyValue, isSelected) {
+    setTimelineTasks(function (prev) {
+      return prev.map(function (item) {
+        if (item[props.customTaskKey] == keyValue) {
+          item.isSelected = isSelected;
+        }
+        return item;
+      });
+    });
+  };
+  var onTimelineDateRangeChange = function onTimelineDateRangeChange(e) {
+    setStartDate(e.startDate);
+    setEndDate(e.endDate);
+    onDateRangeChange && onDateRangeChange({
+      startDate: e.startDate,
+      endDate: e.endDate
+    });
+  };
+  var onTimelineCheckboxSelectionChange = function onTimelineCheckboxSelectionChange(e) {
+    updateSelectionData(e.data[props.customTaskKey], e.isSelected);
+    onCustomSelectionChanged && onCustomSelectionChanged(e);
+  };
+  var timelineColumns = multiSelectionEnabled ? [OdsTimelineSelectionColumn(onTimelineCheckboxSelectionChange)].concat(customColumns) : customColumns;
+  React.useImperativeHandle(ref, function () {
+    return {
+      getSelectedRowsData: getSelectedRowsData
+    };
+  });
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(gantt.Gantt, Object.assign({
+    width: "100%",
+    height: 500,
+    startDateRange: startDate,
+    endDateRange: endDate,
+    taskContentRender: function taskContentRender(params) {
+      return React__default.createElement(OdsTimelineTableTaskTemplate, Object.assign({}, params));
+    }
+  }, props), toolbarVisible ? React__default.createElement(gantt.Toolbar, null, showDateFilter ? React__default.createElement(gantt.Item, {
+    key: "OdsTimelineTable_ToolbarItem_DateFilter",
+    component: function component(props) {
+      return OdsTimelineDateFilter(_extends({}, props, {
+        defaultStartDate: startDate,
+        defaultEndDate: endDate,
+        onFilterRangeChange: onTimelineDateRangeChange
+      }));
+    }
+  }) : "", React__default.createElement(gantt.Item, {
+    key: "OdsTimelineTable_ToolbarItem_ZoomIn",
+    name: "zoomIn"
+  }), React__default.createElement(gantt.Item, {
+    key: "OdsTimelineTable_ToolbarItem_ZoomOut",
+    name: "zoomOut"
+  })) : "", React__default.createElement(gantt.ContextMenu, {
+    enabled: false
+  }), timelineColumns === null || timelineColumns === void 0 ? void 0 : timelineColumns.map(function (columnProps) {
+    if (columnProps.isStatusColumn) {
+      return React__default.createElement(gantt.Column, Object.assign({
+        width: 50,
+        minWidth: 50,
+        cssClass: "cellCenteredVertically",
+        cellComponent: statusCellComponent,
+        headerCellComponent: minimalHeaderCellComponent
+      }, columnProps));
+    } else if (columnProps.isCheckboxColumn) {
+      return React__default.createElement(gantt.Column, Object.assign({
+        width: 50,
+        minWidth: 50,
+        cssClass: "cellCenteredVertically",
+        cellComponent: checkboxCellComponent,
+        headerCellComponent: minimalHeaderCellComponent
+      }, columnProps));
+    } else {
+      return React__default.createElement(gantt.Column, Object.assign({
+        headerCellComponent: columnProps.isMinimized && minimalHeaderCellComponent
+      }, columnProps));
+    }
+  }), React__default.createElement(gantt.Tasks, {
+    dataSource: timelineTasks
+  }), children));
+});
+
 /**
  * Checks if `value` is the
  * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
@@ -40581,6 +40897,7 @@ exports.OdsTag = OdsTag;
 exports.OdsText = OdsText;
 exports.OdsTextArea = OdsTextArea;
 exports.OdsTimeline = OdsTimeline;
+exports.OdsTimelineTable = OdsTimelineTable;
 exports.OdsTimepicker = OdsTimepicker;
 exports.OdsTitle = OdsTitle;
 exports.OdsTransfer = OdsTransfer;