@talxis/base-controls 1.2603.1 → 1.2604.2

package/dist/components/TaskGrid/components/header/Header.js

@@ -0,0 +1,148 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { ContextualMenuItemType, CommandBarButton } from '@fluentui/react';
+import { getHeaderStyles } from './styles.js';
+import { useLocalizationService, useDatasetControl, useTaskDataProvider, usePcfContext, useTaskGridComponents } from '../../context.js';
+import { EditColumns } from './edit-columns/EditColumns.js';
+import { ViewSwitcher } from './view-switcher/ViewSwitcher.js';
+import { RecordSelector } from '../grid/record-selector/RecordSelector.js';
+import { SettingsCallout } from './settings-callout/SettingsCallout.js';
+
+const Header = (props) => {
+    const localizationService = useLocalizationService();
+    const datasetControl = useDatasetControl();
+    const styles = React.useMemo(() => getHeaderStyles(), []);
+    const provider = useTaskDataProvider();
+    const [editColumnsOpen, setEditColumnsOpen] = React.useState(false);
+    const pcfContext = usePcfContext();
+    const components = useTaskGridComponents();
+    const createTaskFromTemplate = (templateId) => {
+        provider.createTasksFromTemplate(templateId);
+    };
+    const getCommandBarItems = (items) => {
+        const isTemplatingEnabled = datasetControl.isTemplatingEnabled();
+        const isEditColumnsEnabled = datasetControl.getParameters().EnableEditColumns?.raw;
+        const isTaskAddingEnabled = provider.isTaskAddingEnabled();
+        const isTaskEditingEnabled = provider.isTaskEditingEnabled();
+        const isTaskDeletingEnabled = provider.isTaskDeletingEnabled();
+        const isShowHierarchyToggleVisible = datasetControl.isShowHierarchyToggleVisible();
+        const isHideInactiveTasksToggleVisible = datasetControl.isHideInactiveTasksToggleVisible();
+        const selectedIds = provider.getSelectedRecordIds();
+        const isLoading = provider.isLoading();
+        return [
+            ...((isTaskAddingEnabled || isTemplatingEnabled) ? [{
+                    key: 'new',
+                    text: localizationService.getLocalizedString('new'),
+                    disabled: isLoading,
+                    iconProps: { iconName: 'Add' },
+                    subMenuProps: {
+                        items: [
+                            ...(isTaskAddingEnabled ? [{
+                                    key: 'addTopLevelTask',
+                                    disabled: isLoading,
+                                    iconProps: { iconName: 'AddToShoppingList' },
+                                    text: localizationService.getLocalizedString('topLevel'),
+                                    onClick: () => { provider.createTask(); }
+                                }] : []),
+                            ...(isTemplatingEnabled ? [
+                                ...(isTaskAddingEnabled ? [{ key: 'divider', itemType: ContextualMenuItemType.Divider }] : []),
+                                ...(selectedIds.length === 1 ? [{
+                                        key: 'templateFromTask',
+                                        iconProps: { iconName: 'PageList' },
+                                        text: localizationService.getLocalizedString('templateFromTask'),
+                                        disabled: isLoading,
+                                        onClick: () => { provider.createTemplateFromTask(selectedIds[0]); }
+                                    }] : []),
+                                {
+                                    key: 'taskFromTemplate',
+                                    iconProps: { iconName: 'AddToShoppingList' },
+                                    text: localizationService.getLocalizedString('taskFromTemplate'),
+                                    disabled: isLoading,
+                                    subMenuProps: {
+                                        items: [{ key: 'dummy' }],
+                                        focusZoneProps: {
+                                            shouldInputLoseFocusOnArrowKey: () => true
+                                        },
+                                        onRenderMenuList: () => isLoading ? jsx(Fragment, {}) : (jsx(RecordSelector, { provider: datasetControl.getTemplateDataProvider(), onRenderRecord: (props, defaultRender) => defaultRender({
+                                                ...props,
+                                                iconProps: { iconName: 'AddToShoppingList' }
+                                            }), onRecordSelected: createTaskFromTemplate }))
+                                    }
+                                }
+                            ] : [])
+                        ]
+                    }
+                }] : []),
+            ...(selectedIds.length !== 0 ? [
+                ...(isTaskEditingEnabled ? [{
+                        key: 'edit',
+                        text: localizationService.getLocalizedString('bulkEdit'),
+                        disabled: isLoading,
+                        iconProps: { iconName: 'Edit' },
+                        onClick: () => { provider.editTasks(selectedIds); }
+                    }] : []),
+                ...(isTaskDeletingEnabled ? [{
+                        key: 'delete',
+                        text: localizationService.getLocalizedString('deleteSelected'),
+                        disabled: isLoading,
+                        iconProps: { iconName: 'Delete' },
+                        onClick: async () => {
+                            const result = await pcfContext.navigation.openConfirmDialog({
+                                text: localizationService.getLocalizedString("confirmDialog.deleteSelectedRows.text"),
+                            });
+                            if (result.confirmed) {
+                                provider.deleteTasks(selectedIds);
+                            }
+                        }
+                    }] : []),
+            ] : []),
+            ...items,
+            ...(isEditColumnsEnabled ? [{
+                    key: 'editColumns',
+                    disabled: isLoading,
+                    text: localizationService.getLocalizedString('editColumns'),
+                    iconProps: { iconName: 'ColumnOptions' },
+                    onRender: (item) => jsx(CommandBarButton, { ...item, onClick: () => setEditColumnsOpen(true) })
+                },
+            ] : []),
+            ...(isShowHierarchyToggleVisible || isHideInactiveTasksToggleVisible ? [{
+                    key: 'settings',
+                    id: 'taskGridSettingsButton',
+                    disabled: isLoading,
+                    text: localizationService.getLocalizedString('settings'),
+                    subMenuProps: {
+                        items: [{ key: 'dummy' }],
+                        onRenderMenuList: () => jsx(SettingsCallout, {})
+                    },
+                    iconProps: { iconName: 'Settings' },
+                }] : [])
+        ];
+    };
+    return props.defaultRender({
+        ...props.headerProps,
+        onRenderRibbonQuickFindWrapper: (props, defaultRender) => {
+            return jsxs("div", { className: styles.root, children: [jsx(ViewSwitcher, {}), defaultRender({
+                        ...props,
+                        ribbonQuickFindContainerProps: {
+                            ...props.ribbonQuickFindContainerProps,
+                            className: `${props.ribbonQuickFindContainerProps.className} ${styles.ribbonQuickFindContainer}`,
+                        },
+                        onRenderRibbon: (props, defaultRender) => {
+                            return defaultRender({
+                                ...props,
+                                onRenderCommandBar: (props, defaultRender) => {
+                                    return components.onRenderCommandBar({
+                                        ...props,
+                                        items: getCommandBarItems(props.items)
+                                    });
+                                }
+                            });
+                        }
+                    }), editColumnsOpen &&
+                        jsx(EditColumns, { onDismiss: () => setEditColumnsOpen(false) })] });
+        }
+    });
+};
+
+export { Header };
+//# sourceMappingURL=Header.js.map

package/dist/components/TaskGrid/components/header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../src/components/TaskGrid/components/header/Header.tsx"],"sourcesContent":["import { IHeaderProps } from \"../../../DatasetControl/interfaces\"\nimport { ICommandBarItemProps } from \"@talxis/react-components\";\nimport * as React from \"react\"\nimport { CommandBarButton, ContextualMenuItemType, useTheme } from \"@fluentui/react\";\nimport { getHeaderStyles } from \"./styles\";\nimport { SettingsCallout } from \"./settings-callout\";\nimport { useDatasetControl, useLocalizationService, usePcfContext, useTaskDataProvider, useTaskGridComponents } from \"../../context\";\nimport { RecordSelector } from \"../grid/record-selector\";\nimport { ViewSwitcher } from \"./view-switcher\";\nimport { EditColumns } from \"./edit-columns/EditColumns\";\n\ninterface ITaskGridHeaderProps {\n    headerProps: IHeaderProps;\n    defaultRender: (props: IHeaderProps) => React.ReactElement;\n}\n\nexport const Header = (props: ITaskGridHeaderProps) => {\n    const localizationService = useLocalizationService();\n    const datasetControl = useDatasetControl();\n    const styles = React.useMemo(() => getHeaderStyles(), []);\n    const provider = useTaskDataProvider();\n    const [editColumnsOpen, setEditColumnsOpen] = React.useState(false);\n    const pcfContext = usePcfContext();\n    const components = useTaskGridComponents();\n\n    const createTaskFromTemplate = (templateId: string) => {\n        provider.createTasksFromTemplate(templateId);\n    }\n\n    const getCommandBarItems = (items: ICommandBarItemProps[]): ICommandBarItemProps[] => {\n        const isTemplatingEnabled = datasetControl.isTemplatingEnabled();\n        const isEditColumnsEnabled = datasetControl.getParameters().EnableEditColumns?.raw;\n        const isTaskAddingEnabled = provider.isTaskAddingEnabled();\n        const isTaskEditingEnabled = provider.isTaskEditingEnabled();\n        const isTaskDeletingEnabled = provider.isTaskDeletingEnabled();\n        const isShowHierarchyToggleVisible = datasetControl.isShowHierarchyToggleVisible();\n        const isHideInactiveTasksToggleVisible = datasetControl.isHideInactiveTasksToggleVisible();\n        const selectedIds = provider.getSelectedRecordIds();\n        const isLoading = provider.isLoading();\n\n        return [\n            ...((isTaskAddingEnabled || isTemplatingEnabled) ? [{\n                key: 'new',\n                text: localizationService.getLocalizedString('new'),\n                disabled: isLoading,\n                iconProps: { iconName: 'Add' },\n                subMenuProps: {\n                    items: [\n                        ...(isTaskAddingEnabled ? [{\n                            key: 'addTopLevelTask',\n                            disabled: isLoading,\n                            iconProps: { iconName: 'AddToShoppingList' },\n                            text: localizationService.getLocalizedString('topLevel'),\n                            onClick: () => { provider.createTask(); }\n                        }] : []),\n                        ...(isTemplatingEnabled ? [\n                            ...(isTaskAddingEnabled ? [{ key: 'divider', itemType: ContextualMenuItemType.Divider }] : []),\n                            ...(selectedIds.length === 1 ? [{\n                                key: 'templateFromTask',\n                                iconProps: { iconName: 'PageList' },\n                                text: localizationService.getLocalizedString('templateFromTask'),\n                                disabled: isLoading,\n                                onClick: () => { provider.createTemplateFromTask(selectedIds[0]); }\n                            }] : []),\n                            {\n                                key: 'taskFromTemplate',\n                                iconProps: { iconName: 'AddToShoppingList' },\n                                text: localizationService.getLocalizedString('taskFromTemplate'),\n                                disabled: isLoading,\n                                subMenuProps: {\n                                    items: [{ key: 'dummy' }],\n                                    focusZoneProps: {\n                                        shouldInputLoseFocusOnArrowKey: () => true\n                                    },\n                                    onRenderMenuList: () => isLoading ? <></> : (\n                                        <RecordSelector\n                                            provider={datasetControl.getTemplateDataProvider()}\n                                            onRenderRecord={(props, defaultRender) => defaultRender({\n                                                ...props,\n                                                iconProps: { iconName: 'AddToShoppingList' }\n                                            })}\n                                            onRecordSelected={createTaskFromTemplate} />\n                                    )\n                                }\n                            }\n                        ] : [])\n                    ]\n                }\n            }] : []),\n            ...(selectedIds.length !== 0 ? [\n                ...(isTaskEditingEnabled ? [{\n                    key: 'edit',\n                    text: localizationService.getLocalizedString('bulkEdit'),\n                    disabled: isLoading,\n                    iconProps: { iconName: 'Edit' },\n                    onClick: () => { provider.editTasks(selectedIds); }\n                }] : []),\n                ...(isTaskDeletingEnabled ? [{\n                    key: 'delete',\n                    text: localizationService.getLocalizedString('deleteSelected'),\n                    disabled: isLoading,\n                    iconProps: { iconName: 'Delete' },\n                    onClick: async () => {\n                        const result = await pcfContext.navigation.openConfirmDialog({\n                            text: localizationService.getLocalizedString(\"confirmDialog.deleteSelectedRows.text\"),\n                        });\n                        if (result.confirmed) {\n                            provider.deleteTasks(selectedIds);\n                        }\n                    }\n                }] : []),\n            ] : []),\n            ...items,\n            ...(isEditColumnsEnabled ? [{\n                key: 'editColumns',\n                disabled: isLoading,\n                text: localizationService.getLocalizedString('editColumns'),\n                iconProps: { iconName: 'ColumnOptions' },\n                onRender: (item) => <CommandBarButton {...item} onClick={() => setEditColumnsOpen(true)} />\n            } as ICommandBarItemProps,\n            ] : []),\n            ...(isShowHierarchyToggleVisible || isHideInactiveTasksToggleVisible ? [{\n                key: 'settings',\n                id: 'taskGridSettingsButton',\n                disabled: isLoading,\n                text: localizationService.getLocalizedString('settings'),\n                subMenuProps: {\n                    items: [{ key: 'dummy' }],\n                    onRenderMenuList: () => <SettingsCallout />\n                },\n                iconProps: { iconName: 'Settings' },\n            }] : [])\n        ];\n    }\n\n    return props.defaultRender({\n        ...props.headerProps,\n        onRenderRibbonQuickFindWrapper: (props, defaultRender) => {\n            return <div className={styles.root}>\n                <ViewSwitcher />\n                {defaultRender({\n                    ...props,\n                    ribbonQuickFindContainerProps: {\n                        ...props.ribbonQuickFindContainerProps,\n                        className: `${props.ribbonQuickFindContainerProps.className} ${styles.ribbonQuickFindContainer}`,\n                    },\n                    onRenderRibbon: (props, defaultRender) => {\n                        return defaultRender({\n                            ...props,\n                            onRenderCommandBar: (props, defaultRender) => {\n                                return components.onRenderCommandBar({\n                                    ...props as any,\n                                    items: getCommandBarItems(props.items as any)\n                                })\n                            }\n                        })\n                    }\n                })}\n                {editColumnsOpen &&\n                    <EditColumns onDismiss={() => setEditColumnsOpen(false)} />\n                }\n            </div>\n        }\n    });\n}"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}

package/dist/components/TaskGrid/components/header/command-bar/CommandBar.d.ts

@@ -0,0 +1,2 @@
+import { ICommandBarProps } from "@talxis/react-components";
+export declare const CommandBar: (props: ICommandBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TaskGrid/components/header/command-bar/CommandBar.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { CommandBar as CommandBar$1 } from '@talxis/react-components';
+
+const CommandBar = (props) => {
+    return jsx(CommandBar$1, { ...props });
+};
+
+export { CommandBar };
+//# sourceMappingURL=CommandBar.js.map

package/dist/components/TaskGrid/components/header/command-bar/CommandBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandBar.js","sources":["../../../../../../src/components/TaskGrid/components/header/command-bar/CommandBar.tsx"],"sourcesContent":["import { ICommandBarProps } from \"@talxis/react-components\";\nimport { CommandBar as CommandBarBase } from '@talxis/react-components';\nimport * as React from \"react\";\n\nexport const CommandBar = (props: ICommandBarProps) => {\n    return <CommandBarBase {...props} />\n}"],"names":["_jsx","CommandBarBase"],"mappings":";;;AAIa,MAAA,UAAU,GAAG,CAAC,KAAuB,KAAI;AAClD,IAAA,OAAOA,GAAC,CAAAC,YAAc,EAAK,EAAA,GAAA,KAAK,GAAI,CAAA;AACxC;;;;"}

package/dist/components/TaskGrid/components/header/command-bar/index.d.ts

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

package/dist/components/TaskGrid/components/header/command-bar/index.js

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

package/dist/components/TaskGrid/components/header/command-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/TaskGrid/components/header/edit-columns/CommandBar/CommandBar.d.ts

@@ -0,0 +1,2 @@
+import { ICommandBarProps } from "@talxis/react-components";
+export declare const CommandBar: (props: ICommandBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TaskGrid/components/header/edit-columns/CommandBar/CommandBar.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { components } from '../../../../../DatasetControl/EditColumns/components.js';
+import { useTaskGridEditColumns } from '../useTaskGridEditColumns.js';
+import { useLocalizationService } from '../../../../context.js';
+
+const CommandBar = (props) => {
+    const localizationService = useLocalizationService();
+    const { ...rest } = props;
+    const { onCreateColumn } = useTaskGridEditColumns();
+    const items = [
+        ...props.items,
+        ...([{
+                key: 'add_custom_column',
+                text: localizationService.getLocalizedString('addCustomColumn'),
+                iconProps: { iconName: 'Add' },
+                onClick: (e) => onCreateColumn()
+            }] )
+    ];
+    return jsx(components.CommandBar, { ...rest, items: items });
+};
+
+export { CommandBar };
+//# sourceMappingURL=CommandBar.js.map

package/dist/components/TaskGrid/components/header/edit-columns/CommandBar/CommandBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandBar.js","sources":["../../../../../../../src/components/TaskGrid/components/header/edit-columns/CommandBar/CommandBar.tsx"],"sourcesContent":["import { components } from \"../../../../../DatasetControl/EditColumns/components\";\nimport { ICommandBarItemProps, ICommandBarProps } from \"@talxis/react-components\";\nimport * as React from 'react';\nimport { useTaskGridEditColumns } from \"../useTaskGridEditColumns\";\nimport { useLocalizationService } from \"../../../../context\";\n\n\nexport const CommandBar = (props: ICommandBarProps) => {\n    const localizationService = useLocalizationService();\n    const { ...rest } = props;\n    const { onCreateColumn } = useTaskGridEditColumns();\n\n    const items = [\n        ...props.items,\n        ...(true ? [{\n            key: 'add_custom_column',\n            text: localizationService.getLocalizedString('addCustomColumn'),\n            iconProps: { iconName: 'Add' },\n            onClick: (e) => onCreateColumn()\n        } as ICommandBarItemProps] : [])\n    ] as ICommandBarItemProps[];\n\n    return <components.CommandBar {...rest as any} items={items as any} />\n}"],"names":["_jsx"],"mappings":";;;;;AAOa,MAAA,UAAU,GAAG,CAAC,KAAuB,KAAI;AAClD,IAAA,MAAM,mBAAmB,GAAG,sBAAsB,EAAE,CAAC;AACrD,IAAA,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;AAC1B,IAAA,MAAM,EAAE,cAAc,EAAE,GAAG,sBAAsB,EAAE,CAAC;AAEpD,IAAA,MAAM,KAAK,GAAG;QACV,GAAG,KAAK,CAAC,KAAK;AACd,QAAA,IAAW,CAAC;AACR,gBAAA,GAAG,EAAE,mBAAmB;AACxB,gBAAA,IAAI,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,iBAAiB,CAAC;AAC/D,gBAAA,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;AAC9B,gBAAA,OAAO,EAAE,CAAC,CAAC,KAAK,cAAc,EAAE;AACX,aAAA,CAAC,CAAK,CAAC;KACT,CAAC;IAE5B,OAAOA,GAAA,CAAC,UAAU,CAAC,UAAU,EAAA,EAAA,GAAK,IAAW,EAAE,KAAK,EAAE,KAAY,EAAA,CAAI,CAAA;AAC1E;;;;"}

package/dist/components/TaskGrid/components/header/edit-columns/EditColumns.d.ts

@@ -0,0 +1,5 @@
+interface IEditColumnsProps {
+    onDismiss: () => void;
+}
+export declare const EditColumns: (props: IEditColumnsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TaskGrid/components/header/edit-columns/EditColumns.js

@@ -0,0 +1,99 @@
+import { jsx } from 'react/jsx-runtime';
+import { EditColumns as EditColumns$1 } from '../../../../DatasetControl/EditColumns/EditColumns.js';
+import * as React from 'react';
+import { getEditColumnsStyles } from './styles.js';
+import { TaskGridEditColumnsContext } from './useTaskGridEditColumns.js';
+import { useLocalizationService, useDatasetControl, usePcfContext, useRootElementId } from '../../../context.js';
+import { OptionCommandBar } from './OptionCommandBar/OptionCommandBar.js';
+import { SortableItemCommandBar } from './SortableItemCommandBar/SortableItemCommandBar.js';
+import { CommandBar } from './CommandBar/CommandBar.js';
+import { useIsLoading } from '../../../../../hooks/useIsLoading.js';
+
+const EditColumns = (props) => {
+    const localizationService = useLocalizationService();
+    const saveOnDismiss = React.useRef(false);
+    const datasetControl = useDatasetControl();
+    const customColumnsDataProvider = datasetControl.isCustomColumnsEnabled() ? datasetControl.getCustomColumnsDataProvider() : undefined;
+    const editColumnsRef = React.useRef();
+    const pcfContext = usePcfContext();
+    const rootElementId = useRootElementId();
+    const styles = React.useMemo(() => getEditColumnsStyles(), []);
+    const _onDeleteColumn = async (columnName) => {
+        editColumnsRef.current?.remountColumnSelector();
+        const response = await pcfContext.navigation.openConfirmDialog({
+            text: localizationService.getLocalizedString('confirmColumnDelete'),
+        });
+        if (response.confirmed) {
+            const result = await customColumnsDataProvider?.deleteColumn(columnName);
+            if (result) {
+                saveOnDismiss.current = true;
+                editColumnsRef.current?.remountColumnSelector();
+            }
+        }
+    };
+    const _onCreateColumn = async () => {
+        editColumnsRef.current?.remountColumnSelector();
+        const result = await customColumnsDataProvider?.createColumn();
+        if (result) {
+            editColumnsRef.current?.remountColumnSelector();
+            const column = customColumnsDataProvider?.getColumns().find((col) => col.name === result);
+            editColumnsRef.current?.editColumnsModel.addColumn(column);
+        }
+    };
+    const _onEditColumn = async (columnName, requireRemount) => {
+        if (!requireRemount) {
+            editColumnsRef.current?.remountColumnSelector();
+            const result = await customColumnsDataProvider?.updateColumn(columnName);
+            if (result) {
+                editColumnsRef.current?.remountColumnSelector();
+            }
+        }
+        else {
+            const response = await pcfContext.navigation.openConfirmDialog({
+                text: localizationService.getLocalizedString('confirmColumnEdit'),
+            });
+            if (response.confirmed) {
+                const result = await customColumnsDataProvider?.updateColumn(columnName);
+                if (result) {
+                    const column = customColumnsDataProvider?.getColumns().find((col) => col.name === columnName);
+                    //re-add the column to make sure the metadata are updated
+                    editColumnsRef.current?.editColumnsModel.deleteColumn(columnName);
+                    editColumnsRef.current?.editColumnsModel.addColumn(column);
+                    editColumnsRef.current?.editColumnsModel.save();
+                }
+            }
+        }
+    };
+    const onDismiss = () => {
+        if (saveOnDismiss.current) {
+            editColumnsRef.current?.editColumnsModel.save();
+        }
+        else {
+            props.onDismiss();
+        }
+    };
+    const [isDeleteInProgress, onDeleteColumn] = useIsLoading(_onDeleteColumn);
+    const [isCreateInProgress, onCreateColumn] = useIsLoading(() => _onCreateColumn());
+    const [isUpdateInProgress, onEditColumn] = useIsLoading((columnName, requireRemount) => _onEditColumn(columnName, requireRemount));
+    const isLoading = isDeleteInProgress || isCreateInProgress || isUpdateInProgress;
+    return jsx(TaskGridEditColumnsContext.Provider, { value: { onCreateColumn, onEditColumn, onDeleteColumn }, children: jsx(EditColumns$1, { isLoading: isLoading, showScopeSelector: datasetControl.isEditColumnsScopeSelectorEnabled(), panelProps: {
+                isBlocking: true,
+                onOuterClick: () => { },
+                focusTrapZoneProps: {
+                    forceFocusInsideTrap: false
+                },
+                layerProps: {
+                    hostId: rootElementId,
+                    styles: {
+                        root: styles.layerHost
+                    }
+                }
+            }, onGetRef: (ref) => editColumnsRef.current = ref, components: datasetControl.isCustomColumnsEnabled() ? {
+                CommandBar: CommandBar,
+                SortableItemCommandBar: SortableItemCommandBar,
+                OptionCommandBar: OptionCommandBar
+            } : undefined, onDismiss: onDismiss }) });
+};
+
+export { EditColumns };
+//# sourceMappingURL=EditColumns.js.map

package/dist/components/TaskGrid/components/header/edit-columns/EditColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditColumns.js","sources":["../../../../../../src/components/TaskGrid/components/header/edit-columns/EditColumns.tsx"],"sourcesContent":["import { EditColumns as EditColumnsBase, IEditColumnsRef } from '../../../../DatasetControl/EditColumns/EditColumns';\nimport * as React from 'react';\nimport { getEditColumnsStyles } from './styles';\nimport { useIsLoading } from '../../../../../hooks';\nimport { TaskGridEditColumnsContext } from './useTaskGridEditColumns';\nimport { useDatasetControl, useLocalizationService, usePcfContext, useRootElementId } from '../../../context';\nimport { OptionCommandBar } from './OptionCommandBar/OptionCommandBar';\nimport { SortableItemCommandBar } from './SortableItemCommandBar/SortableItemCommandBar';\nimport { CommandBar } from './CommandBar/CommandBar';\nimport { ICustomColumnsDataProvider } from '../../../data-providers';\n\n\ninterface IEditColumnsProps {\n    onDismiss: () => void;\n}\n\nexport const EditColumns = (props: IEditColumnsProps) => {\n    const localizationService = useLocalizationService();\n    const saveOnDismiss = React.useRef(false);\n    const datasetControl = useDatasetControl();\n    const customColumnsDataProvider: ICustomColumnsDataProvider | undefined = datasetControl.isCustomColumnsEnabled() ? datasetControl.getCustomColumnsDataProvider() : undefined;\n    const editColumnsRef = React.useRef<IEditColumnsRef>();\n    const pcfContext = usePcfContext();\n    const rootElementId = useRootElementId();\n    const styles = React.useMemo(() => getEditColumnsStyles(), []);\n    \n    const _onDeleteColumn = async (columnName: string) => {\n        editColumnsRef.current?.remountColumnSelector();\n        const response = await pcfContext.navigation.openConfirmDialog({\n            text: localizationService.getLocalizedString('confirmColumnDelete'),\n        })\n        if (response.confirmed) {\n            const result = await customColumnsDataProvider?.deleteColumn(columnName);\n            if (result) {\n                saveOnDismiss.current = true;\n                editColumnsRef.current?.remountColumnSelector();\n            }\n        }\n    }\n\n    const _onCreateColumn = async () => {\n        editColumnsRef.current?.remountColumnSelector();\n        const result = await customColumnsDataProvider?.createColumn();\n        if (result) {\n            editColumnsRef.current?.remountColumnSelector();\n            const column = customColumnsDataProvider?.getColumns().find((col: import('@talxis/client-libraries').IColumn) => col.name === result)!\n            editColumnsRef.current?.editColumnsModel.addColumn(column);\n        }\n    }\n\n    const _onEditColumn = async (columnName: string, requireRemount?: boolean) => {\n        if (!requireRemount) {\n            editColumnsRef.current?.remountColumnSelector();\n            const result = await customColumnsDataProvider?.updateColumn(columnName);\n            if (result) {\n                editColumnsRef.current?.remountColumnSelector();\n            }\n        }\n        else {\n            const response = await pcfContext.navigation.openConfirmDialog({\n                text: localizationService.getLocalizedString('confirmColumnEdit'),\n            });\n            if (response.confirmed) {\n                const result = await customColumnsDataProvider?.updateColumn(columnName);\n                if (result) {\n                    const column = customColumnsDataProvider?.getColumns().find((col: import('@talxis/client-libraries').IColumn) => col.name === columnName)!;\n                    //re-add the column to make sure the metadata are updated\n                    editColumnsRef.current?.editColumnsModel.deleteColumn(columnName);\n                    editColumnsRef.current?.editColumnsModel.addColumn(column);\n                    editColumnsRef.current?.editColumnsModel.save();\n                }\n            }\n        }\n    }\n\n    const onDismiss = () => {\n        if (saveOnDismiss.current) {\n            editColumnsRef.current?.editColumnsModel.save();\n        }\n        else {\n            props.onDismiss();\n        }\n    }\n\n    const [isDeleteInProgress, onDeleteColumn] = useIsLoading(_onDeleteColumn);\n    const [isCreateInProgress, onCreateColumn] = useIsLoading(() => _onCreateColumn());\n    const [isUpdateInProgress, onEditColumn] = useIsLoading((columnName: string, requireRemount?: boolean) => _onEditColumn(columnName, requireRemount));\n\n    const isLoading = isDeleteInProgress || isCreateInProgress || isUpdateInProgress;\n\n    return <TaskGridEditColumnsContext.Provider value={{ onCreateColumn, onEditColumn, onDeleteColumn }}>\n        <EditColumnsBase\n            isLoading={isLoading}\n            showScopeSelector={datasetControl.isEditColumnsScopeSelectorEnabled()}\n            panelProps={{\n                isBlocking: true,\n                onOuterClick: () => { },\n                focusTrapZoneProps: {\n                    forceFocusInsideTrap: false\n                },\n                layerProps: {\n                    hostId: rootElementId,\n                    styles: {\n                        root: styles.layerHost\n                    }\n                }\n            }}\n            onGetRef={(ref) => editColumnsRef.current = ref}\n            components={datasetControl.isCustomColumnsEnabled() ? {\n                CommandBar: CommandBar as () => JSX.Element,\n                SortableItemCommandBar: SortableItemCommandBar,\n                OptionCommandBar: OptionCommandBar\n            } : undefined}\n            onDismiss={onDismiss} />\n    </TaskGridEditColumnsContext.Provider>\n}"],"names":["_jsx","EditColumnsBase"],"mappings":";;;;;;;;;;;AAgBa,MAAA,WAAW,GAAG,CAAC,KAAwB,KAAI;AACpD,IAAA,MAAM,mBAAmB,GAAG,sBAAsB,EAAE,CAAC;IACrD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC1C,IAAA,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;AAC3C,IAAA,MAAM,yBAAyB,GAA2C,cAAc,CAAC,sBAAsB,EAAE,GAAG,cAAc,CAAC,4BAA4B,EAAE,GAAG,SAAS,CAAC;AAC9K,IAAA,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,EAAmB,CAAC;AACvD,IAAA,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;AACnC,IAAA,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;AACzC,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,oBAAoB,EAAE,EAAE,EAAE,CAAC,CAAC;AAE/D,IAAA,MAAM,eAAe,GAAG,OAAO,UAAkB,KAAI;AACjD,QAAA,cAAc,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;QAChD,MAAM,QAAQ,GAAG,MAAM,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC;AAC3D,YAAA,IAAI,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,qBAAqB,CAAC;AACtE,SAAA,CAAC,CAAA;QACF,IAAI,QAAQ,CAAC,SAAS,EAAE;YACpB,MAAM,MAAM,GAAG,MAAM,yBAAyB,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;AACzE,YAAA,IAAI,MAAM,EAAE;AACR,gBAAA,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;AAC7B,gBAAA,cAAc,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;AACnD,aAAA;AACJ,SAAA;AACL,KAAC,CAAA;AAED,IAAA,MAAM,eAAe,GAAG,YAAW;AAC/B,QAAA,cAAc,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;AAChD,QAAA,MAAM,MAAM,GAAG,MAAM,yBAAyB,EAAE,YAAY,EAAE,CAAC;AAC/D,QAAA,IAAI,MAAM,EAAE;AACR,YAAA,cAAc,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;YAChD,MAAM,MAAM,GAAG,yBAAyB,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,GAA+C,KAAK,GAAG,CAAC,IAAI,KAAK,MAAM,CAAE,CAAA;YACtI,cAAc,CAAC,OAAO,EAAE,gBAAgB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;AAC9D,SAAA;AACL,KAAC,CAAA;IAED,MAAM,aAAa,GAAG,OAAO,UAAkB,EAAE,cAAwB,KAAI;QACzE,IAAI,CAAC,cAAc,EAAE;AACjB,YAAA,cAAc,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;YAChD,MAAM,MAAM,GAAG,MAAM,yBAAyB,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;AACzE,YAAA,IAAI,MAAM,EAAE;AACR,gBAAA,cAAc,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;AACnD,aAAA;AACJ,SAAA;AACI,aAAA;YACD,MAAM,QAAQ,GAAG,MAAM,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC;AAC3D,gBAAA,IAAI,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,mBAAmB,CAAC;AACpE,aAAA,CAAC,CAAC;YACH,IAAI,QAAQ,CAAC,SAAS,EAAE;gBACpB,MAAM,MAAM,GAAG,MAAM,yBAAyB,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;AACzE,gBAAA,IAAI,MAAM,EAAE;oBACR,MAAM,MAAM,GAAG,yBAAyB,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,GAA+C,KAAK,GAAG,CAAC,IAAI,KAAK,UAAU,CAAE,CAAC;;oBAE3I,cAAc,CAAC,OAAO,EAAE,gBAAgB,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;oBAClE,cAAc,CAAC,OAAO,EAAE,gBAAgB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;AAC3D,oBAAA,cAAc,CAAC,OAAO,EAAE,gBAAgB,CAAC,IAAI,EAAE,CAAC;AACnD,iBAAA;AACJ,aAAA;AACJ,SAAA;AACL,KAAC,CAAA;IAED,MAAM,SAAS,GAAG,MAAK;QACnB,IAAI,aAAa,CAAC,OAAO,EAAE;AACvB,YAAA,cAAc,CAAC,OAAO,EAAE,gBAAgB,CAAC,IAAI,EAAE,CAAC;AACnD,SAAA;AACI,aAAA;YACD,KAAK,CAAC,SAAS,EAAE,CAAC;AACrB,SAAA;AACL,KAAC,CAAA;IAED,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAAC,GAAG,YAAY,CAAC,eAAe,CAAC,CAAC;AAC3E,IAAA,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAAC,GAAG,YAAY,CAAC,MAAM,eAAe,EAAE,CAAC,CAAC;IACnF,MAAM,CAAC,kBAAkB,EAAE,YAAY,CAAC,GAAG,YAAY,CAAC,CAAC,UAAkB,EAAE,cAAwB,KAAK,aAAa,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC;AAErJ,IAAA,MAAM,SAAS,GAAG,kBAAkB,IAAI,kBAAkB,IAAI,kBAAkB,CAAC;AAEjF,IAAA,OAAOA,GAAC,CAAA,0BAA0B,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,EAAE,EAAA,QAAA,EAC/FA,GAAC,CAAAC,aAAe,EACZ,EAAA,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,cAAc,CAAC,iCAAiC,EAAE,EACrE,UAAU,EAAE;AACR,gBAAA,UAAU,EAAE,IAAI;AAChB,gBAAA,YAAY,EAAE,MAAK,GAAI;AACvB,gBAAA,kBAAkB,EAAE;AAChB,oBAAA,oBAAoB,EAAE,KAAK;AAC9B,iBAAA;AACD,gBAAA,UAAU,EAAE;AACR,oBAAA,MAAM,EAAE,aAAa;AACrB,oBAAA,MAAM,EAAE;wBACJ,IAAI,EAAE,MAAM,CAAC,SAAS;AACzB,qBAAA;AACJ,iBAAA;aACJ,EACD,QAAQ,EAAE,CAAC,GAAG,KAAK,cAAc,CAAC,OAAO,GAAG,GAAG,EAC/C,UAAU,EAAE,cAAc,CAAC,sBAAsB,EAAE,GAAG;AAClD,gBAAA,UAAU,EAAE,UAA+B;AAC3C,gBAAA,sBAAsB,EAAE,sBAAsB;AAC9C,gBAAA,gBAAgB,EAAE,gBAAgB;aACrC,GAAG,SAAS,EACb,SAAS,EAAE,SAAS,EAAI,CAAA,EAAA,CACM,CAAA;AAC1C;;;;"}

package/dist/components/TaskGrid/components/header/edit-columns/OptionCommandBar/OptionCommandBar.d.ts

@@ -0,0 +1,2 @@
+import { IOptionCommandBarProps } from "../../../../../DatasetControl/EditColumns/components";
+export declare const OptionCommandBar: (props: IOptionCommandBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TaskGrid/components/header/edit-columns/OptionCommandBar/OptionCommandBar.js

@@ -0,0 +1,51 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { getCustomColumnSuffixStyles } from './styles.js';
+import { useTaskGridEditColumns } from '../useTaskGridEditColumns.js';
+import { components } from '../../../../../DatasetControl/EditColumns/components.js';
+import { useDatasetControl } from '../../../../context.js';
+
+const OptionCommandBar = (props) => {
+    const { column, context } = props;
+    const { onEditColumn, onDeleteColumn } = useTaskGridEditColumns();
+    const datasetControl = useDatasetControl();
+    const columnsDataProvider = datasetControl.getCustomColumnsDataProvider();
+    const styles = React.useMemo(() => getCustomColumnSuffixStyles(), []);
+    const isCustomColumn = React.useMemo(() => columnsDataProvider.getColumns().find((col) => col.name === column.name), []);
+    const getCommandBarItems = () => {
+        switch (true) {
+            case context === 'scopeSelector':
+            case !isCustomColumn: {
+                return [];
+            }
+        }
+        return [
+            ...datasetControl.isCustomColumnEditingEnabled() ? [{
+                    key: 'edit',
+                    className: styles.button,
+                    iconProps: { iconName: 'Edit' },
+                    onClick: (e) => {
+                        e.stopPropagation();
+                        e.preventDefault();
+                        queueMicrotask(() => onEditColumn(column.name));
+                    }
+                }] : [],
+            ...datasetControl.isCustomColumnDeletionEnabled() ? [{
+                    key: 'delete',
+                    className: styles.button,
+                    iconProps: { iconName: 'Delete' },
+                    onClick: (e) => {
+                        e.stopPropagation();
+                        e.preventDefault();
+                        queueMicrotask(() => onDeleteColumn(column.name));
+                    }
+                }] : []
+        ];
+    };
+    return jsx(components.OptionCommandBar, { ...props, items: getCommandBarItems(), styles: {
+            root: styles.commandBar
+        } });
+};
+
+export { OptionCommandBar };
+//# sourceMappingURL=OptionCommandBar.js.map

package/dist/components/TaskGrid/components/header/edit-columns/OptionCommandBar/OptionCommandBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionCommandBar.js","sources":["../../../../../../../src/components/TaskGrid/components/header/edit-columns/OptionCommandBar/OptionCommandBar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {  ICommandBarItemProps } from \"@talxis/react-components\";\nimport { getCustomColumnSuffixStyles } from \"./styles\";\nimport { useTaskGridEditColumns } from \"../useTaskGridEditColumns\";\nimport { IOptionCommandBarProps, components } from \"../../../../../DatasetControl/EditColumns/components\";\nimport { useDatasetControl } from \"../../../../context\";\n\n\nexport const OptionCommandBar = (props: IOptionCommandBarProps) => {\n    const { column, context } = props;\n    const { onEditColumn, onDeleteColumn } = useTaskGridEditColumns();\n    const datasetControl = useDatasetControl();\n    const columnsDataProvider = datasetControl.getCustomColumnsDataProvider();\n    const styles = React.useMemo(() => getCustomColumnSuffixStyles(), []);\n    const isCustomColumn = React.useMemo(() => columnsDataProvider.getColumns().find((col: import('@talxis/client-libraries').IColumn) => col.name === column.name), []);\n\n    const getCommandBarItems = (): ICommandBarItemProps[] => {\n        switch (true) {\n            case context === 'scopeSelector':\n            case !isCustomColumn: {\n                return [];\n            }\n        }\n        return [\n            ...datasetControl.isCustomColumnEditingEnabled() ? [{\n                key: 'edit',\n                className: styles.button,\n                iconProps: { iconName: 'Edit' },\n                onClick: (e: any) => {\n                    e.stopPropagation();\n                    e.preventDefault();\n                    queueMicrotask(() => onEditColumn(column.name));\n                }\n            }] : [],\n            ...datasetControl.isCustomColumnDeletionEnabled() ? [{\n                key: 'delete',\n                className: styles.button,\n                iconProps: { iconName: 'Delete' },\n                onClick: (e: any) => {\n                    e.stopPropagation();\n                    e.preventDefault();\n                    queueMicrotask(() => onDeleteColumn(column.name));\n                }\n            } as ICommandBarItemProps] : []\n        ] as ICommandBarItemProps[];\n    }\n\n    return <components.OptionCommandBar {...props} items={getCommandBarItems() as any} styles={{\n        root: styles.commandBar\n    }} />\n}"],"names":["_jsx"],"mappings":";;;;;;;AAQa,MAAA,gBAAgB,GAAG,CAAC,KAA6B,KAAI;AAC9D,IAAA,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,sBAAsB,EAAE,CAAC;AAClE,IAAA,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;AAC3C,IAAA,MAAM,mBAAmB,GAAG,cAAc,CAAC,4BAA4B,EAAE,CAAC;AAC1E,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,2BAA2B,EAAE,EAAE,EAAE,CAAC,CAAC;AACtE,IAAA,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,GAA+C,KAAK,GAAG,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAErK,MAAM,kBAAkB,GAAG,MAA6B;AACpD,QAAA,QAAQ,IAAI;YACR,KAAK,OAAO,KAAK,eAAe,CAAC;YACjC,KAAK,CAAC,cAAc,EAAE;AAClB,gBAAA,OAAO,EAAE,CAAC;AACb,aAAA;AACJ,SAAA;QACD,OAAO;AACH,YAAA,GAAG,cAAc,CAAC,4BAA4B,EAAE,GAAG,CAAC;AAChD,oBAAA,GAAG,EAAE,MAAM;oBACX,SAAS,EAAE,MAAM,CAAC,MAAM;AACxB,oBAAA,SAAS,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;AAC/B,oBAAA,OAAO,EAAE,CAAC,CAAM,KAAI;wBAChB,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,cAAc,CAAC,MAAM,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;qBACnD;iBACJ,CAAC,GAAG,EAAE;AACP,YAAA,GAAG,cAAc,CAAC,6BAA6B,EAAE,GAAG,CAAC;AACjD,oBAAA,GAAG,EAAE,QAAQ;oBACb,SAAS,EAAE,MAAM,CAAC,MAAM;AACxB,oBAAA,SAAS,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACjC,oBAAA,OAAO,EAAE,CAAC,CAAM,KAAI;wBAChB,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,cAAc,CAAC,MAAM,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;qBACrD;iBACoB,CAAC,GAAG,EAAE;SACR,CAAC;AAChC,KAAC,CAAA;AAED,IAAA,OAAOA,GAAC,CAAA,UAAU,CAAC,gBAAgB,EAAK,EAAA,GAAA,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAS,EAAE,MAAM,EAAE;YACvF,IAAI,EAAE,MAAM,CAAC,UAAU;AAC1B,SAAA,EAAA,CAAI,CAAA;AACT;;;;"}

package/dist/components/TaskGrid/components/header/edit-columns/OptionCommandBar/styles.d.ts

@@ -0,0 +1,11 @@
+export declare const getCustomColumnSuffixStyles: () => import("@fluentui/react").IProcessedStyleSet<{
+    commandBar: {
+        height: number;
+        backgroundColor: string;
+    };
+    button: {
+        backgroundColor: string;
+        width: number;
+        minWidth: number;
+    };
+}>;

package/dist/components/TaskGrid/components/header/edit-columns/OptionCommandBar/styles.js

@@ -0,0 +1,18 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getCustomColumnSuffixStyles = () => {
+    return mergeStyleSets({
+        commandBar: {
+            height: 24,
+            backgroundColor: 'transparent'
+        },
+        button: {
+            backgroundColor: 'transparent',
+            width: 32,
+            minWidth: 32,
+        }
+    });
+};
+
+export { getCustomColumnSuffixStyles };
+//# sourceMappingURL=styles.js.map

package/dist/components/TaskGrid/components/header/edit-columns/OptionCommandBar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../src/components/TaskGrid/components/header/edit-columns/OptionCommandBar/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getCustomColumnSuffixStyles = () => {\n    return mergeStyleSets({\n        commandBar: {\n            height: 24,\n            backgroundColor: 'transparent'\n        },\n        button: {\n            backgroundColor: 'transparent',\n            width: 32,\n            minWidth: 32,\n        }\n    })\n}"],"names":[],"mappings":";;AAEO,MAAM,2BAA2B,GAAG,MAAK;AAC5C,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,UAAU,EAAE;AACR,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,eAAe,EAAE,aAAa;AACjC,SAAA;AACD,QAAA,MAAM,EAAE;AACJ,YAAA,eAAe,EAAE,aAAa;AAC9B,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,QAAQ,EAAE,EAAE;AACf,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

package/dist/components/TaskGrid/components/header/edit-columns/SortableItemCommandBar/SortableItemCommandBar.d.ts

@@ -0,0 +1,2 @@
+import { ISortableItemCommandBarProps } from '../../../../../DatasetControl/EditColumns/components';
+export declare const SortableItemCommandBar: (props: ISortableItemCommandBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TaskGrid/components/header/edit-columns/SortableItemCommandBar/SortableItemCommandBar.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { components } from '../../../../../DatasetControl/EditColumns/components.js';
+import { useTaskGridEditColumns } from '../useTaskGridEditColumns.js';
+import { useDatasetControl } from '../../../../context.js';
+
+const SortableItemCommandBar = (props) => {
+    const datasetControl = useDatasetControl();
+    const customColumnsDataProvider = datasetControl.getCustomColumnsDataProvider();
+    const { column, ...rest } = props;
+    const { onEditColumn } = useTaskGridEditColumns();
+    const isCustomColumn = React.useMemo(() => customColumnsDataProvider.getColumns().find((col) => col.name === column.name), []);
+    const farItems = [
+        ...(isCustomColumn && datasetControl.isCustomColumnEditingEnabled() ? [{
+                key: 'edit',
+                onMouseUp: () => {
+                    onEditColumn(column.name, true);
+                },
+                iconProps: { iconName: 'Edit' },
+            }] : []),
+        ...(props.farItems ?? []),
+    ];
+    return jsx(components.SortableItemCommandBar, { ...rest, farItems: farItems });
+};
+
+export { SortableItemCommandBar };
+//# sourceMappingURL=SortableItemCommandBar.js.map

package/dist/components/TaskGrid/components/header/edit-columns/SortableItemCommandBar/SortableItemCommandBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableItemCommandBar.js","sources":["../../../../../../../src/components/TaskGrid/components/header/edit-columns/SortableItemCommandBar/SortableItemCommandBar.tsx"],"sourcesContent":["import { ICommandBarItemProps } from '@talxis/react-components';\nimport * as React from 'react';\nimport { components, ISortableItemCommandBarProps } from '../../../../../DatasetControl/EditColumns/components';\nimport { useTaskGridEditColumns } from '../useTaskGridEditColumns';\nimport { useDatasetControl } from '../../../../context';\n\n\nexport const SortableItemCommandBar = (props: ISortableItemCommandBarProps) => {\n    const datasetControl = useDatasetControl();\n    const customColumnsDataProvider = datasetControl.getCustomColumnsDataProvider();\n    const { column, ...rest } = props;\n    const { onEditColumn } = useTaskGridEditColumns();\n    const isCustomColumn = React.useMemo(() => customColumnsDataProvider.getColumns().find((col: import('@talxis/client-libraries').IColumn) => col.name === column.name), []);\n\n    const farItems = [\n        ...(isCustomColumn && datasetControl.isCustomColumnEditingEnabled() ? [{\n            key: 'edit',\n            onMouseUp: () => {\n                onEditColumn(column.name, true);\n            },\n            iconProps: { iconName: 'Edit' },\n        } as ICommandBarItemProps] : []),\n        ...(props.farItems ?? []),\n    ]\n    return <components.SortableItemCommandBar {...rest as any} farItems={farItems as any} />\n}"],"names":["_jsx"],"mappings":";;;;;;AAOa,MAAA,sBAAsB,GAAG,CAAC,KAAmC,KAAI;AAC1E,IAAA,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;AAC3C,IAAA,MAAM,yBAAyB,GAAG,cAAc,CAAC,4BAA4B,EAAE,CAAC;IAChF,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;AAClC,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,sBAAsB,EAAE,CAAC;AAClD,IAAA,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,yBAAyB,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,GAA+C,KAAK,GAAG,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;AAE3K,IAAA,MAAM,QAAQ,GAAG;QACb,IAAI,cAAc,IAAI,cAAc,CAAC,4BAA4B,EAAE,GAAG,CAAC;AACnE,gBAAA,GAAG,EAAE,MAAM;gBACX,SAAS,EAAE,MAAK;AACZ,oBAAA,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;iBACnC;AACD,gBAAA,SAAS,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;AACV,aAAA,CAAC,GAAG,EAAE,CAAC;AAChC,QAAA,IAAI,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC;KAC5B,CAAA;IACD,OAAOA,GAAA,CAAC,UAAU,CAAC,sBAAsB,EAAA,EAAA,GAAK,IAAW,EAAE,QAAQ,EAAE,QAAe,EAAA,CAAI,CAAA;AAC5F;;;;"}

package/dist/components/TaskGrid/components/header/edit-columns/styles.d.ts

@@ -0,0 +1,8 @@
+export declare const getEditColumnsStyles: () => import("@fluentui/react").IProcessedStyleSet<{
+    removeCustomColumnBtn: {
+        height: number;
+    };
+    layerHost: {
+        zIndex: number;
+    };
+}>;

package/dist/components/TaskGrid/components/header/edit-columns/styles.js

@@ -0,0 +1,15 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getEditColumnsStyles = () => {
+    return mergeStyleSets({
+        removeCustomColumnBtn: {
+            height: 24
+        },
+        layerHost: {
+            zIndex: 1
+        },
+    });
+};
+
+export { getEditColumnsStyles };
+//# sourceMappingURL=styles.js.map

package/dist/components/TaskGrid/components/header/edit-columns/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/TaskGrid/components/header/edit-columns/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\";\n\nexport const getEditColumnsStyles = () => {\n    return mergeStyleSets({\n        removeCustomColumnBtn: {\n            height: 24\n        },\n        layerHost: {\n            zIndex: 1\n        },\n    })\n};"],"names":[],"mappings":";;AAEO,MAAM,oBAAoB,GAAG,MAAK;AACrC,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,qBAAqB,EAAE;AACnB,YAAA,MAAM,EAAE,EAAE;AACb,SAAA;AACD,QAAA,SAAS,EAAE;AACP,YAAA,MAAM,EAAE,CAAC;AACZ,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

package/dist/components/TaskGrid/components/header/edit-columns/useTaskGridEditColumns.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+interface ITaskGridEditColumnsContext {
+    onEditColumn: (columnName: string, requireRemount?: boolean) => void;
+    onDeleteColumn: (columnName: string) => void;
+    onCreateColumn: () => void;
+}
+export declare const TaskGridEditColumnsContext: React.Context<ITaskGridEditColumnsContext>;
+export declare const useTaskGridEditColumns: () => ITaskGridEditColumnsContext;
+export {};

package/dist/components/TaskGrid/components/header/edit-columns/useTaskGridEditColumns.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+const TaskGridEditColumnsContext = React.createContext({});
+const useTaskGridEditColumns = () => {
+    return React.useContext(TaskGridEditColumnsContext);
+};
+
+export { TaskGridEditColumnsContext, useTaskGridEditColumns };
+//# sourceMappingURL=useTaskGridEditColumns.js.map

package/dist/components/TaskGrid/components/header/edit-columns/useTaskGridEditColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTaskGridEditColumns.js","sources":["../../../../../../src/components/TaskGrid/components/header/edit-columns/useTaskGridEditColumns.ts"],"sourcesContent":["import * as React from \"react\";\n\ninterface ITaskGridEditColumnsContext {\n    onEditColumn: (columnName: string, requireRemount?: boolean) => void;\n    onDeleteColumn: (columnName: string) => void;\n    onCreateColumn: () => void;\n}\nexport const TaskGridEditColumnsContext = React.createContext<ITaskGridEditColumnsContext>({} as any);\n\nexport const useTaskGridEditColumns = () => {\n    return React.useContext(TaskGridEditColumnsContext);\n}"],"names":[],"mappings":";;AAOa,MAAA,0BAA0B,GAAG,KAAK,CAAC,aAAa,CAA8B,EAAS,EAAE;AAE/F,MAAM,sBAAsB,GAAG,MAAK;AACvC,IAAA,OAAO,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC;AACxD;;;;"}

package/dist/components/TaskGrid/components/header/settings-callout/SettingsCallout.d.ts

@@ -0,0 +1 @@
+export declare const SettingsCallout: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/TaskGrid/components/header/settings-callout/SettingsCallout.js

@@ -0,0 +1,24 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Label, Toggle } from '@fluentui/react';
+import * as React from 'react';
+import { getSettingsCalloutStyles } from './styles.js';
+import { useLocalizationService, useDatasetControl, useTaskDataProvider } from '../../../context.js';
+
+const SettingsCallout = () => {
+    const localizationService = useLocalizationService();
+    const datasetControl = useDatasetControl();
+    const taskDataProvider = useTaskDataProvider();
+    const styles = React.useMemo(() => getSettingsCalloutStyles(), []);
+    const inactiveTasksVisibility = datasetControl.getInactiveTasksVisibility();
+    const isFlatListEnabled = taskDataProvider.isFlatListEnabled();
+    const isHierarchyToggleVisible = datasetControl.isShowHierarchyToggleVisible();
+    const isHideInactiveTasksToggleVisible = datasetControl.isHideInactiveTasksToggleVisible();
+    return (jsxs("div", { className: styles.settingsCallout, children: [isHierarchyToggleVisible && jsxs(Fragment, { children: [jsx(Label, { children: localizationService.getLocalizedString('showHierarchy') }), jsx(Toggle, { checked: !isFlatListEnabled, onClick: () => {
+                            datasetControl.toggleFlatList(!isFlatListEnabled);
+                        } })] }), isHideInactiveTasksToggleVisible && jsxs(Fragment, { children: [jsx(Label, { children: localizationService.getLocalizedString('hideInactiveTasks') }), jsx(Toggle, { checked: !inactiveTasksVisibility, onClick: () => {
+                            datasetControl.toggleHideInactiveTasks(inactiveTasksVisibility);
+                        } })] })] }));
+};
+
+export { SettingsCallout };
+//# sourceMappingURL=SettingsCallout.js.map

package/dist/components/TaskGrid/components/header/settings-callout/SettingsCallout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsCallout.js","sources":["../../../../../../src/components/TaskGrid/components/header/settings-callout/SettingsCallout.tsx"],"sourcesContent":["import { Label, Toggle } from \"@fluentui/react\";\nimport * as React from \"react\"\nimport { getSettingsCalloutStyles } from \"./styles\";\nimport { useDatasetControl, useLocalizationService, useTaskDataProvider } from \"../../../context\";\n\nexport const SettingsCallout = () => {\n    const localizationService = useLocalizationService();\n    const datasetControl = useDatasetControl();\n    const taskDataProvider = useTaskDataProvider();\n    const styles = React.useMemo(() => getSettingsCalloutStyles(), []);\n    const inactiveTasksVisibility = datasetControl.getInactiveTasksVisibility();\n    const isFlatListEnabled = taskDataProvider.isFlatListEnabled();\n    const isHierarchyToggleVisible = datasetControl.isShowHierarchyToggleVisible();\n    const isHideInactiveTasksToggleVisible = datasetControl.isHideInactiveTasksToggleVisible();\n\n\n    return (<div className={styles.settingsCallout}>\n        {isHierarchyToggleVisible && <>\n            <Label>\n                {localizationService.getLocalizedString('showHierarchy')}\n            </Label>\n            <Toggle\n                checked={!isFlatListEnabled}\n                onClick={() => {\n                    datasetControl.toggleFlatList(!isFlatListEnabled);\n                }} />\n        </>}\n        {isHideInactiveTasksToggleVisible && <>\n            <Label>\n                {localizationService.getLocalizedString('hideInactiveTasks')}\n            </Label>\n            <Toggle checked={!inactiveTasksVisibility} onClick={() => {\n                datasetControl.toggleHideInactiveTasks(inactiveTasksVisibility);\n            }} />\n        </>}\n    </div>);\n}"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;AAKO,MAAM,eAAe,GAAG,MAAK;AAChC,IAAA,MAAM,mBAAmB,GAAG,sBAAsB,EAAE,CAAC;AACrD,IAAA,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;AAC3C,IAAA,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;AAC/C,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,wBAAwB,EAAE,EAAE,EAAE,CAAC,CAAC;AACnE,IAAA,MAAM,uBAAuB,GAAG,cAAc,CAAC,0BAA0B,EAAE,CAAC;AAC5E,IAAA,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,iBAAiB,EAAE,CAAC;AAC/D,IAAA,MAAM,wBAAwB,GAAG,cAAc,CAAC,4BAA4B,EAAE,CAAC;AAC/E,IAAA,MAAM,gCAAgC,GAAG,cAAc,CAAC,gCAAgC,EAAE,CAAC;AAG3F,IAAA,QAAQA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,eAAe,EACzC,QAAA,EAAA,CAAA,wBAAwB,IAAIA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACzBC,GAAC,CAAA,KAAK,cACD,mBAAmB,CAAC,kBAAkB,CAAC,eAAe,CAAC,EACpD,CAAA,EACRA,IAAC,MAAM,EAAA,EACH,OAAO,EAAE,CAAC,iBAAiB,EAC3B,OAAO,EAAE,MAAK;AACV,4BAAA,cAAc,CAAC,cAAc,CAAC,CAAC,iBAAiB,CAAC,CAAC;AACtD,yBAAC,EAAI,CAAA,CAAA,EAAA,CACV,EACF,gCAAgC,IAAIF,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACjCC,GAAC,CAAA,KAAK,EACD,EAAA,QAAA,EAAA,mBAAmB,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,EAAA,CACxD,EACRA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,CAAC,uBAAuB,EAAE,OAAO,EAAE,MAAK;AACrD,4BAAA,cAAc,CAAC,uBAAuB,CAAC,uBAAuB,CAAC,CAAC;AACpE,yBAAC,EAAI,CAAA,CAAA,EAAA,CACN,CACD,EAAA,CAAA,EAAE;AACZ;;;;"}

package/dist/components/TaskGrid/components/header/settings-callout/index.d.ts

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