@talxis/base-controls 1.2502.1 → 1.2503.1

package/dist/components/Grid/core/components/AgGrid/model/Comparator.js

@@ -0,0 +1,86 @@
+import deepEqual from 'fast-deep-equal/es6';
+
+class Comparator {
+    isEqual(oldValues, newValues) {
+        if (!this._isEqual(oldValues?.value, newValues?.value)) {
+            return false;
+        }
+        if (!this._isEqual(oldValues?.height, newValues?.height)) {
+            return false;
+        }
+        if (!this._isEqual(oldValues?.columnAlignment, newValues?.columnAlignment)) {
+            return false;
+        }
+        if (!this._isEqual(this._filterParameters(oldValues?.parameters), this._filterParameters(newValues?.parameters))) {
+            return false;
+        }
+        if (!this._areNotificationsEqual(oldValues?.notifications ?? [], newValues?.notifications ?? [])) {
+            return false;
+        }
+        if (!this._isEqual(this._parseFormatting(oldValues?.customFormatting), this._parseFormatting(newValues?.customFormatting))) {
+            return false;
+        }
+        if (!this._isEqual(oldValues?.customControl, newValues?.customControl)) {
+            return false;
+        }
+        if (!this._isEqual(oldValues?.error, newValues?.error)) {
+            return false;
+        }
+        if (!this._isEqual(oldValues?.errorMessage, newValues?.errorMessage)) {
+            return false;
+        }
+        if (!this._isEqual(oldValues?.editable, newValues?.editable)) {
+            return false;
+        }
+        if (!this._isEqual(oldValues?.loading, newValues?.loading)) {
+            return false;
+        }
+        if (!this._isEqual(this._parseCustomComponent(oldValues?.customComponent), this._parseCustomComponent(newValues?.customComponent))) {
+            return false;
+        }
+        return true;
+    }
+    _isEqual(previousValue, newValue) {
+        return deepEqual(previousValue ?? {}, newValue ?? {});
+    }
+    _areNotificationsEqual(previousNotifications, newNotifications) {
+        const previousNotificationIds = previousNotifications.map(x => x.uniqueId);
+        const newNotificationIds = newNotifications.map(x => x.uniqueId);
+        return this._isEqual(previousNotificationIds, newNotificationIds);
+    }
+    //ignore the components folder when calculating the diff
+    _parseFormatting(formatting) {
+        if (formatting?.themeOverride) {
+            return {
+                ...formatting,
+                themeOverride: {
+                    ...formatting.themeOverride,
+                    components: {}
+                }
+            };
+        }
+        return formatting;
+    }
+    _filterParameters(params) {
+        if (!params)
+            return {};
+        const { Dataset, Record, Column, ...filteredParams } = params;
+        let paramsToCompare = {};
+        Object.entries(filteredParams).map(([key, parameter]) => {
+            paramsToCompare[key] = { ...parameter };
+            delete paramsToCompare[key].attributes;
+            Object.entries(paramsToCompare[key]).map(([attributePropKey, value]) => {
+                if (typeof value === 'function') {
+                    delete paramsToCompare[key][attributePropKey];
+                }
+            });
+        });
+        return paramsToCompare;
+    }
+    _parseCustomComponent(component) {
+        return component?.key ?? '';
+    }
+}
+
+export { Comparator };
+//# sourceMappingURL=Comparator.js.map

package/dist/components/Grid/core/components/AgGrid/model/Comparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Comparator.js","sources":["../../../../../../../src/components/Grid/core/components/AgGrid/model/Comparator.ts"],"sourcesContent":["import { IAddControlNotificationOptions, ICustomColumnComponent, ICustomColumnFormatting } from \"@talxis/client-libraries\";\nimport deepEqual from 'fast-deep-equal/es6';\nimport { ICellValues } from \"./AgGrid\";\n\nexport class Comparator {\n\n    public isEqual(oldValues?: ICellValues, newValues?: ICellValues) {\n        if (!this._isEqual(oldValues?.value, newValues?.value)) {\n            return false;\n        }\n        if (!this._isEqual(oldValues?.height, newValues?.height)) {\n            return false;\n        }\n        if (!this._isEqual(oldValues?.columnAlignment, newValues?.columnAlignment)) {\n            return false;\n        }\n        if (!this._isEqual(this._filterParameters(oldValues?.parameters), this._filterParameters(newValues?.parameters))) {\n            return false;\n        }\n        if (!this._areNotificationsEqual(oldValues?.notifications ?? [], newValues?.notifications ?? [])) {\n            return false;\n        }\n        if (!this._isEqual(this._parseFormatting(oldValues?.customFormatting), this._parseFormatting(newValues?.customFormatting))) {\n            return false;\n        }\n        if (!this._isEqual(oldValues?.customControl, newValues?.customControl)) {\n            return false;\n        }\n        if (!this._isEqual(oldValues?.error, newValues?.error)) {\n            return false;\n        }\n        if (!this._isEqual(oldValues?.errorMessage, newValues?.errorMessage)) {\n            return false;\n        }\n        if (!this._isEqual(oldValues?.editable, newValues?.editable)) {\n            return false;\n        }\n        if (!this._isEqual(oldValues?.loading, newValues?.loading)) {\n            return false;\n        }\n        if (!this._isEqual(this._parseCustomComponent(oldValues?.customComponent), this._parseCustomComponent(newValues?.customComponent))) {\n            return false;\n        }\n        return true;\n\n    }\n\n    private _isEqual(previousValue: any, newValue: any): boolean {\n        return deepEqual(previousValue ?? {}, newValue ?? {});\n    }\n\n    private _areNotificationsEqual(previousNotifications: IAddControlNotificationOptions[], newNotifications: IAddControlNotificationOptions[]): boolean {\n        const previousNotificationIds = previousNotifications.map(x => x.uniqueId);\n        const newNotificationIds = newNotifications.map(x => x.uniqueId);\n\n        return this._isEqual(previousNotificationIds, newNotificationIds);\n    }\n\n    //ignore the components folder when calculating the diff\n    private _parseFormatting(formatting?: ICustomColumnFormatting) {\n        if (formatting?.themeOverride) {\n            return {\n                ...formatting,\n                themeOverride: {\n                    ...formatting.themeOverride,\n                    components: {}\n                }\n            }\n        }\n        return formatting;\n    }\n\n    private _filterParameters(params: any) {\n        if (!params) return {};\n        const { Dataset, Record, Column, ...filteredParams } = params;\n        let paramsToCompare: any = {};\n        Object.entries(filteredParams).map(([key, parameter]: any) => {\n            paramsToCompare[key] = { ...parameter };\n            delete paramsToCompare[key].attributes;\n            Object.entries(paramsToCompare[key]).map(([attributePropKey, value]) => {\n                if (typeof value === 'function') {\n                    delete paramsToCompare[key][attributePropKey];\n                }\n            })\n\n        })\n        return paramsToCompare;\n    }\n\n    private _parseCustomComponent(component?: ICustomColumnComponent) {\n        return component?.key ?? '';\n    }\n\n}"],"names":[],"mappings":"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"}

package/dist/components/Grid/core/components/AgGrid/styles.d.ts

@@ -11,10 +11,22 @@ export declare const getGridStyles: (theme: ITheme, height: string) => import("@
         '--ag-borders': string;
         '.ag-root-wrapper': {
             maxHeight: string;
-            '--ag-input-focus-border-color': string;
             '--ag-selected-row-background-color': string;
             '--ag-range-selection-border-color': string;
+            '--ag-row-hover-color': string;
+            '--ag-row-border-color': string;
+            '--ag-cell-horizontal-padding': number;
+            '--ag-input-focus-border-color': string;
             borderBottom: string;
+            '.ag-row::before': {
+                zIndex: number;
+            };
+            '.ag-row-hover::before': {
+                opacity: number;
+            };
+            '.ag-row-selected::before': {
+                opacity: number;
+            };
         };
         '.ag-root-wrapper.ag-layout-normal': {
             height: string;
@@ -36,41 +48,25 @@ export declare const getGridStyles: (theme: ITheme, height: string) => import("@
             paddingRight: number;
             backgroundColor: string;
         };
-        '.ag-cell-inline-editing': {
-            overflow: string;
-            top: number;
-            backgroundColor: string;
-            '*:not(.ms-ComboBox)>input': {
-                paddingLeft: number;
-            };
-            '.ms-ComboBox>input': {
-                paddingLeft: number;
-            };
-            '.talxis__lookupControl': {
-                '.ms-BasePicker-itemsWrapper': {
-                    padding: number;
-                    '.ms-CommandBar': {
-                        height: string;
-                    };
-                };
-            };
-            '.TALXIS__error-message__root': {
-                display: string;
-            };
+        '.ag-cell': {
+            border: string;
+            borderRadius: number;
         };
-        '.talxis-cell-align-right': {
-            '[class^="cellContent"]': {
-                justifyContent: string;
-            };
-            '.talxis-cell-text, input': {
-                textAlign: string;
-            };
-            input: {
-                paddingRight: number;
+        '.ag-cell-focus': {
+            zIndex: number;
+            '::after': {
+                content: string;
+                position: string;
+                inset: string;
+                border: string;
+                borderRadius: string;
+                pointerEvents: string;
             };
         };
         '.ag-cell-focus:has([data-is-valid="false"])': {
-            border: string;
+            '::after': {
+                borderColor: string;
+            };
         };
     };
 }>;

package/dist/components/Grid/core/components/AgGrid/styles.js

@@ -19,16 +19,28 @@ const getGridStyles = (theme, height) => {
             '--ag-borders': 'none !important',
             '.ag-root-wrapper': {
                 maxHeight: '100%',
-                '--ag-input-focus-border-color': 'transparent',
-                '--ag-selected-row-background-color': theme.palette.themeLighter,
+                '--ag-selected-row-background-color': theme.palette.themePrimary,
                 '--ag-range-selection-border-color': theme.palette.themePrimary,
-                borderBottom: `1px solid ${theme.semanticColors.bodyDivider}`,
+                '--ag-row-hover-color': theme.palette.black,
+                '--ag-row-border-color': theme.semanticColors.menuDivider,
+                '--ag-cell-horizontal-padding': 0,
+                '--ag-input-focus-border-color': theme.semanticColors.inputFocusBorderAlt,
+                borderBottom: `1px solid ${theme.semanticColors.menuDivider}`,
+                '.ag-row::before': {
+                    zIndex: 1
+                },
+                '.ag-row-hover::before': {
+                    opacity: 0.1
+                },
+                '.ag-row-selected::before': {
+                    opacity: 0.2
+                }
             },
             '.ag-root-wrapper.ag-layout-normal': {
                 height: getGridHeight(height)
             },
             '.ag-body': {
-                borderTop: `1px solid ${theme.semanticColors.bodyDivider}`
+                borderTop: `1px solid ${theme.semanticColors.menuDivider}`
             },
             '.ag-header-viewport': {
                 backgroundColor: `${theme.semanticColors.bodyBackground}`
@@ -44,41 +56,25 @@ const getGridStyles = (theme, height) => {
                 paddingRight: 0,
                 backgroundColor: `${theme.semanticColors.bodyBackground} !important`
             },
-            '.ag-cell-inline-editing': {
-                overflow: 'visible',
-                top: -1,
-                backgroundColor: 'transparent',
-                '*:not(.ms-ComboBox)>input': {
-                    paddingLeft: 10
-                },
-                '.ms-ComboBox>input': {
-                    paddingLeft: 2
-                },
-                '.talxis__lookupControl': {
-                    '.ms-BasePicker-itemsWrapper': {
-                        padding: 0,
-                        '.ms-CommandBar': {
-                            height: '100%'
-                        }
-                    },
-                },
-                '.TALXIS__error-message__root': {
-                    display: 'none'
-                }
+            '.ag-cell': {
+                border: 'none !important',
+                borderRadius: 0
             },
-            '.talxis-cell-align-right': {
-                '[class^="cellContent"]': {
-                    justifyContent: 'flex-end',
-                },
-                '.talxis-cell-text, input': {
-                    textAlign: 'right'
-                },
-                'input': {
-                    paddingRight: 10
+            '.ag-cell-focus': {
+                zIndex: 2,
+                '::after': {
+                    content: "''",
+                    position: 'absolute',
+                    inset: '-1px',
+                    border: `3px solid ${theme.semanticColors.inputFocusBorderAlt}`,
+                    borderRadius: theme.effects.roundedCorner2,
+                    pointerEvents: 'none'
                 }
             },
             '.ag-cell-focus:has([data-is-valid="false"])': {
-                border: '1px solid red !important;'
+                '::after': {
+                    borderColor: `${theme.semanticColors.errorIcon} !important`
+                }
             },
         }
     });

package/dist/components/Grid/core/components/AgGrid/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/Grid/core/components/AgGrid/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\";\n\nconst getGridHeight = (height: string) => {\n    if(height === '100%') {\n        return height;\n    }\n    return `calc(${height} + var(--height-offset))`;\n}\n\nexport const getGridStyles = (theme: ITheme, height: string) => {\n    return mergeStyleSets({\n        root: {\n            height: '100%',\n            display: 'flex',\n            flexDirection: 'column',\n            '--height-offset': '64px',\n            ':has(.ag-body-horizontal-scroll-viewport[style*=\"height: 0px\"])': {\n                '--height-offset': '45px'\n            } ,\n            '--ag-borders': 'none !important',\n            '.ag-root-wrapper': {\n                maxHeight: '100%',\n                '--ag-input-focus-border-color': 'transparent',\n                '--ag-selected-row-background-color': theme.palette.themeLighter,\n                '--ag-range-selection-border-color': theme.palette.themePrimary,\n                borderBottom: `1px solid ${theme.semanticColors.bodyDivider}`,\n            },\n            '.ag-root-wrapper.ag-layout-normal': {\n                height: getGridHeight(height)\n            },\n            '.ag-body': {\n                borderTop: `1px solid ${theme.semanticColors.bodyDivider}`\n            },\n            '.ag-header-viewport': {\n                backgroundColor: `${theme.semanticColors.bodyBackground}`\n            },\n            '.ag-center-cols-container': {\n                minWidth: '100%',\n            },\n            '.ag-layout-auto-height .ag-center-cols-clipper, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-clipper, .ag-layout-print .ag-center-cols-container': {\n                minHeight: '42px !important'\n            },\n            '.ag-header-cell': {\n                paddingLeft: 0,\n                paddingRight: 0,\n                backgroundColor: `${theme.semanticColors.bodyBackground} !important`\n            },\n            '.ag-cell-inline-editing': {\n                overflow: 'visible',\n                top: -1,\n                backgroundColor: 'transparent',\n\n                '*:not(.ms-ComboBox)>input': {\n                    paddingLeft: 10\n                },\n                '.ms-ComboBox>input': {\n                    paddingLeft: 2\n                },\n                '.talxis__lookupControl': {\n                    '.ms-BasePicker-itemsWrapper': {\n                        padding: 0,\n                        '.ms-CommandBar': {\n                            height: '100%'\n                        }\n                    },\n                },\n                '.TALXIS__error-message__root': {\n                    display: 'none'\n                }\n            },\n            '.talxis-cell-align-right': {\n                '[class^=\"cellContent\"]': {\n                    justifyContent: 'flex-end',\n                },\n                '.talxis-cell-text, input': {\n                    textAlign: 'right'\n                },\n                'input': {\n                    paddingRight: 10\n                }\n            },\n            '.ag-cell-focus:has([data-is-valid=\"false\"])': {\n                border: '1px solid red !important;'\n            },\n        }\n    })\n}"],"names":[],"mappings":";;AAEA,MAAM,aAAa,GAAG,CAAC,MAAc,KAAI;IACrC,IAAG,MAAM,KAAK,MAAM,EAAE;AAClB,QAAA,OAAO,MAAM,CAAC;AACjB,KAAA;IACD,OAAO,CAAA,KAAA,EAAQ,MAAM,CAAA,wBAAA,CAA0B,CAAC;AACpD,CAAC,CAAA;MAEY,aAAa,GAAG,CAAC,KAAa,EAAE,MAAc,KAAI;AAC3D,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,iBAAiB,EAAE,MAAM;AACzB,YAAA,iEAAiE,EAAE;AAC/D,gBAAA,iBAAiB,EAAE,MAAM;AAC5B,aAAA;AACD,YAAA,cAAc,EAAE,iBAAiB;AACjC,YAAA,kBAAkB,EAAE;AAChB,gBAAA,SAAS,EAAE,MAAM;AACjB,gBAAA,+BAA+B,EAAE,aAAa;AAC9C,gBAAA,oCAAoC,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;AAChE,gBAAA,mCAAmC,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;AAC/D,gBAAA,YAAY,EAAE,CAAa,UAAA,EAAA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAE,CAAA;AAChE,aAAA;AACD,YAAA,mCAAmC,EAAE;AACjC,gBAAA,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC;AAChC,aAAA;AACD,YAAA,UAAU,EAAE;AACR,gBAAA,SAAS,EAAE,CAAa,UAAA,EAAA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAE,CAAA;AAC7D,aAAA;AACD,YAAA,qBAAqB,EAAE;AACnB,gBAAA,eAAe,EAAE,CAAG,EAAA,KAAK,CAAC,cAAc,CAAC,cAAc,CAAE,CAAA;AAC5D,aAAA;AACD,YAAA,2BAA2B,EAAE;AACzB,gBAAA,QAAQ,EAAE,MAAM;AACnB,aAAA;AACD,YAAA,wLAAwL,EAAE;AACtL,gBAAA,SAAS,EAAE,iBAAiB;AAC/B,aAAA;AACD,YAAA,iBAAiB,EAAE;AACf,gBAAA,WAAW,EAAE,CAAC;AACd,gBAAA,YAAY,EAAE,CAAC;AACf,gBAAA,eAAe,EAAE,CAAG,EAAA,KAAK,CAAC,cAAc,CAAC,cAAc,CAAa,WAAA,CAAA;AACvE,aAAA;AACD,YAAA,yBAAyB,EAAE;AACvB,gBAAA,QAAQ,EAAE,SAAS;gBACnB,GAAG,EAAE,CAAC,CAAC;AACP,gBAAA,eAAe,EAAE,aAAa;AAE9B,gBAAA,2BAA2B,EAAE;AACzB,oBAAA,WAAW,EAAE,EAAE;AAClB,iBAAA;AACD,gBAAA,oBAAoB,EAAE;AAClB,oBAAA,WAAW,EAAE,CAAC;AACjB,iBAAA;AACD,gBAAA,wBAAwB,EAAE;AACtB,oBAAA,6BAA6B,EAAE;AAC3B,wBAAA,OAAO,EAAE,CAAC;AACV,wBAAA,gBAAgB,EAAE;AACd,4BAAA,MAAM,EAAE,MAAM;AACjB,yBAAA;AACJ,qBAAA;AACJ,iBAAA;AACD,gBAAA,8BAA8B,EAAE;AAC5B,oBAAA,OAAO,EAAE,MAAM;AAClB,iBAAA;AACJ,aAAA;AACD,YAAA,0BAA0B,EAAE;AACxB,gBAAA,wBAAwB,EAAE;AACtB,oBAAA,cAAc,EAAE,UAAU;AAC7B,iBAAA;AACD,gBAAA,0BAA0B,EAAE;AACxB,oBAAA,SAAS,EAAE,OAAO;AACrB,iBAAA;AACD,gBAAA,OAAO,EAAE;AACL,oBAAA,YAAY,EAAE,EAAE;AACnB,iBAAA;AACJ,aAAA;AACD,YAAA,6CAA6C,EAAE;AAC3C,gBAAA,MAAM,EAAE,2BAA2B;AACtC,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/Grid/core/components/AgGrid/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\";\n\nconst getGridHeight = (height: string) => {\n    if (height === '100%') {\n        return height;\n    }\n    return `calc(${height} + var(--height-offset))`;\n}\n\nexport const getGridStyles = (theme: ITheme, height: string) => {\n    return mergeStyleSets({\n        root: {\n            height: '100%',\n            display: 'flex',\n            flexDirection: 'column',\n            '--height-offset': '64px',\n            ':has(.ag-body-horizontal-scroll-viewport[style*=\"height: 0px\"])': {\n                '--height-offset': '45px'\n            },\n            '--ag-borders': 'none !important',\n            '.ag-root-wrapper': {\n                maxHeight: '100%',\n                '--ag-selected-row-background-color': theme.palette.themePrimary,\n                '--ag-range-selection-border-color': theme.palette.themePrimary,\n                '--ag-row-hover-color': theme.palette.black,\n                '--ag-row-border-color': theme.semanticColors.menuDivider,\n                '--ag-cell-horizontal-padding': 0,\n                '--ag-input-focus-border-color': theme.semanticColors.inputFocusBorderAlt,\n                borderBottom: `1px solid ${theme.semanticColors.menuDivider}`,\n                '.ag-row::before': {\n                    zIndex: 1\n                },\n                '.ag-row-hover::before': {\n                    opacity: 0.1\n                },\n                '.ag-row-selected::before': {\n                    opacity: 0.2\n                }\n            },\n            '.ag-root-wrapper.ag-layout-normal': {\n                height: getGridHeight(height)\n            },\n            '.ag-body': {\n                borderTop: `1px solid ${theme.semanticColors.menuDivider}`\n            },\n            '.ag-header-viewport': {\n                backgroundColor: `${theme.semanticColors.bodyBackground}`\n            },\n            '.ag-center-cols-container': {\n                minWidth: '100%',\n            },\n            '.ag-layout-auto-height .ag-center-cols-clipper, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-clipper, .ag-layout-print .ag-center-cols-container': {\n                minHeight: '42px !important'\n            },\n            '.ag-header-cell': {\n                paddingLeft: 0,\n                paddingRight: 0,\n                backgroundColor: `${theme.semanticColors.bodyBackground} !important`\n            },\n            '.ag-cell': {\n                border: 'none !important',\n                borderRadius: 0\n            },\n            '.ag-cell-focus': {\n                zIndex: 2,\n                '::after': {\n                    content: \"''\",\n                    position: 'absolute',\n                    inset: '-1px',\n                    border: `3px solid ${theme.semanticColors.inputFocusBorderAlt}`,\n                    borderRadius: theme.effects.roundedCorner2,\n                    pointerEvents: 'none'\n                }\n            },\n            '.ag-cell-focus:has([data-is-valid=\"false\"])': {\n                '::after': {\n                    borderColor: `${theme.semanticColors.errorIcon} !important`\n                }\n            },\n        }\n    })\n};"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1,145 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Constants } from '@talxis/client-libraries';
+import { ThemeProvider, Checkbox, useTheme, Shimmer } from '@fluentui/react';
+import { useMemo, useContext } from 'react';
+import { getCellStyles, getInnerCellStyles } from './styles.js';
+import { CHECKBOX_COLUMN_KEY } from '../../../constants.js';
+import { useGridInstance } from '../../hooks/useGridInstance.js';
+import { Notifications } from './Notifications/Notifications.js';
+import { Commands } from './Commands/Commands.js';
+import { CellContent } from './CellContent/CellContent.js';
+import { AgGridContext } from '../AgGrid/context.js';
+import { useThemeGenerator, getClassNames } from '@talxis/react-components';
+import { useControlTheme } from '../../../../../utils/theme/hooks/useControlTheme.js';
+
+const Cell = (props) => {
+    const record = props.data;
+    const styles = useMemo(() => getCellStyles(), []);
+    const cellFormatting = props.value.customFormatting;
+    const cellTheme = useThemeGenerator(cellFormatting.primaryColor, cellFormatting.backgroundColor, cellFormatting.textColor, cellFormatting.themeOverride);
+    const grid = useGridInstance();
+    const agGridContext = useContext(AgGridContext);
+    const renderContent = () => {
+        switch (props.baseColumn.name) {
+            case CHECKBOX_COLUMN_KEY: {
+                return (jsx(Checkbox, { checked: props.node.isSelected(), styles: {
+                        checkbox: styles.checkbox
+                    }, onChange: (e, checked) => {
+                        const selectedRecordIds = grid.dataset.getSelectedRecordIds();
+                        //if the record is the only selected, toggle the selection
+                        //this is because ag grid does not trigger the native selection event in this case
+                        if (selectedRecordIds.length === 1 && selectedRecordIds[0] === record.getRecordId()) {
+                            grid.selection.toggle(record.getRecordId());
+                            agGridContext.refreshRowSelection();
+                        }
+                    } }));
+            }
+            default: {
+                return jsx(InternalCell, { ...props });
+            }
+        }
+    };
+    return jsx(ThemeProvider, { theme: cellTheme, className: getClassNames([styles.cellRoot, cellFormatting.className]), children: renderContent() });
+};
+const InternalCell = (props) => {
+    const column = props.baseColumn;
+    const record = props.data;
+    const formatting = props.value.customFormatting;
+    const grid = useGridInstance();
+    const error = props.value.error;
+    const notifications = props.value.notifications;
+    const isLoading = props.value.loading;
+    const errorMessage = props.value.errorMessage;
+    const theme = useTheme();
+    const applicationTheme = useControlTheme(grid.pcfContext.fluentDesignLanguage);
+    const shouldShowNotEditableNotification = () => {
+        if (column.isEditable && !record.getColumnInfo(column.name).security.editable) {
+            return true;
+        }
+        return false;
+    };
+    const getShouldRenderNotifications = () => {
+        if (props.isCellEditor) {
+            return false;
+        }
+        if (error === true) {
+            return true;
+        }
+        if (shouldShowNotEditableNotification()) {
+            return true;
+        }
+        if (notifications && notifications.length > 0) {
+            return true;
+        }
+        return false;
+    };
+    const renderContent = () => {
+        if (isLoading) {
+            return (jsx(Shimmer, { styles: {
+                    shimmerWrapper: styles.shimmerWrapper,
+                    root: styles.shimmerRoot
+                } }));
+        }
+        switch (column.name) {
+            case Constants.RIBBON_BUTTONS_COLUMN_NAME: {
+                return (jsx(Commands, { record: record }));
+            }
+            default: {
+                return (jsxs(Fragment, { children: [column.type !== 'action' &&
+                            jsx(CellContent, { ...props }), shouldRenderNotifications &&
+                            renderNotifications()] }));
+            }
+        }
+    };
+    const getFarNotifications = () => {
+        const result = [];
+        const tooltipProps = {
+            tooltipProps: {
+                theme: applicationTheme
+            },
+            calloutProps: {
+                theme: applicationTheme,
+            }
+        };
+        if (shouldShowNotEditableNotification()) {
+            result.push({
+                key: 'noteditable',
+                text: grid.labels['value-not-editable'](),
+                iconOnly: true,
+                disabled: true,
+                tooltipHostProps: tooltipProps,
+                iconProps: {
+                    iconName: 'Uneditable',
+                    styles: {
+                        root: styles.uneditableIconRoot
+                    }
+                }
+            });
+        }
+        if (error) {
+            result.push({
+                key: 'error',
+                iconOnly: true,
+                disabled: true,
+                text: errorMessage,
+                tooltipHostProps: tooltipProps,
+                iconProps: {
+                    iconName: 'Error',
+                    styles: {
+                        root: styles.errorIconRoot
+                    }
+                }
+            });
+        }
+        return result;
+    };
+    const renderNotifications = () => {
+        return jsx(Notifications, { formatting: formatting, isActionColumn: column.type === 'action', columnAlignment: props.value.columnAlignment, notifications: notifications, farItems: getFarNotifications() });
+    };
+    const shouldRenderNotifications = getShouldRenderNotifications();
+    const styles = useMemo(() => getInnerCellStyles(props.isCellEditor, theme, props.value.columnAlignment), [props.isCellEditor, theme, props.value.columnAlignment]);
+    return jsx("div", { className: styles.innerCellRoot, "data-is-valid": !error, children: renderContent() });
+};
+
+export { Cell, InternalCell };
+//# sourceMappingURL=Cell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","sources":["../../../../../../src/components/Grid/core/components/Cell/Cell.tsx"],"sourcesContent":["import { ICellRendererParams } from \"@ag-grid-community/core\";\nimport { IGridColumn } from \"../../interfaces/IGridColumn\";\nimport { Constants, IRecord } from \"@talxis/client-libraries\";\nimport { Checkbox, ITooltipHostProps, Shimmer, ThemeProvider, useTheme } from \"@fluentui/react\";\nimport { useContext, useMemo } from \"react\";\nimport { getCellStyles, getInnerCellStyles } from \"./styles\";\nimport { CHECKBOX_COLUMN_KEY } from \"../../../constants\";\nimport { useGridInstance } from \"../../hooks/useGridInstance\";\nimport React from \"react\";\nimport { Notifications } from \"./Notifications/Notifications\";\nimport { Commands } from \"./Commands/Commands\";\nimport { CellContent } from \"./CellContent/CellContent\";\nimport { AgGridContext } from \"../AgGrid/context\";\nimport { ICellValues } from \"../AgGrid/model/AgGrid\";\nimport { getClassNames, ICommandBarItemProps, useThemeGenerator } from \"@talxis/react-components\";\nimport { useControlTheme } from \"../../../../../utils\";\n\nexport interface ICellProps extends ICellRendererParams {\n    baseColumn: IGridColumn;\n    isCellEditor: boolean;\n    data: IRecord;\n    value: ICellValues;\n}\nexport const Cell = (props: ICellProps) => {\n    const record = props.data;\n    const styles = useMemo(() => getCellStyles(), [])\n    const cellFormatting = props.value.customFormatting;\n    const cellTheme = useThemeGenerator(cellFormatting.primaryColor, cellFormatting.backgroundColor, cellFormatting.textColor, cellFormatting.themeOverride);\n    const grid = useGridInstance();\n    const agGridContext = useContext(AgGridContext);\n\n    const renderContent = () => {\n        switch (props.baseColumn.name) {\n            case CHECKBOX_COLUMN_KEY: {\n                return (\n                    <Checkbox\n                        checked={props.node.isSelected()}\n                        styles={{\n                            checkbox: styles.checkbox\n                        }}\n                        onChange={(e, checked) => {\n                            const selectedRecordIds = grid.dataset.getSelectedRecordIds();\n                            //if the record is the only selected, toggle the selection\n                            //this is because ag grid does not trigger the native selection event in this case\n                            if(selectedRecordIds.length === 1 && selectedRecordIds[0] === record.getRecordId()) {\n                                grid.selection.toggle(record.getRecordId());\n                                agGridContext.refreshRowSelection();\n                            }\n                        }} />\n                );\n            }\n            default: {\n                return <InternalCell {...props} />\n            }\n        }\n    }\n\n    return <ThemeProvider theme={cellTheme} className={getClassNames([styles.cellRoot, cellFormatting.className])}>\n        {renderContent()}\n    </ThemeProvider>\n}\n\n\nexport const InternalCell = (props: ICellProps) => {\n    const column = props.baseColumn;\n    const record = props.data;\n    const formatting = props.value.customFormatting;\n    const grid = useGridInstance();\n    const error = props.value.error;\n    const notifications = props.value.notifications;\n    const isLoading = props.value.loading;\n    const errorMessage = props.value.errorMessage;\n    const theme = useTheme();\n    const applicationTheme = useControlTheme(grid.pcfContext.fluentDesignLanguage);\n\n    const shouldShowNotEditableNotification = () => {\n        if (column.isEditable && !record.getColumnInfo(column.name).security.editable) {\n            return true;\n        }\n        return false;\n    }\n\n    const getShouldRenderNotifications = (): boolean => {\n        if (props.isCellEditor) {\n            return false;\n        }\n        if (error === true) {\n            return true;\n        }\n        if (shouldShowNotEditableNotification()) {\n            return true;\n        }\n        if (notifications && notifications.length > 0) {\n            return true;\n        }\n        return false;\n    }\n\n    const renderContent = (): JSX.Element => {\n        if (isLoading) {\n            return (\n                <Shimmer styles={{\n                    shimmerWrapper: styles.shimmerWrapper,\n                    root: styles.shimmerRoot\n                }} />\n            );\n        }\n        switch (column.name) {\n            case Constants.RIBBON_BUTTONS_COLUMN_NAME: {\n                return (\n                    <Commands record={record} />\n                )\n            }\n            default: {\n                return (\n                    <>\n                        {column.type !== 'action' &&\n                            <CellContent {...props} />\n                        }\n                        {shouldRenderNotifications &&\n                            renderNotifications()\n                        }\n                    </>\n                )\n            }\n\n        }\n    }\n\n    const getFarNotifications = (): ICommandBarItemProps[] => {\n        const result: ICommandBarItemProps[] = [];\n        const tooltipProps: ITooltipHostProps = {\n            tooltipProps: {\n                theme: applicationTheme\n            },\n            calloutProps: {\n                theme: applicationTheme,\n            }\n        }\n        if (shouldShowNotEditableNotification()) {\n            result.push({\n                key: 'noteditable',\n                text: grid.labels['value-not-editable'](),\n                iconOnly: true,\n                disabled: true,\n                tooltipHostProps: tooltipProps,\n                iconProps: {\n                    iconName: 'Uneditable',\n                    styles: {\n                        root: styles.uneditableIconRoot\n                    }\n                }\n            })\n        }\n        if (error) {\n            result.push({\n                key: 'error',\n                iconOnly: true,\n                disabled: true,\n                text: errorMessage,\n                tooltipHostProps: tooltipProps,\n                iconProps: {\n                    iconName: 'Error',\n                    styles: {\n                        root: styles.errorIconRoot\n                    }\n                }\n            })\n        }\n        return result;\n    }\n\n    const renderNotifications = (): JSX.Element => {\n        return <Notifications\n            formatting={formatting}\n            isActionColumn={column.type === 'action'}\n            columnAlignment={props.value.columnAlignment}\n            notifications={notifications}\n            farItems={getFarNotifications()} />\n    }\n\n    const shouldRenderNotifications = getShouldRenderNotifications();\n    const styles = useMemo(() => getInnerCellStyles(props.isCellEditor, theme, props.value.columnAlignment), [props.isCellEditor, theme, props.value.columnAlignment]);\n\n\n    return <div className={styles.innerCellRoot} data-is-valid={!error}>\n        {renderContent()}\n    </div>\n}"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/components/Grid/core/components/Cell/CellContent/CellContent.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ICellProps } from '../Cell';
+export declare const CellContent: (props: ICellProps) => JSX.Element;