@talxis/base-controls 1.2602.4 → 1.2604.1

package/dist/components/TaskGrid/components/grid/group-cell/styles.d.ts

@@ -0,0 +1,35 @@
+import { ITheme } from "@fluentui/react";
+export declare const getGroupCellStyles: (theme: ITheme, expanded: boolean) => import("@fluentui/react").IProcessedStyleSet<{
+    root: {
+        display: string;
+        height: string;
+        alignItems: string;
+        backgroundColor: string;
+        '.ms-Link': {
+            fontWeight: string;
+        };
+        '>div': {
+            overflow: string;
+        };
+    };
+    chevronButton: {
+        height: string;
+        width: string;
+        marginLeft: number;
+        color: string;
+        selectors: {
+            '.ms-Button-icon': {
+                transition: string;
+                transform: string;
+                fontSize: string;
+                fontWeight: number;
+            };
+            ':hover': {
+                color: string;
+            };
+            ':active': {
+                color: string;
+            };
+        };
+    };
+}>;

package/dist/components/TaskGrid/components/grid/group-cell/styles.js

@@ -0,0 +1,41 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getGroupCellStyles = (theme, expanded) => {
+    return mergeStyleSets({
+        root: {
+            display: 'flex',
+            height: '100%',
+            alignItems: 'center',
+            backgroundColor: theme.semanticColors.bodyBackground,
+            '.ms-Link': {
+                fontWeight: '600'
+            },
+            '>div': {
+                overflow: 'hidden'
+            }
+        },
+        chevronButton: {
+            height: '25px',
+            width: '25px',
+            marginLeft: 8,
+            color: theme.semanticColors.bodyText,
+            selectors: {
+                '.ms-Button-icon': {
+                    transition: 'transform 0.2s ease',
+                    transform: expanded ? 'rotate(90deg)' : 'rotate(0deg)',
+                    fontSize: '13px',
+                    fontWeight: 600
+                },
+                ':hover': {
+                    color: theme.semanticColors.bodyText,
+                },
+                ':active': {
+                    color: theme.semanticColors.bodyText,
+                },
+            },
+        },
+    });
+};
+
+export { getGroupCellStyles };
+//# sourceMappingURL=styles.js.map

package/dist/components/TaskGrid/components/grid/group-cell/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/TaskGrid/components/grid/group-cell/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\";\n\nexport const getGroupCellStyles = (theme: ITheme, expanded: boolean) => {\n    return mergeStyleSets({\n        root: {\n            display: 'flex',\n            height: '100%',\n            alignItems: 'center',\n            backgroundColor: theme.semanticColors.bodyBackground,\n            '.ms-Link': {\n                fontWeight: '600'\n            },\n            '>div': {\n                overflow: 'hidden'\n            }\n        },\n        chevronButton: {\n            height: '25px',\n            width: '25px',\n            marginLeft: 8,\n            color: theme.semanticColors.bodyText,\n            selectors: {\n                '.ms-Button-icon': {\n                    transition: 'transform 0.2s ease',\n                    transform: expanded ? 'rotate(90deg)' : 'rotate(0deg)',\n                    fontSize: '13px',\n                    fontWeight: 600\n                },\n                ':hover': {\n                    color: theme.semanticColors.bodyText,\n                },\n                ':active': {\n                    color: theme.semanticColors.bodyText,\n                },\n            },\n        },\n    });\n};\n"],"names":[],"mappings":";;MAEa,kBAAkB,GAAG,CAAC,KAAa,EAAE,QAAiB,KAAI;AACnE,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;AACpD,YAAA,UAAU,EAAE;AACR,gBAAA,UAAU,EAAE,KAAK;AACpB,aAAA;AACD,YAAA,MAAM,EAAE;AACJ,gBAAA,QAAQ,EAAE,QAAQ;AACrB,aAAA;AACJ,SAAA;AACD,QAAA,aAAa,EAAE;AACX,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,UAAU,EAAE,CAAC;AACb,YAAA,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;AACpC,YAAA,SAAS,EAAE;AACP,gBAAA,iBAAiB,EAAE;AACf,oBAAA,UAAU,EAAE,qBAAqB;oBACjC,SAAS,EAAE,QAAQ,GAAG,eAAe,GAAG,cAAc;AACtD,oBAAA,QAAQ,EAAE,MAAM;AAChB,oBAAA,UAAU,EAAE,GAAG;AAClB,iBAAA;AACD,gBAAA,QAAQ,EAAE;AACN,oBAAA,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;AACvC,iBAAA;AACD,gBAAA,SAAS,EAAE;AACP,oBAAA,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;AACvC,iBAAA;AACJ,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAC;AACP;;;;"}

package/dist/components/TaskGrid/components/grid/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Grid';
+export * from './grid-customizer';
+export * from './record-selector';

package/dist/components/TaskGrid/components/grid/index.js

@@ -0,0 +1,4 @@
+export { Grid } from './Grid.js';
+export { ADD_TASK_COLUMN_NAME, GridCustomizer } from './grid-customizer/GridCustomizer.js';
+export { RecordSelector } from './record-selector/RecordSelector.js';
+//# sourceMappingURL=index.js.map

package/dist/components/TaskGrid/components/grid/index.js.map

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

package/dist/components/TaskGrid/components/grid/multi-record-selector/MultiRecordSelector.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="@types/powerapps-component-framework" />
+import { IDataProvider } from '@talxis/client-libraries';
+import { AsyncProps } from 'react-select/dist/declarations/src/useAsync';
+interface IMultiRecordSelectorProps {
+    onSelectionChange: (selectedRecords: ComponentFramework.EntityReference[]) => void;
+    dataProvider: IDataProvider;
+    container: HTMLElement;
+    selectedRecords?: ComponentFramework.EntityReference[];
+    onGetRef?: (ref: IMultRecordSelectorRef) => void;
+    onMenuToggle?: (isOpen: boolean) => void;
+    onOverrideComponentProps?: (props: AsyncProps<ComponentFramework.EntityReference, boolean, any>) => AsyncProps<ComponentFramework.EntityReference, boolean, any>;
+}
+export interface IMultRecordSelectorRef {
+    openMenu: () => void;
+}
+export declare const MultiRecordSelector: (props: IMultiRecordSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TaskGrid/components/grid/multi-record-selector/MultiRecordSelector.js

@@ -0,0 +1,92 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import AsyncSelect from 'react-select/async';
+import { useLocalizationService } from '../../../context.js';
+
+const MultiRecordSelector = (props) => {
+    const { dataProvider, onSelectionChange, selectedRecords = [], container } = props;
+    const localizationService = useLocalizationService();
+    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((p) => p);
+    const ref = React.useRef(null);
+    const onLoadOptions = async (inputValue) => {
+        dataProvider.setSearchQuery(inputValue);
+        const records = await dataProvider.refresh();
+        return records.map(record => {
+            return {
+                ...record.getNamedReference(),
+                rawData: record.getRawData()
+            };
+        });
+    };
+    const openMenu = React.useCallback(() => {
+        if (!componentProps.isDisabled) {
+            ref.current?.focusInput();
+            ref.current?.openMenu('first');
+        }
+    }, []);
+    const onKeyDown = (event) => {
+        switch (event.key) {
+            case 'Enter': {
+                ref.current?.openMenu('first');
+            }
+        }
+    };
+    const onMenuOpen = (isOpen) => {
+        props.onMenuToggle?.(isOpen);
+        const controlElement = ref.current?.controlRef;
+        if (isOpen && controlElement) {
+            setTimeout(() => {
+                controlElement.scrollTop = controlElement.scrollHeight;
+            }, 0);
+        }
+    };
+    React.useEffect(() => {
+        container.addEventListener('dblclick', openMenu);
+        return () => {
+            container.removeEventListener('dblclick', openMenu);
+        };
+    }, []);
+    props.onGetRef?.({ openMenu });
+    const componentProps = onOverrideComponentProps({
+        isMulti: true,
+        //@ts-ignore - typings
+        ref: ref,
+        menuPortalTarget: document.body,
+        onKeyDown: onKeyDown,
+        openMenuOnClick: false,
+        placeholder: '',
+        value: selectedRecords,
+        menuPlacement: 'auto',
+        isClearable: false,
+        menuShouldScrollIntoView: false,
+        noOptionsMessage: () => localizationService.getLocalizedString('noRecordsFound'),
+        loadingMessage: () => localizationService.getLocalizedString('loading'),
+        getOptionValue: (record) => record.id.guid,
+        getOptionLabel: (record) => record.name,
+        onChange: (selectedRecords) => onSelectionChange(selectedRecords),
+        onMenuOpen: () => onMenuOpen(true),
+        onBlur: () => onMenuOpen(false),
+        loadOptions: onLoadOptions,
+        styles: {
+            control: (base) => {
+                return {
+                    ...base,
+                    maxHeight: 200,
+                    overflow: 'auto',
+                    border: 'none',
+                    background: 'none',
+                    boxShadow: 'none',
+                };
+            },
+        },
+        components: {
+            IndicatorSeparator: () => jsx(Fragment, {}),
+            DropdownIndicator: () => jsx(Fragment, {}),
+            LoadingIndicator: () => jsx(Fragment, {}),
+        },
+    });
+    return jsx(AsyncSelect, { ...componentProps });
+};
+
+export { MultiRecordSelector };
+//# sourceMappingURL=MultiRecordSelector.js.map

package/dist/components/TaskGrid/components/grid/multi-record-selector/MultiRecordSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiRecordSelector.js","sources":["../../../../../../src/components/TaskGrid/components/grid/multi-record-selector/MultiRecordSelector.tsx"],"sourcesContent":["import { IDataProvider } from '@talxis/client-libraries';\nimport * as React from 'react';\nimport { SelectInstance } from 'react-select';\nimport AsyncSelect from 'react-select/async';\nimport { AsyncProps } from 'react-select/dist/declarations/src/useAsync';\nimport { useLocalizationService } from '../../../context';\n\ninterface IMultiRecordSelectorProps {\n    onSelectionChange: (selectedRecords: ComponentFramework.EntityReference[]) => void;\n    dataProvider: IDataProvider;\n    container: HTMLElement;\n    selectedRecords?: ComponentFramework.EntityReference[];\n    onGetRef?: (ref: IMultRecordSelectorRef) => void;\n    onMenuToggle?: (isOpen: boolean) => void;\n    onOverrideComponentProps?: (props: AsyncProps<ComponentFramework.EntityReference, boolean, any>) => AsyncProps<ComponentFramework.EntityReference, boolean, any>;\n}\n\nexport interface IMultRecordSelectorRef {\n    openMenu: () => void;\n}\n\nexport const MultiRecordSelector = (props: IMultiRecordSelectorProps) => {\n    const { dataProvider, onSelectionChange, selectedRecords = [], container } = props;\n    const localizationService = useLocalizationService();\n    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((p) => p);\n    const ref = React.useRef<SelectInstance>(null);\n\n    const onLoadOptions = async (inputValue: string): Promise<ComponentFramework.EntityReference[]> => {\n        dataProvider.setSearchQuery(inputValue);\n        const records = await dataProvider.refresh();\n        return records.map(record => {\n            return {\n                ...record.getNamedReference(),\n                rawData: record.getRawData()\n            }\n        })\n    }\n\n    const openMenu = React.useCallback(() => {\n        if (!componentProps.isDisabled) {\n            ref.current?.focusInput();\n            ref.current?.openMenu('first')\n        }\n    }, []);\n\n    const onKeyDown = (event: React.KeyboardEvent) => {\n        switch (event.key) {\n            case 'Enter': {\n                ref.current?.openMenu('first');\n            }\n        }\n    }\n\n    const onMenuOpen = (isOpen: boolean) => {\n        props.onMenuToggle?.(isOpen);\n        const controlElement = ref.current?.controlRef;\n        if (isOpen && controlElement) {\n            setTimeout(() => {\n                controlElement.scrollTop = controlElement.scrollHeight;\n            }, 0);\n        }\n    }\n\n    React.useEffect(() => {\n        container.addEventListener('dblclick', openMenu);\n        return () => {\n            container.removeEventListener('dblclick', openMenu);\n        }\n    }, []);\n\n    props.onGetRef?.({ openMenu });\n    const componentProps = onOverrideComponentProps({\n        isMulti: true,\n        //@ts-ignore - typings\n        ref: ref,\n        menuPortalTarget: document.body,\n        onKeyDown: onKeyDown,\n        openMenuOnClick: false,\n        placeholder: '',\n        value: selectedRecords,\n        menuPlacement: 'auto',\n        isClearable: false,\n        menuShouldScrollIntoView: false,\n        noOptionsMessage: () => localizationService.getLocalizedString('noRecordsFound'),\n        loadingMessage: () => localizationService.getLocalizedString('loading'),\n        getOptionValue: (record) => record.id.guid,\n        getOptionLabel: (record) => record.name,\n        onChange: (selectedRecords) => onSelectionChange(selectedRecords as ComponentFramework.EntityReference[]),\n        onMenuOpen: () => onMenuOpen(true),\n        onBlur: () => onMenuOpen(false),\n        loadOptions: onLoadOptions,\n        styles: {\n            control: (base) => {\n                return {\n                    ...base,\n                    maxHeight: 200,\n                    overflow: 'auto',\n                    border: 'none',\n                    background: 'none',\n                    boxShadow: 'none',\n                }\n            },\n        },\n        components: {\n            IndicatorSeparator: () => <></>,\n            DropdownIndicator: () => <></>,\n            LoadingIndicator: () => <></>,\n        },\n    })\n\n    return <AsyncSelect {...componentProps} />\n}"],"names":["_jsx","_Fragment"],"mappings":"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"}

package/dist/components/TaskGrid/components/grid/multi-record-selector/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MultiRecordSelector';
+export * from 'react-select';

package/dist/components/TaskGrid/components/grid/multi-record-selector/index.js

@@ -0,0 +1,3 @@
+export { MultiRecordSelector } from './MultiRecordSelector.js';
+export * from 'react-select';
+//# sourceMappingURL=index.js.map

package/dist/components/TaskGrid/components/grid/multi-record-selector/index.js.map

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

package/dist/components/TaskGrid/components/grid/record-selector/RecordSelector.d.ts

@@ -0,0 +1,10 @@
+import { IDataProvider } from "@talxis/client-libraries";
+import * as React from "react";
+import { IButtonProps } from "@fluentui/react";
+interface IRecordSelectorProps {
+    provider: IDataProvider;
+    onRecordSelected: (recordId: string) => void;
+    onRenderRecord?: (props: IButtonProps, defaultRender: (props: IButtonProps) => React.ReactNode) => React.ReactNode;
+}
+export declare const RecordSelector: (props: IRecordSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TaskGrid/components/grid/record-selector/RecordSelector.js

@@ -0,0 +1,120 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Dataset } from '@talxis/client-libraries';
+import * as React from 'react';
+import { getClassNames, Spinner } from '@talxis/react-components';
+import { useTheme, DirectionalHint, Icon, Text, CommandBarButton } from '@fluentui/react';
+import { getRecordSelectorStyles } from './styles.js';
+import { FixedSizeList } from 'react-window';
+import { useLocalizationService, usePcfContext } from '../../../context.js';
+import { DatasetControl as DatasetControl$1 } from '../../../../DatasetControl/DatasetControl.js';
+import { DatasetControl } from '../../../../../utils/dataset-control/DatasetControl.js';
+
+const RecordSelector = (props) => {
+    const { onRecordSelected } = props;
+    const providerRef = React.useRef(props.provider);
+    const localizationService = useLocalizationService();
+    const pcfContext = usePcfContext();
+    const dataset = React.useMemo(() => new Dataset(providerRef.current), []);
+    const theme = useTheme();
+    const styles = React.useMemo(() => getRecordSelectorStyles(theme), []);
+    const { onRenderRecord = (props, defaultRender) => defaultRender(props) } = props;
+    const datasetControl = React.useMemo(() => {
+        return new DatasetControl({
+            controlId: 'recordSelectorDatasetControl',
+            onGetParameters: () => {
+                return {
+                    Grid: dataset,
+                    EnableCommandBar: {
+                        raw: false
+                    },
+                    EnablePageSizeSwitcher: {
+                        raw: false
+                    },
+                    DestroyDatasetOnUnmount: {
+                        raw: false
+                    }
+                };
+            },
+            onGetPcfContext: () => pcfContext,
+            state: {}
+        });
+    }, []);
+    return jsx(DatasetControl$1, { onGetDatasetControlInstance: () => datasetControl, onOverrideComponentProps: (props) => {
+            return {
+                ...props,
+                onRender: (props, defaultRender) => {
+                    return defaultRender({
+                        ...props,
+                        onRenderHeader: (props, defaultRender) => {
+                            return defaultRender({
+                                ...props,
+                                headerContainerProps: {
+                                    ...props.headerContainerProps,
+                                    className: getClassNames([props.headerContainerProps.className, styles.headerContainer]),
+                                },
+                                onRenderRibbonQuickFindWrapper: (props, defaultRender) => {
+                                    return defaultRender({
+                                        ...props,
+                                        onRenderQuickFind: (props, defaultRender) => {
+                                            return defaultRender({
+                                                ...props,
+                                                containerProps: {
+                                                    ...props.containerProps,
+                                                    className: getClassNames([props.containerProps.className, styles.quickFindContainer])
+                                                },
+                                                onRenderCalloutContainer: (props, defaultRender) => {
+                                                    return defaultRender({
+                                                        ...props,
+                                                        onRenderCallout: (props, defaultRender) => {
+                                                            return defaultRender({
+                                                                ...props,
+                                                                directionalHint: DirectionalHint.topLeftEdge
+                                                            });
+                                                        }
+                                                    });
+                                                }
+                                            });
+                                        },
+                                    });
+                                }
+                            });
+                        },
+                        container: {
+                            ...props.container,
+                            className: getClassNames([props.container.className, styles.root])
+                        },
+                        onRenderControlContainer: (props, defaultRender) => {
+                            return defaultRender({
+                                ...props,
+                                controlContainerProps: {
+                                    ...props.controlContainerProps,
+                                    className: getClassNames([props.controlContainerProps.className, styles.controlContainer])
+                                }
+                            });
+                        }
+                    });
+                }
+            };
+        }, onGetControlComponent: () => {
+            const records = providerRef.current.getRecords();
+            if (providerRef.current.isLoading()) {
+                return jsx("div", { className: styles.loadingContainer, children: jsx(Spinner, {}) });
+            }
+            else if (records.length === 0) {
+                return jsxs("div", { className: styles.recordsNotFoundContainer, children: [jsx(Icon, { className: styles.recordsNotFoundIcon, iconName: 'SearchAndApps' }), jsx(Text, { children: localizationService.getLocalizedString('noRecordsFound') })] });
+            }
+            else {
+                return jsx(FixedSizeList, { className: styles.recordList, itemCount: records.length, itemSize: 36, height: 200, width: 300, children: ({ index, style }) => {
+                        const record = records[index];
+                        return (jsx("div", { style: style, children: onRenderRecord({
+                                className: styles.recordButton,
+                                onClick: () => onRecordSelected(record.getRecordId()),
+                                text: record.getFormattedValue(providerRef.current.getMetadata().PrimaryNameAttribute)
+                            }, (props) => jsx(CommandBarButton, { ...props })) }, record.getRecordId()));
+                    } });
+            }
+        } });
+};
+
+export { RecordSelector };
+//# sourceMappingURL=RecordSelector.js.map

package/dist/components/TaskGrid/components/grid/record-selector/RecordSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordSelector.js","sources":["../../../../../../src/components/TaskGrid/components/grid/record-selector/RecordSelector.tsx"],"sourcesContent":["import { DatasetControl } from \"../../../../DatasetControl\"\nimport { Dataset, IDataProvider, IRecord } from \"@talxis/client-libraries\";\nimport { DatasetControl as DatasetControlModel } from '../../../../../utils/dataset-control';\nimport * as React from \"react\"\nimport { getClassNames, Spinner } from \"@talxis/react-components\";\nimport { CommandBarButton, Icon, useTheme, Text, IButtonProps, DirectionalHint } from \"@fluentui/react\";\nimport { getRecordSelectorStyles } from \"./styles\";\nimport { FixedSizeList } from 'react-window';\nimport { useLocalizationService, usePcfContext } from \"../../../context\";\n\ninterface IRecordSelectorProps {\n    provider: IDataProvider;\n    onRecordSelected: (recordId: string) => void;\n    onRenderRecord?: (props: IButtonProps, defaultRender: (props: IButtonProps) => React.ReactNode) => React.ReactNode;\n}\n\nexport const RecordSelector = (props: IRecordSelectorProps) => {\n    const { onRecordSelected } = props;\n    const providerRef = React.useRef(props.provider);\n    const localizationService = useLocalizationService();\n    const pcfContext = usePcfContext();\n    const dataset = React.useMemo(() => new Dataset(providerRef.current), []);\n    const theme = useTheme();\n    const styles = React.useMemo(() => getRecordSelectorStyles(theme), []);\n    const { onRenderRecord = (props, defaultRender) => defaultRender(props) } = props;\n\n    const datasetControl = React.useMemo(() => {\n        return new DatasetControlModel({\n            controlId: 'recordSelectorDatasetControl',\n            onGetParameters: () => {\n                return {\n                    Grid: dataset,\n                    EnableCommandBar: {\n                        raw: false\n                    },\n                    EnablePageSizeSwitcher: {\n                        raw: false\n                    },\n                    DestroyDatasetOnUnmount: {\n                        raw: false\n                    }\n                }\n            },\n            onGetPcfContext: () => pcfContext,\n            state: {}\n        })\n    }, []);\n    return <DatasetControl\n        onGetDatasetControlInstance={() => datasetControl}\n        onOverrideComponentProps={(props) => {\n            return {\n                ...props,\n                onRender: (props, defaultRender) => {\n                    return defaultRender({\n                        ...props,\n                        onRenderHeader: (props, defaultRender) => {\n                            return defaultRender({\n                                ...props,\n                                headerContainerProps: {\n                                    ...props.headerContainerProps,\n                                    className: getClassNames([props.headerContainerProps.className, styles.headerContainer]),\n                                },\n                                onRenderRibbonQuickFindWrapper: (props, defaultRender) => {\n                                    return defaultRender({\n                                        ...props,\n                                        onRenderQuickFind: (props, defaultRender) => {\n                                            return defaultRender({\n                                                ...props,\n                                                containerProps: {\n                                                    ...props.containerProps,\n                                                    className: getClassNames([props.containerProps.className, styles.quickFindContainer])\n                                                },\n                                                onRenderCalloutContainer: (props, defaultRender) => {\n                                                    return defaultRender({\n                                                        ...props,\n                                                        onRenderCallout: (props, defaultRender) => {\n                                                            return defaultRender({\n                                                                ...props,\n                                                                directionalHint: DirectionalHint.topLeftEdge\n                                                            })\n                                                        }\n                                                    })\n                                                }\n                                            })\n                                        },\n\n                                    })\n                                }\n                            })\n                        },\n                        container: {\n                            ...props.container,\n                            className: getClassNames([props.container.className, styles.root])\n                        },\n                        onRenderControlContainer: (props, defaultRender) => {\n                            return defaultRender({\n                                ...props,\n                                controlContainerProps: {\n                                    ...props.controlContainerProps,\n                                    className: getClassNames([props.controlContainerProps.className, styles.controlContainer])\n                                }\n                            })\n                        }\n                    })\n                }\n            }\n        }}\n        onGetControlComponent={() => {\n            const records = providerRef.current.getRecords();\n            if (providerRef.current.isLoading()) {\n                return <div className={styles.loadingContainer}>\n                    <Spinner />\n                </div>\n            }\n            else if (records.length === 0) {\n                return <div className={styles.recordsNotFoundContainer}>\n                    <Icon className={styles.recordsNotFoundIcon} iconName='SearchAndApps' />\n                    <Text>{localizationService.getLocalizedString('noRecordsFound')}</Text>\n                </div>\n            }\n            else {\n                return <FixedSizeList\n                    className={styles.recordList}\n                    itemCount={records.length}\n                    itemSize={36}\n                    height={200}\n                    width={300}\n                >\n                    {({ index, style }) => {\n                        const record: IRecord = records[index];\n                        return (\n                            <div key={record.getRecordId()} style={style}>\n                                {onRenderRecord({\n                                    className: styles.recordButton,\n                                    onClick: () => onRecordSelected(record.getRecordId()),\n                                    text: record.getFormattedValue(providerRef.current.getMetadata().PrimaryNameAttribute)!\n                                }, (props) => <CommandBarButton {...props} />)}\n                            </div>\n                        );\n                    }}\n                </FixedSizeList>\n            }\n        }}\n    />\n}"],"names":["DatasetControlModel","_jsx","DatasetControl","_jsxs"],"mappings":";;;;;;;;;;;AAgBa,MAAA,cAAc,GAAG,CAAC,KAA2B,KAAI;AAC1D,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IACnC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AACjD,IAAA,MAAM,mBAAmB,GAAG,sBAAsB,EAAE,CAAC;AACrD,IAAA,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;AACnC,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;AAC1E,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;AACzB,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,uBAAuB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;AACvE,IAAA,MAAM,EAAE,cAAc,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,aAAa,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC;AAElF,IAAA,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,MAAK;QACtC,OAAO,IAAIA,cAAmB,CAAC;AAC3B,YAAA,SAAS,EAAE,8BAA8B;YACzC,eAAe,EAAE,MAAK;gBAClB,OAAO;AACH,oBAAA,IAAI,EAAE,OAAO;AACb,oBAAA,gBAAgB,EAAE;AACd,wBAAA,GAAG,EAAE,KAAK;AACb,qBAAA;AACD,oBAAA,sBAAsB,EAAE;AACpB,wBAAA,GAAG,EAAE,KAAK;AACb,qBAAA;AACD,oBAAA,uBAAuB,EAAE;AACrB,wBAAA,GAAG,EAAE,KAAK;AACb,qBAAA;iBACJ,CAAA;aACJ;AACD,YAAA,eAAe,EAAE,MAAM,UAAU;AACjC,YAAA,KAAK,EAAE,EAAE;AACZ,SAAA,CAAC,CAAA;KACL,EAAE,EAAE,CAAC,CAAC;AACP,IAAA,OAAOC,GAAC,CAAAC,gBAAc,EAClB,EAAA,2BAA2B,EAAE,MAAM,cAAc,EACjD,wBAAwB,EAAE,CAAC,KAAK,KAAI;YAChC,OAAO;AACH,gBAAA,GAAG,KAAK;AACR,gBAAA,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAI;AAC/B,oBAAA,OAAO,aAAa,CAAC;AACjB,wBAAA,GAAG,KAAK;AACR,wBAAA,cAAc,EAAE,CAAC,KAAK,EAAE,aAAa,KAAI;AACrC,4BAAA,OAAO,aAAa,CAAC;AACjB,gCAAA,GAAG,KAAK;AACR,gCAAA,oBAAoB,EAAE;oCAClB,GAAG,KAAK,CAAC,oBAAoB;AAC7B,oCAAA,SAAS,EAAE,aAAa,CAAC,CAAC,KAAK,CAAC,oBAAoB,CAAC,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;AAC3F,iCAAA;AACD,gCAAA,8BAA8B,EAAE,CAAC,KAAK,EAAE,aAAa,KAAI;AACrD,oCAAA,OAAO,aAAa,CAAC;AACjB,wCAAA,GAAG,KAAK;AACR,wCAAA,iBAAiB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAI;AACxC,4CAAA,OAAO,aAAa,CAAC;AACjB,gDAAA,GAAG,KAAK;AACR,gDAAA,cAAc,EAAE;oDACZ,GAAG,KAAK,CAAC,cAAc;AACvB,oDAAA,SAAS,EAAE,aAAa,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,CAAC;AACxF,iDAAA;AACD,gDAAA,wBAAwB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAI;AAC/C,oDAAA,OAAO,aAAa,CAAC;AACjB,wDAAA,GAAG,KAAK;AACR,wDAAA,eAAe,EAAE,CAAC,KAAK,EAAE,aAAa,KAAI;AACtC,4DAAA,OAAO,aAAa,CAAC;AACjB,gEAAA,GAAG,KAAK;gEACR,eAAe,EAAE,eAAe,CAAC,WAAW;AAC/C,6DAAA,CAAC,CAAA;yDACL;AACJ,qDAAA,CAAC,CAAA;iDACL;AACJ,6CAAA,CAAC,CAAA;yCACL;AAEJ,qCAAA,CAAC,CAAA;iCACL;AACJ,6BAAA,CAAC,CAAA;yBACL;AACD,wBAAA,SAAS,EAAE;4BACP,GAAG,KAAK,CAAC,SAAS;AAClB,4BAAA,SAAS,EAAE,aAAa,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;AACrE,yBAAA;AACD,wBAAA,wBAAwB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAI;AAC/C,4BAAA,OAAO,aAAa,CAAC;AACjB,gCAAA,GAAG,KAAK;AACR,gCAAA,qBAAqB,EAAE;oCACnB,GAAG,KAAK,CAAC,qBAAqB;AAC9B,oCAAA,SAAS,EAAE,aAAa,CAAC,CAAC,KAAK,CAAC,qBAAqB,CAAC,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAC7F,iCAAA;AACJ,6BAAA,CAAC,CAAA;yBACL;AACJ,qBAAA,CAAC,CAAA;iBACL;aACJ,CAAA;AACL,SAAC,EACD,qBAAqB,EAAE,MAAK;YACxB,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;AACjD,YAAA,IAAI,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE;gBACjC,OAAOD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAAA,QAAA,EAC1CA,GAAC,CAAA,OAAO,EAAG,EAAA,CAAA,EAAA,CACT,CAAA;AACT,aAAA;AACI,iBAAA,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;AAC3B,gBAAA,OAAOE,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,wBAAwB,EAAA,QAAA,EAAA,CAClDF,GAAC,CAAA,IAAI,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,mBAAmB,EAAE,QAAQ,EAAC,eAAe,EAAA,CAAG,EACxEA,GAAA,CAAC,IAAI,EAAE,EAAA,QAAA,EAAA,mBAAmB,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,EAAA,CAAQ,IACrE,CAAA;AACT,aAAA;AACI,iBAAA;AACD,gBAAA,OAAOA,GAAC,CAAA,aAAa,EACjB,EAAA,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,SAAS,EAAE,OAAO,CAAC,MAAM,EACzB,QAAQ,EAAE,EAAE,EACZ,MAAM,EAAE,GAAG,EACX,KAAK,EAAE,GAAG,EAET,QAAA,EAAA,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAI;AAClB,wBAAA,MAAM,MAAM,GAAY,OAAO,CAAC,KAAK,CAAC,CAAC;AACvC,wBAAA,QACIA,GAAgC,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,KAAK,EAAA,QAAA,EACvC,cAAc,CAAC;gCACZ,SAAS,EAAE,MAAM,CAAC,YAAY;gCAC9B,OAAO,EAAE,MAAM,gBAAgB,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;AACrD,gCAAA,IAAI,EAAE,MAAM,CAAC,iBAAiB,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,oBAAoB,CAAE;AAC1F,6BAAA,EAAE,CAAC,KAAK,KAAKA,GAAA,CAAC,gBAAgB,EAAK,EAAA,GAAA,KAAK,EAAI,CAAA,CAAC,IALxC,MAAM,CAAC,WAAW,EAAE,CAMxB,EACR;AACN,qBAAC,GACW,CAAA;AACnB,aAAA;AACL,SAAC,GACH,CAAA;AACN;;;;"}

package/dist/components/TaskGrid/components/grid/record-selector/index.d.ts

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

package/dist/components/TaskGrid/components/grid/record-selector/index.js

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

package/dist/components/TaskGrid/components/grid/record-selector/index.js.map

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

package/dist/components/TaskGrid/components/grid/record-selector/styles.d.ts

@@ -0,0 +1,54 @@
+import { ITheme } from "@fluentui/react";
+export declare const getRecordSelectorStyles: (theme: ITheme) => import("@fluentui/react").IProcessedStyleSet<{
+    root: {
+        height: number;
+        width: number;
+        '[class^="paginationRoot"]': {
+            '.ms-Button, .ms-CommandBar': {
+                height: number;
+            };
+        };
+    };
+    headerContainer: {
+        padding: number;
+        marginBottom: number;
+        '.ms-TextField, .ms-TextField-fieldGroup': {
+            width: string;
+        };
+    };
+    quickFindContainer: {
+        width: string;
+    };
+    recordList: {
+        display: string;
+        flexDirection: string;
+    };
+    recordsNotFoundContainer: {
+        height: string;
+        display: string;
+        flexDirection: string;
+        justifyContent: string;
+        alignItems: string;
+        gap: number;
+    };
+    recordsNotFoundIcon: {
+        fontSize: number;
+    };
+    recordButton: {
+        width: string;
+        height: number;
+        justifyContent: string;
+        textAlign: string;
+    };
+    loadingContainer: {
+        display: string;
+        height: string;
+        justifyContent: string;
+        alignItems: string;
+    };
+    controlContainer: {
+        flex: number;
+        borderBottom: string;
+        overflow: string;
+    };
+}>;

package/dist/components/TaskGrid/components/grid/record-selector/styles.js

@@ -0,0 +1,60 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getRecordSelectorStyles = (theme) => {
+    return mergeStyleSets({
+        root: {
+            height: 285,
+            width: 300,
+            '[class^="paginationRoot"]': {
+                '.ms-Button, .ms-CommandBar': {
+                    height: 36
+                }
+            }
+        },
+        headerContainer: {
+            padding: 8,
+            marginBottom: 0,
+            '.ms-TextField, .ms-TextField-fieldGroup': {
+                width: '100%'
+            }
+        },
+        quickFindContainer: {
+            width: '100%'
+        },
+        recordList: {
+            display: 'flex',
+            flexDirection: 'column',
+        },
+        recordsNotFoundContainer: {
+            height: '100%',
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            alignItems: 'center',
+            gap: 8
+        },
+        recordsNotFoundIcon: {
+            fontSize: 38
+        },
+        recordButton: {
+            width: '100%',
+            height: 36,
+            justifyContent: 'flex-start',
+            textAlign: 'left'
+        },
+        loadingContainer: {
+            display: 'flex',
+            height: '100%',
+            justifyContent: 'center',
+            alignItems: 'center'
+        },
+        controlContainer: {
+            flex: 1,
+            borderBottom: `1px solid ${theme.semanticColors.bodyDivider}`,
+            overflow: 'auto'
+        }
+    });
+};
+
+export { getRecordSelectorStyles };
+//# sourceMappingURL=styles.js.map

package/dist/components/TaskGrid/components/grid/record-selector/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/TaskGrid/components/grid/record-selector/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\"\n\nexport const getRecordSelectorStyles = (theme: ITheme) => {\n    return mergeStyleSets({\n        root: {\n            height: 285,\n            width: 300,\n            '[class^=\"paginationRoot\"]': {\n                '.ms-Button, .ms-CommandBar': {\n                    height: 36\n                }\n            }\n        },\n        headerContainer: {\n            padding: 8,\n            marginBottom: 0,\n            '.ms-TextField, .ms-TextField-fieldGroup': {\n                width: '100%'\n            }\n        },\n        quickFindContainer: {\n            width: '100%'\n        },\n        recordList: {\n            display: 'flex',\n            flexDirection: 'column',\n        },\n        recordsNotFoundContainer: {\n            height: '100%',\n            display: 'flex',\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'center',\n            gap: 8\n        },\n        recordsNotFoundIcon: {\n            fontSize: 38\n        },\n        recordButton: {\n            width: '100%',\n            height: 36,\n            justifyContent: 'flex-start',\n            textAlign: 'left'\n        },\n        loadingContainer: {\n            display: 'flex',\n            height: '100%',\n            justifyContent: 'center',\n            alignItems: 'center'\n        },\n        controlContainer: {\n            flex: 1,\n            borderBottom: `1px solid ${theme.semanticColors.bodyDivider}`,\n            overflow: 'auto'\n        }\n    })\n}"],"names":[],"mappings":";;AAEa,MAAA,uBAAuB,GAAG,CAAC,KAAa,KAAI;AACrD,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,MAAM,EAAE,GAAG;AACX,YAAA,KAAK,EAAE,GAAG;AACV,YAAA,2BAA2B,EAAE;AACzB,gBAAA,4BAA4B,EAAE;AAC1B,oBAAA,MAAM,EAAE,EAAE;AACb,iBAAA;AACJ,aAAA;AACJ,SAAA;AACD,QAAA,eAAe,EAAE;AACb,YAAA,OAAO,EAAE,CAAC;AACV,YAAA,YAAY,EAAE,CAAC;AACf,YAAA,yCAAyC,EAAE;AACvC,gBAAA,KAAK,EAAE,MAAM;AAChB,aAAA;AACJ,SAAA;AACD,QAAA,kBAAkB,EAAE;AAChB,YAAA,KAAK,EAAE,MAAM;AAChB,SAAA;AACD,QAAA,UAAU,EAAE;AACR,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AAC1B,SAAA;AACD,QAAA,wBAAwB,EAAE;AACtB,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,GAAG,EAAE,CAAC;AACT,SAAA;AACD,QAAA,mBAAmB,EAAE;AACjB,YAAA,QAAQ,EAAE,EAAE;AACf,SAAA;AACD,QAAA,YAAY,EAAE;AACV,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,cAAc,EAAE,YAAY;AAC5B,YAAA,SAAS,EAAE,MAAM;AACpB,SAAA;AACD,QAAA,gBAAgB,EAAE;AACd,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,UAAU,EAAE,QAAQ;AACvB,SAAA;AACD,QAAA,gBAAgB,EAAE;AACd,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,YAAY,EAAE,CAAa,UAAA,EAAA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAE,CAAA;AAC7D,YAAA,QAAQ,EAAE,MAAM;AACnB,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

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

@@ -0,0 +1,8 @@
+import { IHeaderProps } from "../../../DatasetControl/interfaces";
+import * as React from "react";
+interface ITaskGridHeaderProps {
+    headerProps: IHeaderProps;
+    defaultRender: (props: IHeaderProps) => React.ReactElement;
+}
+export declare const Header: (props: ITaskGridHeaderProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export {};