@talxis/base-controls 1.2508.1 → 1.2509.1-alpha.0

package/dist/components/DatasetControl/DatasetControl.js

@@ -1,71 +1,75 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRef, useMemo } from 'react';
 import { ThemeProvider } from '@fluentui/react';
 import { datasetControlTranslations } from './translations.js';
-import { getDatasetControlStyles } from './styles.js';
-import { QuickFind } from './QuickFind/QuickFind.js';
 import { useRerender } from '@talxis/react-components';
-import { Client } from '@talxis/client-libraries';
-import { DatasetPaging } from './Paging/DatasetPaging.js';
+import { DatasetControlModel } from './DatasetControlModel.js';
+import { ModelContext } from './useModel.js';
+import { Pagination } from './Pagination/Pagination.js';
+import { getDatasetControlStyles } from './styles.js';
+import { Header } from './Header/Header.js';
+import { useEventEmitter } from '../../hooks/useEventEmitter.js';
 import { useControl } from '../../hooks/useControl.js';
 
-const client = new Client();
 const DatasetControl = (props) => {
     const { labels, theme } = useControl('DatasetControl', props, datasetControlTranslations);
-    const rerender = useRerender();
-    const dataset = props.parameters.Grid;
-    const injectedContextRef = useRef(props.context);
-    const styles = useMemo(() => getDatasetControlStyles(theme, props.parameters.Height?.raw), []);
+    const propsRef = useRef(props);
+    propsRef.current = props;
+    const model = useMemo(() => new DatasetControlModel({
+        getProps: () => propsRef.current,
+        getLabels: () => labels,
+    }), []);
     const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);
-    useMemo(() => {
-        if (dataset.isVirtual() || !client.isTalxisPortal()) {
-            dataset.setInterceptor('__onRequestRender', () => rerender());
-        }
-    }, []);
-    //we need to have a way to customize the init behavior from above
+    const rerender = useRerender();
+    const styles = useMemo(() => getDatasetControlStyles(props.parameters.Height?.raw), [props.parameters.Height?.raw]);
+    const dataset = model.getDataset();
+    useEventEmitter(dataset, 'onNewDataLoaded', rerender);
+    useEventEmitter(dataset, 'onRenderRequested', rerender);
+    useEventEmitter(dataset, 'onBeforeNewDataLoaded', rerender);
     const componentProps = onOverrideComponentProps({
-        onDatasetInit: () => {
-            if (dataset.isVirtual()) {
-                dataset.paging.loadExactPage(dataset.paging.pageNumber);
-            }
-        },
-        containerProps: {
-            theme: theme,
-            className: styles.datasetControlRoot,
-        },
-        headerProps: {
-            headerContainerProps: {
-                className: styles.headerRoot
-            },
-            onRender: (renderQuickFind) => renderQuickFind(),
-            onGetQuickFindProps: (props) => props
-        },
-        onRenderPagination: (props, renderPagination) => renderPagination(props)
+        onRender: (props, defaultRender) => defaultRender(props),
     });
-    useMemo(() => {
-        //@ts-ignore - private property
-        injectedContextRef.current = dataset._patchContext(props.context);
-    }, [props.context]);
-    useMemo(() => {
-        componentProps.onDatasetInit();
-    }, []);
-    const isQuickFindEnabled = () => {
-        if (dataset.isVirtual() && props.parameters.EnableQuickFind?.raw) {
-            return true;
+    const isFooterVisible = () => {
+        switch (true) {
+            case model.isPaginationVisible():
+            case model.isRecordCountVisible():
+            case model.isPageSizeSwitcherVisible():
+                return true;
+            default:
+                return false;
         }
-        return false;
     };
-    return (jsxs(ThemeProvider, { ...componentProps.containerProps, children: [isQuickFindEnabled() &&
-                jsx("div", { ...componentProps.headerProps.headerContainerProps, children: componentProps.headerProps.onRender(() => {
-                        return jsx(Fragment, { children: isQuickFindEnabled() &&
-                                jsx(QuickFind, { dataset: dataset, labels: labels, theme: theme, onGetQuickFindComponentProps: (props) => componentProps.headerProps.onGetQuickFindProps(props) }) });
-                    }) }), props.onGetControlComponent({ ...props, context: injectedContextRef.current }), componentProps.onRenderPagination({
-                context: injectedContextRef.current, parameters: {
-                    Dataset: dataset,
-                    EnablePagination: props.parameters.EnablePagination,
-                    EnablePageSizeSwitcher: props.parameters.EnablePageSizeSwitcher
-                }
-            }, (paginationProps) => jsx(DatasetPaging, { ...paginationProps }))] }));
+    const isPaginationVisible = () => {
+        return isFooterVisible();
+    };
+    return jsx(ModelContext.Provider, { value: model, children: componentProps.onRender({
+            container: {
+                theme: theme,
+                className: styles.datasetControlRoot
+            },
+            onRenderHeader: (props, defaultRender) => defaultRender(props),
+            onRenderFooter: (props, defaultRender) => defaultRender(props),
+            onRenderControlContainer: (props, defaultRender) => defaultRender(props)
+        }, (props) => {
+            return jsxs(ThemeProvider, { ...props.container, children: [jsx(Header, { onRenderHeader: props.onRenderHeader }), props.onRenderControlContainer({
+                        controlContainerProps: {
+                            className: styles.controlContainer
+                        },
+                    }, (props) => {
+                        return jsx("div", { ...props.controlContainerProps, children: propsRef.current.onGetControlComponent(propsRef.current) });
+                    }), props.onRenderFooter({
+                        footerContainerProps: {
+                            className: styles.footer
+                        },
+                        onRenderPagination: (props, defaultRender) => defaultRender(props)
+                    }, (props) => {
+                        if (!isFooterVisible()) {
+                            return jsx(Fragment, {});
+                        }
+                        return jsx("div", { ...props.footerContainerProps, children: isPaginationVisible() &&
+                                jsx(Pagination, { onRenderPagination: props.onRenderPagination }) });
+                    })] });
+        }) });
 };
 
 export { DatasetControl };

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

@@ -1 +1 @@
-{"version":3,"file":"DatasetControl.js","sources":["../../../src/components/DatasetControl/DatasetControl.tsx"],"sourcesContent":["import { useMemo, useRef } from \"react\";\nimport { useControl } from \"../../hooks\";\nimport { ThemeProvider } from \"@fluentui/react\";\nimport { datasetControlTranslations } from \"./translations\";\nimport { getDatasetControlStyles } from \"./styles\";\nimport { IDatasetControl } from \"./interfaces\";\nimport { QuickFind } from \"./QuickFind/QuickFind\";\nimport { useRerender } from \"@talxis/react-components\";\nimport { Client } from \"@talxis/client-libraries\";\nimport { DatasetPaging } from \"./Paging\";\n\nconst client = new Client();\n\nexport const DatasetControl = (props: IDatasetControl) => {\n  const { labels, theme } = useControl('DatasetControl', props, datasetControlTranslations);\n  const rerender = useRerender();\n  const dataset = props.parameters.Grid;\n  const injectedContextRef = useRef(props.context);\n  const styles = useMemo(() => getDatasetControlStyles(theme, props.parameters.Height?.raw), []);\n  const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);\n  useMemo(() => {\n    if (dataset.isVirtual() || !client.isTalxisPortal()) {\n      dataset.setInterceptor('__onRequestRender', () => rerender());\n    }\n  }, []);\n\n  //we need to have a way to customize the init behavior from above\n  const componentProps = onOverrideComponentProps({\n    onDatasetInit: () => {\n      if (dataset.isVirtual()) {\n        dataset.paging.loadExactPage(dataset.paging.pageNumber);\n      }\n    },\n    containerProps: {\n      theme: theme,\n      className: styles.datasetControlRoot,\n    },\n\n    headerProps: {\n      headerContainerProps: {\n        className: styles.headerRoot\n      },\n      onRender: (renderQuickFind) => renderQuickFind(),\n      onGetQuickFindProps: (props) => props\n    },\n    onRenderPagination: (props, renderPagination) => renderPagination(props)\n  });\n\n  useMemo(() => {\n    //@ts-ignore - private property\n    injectedContextRef.current = dataset._patchContext(props.context);\n  }, [props.context]);\n\n  useMemo(() => {\n    componentProps.onDatasetInit();\n  }, []);\n\n  const isQuickFindEnabled = () => {\n    if (dataset.isVirtual() && props.parameters.EnableQuickFind?.raw) {\n      return true;\n    }\n    return false;\n  }\n\n\n  return (\n    <ThemeProvider {...componentProps.containerProps}>\n      {isQuickFindEnabled() &&\n        <div {...componentProps.headerProps.headerContainerProps}>\n          {componentProps.headerProps.onRender(() => {\n            return <>\n              {isQuickFindEnabled() &&\n                <QuickFind\n                  dataset={dataset}\n                  labels={labels}\n                  theme={theme}\n                  onGetQuickFindComponentProps={(props) => componentProps.headerProps.onGetQuickFindProps(props)} />\n              }\n            </>\n          })}\n        </div>\n      }\n      {props.onGetControlComponent({ ...props, context: injectedContextRef.current })}\n      {componentProps.onRenderPagination({\n        context: injectedContextRef.current, parameters: {\n          Dataset: dataset,\n          EnablePagination: props.parameters.EnablePagination,\n          EnablePageSizeSwitcher: props.parameters.EnablePageSizeSwitcher\n        }\n      }, (paginationProps) => <DatasetPaging {...paginationProps} />)}\n    </ThemeProvider>\n  )\n}"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;;;;AAWA,MAAM,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;AAEf,MAAA,cAAc,GAAG,CAAC,KAAsB,KAAI;AACvD,IAAA,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,gBAAgB,EAAE,KAAK,EAAE,0BAA0B,CAAC,CAAC;AAC1F,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;AAC/B,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;IACtC,MAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACjD,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,uBAAuB,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC;AAC/F,IAAA,MAAM,wBAAwB,GAAG,KAAK,CAAC,wBAAwB,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IACtF,OAAO,CAAC,MAAK;QACX,IAAI,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE,EAAE;YACnD,OAAO,CAAC,cAAc,CAAC,mBAAmB,EAAE,MAAM,QAAQ,EAAE,CAAC,CAAC;AAC/D,SAAA;KACF,EAAE,EAAE,CAAC,CAAC;;IAGP,MAAM,cAAc,GAAG,wBAAwB,CAAC;QAC9C,aAAa,EAAE,MAAK;AAClB,YAAA,IAAI,OAAO,CAAC,SAAS,EAAE,EAAE;gBACvB,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;AACzD,aAAA;SACF;AACD,QAAA,cAAc,EAAE;AACd,YAAA,KAAK,EAAE,KAAK;YACZ,SAAS,EAAE,MAAM,CAAC,kBAAkB;AACrC,SAAA;AAED,QAAA,WAAW,EAAE;AACX,YAAA,oBAAoB,EAAE;gBACpB,SAAS,EAAE,MAAM,CAAC,UAAU;AAC7B,aAAA;AACD,YAAA,QAAQ,EAAE,CAAC,eAAe,KAAK,eAAe,EAAE;AAChD,YAAA,mBAAmB,EAAE,CAAC,KAAK,KAAK,KAAK;AACtC,SAAA;QACD,kBAAkB,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,gBAAgB,CAAC,KAAK,CAAC;AACzE,KAAA,CAAC,CAAC;IAEH,OAAO,CAAC,MAAK;;QAEX,kBAAkB,CAAC,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AACpE,KAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CAAC,MAAK;QACX,cAAc,CAAC,aAAa,EAAE,CAAC;KAChC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,kBAAkB,GAAG,MAAK;AAC9B,QAAA,IAAI,OAAO,CAAC,SAAS,EAAE,IAAI,KAAK,CAAC,UAAU,CAAC,eAAe,EAAE,GAAG,EAAE;AAChE,YAAA,OAAO,IAAI,CAAC;AACb,SAAA;AACD,QAAA,OAAO,KAAK,CAAC;AACf,KAAC,CAAA;IAGD,QACEA,KAAC,aAAa,EAAA,EAAA,GAAK,cAAc,CAAC,cAAc,EAC7C,QAAA,EAAA,CAAA,kBAAkB,EAAE;AACnB,gBAAAC,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,cAAc,CAAC,WAAW,CAAC,oBAAoB,EAAA,QAAA,EACrD,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAK;wBACxC,OAAOA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EACJ,kBAAkB,EAAE;AACnB,gCAAAD,GAAA,CAAC,SAAS,EAAA,EACR,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,4BAA4B,EAAE,CAAC,KAAK,KAAK,cAAc,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAA,CAAI,GAErG,CAAA;qBACJ,CAAC,GACE,EAEP,KAAK,CAAC,qBAAqB,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,kBAAkB,CAAC,OAAO,EAAE,CAAC,EAC9E,cAAc,CAAC,kBAAkB,CAAC;AACjC,gBAAA,OAAO,EAAE,kBAAkB,CAAC,OAAO,EAAE,UAAU,EAAE;AAC/C,oBAAA,OAAO,EAAE,OAAO;AAChB,oBAAA,gBAAgB,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB;AACnD,oBAAA,sBAAsB,EAAE,KAAK,CAAC,UAAU,CAAC,sBAAsB;AAChE,iBAAA;AACF,aAAA,EAAE,CAAC,eAAe,KAAKA,GAAA,CAAC,aAAa,EAAA,EAAA,GAAK,eAAe,EAAA,CAAI,CAAC,CAAA,EAAA,CACjD,EACjB;AACH;;;;"}
+{"version":3,"file":"DatasetControl.js","sources":["../../../src/components/DatasetControl/DatasetControl.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from \"react\";\nimport { useControl } from \"../../hooks\";\nimport { ThemeProvider } from \"@fluentui/react\";\nimport { datasetControlTranslations } from \"./translations\";\nimport { IDatasetControl } from \"./interfaces\";\nimport { useRerender } from \"@talxis/react-components\";\nimport { DatasetControlModel } from \"./DatasetControlModel\";\nimport { ModelContext } from \"./useModel\";\nimport { Pagination } from \"./Pagination/Pagination\";\nimport { getDatasetControlStyles } from \"./styles\";\nimport { Header } from \"./Header/Header\";\nimport { useEventEmitter } from \"../../hooks/useEventEmitter\";\nimport { IDataProviderEventListeners } from \"@talxis/client-libraries\";\n\nexport const DatasetControl = (props: IDatasetControl) => {\n  const { labels, theme } = useControl('DatasetControl', props, datasetControlTranslations);\n  const propsRef = useRef<IDatasetControl>(props);\n  propsRef.current = props;\n  const model = useMemo(() => new DatasetControlModel({\n    getProps: () => propsRef.current,\n    getLabels: () => labels,\n  }), []);\n  const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);\n  const rerender = useRerender();\n  const styles = useMemo(() => getDatasetControlStyles(props.parameters.Height?.raw), [props.parameters.Height?.raw]);\n  const dataset = model.getDataset();\n  \n  useEventEmitter<IDataProviderEventListeners>(dataset, 'onNewDataLoaded', rerender);\n  useEventEmitter<IDataProviderEventListeners>(dataset, 'onRenderRequested', rerender);\n  useEventEmitter<IDataProviderEventListeners>(dataset, 'onBeforeNewDataLoaded', rerender);\n\n\n  const componentProps = onOverrideComponentProps({\n    onRender: (props, defaultRender) => defaultRender(props),\n  })\n\n  const isFooterVisible = () => {\n    switch (true) {\n      case model.isPaginationVisible():\n      case model.isRecordCountVisible():\n      case model.isPageSizeSwitcherVisible():\n        return true;\n      default:\n        return false;\n    }\n  }\n\n  const isPaginationVisible = () => {\n    return isFooterVisible();\n  }\n\n  return <ModelContext.Provider value={model}>\n    {componentProps.onRender({\n      container: {\n        theme: theme,\n        className: styles.datasetControlRoot\n      },\n      onRenderHeader: (props, defaultRender) => defaultRender(props),\n      onRenderFooter: (props, defaultRender) => defaultRender(props),\n      onRenderControlContainer: (props, defaultRender) => defaultRender(props)\n    }, (props) => {\n      return <ThemeProvider {...props.container}>\n        <Header onRenderHeader={props.onRenderHeader} />\n        {props.onRenderControlContainer({\n          controlContainerProps: {\n            className: styles.controlContainer\n          },\n\n        }, (props) => {\n          return <div {...props.controlContainerProps}>\n            {propsRef.current.onGetControlComponent(propsRef.current)}\n          </div>\n        })}\n        {props.onRenderFooter({\n          footerContainerProps: {\n            className: styles.footer\n          },\n          onRenderPagination: (props, defaultRender) => defaultRender(props)\n        }, (props) => {\n          if (!isFooterVisible()) {\n            return <></>\n          }\n          return <div {...props.footerContainerProps}>\n            {isPaginationVisible() &&\n              <Pagination onRenderPagination={props.onRenderPagination} />\n            }\n          </div>\n        })}\n      </ThemeProvider>\n    })}\n  </ModelContext.Provider>\n}"],"names":["_jsx","_jsxs"],"mappings":"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"}

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

@@ -0,0 +1,37 @@
+import { EventEmitter, ICommand } from "@talxis/client-libraries";
+import { ITranslation } from "../../hooks";
+import { IDatasetControl } from "./interfaces";
+import { datasetControlTranslations } from "./translations";
+type Labels = Required<ITranslation<typeof datasetControlTranslations>>;
+interface IDatasetControlModelDeps {
+    getProps: () => IDatasetControl;
+    getLabels: () => Labels;
+}
+export interface IDatasetControlModelEvents {
+    onRecordCommandsLoaded: () => void;
+}
+export declare class DatasetControlModel extends EventEmitter<IDatasetControlModelEvents> {
+    private _getProps;
+    private _getLabels;
+    private _commands;
+    private _commandsLoaded;
+    private _debouncedLoadRecordCommands;
+    constructor(deps: IDatasetControlModelDeps);
+    isPaginationVisible(): boolean;
+    isRecordCountVisible(): boolean;
+    isPageSizeSwitcherVisible(): boolean;
+    isQuickFindVisible(): boolean;
+    isAutoSaveEnabled(): boolean;
+    isRibbonVisible(): boolean;
+    getDataset(): import("@talxis/client-libraries").IDataset;
+    getLabels(): Labels;
+    getPcfContext(): import("../..").IContext;
+    loadCommands(): Promise<void>;
+    retrieveRecordCommands(): ICommand[];
+    areCommandsLoaded(): boolean;
+    private _getParameters;
+    private _addEventListeners;
+    private _registerInterceptors;
+    private _getFilteredCommands;
+}
+export {};

package/dist/components/DatasetControl/DatasetControlModel.js

@@ -0,0 +1,110 @@
+import { EventEmitter, DataProvider } from '@talxis/client-libraries';
+import debounce from 'debounce';
+
+class DatasetControlModel extends EventEmitter {
+    constructor(deps) {
+        super();
+        this._commands = [];
+        this._commandsLoaded = false;
+        this._getProps = deps.getProps;
+        this._getLabels = deps.getLabels;
+        this._registerInterceptors();
+        this._debouncedLoadRecordCommands = debounce((ids) => this.loadCommands());
+        this.getDataset().paging.loadExactPage(this.getDataset().paging.pageNumber);
+        this._addEventListeners();
+    }
+    isPaginationVisible() {
+        return this._getParameters().EnablePagination?.raw ?? true;
+    }
+    isRecordCountVisible() {
+        return this._getParameters().ShowRecordCount?.raw ?? true;
+    }
+    isPageSizeSwitcherVisible() {
+        return this._getParameters().EnablePageSizeSwitcher?.raw ?? true;
+    }
+    isQuickFindVisible() {
+        return this._getParameters().EnableQuickFind?.raw ?? true;
+    }
+    isAutoSaveEnabled() {
+        return this._getParameters().EnableAutoSave?.raw ?? false;
+    }
+    isRibbonVisible() {
+        return this._getParameters().EnableCommandBar?.raw ?? true;
+    }
+    getDataset() {
+        return this._getParameters().Grid;
+    }
+    getLabels() {
+        return this._getLabels();
+    }
+    getPcfContext() {
+        return this._getProps().context;
+    }
+    async loadCommands() {
+        this._commands = await this.getDataset().getCommands();
+        this._commands = this._getFilteredCommands(this._commands);
+        this._commandsLoaded = true;
+        this.dispatchEvent('onRecordCommandsLoaded');
+    }
+    retrieveRecordCommands() {
+        return this._commands;
+    }
+    areCommandsLoaded() {
+        return this._commandsLoaded;
+    }
+    _getParameters() {
+        return this._getProps().parameters;
+    }
+    _addEventListeners() {
+        if (this.isRibbonVisible()) {
+            this.getDataset().addEventListener('onRecordsSelected', () => {
+                this._debouncedLoadRecordCommands(this.getDataset().getSelectedRecordIds());
+            });
+            this.getDataset().addEventListener('onRecordColumnValueChanged', () => {
+                this._debouncedLoadRecordCommands(this.getDataset().getSelectedRecordIds());
+            });
+            this.getDataset().addEventListener('onAfterRecordSaved', () => {
+                this._debouncedLoadRecordCommands(this.getDataset().getSelectedRecordIds());
+            });
+        }
+    }
+    _registerInterceptors() {
+        this.getDataset().setInterceptor('__unsavedChangesBlocker', (defaultAction) => {
+            if (!this.getDataset().isDirty()) {
+                return defaultAction();
+            }
+            else if (window.confirm(this.getLabels()['saving-discard-all-confirmation']())) {
+                //@ts-ignore
+                this.getDataset().getDataProvider()['_dirtyRecordIdsSet'].clear();
+                //@ts-ignore
+                this.getDataset().getDataProvider()['_invalidRecordFieldIdsSet'].clear();
+                return defaultAction();
+            }
+        });
+    }
+    _getFilteredCommands(commands) {
+        return commands.filter(command => {
+            switch (true) {
+                //these handles are handled by the platform in non-virtual datasets
+                case !this.getDataset().isVirtual() && DataProvider.CONST.NATIVE_COMMAND_IDS.includes(command.commandButtonId): {
+                    return false;
+                }
+                //no need to display these button when auto save is active
+                case this.isAutoSaveEnabled(): {
+                    switch (command.commandButtonId) {
+                        case DataProvider.CONST.SAVE_COMMAND_ID:
+                        case DataProvider.CONST.CLEAR_CHANGES_COMMAND_ID: {
+                            return false;
+                        }
+                    }
+                    if (command.commandButtonId === DataProvider.CONST.SAVE_COMMAND_ID)
+                        return false;
+                }
+            }
+            return true;
+        });
+    }
+}
+
+export { DatasetControlModel };
+//# sourceMappingURL=DatasetControlModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatasetControlModel.js","sources":["../../../src/components/DatasetControl/DatasetControlModel.ts"],"sourcesContent":["import { DataProvider, EventEmitter, ICommand } from \"@talxis/client-libraries\";\nimport { ITranslation } from \"../../hooks\";\nimport { IDatasetControl } from \"./interfaces\";\nimport { datasetControlTranslations } from \"./translations\";\nimport debounce from \"debounce\";\n\ntype Labels = Required<ITranslation<typeof datasetControlTranslations>>;\n\ninterface IDatasetControlModelDeps {\n    getProps: () => IDatasetControl;\n    getLabels: () => Labels;\n}\n\nexport interface IDatasetControlModelEvents {\n    onRecordCommandsLoaded: () => void;\n}\n\nexport class DatasetControlModel extends EventEmitter<IDatasetControlModelEvents> {\n    private _getProps: () => IDatasetControl;\n    private _getLabels: () => Labels;\n    private _commands: ICommand[] = [];\n    private _commandsLoaded: boolean = false;\n    private _debouncedLoadRecordCommands: debounce.DebouncedFunction<(ids: string[]) => void>;\n\n    constructor(deps: IDatasetControlModelDeps) {\n        super();\n        this._getProps = deps.getProps;\n        this._getLabels = deps.getLabels;\n        this._registerInterceptors();\n        this._debouncedLoadRecordCommands = debounce((ids) => this.loadCommands())\n        this.getDataset().paging.loadExactPage(this.getDataset().paging.pageNumber);\n        this._addEventListeners();\n    }\n\n    public isPaginationVisible(): boolean {\n        return this._getParameters().EnablePagination?.raw ?? true;\n    }\n    public isRecordCountVisible(): boolean {\n        return this._getParameters().ShowRecordCount?.raw ?? true;\n    }\n    public isPageSizeSwitcherVisible(): boolean {\n        return this._getParameters().EnablePageSizeSwitcher?.raw ?? true;\n    }\n    public isQuickFindVisible(): boolean {\n        return this._getParameters().EnableQuickFind?.raw ?? true;\n    }\n    public isAutoSaveEnabled(): boolean {\n        return this._getParameters().EnableAutoSave?.raw ?? false;\n    }\n    public isRibbonVisible(): boolean {\n        return this._getParameters().EnableCommandBar?.raw ?? true;\n    }\n    public getDataset() {\n        return this._getParameters().Grid;\n    }\n    public getLabels(): Labels {\n        return this._getLabels();\n    }\n    public getPcfContext() {\n        return this._getProps().context;\n    }\n    public async loadCommands() {\n        this._commands = await this.getDataset().getCommands();\n        this._commands = this._getFilteredCommands(this._commands);\n        this._commandsLoaded = true;\n        this.dispatchEvent('onRecordCommandsLoaded');\n    }\n    public retrieveRecordCommands() {\n        return this._commands;\n    }\n    public areCommandsLoaded(): boolean {\n        return this._commandsLoaded;\n    }\n    private _getParameters() {\n        return this._getProps().parameters;\n    }\n    private _addEventListeners() {\n        if (this.isRibbonVisible()) {\n            this.getDataset().addEventListener('onRecordsSelected', () => {\n                this._debouncedLoadRecordCommands(this.getDataset().getSelectedRecordIds());\n            })\n            this.getDataset().addEventListener('onRecordColumnValueChanged', () => {\n                this._debouncedLoadRecordCommands(this.getDataset().getSelectedRecordIds());\n            })\n            this.getDataset().addEventListener('onAfterRecordSaved', () => {\n                this._debouncedLoadRecordCommands(this.getDataset().getSelectedRecordIds());\n            })\n        }\n    }\n    private _registerInterceptors() {\n        this.getDataset().setInterceptor('__unsavedChangesBlocker', (defaultAction: any) => {\n            if (!this.getDataset().isDirty()) {\n                return defaultAction();\n            }\n            else if (window.confirm(this.getLabels()['saving-discard-all-confirmation']())) {\n                //@ts-ignore\n                this.getDataset().getDataProvider()['_dirtyRecordIdsSet'].clear();\n                //@ts-ignore\n                this.getDataset().getDataProvider()['_invalidRecordFieldIdsSet'].clear();\n                return defaultAction();\n            }\n        })\n    }\n\n    private _getFilteredCommands(commands: ICommand[]): ICommand[] {\n        return commands.filter(command => {\n            switch (true) {\n                //these handles are handled by the platform in non-virtual datasets\n                case !this.getDataset().isVirtual() && DataProvider.CONST.NATIVE_COMMAND_IDS.includes(command.commandButtonId): {\n                    return false;\n                }\n                //no need to display these button when auto save is active\n                case this.isAutoSaveEnabled(): {\n                    switch (command.commandButtonId) {\n                        case DataProvider.CONST.SAVE_COMMAND_ID:\n                        case DataProvider.CONST.CLEAR_CHANGES_COMMAND_ID: {\n                            return false;\n                        }\n                    }\n                    if (command.commandButtonId === DataProvider.CONST.SAVE_COMMAND_ID)\n                        return false;\n                }\n            }\n            return true;\n        })\n    }\n\n}"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+import { IDatasetColumnFiltering } from "./interfaces";
+import React from "react";
+export declare const DatasetColumnFiltering: (props: IDatasetColumnFiltering) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;

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

@@ -0,0 +1,166 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { ThemeProvider, PrimaryButton, DefaultButton } from '@fluentui/react';
+import { datasetColumnFilteringTranslations } from './translations.js';
+import React, { useState, useCallback, useMemo, useEffect } from 'react';
+import { DatasetColumnFilteringModel } from './DatasetColumnFilteringModel.js';
+import { useRerender } from '@talxis/react-components';
+import { getDatasetColumnFilteringStyles } from './styles.js';
+import { useDebouncedCallback } from 'use-debounce';
+import { Type } from '@talxis/client-libraries';
+import { useControl } from '../../../hooks/useControl.js';
+import { OptionSet } from '../../OptionSet/OptionSet.js';
+import { NestedControlRenderer } from '../../NestedControlRenderer/NestedControlRenderer.js';
+
+const DatasetColumnFiltering = (props) => {
+    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);
+    const { labels, theme, onNotifyOutputChanged } = useControl('DatasetFiltering', props, datasetColumnFilteringTranslations);
+    const context = props.context;
+    const filtering = props.parameters.Filtering;
+    const columnFilter = props.parameters.Filtering.getColumnFilter(props.parameters.ColumnName.raw);
+    //automatically create a condition if it's not present
+    if (columnFilter.getConditions().length === 0) {
+        columnFilter.addCondition();
+    }
+    //this is the first condition, we assume that the control is used for a single condition
+    const condition = columnFilter.getConditions()[0];
+    const rerender = useRerender();
+    const [shouldRemountValueControl, setShouldRemountValueControl] = useState(false);
+    const onOperatorChanged = useCallback(() => {
+        setShouldRemountValueControl(true);
+    }, []);
+    const isClearButtonDisabled = () => {
+        if (condition.isValueLoading()) {
+            return true;
+        }
+        return model.getConditionValue().every(value => {
+            return value == null;
+        });
+    };
+    const onSave = () => {
+        condition.setIsValueRequired(true);
+        const result = filtering.getFilterExpression(Type.And.Value);
+        if (!result) {
+            rerender();
+        }
+        else {
+            onNotifyOutputChanged(result);
+        }
+    };
+    const onClear = () => {
+        condition.setValue(null);
+        setShouldRemountValueControl(true);
+    };
+    const debouncedSetConditionControlValue = useDebouncedCallback((value, index) => {
+        model.setConditionValue(value, index);
+    });
+    const model = useMemo(() => {
+        condition.addEventListener('onOperatorChanged', onOperatorChanged);
+        condition.addEventListener('onValueChanged', rerender);
+        return new DatasetColumnFilteringModel(condition, labels);
+    }, []);
+    const conditionValue = model.getConditionValue();
+    const validationResult = condition.getValidationResult();
+    const styles = useMemo(() => getDatasetColumnFilteringStyles(), []);
+    const componentProps = onOverrideComponentProps({
+        onRender: (props, defaultRender) => defaultRender(props),
+    });
+    useEffect(() => {
+        if (shouldRemountValueControl) {
+            setShouldRemountValueControl(false);
+        }
+    }, [shouldRemountValueControl]);
+    return componentProps.onRender({
+        container: {
+            theme: theme,
+            className: styles.datasetColumnFilteringRoot
+        },
+        valueControlsContainer: {
+            className: styles.valueControlsContainer
+        },
+        onRenderConditionOperatorControl: (props, defaultRender) => defaultRender(props),
+        onRenderConditionValueControl: (props, defaultRender) => defaultRender(props),
+        onRenderButtons: (props, defaultRender) => defaultRender(props),
+    }, (props) => {
+        return jsxs(ThemeProvider, { ...props.container, children: [props.onRenderConditionOperatorControl({
+                    context: context,
+                    //@ts-ignore - typings
+                    onNotifyOutputChanged: (outputs) => condition.setOperator(outputs.value),
+                    parameters: {
+                        value: {
+                            raw: condition.getOperator(),
+                            //@ts-ignore - typings
+                            attributes: {
+                                Options: model.getOperatorOptionSet()
+                            }
+                        }
+                    },
+                }, (props) => jsx(OptionSet, { ...props })), jsx("div", { ...props.valueControlsContainer, children: !shouldRemountValueControl &&
+                        jsx(Fragment, { children: conditionValue.map((value, index) => {
+                                return jsx(React.Fragment, { children: props.onRenderConditionValueControl({
+                                        context: context,
+                                        onOverrideComponentProps: (props) => {
+                                            return {
+                                                ...props,
+                                                onOverrideIsLoading: () => condition.isValueLoading()
+                                            };
+                                        },
+                                        parameters: {
+                                            ControlName: model.getControlName(),
+                                            LoadingType: 'shimmer',
+                                            Bindings: {
+                                                value: {
+                                                    isStatic: false,
+                                                    value: value,
+                                                    type: condition.getDataType() ?? 'SingleLine.Text',
+                                                    error: validationResult[index].error,
+                                                    errorMessage: validationResult[index].errorMessage,
+                                                    metadata: {
+                                                        onOverrideMetadata: () => {
+                                                            return {
+                                                                ...condition.getMetadata()
+                                                            };
+                                                        }
+                                                    },
+                                                    onNotifyOutputChanged: (value) => debouncedSetConditionControlValue(value, index)
+                                                },
+                                                AutoFocus: {
+                                                    isStatic: true,
+                                                    value: index === 0 && conditionValue.length === 1,
+                                                    type: 'TwoOptions'
+                                                },
+                                                ShowErrorMessage: {
+                                                    isStatic: true,
+                                                    value: true,
+                                                    type: 'TwoOptions'
+                                                },
+                                                ...condition.getBindings()
+                                            }
+                                        }
+                                    }, (props) => {
+                                        if (!model.getControlName()) {
+                                            return jsx(Fragment, {});
+                                        }
+                                        return jsx(NestedControlRenderer, { ...props });
+                                    }) }, index);
+                            }) }) }), props.onRenderButtons({
+                    container: {
+                        className: styles.buttons
+                    },
+                    onRenderApplyButton: (props, defaultRender) => defaultRender(props),
+                    onRenderClearButton: (props, defaultRender) => defaultRender(props)
+                }, (props) => {
+                    return jsxs("div", { ...props.container, children: [props.onRenderApplyButton({
+                                text: 'Apply',
+                                disabled: condition.isValueLoading(),
+                                onClick: onSave,
+                            }, (props) => jsx(PrimaryButton, { ...props })), props.onRenderClearButton({
+                                text: 'Clear',
+                                disabled: isClearButtonDisabled(),
+                                onClick: onClear
+                            }, (props) => jsx(DefaultButton, { ...props }))] });
+                })] });
+    });
+};
+
+export { DatasetColumnFiltering };
+//# sourceMappingURL=DatasetColumnFiltering.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatasetColumnFiltering.js","sources":["../../../../src/components/DatasetControl/Filtering/DatasetColumnFiltering.tsx"],"sourcesContent":["import { DefaultButton, DirectionalHint, PrimaryButton, ThemeProvider } from \"@fluentui/react\";\nimport { useControl } from \"../../../hooks\"\nimport { OptionSet } from \"../../OptionSet\";\nimport { IDatasetColumnFiltering } from \"./interfaces\";\nimport { datasetColumnFilteringTranslations } from \"./translations\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { DatasetColumnFilteringModel } from \"./DatasetColumnFilteringModel\";\nimport { useRerender } from \"@talxis/react-components\";\nimport { NestedControlRenderer } from \"../../NestedControlRenderer\";\nimport React from \"react\";\nimport { getDatasetColumnFilteringStyles } from \"./styles\";\nimport { useDebouncedCallback } from \"use-debounce\";\nimport { Type as FilterType } from \"@talxis/client-libraries\";\n\nexport const DatasetColumnFiltering = (props: IDatasetColumnFiltering) => {\n    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);\n    const { labels, theme, onNotifyOutputChanged } = useControl('DatasetFiltering', props, datasetColumnFilteringTranslations);\n    const context = props.context;\n    const filtering = props.parameters.Filtering;\n    const columnFilter = props.parameters.Filtering.getColumnFilter(props.parameters.ColumnName.raw!);\n    //automatically create a condition if it's not present\n    if (columnFilter.getConditions().length === 0) {\n        columnFilter.addCondition();\n    }\n    //this is the first condition, we assume that the control is used for a single condition\n    const condition = columnFilter.getConditions()[0];\n    const rerender = useRerender();\n    const [shouldRemountValueControl, setShouldRemountValueControl] = useState(false);\n\n    const onOperatorChanged = useCallback(() => {\n        setShouldRemountValueControl(true);\n    }, []);\n\n    const isClearButtonDisabled = () => {\n        if (condition.isValueLoading()) {\n            return true;\n        }\n        return model.getConditionValue().every(value => {\n            return value == null;\n        });\n    }\n    const onSave = () => {\n        condition.setIsValueRequired(true);\n        const result = filtering.getFilterExpression(FilterType.And.Value);\n        if (!result) {\n            rerender();\n        }\n        else {\n            onNotifyOutputChanged(result)\n        }\n    }\n\n    const onClear = () => {\n        condition.setValue(null);\n        setShouldRemountValueControl(true);\n    }\n\n    const debouncedSetConditionControlValue = useDebouncedCallback((value, index) => {\n        model.setConditionValue(value, index);\n    })\n\n    const model = useMemo(() => {\n        condition.addEventListener('onOperatorChanged', onOperatorChanged);\n        condition.addEventListener('onValueChanged', rerender);\n        return new DatasetColumnFilteringModel(condition, labels)\n    }, []);\n\n    const conditionValue = model.getConditionValue();\n    const validationResult = condition.getValidationResult();\n    const styles = useMemo(() => getDatasetColumnFilteringStyles(), []);\n\n    const componentProps = onOverrideComponentProps({\n        onRender: (props, defaultRender) => defaultRender(props),\n    })\n\n    useEffect(() => {\n        if (shouldRemountValueControl) {\n            setShouldRemountValueControl(false);\n        }\n    }, [shouldRemountValueControl])\n\n    return componentProps.onRender({\n        container: {\n            theme: theme,\n            className: styles.datasetColumnFilteringRoot\n        },\n        valueControlsContainer: {\n            className: styles.valueControlsContainer\n        },\n        onRenderConditionOperatorControl: (props, defaultRender) => defaultRender(props),\n        onRenderConditionValueControl: (props, defaultRender) => defaultRender(props),\n        onRenderButtons: (props, defaultRender) => defaultRender(props),\n\n    }, (props) => {\n        return <ThemeProvider {...props.container}>\n            {props.onRenderConditionOperatorControl({\n                context: context,\n                //@ts-ignore - typings\n                onNotifyOutputChanged: (outputs) => condition.setOperator(outputs.value),\n                parameters: {\n                    value: {\n                        raw: condition.getOperator(),\n                        //@ts-ignore - typings\n                        attributes: {\n                            Options: model.getOperatorOptionSet()\n                        }\n                    }\n                },\n            }, (props) => <OptionSet {...props} />)}\n            <div {...props.valueControlsContainer}>\n                {!shouldRemountValueControl &&\n                    <>\n                        {\n                            conditionValue.map((value, index) => {\n                                return <React.Fragment key={index}>\n                                    {props.onRenderConditionValueControl({\n                                        context: context,\n                                        onOverrideComponentProps: (props) => {\n                                            return {\n                                                ...props,\n                                                onOverrideIsLoading: () => condition.isValueLoading()\n                                            }\n                                        },\n                                        parameters: {\n                                            ControlName: model.getControlName()!,\n                                            LoadingType: 'shimmer',\n                                            Bindings: {\n                                                value: {\n                                                    isStatic: false,\n                                                    value: value,\n                                                    type: condition.getDataType() ?? 'SingleLine.Text',\n                                                    error: validationResult[index].error,\n                                                    errorMessage: validationResult[index].errorMessage,\n                                                    metadata: {\n                                                        onOverrideMetadata: () => {\n                                                            return {\n                                                                ...condition.getMetadata()\n                                                            }\n                                                        }\n                                                    },\n                                                    onNotifyOutputChanged: (value) => debouncedSetConditionControlValue(value, index)\n                                                },\n                                                AutoFocus: {\n                                                    isStatic: true,\n                                                    value: index === 0 && conditionValue.length === 1,\n                                                    type: 'TwoOptions'\n                                                },\n                                                ShowErrorMessage: {\n                                                    isStatic: true,\n                                                    value: true,\n                                                    type: 'TwoOptions'\n                                                },\n                                                ...condition.getBindings()\n                                            }\n                                        }\n                                    }, (props) => {\n                                        if (!model.getControlName()) {\n                                            return <></>\n                                        }\n                                        return <NestedControlRenderer {...props} />\n                                    })}\n                                </React.Fragment>\n                            })\n                        }\n                    </>\n                }\n            </div>\n            {props.onRenderButtons({\n                container: {\n                    className: styles.buttons\n                },\n                onRenderApplyButton: (props, defaultRender) => defaultRender(props),\n                onRenderClearButton: (props, defaultRender) => defaultRender(props)\n            }, (props) => {\n                return <div {...props.container}>\n                    {props.onRenderApplyButton({\n                        text: 'Apply',\n                        disabled: condition.isValueLoading(),\n                        onClick: onSave,\n                    }, (props) => <PrimaryButton {...props} />)}\n                    {props.onRenderClearButton({\n                        text: 'Clear',\n                        disabled: isClearButtonDisabled(),\n                        onClick: onClear\n                    }, (props) => <DefaultButton\n                        {...props} />)}\n                </div>\n            })}\n        </ThemeProvider>\n    })\n}"],"names":["FilterType","_jsxs","_jsx","_Fragment"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+/// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
+import { ITranslation } from "../../../hooks";
+import { datasetColumnFilteringTranslations } from "./translations";
+import { Condition } from '@talxis/client-libraries';
+type Labels = Required<ITranslation<typeof datasetColumnFilteringTranslations>>;
+export declare class DatasetColumnFilteringModel {
+    private _condition;
+    private _labels;
+    constructor(condition: Condition, labels: Labels);
+    getOperatorOptionSet(): ComponentFramework.PropertyHelper.OptionMetadata[];
+    setConditionValue(value: any, index: number): void;
+    getConditionValue(): any[];
+    getControlName(): "Decimal" | "TextField" | "OptionSet" | "MultiSelectOptionSet" | "DateTime" | "Duration" | "Lookup" | "TwoOptions" | null;
+}
+export {};

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

@@ -0,0 +1,59 @@
+import { Operators } from '@talxis/client-libraries';
+import { BaseControls } from '../../../utils/BaseControls.js';
+
+class DatasetColumnFilteringModel {
+    constructor(condition, labels) {
+        this._condition = condition;
+        this._labels = labels;
+    }
+    getOperatorOptionSet() {
+        const operators = this._condition.getColumn().metadata?.SupportedFilterConditionOperators ?? [];
+        return operators.map(operator => {
+            return {
+                Value: operator,
+                //@ts-ignore - typings
+                Label: this._labels[`operator-${operator}`](),
+                Color: ''
+            };
+        });
+    }
+    setConditionValue(value, index) {
+        const operator = this._condition.getOperator();
+        if (operator !== Operators.Between.Value && operator !== Operators.NotBetween.Value) {
+            this._condition.setValue(value);
+        }
+        else {
+            const values = [this._condition.getControlValue()?.[0] ?? null, this._condition.getControlValue()?.[1] ?? null];
+            if (index === 0) {
+                values[0] = value;
+            }
+            else {
+                values[1] = value;
+            }
+            this._condition.setValue(values);
+        }
+    }
+    getConditionValue() {
+        const operator = this._condition.getOperator();
+        if (operator !== Operators.Between.Value && operator !== Operators.NotBetween.Value) {
+            return [this._condition.getControlValue()];
+        }
+        const value = this._condition.getControlValue();
+        if (Array.isArray(value)) {
+            return value;
+        }
+        return [null, null];
+    }
+    getControlName() {
+        const dataType = this._condition.getDataType();
+        if (!dataType) {
+            return null;
+        }
+        else {
+            return BaseControls.GetControlNameForDataType(dataType);
+        }
+    }
+}
+
+export { DatasetColumnFilteringModel };
+//# sourceMappingURL=DatasetColumnFilteringModel.js.map