@ganpatiinfo/gids-react-web 14.0.0 → 16.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/GidsBasicTableBody/GidsBasicTableBody.d.ts +29 -5
- package/dist/components/GidsBasicTableBody/GidsBasicTableBody.d.ts.map +1 -1
- package/dist/components/GidsBasicTableBody/GidsBasicTableBody.js +19 -3
- 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 +5 -0
- package/dist/components/GidsBasicTableHead/GidsBasicTableHead.js.map +1 -1
- package/dist/components/GidsBasicTableHeader/GidsBasicTableHeader.d.ts +23 -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 +20 -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/GidsBsTable/GidsBsTable.d.ts +29 -5
- package/dist/components/GidsBsTable/GidsBsTable.d.ts.map +1 -1
- package/dist/components/GidsBsTable/GidsBsTable.js +21 -5
- package/dist/components/GidsBsTable/GidsBsTable.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/GidsCrossTable/GidsCrossTable.d.ts +17 -0
- package/dist/components/GidsCrossTable/GidsCrossTable.d.ts.map +1 -0
- package/dist/components/GidsCrossTable/GidsCrossTable.js +73 -0
- package/dist/components/GidsCrossTable/GidsCrossTable.js.map +1 -0
- package/dist/components/GidsCrossTableBody/GidsCrossTableBody.d.ts +12 -0
- package/dist/components/GidsCrossTableBody/GidsCrossTableBody.d.ts.map +1 -0
- package/dist/components/GidsCrossTableBody/GidsCrossTableBody.js +65 -0
- package/dist/components/GidsCrossTableBody/GidsCrossTableBody.js.map +1 -0
- package/dist/components/GidsCrossTableRow/GidsCrossTableRow.d.ts +12 -0
- package/dist/components/GidsCrossTableRow/GidsCrossTableRow.d.ts.map +1 -0
- package/dist/components/GidsCrossTableRow/GidsCrossTableRow.js +34 -0
- package/dist/components/GidsCrossTableRow/GidsCrossTableRow.js.map +1 -0
- package/dist/components/GidsDialog/GidsDialog.d.ts +13 -0
- package/dist/components/GidsDialog/GidsDialog.d.ts.map +1 -0
- package/dist/components/GidsDialog/GidsDialog.js +111 -0
- package/dist/components/GidsDialog/GidsDialog.js.map +1 -0
- package/dist/components/GidsMatrixTable/GidsMatrixTable.d.ts +34 -0
- package/dist/components/GidsMatrixTable/GidsMatrixTable.d.ts.map +1 -0
- package/dist/components/GidsMatrixTable/GidsMatrixTable.js +38 -0
- package/dist/components/GidsMatrixTable/GidsMatrixTable.js.map +1 -0
- package/dist/components/GidsMatrixTableBody/GidsMatrixTableBody.d.ts +34 -0
- package/dist/components/GidsMatrixTableBody/GidsMatrixTableBody.d.ts.map +1 -0
- package/dist/components/GidsMatrixTableBody/GidsMatrixTableBody.js +58 -0
- package/dist/components/GidsMatrixTableBody/GidsMatrixTableBody.js.map +1 -0
- package/dist/components/GidsMenu/GidsMenu.d.ts.map +1 -1
- package/dist/components/GidsMenu/GidsMenu.js +6 -3
- package/dist/components/GidsMenu/GidsMenu.js.map +1 -1
- 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/GidsTable/GidsTable.d.ts +16 -0
- package/dist/components/GidsTable/GidsTable.d.ts.map +1 -0
- package/dist/components/GidsTable/GidsTable.js +57 -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 +23 -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 +45 -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/_GidsDialogControl/GidsDialogControl.d.ts +8 -0
- package/dist/components/_GidsDialogControl/GidsDialogControl.d.ts.map +1 -0
- package/dist/components/_GidsDialogControl/GidsDialogControl.js +79 -0
- package/dist/components/_GidsDialogControl/GidsDialogControl.js.map +1 -0
- package/dist/components/_GidsPaginationItem/GidsPaginationItem.d.ts +9 -0
- package/dist/components/_GidsPaginationItem/GidsPaginationItem.d.ts.map +1 -1
- package/dist/components/_GidsPaginationItem/GidsPaginationItem.js +4 -0
- package/dist/components/_GidsPaginationItem/GidsPaginationItem.js.map +1 -1
- package/dist/components/stencil-generated/components.d.ts +3 -0
- package/dist/components/stencil-generated/components.d.ts.map +1 -1
- package/dist/components/stencil-generated/components.js +3 -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/components/stencil-generated/gids-skeleton.d.ts +10 -0
- package/dist/components/stencil-generated/gids-skeleton.d.ts.map +1 -0
- package/dist/components/stencil-generated/gids-skeleton.js +13 -0
- package/dist/components/stencil-generated/gids-skeleton.js.map +1 -0
- package/dist/components/stencil-generated/gids-transfer-list.d.ts +10 -0
- package/dist/components/stencil-generated/gids-transfer-list.d.ts.map +1 -0
- package/dist/components/stencil-generated/gids-transfer-list.js +13 -0
- package/dist/components/stencil-generated/gids-transfer-list.js.map +1 -0
- package/dist/index.d.ts +104 -84
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +104 -84
- package/dist/index.js.map +1 -1
- package/package.json +9 -9
- package/dist/components/GidsBasicTableCell/GidsBasicTableCell.d.ts +0 -6
- package/dist/components/GidsBasicTableCell/GidsBasicTableCell.d.ts.map +0 -1
- package/dist/components/GidsBasicTableCell/GidsBasicTableCell.js +0 -22
- package/dist/components/GidsBasicTableCell/GidsBasicTableCell.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsMenu.js","sourceRoot":"","sources":["../../../src/components/GidsMenu/GidsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAIN,MAAM,OAAO,CAAC;AACf,OAAO,EAEN,gBAAgB,GAChB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,MAAM,EAAE,qBAAqB,EAAE,GAAG,gBAAgB,CAAC;AAKnD,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAC3C,QAAQ,EACR,OAAO,EACP,cAAc,EACd,wBAAwB,EACxB,SAAS,EACT,GAAG,SAAS,EACG,EAAE,EAAE;IACnB,OAAO,CACN,6BAAK,SAAS,EAAE,qBAAqB,CAAC,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"GidsMenu.js","sourceRoot":"","sources":["../../../src/components/GidsMenu/GidsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAIN,MAAM,OAAO,CAAC;AACf,OAAO,EAEN,gBAAgB,GAChB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,MAAM,EAAE,qBAAqB,EAAE,GAAG,gBAAgB,CAAC;AAKnD,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAC3C,QAAQ,EACR,OAAO,EACP,cAAc,EACd,KAAK,EACL,wBAAwB,EACxB,sBAAsB,GAAG,KAAK,EAC9B,SAAS,EACT,GAAG,SAAS,EACG,EAAE,EAAE;IACnB,OAAO,CACN,6BAAK,SAAS,EAAE,qBAAqB,CAAC,SAAS,CAAC,KAAM,SAAS;QAC7D,CAAC,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,EAAE,CAAC;YAC9D,CAAC,cAAc,KAAK,SAAS;gBAC5B,cAAc,KAAK,IAAI;gBACvB,cAAc,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CACzB,oBAAC,WAAW,IACX,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,wBAAwB,EACvB,wBAAwB,IAAI,gBAAgB,EAE7C,KAAK,EAAE,KAAK,GACX,CACF,CAAC,CAAC,CAAC,IAAI;QACP,sBAAsB,CAAC,CAAC,CAAC,CACzB,6BAAK,SAAS,EAAC,2BAA2B;YACzC,oBAAC,WAAW,IAAC,WAAW,EAAC,YAAY,GAAG,CACnC,CACN,CAAC,CAAC,CAAC,SAAS;QACZ,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,CAC9C,6BAAK,SAAS,EAAC,qBAAqB,IAAE,QAAQ,CAAO,CACrD,CAAC,CAAC,CAAC,IAAI,CACH,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
import { type GidsPaginationCommonProps } from '@ganpatiinfo/gids-core-shared';
|
|
2
2
|
import { type GidsPaginationButtonParamsProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
3
|
import { type JSX, type ComponentPropsWithoutRef, MouseEvent } from 'react';
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated
|
|
6
|
+
*
|
|
7
|
+
* Use `GidsPaginator` and its props and functions instead.
|
|
8
|
+
*/
|
|
4
9
|
export type GidsPaginationProps = Omit<GidsPaginationCommonProps<string>, 'onClickItem'> & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'onClick'> & {
|
|
5
10
|
onClickItem?: ({ event, index, page, defaultPage, type, }: GidsPaginationButtonParamsProps<MouseEvent>) => void;
|
|
6
11
|
};
|
|
7
12
|
/**
|
|
8
13
|
* React DOM implementation of GIDS Pagination component.
|
|
9
14
|
*
|
|
15
|
+
* @deprecated
|
|
16
|
+
*
|
|
17
|
+
* Use `GidsPaginator` and its props and functions instead.
|
|
18
|
+
*
|
|
10
19
|
* **Usage**
|
|
11
20
|
*
|
|
12
21
|
* ```tsx
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsPagination.d.ts","sourceRoot":"","sources":["../../../src/components/GidsPagination/GidsPagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,yBAAyB,EAE9B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACN,KAAK,+BAA+B,EAEpC,MAAM,8BAA8B,CAAC;AACtC,OAAc,EACb,KAAK,GAAG,EACR,KAAK,wBAAwB,EAC7B,UAAU,EACV,MAAM,OAAO,CAAC;AAQf,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACrC,yBAAyB,CAAC,MAAM,CAAC,EACjC,aAAa,CACb,GACA,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG;IAC/D,WAAW,CAAC,EAAE,CAAC,EACd,KAAK,EACL,KAAK,EACL,IAAI,EACJ,WAAW,EACX,IAAI,GACJ,EAAE,+BAA+B,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACxD,CAAC;AAEH
|
|
1
|
+
{"version":3,"file":"GidsPagination.d.ts","sourceRoot":"","sources":["../../../src/components/GidsPagination/GidsPagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,yBAAyB,EAE9B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACN,KAAK,+BAA+B,EAEpC,MAAM,8BAA8B,CAAC;AACtC,OAAc,EACb,KAAK,GAAG,EACR,KAAK,wBAAwB,EAC7B,UAAU,EACV,MAAM,OAAO,CAAC;AAQf;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACrC,yBAAyB,CAAC,MAAM,CAAC,EACjC,aAAa,CACb,GACA,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG;IAC/D,WAAW,CAAC,EAAE,CAAC,EACd,KAAK,EACL,KAAK,EACL,IAAI,EACJ,WAAW,EACX,IAAI,GACJ,EAAE,+BAA+B,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CACxD,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8BI;AACJ,eAAO,MAAM,cAAc,GAAI,qMAkB5B,mBAAmB,KAAG,GAAG,CAAC,OAsL5B,CAAC"}
|
|
@@ -7,6 +7,10 @@ const { getPaginationsArr } = GidsPaginationCommonUtils;
|
|
|
7
7
|
/**
|
|
8
8
|
* React DOM implementation of GIDS Pagination component.
|
|
9
9
|
*
|
|
10
|
+
* @deprecated
|
|
11
|
+
*
|
|
12
|
+
* Use `GidsPaginator` and its props and functions instead.
|
|
13
|
+
*
|
|
10
14
|
* **Usage**
|
|
11
15
|
*
|
|
12
16
|
* ```tsx
|
|
@@ -63,9 +67,7 @@ export const GidsPagination = ({ selectColor = 'default', variant = 'default', s
|
|
|
63
67
|
if (dataObj === '...') {
|
|
64
68
|
return (React.createElement("div", { key: `${i.toString()}`, className: getGidsPaginationDotsClassNames({ size }) }, `...`));
|
|
65
69
|
}
|
|
66
|
-
return (React.createElement(GidsPaginationItem, { key: `${i.toString()}`, selectColor: selectColor, variant: variant, shape: shape, size: size, isIcon: false, icon: '(none)', disabled: disabled, selected: selectedPage,
|
|
67
|
-
// eslint-disable-next-line react/jsx-no-bind
|
|
68
|
-
onClickItem: (event) => {
|
|
70
|
+
return (React.createElement(GidsPaginationItem, { key: `${i.toString()}`, selectColor: selectColor, variant: variant, shape: shape, size: size, isIcon: false, icon: '(none)', disabled: disabled, selected: selectedPage, onClickItem: (event) => {
|
|
69
71
|
if (onClickItem) {
|
|
70
72
|
onClickItem({
|
|
71
73
|
event,
|
|
@@ -81,9 +83,7 @@ export const GidsPagination = ({ selectColor = 'default', variant = 'default', s
|
|
|
81
83
|
return null;
|
|
82
84
|
};
|
|
83
85
|
return (React.createElement("div", { ...rest, className: getGidsPaginationClassNames(className) },
|
|
84
|
-
showFirstButton ? (React.createElement(GidsPaginationItem, { selectColor: "none", selected: false, variant: variant, shape: shape, size: size, isIcon: true, icon: "backward", disabled: internalPage <= 1 || disabled,
|
|
85
|
-
// eslint-disable-next-line react/jsx-no-bind
|
|
86
|
-
onClickItem: (event) => {
|
|
86
|
+
showFirstButton ? (React.createElement(GidsPaginationItem, { selectColor: "none", selected: false, variant: variant, shape: shape, size: size, isIcon: true, icon: "backward", disabled: internalPage <= 1 || disabled, onClickItem: (event) => {
|
|
87
87
|
if (onClickItem) {
|
|
88
88
|
onClickItem({
|
|
89
89
|
event,
|
|
@@ -98,9 +98,7 @@ export const GidsPagination = ({ selectColor = 'default', variant = 'default', s
|
|
|
98
98
|
previousIcon !== '' &&
|
|
99
99
|
previousIcon !== '(none)'
|
|
100
100
|
? previousIcon
|
|
101
|
-
: 'chevron-left', disabled: internalPage <= 1 || disabled,
|
|
102
|
-
// eslint-disable-next-line react/jsx-no-bind
|
|
103
|
-
onClickItem: (event) => {
|
|
101
|
+
: 'chevron-left', disabled: internalPage <= 1 || disabled, onClickItem: (event) => {
|
|
104
102
|
if (onClickItem) {
|
|
105
103
|
onClickItem({
|
|
106
104
|
event,
|
|
@@ -114,9 +112,7 @@ export const GidsPagination = ({ selectColor = 'default', variant = 'default', s
|
|
|
114
112
|
getItems(),
|
|
115
113
|
!hideNextButton ? (React.createElement(GidsPaginationItem, { selectColor: "none", selected: false, variant: variant, shape: shape, size: size, isIcon: true, icon: nextIcon !== undefined && nextIcon !== '' && nextIcon !== '(none)'
|
|
116
114
|
? nextIcon
|
|
117
|
-
: 'chevron-right', disabled: internalPage >= count || disabled,
|
|
118
|
-
// eslint-disable-next-line react/jsx-no-bind
|
|
119
|
-
onClickItem: (event) => {
|
|
115
|
+
: 'chevron-right', disabled: internalPage >= count || disabled, onClickItem: (event) => {
|
|
120
116
|
if (onClickItem) {
|
|
121
117
|
onClickItem({
|
|
122
118
|
event,
|
|
@@ -127,9 +123,7 @@ export const GidsPagination = ({ selectColor = 'default', variant = 'default', s
|
|
|
127
123
|
});
|
|
128
124
|
}
|
|
129
125
|
} })) : null,
|
|
130
|
-
showLastButton ? (React.createElement(GidsPaginationItem, { selectColor: "none", selected: false, variant: variant, shape: shape, size: size, isIcon: true, icon: 'forward', disabled: internalPage >= count || disabled,
|
|
131
|
-
// eslint-disable-next-line react/jsx-no-bind
|
|
132
|
-
onClickItem: (event) => {
|
|
126
|
+
showLastButton ? (React.createElement(GidsPaginationItem, { selectColor: "none", selected: false, variant: variant, shape: shape, size: size, isIcon: true, icon: 'forward', disabled: internalPage >= count || disabled, onClickItem: (event) => {
|
|
133
127
|
if (onClickItem) {
|
|
134
128
|
onClickItem({
|
|
135
129
|
event,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GidsPagination.js","sourceRoot":"","sources":["../../../src/components/GidsPagination/GidsPagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,yBAAyB,GACzB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAEN,sBAAsB,GACtB,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAIN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAGlF,MAAM,EAAE,2BAA2B,EAAE,+BAA+B,EAAE,GACrE,sBAAsB,CAAC;AACxB,MAAM,EAAE,iBAAiB,EAAE,GAAG,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"GidsPagination.js","sourceRoot":"","sources":["../../../src/components/GidsPagination/GidsPagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React, { MouseEvent, type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import { GidsPaginatorWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
export type GidsPaginatorBaseWebProps = GidsPaginatorWebProps<IconName, MouseEvent> & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'onClick'>;
|
|
5
|
+
export type GidsPaginatorProps = GidsPaginatorBaseWebProps;
|
|
6
|
+
export declare const GidsPaginator: ({ currentPage, totalPages, size, disabled, selectColor, variant, shape, showFirstPageBtn, showLastPageBtn, showNextBtn, showPreviousBtn, onPageChange, className, }: GidsPaginatorProps) => React.JSX.Element;
|
|
7
|
+
//# sourceMappingURL=GidsPaginator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsPaginator.d.ts","sourceRoot":"","sources":["../../../src/components/GidsPaginator/GidsPaginator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EACN,qBAAqB,EAErB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AASjE,MAAM,MAAM,yBAAyB,GAAG,qBAAqB,CAC5D,QAAQ,EACR,UAAU,CACV,GACA,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAE/D,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,CAAC;AAE3D,eAAO,MAAM,aAAa,GAAI,qKAc3B,kBAAkB,sBA+MpB,CAAC"}
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GidsPaginatorWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { GidsPaginatorItem } from '../GidsPaginatorItem/GidsPaginatorItem';
|
|
4
|
+
const { getGidsPaginatorClassNames } = GidsPaginatorWebUtils;
|
|
5
|
+
export const GidsPaginator = ({ currentPage = 1, totalPages = 1, size = 'sm', disabled = false, selectColor = 'default', variant = 'default', shape = 'circled', showFirstPageBtn, showLastPageBtn, showNextBtn, showPreviousBtn, onPageChange, className, }) => {
|
|
6
|
+
const handlePageChange = ({ page, event, }) => {
|
|
7
|
+
if (disabled || page < 1 || page > totalPages || page === currentPage) {
|
|
8
|
+
return;
|
|
9
|
+
}
|
|
10
|
+
if (onPageChange) {
|
|
11
|
+
const pageChangeEventDetail = {
|
|
12
|
+
currentPage: page,
|
|
13
|
+
totalPages,
|
|
14
|
+
size,
|
|
15
|
+
variant,
|
|
16
|
+
shape,
|
|
17
|
+
selectColor,
|
|
18
|
+
};
|
|
19
|
+
onPageChange({
|
|
20
|
+
originalEvent: event?.originalEvent,
|
|
21
|
+
details: pageChangeEventDetail,
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
const renderPaginatorItem = ({ children, isIcon = false, iconName, selected = false, itemDisabled = false, onPaginatorItemClick, ellipsis, }) => {
|
|
26
|
+
return (React.createElement(GidsPaginatorItem, { size: size, selectColor: selectColor, variant: ellipsis ? 'default' : variant, shape: shape, disabled: disabled || itemDisabled, selected: ellipsis ? false : selected, isIcon: ellipsis ? false : isIcon, iconName: iconName, onPaginatorItemClick: onPaginatorItemClick }, !isIcon ? children : undefined));
|
|
27
|
+
};
|
|
28
|
+
/*
|
|
29
|
+
* First page button
|
|
30
|
+
*/
|
|
31
|
+
const firstPageButton = showFirstPageBtn
|
|
32
|
+
? renderPaginatorItem({
|
|
33
|
+
isIcon: true,
|
|
34
|
+
iconName: 'backward',
|
|
35
|
+
itemDisabled: currentPage <= 1,
|
|
36
|
+
onPaginatorItemClick: (event) => {
|
|
37
|
+
handlePageChange({
|
|
38
|
+
page: 1,
|
|
39
|
+
event,
|
|
40
|
+
});
|
|
41
|
+
},
|
|
42
|
+
})
|
|
43
|
+
: null;
|
|
44
|
+
/*
|
|
45
|
+
* Previous button
|
|
46
|
+
*/
|
|
47
|
+
const previousButton = showPreviousBtn
|
|
48
|
+
? renderPaginatorItem({
|
|
49
|
+
isIcon: true,
|
|
50
|
+
iconName: 'chevron-left',
|
|
51
|
+
itemDisabled: currentPage <= 1,
|
|
52
|
+
onPaginatorItemClick: (event) => {
|
|
53
|
+
handlePageChange({
|
|
54
|
+
page: currentPage - 1,
|
|
55
|
+
event,
|
|
56
|
+
});
|
|
57
|
+
},
|
|
58
|
+
})
|
|
59
|
+
: null;
|
|
60
|
+
/*
|
|
61
|
+
* Page calculation
|
|
62
|
+
*/
|
|
63
|
+
const pages = [];
|
|
64
|
+
if (totalPages <= 7) {
|
|
65
|
+
for (let page = 1; page <= totalPages; page++) {
|
|
66
|
+
pages.push(page);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
else if (currentPage <= 4) {
|
|
70
|
+
pages.push(1, 2, 3, 4, 'ellipsis', totalPages);
|
|
71
|
+
}
|
|
72
|
+
else if (currentPage >= totalPages - 3) {
|
|
73
|
+
pages.push(1, 'ellipsis', totalPages - 3, totalPages - 2, totalPages - 1, totalPages);
|
|
74
|
+
}
|
|
75
|
+
else {
|
|
76
|
+
pages.push(1, 'ellipsis', currentPage - 1, currentPage, currentPage + 1, 'ellipsis', totalPages);
|
|
77
|
+
}
|
|
78
|
+
/*
|
|
79
|
+
* Page buttons
|
|
80
|
+
*/
|
|
81
|
+
const pageButtons = pages.map((page) => {
|
|
82
|
+
if (page === 'ellipsis') {
|
|
83
|
+
return renderPaginatorItem({
|
|
84
|
+
children: '...',
|
|
85
|
+
itemDisabled: true,
|
|
86
|
+
ellipsis: true,
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
return renderPaginatorItem({
|
|
90
|
+
children: String(page),
|
|
91
|
+
selected: page === currentPage,
|
|
92
|
+
onPaginatorItemClick: (event) => {
|
|
93
|
+
handlePageChange({
|
|
94
|
+
page,
|
|
95
|
+
event,
|
|
96
|
+
});
|
|
97
|
+
},
|
|
98
|
+
});
|
|
99
|
+
});
|
|
100
|
+
/*
|
|
101
|
+
* Next button
|
|
102
|
+
*/
|
|
103
|
+
const nextButton = showNextBtn
|
|
104
|
+
? renderPaginatorItem({
|
|
105
|
+
isIcon: true,
|
|
106
|
+
iconName: 'chevron-right',
|
|
107
|
+
itemDisabled: currentPage >= totalPages,
|
|
108
|
+
onPaginatorItemClick: (event) => {
|
|
109
|
+
handlePageChange({
|
|
110
|
+
page: currentPage + 1,
|
|
111
|
+
event,
|
|
112
|
+
});
|
|
113
|
+
},
|
|
114
|
+
})
|
|
115
|
+
: null;
|
|
116
|
+
/*
|
|
117
|
+
* Last page button
|
|
118
|
+
*/
|
|
119
|
+
const lastPageButton = showLastPageBtn
|
|
120
|
+
? renderPaginatorItem({
|
|
121
|
+
isIcon: true,
|
|
122
|
+
iconName: 'forward',
|
|
123
|
+
itemDisabled: currentPage >= totalPages,
|
|
124
|
+
onPaginatorItemClick: (event) => {
|
|
125
|
+
handlePageChange({
|
|
126
|
+
page: totalPages,
|
|
127
|
+
event,
|
|
128
|
+
});
|
|
129
|
+
},
|
|
130
|
+
})
|
|
131
|
+
: null;
|
|
132
|
+
return (React.createElement("div", { className: getGidsPaginatorClassNames(className) },
|
|
133
|
+
React.createElement("div", { className: variant === 'outlined'
|
|
134
|
+
? 'gids-paginator__shaped-items'
|
|
135
|
+
: 'gids-paginator__items' },
|
|
136
|
+
firstPageButton,
|
|
137
|
+
previousButton,
|
|
138
|
+
pageButtons,
|
|
139
|
+
nextButton,
|
|
140
|
+
lastPageButton)));
|
|
141
|
+
};
|
|
142
|
+
//# sourceMappingURL=GidsPaginator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsPaginator.js","sourceRoot":"","sources":["../../../src/components/GidsPaginator/GidsPaginator.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React, { MouseEvent, type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
+
import { GidsPaginatorItemWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { type IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
export type GidsPaginatorItemBaseWebProps = GidsPaginatorItemWebProps<ReactNode, IconName, MouseEvent>;
|
|
5
|
+
export type GidsPaginatorItemProps = GidsPaginatorItemBaseWebProps & Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'onClick'>;
|
|
6
|
+
export declare const GidsPaginatorItem: ({ selectColor, variant, shape, size, isIcon, iconName, disabled, className, onPaginatorItemClick, selected, children, ...rest }: GidsPaginatorItemProps) => React.JSX.Element;
|
|
7
|
+
//# sourceMappingURL=GidsPaginatorItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsPaginatorItem.d.ts","sourceRoot":"","sources":["../../../src/components/GidsPaginatorItem/GidsPaginatorItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,UAAU,EACV,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AAEf,OAAO,EACN,yBAAyB,EAEzB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAKtE,MAAM,MAAM,6BAA6B,GAAG,yBAAyB,CACpE,SAAS,EACT,QAAQ,EACR,UAAU,CACV,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,6BAA6B,GACjE,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAElE,eAAO,MAAM,iBAAiB,GAAI,iIAa/B,sBAAsB,sBAwCxB,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GidsPaginatorItemCommonUtils } from '@ganpatiinfo/gids-core-shared';
|
|
3
|
+
import { GidsPaginatorItemWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
4
|
+
import { GidsIcon } from '../GidsIcon/GidsIcon.js';
|
|
5
|
+
const { getGidsPaginatorItemClassNames } = GidsPaginatorItemWebUtils;
|
|
6
|
+
const { getPaginatorItemIconSize } = GidsPaginatorItemCommonUtils;
|
|
7
|
+
export const GidsPaginatorItem = ({ selectColor = 'default', variant = 'default', shape = 'circled', size = 'sm', isIcon = false, iconName, disabled = false, className, onPaginatorItemClick, selected = false, children, ...rest }) => {
|
|
8
|
+
function onClickPaginator(event) {
|
|
9
|
+
if (!disabled && onPaginatorItemClick) {
|
|
10
|
+
onPaginatorItemClick({
|
|
11
|
+
originalEvent: event,
|
|
12
|
+
});
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
return (React.createElement("button", { ...rest, className: getGidsPaginatorItemClassNames({
|
|
16
|
+
selectColor,
|
|
17
|
+
shape,
|
|
18
|
+
size,
|
|
19
|
+
variant,
|
|
20
|
+
disabled,
|
|
21
|
+
selected,
|
|
22
|
+
}, className), onClick: onClickPaginator, disabled: disabled },
|
|
23
|
+
!isIcon && children ? children : null,
|
|
24
|
+
isIcon &&
|
|
25
|
+
iconName !== undefined &&
|
|
26
|
+
iconName.toString() !== '' &&
|
|
27
|
+
iconName.toString() !== '(none)' ? (React.createElement(GidsIcon, { size: getPaginatorItemIconSize({ size }), name: iconName, appearance: "regular", alt: "" })) : null));
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=GidsPaginatorItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsPaginatorItem.js","sourceRoot":"","sources":["../../../src/components/GidsPaginatorItem/GidsPaginatorItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAIN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAEN,yBAAyB,GACzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGnD,MAAM,EAAE,8BAA8B,EAAE,GAAG,yBAAyB,CAAC;AACrE,MAAM,EAAE,wBAAwB,EAAE,GAAG,4BAA4B,CAAC;AAWlE,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EACjC,WAAW,GAAG,SAAS,EACvB,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,oBAAoB,EACpB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,GAAG,IAAI,EACiB,EAAE,EAAE;IAC5B,SAAS,gBAAgB,CAAC,KAAiB;QAC1C,IAAI,CAAC,QAAQ,IAAI,oBAAoB,EAAE,CAAC;YACvC,oBAAoB,CAAC;gBACpB,aAAa,EAAE,KAAK;aACpB,CAAC,CAAC;QACJ,CAAC;IACF,CAAC;IAED,OAAO,CACN,mCACK,IAAI,EACR,SAAS,EAAE,8BAA8B,CACxC;YACC,WAAW;YACX,KAAK;YACL,IAAI;YACJ,OAAO;YACP,QAAQ;YACR,QAAQ;SACR,EACD,SAAS,CACT,EACD,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,QAAQ;QAEjB,CAAC,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;QACrC,MAAM;YACP,QAAQ,KAAK,SAAS;YACtB,QAAQ,CAAC,QAAQ,EAAE,KAAK,EAAE;YAC1B,QAAQ,CAAC,QAAQ,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CAClC,oBAAC,QAAQ,IACR,IAAI,EAAE,wBAAwB,CAAC,EAAE,IAAI,EAAE,CAAC,EACxC,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,SAAS,EACpB,GAAG,EAAC,EAAE,GACL,CACF,CAAC,CAAC,CAAC,IAAI,CACA,CACT,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React, { MouseEvent, type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
+
import { GidsTableEntryTypographyStyle, GidsTableWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
import { GidsInputStatus, GidsTableActionEvent, GidsTableToolbarSettings } from '@ganpatiinfo/gids-core-shared';
|
|
5
|
+
import { GidsTableToolbarProps } from '../GidsTableToolbar/GidsTableToolbar';
|
|
6
|
+
export type GidsTableToolbarBaseSettings = Omit<GidsTableToolbarSettings<ReactNode, MouseEvent, ReactNode, Omit<ComponentPropsWithoutRef<'input'>, 'ref'>, GidsInputStatus>, 'inputProps'> & Pick<GidsTableToolbarProps, 'onChange' | 'onInput' | 'onFocus' | 'onBlur' | 'onGidsSearchBarClear' | 'inputProps'>;
|
|
7
|
+
interface GidsTableBaseWebProps extends Omit<GidsTableWebProps<ReactNode, GidsTableEntryTypographyStyle, IconName, IconAppearance, ReactNode, MouseEvent, ReactNode, Omit<ComponentPropsWithoutRef<'input'>, 'ref'>>, 'toolbarSettings'>, Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
|
|
8
|
+
toolbarSettings?: GidsTableToolbarBaseSettings;
|
|
9
|
+
}
|
|
10
|
+
type GidsTableActionBaseEvent = GidsTableActionEvent<MouseEvent, GidsTableEntryTypographyStyle, IconName, IconAppearance>;
|
|
11
|
+
export interface GidsTableProps extends GidsTableBaseWebProps {
|
|
12
|
+
onTableAction?: (event: GidsTableActionBaseEvent) => void;
|
|
13
|
+
}
|
|
14
|
+
export declare const GidsTable: ({ toolbar, headerItems, bodyContent, isHeaderVisible, isToolbarVisible, bodySettings, toolbarSettings, headerSettings, tableBorders, tableBorderRadius, tableBodyMaxHeight, toolbarChildren, onTableAction, horizontalScroll, footerItems, footerSettings, isFooterVisible, isFooterControlVisible, footerControlSettings, footerControl, children, className, ...restProps }: GidsTableProps) => React.JSX.Element;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=GidsTable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTable.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTable/GidsTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,UAAU,EACV,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AACf,OAAO,EACN,6BAA6B,EAC7B,iBAAiB,EAGjB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACN,eAAe,EACf,oBAAoB,EACpB,wBAAwB,EACxB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAEN,qBAAqB,EACrB,MAAM,sCAAsC,CAAC;AAoB9C,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAC9C,wBAAwB,CACvB,SAAS,EACT,UAAU,EACV,SAAS,EACT,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,EAC9C,eAAe,CACf,EACD,YAAY,CACZ,GACA,IAAI,CACH,qBAAqB,EACnB,UAAU,GACV,SAAS,GACT,SAAS,GACT,QAAQ,GACR,sBAAsB,GACtB,YAAY,CACd,CAAC;AAEH,UAAU,qBACT,SACC,IAAI,CACH,iBAAiB,CAChB,SAAS,EACT,6BAA6B,EAC7B,QAAQ,EACR,cAAc,EACd,SAAS,EACT,UAAU,EACV,SAAS,EACT,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,CAC9C,EACD,iBAAiB,CACjB,EACD,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAClD,eAAe,CAAC,EAAE,4BAA4B,CAAC;CAC/C;AAED,KAAK,wBAAwB,GAAG,oBAAoB,CACnD,UAAU,EACV,6BAA6B,EAC7B,QAAQ,EACR,cAAc,CACd,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,qBAAqB;IAC5D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;CAC1D;AAED,eAAO,MAAM,SAAS,GAAI,+WAwBvB,cAAc,sBAgHhB,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GidsTableWebUtils, isValidChildren, } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { GidsTableToolbar, } from '../GidsTableToolbar/GidsTableToolbar';
|
|
4
|
+
import { GidsTableHeader, } from '../GidsTableHeader/GidsTableHeader';
|
|
5
|
+
import { GidsTableBody, } from '../GidsTableBody/GidsTableBody';
|
|
6
|
+
import clsx from 'clsx';
|
|
7
|
+
import { GidsTableFooterControl } from '../GidsTableFooterControl/GidsTableFooterControl';
|
|
8
|
+
import { GidsTableFooter } from '../GidsTableFooter/GidsTableFooter';
|
|
9
|
+
const { getGidsTableClassNames, getCustomisedTableHeaderEntries, getCustomisedTableFooterEntries, getTableBodyBorder, } = GidsTableWebUtils;
|
|
10
|
+
export const GidsTable = ({ toolbar, headerItems = [], bodyContent = [], isHeaderVisible, isToolbarVisible, bodySettings, toolbarSettings, headerSettings, tableBorders, tableBorderRadius, tableBodyMaxHeight = 200, toolbarChildren, onTableAction, horizontalScroll = false, footerItems = [], footerSettings, isFooterVisible = false, isFooterControlVisible = false, footerControlSettings, footerControl, children, className, ...restProps }) => {
|
|
11
|
+
function onActionBtnClick(event) {
|
|
12
|
+
if (onTableAction) {
|
|
13
|
+
onTableAction({
|
|
14
|
+
...event,
|
|
15
|
+
details: {
|
|
16
|
+
...event.details,
|
|
17
|
+
columnIndex: event?.details?.entryIndex,
|
|
18
|
+
},
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
const scrollContainerClassName = clsx('gids-table__scroll-container', {
|
|
23
|
+
'gids-table__scroll-container--horizontal-scroll': horizontalScroll,
|
|
24
|
+
});
|
|
25
|
+
const scrollContainerStyle = tableBodyMaxHeight
|
|
26
|
+
? {
|
|
27
|
+
maxHeight: `${tableBodyMaxHeight}px`,
|
|
28
|
+
}
|
|
29
|
+
: undefined;
|
|
30
|
+
const renderToolbar = () => {
|
|
31
|
+
if (isValidChildren(toolbar)) {
|
|
32
|
+
return toolbar;
|
|
33
|
+
}
|
|
34
|
+
if (isToolbarVisible) {
|
|
35
|
+
return (React.createElement(GidsTableToolbar, { ...toolbarSettings, onBlur: toolbarSettings?.onBlur, onChange: toolbarSettings?.onChange, onFocus: toolbarSettings?.onFocus, onInput: toolbarSettings?.onInput, onGidsSearchBarClear: toolbarSettings?.onGidsSearchBarClear }, toolbarChildren));
|
|
36
|
+
}
|
|
37
|
+
return undefined;
|
|
38
|
+
};
|
|
39
|
+
return (React.createElement("div", { className: getGidsTableClassNames({ tableBorders, tableBorderRadius }, className), ...restProps },
|
|
40
|
+
renderToolbar(),
|
|
41
|
+
isValidChildren(children) ? (React.createElement("div", { className: scrollContainerClassName, style: scrollContainerStyle },
|
|
42
|
+
React.createElement("table", { className: "gids-table--main-table" }, children))) : (React.createElement("div", { className: scrollContainerClassName, style: scrollContainerStyle },
|
|
43
|
+
React.createElement("table", { className: "gids-table--main-table" },
|
|
44
|
+
isHeaderVisible && headerItems && headerItems.length > 0 ? (React.createElement(GidsTableHeader, { ...headerSettings, headerItems: getCustomisedTableHeaderEntries({
|
|
45
|
+
headerItems,
|
|
46
|
+
tableBorders,
|
|
47
|
+
}), onHeaderAction: onActionBtnClick })) : undefined,
|
|
48
|
+
bodyContent && bodyContent.length > 0 ? (React.createElement(GidsTableBody, { bodyBorder: getTableBodyBorder({
|
|
49
|
+
tableBorders,
|
|
50
|
+
}), bodyContent: bodyContent, bodySettings: bodySettings, onBodyAction: onActionBtnClick })) : undefined,
|
|
51
|
+
isFooterVisible && footerItems && footerItems.length > 0 ? (React.createElement(GidsTableFooter, { ...footerSettings, footerItems: getCustomisedTableFooterEntries({
|
|
52
|
+
footerItems,
|
|
53
|
+
tableBorders,
|
|
54
|
+
}), onFooterAction: onActionBtnClick })) : undefined))),
|
|
55
|
+
isFooterControlVisible || isValidChildren(footerControl) ? (React.createElement(GidsTableFooterControl, { ...footerControlSettings, tableViewControllerSettings: footerControlSettings?.tableViewControllerSettings }, footerControl)) : undefined));
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=GidsTable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTable.js","sourceRoot":"","sources":["../../../src/components/GidsTable/GidsTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { type MouseEvent, type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
+
import { GidsTableBodyWebProps, GidsTableEntryTypographyStyle } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
import { GidsTableBodyActionEvent } from '@ganpatiinfo/gids-core-shared';
|
|
5
|
+
type GidsTableBodyBaseWebProps = Omit<GidsTableBodyWebProps<GidsTableEntryTypographyStyle, IconName, IconAppearance, ReactNode>, 'onChange'> & Omit<ComponentPropsWithoutRef<'tbody'>, 'children' | 'onChange'>;
|
|
6
|
+
export type GidsTableBodyActionBaseEvent = GidsTableBodyActionEvent<MouseEvent, GidsTableEntryTypographyStyle, IconName, IconAppearance>;
|
|
7
|
+
export interface GidsTableBodyProps extends GidsTableBodyBaseWebProps {
|
|
8
|
+
onBodyAction?: (event: GidsTableBodyActionBaseEvent) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const GidsTableBody: ({ bodySettings, bodyContent, bodyBorder, onBodyAction, children, className, }: GidsTableBodyProps) => React.JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=GidsTableBody.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTableBody.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTableBody/GidsTableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,KAAK,UAAU,EACf,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AACf,OAAO,EACN,qBAAqB,EAErB,6BAA6B,EAE7B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAezE,KAAK,yBAAyB,GAAG,IAAI,CACpC,qBAAqB,CACpB,6BAA6B,EAC7B,QAAQ,EACR,cAAc,EACd,SAAS,CACT,EACD,UAAU,CACV,GACA,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;AAElE,MAAM,MAAM,4BAA4B,GAAG,wBAAwB,CAClE,UAAU,EACV,6BAA6B,EAC7B,QAAQ,EACR,cAAc,CACd,CAAC;AAEF,MAAM,WAAW,kBAAmB,SAAQ,yBAAyB;IACpE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,4BAA4B,KAAK,IAAI,CAAC;CAC7D;AAED,eAAO,MAAM,aAAa,GAAI,+EAO3B,kBAAkB,sBAwFpB,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GidsTableBodyWebUtils, isValidChildren, } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { GidsTableRow, } from '../GidsTableRow/GidsTableRow';
|
|
4
|
+
const { getGidsTableBodyClassNames, getConstructedTableBodyContent, getTableBodyRowEntryBackgroundColor, getTableBodyRowEntryContentColor, getTableBodyRowEntryActionsBackgroundColor, getTableBodyRowEntryActionsContentColor, } = GidsTableBodyWebUtils;
|
|
5
|
+
export const GidsTableBody = ({ bodySettings, bodyContent = [], bodyBorder = 'none', onBodyAction, children, className, }) => {
|
|
6
|
+
const constructedBodyData = getConstructedTableBodyContent({
|
|
7
|
+
bodyContent,
|
|
8
|
+
bodyBorder,
|
|
9
|
+
});
|
|
10
|
+
function onRowActionBtnClick({ event, rowIndex, }) {
|
|
11
|
+
if (onBodyAction) {
|
|
12
|
+
onBodyAction({
|
|
13
|
+
...event,
|
|
14
|
+
details: {
|
|
15
|
+
...event.details,
|
|
16
|
+
rowIndex,
|
|
17
|
+
},
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
return (React.createElement("tbody", { className: getGidsTableBodyClassNames(className) }, isValidChildren(children)
|
|
22
|
+
? children
|
|
23
|
+
: constructedBodyData.map((constructedBody, indexI) => {
|
|
24
|
+
const constructedBodyRowItems = constructedBody?.rowItems ?? [];
|
|
25
|
+
const rowBgColor = getTableBodyRowEntryBackgroundColor({
|
|
26
|
+
bodySettings,
|
|
27
|
+
rowIndex: indexI,
|
|
28
|
+
});
|
|
29
|
+
const rowContentColor = getTableBodyRowEntryContentColor({
|
|
30
|
+
bodySettings,
|
|
31
|
+
rowIndex: indexI,
|
|
32
|
+
});
|
|
33
|
+
const rowActionsBgColor = getTableBodyRowEntryActionsBackgroundColor({
|
|
34
|
+
bodySettings,
|
|
35
|
+
rowIndex: indexI,
|
|
36
|
+
});
|
|
37
|
+
const rowActionsContentColor = getTableBodyRowEntryActionsContentColor({
|
|
38
|
+
bodySettings,
|
|
39
|
+
rowIndex: indexI,
|
|
40
|
+
});
|
|
41
|
+
return (React.createElement(GidsTableRow, { key: `${indexI + 1}`, ...bodySettings, actionsBackgroundColor: rowActionsBgColor, actionsContentColor: rowActionsContentColor, backgroundColor: rowBgColor, contentColor: rowContentColor, rowType: "body", rows: constructedBodyRowItems, onRowAction: (event) => onRowActionBtnClick({ event, rowIndex: indexI }) }));
|
|
42
|
+
})));
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=GidsTableBody.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTableBody.js","sourceRoot":"","sources":["../../../src/components/GidsTableBody/GidsTableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAIN,MAAM,OAAO,CAAC;AACf,OAAO,EAEN,qBAAqB,EAErB,eAAe,GACf,MAAM,8BAA8B,CAAC;AAMtC,OAAO,EACN,YAAY,GAEZ,MAAM,8BAA8B,CAAC;AAEtC,MAAM,EACL,0BAA0B,EAC1B,8BAA8B,EAC9B,mCAAmC,EACnC,gCAAgC,EAChC,0CAA0C,EAC1C,uCAAuC,GACvC,GAAG,qBAAqB,CAAC;AAwB1B,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC7B,YAAY,EACZ,WAAW,GAAG,EAAE,EAChB,UAAU,GAAG,MAAM,EACnB,YAAY,EACZ,QAAQ,EACR,SAAS,GACW,EAAE,EAAE;IACxB,MAAM,mBAAmB,GAAG,8BAA8B,CAIxD;QACD,WAAW;QACX,UAAU;KACV,CAAC,CAAC;IAEH,SAAS,mBAAmB,CAAC,EAC5B,KAAK,EACL,QAAQ,GAIR;QACA,IAAI,YAAY,EAAE,CAAC;YAClB,YAAY,CAAC;gBACZ,GAAG,KAAK;gBACR,OAAO,EAAE;oBACR,GAAG,KAAK,CAAC,OAAO;oBAChB,QAAQ;iBACR;aACD,CAAC,CAAC;QACJ,CAAC;IACF,CAAC;IAED,OAAO,CACN,+BAAO,SAAS,EAAE,0BAA0B,CAAC,SAAS,CAAC,IACrD,eAAe,CAAC,QAAQ,CAAC;QACzB,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,MAAM,EAAE,EAAE;YACpD,MAAM,uBAAuB,GAAG,eAAe,EAAE,QAAQ,IAAI,EAAE,CAAC;YAEhE,MAAM,UAAU,GAAG,mCAAmC,CAIpD;gBACD,YAAY;gBACZ,QAAQ,EAAE,MAAM;aAChB,CAAC,CAAC;YACH,MAAM,eAAe,GAAG,gCAAgC,CAItD;gBACD,YAAY;gBACZ,QAAQ,EAAE,MAAM;aAChB,CAAC,CAAC;YACH,MAAM,iBAAiB,GACtB,0CAA0C,CAIxC;gBACD,YAAY;gBACZ,QAAQ,EAAE,MAAM;aAChB,CAAC,CAAC;YACJ,MAAM,sBAAsB,GAC3B,uCAAuC,CAIrC;gBACD,YAAY;gBACZ,QAAQ,EAAE,MAAM;aAChB,CAAC,CAAC;YAEJ,OAAO,CACN,oBAAC,YAAY,IACZ,GAAG,EAAE,GAAG,MAAM,GAAG,CAAC,EAAE,KAChB,YAAY,EAChB,sBAAsB,EAAE,iBAAiB,EACzC,mBAAmB,EAAE,sBAAsB,EAC3C,eAAe,EAAE,UAAU,EAC3B,YAAY,EAAE,eAAe,EAC7B,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,uBAAuB,EAC7B,WAAW,EAAE,CAAC,KAAkC,EAAE,EAAE,CACnD,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,GAEhD,CACF,CAAC;QACH,CAAC,CAAC,CACG,CACR,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React, { MouseEvent, type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import { GidsTableCellTypographyStyle, type GidsTableCellWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
import { GidsTableCellActionButtonEvent } from '@ganpatiinfo/gids-core-shared';
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated
|
|
7
|
+
* Use `GidsTableEntry` and its props and functions
|
|
8
|
+
*/
|
|
9
|
+
export type GidsTableCellActionButtonBaseEvent = GidsTableCellActionButtonEvent<MouseEvent, GidsTableCellTypographyStyle, IconName, IconAppearance>;
|
|
10
|
+
/**
|
|
11
|
+
* @deprecated
|
|
12
|
+
* Use `GidsTableEntry` and its props and functions
|
|
13
|
+
*/
|
|
14
|
+
export interface GidsTableCellProps extends GidsTableCellWebProps<GidsTableCellTypographyStyle, IconName, IconAppearance>, Omit<ComponentPropsWithoutRef<'td'> & ComponentPropsWithoutRef<'th'>, 'children' | 'width'> {
|
|
15
|
+
onClickCellActionBtn?: (event: GidsTableCellActionButtonBaseEvent) => void;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* @deprecated
|
|
19
|
+
* Use `GidsTableEntry` and its props and functions
|
|
20
|
+
*/
|
|
21
|
+
export declare const GidsTableCell: ({ id, uniqueKey, extraData, label, cellDataType, displayTags, width, appearance, borderSides, borderRadiusSides, textAlignment, labelTypography, isHeaderCell, cellPrimaryActionButtons, cellSecondaryActionButtons, onClickCellActionBtn, className, ...restProps }: GidsTableCellProps) => React.JSX.Element;
|
|
22
|
+
//# sourceMappingURL=GidsTableCell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTableCell.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTableCell/GidsTableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EACN,4BAA4B,EAE5B,KAAK,qBAAqB,EAC1B,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAEN,8BAA8B,EAG9B,MAAM,+BAA+B,CAAC;AAUvC;;;GAGG;AACH,MAAM,MAAM,kCAAkC,GAAG,8BAA8B,CAC9E,UAAU,EACV,4BAA4B,EAC5B,QAAQ,EACR,cAAc,CACd,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,kBAChB,SACC,qBAAqB,CACpB,4BAA4B,EAC5B,QAAQ,EACR,cAAc,CACd,EACD,IAAI,CACH,wBAAwB,CAAC,IAAI,CAAC,GAAG,wBAAwB,CAAC,IAAI,CAAC,EAC/D,UAAU,GAAG,OAAO,CACpB;IACF,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,kCAAkC,KAAK,IAAI,CAAC;CAC3E;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,sQAmB3B,kBAAkB,sBAsMpB,CAAC"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GidsTableCellWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { GidsDisplayTag } from '../GidsDisplayTag/GidsDisplayTag';
|
|
4
|
+
import { GidsIcon } from '../GidsIcon/GidsIcon';
|
|
5
|
+
import { getTableCellBtnIcon, isTableCellActionButtonVisible, } from '@ganpatiinfo/gids-core-shared/dist/components/GidsTableCell/GidsTableCellCommonUtils';
|
|
6
|
+
import { GidsButton } from '../GidsButton/GidsButton';
|
|
7
|
+
const { getGidsTableCellClassNames, getGidsTableCellLabelTypographyClass } = GidsTableCellWebUtils;
|
|
8
|
+
/**
|
|
9
|
+
* @deprecated
|
|
10
|
+
* Use `GidsTableEntry` and its props and functions
|
|
11
|
+
*/
|
|
12
|
+
export const GidsTableCell = ({ id, uniqueKey, extraData, label, cellDataType = 'text', displayTags = [], width = 'full', appearance = 'none', borderSides = [], borderRadiusSides = [], textAlignment = 'center', labelTypography = 'label-medium', isHeaderCell = false, cellPrimaryActionButtons = [], cellSecondaryActionButtons = [], onClickCellActionBtn, className, ...restProps }) => {
|
|
13
|
+
const CellTag = isHeaderCell ? 'th' : 'td';
|
|
14
|
+
const makeCellActionBtnIcon = ({ cellActionBtn, neededIconType = 'leading', }) => {
|
|
15
|
+
const tableCellBtnIcon = getTableCellBtnIcon({
|
|
16
|
+
cellActionButton: cellActionBtn,
|
|
17
|
+
neededIconType,
|
|
18
|
+
});
|
|
19
|
+
return tableCellBtnIcon?.cellIconName &&
|
|
20
|
+
tableCellBtnIcon.cellIconName.toString() !== '' ? (React.createElement(GidsIcon, { name: tableCellBtnIcon.cellIconName, size: tableCellBtnIcon.cellIconSize, appearance: tableCellBtnIcon.cellIconAppearance })) : undefined;
|
|
21
|
+
};
|
|
22
|
+
const onActionBtnClick = ({ event, actionBtnIndex, actionBtnPosition, }) => {
|
|
23
|
+
if (onClickCellActionBtn) {
|
|
24
|
+
onClickCellActionBtn({
|
|
25
|
+
originalEvent: event,
|
|
26
|
+
details: {
|
|
27
|
+
appearance,
|
|
28
|
+
cellDataType,
|
|
29
|
+
displayTags,
|
|
30
|
+
label,
|
|
31
|
+
id,
|
|
32
|
+
extraData,
|
|
33
|
+
isHeaderCell,
|
|
34
|
+
uniqueKey,
|
|
35
|
+
actionBtnNumber: `action-btn-${actionBtnIndex + 1}`,
|
|
36
|
+
actionBtnIndex: actionBtnIndex,
|
|
37
|
+
actionBtnPosition: actionBtnPosition ?? 'secondary',
|
|
38
|
+
},
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
const makeCellActionButton = ({ cellActionBtn, actionBtnIndex, actionBtnPosition, }) => {
|
|
43
|
+
return (React.createElement(GidsButton, { as: "button", appearance: cellActionBtn?.appearance ?? 'default', size: cellActionBtn?.size ?? 'md', disabled: cellActionBtn?.disabled, destructive: cellActionBtn?.destructive, positive: cellActionBtn?.positive, loading: cellActionBtn?.loading, width: cellActionBtn?.width ?? 'intrinsic', type: "button", leadingIcon: makeCellActionBtnIcon({
|
|
44
|
+
cellActionBtn,
|
|
45
|
+
neededIconType: 'leading',
|
|
46
|
+
}), trailingIcon: makeCellActionBtnIcon({
|
|
47
|
+
cellActionBtn,
|
|
48
|
+
neededIconType: 'trailing',
|
|
49
|
+
}), onClick: (event) => onActionBtnClick({ event, actionBtnIndex, actionBtnPosition }) }, cellActionBtn?.buttonLabel ?? ''));
|
|
50
|
+
};
|
|
51
|
+
const makeCellActionBtns = (actionBtnPosition) => {
|
|
52
|
+
const cellActionBtns = actionBtnPosition === 'primary'
|
|
53
|
+
? cellPrimaryActionButtons
|
|
54
|
+
: cellSecondaryActionButtons;
|
|
55
|
+
if (!cellActionBtns || cellActionBtns.length <= 0) {
|
|
56
|
+
return undefined;
|
|
57
|
+
}
|
|
58
|
+
return (React.createElement("div", { className: actionBtnPosition === 'primary'
|
|
59
|
+
? 'gids-table-cell__primary-action-btn-container'
|
|
60
|
+
: 'gids-table-cell__secondary-action-btn-container' }, cellActionBtns.map((_, actionBtnIndex) => {
|
|
61
|
+
const cellActionBtnIndex = actionBtnPosition === 'primary'
|
|
62
|
+
? cellActionBtns.length - actionBtnIndex - 1
|
|
63
|
+
: actionBtnIndex;
|
|
64
|
+
const cellActionBtn = cellActionBtns[cellActionBtnIndex];
|
|
65
|
+
const cellActionBtnVisible = isTableCellActionButtonVisible(cellActionBtn);
|
|
66
|
+
return cellActionBtnVisible
|
|
67
|
+
? makeCellActionButton({
|
|
68
|
+
cellActionBtn,
|
|
69
|
+
actionBtnIndex: cellActionBtnIndex,
|
|
70
|
+
actionBtnPosition,
|
|
71
|
+
})
|
|
72
|
+
: undefined;
|
|
73
|
+
})));
|
|
74
|
+
};
|
|
75
|
+
return (React.createElement(CellTag, { ...restProps, className: getGidsTableCellClassNames({
|
|
76
|
+
borderSides,
|
|
77
|
+
borderRadiusSides,
|
|
78
|
+
appearance,
|
|
79
|
+
textAlignment,
|
|
80
|
+
width,
|
|
81
|
+
}, className), id: id, "unique-key": uniqueKey, "extra-data": JSON.stringify(extraData) },
|
|
82
|
+
makeCellActionBtns('primary'),
|
|
83
|
+
cellDataType === 'text' && label && label !== '' ? (React.createElement("span", { className: `${getGidsTableCellLabelTypographyClass(labelTypography)}` }, label)) : undefined,
|
|
84
|
+
cellDataType === 'display-tag' &&
|
|
85
|
+
displayTags &&
|
|
86
|
+
displayTags.length > 0 ? (React.createElement("div", { className: "gids-table-cell__display-tags-container" }, displayTags.map((displayTag) => {
|
|
87
|
+
return (React.createElement(GidsDisplayTag, { label: displayTag?.label ?? '', appearance: displayTag?.displayTagAppearance ?? 'subtle', size: displayTag?.displayTagSize ?? 'xs', icon: displayTag?.displayTagIcon ? (React.createElement(GidsIcon, { name: displayTag.displayTagIcon, size: displayTag?.displayTagSize ?? 'xs', appearance: displayTag?.displayTagIconAppearance ?? 'regular' })) : undefined, color: displayTag?.displayTagColor ?? 'accent-5' }));
|
|
88
|
+
}))) : undefined,
|
|
89
|
+
makeCellActionBtns('secondary')));
|
|
90
|
+
};
|
|
91
|
+
//# sourceMappingURL=GidsTableCell.js.map
|