@coreui/react 4.2.2 → 4.3.1
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/README.md +113 -9
- package/dist/components/button/CButton.d.ts +1 -1
- package/dist/components/dropdown/CDropdownItem.d.ts +1 -1
- package/dist/components/form/CFormTextarea.d.ts +2 -2
- package/dist/components/link/CLink.d.ts +1 -1
- package/dist/components/list-group/CListGroupItem.d.ts +1 -1
- package/dist/components/nav/CNavLink.d.ts +1 -1
- package/dist/components/table/CTable.d.ts +83 -4
- package/dist/components/table/CTableDataCell.d.ts +8 -4
- package/dist/components/table/CTableHeaderCell.d.ts +2 -2
- package/dist/components/table/CTableResponsiveWrapper.d.ts +9 -0
- package/dist/components/table/CTableRow.d.ts +1 -1
- package/dist/index.es.js +139 -72
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +139 -72
- package/dist/index.js.map +1 -1
- package/package.json +12 -12
- package/src/components/alert/__tests__/__snapshots__/CAlert.spec.tsx.snap +1 -0
- package/src/components/button/__tests__/__snapshots__/CButtonClose.spec.tsx.snap +2 -0
- package/src/components/close-button/__tests__/__snapshots__/CCloseButton.spec.tsx.snap +2 -0
- package/src/components/form/CFormTextarea.tsx +2 -2
- package/src/components/form/__tests__/CFormTextarea.spec.tsx +1 -0
- package/src/components/form/__tests__/__snapshots__/CFormTextarea.spec.tsx.snap +1 -0
- package/src/components/modal/__tests__/__snapshots__/CModalHeader.spec.tsx.snap +2 -0
- package/src/components/popover/CPopover.tsx +5 -0
- package/src/components/table/CTable.tsx +184 -18
- package/src/components/table/CTableDataCell.tsx +13 -6
- package/src/components/table/CTableHeaderCell.tsx +2 -2
- package/src/components/table/CTableResponsiveWrapper.tsx +39 -0
- package/src/components/table/CTableRow.tsx +1 -1
- package/src/components/table/__tests__/CTable.spec.tsx +45 -0
- package/src/components/table/__tests__/__snapshots__/CTable.spec.tsx.snap +86 -2
- package/src/components/toast/CToast.tsx +1 -1
- package/src/components/toast/__tests__/__snapshots__/CToast.spec.tsx.snap +0 -13
|
@@ -6,8 +6,9 @@ exports[`CTable customize 1`] = `
|
|
|
6
6
|
class="table-responsive-xl"
|
|
7
7
|
>
|
|
8
8
|
<table
|
|
9
|
-
class="table align-middle caption-top
|
|
9
|
+
class="table align-middle border-primary caption-top table-bordered table-borderless table-info table-hover table-sm table-striped bazinga"
|
|
10
10
|
>
|
|
11
|
+
<tbody />
|
|
11
12
|
<tbody>
|
|
12
13
|
<tr>
|
|
13
14
|
<td>
|
|
@@ -25,6 +26,7 @@ exports[`CTable full example test 1`] = `
|
|
|
25
26
|
<table
|
|
26
27
|
class="table caption-top"
|
|
27
28
|
>
|
|
29
|
+
<tbody />
|
|
28
30
|
<caption>
|
|
29
31
|
List of users
|
|
30
32
|
</caption>
|
|
@@ -108,10 +110,92 @@ exports[`CTable full example test 1`] = `
|
|
|
108
110
|
</div>
|
|
109
111
|
`;
|
|
110
112
|
|
|
113
|
+
exports[`loads and displays CTable component - new way 1`] = `
|
|
114
|
+
<div>
|
|
115
|
+
<table
|
|
116
|
+
class="table"
|
|
117
|
+
>
|
|
118
|
+
<thead>
|
|
119
|
+
<tr>
|
|
120
|
+
<th
|
|
121
|
+
scope="col"
|
|
122
|
+
>
|
|
123
|
+
#
|
|
124
|
+
</th>
|
|
125
|
+
<th>
|
|
126
|
+
Class
|
|
127
|
+
</th>
|
|
128
|
+
<th
|
|
129
|
+
scope="col"
|
|
130
|
+
>
|
|
131
|
+
Heading
|
|
132
|
+
</th>
|
|
133
|
+
<th
|
|
134
|
+
scope="col"
|
|
135
|
+
>
|
|
136
|
+
Heading
|
|
137
|
+
</th>
|
|
138
|
+
</tr>
|
|
139
|
+
</thead>
|
|
140
|
+
<tbody>
|
|
141
|
+
<tr>
|
|
142
|
+
<th
|
|
143
|
+
scope="row"
|
|
144
|
+
>
|
|
145
|
+
1
|
|
146
|
+
</th>
|
|
147
|
+
<td>
|
|
148
|
+
Mark
|
|
149
|
+
</td>
|
|
150
|
+
<td>
|
|
151
|
+
Otto
|
|
152
|
+
</td>
|
|
153
|
+
<td>
|
|
154
|
+
@mdo
|
|
155
|
+
</td>
|
|
156
|
+
</tr>
|
|
157
|
+
<tr>
|
|
158
|
+
<th
|
|
159
|
+
scope="row"
|
|
160
|
+
>
|
|
161
|
+
2
|
|
162
|
+
</th>
|
|
163
|
+
<td>
|
|
164
|
+
Jacob
|
|
165
|
+
</td>
|
|
166
|
+
<td>
|
|
167
|
+
Thornton
|
|
168
|
+
</td>
|
|
169
|
+
<td>
|
|
170
|
+
@fat
|
|
171
|
+
</td>
|
|
172
|
+
</tr>
|
|
173
|
+
<tr>
|
|
174
|
+
<th
|
|
175
|
+
scope="row"
|
|
176
|
+
>
|
|
177
|
+
3
|
|
178
|
+
</th>
|
|
179
|
+
<td
|
|
180
|
+
colspan="2"
|
|
181
|
+
>
|
|
182
|
+
Larry the Bird
|
|
183
|
+
</td>
|
|
184
|
+
<td>
|
|
185
|
+
@twitter
|
|
186
|
+
</td>
|
|
187
|
+
</tr>
|
|
188
|
+
</tbody>
|
|
189
|
+
</table>
|
|
190
|
+
</div>
|
|
191
|
+
`;
|
|
192
|
+
|
|
111
193
|
exports[`loads and displays CTable component 1`] = `
|
|
112
194
|
<div>
|
|
113
195
|
<table
|
|
114
196
|
class="table"
|
|
115
|
-
|
|
197
|
+
>
|
|
198
|
+
<tbody />
|
|
199
|
+
</table>
|
|
116
200
|
</div>
|
|
117
201
|
`;
|
|
@@ -153,7 +153,7 @@ export const CToast = forwardRef<HTMLDivElement, CToastProps>(
|
|
|
153
153
|
aria-atomic="true"
|
|
154
154
|
role="alert"
|
|
155
155
|
onMouseEnter={() => clearTimeout(timeout.current)}
|
|
156
|
-
onMouseLeave={() => _autohide}
|
|
156
|
+
onMouseLeave={() => _autohide()}
|
|
157
157
|
{...rest}
|
|
158
158
|
key={key}
|
|
159
159
|
ref={forkedRef}
|
|
@@ -53,19 +53,6 @@ exports[`CToast customize 4`] = `
|
|
|
53
53
|
`;
|
|
54
54
|
|
|
55
55
|
exports[`CToast customize 5`] = `
|
|
56
|
-
<div>
|
|
57
|
-
<div
|
|
58
|
-
aria-atomic="true"
|
|
59
|
-
aria-live="assertive"
|
|
60
|
-
class="toast fade bg-warning border-0 bazinga showing"
|
|
61
|
-
role="alert"
|
|
62
|
-
>
|
|
63
|
-
Test
|
|
64
|
-
</div>
|
|
65
|
-
</div>
|
|
66
|
-
`;
|
|
67
|
-
|
|
68
|
-
exports[`CToast customize 6`] = `
|
|
69
56
|
<div>
|
|
70
57
|
<div
|
|
71
58
|
aria-atomic="true"
|