@talxis/base-controls 1.2603.1 → 1.2604.2

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

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

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

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

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

@@ -0,0 +1,5 @@
+export declare const getSettingsCalloutStyles: () => import("@fluentui/react").IProcessedStyleSet<{
+    settingsCallout: {
+        padding: number;
+    };
+}>;

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

@@ -0,0 +1,12 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getSettingsCalloutStyles = () => {
+    return mergeStyleSets({
+        settingsCallout: {
+            padding: 8
+        }
+    });
+};
+
+export { getSettingsCalloutStyles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/TaskGrid/components/header/settings-callout/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getSettingsCalloutStyles = () => {\n    return mergeStyleSets({\n        settingsCallout: {\n            padding: 8\n        }\n    })\n}"],"names":[],"mappings":";;AAEO,MAAM,wBAAwB,GAAG,MAAK;AACzC,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,eAAe,EAAE;AACb,YAAA,OAAO,EAAE,CAAC;AACb,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

package/dist/components/TaskGrid/components/header/styles.d.ts

@@ -0,0 +1,15 @@
+export declare const getHeaderStyles: () => import("@fluentui/react").IProcessedStyleSet<{
+    root: {
+        display: string;
+    };
+    ribbonQuickFindContainer: {
+        flexGrow: number;
+        minWidth: number;
+        '.ms-CommandBar-primaryCommand': {
+            justifyContent: string;
+        };
+        '.talxis__baseControl__Ribbon': {
+            minWidth: number;
+        };
+    };
+}>;

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

@@ -0,0 +1,22 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getHeaderStyles = () => {
+    return mergeStyleSets({
+        root: {
+            display: 'flex',
+        },
+        ribbonQuickFindContainer: {
+            flexGrow: 1,
+            minWidth: 0,
+            '.ms-CommandBar-primaryCommand': {
+                justifyContent: 'flex-end'
+            },
+            '.talxis__baseControl__Ribbon': {
+                minWidth: 0
+            }
+        }
+    });
+};
+
+export { getHeaderStyles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/TaskGrid/components/header/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getHeaderStyles = () => {\n    return mergeStyleSets({\n        root: {\n            display: 'flex',\n        },\n        ribbonQuickFindContainer: {\n            flexGrow: 1,\n            minWidth: 0,\n            '.ms-CommandBar-primaryCommand': {\n                justifyContent: 'flex-end'\n            },\n            '.talxis__baseControl__Ribbon': {\n                minWidth: 0\n            }\n        }\n    })\n}"],"names":[],"mappings":";;AAEO,MAAM,eAAe,GAAG,MAAK;AAChC,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,OAAO,EAAE,MAAM;AAClB,SAAA;AACD,QAAA,wBAAwB,EAAE;AACtB,YAAA,QAAQ,EAAE,CAAC;AACX,YAAA,QAAQ,EAAE,CAAC;AACX,YAAA,+BAA+B,EAAE;AAC7B,gBAAA,cAAc,EAAE,UAAU;AAC7B,aAAA;AACD,YAAA,8BAA8B,EAAE;AAC5B,gBAAA,QAAQ,EAAE,CAAC;AACd,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

package/dist/components/TaskGrid/components/header/view-switcher/ViewSwitcher.d.ts

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

package/dist/components/TaskGrid/components/header/view-switcher/ViewSwitcher.js

@@ -0,0 +1,104 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { CommandBarButton as CommandBarButton$1, useTheme, ContextualMenuItemType } from '@fluentui/react';
+import * as React from 'react';
+import { getViewSwitcherStyles } from './styles.js';
+import { useLocalizationService, useDatasetControl, useTaskDataProvider } from '../../../context.js';
+import { withButtonLoading } from '@talxis/react-components';
+import { CreateViewDialog } from './create-view-dialog/CreateViewDialog.js';
+import { ViewManagerDialog } from './view-manager/ViewManageDialog.js';
+import { useEventEmitter } from '../../../../../hooks/useEventEmitter.js';
+
+const CommandBarButton = withButtonLoading(CommandBarButton$1);
+const ViewSwitcher = () => {
+    const localizationService = useLocalizationService();
+    const datasetControl = useDatasetControl();
+    const savedQueryDataProvider = datasetControl.getSavedQueryDataProvider();
+    const taskDataProvider = useTaskDataProvider();
+    const systemQueries = savedQueryDataProvider.getSystemQueries();
+    const userQueries = savedQueryDataProvider.getUserQueries();
+    const currentQuery = savedQueryDataProvider.getCurrentQuery();
+    const theme = useTheme();
+    const styles = React.useMemo(() => getViewSwitcherStyles(theme), []);
+    const [showViewManagerDialog, setShowViewManagerDialog] = React.useState(false);
+    const [showCreateViewDialog, setShowCreateViewDialog] = React.useState(false);
+    const [isLoading, setIsLoading] = React.useState(false);
+    useEventEmitter(savedQueryDataProvider.queryEvents, 'onBeforeUserQueryUpdated', () => {
+        setIsLoading(true);
+    });
+    useEventEmitter(savedQueryDataProvider.queryEvents, 'onAfterUserQueryUpdated', () => {
+        setIsLoading(false);
+    });
+    const isQueryIdCurrent = (queryId) => {
+        return currentQuery.id === queryId;
+    };
+    const getViewSwitcherItems = () => {
+        const userQueriesEnabled = datasetControl.isUserQueriesFeatureEnabled();
+        const isViewManagerEnabled = datasetControl.isViewManagerEnabled();
+        const isSaveAsNewEnabled = datasetControl.isSaveQueryAsNewEnabled();
+        const isSaveEnabled = datasetControl.isSaveQueryChangesEnabled();
+        const mapQuery = (query) => ({
+            key: query.id,
+            text: query.name,
+            className: isQueryIdCurrent(query.id) ? styles.selectedViewItem : undefined,
+            onClick: () => datasetControl.changeSavedQuery(query.id)
+        });
+        return [
+            ...(userQueriesEnabled && userQueries.length > 0 ? [{
+                    key: 'userViewHeader',
+                    itemType: ContextualMenuItemType.Header,
+                    iconProps: { iconName: 'ViewList' },
+                    text: localizationService.getLocalizedString('myViews'),
+                }] : []),
+            ...(userQueriesEnabled ? userQueries.map(mapQuery) : []),
+            {
+                key: 'systemViewHeader',
+                itemType: ContextualMenuItemType.Header,
+                iconProps: { iconName: 'ViewList' },
+                text: localizationService.getLocalizedString('systemViews'),
+            },
+            ...systemQueries.map(mapQuery),
+            ...(userQueriesEnabled ? [
+                {
+                    key: 'viewsDivider',
+                    itemType: ContextualMenuItemType.Divider
+                },
+                ...(isSaveAsNewEnabled ? [
+                    {
+                        key: 'saveNewView',
+                        text: localizationService.getLocalizedString('saveAsNew'),
+                        iconProps: { iconName: 'SaveAs' },
+                        onClick: () => setShowCreateViewDialog(true)
+                    }
+                ] : []),
+                ...(savedQueryDataProvider.isUserQuery(currentQuery.id) && isSaveEnabled ? [{
+                        key: 'saveExistingView',
+                        text: localizationService.getLocalizedString('saveExisting'),
+                        iconProps: { iconName: 'Save' },
+                        onClick: async () => {
+                            savedQueryDataProvider.updateUserQuery(taskDataProvider);
+                        }
+                    }] : []),
+                ...(isViewManagerEnabled ? [
+                    {
+                        key: 'manageView',
+                        text: localizationService.getLocalizedString('manageViews'),
+                        iconProps: { iconName: 'Settings' },
+                        onClick: () => setShowViewManagerDialog(true)
+                    }
+                ] : [])
+            ] : [])
+        ];
+    };
+    return jsxs(Fragment, { children: [jsx(CommandBarButton, { isLoading: isLoading, disabled: taskDataProvider.isLoading(), styles: {
+                    label: styles.commandBarButtonLabel,
+                    menuIcon: styles.menuIcon,
+                    menuIconExpanded: styles.menuIconExpanded
+                }, menuProps: {
+                    items: getViewSwitcherItems()
+                }, text: currentQuery.name }), showCreateViewDialog &&
+                jsx(CreateViewDialog, { onDismiss: () => setShowCreateViewDialog(false) }), showViewManagerDialog &&
+                jsx(ViewManagerDialog, { onDismiss: () => setShowViewManagerDialog(false) })] });
+};
+
+export { ViewSwitcher };
+//# sourceMappingURL=ViewSwitcher.js.map

package/dist/components/TaskGrid/components/header/view-switcher/ViewSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewSwitcher.js","sources":["../../../../../../src/components/TaskGrid/components/header/view-switcher/ViewSwitcher.tsx"],"sourcesContent":["import { CommandBarButton as CommandBarButtonBase, ContextualMenuItemType, IContextualMenuItem, useTheme } from \"@fluentui/react\"\nimport * as React from \"react\"\nimport { getViewSwitcherStyles } from \"./styles\";\nimport { useDatasetControl, useLocalizationService, usePcfContext, useTaskDataProvider } from \"../../../context\";\nimport { CreateViewDialog } from \"./create-view-dialog\";\nimport { ViewManagerDialog } from \"./view-manager\";\nimport { useEventEmitter } from \"../../../../../hooks\";\nimport { withButtonLoading } from \"@talxis/react-components\";\n\nconst CommandBarButton = withButtonLoading(CommandBarButtonBase);\n\nexport const ViewSwitcher = () => {\n    const localizationService = useLocalizationService();\n    const datasetControl = useDatasetControl();\n    const savedQueryDataProvider = datasetControl.getSavedQueryDataProvider();\n    const taskDataProvider = useTaskDataProvider();\n    const systemQueries = savedQueryDataProvider.getSystemQueries();\n    const userQueries = savedQueryDataProvider.getUserQueries();\n    const currentQuery = savedQueryDataProvider.getCurrentQuery();\n    const theme = useTheme();\n    const styles = React.useMemo(() => getViewSwitcherStyles(theme), []);\n    const [showViewManagerDialog, setShowViewManagerDialog] = React.useState(false);\n    const [showCreateViewDialog, setShowCreateViewDialog] = React.useState(false);\n    const [isLoading, setIsLoading] = React.useState(false);\n\n    useEventEmitter(savedQueryDataProvider.queryEvents, 'onBeforeUserQueryUpdated', () => {\n        setIsLoading(true);\n    });\n    useEventEmitter(savedQueryDataProvider.queryEvents, 'onAfterUserQueryUpdated', () => {\n        setIsLoading(false);\n    });\n\n    const isQueryIdCurrent = (queryId: string): boolean => {\n        return currentQuery.id === queryId;\n    }\n\n    const getViewSwitcherItems = (): IContextualMenuItem[] => {\n        const userQueriesEnabled = datasetControl.isUserQueriesFeatureEnabled();\n        const isViewManagerEnabled = datasetControl.isViewManagerEnabled();\n        const isSaveAsNewEnabled = datasetControl.isSaveQueryAsNewEnabled();\n        const isSaveEnabled = datasetControl.isSaveQueryChangesEnabled();\n\n        const mapQuery = (query: { id: string; name: string }): IContextualMenuItem => ({\n            key: query.id,\n            text: query.name,\n            className: isQueryIdCurrent(query.id) ? styles.selectedViewItem : undefined,\n            onClick: () => datasetControl.changeSavedQuery(query.id)\n        });\n\n        return [\n            ...(userQueriesEnabled && userQueries.length > 0 ? [{\n                key: 'userViewHeader',\n                itemType: ContextualMenuItemType.Header,\n                iconProps: { iconName: 'ViewList' },\n                text: localizationService.getLocalizedString('myViews'),\n            }] : []),\n            ...(userQueriesEnabled ? userQueries.map(mapQuery) : []),\n            {\n                key: 'systemViewHeader',\n                itemType: ContextualMenuItemType.Header,\n                iconProps: { iconName: 'ViewList' },\n                text: localizationService.getLocalizedString('systemViews'),\n            },\n            ...systemQueries.map(mapQuery),\n            ...(userQueriesEnabled ? [\n                {\n                    key: 'viewsDivider',\n                    itemType: ContextualMenuItemType.Divider\n                },\n                ...(isSaveAsNewEnabled ? [\n                {\n                    key: 'saveNewView',\n                    text: localizationService.getLocalizedString('saveAsNew'),\n                    iconProps: { iconName: 'SaveAs' },\n                    onClick: () => setShowCreateViewDialog(true)\n                }] : []),\n                ...(savedQueryDataProvider.isUserQuery(currentQuery.id) && isSaveEnabled ? [{\n                    key: 'saveExistingView',\n                    text: localizationService.getLocalizedString('saveExisting'),\n                    iconProps: { iconName: 'Save' },\n                    onClick: async () => {\n                        savedQueryDataProvider.updateUserQuery(taskDataProvider);\n                    }\n                }] : []),\n                ...(isViewManagerEnabled ? [\n                {\n                    key: 'manageView',\n                    text: localizationService.getLocalizedString('manageViews'),\n                    iconProps: { iconName: 'Settings' },\n                    onClick: () => setShowViewManagerDialog(true)\n                }\n            ] : [])\n            ] : [])\n        ];\n    }\n    return <>\n        <CommandBarButton\n            isLoading={isLoading}\n            disabled={taskDataProvider.isLoading()}\n            styles={{\n                label: styles.commandBarButtonLabel,\n                menuIcon: styles.menuIcon,\n                menuIconExpanded: styles.menuIconExpanded\n            }}\n            menuProps={{\n                items: getViewSwitcherItems()\n            }} text={currentQuery.name} />\n        {showCreateViewDialog &&\n            <CreateViewDialog onDismiss={() => setShowCreateViewDialog(false)} />\n        }\n        {showViewManagerDialog &&\n            <ViewManagerDialog onDismiss={() => setShowViewManagerDialog(false)} />\n        }\n    </>\n}"],"names":["CommandBarButtonBase","_jsxs","_jsx"],"mappings":"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"}

package/dist/components/TaskGrid/components/header/view-switcher/create-view-dialog/CreateViewDialog.d.ts

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

package/dist/components/TaskGrid/components/header/view-switcher/create-view-dialog/CreateViewDialog.js

@@ -0,0 +1,66 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { PrimaryButton, Dialog, MessageBar, MessageBarType, DialogFooter, DefaultButton } from '@fluentui/react';
+import * as React from 'react';
+import { withButtonLoading } from '@talxis/react-components';
+import { useLocalizationService, usePcfContext, useDatasetControl } from '../../../../context.js';
+import { useEventEmitter } from '../../../../../../hooks/useEventEmitter.js';
+import { TextField } from '../../../../../TextField/TextField.js';
+
+const SaveButton = withButtonLoading(PrimaryButton);
+const CreateViewDialog = (props) => {
+    const localizationService = useLocalizationService();
+    const context = usePcfContext();
+    const datasetControl = useDatasetControl();
+    const savedQueryDataProvider = datasetControl.getSavedQueryDataProvider();
+    const currentQuery = savedQueryDataProvider.getCurrentQuery();
+    const [name, setName] = React.useState(currentQuery.name);
+    const [description, setDescription] = React.useState("");
+    const [isSaving, setIsSaving] = React.useState(false);
+    const [errorMessage, setErrorMessage] = React.useState(null);
+    useEventEmitter(savedQueryDataProvider.queryEvents, 'onBeforeUserQueryCreated', () => {
+        setIsSaving(true);
+        setErrorMessage(null);
+    });
+    useEventEmitter(savedQueryDataProvider.queryEvents, 'onError', (error, errorMessage) => {
+        setIsSaving(false);
+        setErrorMessage(errorMessage ?? '');
+    });
+    const onSave = async (e) => {
+        savedQueryDataProvider.createUserQuery({
+            name: name,
+            description: description,
+            provider: datasetControl.getDataProvider()
+        });
+    };
+    return jsxs(Dialog, { ...props, hidden: false, dialogContentProps: {
+            title: localizationService.getLocalizedString('saveAsNew'),
+        }, modalProps: {
+            isBlocking: true
+        }, onDismiss: props.onDismiss, children: [errorMessage && jsx(MessageBar, { messageBarType: MessageBarType.error, children: errorMessage }), jsx(TextField, { context: context, parameters: {
+                    value: {
+                        raw: null
+                    }
+                }, onOverrideComponentProps: (props) => {
+                    return {
+                        ...props,
+                        label: localizationService.getLocalizedString('name'),
+                        value: name,
+                        onChange: (e, newValue) => setName(newValue ?? '')
+                    };
+                } }), jsx(TextField, { context: context, parameters: {
+                    value: {
+                        raw: null,
+                        type: 'Multiple'
+                    }
+                }, onOverrideComponentProps: (props) => {
+                    return {
+                        ...props,
+                        label: localizationService.getLocalizedString('description'),
+                        value: description,
+                        onChange: (e, newValue) => setDescription(newValue ?? '')
+                    };
+                } }), jsxs(DialogFooter, { children: [jsx(SaveButton, { isLoading: isSaving, disabled: name.length === 0, text: localizationService.getLocalizedString('save'), onClick: onSave }), jsx(DefaultButton, { text: localizationService.getLocalizedString('cancel'), onClick: props.onDismiss })] })] });
+};
+
+export { CreateViewDialog };
+//# sourceMappingURL=CreateViewDialog.js.map

package/dist/components/TaskGrid/components/header/view-switcher/create-view-dialog/CreateViewDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateViewDialog.js","sources":["../../../../../../../src/components/TaskGrid/components/header/view-switcher/create-view-dialog/CreateViewDialog.tsx"],"sourcesContent":["import { DefaultButton, Dialog, DialogFooter, MessageBar, MessageBarType, PrimaryButton } from \"@fluentui/react\";\nimport { TextField } from \"../../../../../TextField\";\nimport * as React from \"react\";\nimport { withButtonLoading } from '@talxis/react-components';\nimport { useDatasetControl, useLocalizationService, usePcfContext } from \"../../../../context\";\nimport { useEventEmitter } from \"../../../../../../hooks\";\nimport { ISavedQueryDataProvider, ISavedQueryDataProviderEvents } from \"../../../../data-providers\";\n\ninterface ICreateViewDialog {\n    onDismiss: () => void;\n}\n\nconst SaveButton = withButtonLoading(PrimaryButton);\n\nexport const CreateViewDialog = (props: ICreateViewDialog) => {\n    const localizationService = useLocalizationService();\n    const context = usePcfContext();\n    const datasetControl = useDatasetControl();\n    const savedQueryDataProvider = datasetControl.getSavedQueryDataProvider();\n    const currentQuery = savedQueryDataProvider.getCurrentQuery();\n    const [name, setName] = React.useState<string>(currentQuery.name);\n    const [description, setDescription] = React.useState<string>(\"\");\n    const [isSaving, setIsSaving] = React.useState<boolean>(false);\n    const [errorMessage, setErrorMessage] = React.useState<string | null>(null);\n\n    useEventEmitter<ISavedQueryDataProviderEvents>(savedQueryDataProvider.queryEvents, 'onBeforeUserQueryCreated', () => {\n        setIsSaving(true);\n        setErrorMessage(null);\n    })\n    useEventEmitter<ISavedQueryDataProviderEvents>(savedQueryDataProvider.queryEvents, 'onError', (error, errorMessage) => {\n        setIsSaving(false);\n        setErrorMessage(errorMessage ?? '');\n    });\n\n    const onSave = async (e: React.MouseEvent<HTMLButtonElement>) => {\n        savedQueryDataProvider.createUserQuery({\n            name: name,\n            description: description,\n            provider: datasetControl.getDataProvider()\n        });\n    }\n\n    return <Dialog\n        {...props}\n        hidden={false}\n        dialogContentProps={{\n            title: localizationService.getLocalizedString('saveAsNew'),\n        }}\n        modalProps={{\n            isBlocking: true\n        }}\n        onDismiss={props.onDismiss}\n    >\n        {errorMessage && <MessageBar messageBarType={MessageBarType.error}>\n            {errorMessage}\n        </MessageBar>}\n        <TextField\n            context={context}\n            parameters={{\n                value: {\n                    raw: null\n                }\n            }} onOverrideComponentProps={(props) => {\n                return {\n                    ...props,\n                    label: localizationService.getLocalizedString('name'),\n                    value: name,\n                    onChange: (e, newValue) => setName(newValue ?? '')\n                }\n            }} />\n        <TextField\n            context={context}\n            parameters={{\n                value: {\n                    raw: null,\n                    type: 'Multiple'\n                }\n            }} onOverrideComponentProps={(props) => {\n                return {\n                    ...props,\n                    label: localizationService.getLocalizedString('description'),\n                    value: description,\n                    onChange: (e, newValue) => setDescription(newValue ?? '')\n                }\n            }} />\n        <DialogFooter>\n            <SaveButton\n                isLoading={isSaving}\n                disabled={name.length === 0}\n                text={localizationService.getLocalizedString('save')}\n                onClick={onSave} />\n            <DefaultButton\n                text={localizationService.getLocalizedString('cancel')}\n                onClick={props.onDismiss} />\n        </DialogFooter>\n    </Dialog>\n}"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/TaskGrid/components/header/view-switcher/create-view-dialog/index.d.ts

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

package/dist/components/TaskGrid/components/header/view-switcher/create-view-dialog/index.js

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

package/dist/components/TaskGrid/components/header/view-switcher/create-view-dialog/index.js.map

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

package/dist/components/TaskGrid/components/header/view-switcher/index.d.ts

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

package/dist/components/TaskGrid/components/header/view-switcher/index.js

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

package/dist/components/TaskGrid/components/header/view-switcher/index.js.map

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

package/dist/components/TaskGrid/components/header/view-switcher/styles.d.ts

@@ -0,0 +1,18 @@
+import { ITheme } from "@talxis/react-components";
+export declare const getViewSwitcherStyles: (theme: ITheme) => import("@fluentui/react").IProcessedStyleSet<{
+    commandBarButtonLabel: {
+        fontWeight: number;
+    };
+    selectedViewItem: {
+        backgroundColor: string;
+        '.ms-ContextualMenu-itemText': {
+            fontWeight: number;
+        };
+    };
+    menuIcon: {
+        transition: string;
+    };
+    menuIconExpanded: {
+        transform: string;
+    };
+}>;

package/dist/components/TaskGrid/components/header/view-switcher/styles.js

@@ -0,0 +1,24 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getViewSwitcherStyles = (theme) => {
+    return mergeStyleSets({
+        commandBarButtonLabel: {
+            fontWeight: 600
+        },
+        selectedViewItem: {
+            backgroundColor: theme.semanticColors.buttonBackgroundPressed,
+            '.ms-ContextualMenu-itemText': {
+                fontWeight: 600
+            }
+        },
+        menuIcon: {
+            transition: 'transform 0.2s'
+        },
+        menuIconExpanded: {
+            transform: 'rotate(180deg)'
+        }
+    });
+};
+
+export { getViewSwitcherStyles };
+//# sourceMappingURL=styles.js.map

package/dist/components/TaskGrid/components/header/view-switcher/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/TaskGrid/components/header/view-switcher/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\nimport { ITheme } from \"@talxis/react-components\"\n\nexport const getViewSwitcherStyles = (theme: ITheme) => {\n    return mergeStyleSets({\n        commandBarButtonLabel: {\n            fontWeight: 600\n        },\n        selectedViewItem: {\n            backgroundColor: theme.semanticColors.buttonBackgroundPressed,\n            '.ms-ContextualMenu-itemText': {\n                fontWeight: 600\n            }\n        },\n        menuIcon: {\n            transition: 'transform 0.2s'\n        },\n        menuIconExpanded: {\n            transform: 'rotate(180deg)'\n        }\n    })\n}"],"names":[],"mappings":";;AAGa,MAAA,qBAAqB,GAAG,CAAC,KAAa,KAAI;AACnD,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,qBAAqB,EAAE;AACnB,YAAA,UAAU,EAAE,GAAG;AAClB,SAAA;AACD,QAAA,gBAAgB,EAAE;AACd,YAAA,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,uBAAuB;AAC7D,YAAA,6BAA6B,EAAE;AAC3B,gBAAA,UAAU,EAAE,GAAG;AAClB,aAAA;AACJ,SAAA;AACD,QAAA,QAAQ,EAAE;AACN,YAAA,UAAU,EAAE,gBAAgB;AAC/B,SAAA;AACD,QAAA,gBAAgB,EAAE;AACd,YAAA,SAAS,EAAE,gBAAgB;AAC9B,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

package/dist/components/TaskGrid/components/header/view-switcher/view-manager/ViewManageDialog.d.ts

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

package/dist/components/TaskGrid/components/header/view-switcher/view-manager/ViewManageDialog.js

@@ -0,0 +1,54 @@
+import { jsx } from 'react/jsx-runtime';
+import { Dialog } from '@fluentui/react';
+import * as React from 'react';
+import { getViewManagerDialogStyles } from './styles.js';
+import { getClassNames } from '@talxis/react-components';
+import { ViewManager } from './ViewManager.js';
+import { useLocalizationService, useDatasetControl, useRootElementId } from '../../../../context.js';
+import { DatasetControl } from '../../../../../DatasetControl/DatasetControl.js';
+import { Grid } from '../../../../../Grid/grid/Grid.js';
+
+const ViewManagerDialog = (props) => {
+    const styles = React.useMemo(() => getViewManagerDialogStyles(), []);
+    const localizationService = useLocalizationService();
+    const datasetControl = useDatasetControl();
+    const viewManager = React.useMemo(() => new ViewManager(datasetControl), []);
+    const hostId = useRootElementId();
+    const onDismiss = () => {
+        if (viewManager.shouldRemountOnDismiss()) {
+            datasetControl.requestRemount();
+        }
+        else {
+            props.onDismiss();
+        }
+    };
+    return jsx(Dialog, { hidden: false, onDismiss: onDismiss, maxWidth: 600, dialogContentProps: {
+            title: localizationService.getLocalizedString('manageViews'),
+            className: styles.dialogContent,
+            showCloseButton: true
+        }, modalProps: {
+            layerProps: {
+                eventBubblingEnabled: true,
+                hostId: hostId,
+                styles: {
+                    root: styles.layerRoot
+                }
+            }
+        }, children: jsx(DatasetControl, { onGetDatasetControlInstance: () => viewManager.getDatasetControl(), onOverrideComponentProps: (props) => {
+                return {
+                    ...props,
+                    onRender: (props, defaultRender) => {
+                        return defaultRender({
+                            ...props,
+                            container: {
+                                ...props.container,
+                                className: getClassNames([props.container.className, styles.datasetControlRoot])
+                            }
+                        });
+                    }
+                };
+            }, onGetControlComponent: (props) => jsx(Grid, { ...props }) }) });
+};
+
+export { ViewManagerDialog };
+//# sourceMappingURL=ViewManageDialog.js.map

package/dist/components/TaskGrid/components/header/view-switcher/view-manager/ViewManageDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewManageDialog.js","sources":["../../../../../../../src/components/TaskGrid/components/header/view-switcher/view-manager/ViewManageDialog.tsx"],"sourcesContent":["import { Dialog } from \"@fluentui/react\"\nimport * as React from \"react\"\nimport { getViewManagerDialogStyles } from \"./styles\";\nimport { DatasetControl as DatasetControlRenderer } from '../../../../../DatasetControl';\nimport { Grid } from '../../../../../Grid';\nimport { getClassNames } from \"@talxis/react-components\";\nimport { ViewManager } from \"./ViewManager\";\nimport { useDatasetControl, useLocalizationService, useRootElementId } from \"../../../../context\";\n\ninterface IViewManagerDialogProps {\n    onDismiss: () => void;\n}\n\nexport const ViewManagerDialog = (props: IViewManagerDialogProps) => {\n    const styles = React.useMemo(() => getViewManagerDialogStyles(), []);\n    const localizationService = useLocalizationService();\n    const datasetControl = useDatasetControl();\n    const viewManager = React.useMemo(() => new ViewManager(datasetControl), []);\n    const hostId = useRootElementId();\n\n    const onDismiss = () => {\n        if(viewManager.shouldRemountOnDismiss()) {\n            datasetControl.requestRemount();\n        }\n        else {\n            props.onDismiss();\n        }\n    }\n\n    return <Dialog\n        hidden={false}\n        onDismiss={onDismiss}\n        maxWidth={600}\n        dialogContentProps={{\n            title: localizationService.getLocalizedString('manageViews'),\n            className: styles.dialogContent,\n            showCloseButton: true\n        }}\n        modalProps={{\n            layerProps: {\n                eventBubblingEnabled: true,\n                hostId: hostId,\n                styles: {\n                    root: styles.layerRoot\n                }\n            }\n        }}>\n            <DatasetControlRenderer\n                onGetDatasetControlInstance={() => viewManager.getDatasetControl()}\n                onOverrideComponentProps={(props) => {\n                    return {\n                        ...props,\n                        onRender: (props, defaultRender) => {\n                            return defaultRender({\n                                ...props,\n                                container: {\n                                    ...props.container,\n                                    className: getClassNames([props.container.className, styles.datasetControlRoot])\n                                }\n                            })\n                        }\n                    }\n                }}\n                onGetControlComponent={(props) => <Grid {...props} />}\n             />\n    </Dialog>\n}"],"names":["_jsx","DatasetControlRenderer"],"mappings":";;;;;;;;;;AAaa,MAAA,iBAAiB,GAAG,CAAC,KAA8B,KAAI;AAChE,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,0BAA0B,EAAE,EAAE,EAAE,CAAC,CAAC;AACrE,IAAA,MAAM,mBAAmB,GAAG,sBAAsB,EAAE,CAAC;AACrD,IAAA,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;AAC3C,IAAA,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,IAAI,WAAW,CAAC,cAAc,CAAC,EAAE,EAAE,CAAC,CAAC;AAC7E,IAAA,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;IAElC,MAAM,SAAS,GAAG,MAAK;AACnB,QAAA,IAAG,WAAW,CAAC,sBAAsB,EAAE,EAAE;YACrC,cAAc,CAAC,cAAc,EAAE,CAAC;AACnC,SAAA;AACI,aAAA;YACD,KAAK,CAAC,SAAS,EAAE,CAAC;AACrB,SAAA;AACL,KAAC,CAAA;AAED,IAAA,OAAOA,IAAC,MAAM,EAAA,EACV,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,GAAG,EACb,kBAAkB,EAAE;AAChB,YAAA,KAAK,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,aAAa,CAAC;YAC5D,SAAS,EAAE,MAAM,CAAC,aAAa;AAC/B,YAAA,eAAe,EAAE,IAAI;AACxB,SAAA,EACD,UAAU,EAAE;AACR,YAAA,UAAU,EAAE;AACR,gBAAA,oBAAoB,EAAE,IAAI;AAC1B,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,MAAM,EAAE;oBACJ,IAAI,EAAE,MAAM,CAAC,SAAS;AACzB,iBAAA;AACJ,aAAA;AACJ,SAAA,EAAA,QAAA,EACGA,IAACC,cAAsB,EAAA,EACnB,2BAA2B,EAAE,MAAM,WAAW,CAAC,iBAAiB,EAAE,EAClE,wBAAwB,EAAE,CAAC,KAAK,KAAI;gBAChC,OAAO;AACH,oBAAA,GAAG,KAAK;AACR,oBAAA,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAI;AAC/B,wBAAA,OAAO,aAAa,CAAC;AACjB,4BAAA,GAAG,KAAK;AACR,4BAAA,SAAS,EAAE;gCACP,GAAG,KAAK,CAAC,SAAS;AAClB,gCAAA,SAAS,EAAE,aAAa,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,CAAC;AACnF,6BAAA;AACJ,yBAAA,CAAC,CAAA;qBACL;iBACJ,CAAA;AACL,aAAC,EACD,qBAAqB,EAAE,CAAC,KAAK,KAAKD,GAAA,CAAC,IAAI,EAAK,EAAA,GAAA,KAAK,EAAI,CAAA,EAAA,CACtD,GACF,CAAA;AACb;;;;"}

package/dist/components/TaskGrid/components/header/view-switcher/view-manager/ViewManager.d.ts

@@ -0,0 +1,18 @@
+import { IDatasetControl } from "../../../../../../utils/dataset-control";
+import { ITaskGridDatasetControl } from "../../../../interfaces";
+export declare class ViewManager {
+    private _taskGridDatasetControl;
+    private _localizationService;
+    private _savedQueryDataProvider;
+    private _userQueryDataProvider;
+    private _datasetControl;
+    private _shouldRemountOnDismiss;
+    constructor(taskGridDatasetControl: ITaskGridDatasetControl);
+    getDatasetControl(): IDatasetControl;
+    shouldRemountOnDismiss(): boolean;
+    private _createDatasetControl;
+    private _onRetrieveRecordCommand;
+    private _onAfterUserQueriesDeleted;
+    private _onBeforeUserQueriesDeleted;
+    private _registerEventListeners;
+}

package/dist/components/TaskGrid/components/header/view-switcher/view-manager/ViewManager.js

@@ -0,0 +1,95 @@
+import { Dataset } from '@talxis/client-libraries';
+import { DatasetControl } from '../../../../../../utils/dataset-control/DatasetControl.js';
+import { ErrorHelper } from '../../../../../../utils/error-handling/ErrorHelper.js';
+
+class ViewManager {
+    constructor(taskGridDatasetControl) {
+        this._shouldRemountOnDismiss = false;
+        this._taskGridDatasetControl = taskGridDatasetControl;
+        this._localizationService = taskGridDatasetControl.getLocalizationService();
+        this._savedQueryDataProvider = taskGridDatasetControl.getSavedQueryDataProvider();
+        this._userQueryDataProvider = taskGridDatasetControl.createUserQueryDataProvider();
+        this._userQueryDataProvider.setInterceptor('onRetrieveRecordCommand', (parameters, defaultAction) => this._onRetrieveRecordCommand(parameters, defaultAction));
+        const dataset = new Dataset(this._userQueryDataProvider);
+        this._datasetControl = this._createDatasetControl(dataset);
+        this._registerEventListeners();
+    }
+    getDatasetControl() {
+        return this._datasetControl;
+    }
+    shouldRemountOnDismiss() {
+        return this._shouldRemountOnDismiss;
+    }
+    _createDatasetControl(dataset) {
+        return new DatasetControl({
+            controlId: 'viewManagerDatasetControl',
+            onGetPcfContext: () => this._taskGridDatasetControl.getPcfContext(),
+            state: {},
+            onGetParameters: () => {
+                return {
+                    Grid: dataset,
+                    EnableEditing: {
+                        raw: true
+                    },
+                    EnableAutoSave: {
+                        raw: true
+                    },
+                    EnableNavigation: {
+                        raw: false
+                    }
+                };
+            }
+        });
+    }
+    async _onRetrieveRecordCommand(parameters, defaultAction) {
+        const recordIds = parameters?.recordIds ?? [];
+        return [
+            ...await defaultAction(parameters),
+            {
+                canExecute: true,
+                children: [],
+                commandButtonId: 'deleteView',
+                commandId: 'deleteViewCommand',
+                controlType: 'Button',
+                shouldBeVisible: recordIds.length > 0,
+                icon: 'Delete',
+                label: this._localizationService.getLocalizedString('deleteSelected'),
+                tooltip: this._localizationService.getLocalizedString('deleteSelected'),
+                execute: async () => {
+                    const result = await this._datasetControl.getPcfContext().navigation.openConfirmDialog({
+                        text: this._localizationService.getLocalizedString('confirmDialog.deleteSelectedRows.text')
+                    });
+                    if (result.confirmed) {
+                        this._savedQueryDataProvider.deleteUserQueries(recordIds);
+                    }
+                }
+            }
+        ];
+    }
+    _onAfterUserQueriesDeleted(result) {
+        this._userQueryDataProvider.setLoading(false);
+        if (!result.success) {
+            this._datasetControl.getPcfContext().navigation.openConfirmDialog({
+                subtitle: this._localizationService.getLocalizedString('deletingUserQueriesError'),
+                text: result.errors.map(e => {
+                    return `${this._userQueryDataProvider.getRecordsMap()[e.queryId].getNamedReference().name}: ${ErrorHelper.getMessageFromError(e.error)}`;
+                }).join('\n'),
+            });
+        }
+        else {
+            this._userQueryDataProvider.refresh();
+        }
+    }
+    _onBeforeUserQueriesDeleted(queryIds) {
+        this._shouldRemountOnDismiss = true;
+        this._userQueryDataProvider.setLoading(true);
+    }
+    _registerEventListeners() {
+        this._savedQueryDataProvider.queryEvents.addEventListener('onBeforeUserQueriesDeleted', (queryIds) => this._onBeforeUserQueriesDeleted(queryIds));
+        this._savedQueryDataProvider.queryEvents.addEventListener('onAfterUserQueriesDeleted', (result) => this._onAfterUserQueriesDeleted(result));
+        this._userQueryDataProvider.addEventListener('onBeforeRecordSaved', () => this._shouldRemountOnDismiss = true);
+    }
+}
+
+export { ViewManager };
+//# sourceMappingURL=ViewManager.js.map

package/dist/components/TaskGrid/components/header/view-switcher/view-manager/ViewManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewManager.js","sources":["../../../../../../../src/components/TaskGrid/components/header/view-switcher/view-manager/ViewManager.ts"],"sourcesContent":["import { Dataset, ICommand, IDataProvider, IDataset, IRetrieveRecordCommandOptions } from \"@talxis/client-libraries\";\nimport { DatasetControl, IDatasetControl } from \"../../../../../../utils/dataset-control\";\nimport { ITaskGridDatasetControl } from \"../../../../interfaces\";\nimport { ILocalizationService, ITaskGridLabels } from \"../../../../labels\";\nimport { IDeletedUserQueriesResult, ISavedQueryDataProvider } from \"../../../../data-providers/saved-query-data-provider\";\nimport { ErrorHelper } from \"../../../../../../utils\";\n\nexport class ViewManager {\n    private _taskGridDatasetControl: ITaskGridDatasetControl;\n    private _localizationService: ILocalizationService<ITaskGridLabels>;\n    private _savedQueryDataProvider: ISavedQueryDataProvider;\n    private _userQueryDataProvider: IDataProvider;\n    private _datasetControl: IDatasetControl;\n    private _shouldRemountOnDismiss: boolean = false;\n\n\n    constructor(taskGridDatasetControl: ITaskGridDatasetControl) {\n        this._taskGridDatasetControl = taskGridDatasetControl\n        this._localizationService = taskGridDatasetControl.getLocalizationService();\n        this._savedQueryDataProvider = taskGridDatasetControl.getSavedQueryDataProvider();\n        this._userQueryDataProvider = taskGridDatasetControl.createUserQueryDataProvider();\n        this._userQueryDataProvider.setInterceptor('onRetrieveRecordCommand', (parameters, defaultAction) => this._onRetrieveRecordCommand(parameters, defaultAction));\n        const dataset = new Dataset(this._userQueryDataProvider);\n        this._datasetControl = this._createDatasetControl(dataset);\n        this._registerEventListeners();\n    }\n\n    public getDatasetControl() {\n        return this._datasetControl;\n    }\n\n    public shouldRemountOnDismiss() {\n        return this._shouldRemountOnDismiss;\n    }\n\n    private _createDatasetControl(dataset: IDataset): IDatasetControl {\n        return new DatasetControl({\n            controlId: 'viewManagerDatasetControl',\n            onGetPcfContext: () => this._taskGridDatasetControl.getPcfContext(),\n            state: {},\n            onGetParameters: () => {\n                return {\n                    Grid: dataset,\n                    EnableEditing: {\n                        raw: true\n                    },\n                    EnableAutoSave: {\n                        raw: true\n                    },\n                    EnableNavigation: {\n                        raw: false\n                    }\n                }\n            }\n        });\n    }\n\n    private async _onRetrieveRecordCommand(parameters: IRetrieveRecordCommandOptions | undefined, defaultAction: (parameters: IRetrieveRecordCommandOptions | undefined) => Promise<ICommand[]>): Promise<ICommand[]> {\n        const recordIds = parameters?.recordIds ?? [];\n        return [\n            ...await defaultAction(parameters),\n            {\n                canExecute: true,\n                children: [],\n                commandButtonId: 'deleteView',\n                commandId: 'deleteViewCommand',\n                controlType: 'Button',\n                shouldBeVisible: recordIds.length > 0,\n                icon: 'Delete',\n                label: this._localizationService.getLocalizedString('deleteSelected'),\n                tooltip: this._localizationService.getLocalizedString('deleteSelected'),\n                execute: async () => {\n                    const result = await this._datasetControl.getPcfContext().navigation.openConfirmDialog({\n                        text: this._localizationService.getLocalizedString('confirmDialog.deleteSelectedRows.text')\n                    })\n                    if (result.confirmed) {\n                        this._savedQueryDataProvider.deleteUserQueries(recordIds);\n                    }\n                }\n            }\n\n        ] as ICommand[]\n    }\n\n    private _onAfterUserQueriesDeleted(result: IDeletedUserQueriesResult) {\n        this._userQueryDataProvider.setLoading(false);\n        if (!result.success) {\n            this._datasetControl.getPcfContext().navigation.openConfirmDialog({\n                subtitle: this._localizationService.getLocalizedString('deletingUserQueriesError'),\n                text: result.errors.map(e => {\n                    return `${this._userQueryDataProvider.getRecordsMap()[e.queryId].getNamedReference().name}: ${ErrorHelper.getMessageFromError(e.error)}`\n                }).join('\\n'),\n            })\n        }\n        else {\n            this._userQueryDataProvider.refresh();\n        }\n    }\n\n    private _onBeforeUserQueriesDeleted(queryIds: string[]) {\n        this._shouldRemountOnDismiss = true;\n        this._userQueryDataProvider.setLoading(true);\n    }\n\n    private _registerEventListeners() {\n        this._savedQueryDataProvider.queryEvents.addEventListener('onBeforeUserQueriesDeleted', (queryIds) => this._onBeforeUserQueriesDeleted(queryIds));\n        this._savedQueryDataProvider.queryEvents.addEventListener('onAfterUserQueriesDeleted', (result) => this._onAfterUserQueriesDeleted(result));\n        this._userQueryDataProvider.addEventListener('onBeforeRecordSaved', () => this._shouldRemountOnDismiss = true);\n    }\n}"],"names":[],"mappings":"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"}

package/dist/components/TaskGrid/components/header/view-switcher/view-manager/index.d.ts

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

package/dist/components/TaskGrid/components/header/view-switcher/view-manager/index.js

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

package/dist/components/TaskGrid/components/header/view-switcher/view-manager/index.js.map

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

package/dist/components/TaskGrid/components/header/view-switcher/view-manager/styles.d.ts

@@ -0,0 +1,18 @@
+export declare const getViewManagerDialogStyles: () => import("@fluentui/react").IProcessedStyleSet<{
+    dialogContent: {
+        '.ms-Dialog-content': {
+            display: string;
+            flexGrow: number;
+            '>div': {
+                flexGrow: number;
+            };
+        };
+    };
+    datasetControlRoot: {
+        width: number;
+    };
+    layerRoot: {
+        zIndex: number;
+        position: string;
+    };
+}>;