@licklist/design 0.44.517 → 0.44.518
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.
|
@@ -17,6 +17,7 @@ export interface StaticTableProps {
|
|
|
17
17
|
size?: string;
|
|
18
18
|
displayHeader?: boolean;
|
|
19
19
|
renderItemFn?: (data?: any) => ReactNode;
|
|
20
|
+
isSingleRowForKey?: boolean;
|
|
20
21
|
}
|
|
21
|
-
export declare function StaticTable({ data, columns, className, striped, bordered, hover, size, displayHeader, renderItemFn, }: StaticTableProps): JSX.Element;
|
|
22
|
+
export declare function StaticTable({ data, columns, className, striped, bordered, hover, size, displayHeader, isSingleRowForKey, renderItemFn, }: StaticTableProps): JSX.Element;
|
|
22
23
|
//# sourceMappingURL=StaticTable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StaticTable.d.ts","sourceRoot":"","sources":["../../src/table/StaticTable.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,IAAI,EAAE,eAAe,EAAE,GAAG,GAAG,EAAE,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"StaticTable.d.ts","sourceRoot":"","sources":["../../src/table/StaticTable.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,IAAI,EAAE,eAAe,EAAE,GAAG,GAAG,EAAE,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,SAAS,CAAC;IACzC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,SAAc,EACd,OAAe,EACf,QAAgB,EAChB,KAAa,EACb,IAAI,EACJ,aAAoB,EACpB,iBAAyB,EACzB,YAAY,GACb,EAAE,gBAAgB,eA2ClB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-bootstrap");function a(e){var t=e.columns;return r.createElement("thead",null,r.createElement("tr",null,t.map((function(e){return r.createElement("th",{key:e.key},e.label)}))))}exports.StaticTable=function(e){var t=e.data,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,n=require("react-bootstrap");function a(e){var t=e.columns;return r.createElement("thead",null,r.createElement("tr",null,t.map((function(e){return r.createElement("th",{key:e.key},e.label)}))))}exports.StaticTable=function(e){var t=e.data,c=e.columns,l=e.className,o=void 0===l?"":l,u=e.striped,i=void 0!==u&&u,d=e.bordered,m=void 0!==d&&d,y=e.hover,s=void 0!==y&&y,k=e.size,p=e.displayHeader,v=void 0===p||p,E=e.isSingleRowForKey,f=void 0!==E&&E,b=e.renderItemFn;return r.createElement(n.Table,{className:o,bordered:m,striped:i,hover:s,size:k},v&&r.createElement(a,{columns:c}),f?r.createElement("tbody",null,t.map((function(e){return r.createElement(r.Fragment,null,b?b(e):c.map((function(t){return r.createElement("tr",{key:e.key},r.createElement("td",{key:"".concat(t.key,"-").concat(e[t.key])},e[t.key]))})))}))):r.createElement("tbody",null,t.map((function(e){return r.createElement("tr",{key:e.key},b?b(e):c.map((function(t){return r.createElement("td",{key:"".concat(t.key,"-").concat(e[t.key])},e[t.key])})))}))))};
|
package/package.json
CHANGED
|
@@ -21,6 +21,7 @@ export interface StaticTableProps {
|
|
|
21
21
|
size?: string;
|
|
22
22
|
displayHeader?: boolean;
|
|
23
23
|
renderItemFn?: (data?: any) => ReactNode;
|
|
24
|
+
isSingleRowForKey?: boolean;
|
|
24
25
|
}
|
|
25
26
|
|
|
26
27
|
export function StaticTable({
|
|
@@ -32,6 +33,7 @@ export function StaticTable({
|
|
|
32
33
|
hover = false,
|
|
33
34
|
size,
|
|
34
35
|
displayHeader = true,
|
|
36
|
+
isSingleRowForKey = false,
|
|
35
37
|
renderItemFn,
|
|
36
38
|
}: StaticTableProps) {
|
|
37
39
|
return (
|
|
@@ -43,21 +45,37 @@ export function StaticTable({
|
|
|
43
45
|
size={size}
|
|
44
46
|
>
|
|
45
47
|
{displayHeader && <TableHead columns={columns} />}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
48
|
+
{isSingleRowForKey ? (
|
|
49
|
+
<tbody>
|
|
50
|
+
{data.map((row) => (
|
|
51
|
+
<>
|
|
52
|
+
{renderItemFn
|
|
53
|
+
? renderItemFn(row)
|
|
54
|
+
: columns.map((column) => (
|
|
55
|
+
<tr key={row.key}>
|
|
56
|
+
<td key={`${column.key}-${row[column.key]}`}>
|
|
57
|
+
{row[column.key]}
|
|
58
|
+
</td>
|
|
59
|
+
</tr>
|
|
60
|
+
))}
|
|
61
|
+
</>
|
|
62
|
+
))}
|
|
63
|
+
</tbody>
|
|
64
|
+
) : (
|
|
65
|
+
<tbody>
|
|
66
|
+
{data.map((row) => (
|
|
67
|
+
<tr key={row.key}>
|
|
68
|
+
{renderItemFn
|
|
69
|
+
? renderItemFn(row)
|
|
70
|
+
: columns.map((column) => (
|
|
53
71
|
<td key={`${column.key}-${row[column.key]}`}>
|
|
54
72
|
{row[column.key]}
|
|
55
73
|
</td>
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
74
|
+
))}
|
|
75
|
+
</tr>
|
|
76
|
+
))}
|
|
77
|
+
</tbody>
|
|
78
|
+
)}
|
|
61
79
|
</Table>
|
|
62
80
|
);
|
|
63
81
|
}
|