@ganpatiinfo/gids-react-web 13.0.0 → 15.0.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/components/GidsBaseCard/GidsBaseCard.d.ts +2 -2
- package/dist/components/GidsBaseCard/GidsBaseCard.d.ts.map +1 -1
- package/dist/components/GidsBaseCard/GidsBaseCard.js +2 -2
- package/dist/components/GidsBaseCard/GidsBaseCard.js.map +1 -1
- package/dist/components/GidsBasicTableBody/GidsBasicTableBody.d.ts +30 -5
- package/dist/components/GidsBasicTableBody/GidsBasicTableBody.d.ts.map +1 -1
- package/dist/components/GidsBasicTableBody/GidsBasicTableBody.js +20 -4
- package/dist/components/GidsBasicTableBody/GidsBasicTableBody.js.map +1 -1
- package/dist/components/GidsBasicTableHead/GidsBasicTableHead.d.ts +25 -0
- package/dist/components/GidsBasicTableHead/GidsBasicTableHead.d.ts.map +1 -1
- package/dist/components/GidsBasicTableHead/GidsBasicTableHead.js +6 -1
- package/dist/components/GidsBasicTableHead/GidsBasicTableHead.js.map +1 -1
- package/dist/components/GidsBasicTableHeader/GidsBasicTableHeader.d.ts +24 -4
- package/dist/components/GidsBasicTableHeader/GidsBasicTableHeader.d.ts.map +1 -1
- package/dist/components/GidsBasicTableHeader/GidsBasicTableHeader.js +7 -2
- package/dist/components/GidsBasicTableHeader/GidsBasicTableHeader.js.map +1 -1
- package/dist/components/GidsBasicTableRow/GidsBasicTableRow.d.ts +21 -4
- package/dist/components/GidsBasicTableRow/GidsBasicTableRow.d.ts.map +1 -1
- package/dist/components/GidsBasicTableRow/GidsBasicTableRow.js +20 -5
- package/dist/components/GidsBasicTableRow/GidsBasicTableRow.js.map +1 -1
- package/dist/components/GidsBox/GidsBox.d.ts +1 -1
- package/dist/components/GidsBox/GidsBox.js +1 -1
- package/dist/components/GidsBreadcrumb/GidsBreadcrumb.d.ts +1 -1
- package/dist/components/GidsBreadcrumb/GidsBreadcrumb.js +1 -1
- package/dist/components/GidsBreadcrumbItem/GidsBreadcrumbItem.d.ts +1 -1
- package/dist/components/GidsBreadcrumbItem/GidsBreadcrumbItem.js +1 -1
- package/dist/components/GidsBsTable/GidsBsTable.d.ts +30 -5
- package/dist/components/GidsBsTable/GidsBsTable.d.ts.map +1 -1
- package/dist/components/GidsBsTable/GidsBsTable.js +23 -7
- package/dist/components/GidsBsTable/GidsBsTable.js.map +1 -1
- package/dist/components/GidsCard/GidsCard.d.ts +2 -2
- package/dist/components/GidsCard/GidsCard.d.ts.map +1 -1
- package/dist/components/GidsCard/GidsCard.js +2 -2
- package/dist/components/GidsCard/GidsCard.js.map +1 -1
- package/dist/components/GidsColorSwatch/GidsColorSwatch.d.ts +7 -0
- package/dist/components/GidsColorSwatch/GidsColorSwatch.d.ts.map +1 -0
- package/dist/components/GidsColorSwatch/GidsColorSwatch.js +41 -0
- package/dist/components/GidsColorSwatch/GidsColorSwatch.js.map +1 -0
- package/dist/components/GidsCompoundButton/GidsCompoundButton.d.ts +2 -2
- package/dist/components/GidsCompoundButton/GidsCompoundButton.js +2 -2
- package/dist/components/GidsContainer/GidsContainer.d.ts +1 -1
- package/dist/components/GidsContainer/GidsContainer.js +1 -1
- package/dist/components/GidsLabel/GidsLabel.d.ts +2 -2
- package/dist/components/GidsLabel/GidsLabel.d.ts.map +1 -1
- package/dist/components/GidsLabel/GidsLabel.js +2 -2
- package/dist/components/GidsLabel/GidsLabel.js.map +1 -1
- package/dist/components/GidsMatrixTable/GidsMatrixTable.d.ts +12 -0
- package/dist/components/GidsMatrixTable/GidsMatrixTable.d.ts.map +1 -0
- package/dist/components/GidsMatrixTable/GidsMatrixTable.js +31 -0
- package/dist/components/GidsMatrixTable/GidsMatrixTable.js.map +1 -0
- package/dist/components/GidsMatrixTableBody/GidsMatrixTableBody.d.ts +12 -0
- package/dist/components/GidsMatrixTableBody/GidsMatrixTableBody.d.ts.map +1 -0
- package/dist/components/GidsMatrixTableBody/GidsMatrixTableBody.js +51 -0
- package/dist/components/GidsMatrixTableBody/GidsMatrixTableBody.js.map +1 -0
- package/dist/components/GidsPagination/GidsPagination.d.ts +9 -0
- package/dist/components/GidsPagination/GidsPagination.d.ts.map +1 -1
- package/dist/components/GidsPagination/GidsPagination.js +9 -15
- package/dist/components/GidsPagination/GidsPagination.js.map +1 -1
- package/dist/components/GidsPaginator/GidsPaginator.d.ts +7 -0
- package/dist/components/GidsPaginator/GidsPaginator.d.ts.map +1 -0
- package/dist/components/GidsPaginator/GidsPaginator.js +142 -0
- package/dist/components/GidsPaginator/GidsPaginator.js.map +1 -0
- package/dist/components/GidsPaginatorItem/GidsPaginatorItem.d.ts +7 -0
- package/dist/components/GidsPaginatorItem/GidsPaginatorItem.d.ts.map +1 -0
- package/dist/components/GidsPaginatorItem/GidsPaginatorItem.js +29 -0
- package/dist/components/GidsPaginatorItem/GidsPaginatorItem.js.map +1 -0
- package/dist/components/GidsSectionNotice/GidsSectionNotice.d.ts +1 -1
- package/dist/components/GidsSectionNotice/GidsSectionNotice.js +1 -1
- package/dist/components/GidsTable/GidsTable.d.ts +16 -0
- package/dist/components/GidsTable/GidsTable.d.ts.map +1 -0
- package/dist/components/GidsTable/GidsTable.js +51 -0
- package/dist/components/GidsTable/GidsTable.js.map +1 -0
- package/dist/components/GidsTableBody/GidsTableBody.d.ts +12 -0
- package/dist/components/GidsTableBody/GidsTableBody.d.ts.map +1 -0
- package/dist/components/GidsTableBody/GidsTableBody.js +44 -0
- package/dist/components/GidsTableBody/GidsTableBody.js.map +1 -0
- package/dist/components/GidsTableCell/GidsTableCell.d.ts +22 -0
- package/dist/components/GidsTableCell/GidsTableCell.d.ts.map +1 -0
- package/dist/components/GidsTableCell/GidsTableCell.js +91 -0
- package/dist/components/GidsTableCell/GidsTableCell.js.map +1 -0
- package/dist/components/GidsTableEntry/GidsTableEntry.d.ts +10 -0
- package/dist/components/GidsTableEntry/GidsTableEntry.d.ts.map +1 -0
- package/dist/components/GidsTableEntry/GidsTableEntry.js +175 -0
- package/dist/components/GidsTableEntry/GidsTableEntry.js.map +1 -0
- package/dist/components/GidsTableFooter/GidsTableFooter.d.ts +12 -0
- package/dist/components/GidsTableFooter/GidsTableFooter.d.ts.map +1 -0
- package/dist/components/GidsTableFooter/GidsTableFooter.js +43 -0
- package/dist/components/GidsTableFooter/GidsTableFooter.js.map +1 -0
- package/dist/components/GidsTableFooterControl/GidsTableFooterControl.d.ts +8 -0
- package/dist/components/GidsTableFooterControl/GidsTableFooterControl.d.ts.map +1 -0
- package/dist/components/GidsTableFooterControl/GidsTableFooterControl.js +44 -0
- package/dist/components/GidsTableFooterControl/GidsTableFooterControl.js.map +1 -0
- package/dist/components/GidsTableHeader/GidsTableHeader.d.ts +10 -0
- package/dist/components/GidsTableHeader/GidsTableHeader.d.ts.map +1 -0
- package/dist/components/GidsTableHeader/GidsTableHeader.js +20 -0
- package/dist/components/GidsTableHeader/GidsTableHeader.js.map +1 -0
- package/dist/components/GidsTableRow/GidsTableRow.d.ts +10 -0
- package/dist/components/GidsTableRow/GidsTableRow.d.ts.map +1 -0
- package/dist/components/GidsTableRow/GidsTableRow.js +24 -0
- package/dist/components/GidsTableRow/GidsTableRow.js.map +1 -0
- package/dist/components/GidsTableToolbar/GidsTableToolbar.d.ts +15 -0
- package/dist/components/GidsTableToolbar/GidsTableToolbar.d.ts.map +1 -0
- package/dist/components/GidsTableToolbar/GidsTableToolbar.js +26 -0
- package/dist/components/GidsTableToolbar/GidsTableToolbar.js.map +1 -0
- package/dist/components/_GidsPaginationItem/GidsPaginationItem.d.ts +11 -2
- package/dist/components/_GidsPaginationItem/GidsPaginationItem.d.ts.map +1 -1
- package/dist/components/_GidsPaginationItem/GidsPaginationItem.js +6 -2
- package/dist/components/_GidsPaginationItem/GidsPaginationItem.js.map +1 -1
- package/dist/components/stencil-generated/components.d.ts +1 -0
- package/dist/components/stencil-generated/components.d.ts.map +1 -1
- package/dist/components/stencil-generated/components.js +1 -0
- package/dist/components/stencil-generated/components.js.map +1 -1
- package/dist/components/stencil-generated/gids-advanced-tooltip.d.ts +10 -0
- package/dist/components/stencil-generated/gids-advanced-tooltip.d.ts.map +1 -0
- package/dist/components/stencil-generated/gids-advanced-tooltip.js +13 -0
- package/dist/components/stencil-generated/gids-advanced-tooltip.js.map +1 -0
- package/dist/index.d.ts +15 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +15 -1
- package/dist/index.js.map +1 -1
- package/package.json +9 -9
- package/dist/components/GidsBasicTableCell/GidsBasicTableCell.d.ts +0 -5
- package/dist/components/GidsBasicTableCell/GidsBasicTableCell.d.ts.map +0 -1
- package/dist/components/GidsBasicTableCell/GidsBasicTableCell.js +0 -15
- package/dist/components/GidsBasicTableCell/GidsBasicTableCell.js.map +0 -1
|
@@ -8,7 +8,7 @@ export interface GidsBaseCardProps extends GidsBaseCardCommonProps<ReactNode>, O
|
|
|
8
8
|
* **Basic Usage**
|
|
9
9
|
*
|
|
10
10
|
* ```tsx
|
|
11
|
-
* import { GidsBaseCard } from '@
|
|
11
|
+
* import { GidsBaseCard } from '@ganpatiinfo/gids-react-web';
|
|
12
12
|
*
|
|
13
13
|
* export const MyComponent = () => (
|
|
14
14
|
* <GidsBaseCard cardType="empty" />
|
|
@@ -18,7 +18,7 @@ export interface GidsBaseCardProps extends GidsBaseCardCommonProps<ReactNode>, O
|
|
|
18
18
|
* **Advanced Usage**
|
|
19
19
|
*
|
|
20
20
|
* ```tsx
|
|
21
|
-
* import { GidsBaseCard } from '@
|
|
21
|
+
* import { GidsBaseCard } from '@ganpatiinfo/gids-react-web';
|
|
22
22
|
*
|
|
23
23
|
* export const MyComponent = () => (
|
|
24
24
|
* <GidsBaseCard cardType="content">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsBaseCard.d.ts","sourceRoot":"","sources":["../../../src/components/GidsBaseCard/GidsBaseCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAE7E,OAAc,EACb,KAAK,GAAG,EACR,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,iBAChB,
|
|
1
|
+
{"version":3,"file":"GidsBaseCard.d.ts","sourceRoot":"","sources":["../../../src/components/GidsBaseCard/GidsBaseCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAE7E,OAAc,EACb,KAAK,GAAG,EACR,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,iBAChB,SACC,uBAAuB,CAAC,SAAS,CAAC,EAClC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;CAAG;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BI;AACJ,eAAO,MAAM,YAAY,GAAI,wDAM1B,iBAAiB,KAAG,GAAG,CAAC,OAS1B,CAAC"}
|
|
@@ -7,7 +7,7 @@ const { getGidsBaseCardClassNames } = GidsBaseCardWebUtils;
|
|
|
7
7
|
* **Basic Usage**
|
|
8
8
|
*
|
|
9
9
|
* ```tsx
|
|
10
|
-
* import { GidsBaseCard } from '@
|
|
10
|
+
* import { GidsBaseCard } from '@ganpatiinfo/gids-react-web';
|
|
11
11
|
*
|
|
12
12
|
* export const MyComponent = () => (
|
|
13
13
|
* <GidsBaseCard cardType="empty" />
|
|
@@ -17,7 +17,7 @@ const { getGidsBaseCardClassNames } = GidsBaseCardWebUtils;
|
|
|
17
17
|
* **Advanced Usage**
|
|
18
18
|
*
|
|
19
19
|
* ```tsx
|
|
20
|
-
* import { GidsBaseCard } from '@
|
|
20
|
+
* import { GidsBaseCard } from '@ganpatiinfo/gids-react-web';
|
|
21
21
|
*
|
|
22
22
|
* export const MyComponent = () => (
|
|
23
23
|
* <GidsBaseCard cardType="content">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsBaseCard.js","sourceRoot":"","sources":["../../../src/components/GidsBaseCard/GidsBaseCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAIN,MAAM,OAAO,CAAC;AAEf,MAAM,EAAE,yBAAyB,EAAE,GAAG,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"GidsBaseCard.js","sourceRoot":"","sources":["../../../src/components/GidsBaseCard/GidsBaseCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAIN,MAAM,OAAO,CAAC;AAEf,MAAM,EAAE,yBAAyB,EAAE,GAAG,oBAAoB,CAAC;AAO3D;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BI;AACJ,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC5B,QAAQ,EACR,QAAQ,GAAG,OAAO,EAClB,UAAU,GAAG,SAAS,EACtB,SAAS,EACT,GAAG,IAAI,EACY,EAAe,EAAE;IACpC,OAAO,CACN,gCACK,IAAI,EACR,SAAS,EAAE,yBAAyB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,SAAS,CAAC,IAExE,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,7 +1,32 @@
|
|
|
1
|
-
import React, { type ComponentPropsWithoutRef } from 'react';
|
|
2
|
-
import { GidsBasicTableBodyWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import React, { MouseEvent, type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import { GidsBasicTableBodyWebProps, GidsTableCellTypographyStyle } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
import { GidsBasicTableBodyActionButtonEvent } from '@ganpatiinfo/gids-core-shared';
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated
|
|
7
|
+
*
|
|
8
|
+
* Use `GidsTableBody` and its props and functions instead.
|
|
9
|
+
*/
|
|
10
|
+
type GidsBasicTableBodyBaseWebProps = GidsBasicTableBodyWebProps<GidsTableCellTypographyStyle, IconName, IconAppearance> & Omit<ComponentPropsWithoutRef<'tbody'>, 'children'>;
|
|
11
|
+
/**
|
|
12
|
+
* @deprecated
|
|
13
|
+
*
|
|
14
|
+
* Use `GidsTableBody` and its props and functions instead.
|
|
15
|
+
*/
|
|
16
|
+
export type GidsBasicTableBodyActionButtonBaseEvent = GidsBasicTableBodyActionButtonEvent<MouseEvent, GidsTableCellTypographyStyle, IconName, IconAppearance>;
|
|
17
|
+
/**
|
|
18
|
+
* @deprecated
|
|
19
|
+
*
|
|
20
|
+
* Use `GidsTableBody` and its props and functions instead.
|
|
21
|
+
*/
|
|
22
|
+
export interface GidsBasicTableBodyProps extends GidsBasicTableBodyBaseWebProps {
|
|
23
|
+
onClickBodyCellActionBtn?: (event: GidsBasicTableBodyActionButtonBaseEvent) => void;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* @deprecated
|
|
27
|
+
*
|
|
28
|
+
* Use `GidsTableBody` and its props and functions instead.
|
|
29
|
+
*/
|
|
30
|
+
export declare const GidsBasicTableBody: ({ width, tableBodyData, tableBorders, rowAppearance, rowLabelTypography, rowTextAlignment, tableBodyCellPrimaryActionButtons, tableBodyCellSecondaryActionButtons, onClickBodyCellActionBtn, className, }: GidsBasicTableBodyProps) => React.JSX.Element;
|
|
6
31
|
export {};
|
|
7
32
|
//# sourceMappingURL=GidsBasicTableBody.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsBasicTableBody.d.ts","sourceRoot":"","sources":["../../../src/components/GidsBasicTableBody/GidsBasicTableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"GidsBasicTableBody.d.ts","sourceRoot":"","sources":["../../../src/components/GidsBasicTableBody/GidsBasicTableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EACN,0BAA0B,EAE1B,4BAA4B,EAC5B,MAAM,8BAA8B,CAAC;AAKtC,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,mCAAmC,EAAE,MAAM,+BAA+B,CAAC;AAKpF;;;;GAIG;AACH,KAAK,8BAA8B,GAAG,0BAA0B,CAC/D,4BAA4B,EAC5B,QAAQ,EACR,cAAc,CACd,GACA,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;AAErD;;;;GAIG;AACH,MAAM,MAAM,uCAAuC,GAClD,mCAAmC,CAClC,UAAU,EACV,4BAA4B,EAC5B,QAAQ,EACR,cAAc,CACd,CAAC;AAEH;;;;GAIG;AACH,MAAM,WAAW,uBAAwB,SAAQ,8BAA8B;IAC9E,wBAAwB,CAAC,EAAE,CAC1B,KAAK,EAAE,uCAAuC,KAC1C,IAAI,CAAC;CACV;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,2MAWhC,uBAAuB,sBAqDzB,CAAC"}
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { GidsBasicTableBodyWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
-
import { GidsBasicTableRow } from '../GidsBasicTableRow/GidsBasicTableRow';
|
|
3
|
+
import { GidsBasicTableRow, } from '../GidsBasicTableRow/GidsBasicTableRow';
|
|
4
4
|
const { getGidsBasicTableBodyClassNames, getConstructedTableBodyData } = GidsBasicTableBodyWebUtils;
|
|
5
|
-
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated
|
|
7
|
+
*
|
|
8
|
+
* Use `GidsTableBody` and its props and functions instead.
|
|
9
|
+
*/
|
|
10
|
+
export const GidsBasicTableBody = ({ width = 'full', tableBodyData = [], tableBorders = 'none', rowAppearance = 'none', rowLabelTypography = 'label-medium', rowTextAlignment = 'center', tableBodyCellPrimaryActionButtons = [], tableBodyCellSecondaryActionButtons = [], onClickBodyCellActionBtn, className, }) => {
|
|
6
11
|
const constructedBodyData = getConstructedTableBodyData({
|
|
7
12
|
rowAppearance,
|
|
8
13
|
rowLabelTypography,
|
|
@@ -10,9 +15,20 @@ export const GidsBasicTableBody = ({ width = 'full', tableBodyData = [], tableBo
|
|
|
10
15
|
tableBodyData,
|
|
11
16
|
tableBorders,
|
|
12
17
|
});
|
|
13
|
-
|
|
18
|
+
const onRowActionBtnClick = ({ event, rowIndex, }) => {
|
|
19
|
+
if (onClickBodyCellActionBtn) {
|
|
20
|
+
onClickBodyCellActionBtn({
|
|
21
|
+
...event,
|
|
22
|
+
details: {
|
|
23
|
+
...event.details,
|
|
24
|
+
rowIndex,
|
|
25
|
+
},
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
return (React.createElement("tbody", { className: getGidsBasicTableBodyClassNames({ width }, className) }, constructedBodyData.map((constructedBody, indexI) => {
|
|
14
30
|
const constructedBodyRowItems = constructedBody?.rowItems ?? [];
|
|
15
|
-
return (React.createElement(GidsBasicTableRow, { key: `${
|
|
31
|
+
return (React.createElement(GidsBasicTableRow, { key: `${indexI + 1}`, width: width, layout: "horizontal", isHeaderRow: false, rows: constructedBodyRowItems, cellPrimaryActionButtons: tableBodyCellPrimaryActionButtons, cellSecondaryActionButtons: tableBodyCellSecondaryActionButtons, onClickRowActionBtn: (event) => onRowActionBtnClick({ event, rowIndex: indexI }) }));
|
|
16
32
|
})));
|
|
17
33
|
};
|
|
18
34
|
//# sourceMappingURL=GidsBasicTableBody.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsBasicTableBody.js","sourceRoot":"","sources":["../../../src/components/GidsBasicTableBody/GidsBasicTableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"GidsBasicTableBody.js","sourceRoot":"","sources":["../../../src/components/GidsBasicTableBody/GidsBasicTableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAEN,0BAA0B,GAE1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACN,iBAAiB,GAEjB,MAAM,wCAAwC,CAAC;AAOhD,MAAM,EAAE,+BAA+B,EAAE,2BAA2B,EAAE,GACrE,0BAA0B,CAAC;AAsC5B;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAClC,KAAK,GAAG,MAAM,EACd,aAAa,GAAG,EAAE,EAClB,YAAY,GAAG,MAAM,EACrB,aAAa,GAAG,MAAM,EACtB,kBAAkB,GAAG,cAAc,EACnC,gBAAgB,GAAG,QAAQ,EAC3B,iCAAiC,GAAG,EAAE,EACtC,mCAAmC,GAAG,EAAE,EACxC,wBAAwB,EACxB,SAAS,GACgB,EAAE,EAAE;IAC7B,MAAM,mBAAmB,GAAG,2BAA2B,CAIrD;QACD,aAAa;QACb,kBAAkB;QAClB,gBAAgB;QAChB,aAAa;QACb,YAAY;KACZ,CAAC,CAAC;IAEH,MAAM,mBAAmB,GAAG,CAAC,EAC5B,KAAK,EACL,QAAQ,GAIR,EAAE,EAAE;QACJ,IAAI,wBAAwB,EAAE,CAAC;YAC9B,wBAAwB,CAAC;gBACxB,GAAG,KAAK;gBACR,OAAO,EAAE;oBACR,GAAG,KAAK,CAAC,OAAO;oBAChB,QAAQ;iBACR;aACD,CAAC,CAAC;QACJ,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,+BAAO,SAAS,EAAE,+BAA+B,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,CAAC,IACrE,mBAAmB,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,MAAM,EAAE,EAAE;QACpD,MAAM,uBAAuB,GAAG,eAAe,EAAE,QAAQ,IAAI,EAAE,CAAC;QAEhE,OAAO,CACN,oBAAC,iBAAiB,IACjB,GAAG,EAAE,GAAG,MAAM,GAAG,CAAC,EAAE,EACpB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAC,YAAY,EACnB,WAAW,EAAE,KAAK,EAClB,IAAI,EAAE,uBAAuB,EAC7B,wBAAwB,EAAE,iCAAiC,EAC3D,0BAA0B,EAAE,mCAAmC,EAC/D,mBAAmB,EAAE,CACpB,KAA6C,EAC5C,EAAE,CAAC,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,GACpD,CACF,CAAC;IACH,CAAC,CAAC,CACK,CACR,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,15 +1,40 @@
|
|
|
1
1
|
import React, { type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
2
|
import { GidsSearchBarWebProps, type GidsBasicTableHeadWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
3
|
import { GidsTextField } from '../stencil-generated/gids-text-field.js';
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated
|
|
6
|
+
*
|
|
7
|
+
* Use `GidsTableToolbar` and its props.
|
|
8
|
+
*/
|
|
4
9
|
type GidsTextFieldBaseProps = ComponentPropsWithoutRef<typeof GidsTextField>;
|
|
10
|
+
/**
|
|
11
|
+
* @deprecated
|
|
12
|
+
*
|
|
13
|
+
* Use `GidsTableToolbar` and its props.
|
|
14
|
+
*/
|
|
5
15
|
export type GidsBasicTableHeadTextFieldInputProps = GidsTextFieldBaseProps['inputProps'];
|
|
16
|
+
/**
|
|
17
|
+
* @deprecated
|
|
18
|
+
*
|
|
19
|
+
* Use `GidsTableToolbar` and its props.
|
|
20
|
+
*/
|
|
6
21
|
interface GidsBasicTableHeadBaseWebProps extends Omit<GidsBasicTableHeadWebProps<ReactNode, Event, ReactNode, Omit<ComponentPropsWithoutRef<'input'>, 'ref'>>, 'inputProps'>, Omit<GidsSearchBarWebProps<ReactNode, ComponentPropsWithoutRef<'input'>>, 'inputProps' | 'trailingIcon'>, Pick<GidsTextFieldBaseProps, 'onChange' | 'onInput' | 'onBlur' | 'onFocus'> {
|
|
7
22
|
}
|
|
23
|
+
/**
|
|
24
|
+
* @deprecated
|
|
25
|
+
*
|
|
26
|
+
* Use `GidsTableToolbar` and its props.
|
|
27
|
+
*/
|
|
8
28
|
export interface GidsBasicTableHeadProps extends GidsBasicTableHeadBaseWebProps {
|
|
9
29
|
onGidsSearchBarClear?: (event: CustomEvent<void>) => void;
|
|
10
30
|
inputProps?: GidsBasicTableHeadTextFieldInputProps;
|
|
11
31
|
className?: string;
|
|
12
32
|
}
|
|
33
|
+
/**
|
|
34
|
+
* @deprecated
|
|
35
|
+
*
|
|
36
|
+
* Use `GidsTableToolbar` and its props.
|
|
37
|
+
*/
|
|
13
38
|
export declare const GidsBasicTableHead: ({ actionGroup, allFiltersTabVisible, moreFiltersTabVisible, clearAllFiltersVisible, clearAllFiltersButtonAppearance, primaryFilters, secondaryFilters, filterSize, filterAllIsDefaultSelected, dropdownDividerVisible, onToggleActionBarAllFilter, onToggleActionBarDropdownFilter, onToggleActionBarMoreFilter, onToggleActionBarNoneFilter, onDropdownSelectionActionBarFilterChange, onMoreSelectionActionBarFilterChange, onClearAllFiltersButton, actionBarDisabled, searchDisabled, allFiltersData, moreFiltersData, searchVisible, filtersVisible, childrenPosition, tabVisible, tabProps, borderSides, borderRadiusSides, leadingIcon, leadingLabel, trailingLabel, loading, readOnly, onGidsSearchBarClear, onChange, onInput, onFocus, onBlur, value, inputProps, className, headAppearance, children, ...restProps }: GidsBasicTableHeadProps) => React.JSX.Element;
|
|
14
39
|
export {};
|
|
15
40
|
//# sourceMappingURL=GidsBasicTableHead.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsBasicTableHead.d.ts","sourceRoot":"","sources":["../../../src/components/GidsBasicTableHead/GidsBasicTableHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAEN,qBAAqB,EACrB,KAAK,0BAA0B,EAC/B,MAAM,8BAA8B,CAAC;AAKtC,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAIxE,KAAK,sBAAsB,GAAG,wBAAwB,CAAC,OAAO,aAAa,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"GidsBasicTableHead.d.ts","sourceRoot":"","sources":["../../../src/components/GidsBasicTableHead/GidsBasicTableHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAEN,qBAAqB,EACrB,KAAK,0BAA0B,EAC/B,MAAM,8BAA8B,CAAC;AAKtC,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAIxE;;;;GAIG;AACH,KAAK,sBAAsB,GAAG,wBAAwB,CAAC,OAAO,aAAa,CAAC,CAAC;AAE7E;;;;GAIG;AACH,MAAM,MAAM,qCAAqC,GAChD,sBAAsB,CAAC,YAAY,CAAC,CAAC;AAEtC;;;;GAIG;AACH,UAAU,8BACT,SACC,IAAI,CACH,0BAA0B,CACzB,SAAS,EACT,KAAK,EACL,SAAS,EACT,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,CAC9C,EACD,YAAY,CACZ,EACD,IAAI,CACH,qBAAqB,CAAC,SAAS,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC,EACnE,YAAY,GAAG,cAAc,CAC7B,EACD,IAAI,CACH,sBAAsB,EACtB,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAC7C;CAAG;AAEN;;;;GAIG;AACH,MAAM,WAAW,uBAAwB,SAAQ,8BAA8B;IAC9E,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC1D,UAAU,CAAC,EAAE,qCAAqC,CAAC;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,iyBA6ChC,uBAAuB,sBAsFzB,CAAC"}
|
|
@@ -5,6 +5,11 @@ import { GidsActionBar } from '../stencil-generated/gids-action-bar.js';
|
|
|
5
5
|
import { GidsTab } from '../stencil-generated/gids-tab.js';
|
|
6
6
|
import { GidsTabItem } from '../stencil-generated/gids-tab-item.js';
|
|
7
7
|
const { getGidsBasicTableHeadClassNames } = GidsBasicTableHeadWebUtils;
|
|
8
|
+
/**
|
|
9
|
+
* @deprecated
|
|
10
|
+
*
|
|
11
|
+
* Use `GidsTableToolbar` and its props.
|
|
12
|
+
*/
|
|
8
13
|
export const GidsBasicTableHead = ({ actionGroup = false, allFiltersTabVisible = false, moreFiltersTabVisible = false, clearAllFiltersVisible = true, clearAllFiltersButtonAppearance = 'primary', primaryFilters = [], secondaryFilters = [], filterSize = 'xs', filterAllIsDefaultSelected = true, dropdownDividerVisible, onToggleActionBarAllFilter, onToggleActionBarDropdownFilter, onToggleActionBarMoreFilter, onToggleActionBarNoneFilter, onDropdownSelectionActionBarFilterChange, onMoreSelectionActionBarFilterChange, onClearAllFiltersButton, actionBarDisabled = false, searchDisabled = false, allFiltersData, moreFiltersData, searchVisible = true, filtersVisible = true, childrenPosition = 'top-most', tabVisible = false, tabProps, borderSides = [], borderRadiusSides = [], leadingIcon, leadingLabel, trailingLabel, loading, readOnly, onGidsSearchBarClear, onChange, onInput, onFocus, onBlur, value = '', inputProps, className, headAppearance = 'surface-default', children, ...restProps }) => {
|
|
9
14
|
const tabItems = tabProps?.tabItems && tabProps.tabItems.length > 0 ? tabProps.tabItems : [];
|
|
10
15
|
const tabAppearance = tabProps?.appearance ?? 'underlined';
|
|
@@ -12,7 +17,7 @@ export const GidsBasicTableHead = ({ actionGroup = false, allFiltersTabVisible =
|
|
|
12
17
|
return (React.createElement("div", { className: getGidsBasicTableHeadClassNames({ borderSides, borderRadiusSides, headAppearance }, className) },
|
|
13
18
|
React.createElement("div", { className: "gids-basic-table-head__content-wrapper" },
|
|
14
19
|
tabVisible && tabItems.length > 0 ? (React.createElement(GidsTab, { appearance: tabAppearance, width: tabWidth, activeTabId: tabProps?.activeTabId ?? undefined, onPressGidsTab: tabProps?.onPressGidsTab }, tabItems.map((tabItem, index) => {
|
|
15
|
-
return (React.createElement(GidsTabItem, { ...tabItem, itemId: tabItem?.itemId ?? `${index + 1}` }));
|
|
20
|
+
return (React.createElement(GidsTabItem, { key: `${tabItem?.itemId}_${index}`, ...tabItem, itemId: tabItem?.itemId ?? `${index + 1}` }));
|
|
16
21
|
}))) : undefined,
|
|
17
22
|
children && childrenPosition === 'top-most' ? children : undefined,
|
|
18
23
|
searchVisible ? (React.createElement(GidsSearchBar, { ...restProps, type: "default", appearance: "default", status: "default", leadingIcon: leadingIcon, leadingLabel: leadingLabel, trailingLabel: trailingLabel, loading: loading, readOnly: readOnly, onGidsSearchBarClear: onGidsSearchBarClear, onChange: onChange, onInput: onInput, onFocus: onFocus, onBlur: onBlur, value: value, disabled: searchDisabled, inputProps: inputProps })) : undefined,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsBasicTableHead.js","sourceRoot":"","sources":["../../../src/components/GidsBasicTableHead/GidsBasicTableHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAC7E,OAAO,EACN,0BAA0B,GAG1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAGpE,MAAM,EAAE,+BAA+B,EAAE,GAAG,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"GidsBasicTableHead.js","sourceRoot":"","sources":["../../../src/components/GidsBasicTableHead/GidsBasicTableHead.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,25 @@
|
|
|
1
|
-
import React, { type ComponentPropsWithoutRef } from 'react';
|
|
2
|
-
import { GidsBasicTableHeaderWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import React, { MouseEvent, type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import { GidsTableCellTypographyStyle, GidsBasicTableHeaderWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { GidsBasicTableHeaderActionButtonEvent } from '@ganpatiinfo/gids-core-shared';
|
|
4
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated
|
|
7
|
+
*
|
|
8
|
+
* Use `GidsTableHeader` and its props and functions instead.
|
|
9
|
+
*/
|
|
10
|
+
export type GidsBasicTableHeaderActionButtonBaseEvent = GidsBasicTableHeaderActionButtonEvent<MouseEvent, GidsTableCellTypographyStyle, IconName, IconAppearance>;
|
|
11
|
+
/**
|
|
12
|
+
* @deprecated
|
|
13
|
+
*
|
|
14
|
+
* Use `GidsTableHeader` and its props and functions instead.
|
|
15
|
+
*/
|
|
16
|
+
export interface GidsBasicTableHeaderProps extends GidsBasicTableHeaderWebProps<GidsTableCellTypographyStyle, IconName, IconAppearance>, Omit<ComponentPropsWithoutRef<'thead'>, 'children'> {
|
|
17
|
+
onClickHeaderActionBtn?: (event: GidsBasicTableHeaderActionButtonBaseEvent) => void;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* @deprecated
|
|
21
|
+
*
|
|
22
|
+
* Use `GidsTableHeader` and its props and functions instead.
|
|
23
|
+
*/
|
|
24
|
+
export declare const GidsBasicTableHeader: ({ width, headerCells, appearance, labelTypography, textAlignment, layout, cellPrimaryActionButtons, cellSecondaryActionButtons, onClickHeaderActionBtn, className, ...restProps }: GidsBasicTableHeaderProps) => React.JSX.Element;
|
|
5
25
|
//# sourceMappingURL=GidsBasicTableHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsBasicTableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/GidsBasicTableHeader/GidsBasicTableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"GidsBasicTableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/GidsBasicTableHeader/GidsBasicTableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EACN,4BAA4B,EAC5B,4BAA4B,EAE5B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACN,qCAAqC,EAErC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAI/C;;;;GAIG;AACH,MAAM,MAAM,yCAAyC,GACpD,qCAAqC,CACpC,UAAU,EACV,4BAA4B,EAC5B,QAAQ,EACR,cAAc,CACd,CAAC;AAEH;;;;GAIG;AACH,MAAM,WAAW,yBAChB,SACC,4BAA4B,CAC3B,4BAA4B,EAC5B,QAAQ,EACR,cAAc,CACd,EACD,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC;IACpD,sBAAsB,CAAC,EAAE,CACxB,KAAK,EAAE,yCAAyC,KAC5C,IAAI,CAAC;CACV;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,mLAYlC,yBAAyB,sBA8C3B,CAAC"}
|
|
@@ -2,7 +2,12 @@ import React from 'react';
|
|
|
2
2
|
import { GidsBasicTableHeaderWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
3
3
|
import { GidsBasicTableRow } from '../GidsBasicTableRow/GidsBasicTableRow';
|
|
4
4
|
const { getGidsBasicTableHeaderClassNames } = GidsBasicTableHeaderWebUtils;
|
|
5
|
-
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated
|
|
7
|
+
*
|
|
8
|
+
* Use `GidsTableHeader` and its props and functions instead.
|
|
9
|
+
*/
|
|
10
|
+
export const GidsBasicTableHeader = ({ width = 'full', headerCells = [], appearance = 'none', labelTypography = 'label-medium', textAlignment = 'center', layout = 'horizontal', cellPrimaryActionButtons, cellSecondaryActionButtons, onClickHeaderActionBtn, className, ...restProps }) => {
|
|
6
11
|
const tableHeaderClassName = getGidsBasicTableHeaderClassNames({ width }, className);
|
|
7
12
|
const tableHeaderRowContent = () => {
|
|
8
13
|
const mappedHeaderCells = headerCells.map((cell) => ({
|
|
@@ -14,6 +19,6 @@ export const GidsBasicTableHeader = ({ width = 'full', headerCells = [], appeara
|
|
|
14
19
|
return mappedHeaderCells;
|
|
15
20
|
};
|
|
16
21
|
return (React.createElement("thead", { ...restProps, className: tableHeaderClassName },
|
|
17
|
-
React.createElement(GidsBasicTableRow, { rows: tableHeaderRowContent(), width: width, layout: layout, isHeaderRow: true })));
|
|
22
|
+
React.createElement(GidsBasicTableRow, { rows: tableHeaderRowContent(), width: width, layout: layout, isHeaderRow: true, cellPrimaryActionButtons: cellPrimaryActionButtons, cellSecondaryActionButtons: cellSecondaryActionButtons, onClickRowActionBtn: onClickHeaderActionBtn })));
|
|
18
23
|
};
|
|
19
24
|
//# sourceMappingURL=GidsBasicTableHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsBasicTableHeader.js","sourceRoot":"","sources":["../../../src/components/GidsBasicTableHeader/GidsBasicTableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"GidsBasicTableHeader.js","sourceRoot":"","sources":["../../../src/components/GidsBasicTableHeader/GidsBasicTableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAGN,4BAA4B,GAC5B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAU3E,MAAM,EAAE,iCAAiC,EAAE,GAAG,4BAA4B,CAAC;AAiC3E;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACpC,KAAK,GAAG,MAAM,EACd,WAAW,GAAG,EAAE,EAChB,UAAU,GAAG,MAAM,EACnB,eAAe,GAAG,cAAc,EAChC,aAAa,GAAG,QAAQ,EACxB,MAAM,GAAG,YAAY,EACrB,wBAAwB,EACxB,0BAA0B,EAC1B,sBAAsB,EACtB,SAAS,EACT,GAAG,SAAS,EACe,EAAE,EAAE;IAC/B,MAAM,oBAAoB,GAAG,iCAAiC,CAC7D,EAAE,KAAK,EAAE,EACT,SAAS,CACT,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAI1B,EAAE;QACL,MAAM,iBAAiB,GAIjB,WAAW,CAAC,GAAG,CACpB,CACC,IAAI,EAKH,EAAE,CAAC,CAAC;YACL,UAAU,EAAE,0CAA0C;YACtD,eAAe,EAAE,0CAA0C;YAC3D,aAAa,EAAE,8CAA8C;YAC7D,GAAG,IAAI,EAAE,2EAA2E;SACpF,CAAC,CACF,CAAC;QAEF,OAAO,iBAAiB,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACN,kCAAW,SAAS,EAAE,SAAS,EAAE,oBAAoB;QACpD,oBAAC,iBAAiB,IACjB,IAAI,EAAE,qBAAqB,EAAE,EAC7B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,WAAW,QACX,wBAAwB,EAAE,wBAAwB,EAClD,0BAA0B,EAAE,0BAA0B,EACtD,mBAAmB,EAAE,sBAAsB,GAC1C,CACK,CACR,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,5 +1,22 @@
|
|
|
1
|
-
import React, { type ComponentPropsWithoutRef } from 'react';
|
|
2
|
-
import { type GidsBasicTableRowWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import React, { MouseEvent, type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import { GidsTableCellTypographyStyle, type GidsBasicTableRowWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
import { GidsBasicTableRowActionButtonEvent } from '@ganpatiinfo/gids-core-shared';
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated
|
|
7
|
+
* Use `GidsTableRow` and its props and functions instead.
|
|
8
|
+
*/
|
|
9
|
+
export type GidsBasicTableRowActionButtonBaseEvent = GidsBasicTableRowActionButtonEvent<MouseEvent, GidsTableCellTypographyStyle, IconName, IconAppearance>;
|
|
10
|
+
/**
|
|
11
|
+
* @deprecated
|
|
12
|
+
* Use `GidsTableRow` and its props and functions instead.
|
|
13
|
+
*/
|
|
14
|
+
export interface GidsBasicTableRowProps extends GidsBasicTableRowWebProps<GidsTableCellTypographyStyle, IconName, IconAppearance>, Omit<ComponentPropsWithoutRef<'tr'>, 'children'> {
|
|
15
|
+
onClickRowActionBtn?: (event: GidsBasicTableRowActionButtonBaseEvent) => void;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* @deprecated
|
|
19
|
+
* Use `GidsTableRow` and its props and functions instead.
|
|
20
|
+
*/
|
|
21
|
+
export declare const GidsBasicTableRow: ({ width, layout, rows, isHeaderRow, onClickRowActionBtn, cellPrimaryActionButtons, cellSecondaryActionButtons, className, ...restProps }: GidsBasicTableRowProps) => React.JSX.Element;
|
|
5
22
|
//# sourceMappingURL=GidsBasicTableRow.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsBasicTableRow.d.ts","sourceRoot":"","sources":["../../../src/components/GidsBasicTableRow/GidsBasicTableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"GidsBasicTableRow.d.ts","sourceRoot":"","sources":["../../../src/components/GidsBasicTableRow/GidsBasicTableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EACN,4BAA4B,EAE5B,KAAK,yBAAyB,EAC9B,MAAM,8BAA8B,CAAC;AAKtC,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,kCAAkC,EAAE,MAAM,+BAA+B,CAAC;AAInF;;;GAGG;AACH,MAAM,MAAM,sCAAsC,GACjD,kCAAkC,CACjC,UAAU,EACV,4BAA4B,EAC5B,QAAQ,EACR,cAAc,CACd,CAAC;AAEH;;;GAGG;AACH,MAAM,WAAW,sBAChB,SACC,yBAAyB,CACxB,4BAA4B,EAC5B,QAAQ,EACR,cAAc,CACd,EACD,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IACjD,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,sCAAsC,KAAK,IAAI,CAAC;CAC9E;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,0IAU/B,sBAAsB,sBAiExB,CAAC"}
|
|
@@ -1,15 +1,30 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { GidsBasicTableRowWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
-
import {
|
|
3
|
+
import { GidsTableCell, } from '../GidsTableCell/GidsTableCell';
|
|
4
4
|
const { getGidsBasicTableRowClassNames } = GidsBasicTableRowWebUtils;
|
|
5
|
-
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated
|
|
7
|
+
* Use `GidsTableRow` and its props and functions instead.
|
|
8
|
+
*/
|
|
9
|
+
export const GidsBasicTableRow = ({ width = 'full', layout = 'horizontal', rows = [], isHeaderRow = false, onClickRowActionBtn, cellPrimaryActionButtons, cellSecondaryActionButtons, className, ...restProps }) => {
|
|
6
10
|
const rowClassName = getGidsBasicTableRowClassNames({ width }, className);
|
|
11
|
+
const onCellActionBtnClick = ({ event, cellIndex, }) => {
|
|
12
|
+
if (onClickRowActionBtn) {
|
|
13
|
+
onClickRowActionBtn({
|
|
14
|
+
...event,
|
|
15
|
+
details: {
|
|
16
|
+
...event.details,
|
|
17
|
+
cellIndex,
|
|
18
|
+
},
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
};
|
|
7
22
|
// Layout 1: Vertical Layout (Each cell gets its own unique row)
|
|
8
23
|
if (layout === 'vertical') {
|
|
9
|
-
return (React.createElement(React.Fragment, null, rows.map((
|
|
10
|
-
React.createElement(
|
|
24
|
+
return (React.createElement(React.Fragment, null, rows.map((tableRow, indexI) => (React.createElement("tr", { ...restProps, key: `row-v-${indexI + 1}`, className: rowClassName },
|
|
25
|
+
React.createElement(GidsTableCell, { ...tableRow, width: width, isHeaderCell: isHeaderRow, cellPrimaryActionButtons: cellPrimaryActionButtons, cellSecondaryActionButtons: cellSecondaryActionButtons, onClickCellActionBtn: (event) => onCellActionBtnClick({ event, cellIndex: indexI }) }))))));
|
|
11
26
|
}
|
|
12
27
|
// Layout 2: Horizontal Layout (Standard single row mapping all cells)
|
|
13
|
-
return (React.createElement("tr", { ...restProps, className: rowClassName }, rows.map((row,
|
|
28
|
+
return (React.createElement("tr", { ...restProps, className: rowClassName }, rows.map((row, indexJ) => (React.createElement(GidsTableCell, { key: `row-h-${indexJ + 1}`, ...row, width: width, isHeaderCell: isHeaderRow, cellPrimaryActionButtons: cellPrimaryActionButtons, cellSecondaryActionButtons: cellSecondaryActionButtons, onClickCellActionBtn: (event) => onCellActionBtnClick({ event, cellIndex: indexJ }) })))));
|
|
14
29
|
};
|
|
15
30
|
//# sourceMappingURL=GidsBasicTableRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsBasicTableRow.js","sourceRoot":"","sources":["../../../src/components/GidsBasicTableRow/GidsBasicTableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"GidsBasicTableRow.js","sourceRoot":"","sources":["../../../src/components/GidsBasicTableRow/GidsBasicTableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAEN,yBAAyB,GAEzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACN,aAAa,GAEb,MAAM,gCAAgC,CAAC;AAOxC,MAAM,EAAE,8BAA8B,EAAE,GAAG,yBAAyB,CAAC;AA6BrE;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EACjC,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,YAAY,EACrB,IAAI,GAAG,EAAE,EACT,WAAW,GAAG,KAAK,EACnB,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,SAAS,EACT,GAAG,SAAS,EACY,EAAE,EAAE;IAC5B,MAAM,YAAY,GAAG,8BAA8B,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,CAAC,CAAC;IAE1E,MAAM,oBAAoB,GAAG,CAAC,EAC7B,KAAK,EACL,SAAS,GAIT,EAAE,EAAE;QACJ,IAAI,mBAAmB,EAAE,CAAC;YACzB,mBAAmB,CAAC;gBACnB,GAAG,KAAK;gBACR,OAAO,EAAE;oBACR,GAAG,KAAK,CAAC,OAAO;oBAChB,SAAS;iBACT;aACD,CAAC,CAAC;QACJ,CAAC;IACF,CAAC,CAAC;IAEF,gEAAgE;IAChE,IAAI,MAAM,KAAK,UAAU,EAAE,CAAC;QAC3B,OAAO,CACN,0CACE,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,CAAC,CAC/B,+BACK,SAAS,EACb,GAAG,EAAE,SAAS,MAAM,GAAG,CAAC,EAAE,EAC1B,SAAS,EAAE,YAAY;YAEvB,oBAAC,aAAa,OACT,QAAQ,EACZ,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,WAAW,EACzB,wBAAwB,EAAE,wBAAwB,EAClD,0BAA0B,EAAE,0BAA0B,EACtD,oBAAoB,EAAE,CACrB,KAAyC,EACxC,EAAE,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,GACtD,CACE,CACL,CAAC,CACA,CACH,CAAC;IACH,CAAC;IAED,sEAAsE;IACtE,OAAO,CACN,+BAAQ,SAAS,EAAE,SAAS,EAAE,YAAY,IACxC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,CAC1B,oBAAC,aAAa,IACb,GAAG,EAAE,SAAS,MAAM,GAAG,CAAC,EAAE,KACtB,GAAG,EACP,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,WAAW,EACzB,wBAAwB,EAAE,wBAAwB,EAClD,0BAA0B,EAAE,0BAA0B,EACtD,oBAAoB,EAAE,CAAC,KAAyC,EAAE,EAAE,CACnE,oBAAoB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,GAElD,CACF,CAAC,CACE,CACL,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -7,7 +7,7 @@ export type GidsBoxProps<E extends PermittedGidsBoxElements> = GidsBoxWebProps<R
|
|
|
7
7
|
* **Usage**
|
|
8
8
|
*
|
|
9
9
|
* ```tsx
|
|
10
|
-
* import { GidsBox } from '@
|
|
10
|
+
* import { GidsBox } from '@ganpatiinfo/gids-react-web';
|
|
11
11
|
*
|
|
12
12
|
* export const MyComponent = () => (
|
|
13
13
|
* <GidsBox className="gids-box-demo__container-with-text" component="div">
|
|
@@ -7,7 +7,7 @@ const { getGidsBoxClassNames } = GidsBoxWebUtils;
|
|
|
7
7
|
* **Usage**
|
|
8
8
|
*
|
|
9
9
|
* ```tsx
|
|
10
|
-
* import { GidsBox } from '@
|
|
10
|
+
* import { GidsBox } from '@ganpatiinfo/gids-react-web';
|
|
11
11
|
*
|
|
12
12
|
* export const MyComponent = () => (
|
|
13
13
|
* <GidsBox className="gids-box-demo__container-with-text" component="div">
|
|
@@ -7,7 +7,7 @@ export type GidsBreadcrumbProps = GidsBreadcrumbCommonProps<ReactNode> & Omit<Co
|
|
|
7
7
|
* **Usage**
|
|
8
8
|
*
|
|
9
9
|
* ```tsx
|
|
10
|
-
* import { GidsBreadcrumb } from '@
|
|
10
|
+
* import { GidsBreadcrumb } from '@ganpatiinfo/gids-react-web';
|
|
11
11
|
*
|
|
12
12
|
* export const MyComponent = () => (
|
|
13
13
|
* <GidsBreadcrumb>
|
|
@@ -7,7 +7,7 @@ const { getGidsBreadcrumbClassNames } = GidsBreadcrumbWebUtils;
|
|
|
7
7
|
* **Usage**
|
|
8
8
|
*
|
|
9
9
|
* ```tsx
|
|
10
|
-
* import { GidsBreadcrumb } from '@
|
|
10
|
+
* import { GidsBreadcrumb } from '@ganpatiinfo/gids-react-web';
|
|
11
11
|
*
|
|
12
12
|
* export const MyComponent = () => (
|
|
13
13
|
* <GidsBreadcrumb>
|
|
@@ -11,7 +11,7 @@ export type GidsBreadcrumbItemProps = GidsBreadcrumbItemCommonProps<ReactNode |
|
|
|
11
11
|
* **Usage**
|
|
12
12
|
*
|
|
13
13
|
* ```tsx
|
|
14
|
-
* import { GidsBreadcrumbItem } from '@
|
|
14
|
+
* import { GidsBreadcrumbItem } from '@ganpatiinfo/gids-react-web';
|
|
15
15
|
*
|
|
16
16
|
* export const MyComponent = () => (
|
|
17
17
|
* <GidsBreadcrumbItem
|
|
@@ -8,7 +8,7 @@ const { getGidsBreadcrumbItemClassNames } = GidsBreadcrumbItemWebUtils;
|
|
|
8
8
|
* **Usage**
|
|
9
9
|
*
|
|
10
10
|
* ```tsx
|
|
11
|
-
* import { GidsBreadcrumbItem } from '@
|
|
11
|
+
* import { GidsBreadcrumbItem } from '@ganpatiinfo/gids-react-web';
|
|
12
12
|
*
|
|
13
13
|
* export const MyComponent = () => (
|
|
14
14
|
* <GidsBreadcrumbItem
|
|
@@ -1,8 +1,33 @@
|
|
|
1
|
-
import React, { type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
-
import { GidsBsTableWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
1
|
+
import React, { MouseEvent, type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
+
import { GidsTableCellTypographyStyle, GidsBsTableWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
3
|
import { GidsBasicTableHeadProps } from '../GidsBasicTableHead/GidsBasicTableHead';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
5
|
+
import { GidsBsTableActionButtonEvent } from '@ganpatiinfo/gids-core-shared';
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated
|
|
8
|
+
*
|
|
9
|
+
* Use `GidsTable` and its props and functions instead.
|
|
10
|
+
*/
|
|
11
|
+
type GidsBsTableBaseWebProps = Omit<GidsBsTableWebProps<GidsTableCellTypographyStyle, IconName, IconAppearance, ReactNode, Event, ReactNode, Omit<ComponentPropsWithoutRef<'input'>, 'ref'>>, 'inputProps'> & GidsBasicTableHeadProps;
|
|
12
|
+
/**
|
|
13
|
+
* @deprecated
|
|
14
|
+
*
|
|
15
|
+
* Use `GidsTable` and its props and functions instead.
|
|
16
|
+
*/
|
|
17
|
+
type GidsBsTableActionButtonBaseEvent = GidsBsTableActionButtonEvent<MouseEvent, GidsTableCellTypographyStyle, IconName, IconAppearance>;
|
|
18
|
+
/**
|
|
19
|
+
* @deprecated
|
|
20
|
+
*
|
|
21
|
+
* Use `GidsTable` and its props and functions instead.
|
|
22
|
+
*/
|
|
23
|
+
export interface GidsBsTableProps extends GidsBsTableBaseWebProps {
|
|
24
|
+
onClickBsTableActionBtn?: (event: GidsBsTableActionButtonBaseEvent) => void;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* @deprecated
|
|
28
|
+
*
|
|
29
|
+
* Use `GidsTable` and its props and functions instead.
|
|
30
|
+
*/
|
|
31
|
+
export declare const GidsBsTable: ({ topHeaderCells, tableBody, width, isTopHeaderVisible, isHeadVisible, topHeaderAppearance, topHeaderLabelTypography, topHeaderTextAlignment, rowAppearance, rowLabelTypography, rowTextAlignment, tableBorders, tableBorderRadius, tableBodyMaxHeight, tableBodyPrimaryActionButtons, tableBodySecondaryActionButtons, topHeaderPrimaryActionButtons, topHeaderSecondaryActionButtons, onClickBsTableActionBtn, className, actionGroup, allFiltersTabVisible, moreFiltersTabVisible, clearAllFiltersVisible, clearAllFiltersButtonAppearance, primaryFilters, secondaryFilters, filterSize, filterAllIsDefaultSelected, dropdownDividerVisible, onToggleActionBarAllFilter, onToggleActionBarDropdownFilter, onToggleActionBarMoreFilter, onToggleActionBarNoneFilter, onDropdownSelectionActionBarFilterChange, onMoreSelectionActionBarFilterChange, onClearAllFiltersButton, actionBarDisabled, searchDisabled, allFiltersData, moreFiltersData, searchVisible, filtersVisible, children, childrenPosition, tabVisible, tabProps, headBorderSides, headBorderRadiusSides, leadingIcon, leadingLabel, trailingLabel, loading, readOnly, onGidsSearchBarClear, onChange, onInput, onFocus, onBlur, headValue, inputProps, headAppearance, ...restProps }: GidsBsTableProps) => React.JSX.Element;
|
|
7
32
|
export {};
|
|
8
33
|
//# sourceMappingURL=GidsBsTable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsBsTable.d.ts","sourceRoot":"","sources":["../../../src/components/GidsBsTable/GidsBsTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"GidsBsTable.d.ts","sourceRoot":"","sources":["../../../src/components/GidsBsTable/GidsBsTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,UAAU,EACV,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AACf,OAAO,EACN,4BAA4B,EAC5B,mBAAmB,EAEnB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEN,uBAAuB,EACvB,MAAM,0CAA0C,CAAC;AASlD,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAEN,4BAA4B,EAC5B,MAAM,+BAA+B,CAAC;AASvC;;;;GAIG;AACH,KAAK,uBAAuB,GAAG,IAAI,CAClC,mBAAmB,CAClB,4BAA4B,EAC5B,QAAQ,EACR,cAAc,EACd,SAAS,EACT,KAAK,EACL,SAAS,EACT,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,CAC9C,EACD,YAAY,CACZ,GACA,uBAAuB,CAAC;AAEzB;;;;GAIG;AACH,KAAK,gCAAgC,GAAG,4BAA4B,CACnE,UAAU,EACV,4BAA4B,EAC5B,QAAQ,EACR,cAAc,CACd,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,gBAAiB,SAAQ,uBAAuB;IAChE,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,IAAI,CAAC;CAC5E;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,4rCAmEzB,gBAAgB,sBAiIlB,CAAC"}
|
|
@@ -1,14 +1,30 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { GidsBsTableWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
3
3
|
import { GidsBasicTableHead, } from '../GidsBasicTableHead/GidsBasicTableHead';
|
|
4
|
-
import { GidsBasicTableHeader } from '../GidsBasicTableHeader/GidsBasicTableHeader';
|
|
5
|
-
import { GidsBasicTableBody } from '../GidsBasicTableBody/GidsBasicTableBody';
|
|
4
|
+
import { GidsBasicTableHeader, } from '../GidsBasicTableHeader/GidsBasicTableHeader';
|
|
5
|
+
import { GidsBasicTableBody, } from '../GidsBasicTableBody/GidsBasicTableBody';
|
|
6
6
|
const { getGidsBsTableClassNames, getCustomisedTopHeaderCells, getBsTableClasses, getBsTableBodyBorder, } = GidsBsTableWebUtils;
|
|
7
|
+
/**
|
|
8
|
+
* @deprecated
|
|
9
|
+
*
|
|
10
|
+
* Use `GidsTable` and its props and functions instead.
|
|
11
|
+
*/
|
|
7
12
|
export const GidsBsTable = ({
|
|
8
13
|
// Table properties
|
|
9
|
-
topHeaderCells = [], tableBody = [], width = 'full', isTopHeaderVisible = false, isHeadVisible = true, topHeaderAppearance = 'none', topHeaderLabelTypography = 'eyebrow-small', topHeaderTextAlignment = 'left', rowAppearance = 'none', rowLabelTypography = 'label-small', rowTextAlignment = 'left', tableBorders = 'none', tableBorderRadius = [], tableBodyMaxHeight = 200, className,
|
|
14
|
+
topHeaderCells = [], tableBody = [], width = 'full', isTopHeaderVisible = false, isHeadVisible = true, topHeaderAppearance = 'none', topHeaderLabelTypography = 'eyebrow-small', topHeaderTextAlignment = 'left', rowAppearance = 'none', rowLabelTypography = 'label-small', rowTextAlignment = 'left', tableBorders = 'none', tableBorderRadius = [], tableBodyMaxHeight = 200, tableBodyPrimaryActionButtons = [], tableBodySecondaryActionButtons = [], topHeaderPrimaryActionButtons = [], topHeaderSecondaryActionButtons = [], onClickBsTableActionBtn, className,
|
|
10
15
|
// Table Head properties
|
|
11
|
-
actionGroup = false, allFiltersTabVisible = false, moreFiltersTabVisible = false, clearAllFiltersVisible = true, clearAllFiltersButtonAppearance = 'primary', primaryFilters = [], secondaryFilters = [], filterSize = 'xs', filterAllIsDefaultSelected = true, dropdownDividerVisible, onToggleActionBarAllFilter, onToggleActionBarDropdownFilter, onToggleActionBarMoreFilter, onToggleActionBarNoneFilter, onDropdownSelectionActionBarFilterChange, onMoreSelectionActionBarFilterChange, onClearAllFiltersButton, actionBarDisabled = false, searchDisabled = false, allFiltersData, moreFiltersData, searchVisible = true, filtersVisible = true, childrenPosition = 'top-most', tabVisible = false, tabProps, headBorderSides = [], headBorderRadiusSides = [], leadingIcon, leadingLabel, trailingLabel, loading, readOnly, onGidsSearchBarClear, onChange, onInput, onFocus, onBlur, headValue = '', inputProps,
|
|
16
|
+
actionGroup = false, allFiltersTabVisible = false, moreFiltersTabVisible = false, clearAllFiltersVisible = true, clearAllFiltersButtonAppearance = 'primary', primaryFilters = [], secondaryFilters = [], filterSize = 'xs', filterAllIsDefaultSelected = true, dropdownDividerVisible, onToggleActionBarAllFilter, onToggleActionBarDropdownFilter, onToggleActionBarMoreFilter, onToggleActionBarNoneFilter, onDropdownSelectionActionBarFilterChange, onMoreSelectionActionBarFilterChange, onClearAllFiltersButton, actionBarDisabled = false, searchDisabled = false, allFiltersData, moreFiltersData, searchVisible = true, filtersVisible = true, children, childrenPosition = 'top-most', tabVisible = false, tabProps, headBorderSides = [], headBorderRadiusSides = [], leadingIcon, leadingLabel, trailingLabel, loading, readOnly, onGidsSearchBarClear, onChange, onInput, onFocus, onBlur, headValue = '', inputProps, headAppearance = 'surface-default', ...restProps }) => {
|
|
17
|
+
const onActionBtnClick = (event) => {
|
|
18
|
+
if (onClickBsTableActionBtn) {
|
|
19
|
+
onClickBsTableActionBtn({
|
|
20
|
+
...event,
|
|
21
|
+
details: {
|
|
22
|
+
...event.details,
|
|
23
|
+
columnIndex: event?.details?.cellIndex,
|
|
24
|
+
},
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
};
|
|
12
28
|
return (React.createElement("div", { className: getGidsBsTableClassNames({ width, tableBorders, tableBorderRadius }, className) },
|
|
13
29
|
isHeadVisible ? (React.createElement(GidsBasicTableHead, { ...restProps, actionGroup: actionGroup, allFiltersTabVisible: allFiltersTabVisible, moreFiltersTabVisible: moreFiltersTabVisible, clearAllFiltersVisible: clearAllFiltersVisible, clearAllFiltersButtonAppearance: clearAllFiltersButtonAppearance, primaryFilters: primaryFilters, secondaryFilters: secondaryFilters, filterSize: filterSize, filterAllIsDefaultSelected: filterAllIsDefaultSelected, dropdownDividerVisible: dropdownDividerVisible, onToggleActionBarAllFilter: onToggleActionBarAllFilter, onToggleActionBarDropdownFilter: onToggleActionBarDropdownFilter, onToggleActionBarMoreFilter: onToggleActionBarMoreFilter, onToggleActionBarNoneFilter: onToggleActionBarNoneFilter, onDropdownSelectionActionBarFilterChange: onDropdownSelectionActionBarFilterChange, onMoreSelectionActionBarFilterChange: onMoreSelectionActionBarFilterChange, onClearAllFiltersButton: onClearAllFiltersButton, actionBarDisabled: actionBarDisabled, searchDisabled: searchDisabled, allFiltersData: allFiltersData, moreFiltersData: moreFiltersData, searchVisible: searchVisible, filtersVisible: filtersVisible, childrenPosition: childrenPosition, tabVisible: tabVisible, tabProps: tabProps, borderSides: headBorderSides, borderRadiusSides: headBorderRadiusSides, leadingIcon: leadingIcon, leadingLabel: leadingLabel, trailingLabel: trailingLabel, loading: loading, readOnly: readOnly, onGidsSearchBarClear: onGidsSearchBarClear, onChange: onChange, onInput: onInput, onFocus: onFocus, onBlur: onBlur, value: headValue, inputProps: inputProps, headAppearance: headAppearance }, children ? children : undefined)) : undefined,
|
|
14
30
|
React.createElement("div", { className: "gids-bs-table__scroll-container", style: (tableBodyMaxHeight
|
|
@@ -16,9 +32,9 @@ actionGroup = false, allFiltersTabVisible = false, moreFiltersTabVisible = false
|
|
|
16
32
|
: {}) },
|
|
17
33
|
React.createElement("table", { className: getBsTableClasses({ width, isHeadVisible }) },
|
|
18
34
|
isTopHeaderVisible && topHeaderCells && topHeaderCells.length > 0 ? (React.createElement(GidsBasicTableHeader, { appearance: topHeaderAppearance, labelTypography: topHeaderLabelTypography, textAlignment: topHeaderTextAlignment, headerCells: getCustomisedTopHeaderCells({
|
|
19
|
-
topHeaderCells,
|
|
35
|
+
topHeaderCells: topHeaderCells,
|
|
20
36
|
tableBorders,
|
|
21
|
-
}), width: isHeadVisible ? 'full' : width })) : undefined,
|
|
22
|
-
tableBody && tableBody.length > 0 ? (React.createElement(GidsBasicTableBody, { width: width, tableBodyData: tableBody, tableBorders: getBsTableBodyBorder({ tableBorders }), rowAppearance: rowAppearance, rowLabelTypography: rowLabelTypography, rowTextAlignment: rowTextAlignment })) : undefined))));
|
|
37
|
+
}), width: isHeadVisible ? 'full' : width, cellPrimaryActionButtons: topHeaderPrimaryActionButtons, cellSecondaryActionButtons: topHeaderSecondaryActionButtons, onClickHeaderActionBtn: onActionBtnClick })) : undefined,
|
|
38
|
+
tableBody && tableBody.length > 0 ? (React.createElement(GidsBasicTableBody, { width: width, tableBodyData: tableBody, tableBorders: getBsTableBodyBorder({ tableBorders }), rowAppearance: rowAppearance, rowLabelTypography: rowLabelTypography, rowTextAlignment: rowTextAlignment, tableBodyCellPrimaryActionButtons: tableBodyPrimaryActionButtons, tableBodyCellSecondaryActionButtons: tableBodySecondaryActionButtons, onClickBodyCellActionBtn: onActionBtnClick })) : undefined))));
|
|
23
39
|
};
|
|
24
40
|
//# sourceMappingURL=GidsBsTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsBsTable.js","sourceRoot":"","sources":["../../../src/components/GidsBsTable/GidsBsTable.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"GidsBsTable.js","sourceRoot":"","sources":["../../../src/components/GidsBsTable/GidsBsTable.tsx"],"names":[],"mappings":"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"}
|