@ganpatiinfo/gids-web-dom-reference 12.0.0 → 14.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/CHANGELOG.md +131 -2
- package/dist/components/GidsAdvancedTooltip/GidsAdvancedTooltip.d.ts +8 -0
- package/dist/components/GidsAdvancedTooltip/GidsAdvancedTooltip.d.ts.map +1 -0
- package/dist/components/GidsAdvancedTooltip/GidsAdvancedTooltip.js +14 -0
- package/dist/components/GidsAdvancedTooltip/GidsAdvancedTooltip.js.map +1 -0
- package/dist/components/GidsBasicTableBody/GidsBasicTableBody.d.ts +26 -3
- package/dist/components/GidsBasicTableBody/GidsBasicTableBody.d.ts.map +1 -1
- package/dist/components/GidsBasicTableBody/GidsBasicTableBody.js +22 -3
- package/dist/components/GidsBasicTableBody/GidsBasicTableBody.js.map +1 -1
- package/dist/components/GidsBasicTableHead/GidsBasicTableHead.d.ts +15 -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 +26 -3
- package/dist/components/GidsBasicTableHeader/GidsBasicTableHeader.d.ts.map +1 -1
- package/dist/components/GidsBasicTableHeader/GidsBasicTableHeader.js +9 -1
- package/dist/components/GidsBasicTableHeader/GidsBasicTableHeader.js.map +1 -1
- package/dist/components/GidsBasicTableRow/GidsBasicTableRow.d.ts +22 -3
- package/dist/components/GidsBasicTableRow/GidsBasicTableRow.d.ts.map +1 -1
- package/dist/components/GidsBasicTableRow/GidsBasicTableRow.js +27 -6
- package/dist/components/GidsBasicTableRow/GidsBasicTableRow.js.map +1 -1
- package/dist/components/GidsBsTable/GidsBsTable.d.ts +26 -3
- package/dist/components/GidsBsTable/GidsBsTable.d.ts.map +1 -1
- package/dist/components/GidsBsTable/GidsBsTable.js +36 -14
- package/dist/components/GidsBsTable/GidsBsTable.js.map +1 -1
- package/dist/components/GidsChartLegendItem/GidsChartLegendItem.d.ts +1 -1
- package/dist/components/GidsChartLegendItem/GidsChartLegendItem.d.ts.map +1 -1
- package/dist/components/GidsChartLegendItem/GidsChartLegendItem.js +2 -1
- package/dist/components/GidsChartLegendItem/GidsChartLegendItem.js.map +1 -1
- package/dist/components/GidsColorSwatch/GidsColorSwatch.d.ts +8 -0
- package/dist/components/GidsColorSwatch/GidsColorSwatch.d.ts.map +1 -0
- package/dist/components/GidsColorSwatch/GidsColorSwatch.js +62 -0
- package/dist/components/GidsColorSwatch/GidsColorSwatch.js.map +1 -0
- package/dist/components/GidsCrossTable/GidsCrossTable.d.ts +18 -0
- package/dist/components/GidsCrossTable/GidsCrossTable.d.ts.map +1 -0
- package/dist/components/GidsCrossTable/GidsCrossTable.js +141 -0
- package/dist/components/GidsCrossTable/GidsCrossTable.js.map +1 -0
- package/dist/components/GidsCrossTableBody/GidsCrossTableBody.d.ts +13 -0
- package/dist/components/GidsCrossTableBody/GidsCrossTableBody.d.ts.map +1 -0
- package/dist/components/GidsCrossTableBody/GidsCrossTableBody.js +79 -0
- package/dist/components/GidsCrossTableBody/GidsCrossTableBody.js.map +1 -0
- package/dist/components/GidsCrossTableRow/GidsCrossTableRow.d.ts +13 -0
- package/dist/components/GidsCrossTableRow/GidsCrossTableRow.d.ts.map +1 -0
- package/dist/components/GidsCrossTableRow/GidsCrossTableRow.js +128 -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 +102 -0
- package/dist/components/GidsDialog/GidsDialog.js.map +1 -0
- package/dist/components/GidsMatrixTable/GidsMatrixTable.d.ts +32 -0
- package/dist/components/GidsMatrixTable/GidsMatrixTable.d.ts.map +1 -0
- package/dist/components/GidsMatrixTable/GidsMatrixTable.js +75 -0
- package/dist/components/GidsMatrixTable/GidsMatrixTable.js.map +1 -0
- package/dist/components/GidsMatrixTableBody/GidsMatrixTableBody.d.ts +32 -0
- package/dist/components/GidsMatrixTableBody/GidsMatrixTableBody.d.ts.map +1 -0
- package/dist/components/GidsMatrixTableBody/GidsMatrixTableBody.js +75 -0
- package/dist/components/GidsMatrixTableBody/GidsMatrixTableBody.js.map +1 -0
- package/dist/components/GidsMdTable/GidsMdTable.d.ts +11 -2
- package/dist/components/GidsMdTable/GidsMdTable.d.ts.map +1 -1
- package/dist/components/GidsMdTable/GidsMdTable.js +3 -0
- package/dist/components/GidsMdTable/GidsMdTable.js.map +1 -1
- package/dist/components/GidsMenu/GidsMenu.d.ts +1 -1
- package/dist/components/GidsMenu/GidsMenu.d.ts.map +1 -1
- package/dist/components/GidsMenu/GidsMenu.js +10 -1
- package/dist/components/GidsMenu/GidsMenu.js.map +1 -1
- package/dist/components/GidsPagination/GidsPagination.d.ts +10 -0
- package/dist/components/GidsPagination/GidsPagination.d.ts.map +1 -1
- package/dist/components/GidsPagination/GidsPagination.js +5 -0
- package/dist/components/GidsPagination/GidsPagination.js.map +1 -1
- package/dist/components/GidsPaginator/GidsPaginator.d.ts +8 -0
- package/dist/components/GidsPaginator/GidsPaginator.d.ts.map +1 -0
- package/dist/components/GidsPaginator/GidsPaginator.js +154 -0
- package/dist/components/GidsPaginator/GidsPaginator.js.map +1 -0
- package/dist/components/GidsPaginatorItem/GidsPaginatorItem.d.ts +9 -0
- package/dist/components/GidsPaginatorItem/GidsPaginatorItem.d.ts.map +1 -0
- package/dist/components/GidsPaginatorItem/GidsPaginatorItem.js +33 -0
- package/dist/components/GidsPaginatorItem/GidsPaginatorItem.js.map +1 -0
- package/dist/components/GidsSkeleton/GidsSkeleton.d.ts +8 -0
- package/dist/components/GidsSkeleton/GidsSkeleton.d.ts.map +1 -0
- package/dist/components/GidsSkeleton/GidsSkeleton.js +16 -0
- package/dist/components/GidsSkeleton/GidsSkeleton.js.map +1 -0
- package/dist/components/GidsTable/GidsTable.d.ts +18 -0
- package/dist/components/GidsTable/GidsTable.d.ts.map +1 -0
- package/dist/components/GidsTable/GidsTable.js +121 -0
- package/dist/components/GidsTable/GidsTable.js.map +1 -0
- package/dist/components/GidsTableBody/GidsTableBody.d.ts +13 -0
- package/dist/components/GidsTableBody/GidsTableBody.d.ts.map +1 -0
- package/dist/components/GidsTableBody/GidsTableBody.js +61 -0
- package/dist/components/GidsTableBody/GidsTableBody.js.map +1 -0
- package/dist/components/GidsTableCell/GidsTableCell.d.ts +28 -0
- package/dist/components/GidsTableCell/GidsTableCell.d.ts.map +1 -0
- package/dist/components/GidsTableCell/GidsTableCell.js +146 -0
- package/dist/components/GidsTableCell/GidsTableCell.js.map +1 -0
- package/dist/components/GidsTableEntry/GidsTableEntry.d.ts +13 -0
- package/dist/components/GidsTableEntry/GidsTableEntry.d.ts.map +1 -0
- package/dist/components/GidsTableEntry/GidsTableEntry.js +305 -0
- package/dist/components/GidsTableEntry/GidsTableEntry.js.map +1 -0
- package/dist/components/GidsTableFooter/GidsTableFooter.d.ts +13 -0
- package/dist/components/GidsTableFooter/GidsTableFooter.d.ts.map +1 -0
- package/dist/components/GidsTableFooter/GidsTableFooter.js +53 -0
- package/dist/components/GidsTableFooter/GidsTableFooter.js.map +1 -0
- package/dist/components/GidsTableFooterControl/GidsTableFooterControl.d.ts +11 -0
- package/dist/components/GidsTableFooterControl/GidsTableFooterControl.d.ts.map +1 -0
- package/dist/components/GidsTableFooterControl/GidsTableFooterControl.js +99 -0
- package/dist/components/GidsTableFooterControl/GidsTableFooterControl.js.map +1 -0
- package/dist/components/GidsTableHeader/GidsTableHeader.d.ts +13 -0
- package/dist/components/GidsTableHeader/GidsTableHeader.d.ts.map +1 -0
- package/dist/components/GidsTableHeader/GidsTableHeader.js +49 -0
- package/dist/components/GidsTableHeader/GidsTableHeader.js.map +1 -0
- package/dist/components/GidsTableRow/GidsTableRow.d.ts +13 -0
- package/dist/components/GidsTableRow/GidsTableRow.d.ts.map +1 -0
- package/dist/components/GidsTableRow/GidsTableRow.js +71 -0
- package/dist/components/GidsTableRow/GidsTableRow.js.map +1 -0
- package/dist/components/GidsTableToolbar/GidsTableToolbar.d.ts +11 -0
- package/dist/components/GidsTableToolbar/GidsTableToolbar.d.ts.map +1 -0
- package/dist/components/GidsTableToolbar/GidsTableToolbar.js +92 -0
- package/dist/components/GidsTableToolbar/GidsTableToolbar.js.map +1 -0
- package/dist/components/GidsTransferList/GidsTransferList.d.ts +8 -0
- package/dist/components/GidsTransferList/GidsTransferList.d.ts.map +1 -0
- package/dist/components/GidsTransferList/GidsTransferList.js +25 -0
- package/dist/components/GidsTransferList/GidsTransferList.js.map +1 -0
- package/dist/components/_GidsDialogControl/GidsDialogControl.d.ts +10 -0
- package/dist/components/_GidsDialogControl/GidsDialogControl.d.ts.map +1 -0
- package/dist/components/_GidsDialogControl/GidsDialogControl.js +133 -0
- package/dist/components/_GidsDialogControl/GidsDialogControl.js.map +1 -0
- package/dist/components/_GidsPaginationItem/GidsPaginationItem.d.ts +10 -0
- package/dist/components/_GidsPaginationItem/GidsPaginationItem.d.ts.map +1 -1
- package/dist/components/_GidsPaginationItem/GidsPaginationItem.js +5 -0
- package/dist/components/_GidsPaginationItem/GidsPaginationItem.js.map +1 -1
- package/dist/index.d.ts +118 -97
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +118 -97
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
- package/src/components/GidsAdvancedTooltip/GidsAdvancedTooltip.ts +42 -0
- package/src/components/GidsBasicTableBody/GidsBasicTableBody.ts +66 -5
- package/src/components/GidsBasicTableHead/GidsBasicTableHead.ts +15 -0
- package/src/components/GidsBasicTableHeader/GidsBasicTableHeader.ts +45 -5
- package/src/components/GidsBasicTableRow/GidsBasicTableRow.ts +65 -7
- package/src/components/GidsBsTable/GidsBsTable.ts +81 -19
- package/src/components/GidsChartLegendItem/GidsChartLegendItem.ts +2 -0
- package/src/components/GidsColorSwatch/GidsColorSwatch.ts +107 -0
- package/src/components/GidsCrossTable/GidsCrossTable.ts +259 -0
- package/src/components/GidsCrossTableBody/GidsCrossTableBody.ts +171 -0
- package/src/components/GidsCrossTableRow/GidsCrossTableRow.ts +230 -0
- package/src/components/GidsDialog/GidsDialog.ts +161 -0
- package/src/components/GidsMatrixTable/GidsMatrixTable.ts +187 -0
- package/src/components/GidsMatrixTableBody/GidsMatrixTableBody.ts +185 -0
- package/src/components/GidsMdTable/GidsMdTable.ts +14 -2
- package/src/components/GidsMenu/GidsMenu.ts +15 -0
- package/src/components/GidsPagination/GidsPagination.ts +14 -2
- package/src/components/GidsPaginator/GidsPaginator.ts +241 -0
- package/src/components/GidsPaginatorItem/GidsPaginatorItem.ts +72 -0
- package/src/components/GidsSkeleton/GidsSkeleton.ts +40 -0
- package/src/components/GidsTable/GidsTable.ts +240 -0
- package/src/components/GidsTableBody/GidsTableBody.ts +137 -0
- package/src/components/GidsTableCell/GidsTableCell.ts +276 -0
- package/src/components/GidsTableEntry/GidsTableEntry.ts +515 -0
- package/src/components/GidsTableFooter/GidsTableFooter.ts +119 -0
- package/src/components/GidsTableFooterControl/GidsTableFooterControl.ts +166 -0
- package/src/components/GidsTableHeader/GidsTableHeader.ts +112 -0
- package/src/components/GidsTableRow/GidsTableRow.ts +152 -0
- package/src/components/GidsTableToolbar/GidsTableToolbar.ts +180 -0
- package/src/components/GidsTransferList/GidsTransferList.ts +58 -0
- package/src/components/_GidsDialogControl/GidsDialogControl.ts +198 -0
- package/src/components/_GidsPaginationItem/GidsPaginationItem.ts +14 -2
- package/src/index.ts +118 -97
- package/dist/components/GidsBasicTableCell/GidsBasicTableCell.d.ts +0 -9
- package/dist/components/GidsBasicTableCell/GidsBasicTableCell.d.ts.map +0 -1
- package/dist/components/GidsBasicTableCell/GidsBasicTableCell.js +0 -48
- package/dist/components/GidsBasicTableCell/GidsBasicTableCell.js.map +0 -1
- package/src/components/GidsBasicTableCell/GidsBasicTableCell.ts +0 -99
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
import {
|
|
2
|
+
GidsDialogControlWebProps,
|
|
3
|
+
GidsDialogControlWebUtils,
|
|
4
|
+
} from '@ganpatiinfo/gids-web-shared';
|
|
5
|
+
import {
|
|
6
|
+
appendAsChildren,
|
|
7
|
+
DomChildren,
|
|
8
|
+
DomNodeOrString,
|
|
9
|
+
} from '../../utils/domUtils';
|
|
10
|
+
import {
|
|
11
|
+
IconAppearance,
|
|
12
|
+
IconName,
|
|
13
|
+
} from '@ganpatiinfo/gids-web-theme-interface';
|
|
14
|
+
import { GidsIconDom } from '../GidsIcon/GidsIcon';
|
|
15
|
+
import { GidsButtonDom } from '../GidsButton/GidsButton';
|
|
16
|
+
|
|
17
|
+
const { getGidsDialogControlClassNames, setupDialogControlDraggable } =
|
|
18
|
+
GidsDialogControlWebUtils;
|
|
19
|
+
|
|
20
|
+
type GidsDialogControlBaseWebProps = GidsDialogControlWebProps<
|
|
21
|
+
DomNodeOrString,
|
|
22
|
+
Event,
|
|
23
|
+
IconName,
|
|
24
|
+
IconAppearance
|
|
25
|
+
>;
|
|
26
|
+
|
|
27
|
+
export interface GidsDialogControlDomProps extends GidsDialogControlBaseWebProps {
|
|
28
|
+
extraClasses?: string;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export const GidsDialogControlDom = ({
|
|
32
|
+
variant = 'alert',
|
|
33
|
+
maxWidth = 'sm',
|
|
34
|
+
scrollMode = 'paper',
|
|
35
|
+
draggable = false,
|
|
36
|
+
headerTitle,
|
|
37
|
+
closeVisible = true,
|
|
38
|
+
children,
|
|
39
|
+
footerActions = [],
|
|
40
|
+
onCloseDialogControl,
|
|
41
|
+
headerDividerVisible = false,
|
|
42
|
+
footerDividerVisible = false,
|
|
43
|
+
onDialogControlFooterAction,
|
|
44
|
+
extraClasses,
|
|
45
|
+
}: GidsDialogControlDomProps): HTMLDialogElement => {
|
|
46
|
+
const dialogControl = document.createElement('dialog');
|
|
47
|
+
dialogControl.className = getGidsDialogControlClassNames(
|
|
48
|
+
{ variant, maxWidth, scrollMode },
|
|
49
|
+
extraClasses,
|
|
50
|
+
);
|
|
51
|
+
|
|
52
|
+
dialogControl.setAttribute('dialog-variant', variant);
|
|
53
|
+
dialogControl.setAttribute('max-width', maxWidth);
|
|
54
|
+
dialogControl.setAttribute('scroll-mode', scrollMode);
|
|
55
|
+
|
|
56
|
+
if (headerTitle) {
|
|
57
|
+
dialogControl.setAttribute('header-title', headerTitle);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
if (draggable) {
|
|
61
|
+
dialogControl.setAttribute('dialog-draggable', 'true');
|
|
62
|
+
} else {
|
|
63
|
+
dialogControl.removeAttribute('dialog-draggable');
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
if (closeVisible) {
|
|
67
|
+
dialogControl.setAttribute('close-visible', 'true');
|
|
68
|
+
} else {
|
|
69
|
+
dialogControl.removeAttribute('close-visible');
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
// Dialog control header
|
|
73
|
+
const header = document.createElement('div');
|
|
74
|
+
header.className = headerDividerVisible
|
|
75
|
+
? 'gids-dialog-control__header gids-dialog-control__header-divider'
|
|
76
|
+
: 'gids-dialog-control__header';
|
|
77
|
+
|
|
78
|
+
if (headerTitle !== undefined) {
|
|
79
|
+
const headerTitleEl = document.createElement('h2');
|
|
80
|
+
headerTitleEl.className = 'gids-dialog-control__title';
|
|
81
|
+
headerTitleEl.textContent = headerTitle;
|
|
82
|
+
header.appendChild(headerTitleEl);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
function onDialogControlClose(event: Event) {
|
|
86
|
+
if (onCloseDialogControl) {
|
|
87
|
+
onCloseDialogControl({
|
|
88
|
+
originalEvent: event,
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
// Render structural Close Icon layout button if visible setting rule matches
|
|
94
|
+
if (closeVisible) {
|
|
95
|
+
const closeButton = GidsButtonDom({
|
|
96
|
+
appearance: 'subtle',
|
|
97
|
+
size: 'md',
|
|
98
|
+
width: 'intrinsic',
|
|
99
|
+
leadingIcon: GidsIconDom({ name: 'cross', size: 'md' }),
|
|
100
|
+
onClick: onDialogControlClose,
|
|
101
|
+
});
|
|
102
|
+
header.appendChild(closeButton);
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
dialogControl.appendChild(header);
|
|
106
|
+
|
|
107
|
+
// Dialog control body
|
|
108
|
+
if (children) {
|
|
109
|
+
const body = document.createElement('div');
|
|
110
|
+
body.className = 'gids-dialog-control__body';
|
|
111
|
+
appendAsChildren(body, children);
|
|
112
|
+
dialogControl.appendChild(body);
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
// Dialog control footer
|
|
116
|
+
if (footerActions !== undefined && footerActions.length > 0) {
|
|
117
|
+
const footer = document.createElement('div');
|
|
118
|
+
footer.className = footerDividerVisible
|
|
119
|
+
? 'gids-dialog-control__footer gids-dialog-control__footer-divider'
|
|
120
|
+
: 'gids-dialog-control__footer';
|
|
121
|
+
|
|
122
|
+
footerActions.forEach((action, indexI) => {
|
|
123
|
+
const buttonChildren: DomChildren = [];
|
|
124
|
+
|
|
125
|
+
// Append leading decorative graphic nodes safely if defined
|
|
126
|
+
if (action.leadingIconName) {
|
|
127
|
+
buttonChildren.push(
|
|
128
|
+
GidsIconDom({
|
|
129
|
+
name: action.leadingIconName,
|
|
130
|
+
size: action?.leadingIconSize ?? 'md',
|
|
131
|
+
appearance: action?.leadingIconAppearance ?? 'filled',
|
|
132
|
+
}),
|
|
133
|
+
);
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
// Map textual action titles cleanly
|
|
137
|
+
if (action.buttonLabel) {
|
|
138
|
+
const labelSpan = document.createElement('span');
|
|
139
|
+
labelSpan.textContent = action.buttonLabel;
|
|
140
|
+
buttonChildren.push(labelSpan);
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
// Append trailing decorative graphic nodes safely if defined
|
|
144
|
+
if (action.trailingIconName) {
|
|
145
|
+
buttonChildren.push(
|
|
146
|
+
GidsIconDom({
|
|
147
|
+
name: action.trailingIconName,
|
|
148
|
+
size: action.trailingIconSize,
|
|
149
|
+
appearance: action.trailingIconAppearance,
|
|
150
|
+
}),
|
|
151
|
+
);
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
const actionBtnAppearance = action?.appearance ?? 'default';
|
|
155
|
+
const actionBtnSize = action?.size ?? 'md';
|
|
156
|
+
const actionBtnWidth = action?.width ?? 'intrinsic';
|
|
157
|
+
const isDestructive = action?.destructive ?? false;
|
|
158
|
+
const isDisabled = action?.disabled ?? false;
|
|
159
|
+
const isLoading = action?.loading ?? false;
|
|
160
|
+
const isPositive = action?.positive ?? false;
|
|
161
|
+
|
|
162
|
+
const actionButton = GidsButtonDom({
|
|
163
|
+
appearance: actionBtnAppearance,
|
|
164
|
+
destructive: isDestructive,
|
|
165
|
+
disabled: isDisabled,
|
|
166
|
+
loading: isLoading,
|
|
167
|
+
positive: isPositive,
|
|
168
|
+
size: actionBtnSize,
|
|
169
|
+
width: actionBtnWidth,
|
|
170
|
+
children: buttonChildren,
|
|
171
|
+
onClick: (event: Event) =>
|
|
172
|
+
onDialogControlFooterAction?.({
|
|
173
|
+
originalEvent: event,
|
|
174
|
+
appearance: actionBtnAppearance,
|
|
175
|
+
destructive: isDestructive,
|
|
176
|
+
disabled: isDisabled,
|
|
177
|
+
buttonLabel: action?.buttonLabel,
|
|
178
|
+
positive: isPositive,
|
|
179
|
+
size: actionBtnSize,
|
|
180
|
+
width: actionBtnWidth,
|
|
181
|
+
buttonId: action?.buttonId,
|
|
182
|
+
index: indexI,
|
|
183
|
+
}),
|
|
184
|
+
});
|
|
185
|
+
|
|
186
|
+
footer.appendChild(actionButton);
|
|
187
|
+
});
|
|
188
|
+
|
|
189
|
+
dialogControl.appendChild(footer);
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
// 5. Initialize Drag Rules Engine (Excludes layout-breaking fullscreen options)
|
|
193
|
+
if (draggable && variant !== 'full-screen') {
|
|
194
|
+
setupDialogControlDraggable(dialogControl, header);
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
return dialogControl;
|
|
198
|
+
};
|
|
@@ -17,12 +17,24 @@ import { IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
|
17
17
|
const { getGidsPaginationItemClassNames } = GidsPaginationItemWebUtils;
|
|
18
18
|
const { getPaginationItemIconSize } = GidsPaginationItemCommonUtils;
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
/**
|
|
21
|
+
* @deprecated
|
|
22
|
+
*
|
|
23
|
+
* Use `GidsPaginator` and its props and functions instead.
|
|
24
|
+
*/
|
|
25
|
+
export interface GidsPaginationItemDomProps extends GidsPaginationItemCommonProps<
|
|
26
|
+
DomChildren,
|
|
27
|
+
DomNodeOrString
|
|
28
|
+
> {
|
|
22
29
|
extraClasses?: ClassValue;
|
|
23
30
|
onClickItem?: (event: MouseEvent) => void;
|
|
24
31
|
}
|
|
25
32
|
|
|
33
|
+
/**
|
|
34
|
+
* @deprecated
|
|
35
|
+
*
|
|
36
|
+
* Use `GidsPaginator` and its props and functions instead.
|
|
37
|
+
*/
|
|
26
38
|
export const GidsPaginationItemDom = ({
|
|
27
39
|
selectColor = 'default',
|
|
28
40
|
variant = 'default',
|
package/src/index.ts
CHANGED
|
@@ -1,121 +1,142 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Referenced to DOM components
|
|
3
3
|
*/
|
|
4
|
-
export * from './components/GidsButton/GidsButton.js';
|
|
5
|
-
export * from './components/GidsDivider/GidsDivider.js';
|
|
6
|
-
export * from './components/GidsDisplayTag/GidsDisplayTag.js';
|
|
7
|
-
export * from './components/GidsIcon/GidsIcon.js';
|
|
8
|
-
export * from './components/GidsLabel/GidsLabelInfo/GidsLabelInfo.js';
|
|
9
|
-
export * from './components/GidsLabel/GidsLabel.js';
|
|
10
|
-
export * from './components/GidsLink/GidsLink.js';
|
|
11
|
-
export * from './components/_GidsSpinnerControl/GidsSpinnerControl.js';
|
|
12
|
-
export * from './components/GidsSpinner/GidsSpinner.js';
|
|
13
|
-
export * from './components/GidsToggleButton/GidsToggleButton.js';
|
|
14
4
|
export * from './components/_GidsCheckboxControl/GidsCheckboxControl.js';
|
|
5
|
+
export * from './components/_GidsDialogControl/GidsDialogControl.js';
|
|
6
|
+
export * from './components/_GidsNotificationContainer/GidsNotificationContainer.js';
|
|
7
|
+
export * from './components/_GidsPaginationItem/GidsPaginationItem.js';
|
|
15
8
|
export * from './components/_GidsRadioControl/GidsRadioControl.js';
|
|
9
|
+
export * from './components/_GidsRequirementsMeterLabel/GidsRequirementsMeterLabel.js';
|
|
10
|
+
export * from './components/_GidsSnackbarContainer/GidsSnackbarContainer.js';
|
|
11
|
+
export * from './components/_GidsSpinnerControl/GidsSpinnerControl.js';
|
|
16
12
|
export * from './components/_GidsSwitchControl/GidsSwitchControl.js';
|
|
17
|
-
export * from './components/
|
|
18
|
-
export * from './components/
|
|
19
|
-
export * from './components/
|
|
20
|
-
export * from './components/
|
|
21
|
-
export * from './components/
|
|
22
|
-
export * from './components/
|
|
23
|
-
export * from './components/
|
|
13
|
+
export * from './components/GidsAccordion/GidsAccordion.js';
|
|
14
|
+
export * from './components/GidsAccordionItem/GidsAccordionItem.js';
|
|
15
|
+
export * from './components/GidsAccordionItemContent/GidsAccordionItemContent.js';
|
|
16
|
+
export * from './components/GidsAccordionItemHeader/GidsAccordionItemHeader.js';
|
|
17
|
+
export * from './components/GidsActionBar/GidsActionBar.js';
|
|
18
|
+
export * from './components/GidsActivityGauge/GidsActivityGauge.js';
|
|
19
|
+
export * from './components/GidsAdvancedTooltip/GidsAdvancedTooltip.js';
|
|
24
20
|
export * from './components/GidsAvatar/GidsAvatar.js';
|
|
25
21
|
export * from './components/GidsAvatarGroup/GidsAvatarGroup.js';
|
|
26
|
-
export * from './components/
|
|
27
|
-
export * from './components/
|
|
28
|
-
export * from './components/
|
|
29
|
-
export * from './components/
|
|
30
|
-
export * from './components/
|
|
31
|
-
export * from './components/
|
|
32
|
-
export * from './components/
|
|
22
|
+
export * from './components/GidsBadge/GidsBadge.js';
|
|
23
|
+
export * from './components/GidsBarChart/GidsBarChart.js';
|
|
24
|
+
export * from './components/GidsBaseCard/GidsBaseCard.js';
|
|
25
|
+
export * from './components/GidsBasicTableBody/GidsBasicTableBody.js';
|
|
26
|
+
export * from './components/GidsBasicTableHead/GidsBasicTableHead.js';
|
|
27
|
+
export * from './components/GidsBasicTableHeader/GidsBasicTableHeader.js';
|
|
28
|
+
export * from './components/GidsBasicTableRow/GidsBasicTableRow.js';
|
|
33
29
|
export * from './components/GidsBox/GidsBox.js';
|
|
34
|
-
export * from './components/GidsContainer/GidsContainer.js';
|
|
35
|
-
export * from './components/GidsBreadcrumbItem/GidsBreadcrumbItem.js';
|
|
36
30
|
export * from './components/GidsBreadcrumb/GidsBreadcrumb.js';
|
|
37
|
-
export * from './components/
|
|
31
|
+
export * from './components/GidsBreadcrumbItem/GidsBreadcrumbItem.js';
|
|
32
|
+
export * from './components/GidsBsTable/GidsBsTable.js';
|
|
33
|
+
export * from './components/GidsButton/GidsButton.js';
|
|
34
|
+
export * from './components/GidsButtonDock/GidsButtonDock.js';
|
|
35
|
+
export * from './components/GidsButtonGroup/GidsButtonGroup.js';
|
|
36
|
+
export * from './components/GidsCalendar/GidsCalendar.js';
|
|
37
|
+
export * from './components/GidsCalendarCell/GidsCalendarCell.js';
|
|
38
|
+
export * from './components/GidsCalendarDayCell/GidsCalendarDayCell.js';
|
|
39
|
+
export * from './components/GidsCalendarHeaderPanel/GidsCalendarHeaderPanel.js';
|
|
40
|
+
export * from './components/GidsCalendarMonthList/GidsCalendarMonthList.js';
|
|
41
|
+
export * from './components/GidsCalendarYearList/GidsCalendarYearList.js';
|
|
38
42
|
export * from './components/GidsCard/GidsCard.js';
|
|
39
|
-
export * from './components/
|
|
40
|
-
export * from './components/
|
|
41
|
-
export * from './components/
|
|
42
|
-
export * from './components/
|
|
43
|
-
export * from './components/
|
|
43
|
+
export * from './components/GidsChart/GidsChart.js';
|
|
44
|
+
export * from './components/GidsChartLegend/GidsChartLegend.js';
|
|
45
|
+
export * from './components/GidsChartLegendItem/GidsChartLegendItem.js';
|
|
46
|
+
export * from './components/GidsCheckbox/GidsCheckbox.js';
|
|
47
|
+
export * from './components/GidsCheckboxGroup/GidsCheckboxGroup.js';
|
|
48
|
+
export * from './components/GidsChevronButton/GidsChevronButton.js';
|
|
49
|
+
export * from './components/GidsColorSwatch/GidsColorSwatch.js';
|
|
50
|
+
export * from './components/GidsCompoundButton/GidsCompoundButton.js';
|
|
51
|
+
export * from './components/GidsContainer/GidsContainer.js';
|
|
52
|
+
export * from './components/GidsCrossTable/GidsCrossTable.js';
|
|
53
|
+
export * from './components/GidsCrossTableBody/GidsCrossTableBody.js';
|
|
54
|
+
export * from './components/GidsCrossTableRow/GidsCrossTableRow.js';
|
|
55
|
+
export * from './components/GidsDialog/GidsDialog.js';
|
|
44
56
|
export * from './components/GidsDismissButton/GidsDismissButton.js';
|
|
45
|
-
export * from './components/
|
|
57
|
+
export * from './components/GidsDisplayTag/GidsDisplayTag.js';
|
|
58
|
+
export * from './components/GidsDivider/GidsDivider.js';
|
|
59
|
+
export * from './components/GidsDot/GidsDot.js';
|
|
60
|
+
export * from './components/GidsDropdown/GidsDropdown.js';
|
|
61
|
+
export * from './components/GidsDropdownField/GidsDropdownField.js';
|
|
62
|
+
export * from './components/GidsDropdownItem/GidsDropdownItem.js';
|
|
63
|
+
export * from './components/GidsDropdownMenu/GidsDropdownMenu.js';
|
|
64
|
+
export * from './components/GidsDropdownMenuGroup/GidsDropdownMenuGroup.js';
|
|
65
|
+
export * from './components/GidsDropdownPicker/GidsDropdownPicker.js';
|
|
66
|
+
export * from './components/GidsEditButton/GidsEditButton.js';
|
|
67
|
+
export * from './components/GidsExpansion/GidsExpansion.js';
|
|
68
|
+
export * from './components/GidsExpansionBodyList/GidsExpansionBodyList.js';
|
|
69
|
+
export * from './components/GidsExpansionBodyListItem/GidsExpansionBodyListItem.js';
|
|
70
|
+
export * from './components/GidsExpansionGroup/GidsExpansionGroup.js';
|
|
71
|
+
export * from './components/GidsFeedbackBlock/GidsFeedbackBlock.js';
|
|
46
72
|
export * from './components/GidsField/GidsField.js';
|
|
47
|
-
export * from './components/
|
|
48
|
-
export * from './components/GidsSearchBar/GidsSearchBar.js';
|
|
49
|
-
export * from './components/GidsTopNavigation/GidsTopNavigation.js';
|
|
50
|
-
export * from './components/GidsStrengthMeter/GidsStrengthMeter.js';
|
|
51
|
-
export * from './components/_GidsRequirementsMeterLabel/GidsRequirementsMeterLabel.js';
|
|
52
|
-
export * from './components/GidsRequirementsMeter/GidsRequirementsMeter.js';
|
|
53
|
-
export * from './components/GidsStepper/GidsStepper.js';
|
|
54
|
-
export * from './components/GidsStatusTag/GidsStatusTag.js';
|
|
73
|
+
export * from './components/GidsFilter/GidsFilter.js';
|
|
55
74
|
export * from './components/GidsHeading/GidsHeading.js';
|
|
56
|
-
export * from './components/
|
|
57
|
-
export * from './components/
|
|
58
|
-
export * from './components/
|
|
59
|
-
export * from './components/
|
|
60
|
-
export * from './components/
|
|
61
|
-
export * from './components/
|
|
62
|
-
export * from './components/
|
|
63
|
-
export * from './components/
|
|
64
|
-
export * from './components/
|
|
65
|
-
export * from './components/GidsSideMenu/GidsSideMenu.js';
|
|
66
|
-
export * from './components/GidsSideNavigation/GidsSideNavigation.js';
|
|
67
|
-
export * from './components/GidsProgressBar/GidsProgressBar.js';
|
|
68
|
-
export * from './components/GidsFeedbackBlock/GidsFeedbackBlock.js';
|
|
69
|
-
export * from './components/GidsOverflowContainer/GidsOverflowContainer.js';
|
|
70
|
-
export * from './components/GidsAccordionItemHeader/GidsAccordionItemHeader.js';
|
|
71
|
-
export * from './components/GidsAccordionItemContent/GidsAccordionItemContent.js';
|
|
72
|
-
export * from './components/GidsAccordionItem/GidsAccordionItem.js';
|
|
73
|
-
export * from './components/GidsAccordion/GidsAccordion.js';
|
|
74
|
-
export * from './components/GidsTooltip/GidsTooltip.js';
|
|
75
|
-
export * from './components/GidsPopover/GidsPopover.js';
|
|
76
|
-
export * from './components/GidsEditButton/GidsEditButton.js';
|
|
75
|
+
export * from './components/GidsIcon/GidsIcon.js';
|
|
76
|
+
export * from './components/GidsInput/GidsInput.js';
|
|
77
|
+
export * from './components/GidsInputTag/_GidsInputTagButton/GidsInputTagButton.js';
|
|
78
|
+
export * from './components/GidsInputTag/GidsInputTag.js';
|
|
79
|
+
export * from './components/GidsLabel/GidsLabel.js';
|
|
80
|
+
export * from './components/GidsLabel/GidsLabelInfo/GidsLabelInfo.js';
|
|
81
|
+
export * from './components/GidsLevelGauge/GidsLevelGauge.js';
|
|
82
|
+
export * from './components/GidsLineChart/GidsLineChart.js';
|
|
83
|
+
export * from './components/GidsLink/GidsLink.js';
|
|
77
84
|
export * from './components/GidsListItem/GidsListItem.js';
|
|
85
|
+
export * from './components/GidsLogo/GidsLogo.js';
|
|
86
|
+
export * from './components/GidsMatrixTable/GidsMatrixTable.js';
|
|
87
|
+
export * from './components/GidsMatrixTableBody/GidsMatrixTableBody.js';
|
|
88
|
+
export * from './components/GidsMdTable/GidsMdTable.js';
|
|
78
89
|
export * from './components/GidsMenu/GidsMenu.js';
|
|
79
90
|
export * from './components/GidsMenuGroup/GidsMenuGroup.js';
|
|
80
|
-
export * from './components/
|
|
81
|
-
export * from './components/
|
|
82
|
-
export * from './components/
|
|
83
|
-
export * from './components/GidsDropdown/GidsDropdown.js';
|
|
84
|
-
export * from './components/GidsChevronButton/GidsChevronButton.js';
|
|
85
|
-
export * from './components/GidsDropdownField/GidsDropdownField.js';
|
|
86
|
-
export * from './components/GidsCalendarCell/GidsCalendarCell.js';
|
|
87
|
-
export * from './components/GidsDot/GidsDot.js';
|
|
88
|
-
export * from './components/GidsCalendarDayCell/GidsCalendarDayCell.js';
|
|
89
|
-
export * from './components/GidsCalendarMonthList/GidsCalendarMonthList.js';
|
|
90
|
-
export * from './components/GidsCalendarYearList/GidsCalendarYearList.js';
|
|
91
|
-
export * from './components/GidsDropdownPicker/GidsDropdownPicker.js';
|
|
92
|
-
export * from './components/GidsCalendarHeaderPanel/GidsCalendarHeaderPanel.js';
|
|
93
|
-
export * from './components/GidsCalendar/GidsCalendar.js';
|
|
91
|
+
export * from './components/GidsNotification/GidsNotification.js';
|
|
92
|
+
export * from './components/GidsOverflowContainer/GidsOverflowContainer.js';
|
|
93
|
+
export * from './components/GidsOverlayProvider/GidsOverlayProvider.js';
|
|
94
94
|
export * from './components/GidsPageTitle/GidsPageTitle.js';
|
|
95
|
-
export * from './components/
|
|
96
|
-
export * from './components/
|
|
97
|
-
export * from './components/
|
|
98
|
-
export * from './components/
|
|
95
|
+
export * from './components/GidsPagination/GidsPagination.js';
|
|
96
|
+
export * from './components/GidsPaginator/GidsPaginator.js';
|
|
97
|
+
export * from './components/GidsPaginatorItem/GidsPaginatorItem.js';
|
|
98
|
+
export * from './components/GidsPasswordField/GidsPasswordField.js';
|
|
99
99
|
export * from './components/GidsPieChart/GidsPieChart.js';
|
|
100
|
-
export * from './components/
|
|
100
|
+
export * from './components/GidsPopover/GidsPopover.js';
|
|
101
|
+
export * from './components/GidsProgressBar/GidsProgressBar.js';
|
|
101
102
|
export * from './components/GidsProgressCircle/GidsProgressCircle.js';
|
|
102
|
-
export * from './components/
|
|
103
|
-
export * from './components/
|
|
104
|
-
export * from './components/
|
|
105
|
-
export * from './components/
|
|
106
|
-
export * from './components/
|
|
103
|
+
export * from './components/GidsRadio/GidsRadio.js';
|
|
104
|
+
export * from './components/GidsRadioGroup/GidsRadioGroup.js';
|
|
105
|
+
export * from './components/GidsRequirementsMeter/GidsRequirementsMeter.js';
|
|
106
|
+
export * from './components/GidsScrim/GidsScrim.js';
|
|
107
|
+
export * from './components/GidsSearchBar/GidsSearchBar.js';
|
|
108
|
+
export * from './components/GidsSectionNotice/GidsSectionNotice.js';
|
|
109
|
+
export * from './components/GidsSegmentedControl/GidsSegmentedControl.js';
|
|
110
|
+
export * from './components/GidsSegmentedTabItem/GidsSegmentedTabItem.js';
|
|
111
|
+
export * from './components/GidsSideMenu/GidsSideMenu.js';
|
|
112
|
+
export * from './components/GidsSideMenuHeader/GidsSideMenuHeader.js';
|
|
113
|
+
export * from './components/GidsSideMenuItem/GidsSideMenuItem.js';
|
|
114
|
+
export * from './components/GidsSideNavigation/GidsSideNavigation.js';
|
|
115
|
+
export * from './components/GidsSkeleton/GidsSkeleton.js';
|
|
116
|
+
export * from './components/GidsSnackbar/GidsSnackbar.js';
|
|
117
|
+
export * from './components/GidsSpinner/GidsSpinner.js';
|
|
118
|
+
export * from './components/GidsStatusTag/GidsStatusTag.js';
|
|
119
|
+
export * from './components/GidsStepper/GidsStepper.js';
|
|
120
|
+
export * from './components/GidsStrengthMeter/GidsStrengthMeter.js';
|
|
121
|
+
export * from './components/GidsSwitch/GidsSwitch.js';
|
|
122
|
+
export * from './components/GidsSwitchGroup/GidsSwitchGroup.js';
|
|
107
123
|
export * from './components/GidsTab/GidsTab.js';
|
|
108
|
-
export * from './components/
|
|
109
|
-
export * from './components/
|
|
110
|
-
export * from './components/
|
|
111
|
-
export * from './components/
|
|
112
|
-
export * from './components/
|
|
113
|
-
export * from './components/
|
|
114
|
-
export * from './components/
|
|
115
|
-
export * from './components/
|
|
116
|
-
export * from './components/
|
|
117
|
-
export * from './components/
|
|
118
|
-
export * from './components/
|
|
124
|
+
export * from './components/GidsTabItem/GidsTabItem.js';
|
|
125
|
+
export * from './components/GidsTable/GidsTable.js';
|
|
126
|
+
export * from './components/GidsTableBody/GidsTableBody.js';
|
|
127
|
+
export * from './components/GidsTableCell/GidsTableCell.js';
|
|
128
|
+
export * from './components/GidsTableEntry/GidsTableEntry.js';
|
|
129
|
+
export * from './components/GidsTableFooter/GidsTableFooter.js';
|
|
130
|
+
export * from './components/GidsTableFooterControl/GidsTableFooterControl.js';
|
|
131
|
+
export * from './components/GidsTableHeader/GidsTableHeader.js';
|
|
132
|
+
export * from './components/GidsTableRow/GidsTableRow.js';
|
|
133
|
+
export * from './components/GidsTableToolbar/GidsTableToolbar.js';
|
|
134
|
+
export * from './components/GidsTagGroup/GidsTagGroup.js';
|
|
135
|
+
export * from './components/GidsTextField/GidsTextField.js';
|
|
136
|
+
export * from './components/GidsToggleButton/GidsToggleButton.js';
|
|
137
|
+
export * from './components/GidsTooltip/GidsTooltip.js';
|
|
138
|
+
export * from './components/GidsTopNavigation/GidsTopNavigation.js';
|
|
139
|
+
export * from './components/GidsTransferList/GidsTransferList.js';
|
|
119
140
|
|
|
120
141
|
/**
|
|
121
142
|
* Utilities
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { GidsBasicTableCellTypographyStyle, GidsBasicTableCellWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
-
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
3
|
-
type GidsBasicTableCellBaseWebProps = GidsBasicTableCellWebProps<GidsBasicTableCellTypographyStyle, IconName, IconAppearance>;
|
|
4
|
-
export interface GidsBasicTableCellDomProps extends GidsBasicTableCellBaseWebProps {
|
|
5
|
-
extraClasses?: string;
|
|
6
|
-
}
|
|
7
|
-
export declare const GidsBasicTableCellDom: ({ id, uniqueKey, extraData, label, cellDataType, displayTags, width, borderSides, borderRadiusSides, appearance, textAlignment, labelTypography, isHeaderCell, extraClasses, }: GidsBasicTableCellDomProps) => HTMLElement;
|
|
8
|
-
export {};
|
|
9
|
-
//# sourceMappingURL=GidsBasicTableCell.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GidsBasicTableCell.d.ts","sourceRoot":"","sources":["../../../src/components/GidsBasicTableCell/GidsBasicTableCell.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,iCAAiC,EACjC,0BAA0B,EAE1B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAS/C,KAAK,8BAA8B,GAAG,0BAA0B,CAC/D,iCAAiC,EACjC,QAAQ,EACR,cAAc,CACd,CAAC;AAEF,MAAM,WAAW,0BAA2B,SAAQ,8BAA8B;IACjF,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,GAAI,gLAenC,0BAA0B,KAAG,WAuD/B,CAAC"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { GidsBasicTableCellWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
-
import { appendAsChildren } from '../../utils/domUtils';
|
|
3
|
-
import { GidsDisplayTagDom } from '../GidsDisplayTag/GidsDisplayTag';
|
|
4
|
-
import { GidsIconDom } from '../GidsIcon/GidsIcon';
|
|
5
|
-
const { getGidsBasicTableCellClassNames, getGidsBasicTableCellLabelTypographyClass, } = GidsBasicTableCellWebUtils;
|
|
6
|
-
export const GidsBasicTableCellDom = ({ id, uniqueKey, extraData, label, cellDataType = 'text', displayTags = [], width = 'full', borderSides = [], borderRadiusSides = [], appearance = 'none', textAlignment = 'center', labelTypography = 'label-medium', isHeaderCell = false, extraClasses, }) => {
|
|
7
|
-
const cellTag = isHeaderCell ? 'th' : 'td';
|
|
8
|
-
const basicTableCell = document.createElement(cellTag);
|
|
9
|
-
basicTableCell.className = getGidsBasicTableCellClassNames({ borderSides, borderRadiusSides, appearance, textAlignment, width }, extraClasses);
|
|
10
|
-
if (id) {
|
|
11
|
-
basicTableCell.setAttribute('id', id);
|
|
12
|
-
}
|
|
13
|
-
if (uniqueKey) {
|
|
14
|
-
basicTableCell.setAttribute('unique-key', uniqueKey);
|
|
15
|
-
}
|
|
16
|
-
if (extraData) {
|
|
17
|
-
basicTableCell.setAttribute('extra-data', JSON.stringify(extraData));
|
|
18
|
-
}
|
|
19
|
-
if (cellDataType === 'text' && label && label !== '') {
|
|
20
|
-
const labelSpan = document.createElement('span');
|
|
21
|
-
labelSpan.textContent = label;
|
|
22
|
-
labelSpan.className = `${getGidsBasicTableCellLabelTypographyClass(labelTypography)}`;
|
|
23
|
-
appendAsChildren(basicTableCell, labelSpan);
|
|
24
|
-
}
|
|
25
|
-
if (cellDataType === 'display-tag' && displayTags && displayTags.length > 0) {
|
|
26
|
-
const displayTagsContainer = document.createElement('div');
|
|
27
|
-
displayTagsContainer.className =
|
|
28
|
-
'gids-basic-table-cell__display-tags-container';
|
|
29
|
-
displayTags.forEach((displayTag) => {
|
|
30
|
-
displayTagsContainer.append(GidsDisplayTagDom({
|
|
31
|
-
label: displayTag?.label ?? '',
|
|
32
|
-
appearance: displayTag?.displayTagAppearance ?? 'subtle',
|
|
33
|
-
size: displayTag?.displayTagSize ?? 'xs',
|
|
34
|
-
icon: displayTag?.displayTagIcon
|
|
35
|
-
? GidsIconDom({
|
|
36
|
-
name: displayTag.displayTagIcon,
|
|
37
|
-
size: displayTag?.displayTagSize ?? 'xs',
|
|
38
|
-
appearance: displayTag?.displayTagIconAppearance ?? 'regular',
|
|
39
|
-
})
|
|
40
|
-
: undefined,
|
|
41
|
-
color: displayTag?.displayTagColor ?? 'accent-5',
|
|
42
|
-
}));
|
|
43
|
-
});
|
|
44
|
-
appendAsChildren(basicTableCell, displayTagsContainer);
|
|
45
|
-
}
|
|
46
|
-
return basicTableCell;
|
|
47
|
-
};
|
|
48
|
-
//# sourceMappingURL=GidsBasicTableCell.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GidsBasicTableCell.js","sourceRoot":"","sources":["../../../src/components/GidsBasicTableCell/GidsBasicTableCell.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
GidsBasicTableCellTypographyStyle,
|
|
3
|
-
GidsBasicTableCellWebProps,
|
|
4
|
-
GidsBasicTableCellWebUtils,
|
|
5
|
-
} from '@ganpatiinfo/gids-web-shared';
|
|
6
|
-
import { appendAsChildren } from '../../utils/domUtils';
|
|
7
|
-
import {
|
|
8
|
-
IconAppearance,
|
|
9
|
-
IconName,
|
|
10
|
-
} from '@ganpatiinfo/gids-web-theme-interface';
|
|
11
|
-
import { GidsDisplayTagDom } from '../GidsDisplayTag/GidsDisplayTag';
|
|
12
|
-
import { GidsIconDom } from '../GidsIcon/GidsIcon';
|
|
13
|
-
|
|
14
|
-
const {
|
|
15
|
-
getGidsBasicTableCellClassNames,
|
|
16
|
-
getGidsBasicTableCellLabelTypographyClass,
|
|
17
|
-
} = GidsBasicTableCellWebUtils;
|
|
18
|
-
|
|
19
|
-
type GidsBasicTableCellBaseWebProps = GidsBasicTableCellWebProps<
|
|
20
|
-
GidsBasicTableCellTypographyStyle,
|
|
21
|
-
IconName,
|
|
22
|
-
IconAppearance
|
|
23
|
-
>;
|
|
24
|
-
|
|
25
|
-
export interface GidsBasicTableCellDomProps extends GidsBasicTableCellBaseWebProps {
|
|
26
|
-
extraClasses?: string;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
export const GidsBasicTableCellDom = ({
|
|
30
|
-
id,
|
|
31
|
-
uniqueKey,
|
|
32
|
-
extraData,
|
|
33
|
-
label,
|
|
34
|
-
cellDataType = 'text',
|
|
35
|
-
displayTags = [],
|
|
36
|
-
width = 'full',
|
|
37
|
-
borderSides = [],
|
|
38
|
-
borderRadiusSides = [],
|
|
39
|
-
appearance = 'none',
|
|
40
|
-
textAlignment = 'center',
|
|
41
|
-
labelTypography = 'label-medium',
|
|
42
|
-
isHeaderCell = false,
|
|
43
|
-
extraClasses,
|
|
44
|
-
}: GidsBasicTableCellDomProps): HTMLElement => {
|
|
45
|
-
const cellTag = isHeaderCell ? 'th' : 'td';
|
|
46
|
-
const basicTableCell = document.createElement(cellTag);
|
|
47
|
-
basicTableCell.className = getGidsBasicTableCellClassNames(
|
|
48
|
-
{ borderSides, borderRadiusSides, appearance, textAlignment, width },
|
|
49
|
-
extraClasses,
|
|
50
|
-
);
|
|
51
|
-
|
|
52
|
-
if (id) {
|
|
53
|
-
basicTableCell.setAttribute('id', id);
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
if (uniqueKey) {
|
|
57
|
-
basicTableCell.setAttribute('unique-key', uniqueKey);
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
if (extraData) {
|
|
61
|
-
basicTableCell.setAttribute('extra-data', JSON.stringify(extraData));
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
if (cellDataType === 'text' && label && label !== '') {
|
|
65
|
-
const labelSpan = document.createElement('span');
|
|
66
|
-
labelSpan.textContent = label;
|
|
67
|
-
labelSpan.className = `${getGidsBasicTableCellLabelTypographyClass(labelTypography)}`;
|
|
68
|
-
|
|
69
|
-
appendAsChildren(basicTableCell, labelSpan);
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
if (cellDataType === 'display-tag' && displayTags && displayTags.length > 0) {
|
|
73
|
-
const displayTagsContainer = document.createElement('div');
|
|
74
|
-
displayTagsContainer.className =
|
|
75
|
-
'gids-basic-table-cell__display-tags-container';
|
|
76
|
-
|
|
77
|
-
displayTags.forEach((displayTag) => {
|
|
78
|
-
displayTagsContainer.append(
|
|
79
|
-
GidsDisplayTagDom({
|
|
80
|
-
label: displayTag?.label ?? '',
|
|
81
|
-
appearance: displayTag?.displayTagAppearance ?? 'subtle',
|
|
82
|
-
size: displayTag?.displayTagSize ?? 'xs',
|
|
83
|
-
icon: displayTag?.displayTagIcon
|
|
84
|
-
? GidsIconDom({
|
|
85
|
-
name: displayTag.displayTagIcon,
|
|
86
|
-
size: displayTag?.displayTagSize ?? 'xs',
|
|
87
|
-
appearance: displayTag?.displayTagIconAppearance ?? 'regular',
|
|
88
|
-
})
|
|
89
|
-
: undefined,
|
|
90
|
-
color: displayTag?.displayTagColor ?? 'accent-5',
|
|
91
|
-
}),
|
|
92
|
-
);
|
|
93
|
-
});
|
|
94
|
-
|
|
95
|
-
appendAsChildren(basicTableCell, displayTagsContainer);
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
return basicTableCell;
|
|
99
|
-
};
|