@talxis/base-controls 1.2509.6 → 1.2512.1

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

@@ -0,0 +1,23 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getDatasetColumnFilteringStyles = () => {
+    return mergeStyleSets({
+        datasetColumnFilteringRoot: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 10
+        },
+        valueControlsContainer: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 5
+        },
+        buttons: {
+            display: 'flex',
+            gap: 5
+        }
+    });
+};
+
+export { getDatasetColumnFilteringStyles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/DatasetControl/Filtering/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getDatasetColumnFilteringStyles = () => {\n    return mergeStyleSets({\n        datasetColumnFilteringRoot: {\n            display: 'flex',\n            flexDirection: 'column', \n            gap: 10\n        },\n        valueControlsContainer: {\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 5\n        },\n        buttons: {\n            display: 'flex',\n            gap: 5\n        }\n    })\n}"],"names":[],"mappings":";;AAEO,MAAM,+BAA+B,GAAG,MAAK;AAChD,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,0BAA0B,EAAE;AACxB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,GAAG,EAAE,EAAE;AACV,SAAA;AACD,QAAA,sBAAsB,EAAE;AACpB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,GAAG,EAAE,CAAC;AACT,SAAA;AACD,QAAA,OAAO,EAAE;AACL,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,GAAG,EAAE,CAAC;AACT,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

package/dist/components/DatasetControl/Filtering/translations.d.ts

@@ -0,0 +1,154 @@
+export declare const datasetColumnFilteringTranslations: {
+    "operator-6": {
+        1029: string;
+        1033: string;
+    };
+    "operator-7": {
+        1029: string;
+        1033: string;
+    };
+    "operator-0": {
+        1029: string;
+        1033: string;
+    };
+    "operator-1": {
+        1029: string;
+        1033: string;
+    };
+    "operator-13": {
+        1029: string;
+        1033: string;
+    };
+    "operator-12": {
+        1029: string;
+        1033: string;
+    };
+    "operator-14": {
+        1029: string;
+        1033: string;
+    };
+    "operator-15": {
+        1029: string;
+        1033: string;
+    };
+    "operator-16": {
+        1029: string;
+        1033: string;
+    };
+    "operator-17": {
+        1029: string;
+        1033: string;
+    };
+    "operator-18": {
+        1029: string;
+        1033: string;
+    };
+    "operator-19": {
+        1029: string;
+        1033: string;
+    };
+    "operator-20": {
+        1029: string;
+        1033: string;
+    };
+    "operator-22": {
+        1029: string;
+        1033: string;
+    };
+    "operator-23": {
+        1029: string;
+        1033: string;
+    };
+    "operator-25": {
+        1029: string;
+        1033: string;
+    };
+    "operator-26": {
+        1029: string;
+        1033: string;
+    };
+    "operator-27": {
+        1029: string;
+        1033: string;
+    };
+    "operator-28": {
+        1029: string;
+        1033: string;
+    };
+    "operator-29": {
+        1029: string;
+        1033: string;
+    };
+    "operator-33": {
+        1029: string;
+        1033: string;
+    };
+    "operator-34": {
+        1029: string;
+        1033: string;
+    };
+    "operator-37": {
+        1029: string;
+        1033: string;
+    };
+    "operator-38": {
+        1029: string;
+        1033: string;
+    };
+    "operator-2": {
+        1029: string;
+        1033: string;
+    };
+    "operator-4": {
+        1029: string;
+        1033: string;
+    };
+    "operator-5": {
+        1029: string;
+        1033: string;
+    };
+    "operator-3": {
+        1029: string;
+        1033: string;
+    };
+    "operator-87": {
+        1029: string;
+        1033: string;
+    };
+    "operator-88": {
+        1029: string;
+        1033: string;
+    };
+    "operator-54": {
+        1029: string;
+        1033: string;
+    };
+    "operator-55": {
+        1029: string;
+        1033: string;
+    };
+    "operator-56": {
+        1029: string;
+        1033: string;
+    };
+    "operator-57": {
+        1029: string;
+        1033: string;
+    };
+    "operator-8": {
+        1029: string;
+        1033: string;
+    };
+    "operator-9": {
+        1029: string;
+        1033: string;
+    };
+    "operator-10": {
+        1029: string;
+        1033: string;
+    };
+    "operator-11": {
+        1029: string;
+        1033: string;
+    };
+};

package/dist/components/DatasetControl/Filtering/translations.js

@@ -0,0 +1,43 @@
+const datasetColumnFilteringTranslations = {
+    "operator-6": { 1029: "Obsahuje", 1033: "Contains" },
+    "operator-7": { 1029: "Neobsahuje", 1033: "Does not contain" },
+    "operator-0": { 1029: "Je rovno", 1033: "Equals" },
+    "operator-1": { 1029: "Není rovno", 1033: "Does not equal" },
+    "operator-13": { 1029: "Obsahuje data", 1033: "Contains data" },
+    "operator-12": { 1029: "Neobsahuje data", 1033: "Does not contain data" },
+    "operator-14": { 1029: "Včera", 1033: "Yesterday" },
+    "operator-15": { 1029: "Dneska", 1033: "Today" },
+    "operator-16": { 1029: "Zítra", 1033: "Tomorrow" },
+    "operator-17": { 1029: "Posledních 7 dnů", 1033: "Last 7 days" },
+    "operator-18": { 1029: "Příštích 7 dnů", 1033: "Next 7 days" },
+    "operator-19": { 1029: "Minulý týden", 1033: "Last week" },
+    "operator-20": { 1029: "Tento týden", 1033: "This week" },
+    "operator-22": { 1029: "Minulý měsíc", 1033: "Last month" },
+    "operator-23": { 1029: "Tento měsíc", 1033: "This month" },
+    "operator-25": { 1029: "V den", 1033: "On" },
+    "operator-26": { 1029: "Před dnem (včetně)", 1033: "On or before" },
+    "operator-27": { 1029: "Po dni (včetně)", 1033: "On or after" },
+    "operator-28": { 1029: "Poslední rok", 1033: "Last year" },
+    "operator-29": { 1029: "Tento rok", 1033: "This year" },
+    "operator-33": { 1029: "Posledních X dnů", 1033: "Last X days" },
+    "operator-34": { 1029: "Příštích X dnů", 1033: "Next X days" },
+    "operator-37": { 1029: "Posledních X měsíců", 1033: "Last X months" },
+    "operator-38": { 1029: "Příštích X měsíců", 1033: "Next X months" },
+    "operator-2": { 1029: "Větší než", 1033: "Greater than" },
+    "operator-4": { 1029: "Větší než nebo rovno", 1033: "Greater than or equal to" },
+    "operator-5": { 1029: "Menší než nebo rovno", 1033: "Less than or equal to" },
+    "operator-3": { 1029: "Menší než", 1033: "Less than" },
+    "operator-87": { 1029: "Obsahuje hodnoty", 1033: "Contain values" },
+    "operator-88": { 1029: "Neobsahuje hodnoty", 1033: "Does not contain values" },
+    "operator-54": { 1029: "Začíná na", 1033: "Begins with" },
+    "operator-55": { 1029: "Nezačíná na", 1033: "Does not begin with" },
+    "operator-56": { 1029: "Končí na", 1033: "Ends with" },
+    "operator-57": { 1029: "Nekončí na", 1033: "Does not end with" },
+    "operator-8": { 1029: "Mezi", 1033: "In" },
+    "operator-9": { 1029: "Není mezi", 1033: "Not in" },
+    "operator-10": { 1029: "Mezi", 1033: "Between" },
+    "operator-11": { 1029: "Není mezi", 1033: "Not between" } // not-between
+};
+
+export { datasetColumnFilteringTranslations };
+//# sourceMappingURL=translations.js.map

package/dist/components/DatasetControl/Filtering/translations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.js","sources":["../../../../src/components/DatasetControl/Filtering/translations.ts"],"sourcesContent":["export const datasetColumnFilteringTranslations = {\n    \"operator-6\": { 1029: \"Obsahuje\", 1033: \"Contains\" }, // like\n    \"operator-7\": { 1029: \"Neobsahuje\", 1033: \"Does not contain\" }, // not-like\n    \"operator-0\": { 1029: \"Je rovno\", 1033: \"Equals\" }, // eq\n    \"operator-1\": { 1029: \"Není rovno\", 1033: \"Does not equal\" }, // ne\n    \"operator-13\": { 1029: \"Obsahuje data\", 1033: \"Contains data\" }, // not-null\n    \"operator-12\": { 1029: \"Neobsahuje data\", 1033: \"Does not contain data\" }, // null\n    \"operator-14\": { 1029: \"Včera\", 1033: \"Yesterday\" }, // yesterday\n    \"operator-15\": { 1029: \"Dneska\", 1033: \"Today\" }, // today\n    \"operator-16\": { 1029: \"Zítra\", 1033: \"Tomorrow\" }, // tomorrow\n    \"operator-17\": { 1029: \"Posledních 7 dnů\", 1033: \"Last 7 days\" }, // last-seven-days\n    \"operator-18\": { 1029: \"Příštích 7 dnů\", 1033: \"Next 7 days\" }, // next-seven-days\n    \"operator-19\": { 1029: \"Minulý týden\", 1033: \"Last week\" }, // last-week\n    \"operator-20\": { 1029: \"Tento týden\", 1033: \"This week\" }, // this-week\n    \"operator-22\": { 1029: \"Minulý měsíc\", 1033: \"Last month\" }, // last-month\n    \"operator-23\": { 1029: \"Tento měsíc\", 1033: \"This month\" }, // this-month\n    \"operator-25\": { 1029: \"V den\", 1033: \"On\" }, // on\n    \"operator-26\": { 1029: \"Před dnem (včetně)\", 1033: \"On or before\" }, // on-or-before\n    \"operator-27\": { 1029: \"Po dni (včetně)\", 1033: \"On or after\" }, // on-or-after\n    \"operator-28\": { 1029: \"Poslední rok\", 1033: \"Last year\" }, // last-year\n    \"operator-29\": { 1029: \"Tento rok\", 1033: \"This year\" }, // this-year\n    \"operator-33\": { 1029: \"Posledních X dnů\", 1033: \"Last X days\" }, // last-x-days\n    \"operator-34\": { 1029: \"Příštích X dnů\", 1033: \"Next X days\" }, // next-x-days\n    \"operator-37\": { 1029: \"Posledních X měsíců\", 1033: \"Last X months\" }, // last-x-months\n    \"operator-38\": { 1029: \"Příštích X měsíců\", 1033: \"Next X months\" }, // next-x-months\n    \"operator-2\": { 1029: \"Větší než\", 1033: \"Greater than\" }, // gt\n    \"operator-4\": { 1029: \"Větší než nebo rovno\", 1033: \"Greater than or equal to\" }, // ge\n    \"operator-5\": { 1029: \"Menší než nebo rovno\", 1033: \"Less than or equal to\" }, // le\n    \"operator-3\": { 1029: \"Menší než\", 1033: \"Less than\" }, // lt\n    \"operator-87\": { 1029: \"Obsahuje hodnoty\", 1033: \"Contain values\" }, // contain-values\n    \"operator-88\": { 1029: \"Neobsahuje hodnoty\", 1033: \"Does not contain values\" }, // not-contain-values\n    \"operator-54\": { 1029: \"Začíná na\", 1033: \"Begins with\" }, // begins-with\n    \"operator-55\": { 1029: \"Nezačíná na\", 1033: \"Does not begin with\" }, // not-begin-with\n    \"operator-56\": { 1029: \"Končí na\", 1033: \"Ends with\" }, // ends-with\n    \"operator-57\": { 1029: \"Nekončí na\", 1033: \"Does not end with\" }, // not-end-with\n    \"operator-8\": { 1029: \"Mezi\", 1033: \"In\" }, // in\n    \"operator-9\": { 1029: \"Není mezi\", 1033: \"Not in\" }, // not-in\n    \"operator-10\": { 1029: \"Mezi\", 1033: \"Between\" }, // between\n    \"operator-11\": { 1029: \"Není mezi\", 1033: \"Not between\" } // not-between\n};"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1,79 @@
+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 datasetControl = model.getDatasetControl();
+    const dataset = datasetControl.getDataset();
+    const rerender = useRerender();
+    const styles = useMemo(() => getHeaderStyles(), []);
+    useEventEmitter(dataset, 'onLoading', rerender);
+    useEventEmitter(datasetControl, 'onRecordCommandsLoaded', rerender);
+    const isHeaderVisible = () => {
+        switch (true) {
+            case datasetControl.isQuickFindVisible():
+            case dataset.error:
+            case datasetControl.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: [datasetControl.isRibbonVisible() &&
+                                jsx(Ribbon, { context: {
+                                        ...datasetControl.getPcfContext(),
+                                        mode: {
+                                            ...datasetControl.getPcfContext().mode,
+                                            isControlDisabled: dataset.loading
+                                        }
+                                    }, parameters: {
+                                        Commands: {
+                                            raw: datasetControl.retrieveRecordCommands(),
+                                        },
+                                        Loading: {
+                                            raw: !datasetControl.areCommandsLoaded()
+                                        }
+                                    } }), datasetControl.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

@@ -0,0 +1 @@
+{"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 { IDatasetControlEvents } from \"../../../utils/dataset-control\";\n\nexport const Header = (props: { onRenderHeader: IComponentProps['onRenderHeader'] }) => {\n    const model = useModel();\n    const datasetControl = model.getDatasetControl();\n    const dataset = datasetControl.getDataset();\n    const rerender = useRerender();\n    const styles = useMemo(() => getHeaderStyles(), []);\n    useEventEmitter<IDataProviderEventListeners>(dataset, 'onLoading', rerender);\n    useEventEmitter<IDatasetControlEvents>(datasetControl, 'onRecordCommandsLoaded', rerender);\n\n    const isHeaderVisible = () => {\n        switch (true) {\n            case datasetControl.isQuickFindVisible():\n            case dataset.error:\n            case datasetControl.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                    {datasetControl.isRibbonVisible() &&\n                        <Ribbon\n                            context={{\n                                ...datasetControl.getPcfContext(),\n                                mode: {\n                                    ...datasetControl.getPcfContext().mode,\n                                    isControlDisabled: dataset.loading\n                                }\n                            }}\n                            parameters={{\n                                Commands: {\n                                    raw: datasetControl.retrieveRecordCommands(),\n                                },\n                                Loading: {\n                                    raw: !datasetControl.areCommandsLoaded()\n                                }\n                            }}\n                        />\n                    }\n                    {datasetControl.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        </div>\n    })\n}"],"names":["_jsx","_jsxs"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+export declare const getHeaderStyles: () => import("@fluentui/react").IProcessedStyleSet<{
+    ribbonQuickFindContainer: {
+        display: string;
+        alignItems: string;
+        gap: 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

@@ -0,0 +1,26 @@
+import { mergeStyleSets } from '@fluentui/react';
+
+const getHeaderStyles = () => {
+    return mergeStyleSets({
+        ribbonQuickFindContainer: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 8
+        },
+        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

@@ -0,0 +1 @@
+{"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        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,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

@@ -0,0 +1,5 @@
+/// <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

@@ -0,0 +1,93 @@
+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 datasetControl = model.getDatasetControl();
+    const paginationModel = useMemo(() => new PaginationModel(model), []);
+    const dataset = model.getDatasetControl().getDataset();
+    const dataProvider = dataset.getDataProvider();
+    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: !datasetControl.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: () => dataProvider.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: () => dataProvider.executeWithUnsavedChangesBlocker(() => paging.reset())
+                }, {
+                    key: 'PreviousPage',
+                    iconOnly: true,
+                    iconProps: { iconName: 'Back' },
+                    disabled: !paging.hasPreviousPage || dataset.loading,
+                    onClick: () => dataProvider.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: () => dataProvider.executeWithUnsavedChangesBlocker(() => paging.loadExactPage(paging.pageNumber + 1))
+                }]
+        },
+        onRenderCommandBar: (props, defaultRender) => defaultRender(props),
+        onRenderPageSizeSwitcher: (props, defaultRender) => defaultRender(props),
+    }, (props) => {
+        return jsxs("div", { ...props.paginationContainerProps, children: [(datasetControl.isPageSizeSwitcherVisible() || datasetControl.isRecordCountVisible()) &&
+                    jsx(CommandBarButton, { ...props.pageSizeSwitcherProps }), datasetControl.isPaginationVisible() &&
+                    jsx(CommandBar, { ...props.commandBarProps })] });
+    });
+};
+
+export { Pagination };
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +1 @@
+{"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\";\nimport { IInternalDataProvider } from \"@talxis/client-libraries\";\n\nconst PAGE_SIZE_OPTIONS = ['25', '50', '75', '100', '250'];\n\nexport const Pagination = (props: { onRenderPagination: IFooterProps['onRenderPagination'] }) => {\n  const model = useModel();\n  const datasetControl = model.getDatasetControl();\n  const paginationModel = useMemo(() => new PaginationModel(model), []);\n  const dataset = model.getDatasetControl().getDataset();\n  const dataProvider = dataset.getDataProvider() as IInternalDataProvider;\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: !datasetControl.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: () => dataProvider.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: () => dataProvider.executeWithUnsavedChangesBlocker(() => paging.reset())\n      }, {\n        key: 'PreviousPage',\n        iconOnly: true,\n        iconProps: { iconName: 'Back' },\n        disabled: !paging.hasPreviousPage || dataset.loading,\n        onClick: () => dataProvider.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: () => dataProvider.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      {(datasetControl.isPageSizeSwitcherVisible() || datasetControl.isRecordCountVisible()) &&\n        <CommandBarButton {...props.pageSizeSwitcherProps} />\n      }\n      {datasetControl.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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,45 @@
+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.getDatasetControl().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.getDatasetControl().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.getDatasetControl().getDataset().paging;
+    }
+}
+
+export { PaginationModel };
+//# sourceMappingURL=PaginationModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationModel.js","sources":["../../../../src/components/DatasetControl/Pagination/PaginationModel.ts"],"sourcesContent":["import { IDataset } from \"@talxis/client-libraries\";\nimport { 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.getDatasetControl().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.getDatasetControl().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.getDatasetControl().getDataset().paging;\n    }\n\n}"],"names":[],"mappings":"MAGa,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,iBAAiB,EAAE,CAAC,UAAU,EAAE,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1E,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,iBAAiB,EAAE,CAAC,UAAU,EAAE,CAAC,eAAe,CAAC,MAAM,CAAA,CAAE,CAAA;AAElH,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,iBAAiB,EAAE,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC;KAC9D;AAEJ;;;;"}

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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1 @@
+{"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;;;;"}