@talxis/base-controls 1.2508.2 → 1.2509.1-alpha.1

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.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

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

@@ -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;;;;"}

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

@@ -1,13 +1,5 @@
 /// <reference types="react" />
-import { IDataset } from "@talxis/client-libraries";
-import { ITheme } from "@talxis/react-components";
-import { datasetControlTranslations } from "../translations";
-import { ITranslation } from "../../../hooks";
-import { IQuickFindProps } from "../interfaces";
-export interface IQuickFindComponentProps {
-    labels: ITranslation<typeof datasetControlTranslations>;
-    dataset: IDataset;
-    theme: ITheme;
-    onGetQuickFindComponentProps: (props: IQuickFindProps) => IQuickFindProps;
-}
-export declare const QuickFind: (props: IQuickFindComponentProps) => JSX.Element;
+import { IRibbonQuickFindWrapperProps } from "../interfaces";
+export declare const QuickFind: (props: {
+    onRenderQuickFind: IRibbonQuickFindWrapperProps['onRenderQuickFind'];
+}) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/dist/components/DatasetControl/QuickFind/QuickFind.js

@@ -1,40 +1,51 @@
 import { jsx } from 'react/jsx-runtime';
-import { TextField } from '@talxis/react-components';
 import { useState, useMemo, useEffect } from 'react';
-import { ThemeProvider } from '@fluentui/react';
+import { useModel } from '../useModel.js';
+import { TextField } from '@talxis/react-components';
 import { getQuickFindStyles } from './styles.js';
 
 const QuickFind = (props) => {
-    const { dataset, labels, theme } = { ...props };
     const [query, setQuery] = useState('');
+    const model = useModel();
+    const dataset = model.getDataset();
+    const labels = model.getLabels();
     const styles = useMemo(() => getQuickFindStyles(), []);
-    const quickFindProps = props.onGetQuickFindComponentProps({
-        container: {
-            theme: theme,
-            className: styles.quickFindRoot
-        },
+    const onSearch = (query) => {
+        dataset.getDataProvider().executeWithUnsavedChangesBlocker(() => {
+            setQuery(query ?? '');
+            dataset.setSearchQuery?.(query ?? '');
+            dataset.refresh();
+        });
+    };
+    const onKeyUp = (e) => {
+        if (e.key === 'Enter') {
+            onSearch(query);
+        }
+    };
+    useEffect(() => {
+        setQuery(dataset.getSearchQuery?.() ?? '');
+    }, [dataset.getSearchQuery?.()]);
+    return props.onRenderQuickFind({
+        onRenderTextField: (props, defaultRender) => defaultRender(props),
         textFieldProps: {
             value: query,
+            placeholder: `${labels.search()} ${dataset.getMetadata()?.DisplayCollectionName ?? labels.records()}...`,
             styles: {
+                root: styles.textFieldRoot,
                 fieldGroup: styles.fieldGroup
             },
-            placeholder: `${labels.search()} ${dataset.getMetadata()?.DisplayCollectionName ?? labels.records()}...`,
+            disabled: dataset.loading,
             onChange: (e, newValue) => setQuery(newValue ?? ''),
-            onKeyUp: (e) => {
-                if (e.key === 'Enter') {
-                    onSearch(query);
-                }
-            },
-            deleteButtonProps: query ? {
-                key: 'delete',
-                iconProps: {
-                    iconName: 'Cancel'
-                },
-                onClick: () => {
-                    setQuery("");
-                    onSearch(undefined);
+            onKeyUp: onKeyUp,
+            ...(query ? {
+                deleteButtonProps: {
+                    key: 'delete',
+                    iconProps: {
+                        iconName: 'Cancel'
+                    },
+                    onClick: () => onSearch(undefined)
                 }
-            } : undefined,
+            } : {}),
             suffixItems: [{
                     key: 'search',
                     iconProps: {
@@ -43,16 +54,9 @@ const QuickFind = (props) => {
                     onClick: () => onSearch(query)
                 }]
         }
+    }, (props) => {
+        return jsx(TextField, { ...props.textFieldProps });
     });
-    const onSearch = (query) => {
-        dataset.setSearchQuery?.(query ?? "");
-        dataset.refresh();
-    };
-    useEffect(() => {
-        setQuery(dataset.getSearchQuery?.() ?? '');
-    }, [dataset.getSearchQuery?.()]);
-    //needs to be wrapped within ThemeProvider because the theme context can be lost if we are overriding the header render
-    return jsx(ThemeProvider, { ...quickFindProps.container, children: jsx(TextField, { ...quickFindProps.textFieldProps }) });
 };
 
 export { QuickFind };

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

@@ -1 +1 @@
-{"version":3,"file":"QuickFind.js","sources":["../../../../src/components/DatasetControl/QuickFind/QuickFind.tsx"],"sourcesContent":["import { IDataset } from \"@talxis/client-libraries\";\nimport { ITextFieldProps, ITheme, TextField } from \"@talxis/react-components\";\nimport { datasetControlTranslations } from \"../translations\";\nimport { ITranslation } from \"../../../hooks\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { ThemeProvider } from \"@fluentui/react\";\nimport { IQuickFindProps } from \"../interfaces\";\nimport { getQuickFindStyles } from \"./styles\";\n\nexport interface IQuickFindComponentProps {\n    labels: ITranslation<typeof datasetControlTranslations>\n    dataset: IDataset;\n    theme: ITheme;\n    onGetQuickFindComponentProps: (props: IQuickFindProps) => IQuickFindProps;\n}\n\nexport const QuickFind = (props: IQuickFindComponentProps) => {\n    const { dataset, labels, theme } = { ...props };\n    const [query, setQuery] = useState<string>('');\n    const styles = useMemo(() => getQuickFindStyles(), [])\n\n    const quickFindProps = props.onGetQuickFindComponentProps({\n        container: {\n            theme: theme,\n            className: styles.quickFindRoot\n        },\n        textFieldProps: {\n            value: query,\n            styles: {\n                fieldGroup: styles.fieldGroup\n            },\n            placeholder: `${labels.search()} ${dataset.getMetadata()?.DisplayCollectionName ?? labels.records()}...`,\n            onChange: (e, newValue) => setQuery(newValue ?? ''),\n            onKeyUp: (e) => {\n                if (e.key === 'Enter') {\n                    onSearch(query);\n                }\n            },\n            deleteButtonProps: query ? {\n                key: 'delete',\n                iconProps: {\n                    iconName: 'Cancel'\n                },\n                onClick: () => {\n                    setQuery(\"\");\n                    onSearch(undefined);\n                }\n            } : undefined,\n            suffixItems: [{\n                key: 'search',\n                iconProps: {\n                    iconName: 'Search'\n                },\n                onClick: () => onSearch(query)\n            }]\n        }\n    })\n    const onSearch = (query?: string) => {\n        dataset.setSearchQuery?.(query ?? \"\");\n        dataset.refresh();\n    }\n\n    useEffect(() => {\n        setQuery(dataset.getSearchQuery?.() ?? '');\n    }, [dataset.getSearchQuery?.()])\n    //needs to be wrapped within ThemeProvider because the theme context can be lost if we are overriding the header render\n    return <ThemeProvider {...quickFindProps.container}><TextField {...quickFindProps.textFieldProps} /></ThemeProvider>\n}"],"names":["_jsx"],"mappings":";;;;;;AAgBa,MAAA,SAAS,GAAG,CAAC,KAA+B,KAAI;AACzD,IAAA,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;IAChD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;AAC/C,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,kBAAkB,EAAE,EAAE,EAAE,CAAC,CAAA;AAEtD,IAAA,MAAM,cAAc,GAAG,KAAK,CAAC,4BAA4B,CAAC;AACtD,QAAA,SAAS,EAAE;AACP,YAAA,KAAK,EAAE,KAAK;YACZ,SAAS,EAAE,MAAM,CAAC,aAAa;AAClC,SAAA;AACD,QAAA,cAAc,EAAE;AACZ,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,MAAM,EAAE;gBACJ,UAAU,EAAE,MAAM,CAAC,UAAU;AAChC,aAAA;AACD,YAAA,WAAW,EAAE,CAAG,EAAA,MAAM,CAAC,MAAM,EAAE,IAAI,OAAO,CAAC,WAAW,EAAE,EAAE,qBAAqB,IAAI,MAAM,CAAC,OAAO,EAAE,CAAK,GAAA,CAAA;AACxG,YAAA,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,QAAQ,CAAC,QAAQ,IAAI,EAAE,CAAC;AACnD,YAAA,OAAO,EAAE,CAAC,CAAC,KAAI;AACX,gBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;oBACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;AACnB,iBAAA;aACJ;AACD,YAAA,iBAAiB,EAAE,KAAK,GAAG;AACvB,gBAAA,GAAG,EAAE,QAAQ;AACb,gBAAA,SAAS,EAAE;AACP,oBAAA,QAAQ,EAAE,QAAQ;AACrB,iBAAA;gBACD,OAAO,EAAE,MAAK;oBACV,QAAQ,CAAC,EAAE,CAAC,CAAC;oBACb,QAAQ,CAAC,SAAS,CAAC,CAAC;iBACvB;aACJ,GAAG,SAAS;AACb,YAAA,WAAW,EAAE,CAAC;AACV,oBAAA,GAAG,EAAE,QAAQ;AACb,oBAAA,SAAS,EAAE;AACP,wBAAA,QAAQ,EAAE,QAAQ;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE,MAAM,QAAQ,CAAC,KAAK,CAAC;iBACjC,CAAC;AACL,SAAA;AACJ,KAAA,CAAC,CAAA;AACF,IAAA,MAAM,QAAQ,GAAG,CAAC,KAAc,KAAI;QAChC,OAAO,CAAC,cAAc,GAAG,KAAK,IAAI,EAAE,CAAC,CAAC;QACtC,OAAO,CAAC,OAAO,EAAE,CAAC;AACtB,KAAC,CAAA;IAED,SAAS,CAAC,MAAK;QACX,QAAQ,CAAC,OAAO,CAAC,cAAc,IAAI,IAAI,EAAE,CAAC,CAAC;KAC9C,EAAE,CAAC,OAAO,CAAC,cAAc,IAAI,CAAC,CAAC,CAAA;;AAEhC,IAAA,OAAOA,GAAC,CAAA,aAAa,EAAK,EAAA,GAAA,cAAc,CAAC,SAAS,EAAA,QAAA,EAAEA,GAAC,CAAA,SAAS,OAAK,cAAc,CAAC,cAAc,EAAA,CAAI,GAAgB,CAAA;AACxH;;;;"}
+{"version":3,"file":"QuickFind.js","sources":["../../../../src/components/DatasetControl/QuickFind/QuickFind.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { IRibbonQuickFindWrapperProps } from \"../interfaces\";\nimport { useModel } from \"../useModel\";\nimport { TextField } from \"@talxis/react-components\";\nimport { getQuickFindStyles } from \"./styles\";\n\nexport const QuickFind = (props: { onRenderQuickFind: IRibbonQuickFindWrapperProps['onRenderQuickFind'] }) => {\n  const [query, setQuery] = useState<string>('');\n  const model = useModel();\n  const dataset = model.getDataset();\n  const labels = model.getLabels();\n  const styles = useMemo(() => getQuickFindStyles(), []);\n\n  const onSearch = (query?: string) => {\n    dataset.getDataProvider().executeWithUnsavedChangesBlocker(() => {\n      setQuery(query ?? '');\n      dataset.setSearchQuery?.(query ?? '');\n      dataset.refresh();\n    })\n  }\n\n  const onKeyUp = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      onSearch(query);\n    }\n  }\n\n  useEffect(() => {\n    setQuery(dataset.getSearchQuery?.() ?? '');\n  }, [dataset.getSearchQuery?.()])\n\n  return props.onRenderQuickFind({\n    onRenderTextField: (props, defaultRender) => defaultRender(props),\n    textFieldProps: {\n      value: query,\n      placeholder: `${labels.search()} ${dataset.getMetadata()?.DisplayCollectionName ?? labels.records()}...`,\n      styles: {\n        root: styles.textFieldRoot,\n        fieldGroup: styles.fieldGroup\n      },\n      disabled: dataset.loading,\n      onChange: (e, newValue) => setQuery(newValue ?? ''),\n      onKeyUp: onKeyUp,\n      ...(query ? {\n        deleteButtonProps: {\n          key: 'delete',\n          iconProps: {\n            iconName: 'Cancel'\n          },\n          onClick: () => onSearch(undefined)\n        }\n      } : {}),\n      suffixItems: [{\n        key: 'search',\n        iconProps: {\n          iconName: 'Search'\n        },\n        onClick: () => onSearch(query)\n      }]\n\n\n    }\n  }, (props) => {\n    return <TextField {...props.textFieldProps} />\n  })\n}"],"names":["_jsx"],"mappings":";;;;;;AAMa,MAAA,SAAS,GAAG,CAAC,KAA+E,KAAI;IAC3G,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;AAC/C,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;AACzB,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC;AACnC,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;AACjC,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,kBAAkB,EAAE,EAAE,EAAE,CAAC,CAAC;AAEvD,IAAA,MAAM,QAAQ,GAAG,CAAC,KAAc,KAAI;AAClC,QAAA,OAAO,CAAC,eAAe,EAAE,CAAC,gCAAgC,CAAC,MAAK;AAC9D,YAAA,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;YACtB,OAAO,CAAC,cAAc,GAAG,KAAK,IAAI,EAAE,CAAC,CAAC;YACtC,OAAO,CAAC,OAAO,EAAE,CAAC;AACpB,SAAC,CAAC,CAAA;AACJ,KAAC,CAAA;AAED,IAAA,MAAM,OAAO,GAAG,CAAC,CAAwC,KAAI;AAC3D,QAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,QAAQ,CAAC,KAAK,CAAC,CAAC;AACjB,SAAA;AACH,KAAC,CAAA;IAED,SAAS,CAAC,MAAK;QACb,QAAQ,CAAC,OAAO,CAAC,cAAc,IAAI,IAAI,EAAE,CAAC,CAAC;KAC5C,EAAE,CAAC,OAAO,CAAC,cAAc,IAAI,CAAC,CAAC,CAAA;IAEhC,OAAO,KAAK,CAAC,iBAAiB,CAAC;QAC7B,iBAAiB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,aAAa,CAAC,KAAK,CAAC;AACjE,QAAA,cAAc,EAAE;AACd,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,WAAW,EAAE,CAAG,EAAA,MAAM,CAAC,MAAM,EAAE,IAAI,OAAO,CAAC,WAAW,EAAE,EAAE,qBAAqB,IAAI,MAAM,CAAC,OAAO,EAAE,CAAK,GAAA,CAAA;AACxG,YAAA,MAAM,EAAE;gBACN,IAAI,EAAE,MAAM,CAAC,aAAa;gBAC1B,UAAU,EAAE,MAAM,CAAC,UAAU;AAC9B,aAAA;YACD,QAAQ,EAAE,OAAO,CAAC,OAAO;AACzB,YAAA,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,QAAQ,CAAC,QAAQ,IAAI,EAAE,CAAC;AACnD,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,IAAI,KAAK,GAAG;AACV,gBAAA,iBAAiB,EAAE;AACjB,oBAAA,GAAG,EAAE,QAAQ;AACb,oBAAA,SAAS,EAAE;AACT,wBAAA,QAAQ,EAAE,QAAQ;AACnB,qBAAA;AACD,oBAAA,OAAO,EAAE,MAAM,QAAQ,CAAC,SAAS,CAAC;AACnC,iBAAA;aACF,GAAG,EAAE,CAAC;AACP,YAAA,WAAW,EAAE,CAAC;AACZ,oBAAA,GAAG,EAAE,QAAQ;AACb,oBAAA,SAAS,EAAE;AACT,wBAAA,QAAQ,EAAE,QAAQ;AACnB,qBAAA;AACD,oBAAA,OAAO,EAAE,MAAM,QAAQ,CAAC,KAAK,CAAC;iBAC/B,CAAC;AAGH,SAAA;KACF,EAAE,CAAC,KAAK,KAAI;AACX,QAAA,OAAOA,IAAC,SAAS,EAAA,EAAA,GAAK,KAAK,CAAC,cAAc,GAAI,CAAA;AAChD,KAAC,CAAC,CAAA;AACJ;;;;"}

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

@@ -1,5 +1,5 @@
 export declare const getQuickFindStyles: () => import("@fluentui/react").IProcessedStyleSet<{
-    quickFindRoot: {
+    textFieldRoot: {
         marginLeft: string;
     };
     fieldGroup: {

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

@@ -2,11 +2,11 @@ import { mergeStyleSets } from '@fluentui/react';
 
 const getQuickFindStyles = () => {
     return mergeStyleSets({
-        quickFindRoot: {
+        textFieldRoot: {
             marginLeft: 'auto'
         },
         fieldGroup: {
-            width: 230
+            width: 230,
         }
     });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/DatasetControl/QuickFind/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getQuickFindStyles = () => {\n    return mergeStyleSets({\n        quickFindRoot: {\n            marginLeft: 'auto'\n        },\n        fieldGroup: {\n            width: 230\n        }\n    })\n}"],"names":[],"mappings":";;AAEO,MAAM,kBAAkB,GAAG,MAAK;AACnC,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,aAAa,EAAE;AACX,YAAA,UAAU,EAAE,MAAM;AACrB,SAAA;AACD,QAAA,UAAU,EAAE;AACR,YAAA,KAAK,EAAE,GAAG;AACb,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/DatasetControl/QuickFind/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getQuickFindStyles = () => {\n    return mergeStyleSets({\n        textFieldRoot: {\n            marginLeft: 'auto'\n        },\n        fieldGroup: {\n            width: 230,\n        }\n    })\n}"],"names":[],"mappings":";;AAEO,MAAM,kBAAkB,GAAG,MAAK;AACnC,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,aAAa,EAAE;AACX,YAAA,UAAU,EAAE,MAAM;AACrB,SAAA;AACD,QAAA,UAAU,EAAE;AACR,YAAA,KAAK,EAAE,GAAG;AACb,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

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

@@ -1,3 +1,2 @@
 export * from './DatasetControl';
 export * from './interfaces';
-export * from './Paging';

package/dist/components/DatasetControl/index.js

@@ -1,4 +1,2 @@
 export { DatasetControl } from './DatasetControl.js';
-export { DatasetPaging } from './Paging/DatasetPaging.js';
-export { Paging } from './Paging/Paging.js';
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,32 +1,66 @@
-import { ThemeProviderProps } from "@fluentui/react";
+import { IButtonProps, IMessageBarProps, IShimmerProps, ThemeProviderProps } from "@fluentui/react";
 import { ITranslation } from "../../hooks";
 import { IControl } from "../../interfaces";
 import { IGridOutputs, IGridParameters } from "../Grid";
 import { gridTranslations } from "../Grid/translations";
 import { datasetControlTranslations } from "./translations";
-import { ITextFieldProps } from "@talxis/react-components";
+import { ICommandBarProps, ITextFieldProps } from "@talxis/react-components";
 import React from "react";
-import { IDatasetPaging } from "./Paging";
-export interface IQuickFindProps {
-    textFieldProps: ITextFieldProps;
-    container: ThemeProviderProps;
-}
-export interface IDatasetControlComponentProps {
-    onDatasetInit: () => void;
-    containerProps: ThemeProviderProps;
-    headerProps: {
-        headerContainerProps: React.HTMLAttributes<HTMLDivElement>;
-        /**
-         * Can be used to override the default header renderer (includes QuickFind).
-         */
-        onRender: (renderQuickFind: () => React.ReactElement) => React.ReactElement;
-        onGetQuickFindProps: (props: IQuickFindProps) => IQuickFindProps;
-    };
-    onRenderPagination: (props: IDatasetPaging, renderPagination: (props: IDatasetPaging) => React.ReactElement<IDatasetPaging>) => React.ReactElement;
-}
 export interface IDatasetControl extends IControl<IGridParameters, IGridOutputs, Partial<ITranslation<typeof datasetControlTranslations & typeof gridTranslations>>, IDatasetControlComponentProps> {
     /**
      * Tells the Dataset control which UI component should be used for the dataset.
      */
     onGetControlComponent: (props: IControl<IGridParameters, any, any, any>) => React.ReactElement<IControl<any, any, any, any>>;
 }
+export interface IDatasetControlComponentProps {
+    onRender: (props: IComponentProps, defaultRender: (props: IComponentProps) => React.ReactElement) => React.ReactElement;
+}
+export interface IComponentProps {
+    container: ThemeProviderProps;
+    onRenderControlContainer: (props: IControlContainerProps, defaultRender: (props: IControlContainerProps) => React.ReactElement) => React.ReactElement;
+    onRenderHeader: (props: IHeaderProps, defaultRender: (props: IHeaderProps) => React.ReactElement) => React.ReactElement;
+    onRenderFooter: (props: IFooterProps, defaultRender: (props: IFooterProps) => React.ReactElement) => React.ReactElement;
+}
+interface IControlContainerProps {
+    controlContainerProps: React.HTMLAttributes<HTMLDivElement>;
+}
+export interface IFooterProps {
+    footerContainerProps: React.HTMLAttributes<HTMLDivElement>;
+    onRenderPagination: (props: IPaginationProps, defaultRender: (props: IPaginationProps) => React.ReactElement) => React.ReactElement;
+}
+export interface IPaginationProps {
+    paginationContainerProps: React.HTMLAttributes<HTMLDivElement>;
+    commandBarProps: ICommandBarProps;
+    pageSizeSwitcherProps: IButtonProps;
+    onRenderCommandBar: (props: ICommandBarProps, defaultRender: (props: ICommandBarProps) => React.ReactElement) => React.ReactElement;
+    onRenderPageSizeSwitcher: (props: IButtonProps, defaultRender: (props: IButtonProps) => React.ReactElement) => React.ReactElement;
+}
+export interface IHeaderProps {
+    headerContainerProps: React.HTMLAttributes<HTMLDivElement>;
+    onRenderRibbonQuickFindWrapper: (props: IRibbonQuickFindWrapperProps, defaultRender: (props: IRibbonQuickFindWrapperProps) => React.ReactElement) => React.ReactElement;
+    onRenderErrorMessageBar: (props: IErrorMessageBarProps, defaultRender: (props: IErrorMessageBarProps) => React.ReactElement) => React.ReactElement;
+    onRenderUnsavedChangesMessageBar: (props: IUnsavedChangesMesssageBarProps, defaultRender: (props: IUnsavedChangesMesssageBarProps) => React.ReactElement) => React.ReactElement;
+}
+export interface IRibbonQuickFindWrapperProps {
+    ribbonQuickFindContainerProps: React.HTMLAttributes<HTMLDivElement>;
+    onRenderQuickFind: (props: IQuickFindProps, defaultRender: (props: IQuickFindProps) => React.ReactElement) => React.ReactElement;
+    onRenderRibbon: (props: IRibbonProps, defaultRender: (props: IRibbonProps) => React.ReactElement) => React.ReactElement;
+}
+interface IRibbonProps {
+    onRenderCommandBar: (props: ICommandBarProps, defaultRender: (props: ICommandBarProps) => React.ReactElement) => React.ReactElement;
+    onRenderLoading: (props: IShimmerProps, defaultRender: (props: IShimmerProps) => React.ReactElement) => React.ReactElement;
+}
+interface IErrorMessageBarProps {
+    messageBarProps: IMessageBarProps;
+    onRenderMessageBar: (props: IMessageBarProps, defaultRender: (props: IMessageBarProps) => React.ReactElement) => React.ReactElement;
+}
+interface IUnsavedChangesMesssageBarProps {
+    messageBarProps: IMessageBarProps;
+    onRenderSaveBtn: (props: IButtonProps, defaultRender: (props: IButtonProps) => React.ReactElement) => React.ReactElement;
+    onRenderDiscardBtn: (props: IButtonProps, defaultRender: (props: IButtonProps) => React.ReactElement) => React.ReactElement;
+}
+export interface IQuickFindProps {
+    textFieldProps: ITextFieldProps;
+    onRenderTextField: (props: ITextFieldProps, defaultRender: (props: ITextFieldProps) => React.ReactElement) => React.ReactElement;
+}
+export {};

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

@@ -1,18 +1,11 @@
-import { ITheme } from "@talxis/react-components";
-export declare const getDatasetControlStyles: (theme: ITheme, height?: string | null) => import("@fluentui/react").IProcessedStyleSet<{
+export declare const getDatasetControlStyles: (height?: string | null) => import("@fluentui/react").IProcessedStyleSet<{
     datasetControlRoot: {
         flexGrow?: number | undefined;
         display: string;
         flexDirection: string;
     };
-    headerRoot: {
-        display: string;
-        paddingLeft: number;
-        paddingTop: number;
-        paddingRight: number;
-        marginBottom: number;
-    };
-    messageBarBtn: {
-        minHeight: string;
+    controlContainer: {
+        flexGrow?: number | undefined;
     };
+    footer: {};
 }>;

package/dist/components/DatasetControl/styles.js

@@ -1,25 +1,19 @@
 import { mergeStyleSets } from '@fluentui/react';
 
-const getDatasetControlStyles = (theme, height) => {
+const getDatasetControlStyles = (height) => {
     return mergeStyleSets({
         datasetControlRoot: {
             display: 'flex',
             flexDirection: 'column',
             ...(height === '100%' ? getFullHeightStyles() : {})
         },
-        headerRoot: {
-            display: 'flex',
-            paddingLeft: 15,
-            paddingTop: 15,
-            paddingRight: 15,
-            marginBottom: 15
+        controlContainer: {
+            ...(height === '100%' ? getFullHeightStyles() : {})
         },
-        messageBarBtn: {
-            minHeight: 'inherit'
-        }
+        footer: {},
     });
 };
-const getFullHeightStyles = (theme) => {
+const getFullHeightStyles = () => {
     return {
         flexGrow: 1
     };

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/DatasetControl/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\nimport { ITheme } from \"@talxis/react-components\";\n\nexport const getDatasetControlStyles = (theme: ITheme, height?: string | null) => {\n    return mergeStyleSets({\n        datasetControlRoot: {\n            display: 'flex',\n            flexDirection: 'column',\n            ...(height === '100%' ? getFullHeightStyles(theme) : {})\n\n        },\n        headerRoot: {\n            display: 'flex',\n            paddingLeft: 15,\n            paddingTop: 15,\n            paddingRight: 15,\n            marginBottom: 15\n        },\n        messageBarBtn: {\n            minHeight: 'inherit'\n        }\n    });\n}\n\nconst getFullHeightStyles = (theme: ITheme) => {\n    return {\n        flexGrow: 1\n    }\n}"],"names":[],"mappings":";;MAGa,uBAAuB,GAAG,CAAC,KAAa,EAAE,MAAsB,KAAI;AAC7E,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,kBAAkB,EAAE;AAChB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,IAAI,MAAM,KAAK,MAAM,GAAG,mBAAmB,CAAM,CAAC,GAAG,EAAE,CAAC;AAE3D,SAAA;AACD,QAAA,UAAU,EAAE;AACR,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,WAAW,EAAE,EAAE;AACf,YAAA,UAAU,EAAE,EAAE;AACd,YAAA,YAAY,EAAE,EAAE;AAChB,YAAA,YAAY,EAAE,EAAE;AACnB,SAAA;AACD,QAAA,aAAa,EAAE;AACX,YAAA,SAAS,EAAE,SAAS;AACvB,SAAA;AACJ,KAAA,CAAC,CAAC;AACP,EAAC;AAED,MAAM,mBAAmB,GAAG,CAAC,KAAa,KAAI;IAC1C,OAAO;AACH,QAAA,QAAQ,EAAE,CAAC;KACd,CAAA;AACL,CAAC;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../src/components/DatasetControl/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getDatasetControlStyles = (height?: string | null) => {\n    return mergeStyleSets({\n        datasetControlRoot: {\n            display: 'flex',\n            flexDirection: 'column',\n            ...(height === '100%' ? getFullHeightStyles() : {})\n\n        },\n        controlContainer: {\n            ...(height === '100%' ? getFullHeightStyles() : {})\n        },\n        footer: {\n\n        },\n    });\n}\n\nconst getFullHeightStyles = () => {\n    return {\n        flexGrow: 1\n    }\n}"],"names":[],"mappings":";;AAEa,MAAA,uBAAuB,GAAG,CAAC,MAAsB,KAAI;AAC9D,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,kBAAkB,EAAE;AAChB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,IAAI,MAAM,KAAK,MAAM,GAAG,mBAAmB,EAAE,GAAG,EAAE,CAAC;AAEtD,SAAA;AACD,QAAA,gBAAgB,EAAE;AACd,YAAA,IAAI,MAAM,KAAK,MAAM,GAAG,mBAAmB,EAAE,GAAG,EAAE,CAAC;AACtD,SAAA;AACD,QAAA,MAAM,EAAE,EAEP;AACJ,KAAA,CAAC,CAAC;AACP,EAAC;AAED,MAAM,mBAAmB,GAAG,MAAK;IAC7B,OAAO;AACH,QAAA,QAAQ,EAAE,CAAC;KACd,CAAA;AACL,CAAC;;;;"}

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

@@ -15,4 +15,48 @@ export declare const datasetControlTranslations: {
         1029: string;
         1033: string;
     };
+    "unsaved-changes": {
+        1029: string;
+        1033: string;
+    };
+    "saving-discard-all-confirmation": {
+        1029: string;
+        1033: string;
+    };
+    "paging-of": {
+        1029: string;
+        1033: string;
+    };
+    "paging-firstpage": {
+        1029: string;
+        1033: string;
+    };
+    "paging-previouspage": {
+        1029: string;
+        1033: string;
+    };
+    "paging-page": {
+        1029: string;
+        1033: string;
+    };
+    "paging-nextpage": {
+        1029: string;
+        1033: string;
+    };
+    "paging-lastpage": {
+        1029: string;
+        1033: string;
+    };
+    "paging-pages": {
+        1029: string;
+        1033: string;
+    };
+    "paging-pages-totalcount": {
+        1029: string;
+        1033: string;
+    };
+    "page-record-count": {
+        1029: string;
+        1033: string;
+    };
 };

package/dist/components/DatasetControl/translations.js

@@ -2,7 +2,21 @@ const datasetControlTranslations = {
     "search": { 1029: "Vyhledat", 1033: "Search" },
     "records": { 1029: "záznamy", 1033: "records" },
     "generalError": { 1029: "Během načítání ovládacího prvku došlo k nečekané chybě", 1033: "An unexpected error occurred while loading the control." },
-    "reload": { 1029: "Obnovit", 1033: "Reload" }
+    "reload": { 1029: "Obnovit", 1033: "Reload" },
+    "unsaved-changes": { 1029: "Počet upravených záznamů: <b>{{numOfChanges}}</b>.", 1033: "Number of updated records: <b>{{numOfChanges}}</b>." },
+    "saving-discard-all-confirmation": {
+        1029: "Tato akce zruší všechny neuložené změny. Chcete pokračovat?",
+        1033: "This action will discard all unsaved changes. Would you like to continue?"
+    },
+    "paging-of": { 1029: "z", 1033: "of" },
+    "paging-firstpage": { 1029: "První strana", 1033: "First page" },
+    "paging-previouspage": { 1029: "Předchozí", 1033: "Previous" },
+    "paging-page": { 1029: "Strana", 1033: "Page" },
+    "paging-nextpage": { 1029: "Další", 1033: "Next" },
+    "paging-lastpage": { 1029: "Poslední strana", 1033: "Last page" },
+    "paging-pages": { 1029: "{{start}} - {{end}}", 1033: "{{start}} - {{end}}" },
+    "paging-pages-totalcount": { 1029: "z {{recordcount}}", 1033: "of {{recordcount}}" },
+    "page-record-count": { 1029: 'Počet záznamů na stránce', 1033: 'Records per page' }
 };
 
 export { datasetControlTranslations };

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

@@ -1 +1 @@
-{"version":3,"file":"translations.js","sources":["../../../src/components/DatasetControl/translations.ts"],"sourcesContent":["export const datasetControlTranslations = {\n    \"search\": { 1029: \"Vyhledat\", 1033: \"Search\" },\n    \"records\": { 1029: \"záznamy\", 1033: \"records\" },\n    \"generalError\": { 1029: \"Během načítání ovládacího prvku došlo k nečekané chybě\", 1033: \"An unexpected error occurred while loading the control.\" },\n    \"reload\": { 1029: \"Obnovit\", 1033: \"Reload\" }\n};\n   \n"],"names":[],"mappings":"AAAa,MAAA,0BAA0B,GAAG;IACtC,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC9C,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IAC/C,cAAc,EAAE,EAAE,IAAI,EAAE,wDAAwD,EAAE,IAAI,EAAE,yDAAyD,EAAE;IACnJ,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE;;;;;"}
+{"version":3,"file":"translations.js","sources":["../../../src/components/DatasetControl/translations.ts"],"sourcesContent":["export const datasetControlTranslations = {\n    \"search\": { 1029: \"Vyhledat\", 1033: \"Search\" },\n    \"records\": { 1029: \"záznamy\", 1033: \"records\" },\n    \"generalError\": { 1029: \"Během načítání ovládacího prvku došlo k nečekané chybě\", 1033: \"An unexpected error occurred while loading the control.\" },\n    \"reload\": { 1029: \"Obnovit\", 1033: \"Reload\" },\n    \"unsaved-changes\": { 1029: \"Počet upravených záznamů: <b>{{numOfChanges}}</b>.\", 1033: \"Number of updated records: <b>{{numOfChanges}}</b>.\" },\n    \"saving-discard-all-confirmation\": {\n        1029: \"Tato akce zruší všechny neuložené změny. Chcete pokračovat?\",\n        1033: \"This action will discard all unsaved changes. Would you like to continue?\"\n    },\n    \"paging-of\": { 1029: \"z\", 1033: \"of\" },\n    \"paging-firstpage\": { 1029: \"První strana\", 1033: \"First page\" },\n    \"paging-previouspage\": { 1029: \"Předchozí\", 1033: \"Previous\" },\n    \"paging-page\": { 1029: \"Strana\", 1033: \"Page\" },\n    \"paging-nextpage\": { 1029: \"Další\", 1033: \"Next\" },\n    \"paging-lastpage\": { 1029: \"Poslední strana\", 1033: \"Last page\" },\n    \"paging-pages\": { 1029: \"{{start}} - {{end}}\", 1033: \"{{start}} - {{end}}\" },\n    \"paging-pages-totalcount\": { 1029: \"z {{recordcount}}\", 1033: \"of {{recordcount}}\" },\n    \"page-record-count\": { 1029: 'Počet záznamů na stránce', 1033: 'Records per page' }\n};\n\n"],"names":[],"mappings":"AAAa,MAAA,0BAA0B,GAAG;IACtC,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC9C,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IAC/C,cAAc,EAAE,EAAE,IAAI,EAAE,wDAAwD,EAAE,IAAI,EAAE,yDAAyD,EAAE;IACnJ,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC7C,iBAAiB,EAAE,EAAE,IAAI,EAAE,oDAAoD,EAAE,IAAI,EAAE,qDAAqD,EAAE;AAC9I,IAAA,iCAAiC,EAAE;AAC/B,QAAA,IAAI,EAAE,6DAA6D;AACnE,QAAA,IAAI,EAAE,2EAA2E;AACpF,KAAA;IACD,WAAW,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE;IACtC,kBAAkB,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,YAAY,EAAE;IAChE,qBAAqB,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE;IAC9D,aAAa,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE;IAC/C,iBAAiB,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE;IAClD,iBAAiB,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,WAAW,EAAE;IACjE,cAAc,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,qBAAqB,EAAE;IAC5E,yBAAyB,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,EAAE,oBAAoB,EAAE;IACpF,mBAAmB,EAAE,EAAE,IAAI,EAAE,0BAA0B,EAAE,IAAI,EAAE,kBAAkB,EAAE;;;;;"}

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

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

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

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

package/dist/components/DateTime/translations.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 export declare const getDefaultDateTimeTranslations: (dateFormattingInfo: ComponentFramework.UserSettingApi.DateFormattingInfo) => {
     time: {
         1029: string;

package/dist/components/Duration/durationOptions.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 export declare const durationOptions: ComponentFramework.PropertyHelper.OptionMetadata[];

package/dist/components/Grid/{core/components/Cell → cells/cell}/Cell.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { ICellRendererParams } from "@ag-grid-community/core";
-import { IGridColumn } from "../../interfaces/IGridColumn";
 import { IRecord } from "@talxis/client-libraries";
-import { ICellValues } from "../AgGrid/model/AgGrid";
+import { ICellValues } from "../../grid/ag-grid/AgGridModel";
+import { IGridColumn } from "../../grid/GridModel";
 export interface ICellProps extends ICellRendererParams {
     baseColumn: IGridColumn;
     isCellEditor: boolean;
-    data: IRecord;
+    record: IRecord;
     value: ICellValues;
 }
 export declare const Cell: (props: ICellProps) => JSX.Element;