@pathscale/ui 1.1.6 → 1.1.7

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.
Files changed (21) hide show
  1. package/dist/components/streaming-table/StreamingTable.d.ts +2 -2
  2. package/dist/components/streaming-table/StreamingTable.js +89 -77
  3. package/dist/components/table/EnhancedTable.d.ts +2 -2
  4. package/dist/components/table/EnhancedTable.js +305 -295
  5. package/dist/components/table/Table.d.ts +26 -14
  6. package/dist/components/table/Table.js +202 -40
  7. package/dist/components/table/index.d.ts +1 -1
  8. package/dist/components/table/table.css +240 -106
  9. package/package.json +1 -1
  10. package/dist/components/table/TableBody.d.ts +0 -5
  11. package/dist/components/table/TableBody.js +0 -30
  12. package/dist/components/table/TableCell.d.ts +0 -7
  13. package/dist/components/table/TableCell.js +0 -34
  14. package/dist/components/table/TableFooter.d.ts +0 -7
  15. package/dist/components/table/TableFooter.js +0 -45
  16. package/dist/components/table/TableHead.d.ts +0 -7
  17. package/dist/components/table/TableHead.js +0 -45
  18. package/dist/components/table/TableHeadCell.d.ts +0 -7
  19. package/dist/components/table/TableHeadCell.js +0 -34
  20. package/dist/components/table/TableRow.d.ts +0 -8
  21. package/dist/components/table/TableRow.js +0 -34
package/dist/components/table/table.css CHANGED
@@ -1,148 +1,282 @@
1
+ /* ==========================================================================
2
+ Table — HeroUI-style data display component for structured tabular data.
3
+ ========================================================================== */
4
+
1
5
  @layer components {
2
- .table {
3
- font-size: 0.875rem;
4
- position: relative;
5
- width: 100%;
6
- border-collapse: separate;
7
- --tw-border-spacing-x: calc(0.25rem * 0);
8
- --tw-border-spacing-y: calc(0.25rem * 0);
9
- border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
10
- border-radius: var(--radius-box);
11
- text-align: left;
12
- }
6
+ /* --------------------------------------------------------------------------
7
+ Table Root — Outer container for table + optional footer.
8
+ -------------------------------------------------------------------------- */
9
+ .table-root {
10
+ position: relative;
11
+ display: grid;
12
+ width: 100%;
13
+ overflow: clip;
14
+ grid-template-columns: minmax(0, 1fr);
15
+ }
13
16
 
14
- .table:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
15
- text-align: right;
16
- }
17
+ .table-root--primary {
18
+ background-color: var(--color-base-200);
19
+ padding-inline: 0.25rem;
20
+ padding-bottom: 0.25rem;
21
+ border-radius: calc(var(--radius-box, 1rem) * 1.25);
22
+ }
17
23
 
18
- @media (hover: hover) {
19
- .table tr.row-hover:hover,
20
- .table tr.row-hover:nth-child(even):hover {
21
- background-color: var(--color-base-200);
22
- }
23
- }
24
+ /* --------------------------------------------------------------------------
25
+ Scroll Container
26
+ -------------------------------------------------------------------------- */
27
+ .table__scroll-container {
28
+ overflow-x: auto;
29
+ scrollbar-width: thin;
30
+ scrollbar-color: oklch(0% 0 0 / 0.15) transparent;
31
+ }
24
32
 
25
- .table :where(th, td) {
26
- padding-inline: calc(0.25rem * 4);
27
- padding-block: calc(0.25rem * 3);
28
- vertical-align: middle;
29
- }
33
+ .table__scroll-container::-webkit-scrollbar {
34
+ width: 6px;
35
+ height: 6px;
36
+ }
30
37
 
31
- .table :where(thead, tfoot) {
32
- white-space: nowrap;
33
- color: var(--color-base-content);
34
- font-size: 0.875rem;
35
- font-weight: 600;
36
- }
38
+ .table__scroll-container::-webkit-scrollbar-track {
39
+ background: transparent;
40
+ }
41
+
42
+ .table__scroll-container::-webkit-scrollbar-thumb {
43
+ background: oklch(0% 0 0 / 0.15);
44
+ border-radius: 3px;
45
+ }
46
+
47
+ :is([data-theme="dark"], .dark) .table__scroll-container {
48
+ scrollbar-color: oklch(100% 0 0 / 0.15) transparent;
49
+ }
50
+
51
+ :is([data-theme="dark"], .dark) .table__scroll-container::-webkit-scrollbar-thumb {
52
+ background: oklch(100% 0 0 / 0.15);
53
+ }
54
+
55
+ /* --------------------------------------------------------------------------
56
+ Table Content (<table>)
57
+ -------------------------------------------------------------------------- */
58
+ .table__content {
59
+ width: 100%;
60
+ border-collapse: separate;
61
+ border-spacing: 0;
62
+ font-size: 0.875rem;
63
+ text-align: left;
64
+ }
65
+
66
+ .table__content:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
67
+ text-align: right;
68
+ }
69
+
70
+ .table-root--primary .table__content {
71
+ overflow: clip;
72
+ }
73
+
74
+ /* --------------------------------------------------------------------------
75
+ Table Header (<thead>)
76
+ -------------------------------------------------------------------------- */
77
+ .table__header {
78
+ background-color: var(--color-base-200);
79
+ }
37
80
 
38
81
  @supports (color: color-mix(in lab, red, red)) {
39
- .table :where(thead, tfoot) {
40
- color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
41
- }
82
+ .table__header {
83
+ border-bottom: 1px solid color-mix(in oklch, var(--color-base-content) 8%, transparent);
42
84
  }
85
+ }
43
86
 
44
- .table :where(tfoot tr:first-child :is(td, th)) {
45
- border-top: var(--border) solid var(--color-base-content);
46
- }
87
+ .table-root--secondary .table__header {
88
+ border-bottom: 0;
89
+ background: transparent;
90
+ }
91
+
92
+ .table-root--secondary .table__column {
93
+ background-color: var(--color-base-200);
94
+ }
95
+
96
+ .table-root--secondary .table__column:first-child {
97
+ border-top-left-radius: 1rem;
98
+ border-bottom-left-radius: 1rem;
99
+ }
100
+
101
+ .table-root--secondary .table__column:last-child {
102
+ border-top-right-radius: 1rem;
103
+ border-bottom-right-radius: 1rem;
104
+ }
105
+
106
+ .table-root--secondary .table__body tr:first-child td:first-child,
107
+ .table-root--secondary .table__body tr:first-child td:last-child,
108
+ .table-root--secondary .table__body tr:last-child td:first-child,
109
+ .table-root--secondary .table__body tr:last-child td:last-child {
110
+ border-radius: 0;
111
+ }
112
+
113
+ .table-root--secondary .table__row .table__cell {
114
+ background-color: transparent;
115
+ }
47
116
 
48
117
  @supports (color: color-mix(in lab, red, red)) {
49
- .table :where(tfoot tr:first-child :is(td, th)) {
50
- border-top: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
51
- }
118
+ .table-root--secondary .table__row .table__cell {
119
+ border-bottom: 1px solid color-mix(in oklch, var(--color-base-content) 5%, transparent);
52
120
  }
121
+ }
53
122
 
54
- .table :where(.table-pin-rows thead tr) {
55
- position: sticky;
56
- top: calc(0.25rem * 0);
57
- z-index: 1;
58
- background-color: var(--color-base-100);
123
+ @media (hover: hover) {
124
+ .table-root--secondary .table__row:hover .table__cell {
125
+ background-color: var(--color-base-200);
59
126
  }
60
127
 
61
- .table :where(.table-pin-rows tfoot tr) {
62
- position: sticky;
63
- bottom: calc(0.25rem * 0);
64
- z-index: 1;
65
- background-color: var(--color-base-100);
128
+ .table-root--secondary .table__row:hover .table__cell:first-child {
129
+ border-top-left-radius: 1rem;
130
+ border-bottom-left-radius: 1rem;
66
131
  }
67
132
 
68
- .table :where(.table-pin-cols tr th) {
69
- position: sticky;
70
- right: calc(0.25rem * 0);
71
- left: calc(0.25rem * 0);
72
- background-color: var(--color-base-100);
133
+ .table-root--secondary .table__row:hover .table__cell:last-child {
134
+ border-top-right-radius: 1rem;
135
+ border-bottom-right-radius: 1rem;
73
136
  }
137
+ }
74
138
 
75
- .table :where(thead tr :is(td, th), tbody tr:not(:last-child) :is(td, th)) {
76
- border-bottom: var(--border) solid var(--color-base-content);
77
- }
139
+ /* --------------------------------------------------------------------------
140
+ Table Column (<th>)
141
+ -------------------------------------------------------------------------- */
142
+ .table__column {
143
+ position: relative;
144
+ padding-inline: 1rem;
145
+ padding-block: 0.625rem;
146
+ text-align: left;
147
+ font-size: 0.75rem;
148
+ font-weight: 500;
149
+ white-space: nowrap;
150
+ vertical-align: middle;
151
+ }
78
152
 
79
153
  @supports (color: color-mix(in lab, red, red)) {
80
- .table :where(thead tr :is(td, th), tbody tr:not(:last-child) :is(td, th)) {
81
- border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
82
- }
154
+ .table__column {
155
+ color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
83
156
  }
157
+ }
84
158
 
85
- .table {
86
- display: table;
87
- }
159
+ .table__column::after {
160
+ content: "";
161
+ position: absolute;
162
+ top: 50%;
163
+ right: 0;
164
+ height: 1rem;
165
+ width: 1px;
166
+ transform: translateY(-50%);
167
+ border-radius: 1px;
168
+ }
88
169
 
89
- .table-zebra tbody tr:where(:nth-child(even)) {
90
- background-color: var(--color-base-200);
170
+ @supports (color: color-mix(in lab, red, red)) {
171
+ .table__column::after {
172
+ background-color: color-mix(in oklch, var(--color-base-content) 10%, transparent);
91
173
  }
174
+ }
92
175
 
93
- .table-zebra tbody tr:where(:nth-child(even)) :where(.table-pin-cols tr th) {
94
- background-color: var(--color-base-200);
95
- }
176
+ .table__column:last-child:not(:only-child)::after {
177
+ content: none;
178
+ }
179
+
180
+ .table__column[data-allows-sorting="true"] {
181
+ cursor: pointer;
182
+ }
96
183
 
97
184
  @media (hover: hover) {
98
- .table-zebra tbody tr.row-hover:hover,
99
- .table-zebra tbody tr.row-hover:where(:nth-child(even)):hover {
100
- background-color: var(--color-base-300);
101
- }
185
+ .table__column[data-allows-sorting="true"]:hover {
186
+ color: var(--color-base-content);
102
187
  }
188
+ }
103
189
 
104
- .table-lg :not(thead, tfoot) tr {
105
- font-size: 1.125rem;
106
- }
190
+ .table__column:focus-visible {
191
+ border-radius: 0.5rem;
192
+ outline: none;
193
+ box-shadow: inset 0 0 0 2px var(--color-accent);
194
+ }
107
195
 
108
- .table-lg :where(th, td) {
109
- padding-inline: calc(0.25rem * 5);
110
- padding-block: calc(0.25rem * 4);
111
- }
196
+ /* --------------------------------------------------------------------------
197
+ Table Body (<tbody>)
198
+ -------------------------------------------------------------------------- */
199
+ .table__body tr:first-child td:first-child {
200
+ border-top-left-radius: 1rem;
201
+ }
112
202
 
113
- .table-md :not(thead, tfoot) tr {
114
- font-size: 0.875rem;
115
- }
203
+ .table__body tr:first-child td:last-child {
204
+ border-top-right-radius: 1rem;
205
+ }
116
206
 
117
- .table-md :where(th, td) {
118
- padding-inline: calc(0.25rem * 4);
119
- padding-block: calc(0.25rem * 3);
120
- }
207
+ .table__body tr:last-child td:first-child {
208
+ border-bottom-left-radius: 1rem;
209
+ }
121
210
 
122
- .table-sm :not(thead, tfoot) tr {
123
- font-size: 0.75rem;
124
- }
211
+ .table__body tr:last-child td:last-child {
212
+ border-bottom-right-radius: 1rem;
213
+ }
125
214
 
126
- .table-sm :where(th, td) {
127
- padding-inline: calc(0.25rem * 3);
128
- padding-block: calc(0.25rem * 2);
129
- }
215
+ /* --------------------------------------------------------------------------
216
+ Table Row (<tr>)
217
+ -------------------------------------------------------------------------- */
218
+ .table__row {
219
+ position: relative;
220
+ height: 100%;
221
+ }
130
222
 
131
- .table-xl :not(thead, tfoot) tr {
132
- font-size: 1.375rem;
223
+ @media (hover: hover) {
224
+ .table__row:hover .table__cell {
225
+ background-color: var(--color-base-200);
133
226
  }
227
+ }
134
228
 
135
- .table-xl :where(th, td) {
136
- padding-inline: calc(0.25rem * 6);
137
- padding-block: calc(0.25rem * 5);
138
- }
229
+ .table__row[data-selected="true"] .table__cell {
230
+ background-color: var(--color-base-200);
231
+ }
139
232
 
140
- .table-xs :not(thead, tfoot) tr {
141
- font-size: 0.6875rem;
142
- }
233
+ .table__row[aria-disabled="true"],
234
+ .table__row[data-disabled="true"] {
235
+ opacity: 0.5;
236
+ cursor: not-allowed;
237
+ }
143
238
 
144
- .table-xs :where(th, td) {
145
- padding-inline: calc(0.25rem * 2);
146
- padding-block: calc(0.25rem * 1);
239
+ .table__row:focus-visible {
240
+ outline: none;
241
+ box-shadow: inset 0 0 0 2px var(--color-accent);
242
+ }
243
+
244
+ /* --------------------------------------------------------------------------
245
+ Table Cell (<td>)
246
+ -------------------------------------------------------------------------- */
247
+ .table__cell {
248
+ height: 100%;
249
+ background-color: var(--color-base-100);
250
+ padding-inline: 1rem;
251
+ padding-block: 0.75rem;
252
+ vertical-align: middle;
253
+ font-size: 0.875rem;
254
+ color: var(--color-base-content);
255
+ }
256
+
257
+ @supports (color: color-mix(in lab, red, red)) {
258
+ .table__cell {
259
+ border-bottom: 1px solid color-mix(in oklch, var(--color-base-content) 5%, transparent);
147
260
  }
261
+ }
262
+
263
+ .table__body tr:last-child .table__cell {
264
+ border-bottom: none;
265
+ }
266
+
267
+ .table__cell:focus-visible {
268
+ border-radius: 0.5rem;
269
+ outline: none;
270
+ box-shadow: inset 0 0 0 2px var(--color-accent);
271
+ }
272
+
273
+ /* --------------------------------------------------------------------------
274
+ Table Footer (div outside <table>)
275
+ -------------------------------------------------------------------------- */
276
+ .table__footer {
277
+ display: flex;
278
+ align-items: center;
279
+ padding-inline: 1rem;
280
+ padding-block: 0.625rem;
281
+ }
148
282
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pathscale/ui",
3
- "version": "1.1.6",
3
+ "version": "1.1.7",
4
4
  "author": "pathscale",
5
5
  "repository": {
6
6
  "type": "git",
package/dist/components/table/TableBody.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import { type Component, type JSX } from "solid-js";
2
- import type { IComponentBaseProps } from "../types";
3
- export type TableBodyProps = JSX.HTMLAttributes<HTMLTableSectionElement> & IComponentBaseProps;
4
- declare const TableBody: Component<TableBodyProps>;
5
- export default TableBody;
package/dist/components/table/TableBody.js DELETED
@@ -1,30 +0,0 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
2
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
3
- import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
4
- import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
5
- var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tbody>");
6
- const TableBody = (props)=>{
7
- const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
8
- "children",
9
- "class",
10
- "className",
11
- "dataTheme"
12
- ]);
13
- const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(local.class, local.className)));
14
- const resolved = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
15
- return (()=>{
16
- var _el$ = _tmpl$();
17
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
18
- get ["class"] () {
19
- return classes();
20
- },
21
- get ["data-theme"] () {
22
- return local.dataTheme;
23
- }
24
- }, rest), false, true);
25
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolved);
26
- return _el$;
27
- })();
28
- };
29
- const table_TableBody = TableBody;
30
- export { table_TableBody as default };
package/dist/components/table/TableCell.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import { type Component, type JSX } from "solid-js";
2
- import type { IComponentBaseProps } from "../types";
3
- export type TableCellProps = JSX.HTMLAttributes<HTMLTableCellElement> & IComponentBaseProps & {
4
- colSpan?: number;
5
- };
6
- declare const TableCell: Component<TableCellProps>;
7
- export default TableCell;
package/dist/components/table/TableCell.js DELETED
@@ -1,34 +0,0 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
2
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
3
- import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
4
- import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
5
- var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>");
6
- const TableCell_TableCell = (props)=>{
7
- const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
8
- "children",
9
- "colSpan",
10
- "class",
11
- "className",
12
- "dataTheme"
13
- ]);
14
- const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(local.class, local.className)));
15
- const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
16
- return (()=>{
17
- var _el$ = _tmpl$();
18
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
19
- get ["class"] () {
20
- return classes();
21
- },
22
- get ["data-theme"] () {
23
- return local.dataTheme;
24
- },
25
- get colSpan () {
26
- return local.colSpan;
27
- }
28
- }, rest), false, true);
29
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
30
- return _el$;
31
- })();
32
- };
33
- const TableCell = TableCell_TableCell;
34
- export { TableCell as default };
package/dist/components/table/TableFooter.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import { type Component, type JSX } from "solid-js";
2
- import type { IComponentBaseProps } from "../types";
3
- export type TableFooterProps = JSX.HTMLAttributes<HTMLTableSectionElement> & IComponentBaseProps & {
4
- noCell?: boolean;
5
- };
6
- declare const TableFooter: Component<TableFooterProps>;
7
- export default TableFooter;
package/dist/components/table/TableFooter.js DELETED
@@ -1,45 +0,0 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
2
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
3
- import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
4
- import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
5
- var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tfoot>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tr>");
6
- const TableFooter = (props)=>{
7
- const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
8
- "children",
9
- "noCell",
10
- "class",
11
- "className",
12
- "dataTheme"
13
- ]);
14
- const resolved = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
15
- const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(local.class, local.className)));
16
- return (()=>{
17
- var _el$ = _tmpl$();
18
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
19
- get ["class"] () {
20
- return classes();
21
- },
22
- get ["data-theme"] () {
23
- return local.dataTheme;
24
- }
25
- }, rest), false, true);
26
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
27
- get when () {
28
- return local.noCell;
29
- },
30
- get fallback () {
31
- return (()=>{
32
- var _el$2 = _tmpl$2();
33
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, resolved);
34
- return _el$2;
35
- })();
36
- },
37
- get children () {
38
- return resolved();
39
- }
40
- }));
41
- return _el$;
42
- })();
43
- };
44
- const table_TableFooter = TableFooter;
45
- export { table_TableFooter as default };
package/dist/components/table/TableHead.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import { type Component, type JSX } from "solid-js";
2
- import type { IComponentBaseProps } from "../types";
3
- export type TableHeadProps = JSX.HTMLAttributes<HTMLTableSectionElement> & IComponentBaseProps & {
4
- noCell?: boolean;
5
- };
6
- declare const TableHead: Component<TableHeadProps>;
7
- export default TableHead;
package/dist/components/table/TableHead.js DELETED
@@ -1,45 +0,0 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
2
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
3
- import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
4
- import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
5
- var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<thead>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tr>");
6
- const TableHead_TableHead = (props)=>{
7
- const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
8
- "children",
9
- "noCell",
10
- "class",
11
- "className",
12
- "dataTheme"
13
- ]);
14
- const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(local.class, local.className)));
15
- const resolved = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
16
- return (()=>{
17
- var _el$ = _tmpl$();
18
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
19
- get ["class"] () {
20
- return classes();
21
- },
22
- get ["data-theme"] () {
23
- return local.dataTheme;
24
- }
25
- }, rest), false, true);
26
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
27
- get when () {
28
- return local.noCell;
29
- },
30
- get fallback () {
31
- return (()=>{
32
- var _el$2 = _tmpl$2();
33
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, resolved);
34
- return _el$2;
35
- })();
36
- },
37
- get children () {
38
- return resolved();
39
- }
40
- }));
41
- return _el$;
42
- })();
43
- };
44
- const TableHead = TableHead_TableHead;
45
- export { TableHead as default };
package/dist/components/table/TableHeadCell.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import { type Component, type JSX } from "solid-js";
2
- import type { IComponentBaseProps } from "../types";
3
- export type TableHeadCellProps = JSX.HTMLAttributes<HTMLTableCellElement> & IComponentBaseProps & {
4
- colSpan?: number;
5
- };
6
- declare const TableHeadCell: Component<TableHeadCellProps>;
7
- export default TableHeadCell;
package/dist/components/table/TableHeadCell.js DELETED
@@ -1,34 +0,0 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
2
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
3
- import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
4
- import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
5
- var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<th>");
6
- const TableHeadCell = (props)=>{
7
- const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
8
- "children",
9
- "colSpan",
10
- "class",
11
- "className",
12
- "dataTheme"
13
- ]);
14
- const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(local.class, local.className)));
15
- const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
16
- return (()=>{
17
- var _el$ = _tmpl$();
18
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
19
- get ["class"] () {
20
- return classes();
21
- },
22
- get ["data-theme"] () {
23
- return local.dataTheme;
24
- },
25
- get colSpan () {
26
- return local.colSpan;
27
- }
28
- }, rest), false, true);
29
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
30
- return _el$;
31
- })();
32
- };
33
- const table_TableHeadCell = TableHeadCell;
34
- export { table_TableHeadCell as default };
package/dist/components/table/TableRow.d.ts DELETED
@@ -1,8 +0,0 @@
1
- import { type Component, type JSX } from "solid-js";
2
- import type { IComponentBaseProps } from "../types";
3
- export type TableRowProps = JSX.HTMLAttributes<HTMLTableRowElement> & IComponentBaseProps & {
4
- active?: boolean;
5
- noCell?: boolean;
6
- };
7
- declare const TableRow: Component<TableRowProps>;
8
- export default TableRow;