@talxis/base-controls 1.2605.1 → 1.2606.2

package/dist/components/TaskGrid/TaskGridDatasetControlFactory.js

@@ -1,8 +1,8 @@
 import { Dataset } from '@talxis/client-libraries';
-import { CustomColumnsDataProvider } from './data-providers/custom-columns-data-provider/CustomColumnsDataProvider.js';
+import { CustomColumnsDataProvider } from './providers/custom-columns/CustomColumnsDataProvider.js';
 import { TaskGridDatasetControl } from './TaskGridDatasetControl.js';
-import { SavedQueryDataProvider } from './data-providers/saved-query-data-provider/SavedQueryDataProvider.js';
-import { TaskDataProvider } from './data-providers/task-data-provider/TaskDataProvider.js';
+import { SavedQueryDataProvider, PATH_COLUMN_NAME } from './providers/saved-query/SavedQueryDataProvider.js';
+import { TaskDataProvider } from './providers/task/TaskDataProvider.js';
 
 class TaskGridDatasetControlFactory {
     //makes sure the instance is created after the dependencies are loaded, and handles creation of data providers and dataset
@@ -17,7 +17,8 @@ class TaskGridDatasetControlFactory {
         await customColumnsDataProvider?.refresh();
         const savedQueryStrategy = parameters.taskGridDescriptor.onCreateSavedQueryStrategy();
         const savedQueryDataProvider = new SavedQueryDataProvider(savedQueryStrategy, {
-            nativeColumns: parameters.taskGridDescriptor.onGetNativeColumns(),
+            localizationService: parameters.localizationService,
+            nativeColumns: { ...parameters.taskGridDescriptor.onGetFieldMapping(), path: PATH_COLUMN_NAME },
             customColumnsDataProvider: customColumnsDataProvider,
             preferredQuery: parameters.state.savedQuery,
         });
@@ -26,11 +27,15 @@ class TaskGridDatasetControlFactory {
         const taskStrategy = parameters.taskGridDescriptor.onCreateTaskStrategy({
             templateDataProvider: templateDataProvider,
             customColumnsDataProvider: customColumnsDataProvider,
+            enableTaskEditing: parameters.taskGridDescriptor.onGetGridParameters?.()?.enableTaskEditing ?? false,
+            enableInlineCreation: parameters.taskGridDescriptor.onGetGridParameters?.()?.enableInlineCreation ?? false,
         });
         taskDataProvider = new TaskDataProvider({
             localizationService: parameters.localizationService,
-            nativeColumns: parameters.taskGridDescriptor.onGetNativeColumns(),
+            nativeColumns: { ...parameters.taskGridDescriptor.onGetFieldMapping(), path: PATH_COLUMN_NAME },
             strategy: taskStrategy,
+            savedQueryDataProvider: savedQueryDataProvider,
+            customColumnsDataProvider: customColumnsDataProvider,
             onIsFlatListEnabled: () => TaskGridDatasetControlFactory._getIsFlatlistEnabled(parameters, savedQueryDataProvider)
         });
         const dataset = new Dataset(taskDataProvider);

package/dist/components/TaskGrid/TaskGridDatasetControlFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskGridDatasetControlFactory.js","sources":["../../../src/components/TaskGrid/TaskGridDatasetControlFactory.ts"],"sourcesContent":["import { Dataset } from \"@talxis/client-libraries\";\nimport { ITaskDataProvider, TaskDataProvider } from \"./data-providers/task-data-provider\";\nimport { ILocalizationService, ITaskGridLabels } from \"./labels\";\nimport { ISavedQuery, ISavedQueryDataProvider, SavedQueryDataProvider } from \"./data-providers/saved-query-data-provider\";\nimport { RecordTree } from \"./data-providers/task-data-provider/record-tree\";\nimport { CustomColumnsDataProvider } from \"./data-providers/custom-columns-data-provider/CustomColumnsDataProvider\";\nimport { ITaskGridDatasetControl, ITaskGridDescriptor } from \"./interfaces\";\nimport { TaskGridDatasetControl } from \"./TaskGridDatasetControl\";\n\nexport interface ITaskGridState {\n    savedQuery?: Partial<ISavedQuery> & { id: string; linking?: ComponentFramework.PropertyHelper.DataSetApi.LinkEntityExposedExpression[] };\n}\n\ninterface ITaskGridDatasetControlFactoryParameters {\n    state: ITaskGridState;\n    taskGridDescriptor: ITaskGridDescriptor;\n    localizationService: ILocalizationService<ITaskGridLabels>;\n    onGetPcfContext: () => ComponentFramework.Context<any>;\n}\n\nexport class TaskGridDatasetControlFactory {\n    //makes sure the instance is created after the dependencies are loaded, and handles creation of data providers and dataset\n    public static async createInstance(parameters: ITaskGridDatasetControlFactoryParameters): Promise<ITaskGridDatasetControl> {\n        let taskDataProvider: ITaskDataProvider;\n        await parameters.taskGridDescriptor.onLoadDependencies?.();\n\n        const customColumnsStrategy = parameters.taskGridDescriptor.onCreateCustomColumnsStrategy?.();\n        let customColumnsDataProvider: CustomColumnsDataProvider | undefined;\n        if (customColumnsStrategy) {\n            customColumnsDataProvider = new CustomColumnsDataProvider(customColumnsStrategy);\n        }\n        await customColumnsDataProvider?.refresh();\n\n        const savedQueryStrategy = parameters.taskGridDescriptor.onCreateSavedQueryStrategy();\n        const savedQueryDataProvider = new SavedQueryDataProvider(savedQueryStrategy, {\n            nativeColumns: parameters.taskGridDescriptor.onGetNativeColumns(),\n            customColumnsDataProvider: customColumnsDataProvider,\n            preferredQuery: parameters.state.savedQuery,\n        })\n        const templateDataProvider = parameters.taskGridDescriptor.onCreateTemplateDataProvider?.();\n        await savedQueryDataProvider.refresh();\n\n        const taskStrategy = parameters.taskGridDescriptor.onCreateTaskStrategy({\n            templateDataProvider: templateDataProvider,\n            customColumnsDataProvider: customColumnsDataProvider,\n        })\n\n        taskDataProvider = new TaskDataProvider({\n            localizationService: parameters.localizationService,\n            nativeColumns: parameters.taskGridDescriptor.onGetNativeColumns(),\n            strategy: taskStrategy,\n            onIsFlatListEnabled: () => TaskGridDatasetControlFactory._getIsFlatlistEnabled(parameters, savedQueryDataProvider)\n        });\n\n        const dataset = new Dataset(taskDataProvider);\n\n        return new TaskGridDatasetControl({\n            dataset,\n            state: parameters.state,\n            taskGridDescriptor: parameters.taskGridDescriptor,\n            templateDataProvider: templateDataProvider,\n            localizationService: parameters.localizationService,\n            savedQueryDataProvider: savedQueryDataProvider,\n            customColumnsDataProvider: customColumnsDataProvider,\n            onGetPcfContext: () => parameters.onGetPcfContext(),\n        });\n    }\n\n    private static _getIsFlatlistEnabled(parameters: ITaskGridDatasetControlFactoryParameters, savedQueryDataProvider: ISavedQueryDataProvider): boolean {\n        const currentQueryId = savedQueryDataProvider.getCurrentQuery().id;\n        return parameters.state.savedQuery?.isFlatListEnabled ?? savedQueryDataProvider.getSavedQuery(currentQueryId).isFlatListEnabled ?? false;\n    }\n\n}"],"names":[],"mappings":";;;;;;MAoBa,6BAA6B,CAAA;;AAE/B,IAAA,aAAa,cAAc,CAAC,UAAoD,EAAA;AACnF,QAAA,IAAI,gBAAmC,CAAC;AACxC,QAAA,MAAM,UAAU,CAAC,kBAAkB,CAAC,kBAAkB,IAAI,CAAC;QAE3D,MAAM,qBAAqB,GAAG,UAAU,CAAC,kBAAkB,CAAC,6BAA6B,IAAI,CAAC;AAC9F,QAAA,IAAI,yBAAgE,CAAC;AACrE,QAAA,IAAI,qBAAqB,EAAE;AACvB,YAAA,yBAAyB,GAAG,IAAI,yBAAyB,CAAC,qBAAqB,CAAC,CAAC;AACpF,SAAA;AACD,QAAA,MAAM,yBAAyB,EAAE,OAAO,EAAE,CAAC;QAE3C,MAAM,kBAAkB,GAAG,UAAU,CAAC,kBAAkB,CAAC,0BAA0B,EAAE,CAAC;AACtF,QAAA,MAAM,sBAAsB,GAAG,IAAI,sBAAsB,CAAC,kBAAkB,EAAE;AAC1E,YAAA,aAAa,EAAE,UAAU,CAAC,kBAAkB,CAAC,kBAAkB,EAAE;AACjE,YAAA,yBAAyB,EAAE,yBAAyB;AACpD,YAAA,cAAc,EAAE,UAAU,CAAC,KAAK,CAAC,UAAU;AAC9C,SAAA,CAAC,CAAA;QACF,MAAM,oBAAoB,GAAG,UAAU,CAAC,kBAAkB,CAAC,4BAA4B,IAAI,CAAC;AAC5F,QAAA,MAAM,sBAAsB,CAAC,OAAO,EAAE,CAAC;AAEvC,QAAA,MAAM,YAAY,GAAG,UAAU,CAAC,kBAAkB,CAAC,oBAAoB,CAAC;AACpE,YAAA,oBAAoB,EAAE,oBAAoB;AAC1C,YAAA,yBAAyB,EAAE,yBAAyB;AACvD,SAAA,CAAC,CAAA;QAEF,gBAAgB,GAAG,IAAI,gBAAgB,CAAC;YACpC,mBAAmB,EAAE,UAAU,CAAC,mBAAmB;AACnD,YAAA,aAAa,EAAE,UAAU,CAAC,kBAAkB,CAAC,kBAAkB,EAAE;AACjE,YAAA,QAAQ,EAAE,YAAY;YACtB,mBAAmB,EAAE,MAAM,6BAA6B,CAAC,qBAAqB,CAAC,UAAU,EAAE,sBAAsB,CAAC;AACrH,SAAA,CAAC,CAAC;AAEH,QAAA,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,gBAAgB,CAAC,CAAC;QAE9C,OAAO,IAAI,sBAAsB,CAAC;YAC9B,OAAO;YACP,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,kBAAkB,EAAE,UAAU,CAAC,kBAAkB;AACjD,YAAA,oBAAoB,EAAE,oBAAoB;YAC1C,mBAAmB,EAAE,UAAU,CAAC,mBAAmB;AACnD,YAAA,sBAAsB,EAAE,sBAAsB;AAC9C,YAAA,yBAAyB,EAAE,yBAAyB;AACpD,YAAA,eAAe,EAAE,MAAM,UAAU,CAAC,eAAe,EAAE;AACtD,SAAA,CAAC,CAAC;KACN;AAEO,IAAA,OAAO,qBAAqB,CAAC,UAAoD,EAAE,sBAA+C,EAAA;QACtI,MAAM,cAAc,GAAG,sBAAsB,CAAC,eAAe,EAAE,CAAC,EAAE,CAAC;AACnE,QAAA,OAAO,UAAU,CAAC,KAAK,CAAC,UAAU,EAAE,iBAAiB,IAAI,sBAAsB,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,iBAAiB,IAAI,KAAK,CAAC;KAC5I;AAEJ;;;;"}
+{"version":3,"file":"TaskGridDatasetControlFactory.js","sources":["../../../src/components/TaskGrid/TaskGridDatasetControlFactory.ts"],"sourcesContent":["import { Dataset } from \"@talxis/client-libraries\";\nimport { ITaskDataProvider, TaskDataProvider } from \"./providers/task\";\nimport { ILocalizationService } from \"../../utils\";\nimport { ITaskGridLabels } from \"./labels\";\nimport { ISavedQuery, ISavedQueryDataProvider, PATH_COLUMN_NAME, SavedQueryDataProvider } from \"./providers/saved-query\";\nimport { CustomColumnsDataProvider } from \"./providers/custom-columns/CustomColumnsDataProvider\";\nimport { ITaskGridDatasetControl, ITaskGridDescriptor } from \"./interfaces\";\nimport { TaskGridDatasetControl } from \"./TaskGridDatasetControl\";\n\nexport interface ITaskGridState {\n    savedQuery?: Partial<ISavedQuery> & { id: string; linking?: ComponentFramework.PropertyHelper.DataSetApi.LinkEntityExposedExpression[] };\n}\n\ninterface ITaskGridDatasetControlFactoryParameters {\n    state: ITaskGridState;\n    taskGridDescriptor: ITaskGridDescriptor;\n    localizationService: ILocalizationService<ITaskGridLabels>;\n    onGetPcfContext: () => ComponentFramework.Context<any>;\n}\n\nexport class TaskGridDatasetControlFactory {\n    //makes sure the instance is created after the dependencies are loaded, and handles creation of data providers and dataset\n    public static async createInstance(parameters: ITaskGridDatasetControlFactoryParameters): Promise<ITaskGridDatasetControl> {\n        let taskDataProvider: ITaskDataProvider;\n        await parameters.taskGridDescriptor.onLoadDependencies?.();\n\n        const customColumnsStrategy = parameters.taskGridDescriptor.onCreateCustomColumnsStrategy?.();\n        let customColumnsDataProvider: CustomColumnsDataProvider | undefined;\n        if (customColumnsStrategy) {\n            customColumnsDataProvider = new CustomColumnsDataProvider(customColumnsStrategy);\n        }\n        await customColumnsDataProvider?.refresh();\n\n        const savedQueryStrategy = parameters.taskGridDescriptor.onCreateSavedQueryStrategy();\n        const savedQueryDataProvider = new SavedQueryDataProvider(savedQueryStrategy, {\n            localizationService: parameters.localizationService,\n            nativeColumns: { ...parameters.taskGridDescriptor.onGetFieldMapping(), path: PATH_COLUMN_NAME },\n            customColumnsDataProvider: customColumnsDataProvider,\n            preferredQuery: parameters.state.savedQuery,\n        })\n        const templateDataProvider = parameters.taskGridDescriptor.onCreateTemplateDataProvider?.();\n        await savedQueryDataProvider.refresh();\n\n        const taskStrategy = parameters.taskGridDescriptor.onCreateTaskStrategy({\n            templateDataProvider: templateDataProvider,\n            customColumnsDataProvider: customColumnsDataProvider,\n            enableTaskEditing: parameters.taskGridDescriptor.onGetGridParameters?.()?.enableTaskEditing ?? false,\n            enableInlineCreation: parameters.taskGridDescriptor.onGetGridParameters?.()?.enableInlineCreation ?? false,\n        })\n\n        taskDataProvider = new TaskDataProvider({\n            localizationService: parameters.localizationService,\n            nativeColumns: { ...parameters.taskGridDescriptor.onGetFieldMapping(), path: PATH_COLUMN_NAME },\n            strategy: taskStrategy,\n            savedQueryDataProvider: savedQueryDataProvider,\n            customColumnsDataProvider: customColumnsDataProvider,\n            onIsFlatListEnabled: () => TaskGridDatasetControlFactory._getIsFlatlistEnabled(parameters, savedQueryDataProvider)\n        });\n\n        const dataset = new Dataset(taskDataProvider);\n\n        return new TaskGridDatasetControl({\n            dataset,\n            state: parameters.state,\n            taskGridDescriptor: parameters.taskGridDescriptor,\n            templateDataProvider: templateDataProvider,\n            localizationService: parameters.localizationService,\n            savedQueryDataProvider: savedQueryDataProvider,\n            customColumnsDataProvider: customColumnsDataProvider,\n            onGetPcfContext: () => parameters.onGetPcfContext(),\n        });\n    }\n\n    private static _getIsFlatlistEnabled(parameters: ITaskGridDatasetControlFactoryParameters, savedQueryDataProvider: ISavedQueryDataProvider): boolean {\n        const currentQueryId = savedQueryDataProvider.getCurrentQuery().id;\n        return parameters.state.savedQuery?.isFlatListEnabled ?? savedQueryDataProvider.getSavedQuery(currentQueryId).isFlatListEnabled ?? false;\n    }\n\n}"],"names":[],"mappings":"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"}

package/dist/components/TaskGrid/components/grid/cell-renderers/add-task-button/AddTaskButton.js

@@ -12,7 +12,8 @@ const AddTaskButton = (props) => {
     const datasetControl = useDatasetControl();
     const localizationService = useLocalizationService();
     const [isButtonMounted, setIsButtonMounted] = React.useState(true);
-    const isTaskAddingEnabled = taskDataProvider.isTaskAddingEnabled();
+    const isTaskAddingEnabled = datasetControl.isTaskCreatingEnabled();
+    const isTemplatingEnabled = datasetControl.isTemplatingEnabled();
     const addTaskFromTemplate = async (templateId) => {
         //this needs to be done so the button menu does not overlay the dialog
         setIsButtonMounted(false);
@@ -64,13 +65,7 @@ const AddTaskButton = (props) => {
         return jsx("div", { className: styles.uneditableIconContainer, title: localizationService.getLocalizedString('canNotEditCompletedTask'), children: jsx(Icon, { className: styles.uneditableIcon, iconName: 'Uneditable' }) });
     }
     else if (isButtonVisible()) {
-        return jsx(IconButton, { className: `${styles.addTaskBtnRoot} talxis_task-grid_add-task-button`, iconProps: {
-                iconName: 'Add'
-            }, menuProps: {
-                items: getMenuItems()
-            }, styles: {
-                menuIcon: styles.addTaskMenuIcon
-            } });
+        return jsx(IconButton, { className: `${styles.addTaskBtnRoot} talxis_task-grid_add-task-button`, iconProps: { iconName: 'Add' }, onClick: !isTemplatingEnabled ? () => taskDataProvider.createTask(record.getRecordId()) : undefined, menuProps: isTemplatingEnabled ? { items: getMenuItems() } : undefined, styles: { menuIcon: styles.addTaskMenuIcon } });
     }
     else {
         return jsx(Fragment, {});

package/dist/components/TaskGrid/components/grid/cell-renderers/add-task-button/AddTaskButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddTaskButton.js","sources":["../../../../../../../src/components/TaskGrid/components/grid/cell-renderers/add-task-button/AddTaskButton.tsx"],"sourcesContent":["import { ContextualMenuItemType, Icon, IconButton, IContextualMenuItem } from \"@fluentui/react\"\nimport { ICellProps } from \"../../../../../Grid/cells/cell/Cell\"\nimport * as React from \"react\"\nimport { getAddTaskButtonStyles } from \"./styles\";\nimport { IRecord } from \"@talxis/client-libraries\";\nimport { RecordSelector } from \"../../record-selector/RecordSelector\";\nimport { useDatasetControl, useLocalizationService, useTaskDataProvider, useTaskGridDescriptor } from \"../../../../context\";\n\nexport const AddTaskButton = (props: ICellProps) => {\n    const styles = React.useMemo(() => getAddTaskButtonStyles(), []);\n    const record: IRecord = props.data;\n    const taskDataProvider = useTaskDataProvider();\n    const datasetControl = useDatasetControl();\n    const localizationService = useLocalizationService();\n    const [isButtonMounted, setIsButtonMounted] = React.useState(true);\n    const isTaskAddingEnabled = taskDataProvider.isTaskAddingEnabled();\n\n    const addTaskFromTemplate = async (templateId: string) => {\n        //this needs to be done so the button menu does not overlay the dialog\n        setIsButtonMounted(false);\n        await taskDataProvider.createTasksFromTemplate(templateId, record.getRecordId());\n        setIsButtonMounted(true);\n    }\n\n    const isButtonVisible = (): boolean => {\n        if (taskDataProvider.isFlatListEnabled() || !isTaskAddingEnabled) {\n            return false;\n        }\n        return isButtonMounted;\n    }\n\n    const getMenuItems = (): IContextualMenuItem[] => {\n        const isTemplatingEnabled = datasetControl.isTemplatingEnabled();\n        return [{\n            key: 'addChild',\n            text: localizationService.getLocalizedString('addChild'),\n            iconProps: {\n                iconName: 'Add'\n            },\n            onClick: () => {taskDataProvider.createTask(record.getRecordId())}\n        },\n        {\n            key: 'divider',\n            itemType: ContextualMenuItemType.Divider\n        },\n        ...(!isTemplatingEnabled ? [] : [{\n            key: 'taskFromTemplate',\n            text: localizationService.getLocalizedString('taskFromTemplate'),\n            iconProps: {\n                iconName: 'PageList'\n            },\n            subMenuProps: {\n                items: [{\n                    key: 'dummy'\n                }],\n                onRenderMenuList: () => <RecordSelector\n                    provider={datasetControl.getTemplateDataProvider()}\n                    onRenderRecord={(props, defautRender) => {\n                        return defautRender({\n                            ...props,\n                            iconProps: {\n                                iconName: 'AddToShoppingList'\n                            }\n                        })\n                    }}\n                    onRecordSelected={addTaskFromTemplate} />\n            }\n        }])];\n    }\n\n    if (!record.isActive()) {\n        return <div className={styles.uneditableIconContainer} title={localizationService.getLocalizedString('canNotEditCompletedTask')}>\n            <Icon\n                className={styles.uneditableIcon}\n                iconName='Uneditable'\n            />\n        </div>\n    }\n    else if (isButtonVisible()) {\n        return <IconButton\n            className={`${styles.addTaskBtnRoot} talxis_task-grid_add-task-button`}\n            iconProps={{\n                iconName: 'Add'\n            }}\n            menuProps={{\n                items: getMenuItems()\n            }}\n            styles={{\n                menuIcon: styles.addTaskMenuIcon\n            }} />\n    }\n    else {\n        return <></>\n    }\n\n}"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"AddTaskButton.js","sources":["../../../../../../../src/components/TaskGrid/components/grid/cell-renderers/add-task-button/AddTaskButton.tsx"],"sourcesContent":["import { ContextualMenuItemType, Icon, IconButton, IContextualMenuItem } from \"@fluentui/react\"\nimport { ICellProps } from \"../../../../../Grid/cells/cell/Cell\"\nimport * as React from \"react\"\nimport { getAddTaskButtonStyles } from \"./styles\";\nimport { IRecord } from \"@talxis/client-libraries\";\nimport { RecordSelector } from \"../../record-selector/RecordSelector\";\nimport { useDatasetControl, useLocalizationService, useTaskDataProvider, useTaskGridDescriptor } from \"../../../../context\";\n\nexport const AddTaskButton = (props: ICellProps) => {\n    const styles = React.useMemo(() => getAddTaskButtonStyles(), []);\n    const record: IRecord = props.data;\n    const taskDataProvider = useTaskDataProvider();\n    const datasetControl = useDatasetControl();\n    const localizationService = useLocalizationService();\n    const [isButtonMounted, setIsButtonMounted] = React.useState(true);\n    const isTaskAddingEnabled = datasetControl.isTaskCreatingEnabled();\n    const isTemplatingEnabled = datasetControl.isTemplatingEnabled();\n\n    const addTaskFromTemplate = async (templateId: string) => {\n        //this needs to be done so the button menu does not overlay the dialog\n        setIsButtonMounted(false);\n        await taskDataProvider.createTasksFromTemplate(templateId, record.getRecordId());\n        setIsButtonMounted(true);\n    }\n\n    const isButtonVisible = (): boolean => {\n        if (taskDataProvider.isFlatListEnabled() || !isTaskAddingEnabled) {\n            return false;\n        }\n        return isButtonMounted;\n    }\n\n    const getMenuItems = (): IContextualMenuItem[] => {\n        const isTemplatingEnabled = datasetControl.isTemplatingEnabled();\n        return [{\n            key: 'addChild',\n            text: localizationService.getLocalizedString('addChild'),\n            iconProps: {\n                iconName: 'Add'\n            },\n            onClick: () => { taskDataProvider.createTask(record.getRecordId()) }\n        },\n        {\n            key: 'divider',\n            itemType: ContextualMenuItemType.Divider\n        },\n        ...(!isTemplatingEnabled ? [] : [{\n            key: 'taskFromTemplate',\n            text: localizationService.getLocalizedString('taskFromTemplate'),\n            iconProps: {\n                iconName: 'PageList'\n            },\n            subMenuProps: {\n                items: [{\n                    key: 'dummy'\n                }],\n                onRenderMenuList: () => <RecordSelector\n                    provider={datasetControl.getTemplateDataProvider()}\n                    onRenderRecord={(props, defautRender) => {\n                        return defautRender({\n                            ...props,\n                            iconProps: {\n                                iconName: 'AddToShoppingList'\n                            }\n                        })\n                    }}\n                    onRecordSelected={addTaskFromTemplate} />\n            }\n        }])];\n    }\n\n    if (!record.isActive()) {\n        return <div className={styles.uneditableIconContainer} title={localizationService.getLocalizedString('canNotEditCompletedTask')}>\n            <Icon\n                className={styles.uneditableIcon}\n                iconName='Uneditable'\n            />\n        </div>\n    }\n    else if (isButtonVisible()) {\n        return <IconButton\n            className={`${styles.addTaskBtnRoot} talxis_task-grid_add-task-button`}\n            iconProps={{ iconName: 'Add' }}\n            onClick={!isTemplatingEnabled ? () => taskDataProvider.createTask(record.getRecordId()) : undefined}\n            menuProps={isTemplatingEnabled ? { items: getMenuItems() } : undefined}\n            styles={{ menuIcon: styles.addTaskMenuIcon }} />\n    }\n    else {\n        return <></>\n    }\n\n}"],"names":["_jsx"],"mappings":"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"}

package/dist/components/TaskGrid/components/grid/cell-renderers/lookup-many/LookupManyCellRenderer.d.ts

@@ -0,0 +1,7 @@
+import { IDataProvider } from "@talxis/client-libraries";
+import { ICellProps } from "../../../../../Grid/cells/cell/Cell";
+interface ICellRendererProps extends ICellProps {
+    dataProvider: IDataProvider;
+}
+export declare const LookupManyCellRenderer: (props: ICellRendererProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TaskGrid/components/grid/cell-renderers/lookup-many/LookupManyCellRenderer.js

@@ -0,0 +1,102 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default, { useCallback, useEffect } from 'react';
+import AsyncSelect from 'react-select/async';
+import { useGridInstance } from '../../../../../Grid/grid/useGridInstance.js';
+import { ThemeProvider } from '@fluentui/react';
+import { useTaskDataProvider } from '../../../../context.js';
+import { LookupMany } from '../../lookup-many/LookupMany.js';
+import { PeopleLookupMany } from '../../lookup-many/people-lookup-many/PeopleLookupMany.js';
+import { ColorfulLookupMany } from '../../lookup-many/colorful-lookup-many/ColorfulLookupMany.js';
+
+var ControlName;
+(function (ControlName) {
+    ControlName["LookupMany"] = "LookupMany";
+    ControlName["PeopleLookupMany"] = "PeopleLookupMany";
+    ControlName["ColorfulLookupMany"] = "ColorfulLookupMany";
+})(ControlName || (ControlName = {}));
+const LookupManyCellRenderer = (props) => {
+    const { api, baseColumn, dataProvider } = props;
+    const record = props.data;
+    const [isDisabled, setIsDisabled] = React__default.useState(true);
+    const customControl = record.getColumnInfo(baseColumn.name).ui.getCustomControls([])?.[0];
+    const controlName = (customControl?.name ?? ControlName.LookupMany);
+    const bindings = customControl?.bindings;
+    const provider = useTaskDataProvider();
+    const isNavigationEnabled = useGridInstance().isNavigationEnabled();
+    const value = record.getValue(props.colDef.colId);
+    const onSelectionChange = (selectedRecords) => {
+        record.setValue(props.colDef.colId, selectedRecords);
+        record.save();
+        api.refreshCells({
+            rowNodes: [props.node],
+            columns: [props.colDef.colId],
+            force: true
+        });
+    };
+    const onRecordOpen = (entityReference) => {
+        provider.openDatasetItem(entityReference, {
+            columnName: baseColumn.name
+        });
+    };
+    const onMenuClose = () => {
+        setIsDisabled(true);
+    };
+    const getComponentProps = () => {
+        return {
+            dataProvider,
+            selectedRecords: value,
+            isDisabled,
+            onRecordSelect: onSelectionChange,
+            onRecordOpen: isNavigationEnabled ? onRecordOpen : undefined,
+            components: {
+                onRenderSelect: (selectProps) => jsx(AsyncSelect, { ...selectProps, autoFocus: true, openMenuOnFocus: true, openMenuOnClick: true, styles: {
+                        ...selectProps.styles,
+                        control: (base, props) => {
+                            return {
+                                ...selectProps.styles?.control?.(base, props),
+                                maxHeight: 200,
+                                overflow: 'auto',
+                                border: 'none',
+                                background: 'none',
+                                boxShadow: 'none',
+                            };
+                        }
+                    }, onMenuClose: () => {
+                        selectProps.onMenuClose?.();
+                        onMenuClose();
+                    } })
+            }
+        };
+    };
+    const getComponent = () => {
+        switch (controlName) {
+            case ControlName.ColorfulLookupMany:
+                return jsx(ColorfulLookupMany, { colorPropertyName: bindings?.ColorPropertyName?.value, ...getComponentProps() });
+            case ControlName.PeopleLookupMany:
+                return jsx(PeopleLookupMany, { ...getComponentProps(), imageUrlPropertyName: bindings?.ImageUrlPropertyName?.value });
+            default: {
+                return jsx(LookupMany, { ...getComponentProps() });
+            }
+        }
+    };
+    const onSwitchToEditMode = useCallback(() => {
+        if (props.value.editable) {
+            setIsDisabled(false);
+        }
+        setTimeout(() => {
+            const element = props.eGridCell.querySelector('[data-value]');
+            element?.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, button: 0 }));
+            element?.dispatchEvent(new MouseEvent('mouseup', { bubbles: true, button: 0 }));
+        });
+    }, [props.value.editable]);
+    useEffect(() => {
+        props.eGridCell.addEventListener('dblclick', onSwitchToEditMode);
+        return () => {
+            props.eGridCell.removeEventListener('dblclick', onSwitchToEditMode);
+        };
+    }, [onSwitchToEditMode]);
+    return jsx(ThemeProvider, { children: getComponent() });
+};
+
+export { LookupManyCellRenderer };
+//# sourceMappingURL=LookupManyCellRenderer.js.map

package/dist/components/TaskGrid/components/grid/cell-renderers/lookup-many/LookupManyCellRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LookupManyCellRenderer.js","sources":["../../../../../../../src/components/TaskGrid/components/grid/cell-renderers/lookup-many/LookupManyCellRenderer.tsx"],"sourcesContent":["import { IDataProvider, IRecord } from \"@talxis/client-libraries\";\nimport { useTaskDataProvider } from \"../../../../..\";\nimport React, { useCallback, useEffect } from \"react\";\nimport AsyncSelect from \"react-select/async\";\nimport { ICellProps } from \"../../../../../Grid/cells/cell/Cell\";\nimport { ColorfulLookupMany, ILookupManyProps, LookupMany, PeopleLookupMany } from \"../../lookup-many\";\nimport { useAgGridInstance } from \"../../../../../Grid/grid/ag-grid/useAgGridInstance\";\nimport { useGridInstance } from \"../../../../../Grid/grid/useGridInstance\";\nimport { ThemeProvider } from \"@fluentui/react\";\n\ninterface ICellRendererProps extends ICellProps {\n    dataProvider: IDataProvider;\n}\n\nenum ControlName {\n    LookupMany = 'LookupMany',\n    PeopleLookupMany = 'PeopleLookupMany',\n    ColorfulLookupMany = 'ColorfulLookupMany',\n}\n\nexport const LookupManyCellRenderer = (props: ICellRendererProps) => {\n    const { api, baseColumn, dataProvider } = props;\n    const record: IRecord = props.data;\n    const [isDisabled, setIsDisabled] = React.useState(true);\n    const customControl = record.getColumnInfo(baseColumn.name).ui.getCustomControls([])?.[0];\n    const controlName = (customControl?.name ?? ControlName.LookupMany) as ControlName;\n    const bindings = customControl?.bindings;\n    const provider = useTaskDataProvider();\n    const isNavigationEnabled = useGridInstance().isNavigationEnabled();\n    const value: ComponentFramework.EntityReference[] | undefined = record.getValue(props.colDef!.colId!) as ComponentFramework.EntityReference[] | undefined;\n\n    const onSelectionChange = (selectedRecords: ComponentFramework.EntityReference[]) => {\n        record.setValue(props.colDef!.colId!, selectedRecords);\n        record.save();\n        api.refreshCells({\n            rowNodes: [props.node],\n            columns: [props.colDef!.colId!],\n            force: true\n        });\n    }\n\n    const onRecordOpen = (entityReference: ComponentFramework.EntityReference) => {\n        provider.openDatasetItem(entityReference, {\n            columnName: baseColumn.name\n        });\n    }\n\n    const onMenuClose = () => {\n        setIsDisabled(true);\n    }\n\n    const getComponentProps = (): ILookupManyProps => {\n        return {\n            dataProvider,\n            selectedRecords: value,\n            isDisabled,\n            onRecordSelect: onSelectionChange,\n            onRecordOpen: isNavigationEnabled ? onRecordOpen : undefined,\n            components: {\n                onRenderSelect: (selectProps) =>\n                    <AsyncSelect {...selectProps}\n                        autoFocus\n                        openMenuOnFocus\n                        openMenuOnClick\n                        styles={{\n                            ...selectProps.styles,\n                            control: (base, props) => {\n                                return {\n                                    ...selectProps.styles?.control?.(base, props),\n                                    maxHeight: 200,\n                                    overflow: 'auto',\n                                    border: 'none',\n                                    background: 'none',\n                                    boxShadow: 'none',\n                                }\n                            }\n                        }}\n                        onMenuClose={() => {\n                            selectProps.onMenuClose?.();\n                            onMenuClose();\n                        }} />\n            }\n        }\n    }\n\n    const getComponent = (): JSX.Element => {\n        switch (controlName) {\n            case ControlName.ColorfulLookupMany:\n                return <ColorfulLookupMany\n                    colorPropertyName={bindings?.ColorPropertyName?.value}\n                    {...getComponentProps()}\n                />\n            case ControlName.PeopleLookupMany:\n                return <PeopleLookupMany\n                    {...getComponentProps()}\n                    imageUrlPropertyName={bindings?.ImageUrlPropertyName?.value}\n                />\n            default: {\n                return <LookupMany\n                    {...getComponentProps()}\n                />\n            }\n        }\n    }\n    const onSwitchToEditMode = useCallback(() => {\n        if (props.value.editable) {\n            setIsDisabled(false);\n        }\n        setTimeout(() => {\n            const element = props.eGridCell.querySelector('[data-value]');\n            element?.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, button: 0 }));\n            element?.dispatchEvent(new MouseEvent('mouseup', { bubbles: true, button: 0 }));\n        })\n    }, [props.value.editable]);\n\n    useEffect(() => {\n        props.eGridCell.addEventListener('dblclick', onSwitchToEditMode);\n        return () => {\n            props.eGridCell.removeEventListener('dblclick', onSwitchToEditMode);\n        }\n    }, [onSwitchToEditMode]);\n\n    return <ThemeProvider>\n        {getComponent()}\n    </ThemeProvider>\n}"],"names":["React","_jsx"],"mappings":"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"}

package/dist/components/TaskGrid/components/grid/cell-renderers/lookup-many/index.d.ts

@@ -0,0 +1 @@
+export * from './LookupManyCellRenderer';

package/dist/components/TaskGrid/components/grid/cell-renderers/lookup-many/index.js

@@ -0,0 +1,2 @@
+export { LookupManyCellRenderer } from './LookupManyCellRenderer.js';
+//# sourceMappingURL=index.js.map

package/dist/components/TaskGrid/components/grid/cell-renderers/percent-complete/PercentComplete.d.ts

@@ -1,2 +1,3 @@
 import { ICellProps } from "../../../../../Grid/cells/cell/Cell";
+export declare const PERCENT_COMPLETE_CONTROL_NAME = "PercentComplete";
 export declare const PercentComplete: (props: ICellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TaskGrid/components/grid/cell-renderers/percent-complete/PercentComplete.js

@@ -4,19 +4,18 @@ import { Cell } from '../../../../../Grid/cells/cell/Cell.js';
 import * as React from 'react';
 import { getPercentCompleteStyles } from './styles.js';
 
+const PERCENT_COMPLETE_CONTROL_NAME = "PercentComplete";
 const PercentComplete = (props) => {
     const value = props.value.value;
-    const formattedValue = props.valueFormatted;
     const styles = React.useMemo(() => getPercentCompleteStyles(), []);
     if (props.value.loading) {
         return jsx(Cell, { ...props });
     }
     return jsx("div", { className: styles.root, children: jsx(ProgressIndicator, { barHeight: 5, styles: {
                 root: styles.progressIndicatorRoot,
-                itemProgress: styles.itemProgress,
-                itemDescription: styles.itemDescription
-            }, description: formattedValue, percentComplete: value !== null ? value / 100 : 0 }) });
+                itemProgress: styles.itemProgress
+            }, description: `${value?.toString() ?? '0'}%`, percentComplete: value !== null ? value / 100 : 0 }) });
 };
 
-export { PercentComplete };
+export { PERCENT_COMPLETE_CONTROL_NAME, PercentComplete };
 //# sourceMappingURL=PercentComplete.js.map

package/dist/components/TaskGrid/components/grid/cell-renderers/percent-complete/PercentComplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"PercentComplete.js","sources":["../../../../../../../src/components/TaskGrid/components/grid/cell-renderers/percent-complete/PercentComplete.tsx"],"sourcesContent":["import { ProgressIndicator } from \"@fluentui/react\";\nimport { Cell, ICellProps } from \"../../../../../Grid/cells/cell/Cell\";\nimport * as React from \"react\";\nimport { getPercentCompleteStyles } from \"./styles\";\n\nexport const PercentComplete = (props: ICellProps) => {\n    const value = props.value.value;\n    const formattedValue = props.valueFormatted;\n    const styles = React.useMemo(() => getPercentCompleteStyles(), []);\n    \n    if(props.value.loading) {\n        return <Cell {...props} />\n    }\n    return <div className={styles.root}>\n        <ProgressIndicator\n            barHeight={5}\n            styles={{\n                root: styles.progressIndicatorRoot,\n                itemProgress: styles.itemProgress,\n                itemDescription: styles.itemDescription\n            }}\n            description={formattedValue}\n            percentComplete={value !== null ? value / 100 : 0}\n         />\n    </div>\n}"],"names":["_jsx"],"mappings":";;;;;;AAKa,MAAA,eAAe,GAAG,CAAC,KAAiB,KAAI;AACjD,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;AAChC,IAAA,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC;AAC5C,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,wBAAwB,EAAE,EAAE,EAAE,CAAC,CAAC;AAEnE,IAAA,IAAG,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE;AACpB,QAAA,OAAOA,GAAC,CAAA,IAAI,EAAK,EAAA,GAAA,KAAK,GAAI,CAAA;AAC7B,KAAA;AACD,IAAA,OAAOA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EAC9BA,GAAC,CAAA,iBAAiB,IACd,SAAS,EAAE,CAAC,EACZ,MAAM,EAAE;gBACJ,IAAI,EAAE,MAAM,CAAC,qBAAqB;gBAClC,YAAY,EAAE,MAAM,CAAC,YAAY;gBACjC,eAAe,EAAE,MAAM,CAAC,eAAe;aAC1C,EACD,WAAW,EAAE,cAAc,EAC3B,eAAe,EAAE,KAAK,KAAK,IAAI,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,EAClD,CAAA,EAAA,CACD,CAAA;AACV;;;;"}
+{"version":3,"file":"PercentComplete.js","sources":["../../../../../../../src/components/TaskGrid/components/grid/cell-renderers/percent-complete/PercentComplete.tsx"],"sourcesContent":["import { ProgressIndicator } from \"@fluentui/react\";\nimport { Cell, ICellProps } from \"../../../../../Grid/cells/cell/Cell\";\nimport * as React from \"react\";\nimport { getPercentCompleteStyles } from \"./styles\";\n\nexport const PERCENT_COMPLETE_CONTROL_NAME = \"PercentComplete\";\n\nexport const PercentComplete = (props: ICellProps) => {\n    const value: number | null = props.value.value;\n    const styles = React.useMemo(() => getPercentCompleteStyles(), []);\n    \n    if(props.value.loading) {\n        return <Cell {...props} />\n    }\n    return <div className={styles.root}>\n        <ProgressIndicator\n            barHeight={5}\n            styles={{\n                root: styles.progressIndicatorRoot,\n                itemProgress: styles.itemProgress\n            }}\n            description={`${value?.toString() ?? '0'}%`}\n            percentComplete={value !== null ? value / 100 : 0}\n         />\n    </div>\n}"],"names":["_jsx"],"mappings":";;;;;;AAKO,MAAM,6BAA6B,GAAG,kBAAkB;AAElD,MAAA,eAAe,GAAG,CAAC,KAAiB,KAAI;AACjD,IAAA,MAAM,KAAK,GAAkB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;AAC/C,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,wBAAwB,EAAE,EAAE,EAAE,CAAC,CAAC;AAEnE,IAAA,IAAG,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE;AACpB,QAAA,OAAOA,GAAC,CAAA,IAAI,EAAK,EAAA,GAAA,KAAK,GAAI,CAAA;AAC7B,KAAA;AACD,IAAA,OAAOA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EAC9BA,GAAC,CAAA,iBAAiB,IACd,SAAS,EAAE,CAAC,EACZ,MAAM,EAAE;gBACJ,IAAI,EAAE,MAAM,CAAC,qBAAqB;gBAClC,YAAY,EAAE,MAAM,CAAC,YAAY;AACpC,aAAA,EACD,WAAW,EAAE,CAAG,EAAA,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,CAAA,CAAA,CAAG,EAC3C,eAAe,EAAE,KAAK,KAAK,IAAI,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,EAClD,CAAA,EAAA,CACD,CAAA;AACV;;;;"}

package/dist/components/TaskGrid/components/grid/cell-renderers/percent-complete/index.js

@@ -1,2 +1,2 @@
-export { PercentComplete } from './PercentComplete.js';
+export { PERCENT_COMPLETE_CONTROL_NAME, PercentComplete } from './PercentComplete.js';
 //# sourceMappingURL=index.js.map

package/dist/components/TaskGrid/components/grid/cell-renderers/percent-complete/styles.d.ts

@@ -14,10 +14,4 @@ export declare const getPercentCompleteStyles: () => import("@fluentui/react").I
     itemProgress: {
         flexGrow: number;
     };
-    itemDescription: {
-        '::after': {
-            content: string;
-            display: string;
-        };
-    };
 }>;

package/dist/components/TaskGrid/components/grid/cell-renderers/percent-complete/styles.js

@@ -17,12 +17,6 @@ const getPercentCompleteStyles = () => {
         itemProgress: {
             flexGrow: 1
         },
-        itemDescription: {
-            '::after': {
-                content: '"%"',
-                display: 'inline'
-            }
-        }
     });
 };
 

package/dist/components/TaskGrid/components/grid/cell-renderers/percent-complete/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../src/components/TaskGrid/components/grid/cell-renderers/percent-complete/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getPercentCompleteStyles = () => {\n    return mergeStyleSets({\n        root: {\n            display: 'flex',\n            flexDirection: 'column',\n            height: '100%',\n            justifyContent: 'center',\n            paddingRight: 8,\n            paddingLeft: 8,\n        },\n        progressIndicatorRoot: {\n            display: 'flex',\n            gap: 5\n        },\n        itemProgress: {\n            flexGrow: 1\n        },\n        itemDescription: {\n            '::after': {\n                content: '\"%\"',\n                display: 'inline'\n            }\n        }\n    })\n}"],"names":[],"mappings":";;AAEO,MAAM,wBAAwB,GAAG,MAAK;AACzC,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,YAAY,EAAE,CAAC;AACf,YAAA,WAAW,EAAE,CAAC;AACjB,SAAA;AACD,QAAA,qBAAqB,EAAE;AACnB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,GAAG,EAAE,CAAC;AACT,SAAA;AACD,QAAA,YAAY,EAAE;AACV,YAAA,QAAQ,EAAE,CAAC;AACd,SAAA;AACD,QAAA,eAAe,EAAE;AACb,YAAA,SAAS,EAAE;AACP,gBAAA,OAAO,EAAE,KAAK;AACd,gBAAA,OAAO,EAAE,QAAQ;AACpB,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../../../src/components/TaskGrid/components/grid/cell-renderers/percent-complete/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getPercentCompleteStyles = () => {\n    return mergeStyleSets({\n        root: {\n            display: 'flex',\n            flexDirection: 'column',\n            height: '100%',\n            justifyContent: 'center',\n            paddingRight: 8,\n            paddingLeft: 8,\n        },\n        progressIndicatorRoot: {\n            display: 'flex',\n            gap: 5\n        },\n        itemProgress: {\n            flexGrow: 1\n        },\n    })\n}"],"names":[],"mappings":";;AAEO,MAAM,wBAAwB,GAAG,MAAK;AACzC,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,YAAY,EAAE,CAAC;AACf,YAAA,WAAW,EAAE,CAAC;AACjB,SAAA;AACD,QAAA,qBAAqB,EAAE;AACnB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,GAAG,EAAE,CAAC;AACT,SAAA;AACD,QAAA,YAAY,EAAE;AACV,YAAA,QAAQ,EAAE,CAAC;AACd,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

package/dist/components/TaskGrid/components/grid/grid-customizer/GridCustomizer.d.ts

@@ -1,5 +1,5 @@
 import { ColDef as ColDefBase, GridApi as GridApiBase, RowClassRules as RowClassRulesBase } from "@ag-grid-community/core";
-import { ITaskDataProvider } from "../../../data-providers/task-data-provider";
+import { ITaskDataProvider } from "../../../providers/task";
 import { IRecord } from "@talxis/client-libraries";
 import { ITaskGridDatasetControl } from "../../../interfaces";
 export declare const ADD_TASK_COLUMN_NAME = "addTask";
@@ -14,12 +14,6 @@ export interface IGridCustomizerStrategy {
     onGetColumnDefinitions?: (columnDefs: ColDef[]) => ColDef[];
     /** Receives the default row class rules map and may return an extended or overridden version. */
     onGetRowClassRules?: (rules: RowClassRules) => RowClassRules;
-    /** Return a custom cell renderer component for the given column definition, or `undefined` to use the default. */
-    onGetCellRenderer?: (colDef: ColDef) => any;
-    /** Return a custom cell editor component for the given column definition, or `undefined` to use the default. */
-    onGetCellEditor?: (colDef: ColDef) => any;
-    /** Receives the raw AG Grid `GridApi` instance, useful if the strategy needs to retain a reference. */
-    onRetrieveGridApi?: (gridApi: GridApi) => void;
 }
 /** Provides access to the AG Grid instance and the TaskGrid control to code running inside `IGridCustomizerStrategy`. */
 export interface IGridCustomizer {
@@ -58,6 +52,7 @@ export declare class GridCustomizer implements IGridCustomizer {
     private _isServerSideGroupOpenByDefault;
     private _injectAddTaskColumn;
     private _getColumnDefinitions;
+    private _getCustomControlForColumn;
     private _getColumnPriority;
     private _getRowClassRules;
     private _getPathToParent;

package/dist/components/TaskGrid/components/grid/grid-customizer/GridCustomizer.js

@@ -2,8 +2,8 @@ import { DatasetConstants } from '@talxis/client-libraries';
 import { GridDragHandler } from '../grid-drag-handler/GridDragHandler.js';
 import { AddTaskButton } from '../cell-renderers/add-task-button/AddTaskButton.js';
 import { TreeExpandCollapseHeader } from '../cell-headers/tree-expand-collapse-header/TreeExpandCollapseHeader.js';
-import { PercentComplete } from '../cell-renderers/percent-complete/PercentComplete.js';
 import { GroupCell } from '../group-cell/GroupCell.js';
+import { PERCENT_COMPLETE_CONTROL_NAME, PercentComplete } from '../cell-renderers/percent-complete/PercentComplete.js';
 
 const ADD_TASK_COLUMN_NAME = 'addTask';
 class GridCustomizer {
@@ -39,9 +39,24 @@ class GridCustomizer {
                     parentNode.setExpanded(true);
                 }
             }
-            if (!parentId) {
-                this._gridApi.ensureIndexVisible(0);
-            }
+            setTimeout(() => {
+                const primaryIdAttribute = this._taskDataProvider.getMetadata().PrimaryIdAttribute;
+                const recordId = records[0][primaryIdAttribute];
+                const node = this._gridApi.getRowNode(recordId);
+                if (!node)
+                    return;
+                if (records.length === 1 && this._datasetControl.isInlineCreateEnabled()) {
+                    const rowIndex = node.rowIndex;
+                    this._gridApi.startEditingCell({
+                        rowIndex: rowIndex,
+                        colKey: this._nativeColumns.subject
+                    });
+                }
+                else {
+                    this._gridApi.setFocusedCell(node.rowIndex, this._nativeColumns.subject);
+                    this._gridApi.ensureNodeVisible(node);
+                }
+            }, 100);
         };
         this._onAfterTaskDataUpdated = (newData) => {
             const recordIdsSet = new Set(newData.map(item => item[this._taskDataProvider.getMetadata().PrimaryIdAttribute]));
@@ -92,7 +107,7 @@ class GridCustomizer {
                     break;
                 }
                 case 'isServerSideGroupOpenByDefault': {
-                    originalSetGridOption(key, (params) => this._isServerSideGroupOpenByDefault(params));
+                    originalSetGridOption(key, (params) => this._isServerSideGroupOpenByDefault(params, (params) => value(params)));
                     break;
                 }
                 default: {
@@ -101,15 +116,19 @@ class GridCustomizer {
             }
         };
     }
-    _isServerSideGroupOpenByDefault(params) {
-        if (!params.data) {
+    _isServerSideGroupOpenByDefault(params, defaultAction) {
+        if (!params.data || this._taskDataProvider.isFlatListEnabled()) {
             return false;
         }
         const matchingRecords = this._taskDataProvider.getRecordTree().getMatchingRecords();
-        return !matchingRecords[params.data.getRecordId()];
+        const result = !matchingRecords[params.data.getRecordId()];
+        if (result) {
+            return result;
+        }
+        return defaultAction(params);
     }
     _injectAddTaskColumn(columnDefs) {
-        if (!columnDefs.find(colDef => colDef.colId === ADD_TASK_COLUMN_NAME)) {
+        if (!this._taskDataProvider.isFlatListEnabled() && !columnDefs.find(colDef => colDef.colId === ADD_TASK_COLUMN_NAME)) {
             columnDefs.push({
                 colId: ADD_TASK_COLUMN_NAME,
                 headerName: '',
@@ -128,8 +147,10 @@ class GridCustomizer {
     _getColumnDefinitions(columnDefs) {
         this._injectAddTaskColumn(columnDefs);
         for (const colDef of columnDefs) {
-            colDef.onCellDoubleClicked = () => { };
             const columnName = colDef.colId;
+            const column = this._taskDataProvider.getColumnsMap()[columnName];
+            const customCellRenderer = this._getCustomControlForColumn('renderer', column);
+            const customCellEditor = this._getCustomControlForColumn('editor', column);
             switch (columnName) {
                 case this._nativeColumns.subject: {
                     colDef.cellRenderer = GroupCell;
@@ -140,20 +161,28 @@ class GridCustomizer {
                     colDef.lockPosition = true;
                     break;
                 }
-                case this._nativeColumns.percentComplete: {
+            }
+            switch (customCellRenderer) {
+                case PERCENT_COMPLETE_CONTROL_NAME: {
                     colDef.cellRenderer = PercentComplete;
                     break;
                 }
             }
+            switch (customCellEditor) {
+                case PERCENT_COMPLETE_CONTROL_NAME: {
+                    colDef.cellEditor = PercentComplete;
+                    break;
+                }
+            }
         }
         columnDefs.sort((a, b) => this._getColumnPriority(a) - this._getColumnPriority(b));
         columnDefs = this._strategy?.onGetColumnDefinitions?.(columnDefs) ?? columnDefs;
-        for (const colDef of columnDefs) {
-            colDef.cellRenderer = this._strategy?.onGetCellRenderer?.(colDef) ?? colDef.cellRenderer;
-            colDef.cellEditor = this._strategy?.onGetCellEditor?.(colDef) ?? colDef.cellEditor;
-        }
         return columnDefs;
     }
+    _getCustomControlForColumn(role, column) {
+        const control = column?.controls?.find(c => c.appliesTo === role || c.appliesTo === 'both');
+        return control?.name ?? null;
+    }
     _getColumnPriority(col) {
         if (col.colId === DatasetConstants.CHECKBOX_COLUMN_KEY)
             return 0;
@@ -287,7 +316,9 @@ class GridCustomizer {
             addIndex: addIndex !== null ? addIndex : undefined,
         });
         if (position === 'child') {
-            overNode.setExpanded(true);
+            setTimeout(() => {
+                overNode.setExpanded(true);
+            }, 0);
         }
         this._gridApi.refreshCells({
             columns: [this._nativeColumns.subject],