@australiangreens/ag-internal-components 0.5.0 → 0.6.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/cjs/index.cjs +1 -1
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/components/AgDataGrid/AgDataGrid.d.ts +16 -4
- package/dist/components/AgDataGrid/AgDataGrid.d.ts.map +1 -1
- package/dist/components/AgDataGrid/AgDataGrid.stories.d.ts +8 -1
- package/dist/components/AgDataGrid/AgDataGrid.stories.d.ts.map +1 -1
- package/dist/esm/index.js +714 -691
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -4,19 +4,31 @@ export type PaginationModel = {
|
|
|
4
4
|
page: number;
|
|
5
5
|
pageSize: number;
|
|
6
6
|
};
|
|
7
|
+
export type AgDataGridLayout = 'fixed' | 'auto';
|
|
8
|
+
export type AgDataGridFooter = 'standard' | 'hidden' | 'custom';
|
|
9
|
+
export type AgDataGridLoadingVariant = 'skeleton' | 'custom' | 'none';
|
|
7
10
|
/** DataGridProps omits some div ARIA attributes from its typings; we forward these to slotProps.main (v7). */
|
|
8
11
|
type GridMainAriaProps = Pick<ComponentProps<'div'>, 'aria-label' | 'aria-labelledby' | 'aria-describedby'>;
|
|
9
12
|
export type AgDataGridProps = {
|
|
10
|
-
loading
|
|
11
|
-
skeletonColumnWidths
|
|
12
|
-
paginationModel
|
|
13
|
+
loading?: boolean;
|
|
14
|
+
skeletonColumnWidths?: number[];
|
|
15
|
+
paginationModel?: PaginationModel;
|
|
13
16
|
onPaginationModelChange?: (model: PaginationModel) => void;
|
|
17
|
+
/** Fixed height (List Manager default) or auto height (Events Manager default). */
|
|
18
|
+
layout?: AgDataGridLayout;
|
|
19
|
+
/** Standard in-grid footer, hidden footer, or custom pagination via `slots.pagination`. */
|
|
20
|
+
footer?: AgDataGridFooter;
|
|
21
|
+
/** Skeleton overlay (List Manager), caller-provided overlay, or none. */
|
|
22
|
+
loadingVariant?: AgDataGridLoadingVariant;
|
|
23
|
+
/** Partial auto height on the last page when `layout="fixed"`. */
|
|
14
24
|
autoTableHeight?: boolean;
|
|
25
|
+
/** Cap grid height and scroll rows inside the grid (use with `layout="auto"` and many rows). */
|
|
26
|
+
maxHeight?: string | number;
|
|
15
27
|
noRowsMessage?: string;
|
|
16
28
|
noResultsMessage?: string;
|
|
17
29
|
paginationMode?: 'client' | 'server';
|
|
18
30
|
filterMode?: 'client' | 'server';
|
|
19
31
|
} & Omit<DataGridProps, 'page' | 'pageSize' | 'onPageChange' | 'onPageSizeChange'> & Partial<GridMainAriaProps>;
|
|
20
|
-
declare const AgDataGrid: ({ loading, skeletonColumnWidths, paginationModel, onPaginationModelChange, autoTableHeight, noRowsMessage, noResultsMessage, rowHeight, paginationMode, filterMode, pageSizeOptions, rows, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, slotProps: incomingSlotProps, ...rest }: AgDataGridProps) => import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
declare const AgDataGrid: ({ loading, skeletonColumnWidths, paginationModel, onPaginationModelChange, layout, footer, loadingVariant, autoTableHeight, maxHeight, noRowsMessage, noResultsMessage, rowHeight, paginationMode, filterMode, pageSizeOptions, rows, sx, hideFooter: hideFooterProp, slots: incomingSlots, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, slotProps: incomingSlotProps, ...rest }: AgDataGridProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
33
|
export default AgDataGrid;
|
|
22
34
|
//# sourceMappingURL=AgDataGrid.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgDataGrid.d.ts","sourceRoot":"","sources":["../../../src/components/AgDataGrid/AgDataGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AgDataGrid.d.ts","sourceRoot":"","sources":["../../../src/components/AgDataGrid/AgDataGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAmE5C,MAAM,MAAM,eAAe,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjE,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,CAAC;AAChD,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAChE,MAAM,MAAM,wBAAwB,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEtE,8GAA8G;AAC9G,KAAK,iBAAiB,GAAG,IAAI,CAC3B,cAAc,CAAC,KAAK,CAAC,EACrB,YAAY,GAAG,iBAAiB,GAAG,kBAAkB,CACtD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAChC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3D,mFAAmF;IACnF,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,2FAA2F;IAC3F,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,yEAAyE;IACzE,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C,kEAAkE;IAClE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gGAAgG;IAChG,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACrC,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAClC,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,UAAU,GAAG,cAAc,GAAG,kBAAkB,CAAC,GAChF,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAU7B,QAAA,MAAM,UAAU,GAAI,saAyBjB,eAAe,4CA6IjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react';
|
|
2
2
|
import { AgDataGridProps } from './AgDataGrid';
|
|
3
3
|
declare const meta: {
|
|
4
|
-
component: ({ loading, skeletonColumnWidths, paginationModel, onPaginationModelChange, autoTableHeight, noRowsMessage, noResultsMessage, rowHeight, paginationMode, filterMode, pageSizeOptions, rows, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, slotProps: incomingSlotProps, ...rest }: AgDataGridProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
component: ({ loading, skeletonColumnWidths, paginationModel, onPaginationModelChange, layout, footer, loadingVariant, autoTableHeight, maxHeight, noRowsMessage, noResultsMessage, rowHeight, paginationMode, filterMode, pageSizeOptions, rows, sx, hideFooter: hideFooterProp, slots: incomingSlots, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, slotProps: incomingSlotProps, ...rest }: AgDataGridProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
tags: string[];
|
|
6
6
|
parameters: {
|
|
7
7
|
docs: {
|
|
@@ -12,7 +12,14 @@ declare const meta: {
|
|
|
12
12
|
};
|
|
13
13
|
};
|
|
14
14
|
export default meta;
|
|
15
|
+
/** List Manager default: fixed height, skeleton loading, standard footer. */
|
|
15
16
|
export declare const CountriesAndTerritories: StoryObj;
|
|
16
17
|
export declare const Loading: StoryObj;
|
|
17
18
|
export declare const Empty: StoryObj;
|
|
19
|
+
/** Events Manager ParticipantTable pattern: auto height, in-grid footer hidden, MUI Pagination below. */
|
|
20
|
+
export declare const EventsManagerExternalPagination: StoryObj;
|
|
21
|
+
/** Events Manager EventsList pattern: auto height, custom in-grid pagination slot. */
|
|
22
|
+
export declare const EventsManagerCustomPagination: StoryObj;
|
|
23
|
+
/** Events Manager FeesAndFinance pattern: capped height, all rows, in-grid scroll. */
|
|
24
|
+
export declare const EventsManagerStaticTable: StoryObj;
|
|
18
25
|
//# sourceMappingURL=AgDataGrid.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgDataGrid.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AgDataGrid/AgDataGrid.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AgDataGrid.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AgDataGrid/AgDataGrid.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAmB,EAAE,eAAe,EAAmB,MAAM,cAAc,CAAC;AAsF5E,QAAA,MAAM,IAAI;;;;;;;;;;CAWyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,6EAA6E;AAC7E,eAAO,MAAM,uBAAuB,EAAE,QAiBrC,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,QAUrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,QAWnB,CAAC;AAEF,yGAAyG;AACzG,eAAO,MAAM,+BAA+B,EAAE,QAkB7C,CAAC;AAEF,sFAAsF;AACtF,eAAO,MAAM,6BAA6B,EAAE,QAwB3C,CAAC;AAEF,sFAAsF;AACtF,eAAO,MAAM,wBAAwB,EAAE,QAiCtC,CAAC"}
|