@talxis/base-controls 1.2410.6 → 1.2411.1

package/dist/components/Grid/core/components/AgGrid/controllers/useAgGridController.js

@@ -1,173 +0,0 @@
-import { useRef, useMemo, useState, useEffect } from 'react';
-import { useGridController } from '../../../controllers/useGridController.js';
-import { useGridInstance } from '../../../hooks/useGridInstance.js';
-import { EditableCell } from '../../Cell/EditableCell/EditableCell.js';
-import { ReadOnlyCell } from '../../Cell/ReadOnlyCell/ReadOnlyCell.js';
-import { ColumnHeader } from '../../ColumnHeader/ColumnHeader.js';
-import { GlobalCheckBox } from '../../ColumnHeader/components/GlobalCheckbox/GlobalCheckbox.js';
-import { AgGrid } from '../model/AgGrid.js';
-import { ModuleRegistry } from '@ag-grid-community/core';
-import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';
-import { useDebounce } from 'use-debounce';
-import '@ag-grid-community/styles/ag-grid.css';
-import '@ag-grid-community/styles/ag-theme-balham.css';
-import { usePagingController } from '../../../../paging/controllers/usePagingController.js';
-import { useStateValues } from '@talxis/react-components';
-import { CHECKBOX_COLUMN_KEY } from '../../../../constants.js';
-
-ModuleRegistry.registerModules([ClientSideRowModelModule]);
-const useAgGridController = (gridApiRef) => {
-    const grid = useGridInstance();
-    const pagingController = usePagingController();
-    const agGridReadyRef = useRef(false);
-    const agGrid = useMemo(() => new AgGrid(grid, gridApiRef), []);
-    const { columns } = useGridController();
-    const [agColumns, setAgColumns] = useState([]);
-    const [stateValuesRef, getNewStateValues, setDefaultStateValues] = useStateValues(grid.state);
-    //this is to prevent AgGrid from throwing errors in some rerender edge cases - https://github.com/ag-grid/ag-grid/issues/6013
-    const [agRecords] = useDebounce(grid.records, 0);
-    setTimeout(() => {
-        //set timeout to prevent ag grid from refreshing when another refresh is in progress
-        //debounce
-        gridApiRef.current?.refreshCells({
-            rowNodes: gridApiRef.current?.getRenderedNodes(),
-            force: true
-        });
-    }, 0);
-    useEffect(() => {
-        if (!agGridReadyRef.current) {
-            return;
-        }
-        agGrid.selectRows();
-        gridApiRef.current?.refreshHeader();
-    }, [grid.dataset.getSelectedRecordIds().join('')]);
-    useEffect(() => {
-        if (columns.length === 0) {
-            return;
-        }
-        const _agColumns = agGrid.columns;
-        for (const agColumn of _agColumns) {
-            agColumn.cellRenderer = ReadOnlyCell;
-            agColumn.cellEditor = EditableCell;
-            agColumn.headerComponent = ColumnHeader;
-            if (agColumn.field === CHECKBOX_COLUMN_KEY) {
-                agColumn.lockPosition = 'left';
-                agColumn.headerComponent = GlobalCheckBox;
-            }
-        }
-        setAgColumns(_agColumns);
-    }, [columns]);
-    //this might be very Portal centric
-    useEffect(() => {
-        if (!gridApiRef.current) {
-            return;
-        }
-        if (grid.loading) {
-            gridApiRef.current.showLoadingOverlay();
-            return;
-        }
-        gridApiRef.current.hideOverlay();
-        setTimeout(() => {
-            if (grid.records.length === 0) {
-                gridApiRef.current?.showNoRowsOverlay();
-            }
-        }, 0);
-    }, [grid.loading]);
-    useEffect(() => {
-        if (!gridApiRef.current) {
-            return;
-        }
-        gridApiRef.current.ensureIndexVisible(0);
-    }, [pagingController.pageNumber]);
-    useEffect(() => {
-        const onBeforeUnload = (ev) => {
-            if (grid.recordUpdateService.isDirty) {
-                ev.preventDefault();
-                return 'Unsaved changes!';
-            }
-        };
-        window.addEventListener('beforeunload', onBeforeUnload);
-        return () => {
-            window.removeEventListener('beforeunload', onBeforeUnload);
-            if (!gridApiRef.current) {
-                return;
-            }
-            stateValuesRef.current.__updatedRecords = grid.recordUpdateService.updatedRecords;
-            grid.pcfContext.mode.setControlState(getNewStateValues());
-        };
-    }, []);
-    //this can be replaced with native functionality if we decide to use ag grid enterprise
-    useEffect(() => {
-        const onKeyDownHandler = async (event) => {
-            // if control key(windows) or command key(iOS) + S key is clicked
-            if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'c') {
-                const cell = gridApiRef.current?.getFocusedCell();
-                if (!cell) {
-                    return;
-                }
-                const row = gridApiRef.current?.getDisplayedRowAtIndex(cell.rowIndex);
-                const formattedValue = gridApiRef.current?.getCellValue({
-                    rowNode: row,
-                    colKey: cell.column.getColId(),
-                    useFormatter: true
-                });
-                navigator.clipboard.writeText(formattedValue ?? "");
-            }
-        };
-        window.addEventListener('keydown', onKeyDownHandler);
-        return () => {
-            window.removeEventListener('keydown', onKeyDownHandler);
-        };
-    }, []);
-    //TODO: find a better way to achieve this
-    useEffect(() => {
-        const globalClickHandler = (e) => {
-            const hasAncestorWithClass = (element, className) => {
-                let parent = element;
-                while (!parent.classList.contains('ag-theme-balham')) {
-                    if (parent.classList.contains(className)) {
-                        return true;
-                    }
-                    if (parent.tagName === 'HTML') {
-                        return false;
-                    }
-                    parent = parent.parentElement;
-                    if (!parent) {
-                        return true;
-                    }
-                }
-                return false;
-            };
-            try {
-                if (!hasAncestorWithClass(e.target, 'ag-cell')) {
-                    gridApiRef.current?.stopEditing();
-                }
-            }
-            catch (err) {
-            }
-        };
-        document.addEventListener('click', globalClickHandler);
-        return () => {
-            document.removeEventListener('click', globalClickHandler);
-        };
-    }, []);
-    const onGridReady = () => {
-        agGridReadyRef.current = true;
-        setDefaultStateValues({
-            ...gridApiRef.current.getState(),
-            initialPageSize: undefined,
-            __updatedRecords: []
-        });
-        agGrid.selectRows();
-    };
-    return {
-        agColumns: agColumns,
-        records: agRecords,
-        stateRef: stateValuesRef,
-        getTotalColumnsWidth: () => agGrid.getTotalColumnsWidth(),
-        onGridReady: onGridReady
-    };
-};
-
-export { useAgGridController };
-//# sourceMappingURL=useAgGridController.js.map

package/dist/components/Grid/core/components/AgGrid/controllers/useAgGridController.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAgGridController.js","sources":["../../../../../../../src/components/Grid/core/components/AgGrid/controllers/useAgGridController.ts"],"sourcesContent":["import { ColDef, GridApi, GridState } from \"@ag-grid-community/core\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useGridController } from \"../../../controllers/useGridController\"\nimport { useGridInstance } from \"../../../hooks/useGridInstance\";\nimport { EditableCell } from \"../../Cell/EditableCell/EditableCell\";\nimport { ReadOnlyCell } from \"../../Cell/ReadOnlyCell/ReadOnlyCell\";\nimport { ColumnHeader } from \"../../ColumnHeader/ColumnHeader\";\nimport { GlobalCheckBox } from \"../../ColumnHeader/components/GlobalCheckbox/GlobalCheckbox\";\nimport { AgGrid } from \"../model/AgGrid\";\nimport { ModuleRegistry } from '@ag-grid-community/core';\nimport { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';\nimport { useDebounce } from 'use-debounce';\nimport \"@ag-grid-community/styles/ag-grid.css\";\nimport \"@ag-grid-community/styles/ag-theme-balham.css\";\nimport { usePagingController } from \"../../../../paging/controllers/usePagingController\";\nimport { useStateValues } from \"@talxis/react-components\";\nimport { IUpdatedRecord } from \"../../../services/RecordUpdateService/model/RecordUpdateService\";\nimport { IRecord } from \"@talxis/client-libraries\";\nimport { CHECKBOX_COLUMN_KEY } from \"../../../../constants\";\nModuleRegistry.registerModules([ClientSideRowModelModule]);\n\ninterface IAgGridController {\n    agColumns: ColDef[],\n    records: IRecord[],\n    stateRef: React.MutableRefObject<IAgGridState>\n    getTotalColumnsWidth: () => number,\n    onGridReady: () => void;\n}\n\ninterface IAgGridState extends GridState {\n    '__updatedRecords'?: IUpdatedRecord[];\n    initialPageSize?: number;\n}\n\nexport const useAgGridController = (gridApiRef: React.MutableRefObject<GridApi<ComponentFramework.PropertyHelper.DataSetApi.EntityRecord> | undefined>): IAgGridController => {\n    const grid = useGridInstance();\n    const pagingController = usePagingController();\n    const agGridReadyRef = useRef<boolean>(false);\n    const agGrid = useMemo(() => new AgGrid(grid, gridApiRef), [])\n    const { columns } = useGridController();\n    const [agColumns, setAgColumns] = useState<ColDef[]>([]);\n    const [stateValuesRef, getNewStateValues, setDefaultStateValues] = useStateValues<IAgGridState>(grid.state as IAgGridState);\n    //this is to prevent AgGrid from throwing errors in some rerender edge cases - https://github.com/ag-grid/ag-grid/issues/6013\n    const [agRecords] = useDebounce(grid.records, 0);\n\n    setTimeout(() => {\n        //set timeout to prevent ag grid from refreshing when another refresh is in progress\n        //debounce\n        gridApiRef.current?.refreshCells({\n            rowNodes: gridApiRef.current?.getRenderedNodes(),\n            force: true\n        });\n    }, 0);\n\n    useEffect(() => {\n        if (!agGridReadyRef.current) {\n            return;\n        }\n        agGrid.selectRows();\n        gridApiRef.current?.refreshHeader();\n    }, [grid.dataset.getSelectedRecordIds().join('')]);\n\n    useEffect(() => {\n        if (columns.length === 0) {\n            return;\n        }\n        const _agColumns = agGrid.columns;\n        for (const agColumn of _agColumns) {\n            agColumn.cellRenderer = ReadOnlyCell;\n            agColumn.cellEditor = EditableCell;\n            agColumn.headerComponent = ColumnHeader;\n\n            if (agColumn.field === CHECKBOX_COLUMN_KEY) {\n                agColumn.lockPosition = 'left';\n                agColumn.headerComponent = GlobalCheckBox\n            }\n        }\n        setAgColumns(_agColumns);\n    }, [columns]);\n\n    //this might be very Portal centric\n    useEffect(() => {\n        if (!gridApiRef.current) {\n            return;\n        }\n        if (grid.loading) {\n            gridApiRef.current.showLoadingOverlay();\n            return;\n        }\n        gridApiRef.current.hideOverlay();\n        setTimeout(() => {\n            if (grid.records.length === 0) {\n                gridApiRef.current?.showNoRowsOverlay();\n            }\n        }, 0);\n    }, [grid.loading]);\n\n\n    useEffect(() => {\n        if (!gridApiRef.current) {\n            return;\n        }\n        gridApiRef.current.ensureIndexVisible(0)\n    }, [pagingController.pageNumber]);\n\n    useEffect(() => {\n        const onBeforeUnload = (ev: BeforeUnloadEvent) => {\n            if (grid.recordUpdateService.isDirty) {\n                ev.preventDefault();\n                return 'Unsaved changes!'\n            }\n        }\n        window.addEventListener('beforeunload', onBeforeUnload);\n        return () => {\n            window.removeEventListener('beforeunload', onBeforeUnload);\n            if (!gridApiRef.current) {\n                return;\n            }\n            stateValuesRef.current.__updatedRecords = grid.recordUpdateService.updatedRecords;\n            grid.pcfContext.mode.setControlState(getNewStateValues());\n        }\n    }, []);\n\n    //this can be replaced with native functionality if we decide to use ag grid enterprise\n    useEffect(() => {\n        const onKeyDownHandler = async (event: KeyboardEvent) => {\n            // if control key(windows) or command key(iOS) + S key is clicked\n            if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'c') {\n                const cell = gridApiRef.current?.getFocusedCell();\n                if (!cell) {\n                    return;\n                }\n                const row = gridApiRef.current?.getDisplayedRowAtIndex(cell.rowIndex);\n                const formattedValue = gridApiRef.current?.getCellValue({\n                    rowNode: row!,\n                    colKey: cell.column.getColId(),\n                    useFormatter: true\n                })\n                navigator.clipboard.writeText(formattedValue ?? \"\");\n            }\n        }\n        window.addEventListener('keydown', onKeyDownHandler)\n        return () => {\n            window.removeEventListener('keydown', onKeyDownHandler);\n        }\n    }, []);\n\n    //TODO: find a better way to achieve this\n    useEffect(() => {\n        const globalClickHandler = (e: MouseEvent) => {\n            const hasAncestorWithClass = (element: HTMLElement, className: string): boolean => {\n                let parent = element;\n                while (!parent.classList.contains('ag-theme-balham')) {\n                    if (parent.classList.contains(className)) {\n                        return true;\n                    }\n                    if (parent.tagName === 'HTML') {\n                        return false;\n                    }\n                    parent = parent.parentElement!;\n                    if (!parent) {\n                        return true;\n                    }\n                }\n                return false;\n            };\n            try {\n                if (!hasAncestorWithClass(e.target as HTMLElement, 'ag-cell')) {\n                    gridApiRef.current?.stopEditing();\n                }\n            }\n            catch (err) {\n            }\n        }\n        document.addEventListener('click', globalClickHandler)\n        return () => {\n            document.removeEventListener('click', globalClickHandler);\n        }\n    }, []);\n\n    const onGridReady = () => {\n        agGridReadyRef.current = true;\n        setDefaultStateValues({\n            ...gridApiRef.current!.getState(),\n            initialPageSize: undefined,\n            __updatedRecords: []\n        });\n        agGrid.selectRows();\n    }\n\n    return {\n        agColumns: agColumns,\n        records: agRecords,\n        stateRef: stateValuesRef,\n        getTotalColumnsWidth: () => agGrid.getTotalColumnsWidth(),\n        onGridReady: onGridReady\n    }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAmBA,cAAc,CAAC,eAAe,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC;AAe9C,MAAA,mBAAmB,GAAG,CAAC,UAAkH,KAAuB;AACzK,IAAA,MAAM,IAAI,GAAG,eAAe,EAAE,CAAC;AAC/B,IAAA,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;AAC/C,IAAA,MAAM,cAAc,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;AAC9C,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,EAAE,CAAC,CAAA;AAC9D,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACxC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;AACzD,IAAA,MAAM,CAAC,cAAc,EAAE,iBAAiB,EAAE,qBAAqB,CAAC,GAAG,cAAc,CAAe,IAAI,CAAC,KAAqB,CAAC,CAAC;;AAE5H,IAAA,MAAM,CAAC,SAAS,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAEjD,UAAU,CAAC,MAAK;;;AAGZ,QAAA,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC;AAC7B,YAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,EAAE,gBAAgB,EAAE;AAChD,YAAA,KAAK,EAAE,IAAI;AACd,SAAA,CAAC,CAAC;KACN,EAAE,CAAC,CAAC,CAAC;IAEN,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;YACzB,OAAO;AACV,SAAA;QACD,MAAM,CAAC,UAAU,EAAE,CAAC;AACpB,QAAA,UAAU,CAAC,OAAO,EAAE,aAAa,EAAE,CAAC;AACxC,KAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAEnD,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;YACtB,OAAO;AACV,SAAA;AACD,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC;AAClC,QAAA,KAAK,MAAM,QAAQ,IAAI,UAAU,EAAE;AAC/B,YAAA,QAAQ,CAAC,YAAY,GAAG,YAAY,CAAC;AACrC,YAAA,QAAQ,CAAC,UAAU,GAAG,YAAY,CAAC;AACnC,YAAA,QAAQ,CAAC,eAAe,GAAG,YAAY,CAAC;AAExC,YAAA,IAAI,QAAQ,CAAC,KAAK,KAAK,mBAAmB,EAAE;AACxC,gBAAA,QAAQ,CAAC,YAAY,GAAG,MAAM,CAAC;AAC/B,gBAAA,QAAQ,CAAC,eAAe,GAAG,cAAc,CAAA;AAC5C,aAAA;AACJ,SAAA;QACD,YAAY,CAAC,UAAU,CAAC,CAAC;AAC7B,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;;IAGd,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YACrB,OAAO;AACV,SAAA;QACD,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,UAAU,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC;YACxC,OAAO;AACV,SAAA;AACD,QAAA,UAAU,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QACjC,UAAU,CAAC,MAAK;AACZ,YAAA,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;AAC3B,gBAAA,UAAU,CAAC,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC3C,aAAA;SACJ,EAAE,CAAC,CAAC,CAAC;AACV,KAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IAGnB,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YACrB,OAAO;AACV,SAAA;AACD,QAAA,UAAU,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAA;AAC5C,KAAC,EAAE,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC;IAElC,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,cAAc,GAAG,CAAC,EAAqB,KAAI;AAC7C,YAAA,IAAI,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE;gBAClC,EAAE,CAAC,cAAc,EAAE,CAAC;AACpB,gBAAA,OAAO,kBAAkB,CAAA;AAC5B,aAAA;AACL,SAAC,CAAA;AACD,QAAA,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;AACxD,QAAA,OAAO,MAAK;AACR,YAAA,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;AAC3D,YAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;gBACrB,OAAO;AACV,aAAA;YACD,cAAc,CAAC,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC;YAClF,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,iBAAiB,EAAE,CAAC,CAAC;AAC9D,SAAC,CAAA;KACJ,EAAE,EAAE,CAAC,CAAC;;IAGP,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,gBAAgB,GAAG,OAAO,KAAoB,KAAI;;AAEpD,YAAA,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,KAAK,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE;gBACrE,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,EAAE,cAAc,EAAE,CAAC;gBAClD,IAAI,CAAC,IAAI,EAAE;oBACP,OAAO;AACV,iBAAA;AACD,gBAAA,MAAM,GAAG,GAAG,UAAU,CAAC,OAAO,EAAE,sBAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACtE,gBAAA,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC;AACpD,oBAAA,OAAO,EAAE,GAAI;AACb,oBAAA,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;AAC9B,oBAAA,YAAY,EAAE,IAAI;AACrB,iBAAA,CAAC,CAAA;gBACF,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,cAAc,IAAI,EAAE,CAAC,CAAC;AACvD,aAAA;AACL,SAAC,CAAA;AACD,QAAA,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAA;AACpD,QAAA,OAAO,MAAK;AACR,YAAA,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AAC5D,SAAC,CAAA;KACJ,EAAE,EAAE,CAAC,CAAC;;IAGP,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,kBAAkB,GAAG,CAAC,CAAa,KAAI;AACzC,YAAA,MAAM,oBAAoB,GAAG,CAAC,OAAoB,EAAE,SAAiB,KAAa;gBAC9E,IAAI,MAAM,GAAG,OAAO,CAAC;gBACrB,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE;oBAClD,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;AACtC,wBAAA,OAAO,IAAI,CAAC;AACf,qBAAA;AACD,oBAAA,IAAI,MAAM,CAAC,OAAO,KAAK,MAAM,EAAE;AAC3B,wBAAA,OAAO,KAAK,CAAC;AAChB,qBAAA;AACD,oBAAA,MAAM,GAAG,MAAM,CAAC,aAAc,CAAC;oBAC/B,IAAI,CAAC,MAAM,EAAE;AACT,wBAAA,OAAO,IAAI,CAAC;AACf,qBAAA;AACJ,iBAAA;AACD,gBAAA,OAAO,KAAK,CAAC;AACjB,aAAC,CAAC;YACF,IAAI;gBACA,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAqB,EAAE,SAAS,CAAC,EAAE;AAC3D,oBAAA,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC;AACrC,iBAAA;AACJ,aAAA;AACD,YAAA,OAAO,GAAG,EAAE;AACX,aAAA;AACL,SAAC,CAAA;AACD,QAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;AACtD,QAAA,OAAO,MAAK;AACR,YAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;AAC9D,SAAC,CAAA;KACJ,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,MAAK;AACrB,QAAA,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;AAC9B,QAAA,qBAAqB,CAAC;AAClB,YAAA,GAAG,UAAU,CAAC,OAAQ,CAAC,QAAQ,EAAE;AACjC,YAAA,eAAe,EAAE,SAAS;AAC1B,YAAA,gBAAgB,EAAE,EAAE;AACvB,SAAA,CAAC,CAAC;QACH,MAAM,CAAC,UAAU,EAAE,CAAC;AACxB,KAAC,CAAA;IAED,OAAO;AACH,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,QAAQ,EAAE,cAAc;AACxB,QAAA,oBAAoB,EAAE,MAAM,MAAM,CAAC,oBAAoB,EAAE;AACzD,QAAA,WAAW,EAAE,WAAW;KAC3B,CAAA;AACL;;;;"}

package/dist/components/Grid/core/components/Save/components/ChangeEditor/components/RecordGrids/RecordGrids.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IUpdatedRecord } from '../../../../../../services/RecordUpdateService/model/RecordUpdateService';
-interface IRecordGrids {
-    record: IUpdatedRecord;
-}
-export declare const RecordGrids: (props: IRecordGrids) => JSX.Element;
-export {};

package/dist/components/Grid/core/components/Save/components/ChangeEditor/components/RecordGrids/RecordGrids.js

@@ -1,144 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Grid } from '../../../../../../../Grid.js';
-import { useGridInstance } from '../../../../../../hooks/useGridInstance.js';
-import { useTheme, Text, Icon } from '@fluentui/react';
-import { getRecordGridStyles } from './styles.js';
-
-const RecordGrids = (props) => {
-    const grid = useGridInstance();
-    const record = { ...props.record };
-    const styles = getRecordGridStyles(useTheme());
-    const sharedProps = {
-        context: {
-            ...grid.pcfContext,
-            mode: {
-                ...grid.pcfContext.mode,
-                //needed so the nested grids to do not interfere with the state of parent grid
-                setControlState: (state) => false
-            }
-        },
-        state: {},
-        parameters: {
-            EnableFiltering: {
-                raw: false
-            },
-            EnablePagination: {
-                raw: false
-            },
-            EnableSorting: {
-                raw: false
-            },
-            EnableNavigation: {
-                raw: false
-            },
-            SelectableRows: {
-                type: 'static',
-                raw: 'none'
-            },
-            EnableOptionSetColors: {
-                raw: grid.parameters.EnableOptionSetColors?.raw ?? false
-            },
-            Grid: {
-                ...grid.dataset,
-                sorting: [],
-                linking: grid.dataset.linking,
-                columns: [...record.columns.values()],
-                sortedRecordIds: [record.getRecordId()],
-                getTargetEntityType: () => grid.dataset.getTargetEntityType(),
-                filtering: {
-                    ...grid.dataset.filtering,
-                    getFilter: () => {
-                        return {
-                            conditions: [],
-                            filterOperator: 0,
-                        };
-                    }
-                },
-                getSelectedRecordIds: () => [],
-                paging: {
-                    ...grid.dataset.paging,
-                    pageSize: 1
-                }
-            }
-        }
-    };
-    const invalidColumns = (() => {
-        const columns = [];
-        for (const column of record.columns.values()) {
-            if (!record.isValid(column.name)) {
-                columns.push(column);
-            }
-        }
-        return columns;
-    })();
-    const hasInvalidColumn = invalidColumns.length > 0;
-    const getOriginalRecord = (record) => {
-        //@ts-ignore
-        return {
-            getFormattedValue: (columnKey) => record.getOriginalFormattedValue(columnKey),
-            getRecordId: () => record.getRecordId(),
-            getNamedReference: () => record.getNamedReference(),
-            getValue: (columnKey) => record.getOriginalValue(columnKey),
-            save: async () => {
-                await record.save();
-                grid.pcfContext.factory.requestRender();
-            },
-            //only comes when clear is called to return to the original value
-            setValue: (columnKey, value) => {
-                record.clear();
-                //TODO: the internal record id map wont get updated
-                //with the references to updated records until they appear 
-                //in the grid => you cant see the changes 
-                grid.pcfContext.factory.requestRender();
-            }
-        };
-    };
-    const getUpdatedRecord = (record) => {
-        //@ts-ignore
-        return {
-            getFormattedValue: (columnKey) => record.getFormattedValue(columnKey),
-            getRecordId: () => record.getRecordId(),
-            getNamedReference: () => record.getNamedReference(),
-            getValue: (columnKey) => record.getValue(columnKey),
-            save: () => { throw new Error('Should not be called!'); },
-            setValue: (columnKey, value) => {
-                record.setValue(columnKey, value);
-                grid.pcfContext.factory.requestRender();
-            }
-        };
-    };
-    return (jsxs("div", { className: styles.root, children: [jsxs("div", { className: styles.readOnlyGrid, children: [jsx("div", { className: styles.gridTitleWrapper, children: jsx(Text, { title: record.getOriginalFormattedPrimaryNameValue(), variant: 'large', children: record.getOriginalFormattedPrimaryNameValue() }) }), jsx(Grid, { ...sharedProps, parameters: {
-                            ...sharedProps.parameters,
-                            ChangeEditorMode: {
-                                raw: "read",
-                                error: hasInvalidColumn,
-                            },
-                            Grid: {
-                                ...sharedProps.parameters.Grid,
-                                error: hasInvalidColumn,
-                                errorMessage: hasInvalidColumn ? grid.labels['saving-validation-error']({
-                                    columnDisplayNames: invalidColumns.map(x => x.displayName).join(', ')
-                                }) : undefined,
-                                records: {
-                                    [record.getRecordId()]: getOriginalRecord(record)
-                                }
-                            },
-                        } })] }), jsx(Icon, { iconName: "DoubleChevronDown8" }), jsx("div", { className: styles.editableGrid, children: jsx(Grid, { ...sharedProps, parameters: {
-                        ...sharedProps.parameters,
-                        ChangeEditorMode: {
-                            raw: "edit"
-                        },
-                        EnableEditing: {
-                            raw: true
-                        },
-                        Grid: {
-                            ...sharedProps.parameters.Grid,
-                            records: {
-                                [record.getRecordId()]: getUpdatedRecord(record)
-                            }
-                        }
-                    } }) })] }));
-};
-
-export { RecordGrids };
-//# sourceMappingURL=RecordGrids.js.map

package/dist/components/Grid/core/components/Save/components/ChangeEditor/components/RecordGrids/RecordGrids.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecordGrids.js","sources":["../../../../../../../../../../src/components/Grid/core/components/Save/components/ChangeEditor/components/RecordGrids/RecordGrids.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '../../../../../../../Grid';\nimport { useGridInstance } from '../../../../../../hooks/useGridInstance';\nimport { IUpdatedRecord } from '../../../../../../services/RecordUpdateService/model/RecordUpdateService';\nimport { Text } from '@fluentui/react';\nimport { IGrid, IGridParameters } from '../../../../../../../interfaces';\nimport { Icon } from '@fluentui/react';\nimport { getRecordGridStyles } from './styles';\nimport { useTheme } from '@fluentui/react';\nimport { IColumn, IRecord } from '@talxis/client-libraries';\n\ninterface IRecordGrids {\n    record: IUpdatedRecord;\n}\nexport const RecordGrids = (props: IRecordGrids) => {\n    const grid = useGridInstance();\n    const record = { ...props.record };\n    const styles = getRecordGridStyles(useTheme());\n    const sharedProps: IGrid = {\n        context: {\n            ...grid.pcfContext,\n            mode: {\n                ...grid.pcfContext.mode,\n                //needed so the nested grids to do not interfere with the state of parent grid\n                setControlState: (state: ComponentFramework.Dictionary) => false\n            }\n        },\n        state: {},\n        parameters: {\n            EnableFiltering: {\n                raw: false\n            },\n            EnablePagination: {\n                raw: false\n            },\n            EnableSorting: {\n                raw: false\n            },\n            EnableNavigation: {\n                raw: false\n            },\n            SelectableRows: {\n                type: 'static',\n                raw: 'none'\n            },\n            EnableOptionSetColors: {\n                raw: grid.parameters.EnableOptionSetColors?.raw ?? false\n            },\n            Grid: {\n                ...grid.dataset,\n                sorting: [],\n                linking: grid.dataset.linking,\n                columns: [...record.columns.values()],\n                sortedRecordIds: [record.getRecordId()],\n                getTargetEntityType: () => grid.dataset.getTargetEntityType(),\n                filtering: {\n                    ...grid.dataset.filtering,\n                    getFilter: () => {\n                        return {\n                            conditions: [],\n                            filterOperator: 0,\n                        }\n                    }\n                },\n                getSelectedRecordIds: () => [],\n                paging: {\n                    ...grid.dataset.paging,\n                    pageSize: 1\n                }\n            }\n        } as IGridParameters\n    }\n\n    const invalidColumns = (() => {\n        const columns: IColumn[] = [];\n        for(const column of record.columns.values()) {\n            if(!record.isValid(column.name)) {\n                columns.push(column);\n            }\n        }\n        return columns;\n    })();\n\n    const hasInvalidColumn = invalidColumns.length > 0;\n\n    const getOriginalRecord = (record: IUpdatedRecord): IRecord => {\n        //@ts-ignore\n        return {\n            getFormattedValue: (columnKey: string) => record.getOriginalFormattedValue(columnKey),\n            getRecordId: () => record.getRecordId(),\n            getNamedReference: () => record.getNamedReference(),\n            getValue: (columnKey: string) => record.getOriginalValue(columnKey),\n            save: async () => {\n                const result = await record.save();\n                grid.pcfContext.factory.requestRender();\n            },\n            //only comes when clear is called to return to the original value\n            setValue: (columnKey: string, value: any) => {\n                record.clear();\n                //TODO: the internal record id map wont get updated\n                //with the references to updated records until they appear \n                //in the grid => you cant see the changes \n                grid.pcfContext.factory.requestRender();\n            }\n        }\n    }\n    const getUpdatedRecord = (record: IUpdatedRecord): IRecord => {\n        //@ts-ignore\n        return {\n            getFormattedValue: (columnKey: string) => record.getFormattedValue(columnKey),\n            getRecordId: () => record.getRecordId(),\n            getNamedReference: () => record.getNamedReference(),\n            getValue: (columnKey: string) => record.getValue(columnKey),\n            save: () => { throw new Error('Should not be called!') },\n            setValue: (columnKey: string, value: any) => {\n                record.setValue(columnKey, value)\n                grid.pcfContext.factory.requestRender();\n            }\n        }\n    }\n\n    return (\n        <div className={styles.root}>\n            <div className={styles.readOnlyGrid}>\n                <div className={styles.gridTitleWrapper}>\n                    <Text title={record.getOriginalFormattedPrimaryNameValue()} variant='large'>{record.getOriginalFormattedPrimaryNameValue()}</Text>\n                </div>\n                <Grid\n                    {...sharedProps}\n                    parameters={{\n                        ...sharedProps.parameters,\n                        ChangeEditorMode: {\n                            raw: \"read\",\n                            error: hasInvalidColumn,\n                        },\n                        Grid: {\n                            ...sharedProps.parameters.Grid,\n                            error: hasInvalidColumn,\n                            errorMessage: hasInvalidColumn ? grid.labels['saving-validation-error']({\n                                columnDisplayNames: invalidColumns.map( x => x.displayName).join(', ')\n                            }): undefined,\n                            records: {\n                                [record.getRecordId()]: getOriginalRecord(record)\n                            }\n                        },\n\n                    } as IGridParameters} />\n            </div>\n            <Icon iconName=\"DoubleChevronDown8\" />\n            <div className={styles.editableGrid}>\n                <Grid\n                    {...sharedProps}\n                    parameters={{\n                        ...sharedProps.parameters,\n                        ChangeEditorMode: {\n                            raw: \"edit\"\n                        },\n                        EnableEditing: {\n                            raw: true\n                        },\n                        Grid: {\n                            ...sharedProps.parameters.Grid,\n                            records: {\n                                [record.getRecordId()]: getUpdatedRecord(record)\n                            }\n                        }\n                    } as IGridParameters} />\n            </div>\n        </div>\n    )\n}"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/Grid/core/components/Save/components/ChangeEditor/components/RecordGrids/styles.d.ts

@@ -1,48 +0,0 @@
-import { ITheme } from "@fluentui/react";
-export declare const getRecordGridStyles: (theme: ITheme) => import("@fluentui/react").IProcessedStyleSet<{
-    root: {
-        borderRadius: number;
-        padding: number;
-        paddingTop: number;
-        gap: number;
-        display: string;
-        flexDirection: string;
-        justifyContent: string;
-        backgroundColor: string;
-        boxShadow: string;
-        '>span': {
-            fontWeight: number;
-        };
-        '>i': {
-            alignSelf: string;
-            fontSize: number;
-        };
-    };
-    readOnlyGrid: {
-        '.ag-theme-balham > div > .ms-MessageBar': {
-            minHeight: number;
-            height: number;
-            '.ms-MessageBar-actionsSingleLine': {
-                position: string;
-                top: number;
-            };
-        };
-    };
-    gridTitleWrapper: {
-        borderBottom: string;
-        paddingBottom: number;
-        '>span': {
-            fontWeight: number;
-            fontSize: number;
-            overflow: string;
-            whiteSpace: string;
-            textOverflow: string;
-            display: string;
-            maxWidth: string;
-        };
-    };
-    editableGrid: {
-        position: string;
-        top: number;
-    };
-}>;

package/dist/components/Grid/core/components/Save/components/ChangeEditor/components/RecordGrids/styles.js

@@ -1,54 +0,0 @@
-import { mergeStyleSets } from '@fluentui/react';
-
-const getRecordGridStyles = (theme) => {
-    return mergeStyleSets({
-        root: {
-            borderRadius: 5,
-            padding: 8,
-            paddingTop: 10,
-            gap: 25,
-            display: 'flex',
-            flexDirection: 'column',
-            justifyContent: 'center',
-            backgroundColor: theme.semanticColors.bodyBackground,
-            boxShadow: theme.semanticColors.cardShadow,
-            '>span': {
-                fontWeight: 600
-            },
-            '>i': {
-                alignSelf: 'center',
-                fontSize: 22,
-            }
-        },
-        readOnlyGrid: {
-            '.ag-theme-balham > div > .ms-MessageBar': {
-                minHeight: 0,
-                height: 0,
-                '.ms-MessageBar-actionsSingleLine': {
-                    position: 'relative',
-                    top: -28
-                }
-            }
-        },
-        gridTitleWrapper: {
-            borderBottom: `1px solid ${theme.semanticColors.bodyDivider}`,
-            paddingBottom: 10,
-            '>span': {
-                fontWeight: 600,
-                fontSize: 15,
-                overflow: 'hidden',
-                whiteSpace: 'nowrap',
-                textOverflow: 'ellipsis',
-                display: 'block',
-                maxWidth: 'calc(100% - 130px)'
-            },
-        },
-        editableGrid: {
-            position: 'relative',
-            top: -5
-        }
-    });
-};
-
-export { getRecordGridStyles };
-//# sourceMappingURL=styles.js.map

package/dist/components/Grid/core/components/Save/components/ChangeEditor/components/RecordGrids/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../../../../src/components/Grid/core/components/Save/components/ChangeEditor/components/RecordGrids/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\";\n\nexport const getRecordGridStyles = (theme: ITheme) => {\n    return mergeStyleSets({\n        root: {\n            borderRadius: 5,\n            padding: 8,\n            paddingTop: 10,\n            gap: 25,\n            display: 'flex',\n            flexDirection: 'column',\n            justifyContent: 'center',\n            backgroundColor: theme.semanticColors.bodyBackground,\n            boxShadow: theme.semanticColors.cardShadow,\n            '>span': {\n                fontWeight: 600\n            },\n            '>i': {\n                alignSelf: 'center',\n                fontSize: 22,\n            }\n\n        },\n        readOnlyGrid: {\n            '.ag-theme-balham > div > .ms-MessageBar': {\n                minHeight: 0,\n                height: 0,\n                '.ms-MessageBar-actionsSingleLine': {\n                    position: 'relative',\n                    top: -28\n                }\n            }\n        },\n        gridTitleWrapper: {\n            borderBottom: `1px solid ${theme.semanticColors.bodyDivider}`,\n            paddingBottom: 10,\n            '>span': {\n                fontWeight: 600,\n                fontSize: 15,\n                overflow: 'hidden',\n                whiteSpace: 'nowrap',\n                textOverflow: 'ellipsis',\n                display: 'block',\n                maxWidth: 'calc(100% - 130px)'\n            },\n        },\n        editableGrid: {\n            position: 'relative',\n            top: -5\n        }\n    })\n}"],"names":[],"mappings":";;AAEa,MAAA,mBAAmB,GAAG,CAAC,KAAa,KAAI;AACjD,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,YAAY,EAAE,CAAC;AACf,YAAA,OAAO,EAAE,CAAC;AACV,YAAA,UAAU,EAAE,EAAE;AACd,YAAA,GAAG,EAAE,EAAE;AACP,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;AACpD,YAAA,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU;AAC1C,YAAA,OAAO,EAAE;AACL,gBAAA,UAAU,EAAE,GAAG;AAClB,aAAA;AACD,YAAA,IAAI,EAAE;AACF,gBAAA,SAAS,EAAE,QAAQ;AACnB,gBAAA,QAAQ,EAAE,EAAE;AACf,aAAA;AAEJ,SAAA;AACD,QAAA,YAAY,EAAE;AACV,YAAA,yCAAyC,EAAE;AACvC,gBAAA,SAAS,EAAE,CAAC;AACZ,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,kCAAkC,EAAE;AAChC,oBAAA,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC,EAAE;AACX,iBAAA;AACJ,aAAA;AACJ,SAAA;AACD,QAAA,gBAAgB,EAAE;AACd,YAAA,YAAY,EAAE,CAAa,UAAA,EAAA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAE,CAAA;AAC7D,YAAA,aAAa,EAAE,EAAE;AACjB,YAAA,OAAO,EAAE;AACL,gBAAA,UAAU,EAAE,GAAG;AACf,gBAAA,QAAQ,EAAE,EAAE;AACZ,gBAAA,QAAQ,EAAE,QAAQ;AAClB,gBAAA,UAAU,EAAE,QAAQ;AACpB,gBAAA,YAAY,EAAE,UAAU;AACxB,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,QAAQ,EAAE,oBAAoB;AACjC,aAAA;AACJ,SAAA;AACD,QAAA,YAAY,EAAE;AACV,YAAA,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC,CAAC;AACV,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

package/dist/components/Grid/core/components/Save/hooks/useSave.d.ts

@@ -1,12 +0,0 @@
-interface ISaveBtnProps {
-    disabled: boolean;
-    text: string;
-    iconName: string;
-}
-interface ISave {
-    isSaving: boolean;
-    saveBtnProps: ISaveBtnProps;
-    save: () => Promise<boolean>;
-}
-export declare const useSave: () => ISave;
-export {};

package/dist/components/Grid/core/components/Save/hooks/useSave.js

@@ -1,45 +0,0 @@
-import { useState } from 'react';
-import { useGridInstance } from '../../../hooks/useGridInstance.js';
-import { useRecordUpdateServiceController } from '../../../services/RecordUpdateService/controllers/useRecordUpdateServiceController.js';
-
-const useSave = () => {
-    const grid = useGridInstance();
-    const labels = grid.labels;
-    const controller = useRecordUpdateServiceController();
-    const [isSaving, setIsSaving] = useState(false);
-    const save = async () => {
-        setIsSaving(true);
-        const result = await controller.saveAll();
-        setIsSaving(false);
-        return result;
-    };
-    const getSaveBtnProps = () => {
-        if (isSaving) {
-            return {
-                disabled: true,
-                iconName: 'SaveInPropgre',
-                text: labels["saving-saving"](),
-            };
-        }
-        if (controller.isDirty) {
-            return {
-                disabled: (controller.hasInvalidRecords || grid.props.parameters.ChangeEditorMode?.error) ? true : false,
-                iconName: 'Save',
-                text: labels["saving-save"]()
-            };
-        }
-        return {
-            disabled: true,
-            iconName: 'Save',
-            text: labels["saving-save"]()
-        };
-    };
-    return {
-        isSaving: isSaving,
-        saveBtnProps: getSaveBtnProps(),
-        save: save
-    };
-};
-
-export { useSave };
-//# sourceMappingURL=useSave.js.map

package/dist/components/Grid/core/components/Save/hooks/useSave.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSave.js","sources":["../../../../../../../src/components/Grid/core/components/Save/hooks/useSave.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { useGridInstance } from \"../../../hooks/useGridInstance\";\nimport { useRecordUpdateServiceController } from \"../../../services/RecordUpdateService/controllers/useRecordUpdateServiceController\";\n\ninterface ISaveBtnProps {\n    disabled: boolean,\n    text: string,\n    iconName: string\n}\n\ninterface ISave {\n    isSaving: boolean,\n    saveBtnProps: ISaveBtnProps,\n    save: () => Promise<boolean>\n}\n\nexport const useSave = (): ISave => {\n    const grid = useGridInstance();\n    const labels = grid.labels;\n    const controller = useRecordUpdateServiceController();\n    const [isSaving, setIsSaving] = useState<boolean>(false);\n\n    const save = async (): Promise<boolean> => {\n        setIsSaving(true);\n        const result = await controller.saveAll();\n        setIsSaving(false);\n        return result;\n    }\n\n    const getSaveBtnProps = (): ISaveBtnProps => {\n        if (isSaving) {\n            return {\n                disabled: true,\n                iconName: 'SaveInPropgre',\n                text: labels[\"saving-saving\"](),\n            }\n        }\n        if (controller.isDirty) {\n            return {\n                disabled: (controller.hasInvalidRecords || grid.props.parameters.ChangeEditorMode?.error) ? true : false,\n                iconName: 'Save',\n                text: labels[\"saving-save\"]()\n\n            }\n        }\n        return {\n            disabled: true,\n            iconName: 'Save',\n            text: labels[\"saving-save\"]()\n        }\n    }\n\n    return {\n        isSaving: isSaving,\n        saveBtnProps: getSaveBtnProps(),\n        save: save\n    }\n\n}"],"names":[],"mappings":";;;;AAgBO,MAAM,OAAO,GAAG,MAAY;AAC/B,IAAA,MAAM,IAAI,GAAG,eAAe,EAAE,CAAC;AAC/B,IAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;AAC3B,IAAA,MAAM,UAAU,GAAG,gCAAgC,EAAE,CAAC;IACtD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;AAEzD,IAAA,MAAM,IAAI,GAAG,YAA6B;QACtC,WAAW,CAAC,IAAI,CAAC,CAAC;AAClB,QAAA,MAAM,MAAM,GAAG,MAAM,UAAU,CAAC,OAAO,EAAE,CAAC;QAC1C,WAAW,CAAC,KAAK,CAAC,CAAC;AACnB,QAAA,OAAO,MAAM,CAAC;AAClB,KAAC,CAAA;IAED,MAAM,eAAe,GAAG,MAAoB;AACxC,QAAA,IAAI,QAAQ,EAAE;YACV,OAAO;AACH,gBAAA,QAAQ,EAAE,IAAI;AACd,gBAAA,QAAQ,EAAE,eAAe;AACzB,gBAAA,IAAI,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE;aAClC,CAAA;AACJ,SAAA;QACD,IAAI,UAAU,CAAC,OAAO,EAAE;YACpB,OAAO;gBACH,QAAQ,EAAE,CAAC,UAAU,CAAC,iBAAiB,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,KAAK,IAAI,IAAI,GAAG,KAAK;AACxG,gBAAA,QAAQ,EAAE,MAAM;AAChB,gBAAA,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE;aAEhC,CAAA;AACJ,SAAA;QACD,OAAO;AACH,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE;SAChC,CAAA;AACL,KAAC,CAAA;IAED,OAAO;AACH,QAAA,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,eAAe,EAAE;AAC/B,QAAA,IAAI,EAAE,IAAI;KACb,CAAA;AAEL;;;;"}

package/dist/components/Grid/core/constants.d.ts

@@ -1 +0,0 @@
-export declare const ROW_HEIGHT = 42;

package/dist/components/Grid/core/constants.js

@@ -1,4 +0,0 @@
-const ROW_HEIGHT = 42;
-
-export { ROW_HEIGHT };
-//# sourceMappingURL=constants.js.map

package/dist/components/Grid/core/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Grid/core/constants.ts"],"sourcesContent":["export const ROW_HEIGHT = 42;"],"names":[],"mappings":"AAAO,MAAM,UAAU,GAAG;;;;"}

package/dist/components/Grid/core/hooks/useRerender.d.ts

@@ -1 +0,0 @@
-export declare const useRerender: () => [number, (fn?: () => any | Promise<any>) => void];

package/dist/components/Grid/core/services/RecordUpdateService/controllers/useRecordUpdateServiceController.d.ts

@@ -1,14 +0,0 @@
-import { IUpdatedRecord } from "../model/RecordUpdateService";
-interface IRecordUpdateServiceController {
-    isDirty: boolean;
-    hasInvalidRecords: boolean;
-    updatedRecords: IUpdatedRecord[];
-    saveAll: () => Promise<boolean>;
-    clearAll: () => void;
-    record(recordId: string): {
-        get: () => IUpdatedRecord | undefined;
-        setValue: (columnName: string, value: any) => void;
-    };
-}
-export declare const useRecordUpdateServiceController: () => IRecordUpdateServiceController;
-export {};

package/dist/components/Grid/core/services/RecordUpdateService/controllers/useRecordUpdateServiceController.js

@@ -1,25 +0,0 @@
-import { useGridInstance } from '../../../hooks/useGridInstance.js';
-
-const useRecordUpdateServiceController = () => {
-    const grid = useGridInstance();
-    const recordUpdateService = grid.recordUpdateService;
-    return {
-        isDirty: recordUpdateService.isDirty,
-        hasInvalidRecords: recordUpdateService.hasInvalidRecords,
-        updatedRecords: [...recordUpdateService.updatedRecords.values()],
-        saveAll: () => recordUpdateService.saveAll(),
-        clearAll: () => recordUpdateService.clearAll(),
-        record: (recordId) => {
-            const record = recordUpdateService.record(recordId);
-            return {
-                get: () => record.get(),
-                setValue: (columnName, value) => {
-                    record.setValue(columnName, value);
-                }
-            };
-        }
-    };
-};
-
-export { useRecordUpdateServiceController };
-//# sourceMappingURL=useRecordUpdateServiceController.js.map

package/dist/components/Grid/core/services/RecordUpdateService/controllers/useRecordUpdateServiceController.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRecordUpdateServiceController.js","sources":["../../../../../../../src/components/Grid/core/services/RecordUpdateService/controllers/useRecordUpdateServiceController.ts"],"sourcesContent":["import { useGridInstance } from \"../../../hooks/useGridInstance\";\nimport { IUpdatedRecord } from \"../model/RecordUpdateService\";\n\ninterface IRecordUpdateServiceController {\n    isDirty: boolean,\n    hasInvalidRecords: boolean\n    updatedRecords: IUpdatedRecord[];\n    saveAll: () => Promise<boolean>;\n    clearAll: () => void,\n    record(recordId: string): {\n        get: () => IUpdatedRecord | undefined\n        setValue: (columnName: string, value: any) => void\n    }\n}\n\nexport const useRecordUpdateServiceController = (): IRecordUpdateServiceController => {\n    const grid = useGridInstance();\n    const recordUpdateService = grid.recordUpdateService;\n    \n    return {\n        isDirty: recordUpdateService.isDirty,\n        hasInvalidRecords: recordUpdateService.hasInvalidRecords,\n        updatedRecords: [...recordUpdateService.updatedRecords.values()],\n        saveAll: () => recordUpdateService.saveAll(),\n        clearAll: () => recordUpdateService.clearAll(),\n        record: (recordId: string) => {\n            const record = recordUpdateService.record(recordId);\n            return {\n                get: () => record.get(),\n                setValue: (columnName: string, value: any) => {\n                    record.setValue(columnName, value)\n                }   \n            }\n        }\n    }\n}"],"names":[],"mappings":";;AAeO,MAAM,gCAAgC,GAAG,MAAqC;AACjF,IAAA,MAAM,IAAI,GAAG,eAAe,EAAE,CAAC;AAC/B,IAAA,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC;IAErD,OAAO;QACH,OAAO,EAAE,mBAAmB,CAAC,OAAO;QACpC,iBAAiB,EAAE,mBAAmB,CAAC,iBAAiB;QACxD,cAAc,EAAE,CAAC,GAAG,mBAAmB,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC;AAChE,QAAA,OAAO,EAAE,MAAM,mBAAmB,CAAC,OAAO,EAAE;AAC5C,QAAA,QAAQ,EAAE,MAAM,mBAAmB,CAAC,QAAQ,EAAE;AAC9C,QAAA,MAAM,EAAE,CAAC,QAAgB,KAAI;YACzB,MAAM,MAAM,GAAG,mBAAmB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YACpD,OAAO;AACH,gBAAA,GAAG,EAAE,MAAM,MAAM,CAAC,GAAG,EAAE;AACvB,gBAAA,QAAQ,EAAE,CAAC,UAAkB,EAAE,KAAU,KAAI;AACzC,oBAAA,MAAM,CAAC,QAAQ,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;iBACrC;aACJ,CAAA;SACJ;KACJ,CAAA;AACL;;;;"}