@talxis/base-controls 1.2509.1-alpha.6 → 1.2509.2

package/dist/components/DatasetControl/Header/Header.js

@@ -1,89 +0,0 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { MessageBarType, MessageBar } from '@fluentui/react';
-import { useModel } from '../useModel.js';
-import { useMemo } from 'react';
-import { getHeaderStyles } from './styles.js';
-import { useRerender } from '@talxis/react-components';
-import { QuickFind } from '../QuickFind/QuickFind.js';
-import { Ribbon } from '../../Ribbon/Ribbon.js';
-import { useEventEmitter } from '../../../hooks/useEventEmitter.js';
-
-const Header = (props) => {
-    const model = useModel();
-    const dataset = model.getDataset();
-    const rerender = useRerender();
-    const styles = useMemo(() => getHeaderStyles(), []);
-    useEventEmitter(dataset, 'onLoading', rerender);
-    useEventEmitter(model, 'onRecordCommandsLoaded', rerender);
-    const isHeaderVisible = () => {
-        switch (true) {
-            case model.isQuickFindVisible():
-            case dataset.error:
-            case model.isRibbonVisible():
-                {
-                    return true;
-                }
-            default: {
-                return false;
-            }
-        }
-    };
-    return props.onRenderHeader({
-        headerContainerProps: {
-            className: styles.header
-        },
-        onRenderErrorMessageBar: (props, defaultRender) => defaultRender(props),
-        onRenderRibbonQuickFindWrapper: (props, defaultRender) => defaultRender(props),
-        onRenderUnsavedChangesMessageBar: (props, defaultRender) => defaultRender(props)
-    }, (props) => {
-        if (!isHeaderVisible()) {
-            return jsx(Fragment, {});
-        }
-        return jsxs("div", { ...props.headerContainerProps, children: [props.onRenderRibbonQuickFindWrapper({
-                    ribbonQuickFindContainerProps: {
-                        className: styles.ribbonQuickFindContainer
-                    },
-                    onRenderQuickFind: (props, defaultRender) => defaultRender(props),
-                    onRenderRibbon: (props, defaultRender) => defaultRender(props)
-                }, (props) => {
-                    return jsxs("div", { ...props.ribbonQuickFindContainerProps, children: [model.isRibbonVisible() &&
-                                props.onRenderRibbon({
-                                    onRenderCommandBar: (props, defaultRender) => defaultRender(props),
-                                    onRenderLoading: (props, defaultRender) => defaultRender(props),
-                                }, (props) => {
-                                    return jsx(Ribbon, { context: {
-                                            ...model.getPcfContext(),
-                                            mode: {
-                                                ...model.getPcfContext().mode,
-                                                isControlDisabled: dataset.loading
-                                            }
-                                        }, parameters: {
-                                            Commands: {
-                                                raw: model.retrieveRecordCommands(),
-                                            },
-                                            Loading: {
-                                                raw: !model.areCommandsLoaded()
-                                            }
-                                        }, onOverrideComponentProps: (ribbonProps) => {
-                                            return {
-                                                ...ribbonProps,
-                                                onRenderLoading: (shimmerProps, defaultRender) => props.onRenderLoading(shimmerProps, (props) => defaultRender(props)),
-                                                onRenderCommandBar: (commandBarProps, defaultRender) => props.onRenderCommandBar(commandBarProps, (props) => defaultRender(props)),
-                                            };
-                                        } });
-                                }), model.isQuickFindVisible() &&
-                                jsx(QuickFind, { onRenderQuickFind: props.onRenderQuickFind })] });
-                }), dataset.error &&
-                    props.onRenderErrorMessageBar({
-                        messageBarProps: {
-                            messageBarType: MessageBarType.error
-                        },
-                        onRenderMessageBar: (props, defaultRender) => defaultRender(props)
-                    }, (props) => {
-                        return jsx(MessageBar, { ...props.messageBarProps, children: dataset.errorMessage });
-                    })] });
-    });
-};
-
-export { Header };
-//# sourceMappingURL=Header.js.map

package/dist/components/DatasetControl/Header/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","sources":["../../../../src/components/DatasetControl/Header/Header.tsx"],"sourcesContent":["import { MessageBar, MessageBarType } from \"@fluentui/react\";\nimport { IComponentProps } from \"../interfaces\";\nimport { useModel } from \"../useModel\";\nimport { useMemo } from \"react\";\nimport { getHeaderStyles } from \"./styles\";\nimport { useRerender } from \"@talxis/react-components\";\nimport { QuickFind } from \"../QuickFind/QuickFind\";\nimport { Ribbon } from \"../../Ribbon/Ribbon\";\nimport { useEventEmitter } from \"../../../hooks/useEventEmitter\";\nimport { IDataProviderEventListeners } from \"@talxis/client-libraries\";\nimport { IDatasetControlModelEvents } from \"../DatasetControlModel\";\n\nexport const Header = (props: { onRenderHeader: IComponentProps['onRenderHeader'] }) => {\n    const model = useModel();\n    const dataset = model.getDataset();\n    const rerender = useRerender();\n    const styles = useMemo(() => getHeaderStyles(), []);\n    useEventEmitter<IDataProviderEventListeners>(dataset, 'onLoading', rerender);\n    useEventEmitter<IDatasetControlModelEvents>(model, 'onRecordCommandsLoaded', rerender);\n\n    const isHeaderVisible = () => {\n        switch (true) {\n            case model.isQuickFindVisible():\n            case dataset.error:\n            case model.isRibbonVisible():\n            {\n                return true;\n            }\n            default: {\n                return false;\n            }\n        }\n    }\n\n    return props.onRenderHeader({\n        headerContainerProps: {\n            className: styles.header\n        },\n        onRenderErrorMessageBar: (props, defaultRender) => defaultRender(props),\n        onRenderRibbonQuickFindWrapper: (props, defaultRender) => defaultRender(props),\n        onRenderUnsavedChangesMessageBar: (props, defaultRender) => defaultRender(props)\n    }, (props) => {\n        if (!isHeaderVisible()) {\n            return <></>\n        }\n        return <div {...props.headerContainerProps}>\n            {props.onRenderRibbonQuickFindWrapper({\n                ribbonQuickFindContainerProps: {\n                    className: styles.ribbonQuickFindContainer\n                },\n                onRenderQuickFind: (props, defaultRender) => defaultRender(props),\n                onRenderRibbon: (props, defaultRender) => defaultRender(props)\n            }, (props) => {\n                return <div {...props.ribbonQuickFindContainerProps}>\n                    {model.isRibbonVisible() &&\n                        props.onRenderRibbon({\n                            onRenderCommandBar: (props, defaultRender) => defaultRender(props),\n                            onRenderLoading: (props, defaultRender) => defaultRender(props),\n                        }, (props) => {\n                            return <Ribbon\n                                context={{\n                                    ...model.getPcfContext(),\n                                    mode: {\n                                        ...model.getPcfContext().mode,\n                                        isControlDisabled: dataset.loading\n                                    }\n                                }}\n                                parameters={{\n                                    Commands: {\n                                        raw: model.retrieveRecordCommands(),\n                                    },\n                                    Loading: {\n                                        raw: !model.areCommandsLoaded()\n                                    }\n                                }}\n                                onOverrideComponentProps={(ribbonProps) => {\n                                    return {\n                                        ...ribbonProps,\n                                        onRenderLoading: (shimmerProps, defaultRender) => props.onRenderLoading(shimmerProps, (props) => defaultRender(props)),\n                                        onRenderCommandBar: (commandBarProps, defaultRender) => props.onRenderCommandBar(commandBarProps, (props) => defaultRender(props)),\n                                    }\n                                }}\n                            />\n                        })\n                    }\n                    {model.isQuickFindVisible() &&\n                        <QuickFind\n                            onRenderQuickFind={props.onRenderQuickFind} />\n                    }\n                </div>\n            })}\n            {dataset.error &&\n                props.onRenderErrorMessageBar({\n                    messageBarProps: {\n                        messageBarType: MessageBarType.error\n                    },\n                    onRenderMessageBar: (props, defaultRender) => defaultRender(props)\n\n                }, (props) => {\n                    return <MessageBar {...props.messageBarProps}>\n                        {dataset.errorMessage}\n                    </MessageBar>\n                })\n            }\n            {/* {model.isUnsavedChangesMessageBarVisible() &&\n                props.onRenderUnsavedChangesMessageBar({\n                    messageBarProps: {\n                        messageBarType: dataset.isValid() ? MessageBarType.info : MessageBarType.error,\n                        isMultiline: false\n                    },\n                    onRenderSaveBtn: (props, defaultRender) => defaultRender(props),\n                    onRenderDiscardBtn: (props, defaultRender) => defaultRender(props)\n                }, (props) => {\n                    return <MessageBar actions={\n                        <>\n                            {props.onRenderDiscardBtn({\n                                text: 'Discard changes',\n                                iconProps: {\n                                    iconName: 'Cancel'\n                                },\n                                disabled: dataset.loading,\n                                styles: {\n                                    root: styles.unsavedChangesMessageBarBtn\n                                },\n                                onClick: () => dataset.refresh(),\n                            }, (props) => {\n                                return <ActionButton {...props} />\n                            })}\n                            {props.onRenderSaveBtn({\n                                text: 'Save',\n                                disabled: dataset.loading || !dataset.isValid(),\n                                iconProps: {\n                                    iconName: 'Save'\n                                },\n                                styles: {\n                                    root: styles.unsavedChangesMessageBarBtn\n                                },\n                                onClick: saveChanges,\n                            }, (props) => {\n                                return <ActionButton {...props} />\n                            })}\n                        </>\n                    } {...props.messageBarProps}>\n                        <div dangerouslySetInnerHTML={{\n                            __html: labels[\"unsaved-changes\"]({\n                                numOfChanges: dataset.getDataProvider().getDirtyRecordIds().length\n                            })\n                        }} />\n                    </MessageBar>\n                })\n            } */}\n        </div>\n    })\n}"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/DatasetControl/Header/styles.d.ts

@@ -1,22 +0,0 @@
-export declare const getHeaderStyles: () => import("@fluentui/react").IProcessedStyleSet<{
-    ribbonQuickFindContainer: {
-        display: string;
-        alignItems: string;
-        gap: number;
-    };
-    ribbon: {
-        flex: number;
-    };
-    header: {
-        paddingLeft: number;
-        paddingTop: number;
-        paddingRight: number;
-        marginBottom: number;
-        display: string;
-        flexDirection: string;
-        gap: number;
-    };
-    unsavedChangesMessageBarBtn: {
-        height: number;
-    };
-}>;

package/dist/components/DatasetControl/Header/styles.js

@@ -1,29 +0,0 @@
-import { mergeStyleSets } from '@fluentui/react';
-
-const getHeaderStyles = () => {
-    return mergeStyleSets({
-        ribbonQuickFindContainer: {
-            display: 'flex',
-            alignItems: 'center',
-            gap: 8
-        },
-        ribbon: {
-            flex: 1
-        },
-        header: {
-            paddingLeft: 15,
-            paddingTop: 15,
-            paddingRight: 15,
-            marginBottom: 15,
-            display: 'flex',
-            flexDirection: 'column',
-            gap: 8
-        },
-        unsavedChangesMessageBarBtn: {
-            height: 32
-        }
-    });
-};
-
-export { getHeaderStyles };
-//# sourceMappingURL=styles.js.map

package/dist/components/DatasetControl/Header/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/DatasetControl/Header/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\";\n\nexport const getHeaderStyles = () => {\n    return mergeStyleSets({\n        ribbonQuickFindContainer: {\n            display: 'flex',\n            alignItems: 'center',\n            gap: 8\n        },\n        ribbon: {\n            flex: 1\n        },\n        header: {\n            paddingLeft: 15,\n            paddingTop: 15,\n            paddingRight: 15,\n            marginBottom: 15,\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 8\n        },\n        unsavedChangesMessageBarBtn: {\n            height: 32\n        }\n    });\n}"],"names":[],"mappings":";;AAEO,MAAM,eAAe,GAAG,MAAK;AAChC,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,wBAAwB,EAAE;AACtB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,GAAG,EAAE,CAAC;AACT,SAAA;AACD,QAAA,MAAM,EAAE;AACJ,YAAA,IAAI,EAAE,CAAC;AACV,SAAA;AACD,QAAA,MAAM,EAAE;AACJ,YAAA,WAAW,EAAE,EAAE;AACf,YAAA,UAAU,EAAE,EAAE;AACd,YAAA,YAAY,EAAE,EAAE;AAChB,YAAA,YAAY,EAAE,EAAE;AAChB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,GAAG,EAAE,CAAC;AACT,SAAA;AACD,QAAA,2BAA2B,EAAE;AACzB,YAAA,MAAM,EAAE,EAAE;AACb,SAAA;AACJ,KAAA,CAAC,CAAC;AACP;;;;"}

package/dist/components/DatasetControl/Pagination/Pagination.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { IFooterProps } from "../interfaces";
-export declare const Pagination: (props: {
-    onRenderPagination: IFooterProps['onRenderPagination'];
-}) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/dist/components/DatasetControl/Pagination/Pagination.js

@@ -1,91 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useTheme, ContextualMenuItemType, CommandBarButton } from '@fluentui/react';
-import { useModel } from '../useModel.js';
-import { getPaginationStyles } from './styles.js';
-import { useMemo } from 'react';
-import { CommandBar } from '@talxis/react-components';
-import { PaginationModel } from './PaginationModel.js';
-
-const PAGE_SIZE_OPTIONS = ['25', '50', '75', '100', '250'];
-const Pagination = (props) => {
-    const model = useModel();
-    const paginationModel = useMemo(() => new PaginationModel(model), []);
-    const dataset = model.getDataset();
-    const labels = model.getLabels();
-    const paging = dataset.paging;
-    const theme = useTheme();
-    const styles = useMemo(() => getPaginationStyles(theme), [theme]);
-    const onSetPageSize = (pageSize) => {
-        paging.setPageSize(pageSize);
-        dataset.refresh();
-    };
-    return props.onRenderPagination({
-        pageSizeSwitcherProps: {
-            disabled: !model.isPageSizeSwitcherVisible() || dataset.loading,
-            text: paginationModel.toString(),
-            styles: {
-                root: styles.pageSizeSwitcherRoot,
-            },
-            menuProps: {
-                items: [
-                    {
-                        key: 'header',
-                        itemType: ContextualMenuItemType.Header,
-                        text: labels['page-record-count'](),
-                    },
-                    {
-                        key: 'divider',
-                        itemType: ContextualMenuItemType.Divider,
-                    },
-                    ...PAGE_SIZE_OPTIONS.map((size) => ({
-                        key: size,
-                        text: size,
-                        className: styles.selectedPageSizeButton,
-                        checked: parseInt(size) === paging.pageSize,
-                        onClick: () => dataset.getDataProvider().executeWithUnsavedChangesBlocker(() => onSetPageSize(parseInt(size)))
-                    }))
-                ]
-            }
-        },
-        paginationContainerProps: {
-            className: styles.paginationRoot
-        },
-        commandBarProps: {
-            className: styles.commandBarRoot,
-            items: [],
-            farItems: [{
-                    key: 'FirstPage',
-                    iconOnly: true,
-                    iconProps: { iconName: 'DoubleChevronLeft' },
-                    disabled: !paging.hasPreviousPage || dataset.loading,
-                    onClick: () => dataset.getDataProvider().executeWithUnsavedChangesBlocker(() => paging.reset())
-                }, {
-                    key: 'PreviousPage',
-                    iconOnly: true,
-                    iconProps: { iconName: 'Back' },
-                    disabled: !paging.hasPreviousPage || dataset.loading,
-                    onClick: () => dataset.getDataProvider().executeWithUnsavedChangesBlocker(() => paging.loadExactPage(paging.pageNumber - 1))
-                }, {
-                    key: 'CurrentPage',
-                    text: `${labels['paging-page']()} ${paging.pageNumber.toString()}`,
-                    className: styles.currentPageBtn,
-                    disabled: true,
-                }, {
-                    key: 'NextPage',
-                    iconOnly: true,
-                    iconProps: { iconName: 'Forward' },
-                    disabled: !paging.hasNextPage || dataset.loading,
-                    onClick: () => dataset.getDataProvider().executeWithUnsavedChangesBlocker(() => paging.loadExactPage(paging.pageNumber + 1))
-                }]
-        },
-        onRenderCommandBar: (props, defaultRender) => defaultRender(props),
-        onRenderPageSizeSwitcher: (props, defaultRender) => defaultRender(props),
-    }, (props) => {
-        return jsxs("div", { ...props.paginationContainerProps, children: [(model.isPageSizeSwitcherVisible() || model.isRecordCountVisible()) &&
-                    jsx(CommandBarButton, { ...props.pageSizeSwitcherProps }), model.isPaginationVisible() &&
-                    jsx(CommandBar, { ...props.commandBarProps })] });
-    });
-};
-
-export { Pagination };
-//# sourceMappingURL=Pagination.js.map

package/dist/components/DatasetControl/Pagination/Pagination.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../src/components/DatasetControl/Pagination/Pagination.tsx"],"sourcesContent":["import { CommandBarButton, ContextualMenuItemType, IContextualMenuItem, useTheme } from \"@fluentui/react\";\nimport { IFooterProps } from \"../interfaces\";\nimport { useModel } from \"../useModel\";\nimport { getPaginationStyles } from \"./styles\";\nimport { useMemo } from \"react\";\nimport { CommandBar } from \"@talxis/react-components\";\nimport { PaginationModel } from \"./PaginationModel\";\n\nconst PAGE_SIZE_OPTIONS = ['25', '50', '75', '100', '250'];\n\nexport const Pagination = (props: { onRenderPagination: IFooterProps['onRenderPagination'] }) => {\n  const model = useModel();\n  const paginationModel = useMemo(() => new PaginationModel(model), []);\n  const dataset = model.getDataset();\n  const labels = model.getLabels();\n  const paging = dataset.paging;\n  const theme = useTheme();\n  const styles = useMemo(() => getPaginationStyles(theme), [theme]);\n\n  const onSetPageSize = (pageSize: number) => {\n    paging.setPageSize(pageSize);\n    dataset.refresh();\n  }\n\n\n  return props.onRenderPagination({\n    pageSizeSwitcherProps: {\n      disabled: !model.isPageSizeSwitcherVisible() || dataset.loading,\n      text: paginationModel.toString(),\n      styles: {\n        root: styles.pageSizeSwitcherRoot,\n      },\n      menuProps: {\n        items: [\n          {\n            key: 'header',\n            itemType: ContextualMenuItemType.Header,\n            text: labels['page-record-count'](),\n          },\n          {\n            key: 'divider',\n            itemType: ContextualMenuItemType.Divider,\n          },\n          ...PAGE_SIZE_OPTIONS.map((size) => ({\n            key: size,\n            text: size,\n            className: styles.selectedPageSizeButton,\n            checked: parseInt(size) === paging.pageSize,\n            onClick: () => dataset.getDataProvider().executeWithUnsavedChangesBlocker(() => onSetPageSize(parseInt(size)))\n          } as IContextualMenuItem))\n\n        ]\n      }\n    },\n    paginationContainerProps: {\n      className: styles.paginationRoot\n    },\n    commandBarProps: {\n      className: styles.commandBarRoot,\n      items: [],\n      farItems: [{\n        key: 'FirstPage',\n        iconOnly: true,\n        iconProps: { iconName: 'DoubleChevronLeft' },\n        disabled: !paging.hasPreviousPage || dataset.loading,\n        onClick: () => dataset.getDataProvider().executeWithUnsavedChangesBlocker(() => paging.reset())\n      }, {\n        key: 'PreviousPage',\n        iconOnly: true,\n        iconProps: { iconName: 'Back' },\n        disabled: !paging.hasPreviousPage || dataset.loading,\n        onClick: () => dataset.getDataProvider().executeWithUnsavedChangesBlocker(() => paging.loadExactPage(paging.pageNumber - 1))\n      }, {\n        key: 'CurrentPage',\n        text: `${labels['paging-page']()} ${paging.pageNumber.toString()}`,\n        className: styles.currentPageBtn,\n        disabled: true,\n      }, {\n        key: 'NextPage',\n        iconOnly: true,\n        iconProps: { iconName: 'Forward' },\n        disabled: !paging.hasNextPage || dataset.loading,\n        onClick: () => dataset.getDataProvider().executeWithUnsavedChangesBlocker(() => paging.loadExactPage(paging.pageNumber + 1))\n      }]\n    },\n    onRenderCommandBar: (props, defaultRender) => defaultRender(props),\n    onRenderPageSizeSwitcher: (props, defaultRender) => defaultRender(props),\n  }, (props) => {\n    return <div {...props.paginationContainerProps}>\n      {(model.isPageSizeSwitcherVisible() || model.isRecordCountVisible()) &&\n        <CommandBarButton {...props.pageSizeSwitcherProps} />\n      }\n      {model.isPaginationVisible() &&\n        <CommandBar {...props.commandBarProps} />\n      }\n    </div>\n  })\n}"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/DatasetControl/Pagination/PaginationModel.d.ts

@@ -1,10 +0,0 @@
-import { DatasetControlModel } from "../DatasetControlModel";
-export declare class PaginationModel {
-    private _model;
-    constructor(model: DatasetControlModel);
-    toString(): string;
-    private _getPageFirstRecordOrder;
-    private _getFormattedTotalResultCount;
-    private _getPageLastRecordOrder;
-    private get _paging();
-}

package/dist/components/DatasetControl/Pagination/PaginationModel.js

@@ -1,45 +0,0 @@
-class PaginationModel {
-    constructor(model) {
-        this._model = model;
-    }
-    toString() {
-        if (this._paging.totalResultCount === undefined) {
-            return this._model.getLabels()['paging-pages']({ start: this._getPageFirstRecordOrder(), end: this._getPageLastRecordOrder() });
-        }
-        return `${this._model.getLabels()['paging-pages']({ start: this._getPageFirstRecordOrder(), end: this._getPageLastRecordOrder() })} ${this._model.getLabels()['paging-pages-totalcount']({ recordcount: this._getFormattedTotalResultCount() })}`;
-    }
-    _getPageFirstRecordOrder() {
-        if (this._model.getDataset().sortedRecordIds.length === 0) {
-            return 0;
-        }
-        return (this._paging.pageNumber - 1) * this._paging.pageSize + 1;
-    }
-    _getFormattedTotalResultCount() {
-        if (this._paging.totalResultCount === undefined) {
-            return '';
-        }
-        if (this._paging.totalResultCount === -1) {
-            return '5000+';
-        }
-        return this._paging.totalResultCount.toString();
-    }
-    _getPageLastRecordOrder() {
-        const count = this._paging.pageNumber * this._paging.pageSize;
-        if (this._paging.totalResultCount === undefined) {
-            if (this._paging.hasNextPage) {
-                return `${count}+`;
-            }
-            return `${count - this._paging.pageSize + this._model.getDataset().sortedRecordIds.length}`;
-        }
-        if (count > this._paging.totalResultCount && this._paging.totalResultCount !== -1) {
-            return this._paging.totalResultCount.toString();
-        }
-        return count.toString();
-    }
-    get _paging() {
-        return this._model.getDataset().paging;
-    }
-}
-
-export { PaginationModel };
-//# sourceMappingURL=PaginationModel.js.map

package/dist/components/DatasetControl/Pagination/PaginationModel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaginationModel.js","sources":["../../../../src/components/DatasetControl/Pagination/PaginationModel.ts"],"sourcesContent":["import { DatasetControlModel } from \"../DatasetControlModel\";\n\nexport class PaginationModel {\n    private _model: DatasetControlModel;\n    constructor(model: DatasetControlModel) {\n        this._model = model;\n    }\n\n    public toString(): string {\n        if (this._paging.totalResultCount === undefined) {\n            return this._model.getLabels()['paging-pages']({ start: this._getPageFirstRecordOrder(), end: this._getPageLastRecordOrder() })\n        }\n        return `${this._model.getLabels()['paging-pages']({ start: this._getPageFirstRecordOrder(), end: this._getPageLastRecordOrder()})} ${this._model.getLabels()['paging-pages-totalcount']({ recordcount: this._getFormattedTotalResultCount() })}`\n    }\n\n    private _getPageFirstRecordOrder() {\n        if(this._model.getDataset().sortedRecordIds.length === 0) {\n            return 0;\n        }\n        return (this._paging.pageNumber - 1) * this._paging.pageSize + 1;\n    }\n\n    private _getFormattedTotalResultCount(): string {\n        if (this._paging.totalResultCount === undefined) {\n            return '';\n        }\n        if (this._paging.totalResultCount === -1) {\n            return '5000+';\n        }\n        return this._paging.totalResultCount.toString();\n    }\n    private _getPageLastRecordOrder(): string {\n        const count = this._paging.pageNumber * this._paging.pageSize;\n        if (this._paging.totalResultCount === undefined) {\n            if (this._paging.hasNextPage) {\n                return `${count}+`;\n            }\n            return `${count - this._paging.pageSize + this._model.getDataset().sortedRecordIds.length}`\n\n        }\n        if (count > this._paging.totalResultCount && this._paging.totalResultCount !== -1) {\n            return this._paging.totalResultCount.toString();\n        }\n        return count.toString();\n    }\n\n    private get _paging() {\n        return this._model.getDataset().paging;\n    }\n\n}"],"names":[],"mappings":"MAEa,eAAe,CAAA;AAExB,IAAA,WAAA,CAAY,KAA0B,EAAA;AAClC,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;KACvB;IAEM,QAAQ,GAAA;AACX,QAAA,IAAI,IAAI,CAAC,OAAO,CAAC,gBAAgB,KAAK,SAAS,EAAE;YAC7C,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,wBAAwB,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,uBAAuB,EAAE,EAAE,CAAC,CAAA;AAClI,SAAA;QACD,OAAO,CAAA,EAAG,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,wBAAwB,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,uBAAuB,EAAE,EAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,yBAAyB,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,6BAA6B,EAAE,EAAE,CAAC,CAAA,CAAE,CAAA;KACnP;IAEO,wBAAwB,GAAA;AAC5B,QAAA,IAAG,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE;AACtD,YAAA,OAAO,CAAC,CAAC;AACZ,SAAA;AACD,QAAA,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;KACpE;IAEO,6BAA6B,GAAA;AACjC,QAAA,IAAI,IAAI,CAAC,OAAO,CAAC,gBAAgB,KAAK,SAAS,EAAE;AAC7C,YAAA,OAAO,EAAE,CAAC;AACb,SAAA;QACD,IAAI,IAAI,CAAC,OAAO,CAAC,gBAAgB,KAAK,CAAC,CAAC,EAAE;AACtC,YAAA,OAAO,OAAO,CAAC;AAClB,SAAA;QACD,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC;KACnD;IACO,uBAAuB,GAAA;AAC3B,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;AAC9D,QAAA,IAAI,IAAI,CAAC,OAAO,CAAC,gBAAgB,KAAK,SAAS,EAAE;AAC7C,YAAA,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE;gBAC1B,OAAO,CAAA,EAAG,KAAK,CAAA,CAAA,CAAG,CAAC;AACtB,aAAA;YACD,OAAO,CAAA,EAAG,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,CAAA;AAE9F,SAAA;AACD,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,IAAI,IAAI,CAAC,OAAO,CAAC,gBAAgB,KAAK,CAAC,CAAC,EAAE;YAC/E,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC;AACnD,SAAA;AACD,QAAA,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;KAC3B;AAED,IAAA,IAAY,OAAO,GAAA;QACf,OAAO,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC;KAC1C;AAEJ;;;;"}

package/dist/components/DatasetControl/Pagination/styles.d.ts

@@ -1,23 +0,0 @@
-import { ITheme } from "@fluentui/react";
-export declare const getPaginationStyles: (theme: ITheme) => import("@fluentui/react").IProcessedStyleSet<{
-    paginationRoot: {
-        display: string;
-    };
-    commandBarRoot: {
-        flexGrow: number;
-    };
-    currentPageBtn: {
-        '.ms-Button-label': {
-            color: string;
-        };
-    };
-    pageSizeSwitcherRoot: {
-        height: number;
-    };
-    selectedPageSizeButton: {
-        '.is-checked': {
-            backgroundColor: string;
-            fontWeight: number;
-        };
-    };
-}>;

package/dist/components/DatasetControl/Pagination/styles.js

@@ -1,29 +0,0 @@
-import { mergeStyleSets } from '@fluentui/react';
-
-const getPaginationStyles = (theme) => {
-    return mergeStyleSets({
-        paginationRoot: {
-            display: 'flex'
-        },
-        commandBarRoot: {
-            flexGrow: 1
-        },
-        currentPageBtn: {
-            '.ms-Button-label': {
-                color: theme.semanticColors.bodyText
-            }
-        },
-        pageSizeSwitcherRoot: {
-            height: 44
-        },
-        selectedPageSizeButton: {
-            '.is-checked': {
-                backgroundColor: theme.semanticColors.buttonBackgroundHovered,
-                fontWeight: 600
-            }
-        }
-    });
-};
-
-export { getPaginationStyles };
-//# sourceMappingURL=styles.js.map

package/dist/components/DatasetControl/Pagination/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/DatasetControl/Pagination/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\"\n\nexport const getPaginationStyles = (theme: ITheme) => {\n    return mergeStyleSets({\n        paginationRoot: {\n            display: 'flex'\n        },\n        commandBarRoot: {\n            flexGrow: 1\n        },\n        currentPageBtn: {\n            '.ms-Button-label': {\n                color: theme.semanticColors.bodyText\n            }\n        },\n        pageSizeSwitcherRoot: {\n            height: 44\n        },\n        selectedPageSizeButton: {\n            '.is-checked': {\n                backgroundColor: theme.semanticColors.buttonBackgroundHovered,\n                fontWeight: 600\n            }\n        }\n    })\n}"],"names":[],"mappings":";;AAEa,MAAA,mBAAmB,GAAG,CAAC,KAAa,KAAI;AACjD,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,cAAc,EAAE;AACZ,YAAA,OAAO,EAAE,MAAM;AAClB,SAAA;AACD,QAAA,cAAc,EAAE;AACZ,YAAA,QAAQ,EAAE,CAAC;AACd,SAAA;AACD,QAAA,cAAc,EAAE;AACZ,YAAA,kBAAkB,EAAE;AAChB,gBAAA,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;AACvC,aAAA;AACJ,SAAA;AACD,QAAA,oBAAoB,EAAE;AAClB,YAAA,MAAM,EAAE,EAAE;AACb,SAAA;AACD,QAAA,sBAAsB,EAAE;AACpB,YAAA,aAAa,EAAE;AACX,gBAAA,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,uBAAuB;AAC7D,gBAAA,UAAU,EAAE,GAAG;AAClB,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

package/dist/components/DatasetControl/useModel.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { DatasetControlModel } from "./DatasetControlModel";
-export declare const ModelContext: React.Context<DatasetControlModel>;
-export declare const useModel: () => DatasetControlModel;

package/dist/components/DatasetControl/useModel.js

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

package/dist/components/DatasetControl/useModel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModel.js","sources":["../../../src/components/DatasetControl/useModel.ts"],"sourcesContent":["import React from \"react\";\nimport { DatasetControlModel } from \"./DatasetControlModel\";\n\nexport const ModelContext = React.createContext<DatasetControlModel>({} as any);\n\nexport const useModel = () => {\n    return React.useContext(ModelContext);\n}"],"names":[],"mappings":";;AAGa,MAAA,YAAY,GAAG,KAAK,CAAC,aAAa,CAAsB,EAAS,EAAE;AAEzE,MAAM,QAAQ,GAAG,MAAK;AACzB,IAAA,OAAO,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;AAC1C;;;;"}