@dbcdk/react-components 0.0.120 → 0.0.122
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/card/Card.cjs +4 -7
- package/dist/components/card/Card.js +4 -7
- package/dist/components/card/Card.module.css +4 -9
- package/dist/components/code-block/CodeBlock.cjs +11 -1
- package/dist/components/code-block/CodeBlock.d.ts +1 -1
- package/dist/components/code-block/CodeBlock.js +12 -2
- package/dist/components/code-block/CodeBlock.module.css +12 -1
- package/dist/components/forms/file-upload/FileUpload.d.ts +2 -2
- package/dist/components/search-box/SearchBox.cjs +9 -4
- package/dist/components/search-box/SearchBox.js +9 -4
- package/dist/components/sidebar/components/sidebar-container/SidebarContainer.cjs +3 -2
- package/dist/components/sidebar/components/sidebar-container/SidebarContainer.js +4 -3
- package/dist/components/sidebar/components/sidebar-container/SidebarContainer.module.css +5 -0
- package/dist/components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem.cjs +1 -1
- package/dist/components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem.js +1 -1
- package/dist/components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem.module.css +11 -7
- package/dist/components/table/Table.cjs +9 -4
- package/dist/components/table/Table.d.ts +1 -1
- package/dist/components/table/Table.js +10 -5
- package/dist/components/table/Table.module.css +25 -0
- package/dist/components/table/Table.types.d.ts +13 -0
- package/dist/components/table/TanstackTable.cjs +10 -1
- package/dist/components/table/TanstackTable.js +10 -1
- package/dist/components/table/components/TableBody.cjs +2 -0
- package/dist/components/table/components/TableBody.d.ts +7 -2
- package/dist/components/table/components/TableBody.js +2 -0
- package/dist/components/table/components/TableHeader.cjs +10 -1
- package/dist/components/table/components/TableHeader.d.ts +2 -1
- package/dist/components/table/components/TableHeader.js +10 -1
- package/dist/components/table/components/TableRow.cjs +75 -1
- package/dist/components/table/components/TableRow.d.ts +7 -2
- package/dist/components/table/components/TableRow.js +75 -1
- package/dist/components/table/hooks/useTableRowInteractions.cjs +2 -2
- package/dist/components/table/hooks/useTableRowInteractions.js +2 -2
- package/dist/components/table/table.utils.cjs +2 -0
- package/dist/components/table/table.utils.d.ts +1 -0
- package/dist/components/table/table.utils.js +2 -1
- package/dist/components/table/tanstackTable.utils.cjs +6 -4
- package/dist/components/table/tanstackTable.utils.d.ts +2 -0
- package/dist/components/table/tanstackTable.utils.js +7 -5
- package/package.json +1 -1
- package/dist/components/table/components/TableLoadingBody.cjs +0 -35
- package/dist/components/table/components/TableLoadingBody.d.ts +0 -9
- package/dist/components/table/components/TableLoadingBody.js +0 -29
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { SkeletonLoaderItem } from '../../../components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem';
|
|
3
|
-
import { cx } from '../table.classes';
|
|
4
|
-
import styles from '../Table.module.css';
|
|
5
|
-
|
|
6
|
-
function TableLoadingBody({ rows, columns, hasSelection }) {
|
|
7
|
-
return /* @__PURE__ */ jsx("tbody", { className: styles.body, children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsxs("tr", { className: styles.row, children: [
|
|
8
|
-
hasSelection ? /* @__PURE__ */ jsx("td", { className: cx(styles.cell, styles.selectionCell), children: /* @__PURE__ */ jsx("div", { className: styles.cellContent, children: /* @__PURE__ */ jsx(SkeletonLoaderItem, { height: 20, width: 20 }) }) }) : null,
|
|
9
|
-
columns.map((column) => {
|
|
10
|
-
var _a;
|
|
11
|
-
return /* @__PURE__ */ jsx(
|
|
12
|
-
"td",
|
|
13
|
-
{
|
|
14
|
-
className: cx(
|
|
15
|
-
styles.cell,
|
|
16
|
-
column.divider === "left" && styles.dividerLeft,
|
|
17
|
-
column.divider === "right" && styles.dividerRight
|
|
18
|
-
),
|
|
19
|
-
"data-align": (_a = column.align) != null ? _a : "left",
|
|
20
|
-
"data-divider": column.divider,
|
|
21
|
-
children: /* @__PURE__ */ jsx("div", { className: styles.cellContent, children: /* @__PURE__ */ jsx("div", { className: styles.cellValueEllipsis, children: /* @__PURE__ */ jsx(SkeletonLoaderItem, { height: 20, width: "100%" }) }) })
|
|
22
|
-
},
|
|
23
|
-
column.id
|
|
24
|
-
);
|
|
25
|
-
})
|
|
26
|
-
] }, `loading-row-${rowIndex}`)) });
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
export { TableLoadingBody };
|