udp-react-enterprise-component-library 26.2.0 → 26.2.1-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.tsbuildinfo +1 -1
- package/dist/udp/utilities/useDateStringColumnDef.d.ts +1 -1
- package/dist/utilities/aggrid/AgTable.d.ts +11 -3
- package/dist/utilities/aggrid/AgTable.d.ts.map +1 -1
- package/dist/utilities/aggrid/AgTable.js +11 -3
- package/dist/utilities/aggrid/AgTable.js.map +1 -1
- package/dist/utilities/aggrid/AgTable.mjs +11 -3
- package/dist/utilities/aggrid/AgTable.mjs.map +1 -1
- package/dist/utilities/aggrid/ag-grid-styles.css +40 -0
- package/package.json +8 -10
- package/dist/utilities/aggrid/ag-grid-styles.scss +0 -46
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { GridExcelStyleEnums } from '../../enums/unitySystemEnums';
|
|
2
2
|
export declare const useDateStringColumnDef: (includeTime?: boolean, timeZone?: any, includeTimeZoneOffset?: boolean) => {
|
|
3
|
+
filter?: undefined;
|
|
3
4
|
valueFormatter?: undefined;
|
|
4
5
|
cellClass?: undefined;
|
|
5
|
-
filter?: undefined;
|
|
6
6
|
filterParams?: undefined;
|
|
7
7
|
} | {
|
|
8
8
|
valueFormatter: (params: any) => string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { AgGridEvent, ColumnApi, GridApi } from '@ag-grid-enterprise/all-modules/dist/cjs/main';
|
|
2
2
|
import '@ag-grid-enterprise/all-modules/dist/styles/ag-grid.css';
|
|
3
3
|
import '@ag-grid-enterprise/all-modules/dist/styles/ag-theme-material.css';
|
|
4
|
-
import './ag-grid-styles.
|
|
4
|
+
import './ag-grid-styles.css';
|
|
5
5
|
import { AgGridReactProps } from '@ag-grid-community/react';
|
|
6
6
|
import { Dispatch, FC } from 'react';
|
|
7
7
|
interface AgGridApi {
|
|
@@ -20,7 +20,11 @@ export interface AgTableButttonsProps {
|
|
|
20
20
|
gridColumnApi?: ColumnApi;
|
|
21
21
|
}
|
|
22
22
|
/**
|
|
23
|
-
* Size/Export buttons for AgGrid tables
|
|
23
|
+
* Size/Export buttons for AgGrid tables.
|
|
24
|
+
*
|
|
25
|
+
* @deprecated Tightly coupled to the legacy `AgTable` component. The new UDP
|
|
26
|
+
* grids expose equivalent functionality via `gridFunctions` — see the
|
|
27
|
+
* `udp-grid-conversion` skill.
|
|
24
28
|
*/
|
|
25
29
|
export declare const AgTableButtons: FC<AgTableButttonsProps>;
|
|
26
30
|
interface AgTableProps extends AgGridReactProps {
|
|
@@ -30,7 +34,11 @@ interface AgTableProps extends AgGridReactProps {
|
|
|
30
34
|
hideHeader?: boolean; // Add the hideHeader prop
|
|
31
35
|
}
|
|
32
36
|
/**
|
|
33
|
-
* AgGrid with tweaks
|
|
37
|
+
* AgGrid with tweaks.
|
|
38
|
+
*
|
|
39
|
+
* @deprecated Use the new UDP grid components instead — `ClientSideUdpGrid`,
|
|
40
|
+
* `SearchMethodUdpGrid`, `ServerSideUdpGrid`, or `ApiMethodInstanceUdpGrid`.
|
|
41
|
+
* See the `udp-grid-conversion` skill for migration guidance.
|
|
34
42
|
*/
|
|
35
43
|
export declare const AgTable: FC<AgTableProps>;
|
|
36
44
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgTable.d.ts","sourceRoot":"","sources":["../../../src/utilities/aggrid/AgTable.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,SAAS,EACT,OAAO,EAER,MAAM,+CAA+C,CAAC;AACvD,OAAO,yDAAyD,CAAC;AACjE,OAAO,mEAAmE,CAAC;AAC3E,OAAO,
|
|
1
|
+
{"version":3,"file":"AgTable.d.ts","sourceRoot":"","sources":["../../../src/utilities/aggrid/AgTable.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,SAAS,EACT,OAAO,EAER,MAAM,+CAA+C,CAAC;AACvD,OAAO,yDAAyD,CAAC;AACjE,OAAO,mEAAmE,CAAC;AAC3E,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAe,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAYzE,OAAc,EACZ,QAAQ,EACR,EAAE,EAKH,MAAM,OAAO,CAAC;AA4Bf,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,UAAU,YAAa,SAAQ,SAAS;IACtC,WAAW,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;CACpC;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,YAAY,CAQ3C;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,oBAAoB,CAkFnD,CAAC;AAEF,UAAU,YAAa,SAAQ,gBAAgB;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC,CAAC,0BAA0B;CACjD;AAED;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAkEpC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { AllModules } from '@ag-grid-enterprise/all-modules';
|
|
2
2
|
import '@ag-grid-enterprise/all-modules/dist/styles/ag-grid.css';
|
|
3
3
|
import '@ag-grid-enterprise/all-modules/dist/styles/ag-theme-material.css';
|
|
4
|
-
import './ag-grid-styles.
|
|
4
|
+
import './ag-grid-styles.css';
|
|
5
5
|
import { AgGridReact } from '@ag-grid-community/react';
|
|
6
6
|
import { ExcelExportModule } from '@ag-grid-enterprise/excel-export';
|
|
7
7
|
import { Box, Button, Grid, makeStyles, MenuItem } from '@material-ui/core';
|
|
@@ -33,7 +33,11 @@ export function useAgGridApi() {
|
|
|
33
33
|
return { gridApi, gridColumnApi, onGridReady };
|
|
34
34
|
}
|
|
35
35
|
/**
|
|
36
|
-
* Size/Export buttons for AgGrid tables
|
|
36
|
+
* Size/Export buttons for AgGrid tables.
|
|
37
|
+
*
|
|
38
|
+
* @deprecated Tightly coupled to the legacy `AgTable` component. The new UDP
|
|
39
|
+
* grids expose equivalent functionality via `gridFunctions` — see the
|
|
40
|
+
* `udp-grid-conversion` skill.
|
|
37
41
|
*/
|
|
38
42
|
export const AgTableButtons = (props) => {
|
|
39
43
|
const { gridApi, gridColumnApi } = props;
|
|
@@ -71,7 +75,11 @@ export const AgTableButtons = (props) => {
|
|
|
71
75
|
React.createElement(Box, { mb: 1 }, React.createElement(Grid, { container: true, direction: "row", spacing: 1, justify: "flex-end" }, React.createElement(Grid, { item: true }, React.createElement(Button, { variant: "outlined", size: "small", onClick: sizeToFit }, "Size to Fi")), React.createElement(Grid, { item: true }, React.createElement(SplitButton, { popupName: "auto-size", variant: "outlined", size: "small", label: "Auto-Size" }, React.createElement(MenuItem, { onClick: autoSizeAllWithHeader }, "All"), React.createElement(MenuItem, { onClick: autoSizeAllWithoutHeader }, "Skip Header"))), React.createElement(Grid, { item: true }, React.createElement(SplitButton, { popupName: "export", variant: "outlined", size: "small", label: "Export" }, React.createElement(MenuItem, { onClick: exportToExcel }, "Excel"), React.createElement(MenuItem, { onClick: exportToCSV }, "CSV"))))));
|
|
72
76
|
};
|
|
73
77
|
/**
|
|
74
|
-
* AgGrid with tweaks
|
|
78
|
+
* AgGrid with tweaks.
|
|
79
|
+
*
|
|
80
|
+
* @deprecated Use the new UDP grid components instead — `ClientSideUdpGrid`,
|
|
81
|
+
* `SearchMethodUdpGrid`, `ServerSideUdpGrid`, or `ApiMethodInstanceUdpGrid`.
|
|
82
|
+
* See the `udp-grid-conversion` skill for migration guidance.
|
|
75
83
|
*/
|
|
76
84
|
export const AgTable = (props) => {
|
|
77
85
|
const classes = useStyles(props);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgTable.js","sourceRoot":"","sources":["../../../src/utilities/aggrid/AgTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,iCAAiC,CAAC;AAO9E,OAAO,yDAAyD,CAAC;AACjE,OAAO,mEAAmE,CAAC;AAC3E,OAAO,
|
|
1
|
+
{"version":3,"file":"AgTable.js","sourceRoot":"","sources":["../../../src/utilities/aggrid/AgTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ import invariant from "invariant";
|
|
|
8
8
|
import { AllModules } from "@ag-grid-enterprise/all-modules";
|
|
9
9
|
import "@ag-grid-enterprise/all-modules/dist/styles/ag-grid.css";
|
|
10
10
|
import "@ag-grid-enterprise/all-modules/dist/styles/ag-theme-material.css";
|
|
11
|
-
import "./ag-grid-styles.
|
|
11
|
+
import "./ag-grid-styles.css";
|
|
12
12
|
import { AgGridReact } from "@ag-grid-community/react";
|
|
13
13
|
import { ExcelExportModule } from "@ag-grid-enterprise/excel-export";
|
|
14
14
|
import { LicenseManager } from "@ag-grid-enterprise/core";
|
|
@@ -61,7 +61,11 @@ function _temp(state, params) {
|
|
|
61
61
|
};
|
|
62
62
|
}
|
|
63
63
|
/**
|
|
64
|
-
* Size/Export buttons for AgGrid tables
|
|
64
|
+
* Size/Export buttons for AgGrid tables.
|
|
65
|
+
*
|
|
66
|
+
* @deprecated Tightly coupled to the legacy `AgTable` component. The new UDP
|
|
67
|
+
* grids expose equivalent functionality via `gridFunctions` — see the
|
|
68
|
+
* `udp-grid-conversion` skill.
|
|
65
69
|
*/
|
|
66
70
|
const AgTableButtons = (props) => {
|
|
67
71
|
const $ = c(32);
|
|
@@ -204,7 +208,11 @@ const AgTableButtons = (props) => {
|
|
|
204
208
|
return t13;
|
|
205
209
|
};
|
|
206
210
|
/**
|
|
207
|
-
* AgGrid with tweaks
|
|
211
|
+
* AgGrid with tweaks.
|
|
212
|
+
*
|
|
213
|
+
* @deprecated Use the new UDP grid components instead — `ClientSideUdpGrid`,
|
|
214
|
+
* `SearchMethodUdpGrid`, `ServerSideUdpGrid`, or `ApiMethodInstanceUdpGrid`.
|
|
215
|
+
* See the `udp-grid-conversion` skill for migration guidance.
|
|
208
216
|
*/
|
|
209
217
|
const AgTable = (props) => {
|
|
210
218
|
const classes = useStyles(props);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgTable.mjs","names":["AllModules","RowHeightParams","AgGridEvent","ColumnApi","GridApi","Module","AgGridReact","AgGridReactProps","ExcelExportModule","Box","Button","Grid","makeStyles","MenuItem","useTheme","clsx","invariant","React","Dispatch","FC","Reducer","useCallback","useMemo","useReducer","SplitButton","LicenseManager","LicenseKey","setLicenseKey","useStyles","theme","root","flex","height","props","AgGrid","palette","primary","light","main","hideHeader","name","globalModules","AgGridApi","gridApi","gridColumnApi","UseAgGridApi","onGridReady","useAgGridApi","$","_c","t0","Symbol","for","t1","_temp","t2","state","params","api","columnApi","AgTableButttonsProps","AgTableButtons","exportDataAsCsv","allColumns","fileName","exportToCSV","exportDataAsExcel","exportToExcel","sizeColumnsToFit","sizeToFit","t3","skipHeader","allColumnIds","getAllColumns","forEach","column","push","getColId","autoSizeColumns","autoSizeAll","t4","autoSizeAllWithHeader","t5","autoSizeAllWithoutHeader","t6","t7","t8","t9","t10","t11","t12","t13","AgTableProps","dynamicSizing","className","isUsingAgRowHeight","AgTable","classes","modules","modulesProp","getRowHeight","rowModelType","concat","calculateRowHeight","node","level","rowHeightFunction","undefined","onGridSizeChanged"],"sources":["../../../src/utilities/aggrid/AgTable.tsx"],"sourcesContent":["import { AllModules, RowHeightParams } from '@ag-grid-enterprise/all-modules';\nimport {\n AgGridEvent,\n ColumnApi,\n GridApi,\n Module\n} from '@ag-grid-enterprise/all-modules/dist/cjs/main';\nimport '@ag-grid-enterprise/all-modules/dist/styles/ag-grid.css';\nimport '@ag-grid-enterprise/all-modules/dist/styles/ag-theme-material.css';\nimport './ag-grid-styles.scss';\nimport { AgGridReact, AgGridReactProps } from '@ag-grid-community/react';\nimport { ExcelExportModule } from '@ag-grid-enterprise/excel-export';\nimport {\n Box,\n Button,\n Grid,\n makeStyles,\n MenuItem,\n useTheme\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport invariant from 'invariant';\nimport React, {\n Dispatch,\n FC,\n Reducer,\n useCallback,\n useMemo,\n useReducer\n} from 'react';\nimport { SplitButton } from './SplitButton';\nimport { LicenseManager } from '@ag-grid-enterprise/core';\nimport { LicenseKey } from '../../AGLicense';\n\nLicenseManager.setLicenseKey(LicenseKey);\n\nconst useStyles = makeStyles(\n (theme) => ({\n root: {\n flex: 1,\n height: (props: any) =>\n props?.height ? props.height : 'calc(100vh - 280px)'\n },\n AgGrid: (props: any) => ({\n '--ag-control-panel-background-color': theme.palette.primary.light,\n '--ag-checkbox-checked-color': theme.palette.primary.main,\n ...(props.hideHeader ? {} : {\n '--ag-header-background-color': theme.palette.primary.main,\n '--ag-header-foreground-color': theme.palette.primary.light,\n }),\n })\n }),\n { name: 'AgTable' }\n);\n\nconst globalModules: Module[] = [...AllModules, ExcelExportModule];\n\ninterface AgGridApi {\n gridApi?: GridApi;\n gridColumnApi?: ColumnApi;\n}\n\ninterface UseAgGridApi extends AgGridApi {\n onGridReady: Dispatch<AgGridEvent>;\n}\n\n/**\n * Utility hook for getting the ag-grid APIs into state\n */\nexport function useAgGridApi(): UseAgGridApi {\n const [{ gridApi, gridColumnApi }, onGridReady] = useReducer<\n Reducer<AgGridApi, AgGridEvent>\n >((state, params) => {\n return { gridApi: params.api, gridColumnApi: params.columnApi };\n }, {});\n\n return { gridApi, gridColumnApi, onGridReady };\n}\n\nexport interface AgTableButttonsProps {\n gridApi?: GridApi;\n gridColumnApi?: ColumnApi;\n}\n\n/**\n * Size/Export buttons for AgGrid tables\n */\nexport const AgTableButtons: FC<AgTableButttonsProps> = (props) => {\n const { gridApi, gridColumnApi } = props;\n\n const exportToCSV = useCallback(() => {\n invariant(gridApi, `gridApi not ready`);\n gridApi?.exportDataAsCsv({\n allColumns: true,\n fileName: 'export'\n });\n }, [gridApi]);\n const exportToExcel = useCallback(() => {\n invariant(gridApi, `gridApi not ready`);\n gridApi?.exportDataAsExcel({\n allColumns: true,\n fileName: 'export'\n });\n }, [gridApi]);\n\n const sizeToFit = useCallback(\n (params: any) => {\n invariant(gridApi, `gridApi not ready`);\n gridApi?.sizeColumnsToFit();\n },\n [gridApi]\n );\n\n const autoSizeAll = useCallback(\n (skipHeader: any) => {\n invariant(gridColumnApi, `gridColumnApi not ready`);\n const allColumnIds: string[] = [];\n gridColumnApi\n ?.getAllColumns()\n ?.forEach((column: { getColId: () => string }) => {\n allColumnIds.push(column.getColId());\n });\n gridColumnApi?.autoSizeColumns(allColumnIds, skipHeader);\n },\n [gridColumnApi]\n );\n const autoSizeAllWithHeader = useCallback(\n () => autoSizeAll(false),\n [autoSizeAll]\n );\n const autoSizeAllWithoutHeader = useCallback(\n () => autoSizeAll(false),\n [autoSizeAll]\n );\n\n return (\n // @ts-ignore\n <Box mb={1}>\n <Grid container direction='row' spacing={1} justify='flex-end'>\n <Grid item>\n <Button variant='outlined' size='small' onClick={sizeToFit}>\n Size to Fit\n </Button>\n </Grid>\n <Grid item>\n <SplitButton\n popupName='auto-size'\n variant='outlined'\n size='small'\n label='Auto-Size'\n >\n <MenuItem onClick={autoSizeAllWithHeader}>All</MenuItem>\n <MenuItem onClick={autoSizeAllWithoutHeader}>Skip Header</MenuItem>\n </SplitButton>\n </Grid>\n <Grid item>\n <SplitButton\n popupName='export'\n variant='outlined'\n size='small'\n label='Export'\n >\n <MenuItem onClick={exportToExcel}>Excel</MenuItem>\n <MenuItem onClick={exportToCSV}>CSV</MenuItem>\n </SplitButton>\n </Grid>\n </Grid>\n </Box>\n );\n};\n\ninterface AgTableProps extends AgGridReactProps {\n dynamicSizing?: boolean;\n className?: string;\n isUsingAgRowHeight?: boolean;\n hideHeader?: boolean; // Add the hideHeader prop\n}\n\n/**\n * AgGrid with tweaks\n */\nexport const AgTable: FC<AgTableProps> = (props) => {\n const classes = useStyles(props);\n const {\n modules: modulesProp,\n className,\n getRowHeight,\n rowModelType,\n isUsingAgRowHeight = false,\n hideHeader = false // Add the hideHeader prop to the destructuring\n } = props;\n const modules = useMemo<Module[]>(\n () => (modulesProp ? globalModules.concat(modulesProp) : globalModules),\n [modulesProp]\n );\n\n const calculateRowHeight: (\n params: RowHeightParams\n ) => number | null | undefined = (params) => {\n if (params.node.level === 0) {\n return 48;\n }\n if (params.node.level === 1) {\n return 32;\n }\n return 16;\n };\n\n const rowHeightFunction = useCallback(\n (params) => {\n if (rowModelType === 'serverSide') {\n if (isUsingAgRowHeight) {\n return undefined;\n } else {\n if (getRowHeight) {\n return getRowHeight(params);\n } else {\n return calculateRowHeight(params);\n }\n }\n } else {\n if (getRowHeight) {\n return getRowHeight(params);\n }\n }\n return undefined;\n },\n [getRowHeight, isUsingAgRowHeight]\n );\n\n const onGridSizeChanged = () => {\n if (props.dynamicSizing) {\n props.api?.sizeColumnsToFit();\n }\n };\n\n return (\n <div className={clsx('ag-theme-material', classes.root, className)}>\n <AgGridReact\n {...props}\n modules={modules}\n onGridSizeChanged={onGridSizeChanged}\n getRowHeight={rowHeightFunction}\n className={classes.AgGrid}\n />\n </div>\n );\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"AgTable.mjs","names":["AllModules","RowHeightParams","AgGridEvent","ColumnApi","GridApi","Module","AgGridReact","AgGridReactProps","ExcelExportModule","Box","Button","Grid","makeStyles","MenuItem","useTheme","clsx","invariant","React","Dispatch","FC","Reducer","useCallback","useMemo","useReducer","SplitButton","LicenseManager","LicenseKey","setLicenseKey","useStyles","theme","root","flex","height","props","AgGrid","palette","primary","light","main","hideHeader","name","globalModules","AgGridApi","gridApi","gridColumnApi","UseAgGridApi","onGridReady","useAgGridApi","$","_c","t0","Symbol","for","t1","_temp","t2","state","params","api","columnApi","AgTableButttonsProps","AgTableButtons","exportDataAsCsv","allColumns","fileName","exportToCSV","exportDataAsExcel","exportToExcel","sizeColumnsToFit","sizeToFit","t3","skipHeader","allColumnIds","getAllColumns","forEach","column","push","getColId","autoSizeColumns","autoSizeAll","t4","autoSizeAllWithHeader","t5","autoSizeAllWithoutHeader","t6","t7","t8","t9","t10","t11","t12","t13","AgTableProps","dynamicSizing","className","isUsingAgRowHeight","AgTable","classes","modules","modulesProp","getRowHeight","rowModelType","concat","calculateRowHeight","node","level","rowHeightFunction","undefined","onGridSizeChanged"],"sources":["../../../src/utilities/aggrid/AgTable.tsx"],"sourcesContent":["import { AllModules, RowHeightParams } from '@ag-grid-enterprise/all-modules';\nimport {\n AgGridEvent,\n ColumnApi,\n GridApi,\n Module\n} from '@ag-grid-enterprise/all-modules/dist/cjs/main';\nimport '@ag-grid-enterprise/all-modules/dist/styles/ag-grid.css';\nimport '@ag-grid-enterprise/all-modules/dist/styles/ag-theme-material.css';\nimport './ag-grid-styles.css';\nimport { AgGridReact, AgGridReactProps } from '@ag-grid-community/react';\nimport { ExcelExportModule } from '@ag-grid-enterprise/excel-export';\nimport {\n Box,\n Button,\n Grid,\n makeStyles,\n MenuItem,\n useTheme\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport invariant from 'invariant';\nimport React, {\n Dispatch,\n FC,\n Reducer,\n useCallback,\n useMemo,\n useReducer\n} from 'react';\nimport { SplitButton } from './SplitButton';\nimport { LicenseManager } from '@ag-grid-enterprise/core';\nimport { LicenseKey } from '../../AGLicense';\n\nLicenseManager.setLicenseKey(LicenseKey);\n\nconst useStyles = makeStyles(\n (theme) => ({\n root: {\n flex: 1,\n height: (props: any) =>\n props?.height ? props.height : 'calc(100vh - 280px)'\n },\n AgGrid: (props: any) => ({\n '--ag-control-panel-background-color': theme.palette.primary.light,\n '--ag-checkbox-checked-color': theme.palette.primary.main,\n ...(props.hideHeader ? {} : {\n '--ag-header-background-color': theme.palette.primary.main,\n '--ag-header-foreground-color': theme.palette.primary.light,\n }),\n })\n }),\n { name: 'AgTable' }\n);\n\nconst globalModules: Module[] = [...AllModules, ExcelExportModule];\n\ninterface AgGridApi {\n gridApi?: GridApi;\n gridColumnApi?: ColumnApi;\n}\n\ninterface UseAgGridApi extends AgGridApi {\n onGridReady: Dispatch<AgGridEvent>;\n}\n\n/**\n * Utility hook for getting the ag-grid APIs into state\n */\nexport function useAgGridApi(): UseAgGridApi {\n const [{ gridApi, gridColumnApi }, onGridReady] = useReducer<\n Reducer<AgGridApi, AgGridEvent>\n >((state, params) => {\n return { gridApi: params.api, gridColumnApi: params.columnApi };\n }, {});\n\n return { gridApi, gridColumnApi, onGridReady };\n}\n\nexport interface AgTableButttonsProps {\n gridApi?: GridApi;\n gridColumnApi?: ColumnApi;\n}\n\n/**\n * Size/Export buttons for AgGrid tables.\n *\n * @deprecated Tightly coupled to the legacy `AgTable` component. The new UDP\n * grids expose equivalent functionality via `gridFunctions` — see the\n * `udp-grid-conversion` skill.\n */\nexport const AgTableButtons: FC<AgTableButttonsProps> = (props) => {\n const { gridApi, gridColumnApi } = props;\n\n const exportToCSV = useCallback(() => {\n invariant(gridApi, `gridApi not ready`);\n gridApi?.exportDataAsCsv({\n allColumns: true,\n fileName: 'export'\n });\n }, [gridApi]);\n const exportToExcel = useCallback(() => {\n invariant(gridApi, `gridApi not ready`);\n gridApi?.exportDataAsExcel({\n allColumns: true,\n fileName: 'export'\n });\n }, [gridApi]);\n\n const sizeToFit = useCallback(\n (params: any) => {\n invariant(gridApi, `gridApi not ready`);\n gridApi?.sizeColumnsToFit();\n },\n [gridApi]\n );\n\n const autoSizeAll = useCallback(\n (skipHeader: any) => {\n invariant(gridColumnApi, `gridColumnApi not ready`);\n const allColumnIds: string[] = [];\n gridColumnApi\n ?.getAllColumns()\n ?.forEach((column: { getColId: () => string }) => {\n allColumnIds.push(column.getColId());\n });\n gridColumnApi?.autoSizeColumns(allColumnIds, skipHeader);\n },\n [gridColumnApi]\n );\n const autoSizeAllWithHeader = useCallback(\n () => autoSizeAll(false),\n [autoSizeAll]\n );\n const autoSizeAllWithoutHeader = useCallback(\n () => autoSizeAll(false),\n [autoSizeAll]\n );\n\n return (\n // @ts-ignore\n <Box mb={1}>\n <Grid container direction='row' spacing={1} justify='flex-end'>\n <Grid item>\n <Button variant='outlined' size='small' onClick={sizeToFit}>\n Size to Fit\n </Button>\n </Grid>\n <Grid item>\n <SplitButton\n popupName='auto-size'\n variant='outlined'\n size='small'\n label='Auto-Size'\n >\n <MenuItem onClick={autoSizeAllWithHeader}>All</MenuItem>\n <MenuItem onClick={autoSizeAllWithoutHeader}>Skip Header</MenuItem>\n </SplitButton>\n </Grid>\n <Grid item>\n <SplitButton\n popupName='export'\n variant='outlined'\n size='small'\n label='Export'\n >\n <MenuItem onClick={exportToExcel}>Excel</MenuItem>\n <MenuItem onClick={exportToCSV}>CSV</MenuItem>\n </SplitButton>\n </Grid>\n </Grid>\n </Box>\n );\n};\n\ninterface AgTableProps extends AgGridReactProps {\n dynamicSizing?: boolean;\n className?: string;\n isUsingAgRowHeight?: boolean;\n hideHeader?: boolean; // Add the hideHeader prop\n}\n\n/**\n * AgGrid with tweaks.\n *\n * @deprecated Use the new UDP grid components instead — `ClientSideUdpGrid`,\n * `SearchMethodUdpGrid`, `ServerSideUdpGrid`, or `ApiMethodInstanceUdpGrid`.\n * See the `udp-grid-conversion` skill for migration guidance.\n */\nexport const AgTable: FC<AgTableProps> = (props) => {\n const classes = useStyles(props);\n const {\n modules: modulesProp,\n className,\n getRowHeight,\n rowModelType,\n isUsingAgRowHeight = false,\n hideHeader = false // Add the hideHeader prop to the destructuring\n } = props;\n const modules = useMemo<Module[]>(\n () => (modulesProp ? globalModules.concat(modulesProp) : globalModules),\n [modulesProp]\n );\n\n const calculateRowHeight: (\n params: RowHeightParams\n ) => number | null | undefined = (params) => {\n if (params.node.level === 0) {\n return 48;\n }\n if (params.node.level === 1) {\n return 32;\n }\n return 16;\n };\n\n const rowHeightFunction = useCallback(\n (params) => {\n if (rowModelType === 'serverSide') {\n if (isUsingAgRowHeight) {\n return undefined;\n } else {\n if (getRowHeight) {\n return getRowHeight(params);\n } else {\n return calculateRowHeight(params);\n }\n }\n } else {\n if (getRowHeight) {\n return getRowHeight(params);\n }\n }\n return undefined;\n },\n [getRowHeight, isUsingAgRowHeight]\n );\n\n const onGridSizeChanged = () => {\n if (props.dynamicSizing) {\n props.api?.sizeColumnsToFit();\n }\n };\n\n return (\n <div className={clsx('ag-theme-material', classes.root, className)}>\n <AgGridReact\n {...props}\n modules={modules}\n onGridSizeChanged={onGridSizeChanged}\n getRowHeight={rowHeightFunction}\n className={classes.AgGrid}\n />\n </div>\n );\n};\n"],"mappings":"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"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
.ag-theme-material ::-webkit-scrollbar {
|
|
2
|
+
width: 8px;
|
|
3
|
+
height: 8px;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.ag-theme-material ::-webkit-scrollbar-corner {
|
|
7
|
+
background-color: #fafafa;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.ag-theme-material ::-webkit-scrollbar-thumb {
|
|
11
|
+
background-color: #c2c2c2;
|
|
12
|
+
border-radius: 10px;
|
|
13
|
+
background-clip: content-box;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.ag-theme-material ::-webkit-scrollbar-track {
|
|
17
|
+
background-color: #fafafa;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.ag-theme-material .ag-checkbox-input-wrapper::after {
|
|
21
|
+
color: rgba(0, 0, 0, 0.54) !important;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.ag-theme-material .ag-checkbox-input-wrapper.ag-checked::after {
|
|
25
|
+
color: #38a9ae !important;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.ag-theme-material .ag-set-filter-item,
|
|
29
|
+
.ag-theme-material .ag-column-select-column,
|
|
30
|
+
.ag-theme-material .ag-checkbox-input-wrapper input {
|
|
31
|
+
cursor: pointer;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.ag-theme-material input:focus[class^='ag-'][type='text'] {
|
|
35
|
+
border-bottom-color: #38a9ae !important;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.ag-theme-material .ag-tab-selected {
|
|
39
|
+
border-bottom-color: #f1b51c !important;
|
|
40
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "udp-react-enterprise-component-library",
|
|
3
|
-
"version": "26.2.0",
|
|
3
|
+
"version": "26.2.1-beta.0",
|
|
4
4
|
"description": "React-based UI component library implementing Fluent UI design for Univerus internal projects",
|
|
5
5
|
"author": "Univerus",
|
|
6
6
|
"license": "MIT",
|
|
@@ -3655,15 +3655,13 @@
|
|
|
3655
3655
|
"@material-ui/pickers": "^3.3.10",
|
|
3656
3656
|
"@material-vega/core": "^0.1.0",
|
|
3657
3657
|
"@material-vega/material-ui": "^0.2.1",
|
|
3658
|
-
"axios": "^0.
|
|
3658
|
+
"axios": "^0.31.1",
|
|
3659
3659
|
"i18next": "^19.8.3",
|
|
3660
3660
|
"notistack": "^1.0.10",
|
|
3661
|
-
"prettier": "^2.0.4",
|
|
3662
3661
|
"react": "^18.2.0",
|
|
3663
3662
|
"react-dom": "^18.2.0",
|
|
3664
3663
|
"react-i18next": "^11.18.6",
|
|
3665
|
-
"react-is": "^17.0.1"
|
|
3666
|
-
"sass": "^1.32.11"
|
|
3664
|
+
"react-is": "^17.0.1"
|
|
3667
3665
|
},
|
|
3668
3666
|
"dependencies": {
|
|
3669
3667
|
"@ag-grid-community/core": "^26.2.0",
|
|
@@ -3687,9 +3685,9 @@
|
|
|
3687
3685
|
"@material-vega/material-ui": "^0.2.1",
|
|
3688
3686
|
"@tanstack/react-query": "^5",
|
|
3689
3687
|
"@tanstack/react-query-devtools": "^5",
|
|
3690
|
-
"udp-react-stencil-component-library": "^26.0.
|
|
3691
|
-
"udp-stencil-component-library": "^26.2.0",
|
|
3692
|
-
"axios": "^0.
|
|
3688
|
+
"udp-react-stencil-component-library": "^26.0.3-beta.0",
|
|
3689
|
+
"udp-stencil-component-library": "^26.2.1-beta.0",
|
|
3690
|
+
"axios": "^0.31.1",
|
|
3693
3691
|
"axios-hooks": "^2.1.0",
|
|
3694
3692
|
"broadcast-channel": "^4.17.0",
|
|
3695
3693
|
"clsx": "^2.1.1",
|
|
@@ -3704,7 +3702,7 @@
|
|
|
3704
3702
|
"json-logic-js": "^2.0.1",
|
|
3705
3703
|
"leaflet": "^1.7.1",
|
|
3706
3704
|
"leaflet.markercluster": "^1.5.3",
|
|
3707
|
-
"lodash-es": "4.
|
|
3705
|
+
"lodash-es": "^4.18.0",
|
|
3708
3706
|
"luxon": "^2.0.2",
|
|
3709
3707
|
"material-ui-popup-state": "^1.9.3",
|
|
3710
3708
|
"notistack": "^1.0.10",
|
|
@@ -3733,7 +3731,7 @@
|
|
|
3733
3731
|
"react-json-view": "^1.21.3",
|
|
3734
3732
|
"react-leaflet": "^3.2.2",
|
|
3735
3733
|
"react-leaflet-markercluster": "^3.0.0-rc1",
|
|
3736
|
-
"react-pdf": "^
|
|
3734
|
+
"react-pdf": "^7.7.3",
|
|
3737
3735
|
"react-range-slider-input": "^3.0.7",
|
|
3738
3736
|
"react-resizable": "^3.0.4",
|
|
3739
3737
|
"react-router-dom": "^5.2.0",
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
@mixin scrollbar {
|
|
2
|
-
::-webkit-scrollbar {
|
|
3
|
-
width: 8px;
|
|
4
|
-
height: 8px;
|
|
5
|
-
}
|
|
6
|
-
::-webkit-scrollbar-corner {
|
|
7
|
-
background-color: #fafafa;
|
|
8
|
-
}
|
|
9
|
-
::-webkit-scrollbar-thumb {
|
|
10
|
-
background-color: #c2c2c2;
|
|
11
|
-
border-radius: 10px;
|
|
12
|
-
background-clip: content-box;
|
|
13
|
-
}
|
|
14
|
-
::-webkit-scrollbar-track {
|
|
15
|
-
background-color: #fafafa;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.ag-theme-material {
|
|
20
|
-
@include scrollbar;
|
|
21
|
-
|
|
22
|
-
.ag-checkbox-input-wrapper {
|
|
23
|
-
&::after {
|
|
24
|
-
color: rgba(0, 0, 0, 0.54) !important;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.ag-checkbox-input-wrapper.ag-checked {
|
|
29
|
-
&::after {
|
|
30
|
-
color: #38a9ae !important;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.ag-set-filter-item,
|
|
35
|
-
.ag-column-select-column,
|
|
36
|
-
.ag-checkbox-input-wrapper input {
|
|
37
|
-
cursor: pointer;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
input:focus[class^='ag-'][type='text'] {
|
|
41
|
-
border-bottom-color: #38a9ae !important;
|
|
42
|
-
}
|
|
43
|
-
.ag-tab-selected {
|
|
44
|
-
border-bottom-color: #f1b51c !important;
|
|
45
|
-
}
|
|
46
|
-
}
|