@spteck/react-controls-v2 2.0.3 → 2.0.4
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/DataGridV2/DataGridV2.d.ts.map +1 -1
- package/dist/components/DataGridV2/useDataGridV2Styles.d.ts +2 -0
- package/dist/components/DataGridV2/useDataGridV2Styles.d.ts.map +1 -0
- package/dist/index.js +18 -18
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +20 -5
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -8589,6 +8589,23 @@ const DataGrid = (props) => {
|
|
|
8589
8589
|
}
|
|
8590
8590
|
) });
|
|
8591
8591
|
};
|
|
8592
|
+
const scrollbarClassName = css$1({
|
|
8593
|
+
"&::-webkit-scrollbar": {
|
|
8594
|
+
width: "5px",
|
|
8595
|
+
height: "5px"
|
|
8596
|
+
},
|
|
8597
|
+
"&::-webkit-scrollbar-track": {
|
|
8598
|
+
background: tokens.colorNeutralBackground4,
|
|
8599
|
+
borderRadius: tokens.borderRadiusMedium
|
|
8600
|
+
},
|
|
8601
|
+
"&::-webkit-scrollbar-thumb": {
|
|
8602
|
+
background: tokens.colorBrandBackground,
|
|
8603
|
+
borderRadius: tokens.borderRadiusMedium
|
|
8604
|
+
},
|
|
8605
|
+
"&::-webkit-scrollbar-thumb:hover": {
|
|
8606
|
+
background: tokens.colorBrandBackgroundHover
|
|
8607
|
+
}
|
|
8608
|
+
});
|
|
8592
8609
|
const DataGridV2 = React.forwardRef((props, ref) => {
|
|
8593
8610
|
const {
|
|
8594
8611
|
columns,
|
|
@@ -8766,7 +8783,7 @@ const DataGridV2 = React.forwardRef((props, ref) => {
|
|
|
8766
8783
|
() => ({ overflowX: "auto", overflowY: "hidden", position: "relative" }),
|
|
8767
8784
|
[]
|
|
8768
8785
|
);
|
|
8769
|
-
return /* @__PURE__ */ jsxs$1("div", { style: hostStyle, children: [
|
|
8786
|
+
return /* @__PURE__ */ jsxs$1("div", { style: hostStyle, className: scrollbarClassName, children: [
|
|
8770
8787
|
isLoadingData && /* @__PURE__ */ jsx$2("div", { style: { display: "flex", gap: 8, alignItems: "center", padding: 8 }, children: React.isValidElement(isLoadingDataMessage) ? isLoadingDataMessage : /* @__PURE__ */ jsxs$1(Spinner, { size: "extra-tiny", children: [
|
|
8771
8788
|
" ",
|
|
8772
8789
|
isLoadingDataMessage ?? "Loading data...",
|
|
@@ -8800,8 +8817,7 @@ const DataGridV2 = React.forwardRef((props, ref) => {
|
|
|
8800
8817
|
listProps: {
|
|
8801
8818
|
onItemsRendered: handleItemsRendered
|
|
8802
8819
|
},
|
|
8803
|
-
className:
|
|
8804
|
-
style: dataGridBodyStyles,
|
|
8820
|
+
className: mergeClasses(scrollbarClassName),
|
|
8805
8821
|
children: (row, style) => (() => {
|
|
8806
8822
|
const item = row.item;
|
|
8807
8823
|
const idx = itemIndexMap.get(item) ?? items.indexOf(item);
|
|
@@ -26825,8 +26841,7 @@ const useDashboardStyles = () => {
|
|
|
26825
26841
|
minHeight: "280px"
|
|
26826
26842
|
}),
|
|
26827
26843
|
cardDescription: css$1({
|
|
26828
|
-
color: `${tokens.colorNeutralForeground2}
|
|
26829
|
-
marginTop: "4px"
|
|
26844
|
+
color: `${tokens.colorNeutralForeground2}`
|
|
26830
26845
|
}),
|
|
26831
26846
|
cardWrapper: css$1({
|
|
26832
26847
|
position: "relative",
|