@overmap-ai/blocks 1.0.17-table-style-changes.0 → 1.0.17-table-style-changes.2
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/blocks.js +34 -18
- package/dist/blocks.js.map +1 -1
- package/dist/blocks.umd.cjs +34 -18
- package/dist/blocks.umd.cjs.map +1 -1
- package/dist/style.css +34 -27
- package/package.json +1 -1
package/dist/blocks.js
CHANGED
|
@@ -2967,21 +2967,22 @@ const SelectAllCheckbox = memo(function SelectAllCheckbox2({
|
|
|
2967
2967
|
childrenWithProps
|
|
2968
2968
|
] });
|
|
2969
2969
|
});
|
|
2970
|
-
const tableContainer = "
|
|
2971
|
-
const headerContainer = "
|
|
2972
|
-
const tableTopContainer = "
|
|
2973
|
-
const searchContainer = "
|
|
2974
|
-
const columnFilterSelect = "
|
|
2975
|
-
const table = "
|
|
2976
|
-
const tableHeaderCell = "
|
|
2977
|
-
const showSortIcon = "
|
|
2978
|
-
const tableRow = "
|
|
2979
|
-
const tableCell = "
|
|
2980
|
-
const noDataTextContainer = "
|
|
2981
|
-
const tableBottomContainer = "
|
|
2982
|
-
const rowsPerPageContainer = "
|
|
2983
|
-
const rowsPerPageText = "
|
|
2984
|
-
const pageText = "
|
|
2970
|
+
const tableContainer = "_tableContainer_1qkkq_1";
|
|
2971
|
+
const headerContainer = "_headerContainer_1qkkq_13";
|
|
2972
|
+
const tableTopContainer = "_tableTopContainer_1qkkq_17";
|
|
2973
|
+
const searchContainer = "_searchContainer_1qkkq_21";
|
|
2974
|
+
const columnFilterSelect = "_columnFilterSelect_1qkkq_31";
|
|
2975
|
+
const table = "_table_1qkkq_1";
|
|
2976
|
+
const tableHeaderCell = "_tableHeaderCell_1qkkq_49";
|
|
2977
|
+
const showSortIcon = "_showSortIcon_1qkkq_65";
|
|
2978
|
+
const tableRow = "_tableRow_1qkkq_69";
|
|
2979
|
+
const tableCell = "_tableCell_1qkkq_84";
|
|
2980
|
+
const noDataTextContainer = "_noDataTextContainer_1qkkq_94";
|
|
2981
|
+
const tableBottomContainer = "_tableBottomContainer_1qkkq_100";
|
|
2982
|
+
const rowsPerPageContainer = "_rowsPerPageContainer_1qkkq_104";
|
|
2983
|
+
const rowsPerPageText = "_rowsPerPageText_1qkkq_114";
|
|
2984
|
+
const pageText = "_pageText_1qkkq_119";
|
|
2985
|
+
const descriptionSecondLine = "_descriptionSecondLine_1qkkq_123";
|
|
2985
2986
|
const styles$1 = {
|
|
2986
2987
|
tableContainer,
|
|
2987
2988
|
headerContainer,
|
|
@@ -2997,7 +2998,8 @@ const styles$1 = {
|
|
|
2997
2998
|
tableBottomContainer,
|
|
2998
2999
|
rowsPerPageContainer,
|
|
2999
3000
|
rowsPerPageText,
|
|
3000
|
-
pageText
|
|
3001
|
+
pageText,
|
|
3002
|
+
descriptionSecondLine
|
|
3001
3003
|
};
|
|
3002
3004
|
const _Table = forwardRef(function Table2(props, ref) {
|
|
3003
3005
|
var _a;
|
|
@@ -3257,7 +3259,15 @@ const _Table = forwardRef(function Table2(props, ref) {
|
|
|
3257
3259
|
);
|
|
3258
3260
|
const columnCells = columnsData.map((column) => {
|
|
3259
3261
|
const Component = column.sort ? HeaderCellSort : HeaderCell;
|
|
3260
|
-
|
|
3262
|
+
let firstLine = column.label;
|
|
3263
|
+
let secondLine = void 0;
|
|
3264
|
+
if (column.label && typeof column.label === "string") {
|
|
3265
|
+
const numChars = 31;
|
|
3266
|
+
const indexOfSpace = column.label.indexOf(" ", numChars);
|
|
3267
|
+
firstLine = indexOfSpace === -1 ? column.label : column.label.substring(0, indexOfSpace);
|
|
3268
|
+
secondLine = indexOfSpace === -1 ? "" : column.label.substring(indexOfSpace);
|
|
3269
|
+
}
|
|
3270
|
+
return /* @__PURE__ */ jsx(HoverUtility, { children: ({ isHovered, ...props2 }) => /* @__PURE__ */ jsxs(
|
|
3261
3271
|
Component,
|
|
3262
3272
|
{
|
|
3263
3273
|
className: classNames(
|
|
@@ -3268,7 +3278,13 @@ const _Table = forwardRef(function Table2(props, ref) {
|
|
|
3268
3278
|
),
|
|
3269
3279
|
sortKey: column.sort ? column.id.toString().toUpperCase() : "",
|
|
3270
3280
|
...props2,
|
|
3271
|
-
children:
|
|
3281
|
+
children: [
|
|
3282
|
+
firstLine && /* @__PURE__ */ jsx("div", { children: firstLine }),
|
|
3283
|
+
secondLine && /* @__PURE__ */ jsxs("div", { className: styles$1.descriptionSecondLine, children: [
|
|
3284
|
+
" ",
|
|
3285
|
+
secondLine
|
|
3286
|
+
] })
|
|
3287
|
+
]
|
|
3272
3288
|
}
|
|
3273
3289
|
) }, column.id);
|
|
3274
3290
|
});
|