@progress/kendo-react-gantt 5.4.0-dev.202205200719 → 5.4.0-dev.202206061009

package/dist/npm/components/toolbar/AddButton.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AddButton = void 0;
 var React = require("react");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
 var messages_1 = require("../../messages");
 /** @hidden */
 exports.AddButton = React.forwardRef(function (props, _) {
-    var localizationService = kendo_react_intl_1.useLocalization();
+    var localizationService = (0, kendo_react_intl_1.useLocalization)();
     var localizeMessage = function (message) {
         return localizationService.toLanguageString(message, messages_1.messages[message]);
     };

package/dist/npm/components/toolbar/Toolbar.js

@@ -15,11 +15,14 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toolbar = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
@@ -33,7 +36,7 @@ exports.Toolbar = React.forwardRef(function (props, ref) {
     var toolbar = React.useRef(null);
     React.useImperativeHandle(toolbar, function () { return ({ element: element.current, props: props }); });
     React.useImperativeHandle(ref, function () { return toolbar.current; });
-    var rootClassName = React.useMemo(function () { return kendo_react_common_1.classNames('k-gantt-toolbar k-gantt-header', className); }, [className]);
+    var rootClassName = React.useMemo(function () { return (0, kendo_react_common_1.classNames)('k-gantt-toolbar k-gantt-header', className); }, [className]);
     return (React.createElement(kendo_react_buttons_1.Toolbar, __assign({ ref: function (tb) { if (tb) {
             element.current = tb.element;
         } }, className: rootClassName }, other), props.children));

package/dist/npm/components/toolbar/view-selector/ViewSelector.js

@@ -15,11 +15,14 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViewSelector = void 0;
 var React = require("react");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -33,6 +36,6 @@ exports.ViewSelector = React.forwardRef(function (props, ref) {
     React.useImperativeHandle(ref, function () { return ({ element: element.current, props: props }); });
     return (React.createElement(kendo_react_buttons_1.ToolbarItem, __assign({ ref: function (item) { if (item) {
             element.current = item.element;
-        } }, className: kendo_react_common_1.classNames('k-gantt-views', className) }, other), props.children));
+        } }, className: (0, kendo_react_common_1.classNames)('k-gantt-views', className) }, other), props.children));
 });
 exports.ViewSelector.displayName = 'KendoReactGanttViewSelector';

package/dist/npm/components/toolbar/view-selector/ViewSelectorItem.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViewSelectorItem = void 0;
 var React = require("react");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var GanttContext_1 = require("../../../context/GanttContext");
 /** @hidden */
-exports.ViewSelectorItem = function (props) {
-    var _a = GanttContext_1.useGanttActiveViewContext(), activeViewName = _a[0], setActiveViewName = _a[1];
-    var localizationService = kendo_react_intl_1.useLocalization();
+var ViewSelectorItem = function (props) {
+    var _a = (0, GanttContext_1.useGanttActiveViewContext)(), activeViewName = _a[0], setActiveViewName = _a[1];
+    var localizationService = (0, kendo_react_intl_1.useLocalization)();
     var title = React.useMemo(function () { return typeof props.view.title === 'function'
         ? props.view.title.call(undefined, localizationService)
         : props.view.title; }, [props.view.title, localizationService]);
@@ -16,4 +17,5 @@ exports.ViewSelectorItem = function (props) {
     } }, [setActiveViewName, props.view.name]);
     return (React.createElement(kendo_react_buttons_1.Button, { role: "button", type: "button", tabIndex: -1, togglable: true, selected: props.view.name === activeViewName, onClick: handleClick }, title));
 };
+exports.ViewSelectorItem = ViewSelectorItem;
 exports.ViewSelectorItem.displayName = 'KendoReactGanttViewSelectorItem';

package/dist/npm/components/toolbar/view-selector/ViewSelectorList.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 /** @hidden */
-export declare const ViewSelectorList: React.ForwardRefExoticComponent<React.RefAttributes<{}>>;
+export declare const ViewSelectorList: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;

package/dist/npm/components/toolbar/view-selector/ViewSelectorList.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViewSelectorList = void 0;
 var React = require("react");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
@@ -18,10 +19,10 @@ var ViewSelectorItem_1 = require("./ViewSelectorItem");
 var GanttContext_1 = require("../../../context/GanttContext");
 /** @hidden */
 exports.ViewSelectorList = React.forwardRef(function () {
-    var views = GanttContext_1.useGanttViewsContext();
-    var _a = GanttContext_1.useGanttActiveViewContext(), activeViewName = _a[0], setActiveViewName = _a[1];
+    var views = (0, GanttContext_1.useGanttViewsContext)();
+    var _a = (0, GanttContext_1.useGanttActiveViewContext)(), activeViewName = _a[0], setActiveViewName = _a[1];
     var activeView = views.find(function (v) { return v.props.name === activeViewName; });
-    var localizationService = kendo_react_intl_1.useLocalization();
+    var localizationService = (0, kendo_react_intl_1.useLocalization)();
     var handleItemClick = React.useCallback(function (event) {
         if (!setActiveViewName) {
             return;
@@ -31,7 +32,7 @@ exports.ViewSelectorList = React.forwardRef(function () {
     }, [setActiveViewName]);
     return (React.createElement("div", { className: "k-gantt-views-wrapper" },
         React.createElement(kendo_react_buttons_1.ButtonGroup, { className: "k-gantt-views" }, views.map(function (view) { return (React.createElement(ViewSelectorItem_1.ViewSelectorItem, { key: view.props.name, view: view.props })); })),
-        (activeView) && (React.createElement(kendo_react_buttons_1.DropDownButton, { className: "k-views-dropdown", onItemClick: handleItemClick, popupSettings: { popupClass: 'k-gantt-toolbar' }, textField: "title", items: views.map(function (v) { return (__assign({}, v.props, { selected: v.props.name === activeViewName, title: typeof v.props.title === 'function'
+        (activeView) && (React.createElement(kendo_react_buttons_1.DropDownButton, { className: "k-views-dropdown", onItemClick: handleItemClick, popupSettings: { popupClass: 'k-gantt-toolbar' }, textField: "title", items: views.map(function (v) { return (__assign(__assign({}, v.props), { selected: v.props.name === activeViewName, title: typeof v.props.title === 'function'
                     ? v.props.title.call(undefined, localizationService)
                     : v.props.title })); }), text: (React.createElement(React.Fragment, null,
                 typeof activeView.props.title === 'function'

package/dist/npm/constants/index.d.ts

@@ -35,11 +35,11 @@ export declare const DRAG_DIRECTION_START = "start";
 export declare const DRAG_DIRECTION_FINISH = "finish";
 /** @hidden */
 export declare const DEPENDENCY_DRAG_HANDLE_START_ATT: {
-    [DEPENDENCY_DRAG_HANDLE]: string;
+    "data-dependency-drag-handle": string;
 };
 /** @hidden */
 export declare const DEPENDENCY_DRAG_HANDLE_FINISH_ATT: {
-    [DEPENDENCY_DRAG_HANDLE]: string;
+    "data-dependency-drag-handle": string;
 };
 /** @hidden */
 export declare const TASK_ID_ATT = "data-task-id";

package/dist/npm/constants/index.js

@@ -1,10 +1,11 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 var _a, _b;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_DEPENDENCY_MODEL_FIELDS = exports.DEFAULT_TASK_MODEL_FIELDS = exports.TASK_ID_ATT = exports.DEPENDENCY_DRAG_HANDLE_FINISH_ATT = exports.DEPENDENCY_DRAG_HANDLE_START_ATT = exports.DRAG_DIRECTION_FINISH = exports.DRAG_DIRECTION_START = exports.DEPENDENCY_DRAG_HANDLE = exports.MILESTONE_OFFSET = exports.DEFAULT_COLUMN_WIDTH = exports.YEAR_DATE_FORMAT = exports.MONTH_DATE_FORMAT = exports.DAY_DATE_FORMAT = exports.HOUR_DATE_FORMAT = exports.DAYS_IN_WEEK_COUNT = exports.DEFAULT_DATE = exports.MS_PER_DAY = exports.MS_PER_MINUTE = exports.MS_PER_HOUR = exports.GANTT_PREVENT_SELECTION_ELEMENT = exports.GANTT_COL_INDEX_ATTRIBUTE = exports.GANTT_ROW_INDEX_ATTRIBUTE = void 0;
 var kendo_date_math_1 = require("@progress/kendo-date-math");
-exports.MS_PER_DAY = kendo_date_math_1.MS_PER_DAY;
-exports.MS_PER_HOUR = kendo_date_math_1.MS_PER_HOUR;
-exports.MS_PER_MINUTE = kendo_date_math_1.MS_PER_MINUTE;
+Object.defineProperty(exports, "MS_PER_DAY", { enumerable: true, get: function () { return kendo_date_math_1.MS_PER_DAY; } });
+Object.defineProperty(exports, "MS_PER_HOUR", { enumerable: true, get: function () { return kendo_date_math_1.MS_PER_HOUR; } });
+Object.defineProperty(exports, "MS_PER_MINUTE", { enumerable: true, get: function () { return kendo_date_math_1.MS_PER_MINUTE; } });
 var kendo_react_data_tools_1 = require("@progress/kendo-react-data-tools");
 /** The attribute required by the Gantt selection on Gantt `tr` elements. */
 exports.GANTT_ROW_INDEX_ATTRIBUTE = kendo_react_data_tools_1.TABLE_ROW_INDEX_ATTRIBUTE;

package/dist/npm/context/GanttContext.d.ts

@@ -9,63 +9,63 @@ import { GanttDependencyCreateEvent, GanttTaskClickEvent, GanttTaskContextMenuEv
 /** @hidden */
 export declare type GanttTaskDataContextType = any[];
 /** @hidden */
-export declare const GanttTaskDataContext: React.Context<any[]>;
+export declare const GanttTaskDataContext: React.Context<GanttTaskDataContextType>;
 /** @hidden */
-export declare const useGanttTaskDataContext: () => any[];
+export declare const useGanttTaskDataContext: () => GanttTaskDataContextType;
 /** @hidden */
 export declare type GanttDependencyDataContextType = any[];
 /** @hidden */
-export declare const GanttDependencyDataContext: React.Context<any[]>;
+export declare const GanttDependencyDataContext: React.Context<GanttDependencyDataContextType>;
 /** @hidden */
-export declare const useGanttDependencyDataContext: () => any[];
+export declare const useGanttDependencyDataContext: () => GanttDependencyDataContextType;
 /** @hidden */
 export declare type GanttTaskModelFieldsContextType = TaskModelFields;
 /** @hidden */
 export declare const GanttTaskModelFieldsContext: React.Context<TaskModelFields>;
 /** @hidden */
-export declare const useGanttTaskModelFieldsContext: () => TaskModelFields;
+export declare const useGanttTaskModelFieldsContext: () => GanttTaskModelFieldsContextType;
 /** @hidden */
 export declare type GanttDependencyModelFieldsContextType = DependencyModelFields;
 /** @hidden */
 export declare const GanttDependencyModelFieldsContext: React.Context<DependencyModelFields>;
 /** @hidden */
-export declare const useGanttDependencyModelFieldsContext: () => DependencyModelFields;
+export declare const useGanttDependencyModelFieldsContext: () => GanttDependencyModelFieldsContextType;
 /** @hidden */
 export declare type GanttPropsContextType = GanttBaseProps;
 /** @hidden */
 export declare const GanttPropsContext: React.Context<GanttBaseProps>;
 /** @hidden */
-export declare const useGanttPropsContext: () => GanttBaseProps;
+export declare const useGanttPropsContext: () => GanttPropsContextType;
 /** @hidden */
 export declare type GanttDateRangeContextType = DateRange;
 /** @hidden */
 export declare const GanttDateRangeContext: React.Context<DateRange>;
 /** @hidden */
-export declare const useGanttDateRangeContext: () => DateRange;
+export declare const useGanttDateRangeContext: () => GanttDateRangeContextType;
 /** @hidden */
 export declare type GanttViewsContextType = GanttView[];
 /** @hidden */
-export declare const GanttViewsContext: React.Context<React.ReactElement<import("../interfaces/GanttView").GanttViewProps, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>[]>;
+export declare const GanttViewsContext: React.Context<GanttViewsContextType>;
 /** @hidden */
-export declare const useGanttViewsContext: () => React.ReactElement<import("../interfaces/GanttView").GanttViewProps, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>[];
+export declare const useGanttViewsContext: () => GanttViewsContextType;
 /** @hidden */
 export declare type GanttActiveViewContextType = [string, (activeView: string, event?: any) => void];
 /** @hidden */
-export declare const GanttActiveViewContext: React.Context<[string, (activeView: string, event?: any) => void]>;
+export declare const GanttActiveViewContext: React.Context<GanttActiveViewContextType>;
 /** @hidden */
-export declare const useGanttActiveViewContext: () => [string, (activeView: string, event?: any) => void];
+export declare const useGanttActiveViewContext: () => GanttActiveViewContextType;
 /** @hidden */
 export declare type GanttRowHeightContextType = number;
 /** @hidden */
 export declare const GanttRowHeightContext: React.Context<number>;
 /** @hidden */
-export declare const useGanttRowHeightContext: () => number;
+export declare const useGanttRowHeightContext: () => GanttRowHeightContextType;
 /** @hidden */
 export declare type GanttToolbarHeightContextType = number;
 /** @hidden */
 export declare const GanttToolbarHeightContext: React.Context<number>;
 /** @hidden */
-export declare const useGanttToolbarHeightContext: () => number;
+export declare const useGanttToolbarHeightContext: () => GanttToolbarHeightContextType;
 /** @hidden */
 export declare type GanttEventsContextType = {
     onDataStateChange: (args: TreeListDataStateChangeEvent) => void;

package/dist/npm/context/GanttContext.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GanttContext = exports.useGanttTaskEventsContext = exports.GanttTaskEventsContext = exports.useGanttEventsContext = exports.GanttEventsContext = exports.useGanttToolbarHeightContext = exports.GanttToolbarHeightContext = exports.useGanttRowHeightContext = exports.GanttRowHeightContext = exports.useGanttActiveViewContext = exports.GanttActiveViewContext = exports.useGanttViewsContext = exports.GanttViewsContext = exports.useGanttDateRangeContext = exports.GanttDateRangeContext = exports.useGanttPropsContext = exports.GanttPropsContext = exports.useGanttDependencyModelFieldsContext = exports.GanttDependencyModelFieldsContext = exports.useGanttTaskModelFieldsContext = exports.GanttTaskModelFieldsContext = exports.useGanttDependencyDataContext = exports.GanttDependencyDataContext = exports.useGanttTaskDataContext = exports.GanttTaskDataContext = void 0;
 var React = require("react");
 var kendo_date_math_1 = require("@progress/kendo-date-math");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
@@ -7,27 +8,32 @@ var constants_1 = require("../constants");
 /** @hidden */
 exports.GanttTaskDataContext = React.createContext([]);
 /** @hidden */
-exports.useGanttTaskDataContext = function () { return React.useContext(exports.GanttTaskDataContext); };
+var useGanttTaskDataContext = function () { return React.useContext(exports.GanttTaskDataContext); };
+exports.useGanttTaskDataContext = useGanttTaskDataContext;
 exports.GanttTaskDataContext.displayName = 'KendoReactGanttTaskDataContext';
 /** @hidden */
 exports.GanttDependencyDataContext = React.createContext([]);
 /** @hidden */
-exports.useGanttDependencyDataContext = function () { return React.useContext(exports.GanttDependencyDataContext); };
+var useGanttDependencyDataContext = function () { return React.useContext(exports.GanttDependencyDataContext); };
+exports.useGanttDependencyDataContext = useGanttDependencyDataContext;
 exports.GanttDependencyDataContext.displayName = 'KendoReactGanttDependencyDataContext';
 /** @hidden */
 exports.GanttTaskModelFieldsContext = React.createContext(constants_1.DEFAULT_TASK_MODEL_FIELDS);
 /** @hidden */
-exports.useGanttTaskModelFieldsContext = function () { return React.useContext(exports.GanttTaskModelFieldsContext); };
+var useGanttTaskModelFieldsContext = function () { return React.useContext(exports.GanttTaskModelFieldsContext); };
+exports.useGanttTaskModelFieldsContext = useGanttTaskModelFieldsContext;
 exports.GanttTaskModelFieldsContext.displayName = 'KendoReactGanttTaskModelFieldsContext';
 /** @hidden */
 exports.GanttDependencyModelFieldsContext = React.createContext(constants_1.DEFAULT_DEPENDENCY_MODEL_FIELDS);
 /** @hidden */
-exports.useGanttDependencyModelFieldsContext = function () { return React.useContext(exports.GanttDependencyModelFieldsContext); };
+var useGanttDependencyModelFieldsContext = function () { return React.useContext(exports.GanttDependencyModelFieldsContext); };
+exports.useGanttDependencyModelFieldsContext = useGanttDependencyModelFieldsContext;
 exports.GanttDependencyModelFieldsContext.displayName = 'KendoReactGanttDependencyModelFieldsContext';
 /** @hidden */
 exports.GanttPropsContext = React.createContext({});
 /** @hidden */
-exports.useGanttPropsContext = function () { return React.useContext(exports.GanttPropsContext); };
+var useGanttPropsContext = function () { return React.useContext(exports.GanttPropsContext); };
+exports.useGanttPropsContext = useGanttPropsContext;
 exports.GanttPropsContext.displayName = 'KendoReactGanttPropsContext';
 /** @hidden */
 exports.GanttDateRangeContext = React.createContext({
@@ -37,27 +43,32 @@ exports.GanttDateRangeContext = React.createContext({
     zonedEnd: kendo_date_math_1.ZonedDate.fromLocalDate(new Date())
 });
 /** @hidden */
-exports.useGanttDateRangeContext = function () { return React.useContext(exports.GanttDateRangeContext); };
+var useGanttDateRangeContext = function () { return React.useContext(exports.GanttDateRangeContext); };
+exports.useGanttDateRangeContext = useGanttDateRangeContext;
 exports.GanttDateRangeContext.displayName = 'KendoReactGanttDateRangeContext';
 /** @hidden */
 exports.GanttViewsContext = React.createContext([]);
 /** @hidden */
-exports.useGanttViewsContext = function () { return React.useContext(exports.GanttViewsContext); };
+var useGanttViewsContext = function () { return React.useContext(exports.GanttViewsContext); };
+exports.useGanttViewsContext = useGanttViewsContext;
 exports.GanttViewsContext.displayName = 'KendoReactGanttViewsContext';
 /** @hidden */
 exports.GanttActiveViewContext = React.createContext(['week', kendo_react_common_1.noop]);
 /** @hidden */
-exports.useGanttActiveViewContext = function () { return React.useContext(exports.GanttActiveViewContext); };
+var useGanttActiveViewContext = function () { return React.useContext(exports.GanttActiveViewContext); };
+exports.useGanttActiveViewContext = useGanttActiveViewContext;
 exports.GanttActiveViewContext.displayName = 'KendoReactGanttActiveViewContext';
 /** @hidden */
 exports.GanttRowHeightContext = React.createContext(0);
 /** @hidden */
-exports.useGanttRowHeightContext = function () { return React.useContext(exports.GanttRowHeightContext); };
+var useGanttRowHeightContext = function () { return React.useContext(exports.GanttRowHeightContext); };
+exports.useGanttRowHeightContext = useGanttRowHeightContext;
 exports.GanttRowHeightContext.displayName = 'KendoReactGanttRowHeightContext';
 /** @hidden */
 exports.GanttToolbarHeightContext = React.createContext(0);
 /** @hidden */
-exports.useGanttToolbarHeightContext = function () { return React.useContext(exports.GanttToolbarHeightContext); };
+var useGanttToolbarHeightContext = function () { return React.useContext(exports.GanttToolbarHeightContext); };
+exports.useGanttToolbarHeightContext = useGanttToolbarHeightContext;
 exports.GanttToolbarHeightContext.displayName = 'KendoReactGanttToolbarHeightContext';
 /** @hidden */
 exports.GanttEventsContext = React.createContext({
@@ -77,7 +88,8 @@ exports.GanttEventsContext = React.createContext({
     onHeaderSelectionChange: kendo_react_common_1.noop
 });
 /** @hidden */
-exports.useGanttEventsContext = function () { return React.useContext(exports.GanttEventsContext); };
+var useGanttEventsContext = function () { return React.useContext(exports.GanttEventsContext); };
+exports.useGanttEventsContext = useGanttEventsContext;
 exports.GanttEventsContext.displayName = 'KendoReactGanttEventsContext';
 /** @hidden */
 exports.GanttTaskEventsContext = React.createContext({
@@ -86,10 +98,11 @@ exports.GanttTaskEventsContext = React.createContext({
     onTaskContextMenu: kendo_react_common_1.noop
 });
 /** @hidden */
-exports.useGanttTaskEventsContext = function () { return React.useContext(exports.GanttTaskEventsContext); };
+var useGanttTaskEventsContext = function () { return React.useContext(exports.GanttTaskEventsContext); };
+exports.useGanttTaskEventsContext = useGanttTaskEventsContext;
 exports.GanttTaskEventsContext.displayName = 'KendoReactGanttTaskEventsContext';
 /** @hidden */
-exports.GanttContext = function (_a) {
+var GanttContext = function (_a) {
     var children = _a.children, taskData = _a.taskData, dependencyData = _a.dependencyData, taskModelFields = _a.taskModelFields, dependencyModelFields = _a.dependencyModelFields, props = _a.props, dateRange = _a.dateRange, views = _a.views, activeView = _a.activeView, rowHeight = _a.rowHeight, toolbarHeight = _a.toolbarHeight, events = _a.events, taskEvents = _a.taskEvents;
     return (React.createElement(exports.GanttPropsContext.Provider, { value: props },
         React.createElement(exports.GanttTaskDataContext.Provider, { value: taskData },
@@ -104,4 +117,5 @@ exports.GanttContext = function (_a) {
                                             React.createElement(exports.GanttEventsContext.Provider, { value: events },
                                                 React.createElement(exports.GanttTaskEventsContext.Provider, { value: taskEvents }, children)))))))))))));
 };
+exports.GanttContext = GanttContext;
 exports.GanttContext.displayName = 'KendoReactGanttContext';

package/dist/npm/context/GanttViewContext.d.ts

@@ -5,19 +5,15 @@ import { GanttTaskHandle } from '../components/GanttTask';
 /** @hidden */
 export declare type GanttViewTasksContextType = [Store<GanttTaskHandle>, (event: StoreAction<GanttTaskHandle>) => void];
 /** @hidden */
-export declare const GanttViewTasksContext: React.Context<[React.RefObject<{
-    [id: string]: GanttTaskHandle;
-}>, (event: StoreAction<GanttTaskHandle>) => void]>;
+export declare const GanttViewTasksContext: React.Context<GanttViewTasksContextType>;
 /** @hidden */
-export declare const useGanttViewTasksContext: () => [React.RefObject<{
-    [id: string]: GanttTaskHandle;
-}>, (event: StoreAction<GanttTaskHandle>) => void];
+export declare const useGanttViewTasksContext: () => GanttViewTasksContextType;
 /** @hidden */
 export declare type GanttViewTimelineWidthContextType = number;
 /** @hidden */
 export declare const GanttViewTimelineWidthContext: React.Context<number>;
 /** @hidden */
-export declare const useGanttViewTimelineWidthContext: () => number;
+export declare const useGanttViewTimelineWidthContext: () => GanttViewTimelineWidthContextType;
 /** @hidden */
 export declare type GanttViewDependencyDragContextType = {
     onDependencyHandlePress: (event: NormalizedDragEvent) => void;

package/dist/npm/context/GanttViewContext.js

@@ -1,16 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GanttViewContext = exports.useGanttViewDependencyDragContext = exports.GanttViewDependencyDragContext = exports.useGanttViewTimelineWidthContext = exports.GanttViewTimelineWidthContext = exports.useGanttViewTasksContext = exports.GanttViewTasksContext = void 0;
 var React = require("react");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 /** @hidden */
 exports.GanttViewTasksContext = React.createContext([{ current: {} }, kendo_react_common_1.noop]);
 /** @hidden */
-exports.useGanttViewTasksContext = function () { return React.useContext(exports.GanttViewTasksContext); };
+var useGanttViewTasksContext = function () { return React.useContext(exports.GanttViewTasksContext); };
+exports.useGanttViewTasksContext = useGanttViewTasksContext;
 exports.GanttViewTasksContext.displayName = 'KendoReactGanttViewContext';
 /** @hidden */
 exports.GanttViewTimelineWidthContext = React.createContext(0);
 /** @hidden */
-exports.useGanttViewTimelineWidthContext = function () { return React.useContext(exports.GanttViewTimelineWidthContext); };
+var useGanttViewTimelineWidthContext = function () { return React.useContext(exports.GanttViewTimelineWidthContext); };
+exports.useGanttViewTimelineWidthContext = useGanttViewTimelineWidthContext;
 exports.GanttViewTimelineWidthContext.displayName = 'KendoReactGanttViewTimelineWidthContext';
 /** @hidden */
 exports.GanttViewDependencyDragContext = React.createContext({
@@ -21,13 +24,15 @@ exports.GanttViewDependencyDragContext = React.createContext({
     draggedId: null
 });
 /** @hidden */
-exports.useGanttViewDependencyDragContext = function () { return React.useContext(exports.GanttViewDependencyDragContext); };
+var useGanttViewDependencyDragContext = function () { return React.useContext(exports.GanttViewDependencyDragContext); };
+exports.useGanttViewDependencyDragContext = useGanttViewDependencyDragContext;
 exports.GanttViewDependencyDragContext.displayName = 'KendoReactGanttViewDependencyDragContext';
 /** @hidden */
-exports.GanttViewContext = function (_a) {
+var GanttViewContext = function (_a) {
     var children = _a.children, tasks = _a.tasksStore, timelineWidth = _a.timelineWidth, dependencyDrag = _a.dependencyDrag;
     return (React.createElement(exports.GanttViewTasksContext.Provider, { value: tasks },
         React.createElement(exports.GanttViewTimelineWidthContext.Provider, { value: timelineWidth },
             React.createElement(exports.GanttViewDependencyDragContext.Provider, { value: dependencyDrag }, children))));
 };
+exports.GanttViewContext = GanttViewContext;
 exports.GanttViewContext.displayName = 'KendoReactGanttViewContext';

package/dist/npm/editors/FormAssingmentsEditor.js

@@ -1,17 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormAssignemntsEditor = void 0;
 var React = require("react");
 var kendo_react_form_1 = require("@progress/kendo-react-form");
 var kendo_react_labels_1 = require("@progress/kendo-react-labels");
 /**
  * @hidden
  */
-exports.FormAssignemntsEditor = function (fieldRenderProps) {
+var FormAssignemntsEditor = function (fieldRenderProps) {
     var validationMessage = fieldRenderProps.validationMessage, touched = fieldRenderProps.touched, label = fieldRenderProps.label, id = fieldRenderProps.id, valid = fieldRenderProps.valid, disabled = fieldRenderProps.disabled, hint = fieldRenderProps.hint, optional = fieldRenderProps.optional;
     var showValidationMessage = touched && validationMessage;
     var showHint = !showValidationMessage && hint;
-    var hintId = showHint ? id + "_hint" : '';
-    var errorId = showValidationMessage ? id + "_error" : '';
+    var hintId = showHint ? "".concat(id, "_hint") : '';
+    var errorId = showValidationMessage ? "".concat(id, "_error") : '';
     return (React.createElement(kendo_react_form_1.FieldWrapper, null,
         React.createElement(kendo_react_labels_1.Label, { editorId: id, editorValid: valid, editorDisabled: disabled, optional: optional }, label),
         React.createElement("button", null, "Assignemts"),
@@ -20,3 +21,4 @@ exports.FormAssignemntsEditor = function (fieldRenderProps) {
         showValidationMessage &&
             React.createElement(kendo_react_labels_1.Error, { id: errorId }, validationMessage)));
 };
+exports.FormAssignemntsEditor = FormAssignemntsEditor;

package/dist/npm/editors/FormDateTimePicker.js

@@ -15,11 +15,14 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormDateTimePicker = void 0;
 var React = require("react");
 var kendo_react_form_1 = require("@progress/kendo-react-form");
 var kendo_react_labels_1 = require("@progress/kendo-react-labels");
@@ -27,19 +30,20 @@ var kendo_react_dateinputs_1 = require("@progress/kendo-react-dateinputs");
 /**
  * @hidden
  */
-exports.FormDateTimePicker = function (fieldRenderProps) {
+var FormDateTimePicker = function (fieldRenderProps) {
     var validationMessage = fieldRenderProps.validationMessage, touched = fieldRenderProps.touched, label = fieldRenderProps.label, id = fieldRenderProps.id, valid = fieldRenderProps.valid, disabled = fieldRenderProps.disabled, hint = fieldRenderProps.hint, wrapperStyle = fieldRenderProps.wrapperStyle, others = __rest(fieldRenderProps, ["validationMessage", "touched", "label", "id", "valid", "disabled", "hint", "wrapperStyle"]);
     var showValidationMessage = touched && validationMessage;
     var showHint = !showValidationMessage && hint;
-    var hintId = showHint ? id + "_hint" : '';
-    var errorId = showValidationMessage ? id + "_error" : '';
-    var labelId = label ? id + "_label" : '';
+    var hintId = showHint ? "".concat(id, "_hint") : '';
+    var errorId = showValidationMessage ? "".concat(id, "_error") : '';
+    var labelId = label ? "".concat(id, "_label") : '';
     return (React.createElement(kendo_react_form_1.FieldWrapper, { style: wrapperStyle },
         React.createElement(kendo_react_labels_1.Label, { id: labelId, editorId: id, editorValid: valid, editorDisabled: disabled }, label),
         React.createElement("div", { className: 'k-form-field-wrap' },
-            React.createElement(kendo_react_dateinputs_1.DateTimePicker, __assign({ ariaLabelledBy: labelId, ariaDescribedBy: hintId + " " + errorId, valid: valid, id: id, disabled: disabled }, others)),
+            React.createElement(kendo_react_dateinputs_1.DateTimePicker, __assign({ ariaLabelledBy: labelId, ariaDescribedBy: "".concat(hintId, " ").concat(errorId), valid: valid, id: id, disabled: disabled }, others)),
             showHint &&
                 React.createElement(kendo_react_labels_1.Hint, { id: hintId }, hint),
             showValidationMessage &&
                 React.createElement(kendo_react_labels_1.Error, { id: errorId }, validationMessage))));
 };
+exports.FormDateTimePicker = FormDateTimePicker;

package/dist/npm/editors/FormInput.js

@@ -15,11 +15,14 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormInput = void 0;
 var React = require("react");
 var kendo_react_form_1 = require("@progress/kendo-react-form");
 var kendo_react_labels_1 = require("@progress/kendo-react-labels");
@@ -27,18 +30,19 @@ var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
 /**
  * @hidden
  */
-exports.FormInput = function (fieldRenderProps) {
+var FormInput = function (fieldRenderProps) {
     var validationMessage = fieldRenderProps.validationMessage, touched = fieldRenderProps.touched, label = fieldRenderProps.label, id = fieldRenderProps.id, valid = fieldRenderProps.valid, disabled = fieldRenderProps.disabled, hint = fieldRenderProps.hint, type = fieldRenderProps.type, optional = fieldRenderProps.optional, others = __rest(fieldRenderProps, ["validationMessage", "touched", "label", "id", "valid", "disabled", "hint", "type", "optional"]);
     var showValidationMessage = touched && validationMessage;
     var showHint = !showValidationMessage && hint;
-    var hintId = showHint ? id + "_hint" : '';
-    var errorId = showValidationMessage ? id + "_error" : '';
+    var hintId = showHint ? "".concat(id, "_hint") : '';
+    var errorId = showValidationMessage ? "".concat(id, "_error") : '';
     return (React.createElement(kendo_react_form_1.FieldWrapper, null,
         React.createElement(kendo_react_labels_1.Label, { editorId: id, editorValid: valid, editorDisabled: disabled, optional: optional }, label),
         React.createElement("div", { className: 'k-form-field-wrap' },
-            React.createElement(kendo_react_inputs_1.Input, __assign({ valid: valid, type: type, id: id, disabled: disabled, ariaDescribedBy: hintId + " " + errorId }, others)),
+            React.createElement(kendo_react_inputs_1.Input, __assign({ valid: valid, type: type, id: id, disabled: disabled, ariaDescribedBy: "".concat(hintId, " ").concat(errorId) }, others)),
             showHint &&
                 React.createElement(kendo_react_labels_1.Hint, { id: hintId }, hint),
             showValidationMessage &&
                 React.createElement(kendo_react_labels_1.Error, { id: errorId }, validationMessage))));
 };
+exports.FormInput = FormInput;

package/dist/npm/editors/FormNumericTextBox.js

@@ -15,11 +15,14 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormNumericTextBox = void 0;
 var React = require("react");
 var kendo_react_form_1 = require("@progress/kendo-react-form");
 var kendo_react_labels_1 = require("@progress/kendo-react-labels");
@@ -27,18 +30,19 @@ var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
 /**
  * @hidden
  */
-exports.FormNumericTextBox = function (fieldRenderProps) {
+var FormNumericTextBox = function (fieldRenderProps) {
     var validationMessage = fieldRenderProps.validationMessage, touched = fieldRenderProps.touched, label = fieldRenderProps.label, id = fieldRenderProps.id, valid = fieldRenderProps.valid, disabled = fieldRenderProps.disabled, hint = fieldRenderProps.hint, others = __rest(fieldRenderProps, ["validationMessage", "touched", "label", "id", "valid", "disabled", "hint"]);
     var showValidationMessage = touched && validationMessage;
     var showHint = !showValidationMessage && hint;
-    var hintId = showHint ? id + "_hint" : '';
-    var errorId = showValidationMessage ? id + "_error" : '';
+    var hintId = showHint ? "".concat(id, "_hint") : '';
+    var errorId = showValidationMessage ? "".concat(id, "_error") : '';
     return (React.createElement(kendo_react_form_1.FieldWrapper, null,
         React.createElement(kendo_react_labels_1.Label, { editorId: id, editorValid: valid, editorDisabled: disabled }, label),
         React.createElement("div", { className: 'k-form-field-wrap' },
-            React.createElement(kendo_react_inputs_1.NumericTextBox, __assign({ ariaDescribedBy: hintId + " " + errorId, valid: valid, id: id, disabled: disabled }, others)),
+            React.createElement(kendo_react_inputs_1.NumericTextBox, __assign({ ariaDescribedBy: "".concat(hintId, " ").concat(errorId), valid: valid, id: id, disabled: disabled }, others)),
             showHint &&
                 React.createElement(kendo_react_labels_1.Hint, { id: hintId }, hint),
             showValidationMessage &&
                 React.createElement(kendo_react_labels_1.Error, { id: errorId }, validationMessage))));
 };
+exports.FormNumericTextBox = FormNumericTextBox;

package/dist/npm/editors/GanttEditor.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GanttEditor = void 0;
 var React = require("react");
 var kendo_react_form_1 = require("@progress/kendo-react-form");
 var GanttContext_1 = require("../context/GanttContext");
@@ -11,9 +12,9 @@ var FormNumericTextBox_1 = require("./FormNumericTextBox");
 /**
  * @hidden
  */
-exports.GanttEditor = function () {
-    var taskModelFields = GanttContext_1.useGanttTaskModelFieldsContext();
-    var localizationService = kendo_react_intl_1.useLocalization();
+var GanttEditor = function () {
+    var taskModelFields = (0, GanttContext_1.useGanttTaskModelFieldsContext)();
+    var localizationService = (0, kendo_react_intl_1.useLocalization)();
     var localizeMessage = function (message) {
         return localizationService.toLanguageString(message, messages_1.messages[message]);
     };
@@ -34,8 +35,9 @@ exports.GanttEditor = function () {
     var startValidators = React.useMemo(function () { return [requiredValidator, startAfterEndValidator]; }, [requiredValidator, startAfterEndValidator]);
     var endValidators = React.useMemo(function () { return [requiredValidator, endAfterStartValidator]; }, [requiredValidator, endAfterStartValidator]);
     return (React.createElement(kendo_react_form_1.FormElement, { style: { width: 400 }, horizontal: true },
-        React.createElement(kendo_react_form_1.Field, { id: taskModelFields.title + "_gantteditor", name: taskModelFields.title, label: taskTitleMessage, component: FormInput_1.FormInput, validator: requiredValidator }),
-        React.createElement(kendo_react_form_1.Field, { id: taskModelFields.start + "_gantteditor", name: taskModelFields.start, label: taskStartMessage, component: FormDateTimePicker_1.FormDateTimePicker, validator: startValidators }),
-        React.createElement(kendo_react_form_1.Field, { id: taskModelFields.end + "_gantteditor", name: taskModelFields.end, label: taskEndMessage, component: FormDateTimePicker_1.FormDateTimePicker, validator: endValidators }),
-        React.createElement(kendo_react_form_1.Field, { id: taskModelFields.percentComplete + "_gantteditor", name: taskModelFields.percentComplete, format: 'p', label: taskCompleteMessage, component: FormNumericTextBox_1.FormNumericTextBox, step: 0.01, validator: requiredValidator })));
+        React.createElement(kendo_react_form_1.Field, { id: "".concat(taskModelFields.title, "_gantteditor"), name: taskModelFields.title, label: taskTitleMessage, component: FormInput_1.FormInput, validator: requiredValidator }),
+        React.createElement(kendo_react_form_1.Field, { id: "".concat(taskModelFields.start, "_gantteditor"), name: taskModelFields.start, label: taskStartMessage, component: FormDateTimePicker_1.FormDateTimePicker, validator: startValidators }),
+        React.createElement(kendo_react_form_1.Field, { id: "".concat(taskModelFields.end, "_gantteditor"), name: taskModelFields.end, label: taskEndMessage, component: FormDateTimePicker_1.FormDateTimePicker, validator: endValidators }),
+        React.createElement(kendo_react_form_1.Field, { id: "".concat(taskModelFields.percentComplete, "_gantteditor"), name: taskModelFields.percentComplete, format: 'p', label: taskCompleteMessage, component: FormNumericTextBox_1.FormNumericTextBox, step: 0.01, validator: requiredValidator })));
 };
+exports.GanttEditor = GanttEditor;