@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
|
@@ -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"}
|
|
@@ -9,7 +9,7 @@ export type GidsSectionNoticeProps = GidsSectionNoticeCommonProps<string, ReactN
|
|
|
9
9
|
* **Usage**
|
|
10
10
|
*
|
|
11
11
|
* ```tsx
|
|
12
|
-
* import { GidsSectionNotice, GidsButton } from '@
|
|
12
|
+
* import { GidsSectionNotice, GidsButton } from '@ganpatiinfo/gids-react-web';
|
|
13
13
|
*
|
|
14
14
|
* export const MyComponent = () => (
|
|
15
15
|
* <GidsSectionNotice>
|
|
@@ -12,7 +12,7 @@ const { getSectionNoticeIconName } = GidsSectionNoticeCommonUtils;
|
|
|
12
12
|
* **Usage**
|
|
13
13
|
*
|
|
14
14
|
* ```tsx
|
|
15
|
-
* import { GidsSectionNotice, GidsButton } from '@
|
|
15
|
+
* import { GidsSectionNotice, GidsButton } from '@ganpatiinfo/gids-react-web';
|
|
16
16
|
*
|
|
17
17
|
* export const MyComponent = () => (
|
|
18
18
|
* <GidsSectionNotice>
|
|
@@ -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, 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;AAiB9C,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,mQAkBvB,cAAc,sBA2FhB,CAAC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
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
|
+
const { getGidsTableClassNames, getCustomisedTableHeaderEntries, getTableBodyBorder, } = GidsTableWebUtils;
|
|
8
|
+
export const GidsTable = ({ toolbar, headerItems, bodyContent, isHeaderVisible, isToolbarVisible, bodySettings, toolbarSettings, headerSettings, tableBorders, tableBorderRadius, tableBodyMaxHeight = 200, toolbarChildren, onTableAction, horizontalScroll = false, children, className, ...restProps }) => {
|
|
9
|
+
function onActionBtnClick(event) {
|
|
10
|
+
if (onTableAction) {
|
|
11
|
+
onTableAction({
|
|
12
|
+
...event,
|
|
13
|
+
details: {
|
|
14
|
+
...event.details,
|
|
15
|
+
columnIndex: event?.details?.entryIndex,
|
|
16
|
+
},
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
const scrollContainerClassName = clsx('gids-table__scroll-container', {
|
|
21
|
+
'gids-table__scroll-container--horizontal-scroll': horizontalScroll,
|
|
22
|
+
});
|
|
23
|
+
const scrollContainerStyle = tableBodyMaxHeight
|
|
24
|
+
? {
|
|
25
|
+
maxHeight: `${tableBodyMaxHeight}px`,
|
|
26
|
+
}
|
|
27
|
+
: undefined;
|
|
28
|
+
const renderToolbar = () => {
|
|
29
|
+
const validToolbar = isValidChildren(toolbar);
|
|
30
|
+
if (validToolbar) {
|
|
31
|
+
return toolbar;
|
|
32
|
+
}
|
|
33
|
+
if (isToolbarVisible) {
|
|
34
|
+
return (React.createElement(GidsTableToolbar, { ...toolbarSettings, onBlur: toolbarSettings?.onBlur, onChange: toolbarSettings?.onChange, onFocus: toolbarSettings?.onFocus, onInput: toolbarSettings?.onInput, onGidsSearchBarClear: toolbarSettings?.onGidsSearchBarClear }, toolbarChildren));
|
|
35
|
+
}
|
|
36
|
+
return undefined;
|
|
37
|
+
};
|
|
38
|
+
return (React.createElement("div", { className: getGidsTableClassNames({ tableBorders, tableBorderRadius }, className), ...restProps },
|
|
39
|
+
renderToolbar(),
|
|
40
|
+
isValidChildren(children) ? (React.createElement("div", { className: scrollContainerClassName, style: scrollContainerStyle },
|
|
41
|
+
React.createElement("table", { className: "gids-table--main-table" }, children))) : (React.createElement("div", { className: scrollContainerClassName, style: scrollContainerStyle },
|
|
42
|
+
React.createElement("table", { className: "gids-table--main-table" },
|
|
43
|
+
isHeaderVisible && headerItems && headerItems.length > 0 ? (React.createElement(GidsTableHeader, { ...headerSettings, headerItems: getCustomisedTableHeaderEntries({
|
|
44
|
+
headerItems,
|
|
45
|
+
tableBorders,
|
|
46
|
+
}), onHeaderAction: onActionBtnClick })) : undefined,
|
|
47
|
+
bodyContent && bodyContent.length > 0 ? (React.createElement(GidsTableBody, { bodyBorder: getTableBodyBorder({
|
|
48
|
+
tableBorders,
|
|
49
|
+
}), bodyContent: bodyContent, bodySettings: bodySettings, onBodyAction: onActionBtnClick })) : undefined)))));
|
|
50
|
+
};
|
|
51
|
+
//# 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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTableCell.js","sourceRoot":"","sources":["../../../src/components/GidsTableCell/GidsTableCell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { MouseEvent, type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
+
import { GidsTableEntryTypographyStyle, type GidsTableEntryWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
import { GidsTableEntryActionEvent } from '@ganpatiinfo/gids-core-shared';
|
|
5
|
+
export type GidsTableEntryActionBaseEvent = GidsTableEntryActionEvent<MouseEvent, GidsTableEntryTypographyStyle, IconName, IconAppearance>;
|
|
6
|
+
export interface GidsTableEntryProps extends GidsTableEntryWebProps<GidsTableEntryTypographyStyle, IconName, IconAppearance, ReactNode>, Omit<ComponentPropsWithoutRef<'td'> & ComponentPropsWithoutRef<'th'>, 'children' | 'width'> {
|
|
7
|
+
onEntryAction?: (event: GidsTableEntryActionBaseEvent) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const GidsTableEntry: ({ id, uniqueKey, extraData, label, entryDataTypes, displayTags, statusTags, badges, avatars, colorSwatches, progressBars, borderSides, borderRadiusSides, appearance, textAlignment, entryAlignment, labelTypography, entryType, leadingActions, trailingActions, onEntryAction, colorSwatchLabelColor, colorSwatchLabelPosition, colorSwatchLabelTypography, colorSwatchSize, colorSwatchShape, colorSwatchShadow, colorSwatchBorderRadius, colorSwatchApplyBorders, colorSwatchBorderWidth, progressBarSize, progressBarEndCap, avatarSize, avatarGroupAppearance, avatarGroupLayout, statusTagAppearance, statusTagSize, progressBarContainerMinWidth, displayTagsOrientation, statusTagsOrientation, progressBarsOrientation, colorSwatchesOrientation, badgesOrientation, children, colSpan, backgroundColor, contentColor, actionsBackgroundColor, actionsContentColor, className, ...restProps }: GidsTableEntryProps) => React.JSX.Element;
|
|
10
|
+
//# sourceMappingURL=GidsTableEntry.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTableEntry.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTableEntry/GidsTableEntry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,UAAU,EACV,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AACf,OAAO,EACN,6BAA6B,EAG7B,KAAK,sBAAsB,EAC3B,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAEN,yBAAyB,EAIzB,MAAM,+BAA+B,CAAC;AAiBvC,MAAM,MAAM,6BAA6B,GAAG,yBAAyB,CACpE,UAAU,EACV,6BAA6B,EAC7B,QAAQ,EACR,cAAc,CACd,CAAC;AAEF,MAAM,WAAW,mBAChB,SACC,sBAAsB,CACrB,6BAA6B,EAC7B,QAAQ,EACR,cAAc,EACd,SAAS,CACT,EACD,IAAI,CACH,wBAAwB,CAAC,IAAI,CAAC,GAAG,wBAAwB,CAAC,IAAI,CAAC,EAC/D,UAAU,GAAG,OAAO,CACpB;IACF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,IAAI,CAAC;CAC/D;AAED,eAAO,MAAM,cAAc,GAAI,y2BAoD5B,mBAAmB,sBA8ZrB,CAAC"}
|