@salt-ds/data-grid 1.0.2 → 1.0.3
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-cjs/packages/grid/src/RowSelectionRadioCellValue.js +3 -3
- package/dist-cjs/packages/grid/src/RowSelectionRadioCellValue.js.map +1 -1
- package/dist-es/packages/grid/src/RowSelectionRadioCellValue.js +4 -4
- package/dist-es/packages/grid/src/RowSelectionRadioCellValue.js.map +1 -1
- package/dist-es/packages/grid/src/internal/gridHooks.js +1 -1
- package/package.json +3 -3
|
@@ -13,10 +13,10 @@ function RowSelectionRadioCellValue(props) {
|
|
|
13
13
|
const isSelected = selRowIdxs.has(row.index);
|
|
14
14
|
return /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
15
15
|
className: "saltGridCheckboxContainer",
|
|
16
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(lab.
|
|
16
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lab.RadioButton, {
|
|
17
17
|
checked: isSelected,
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
"data-testid": "grid-row-selection-radiobox",
|
|
19
|
+
tabIndex: isFocused ? 0 : -1
|
|
20
20
|
})
|
|
21
21
|
});
|
|
22
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowSelectionRadioCellValue.js","sources":["../src/RowSelectionRadioCellValue.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"RowSelectionRadioCellValue.js","sources":["../src/RowSelectionRadioCellValue.tsx"],"sourcesContent":["import { RadioButton } from \"@salt-ds/lab\";\nimport { GridCellValueProps } from \"./GridColumn\";\nimport { useSelectionContext } from \"./SelectionContext\";\nimport \"./CheckboxCell.css\";\n\nexport function RowSelectionRadioCellValue<T>(props: GridCellValueProps<T>) {\n const { row, isFocused } = props;\n const { selRowIdxs } = useSelectionContext();\n\n const isSelected = selRowIdxs.has(row.index);\n\n return (\n <div className=\"saltGridCheckboxContainer\">\n <RadioButton\n checked={isSelected}\n data-testid=\"grid-row-selection-radiobox\"\n tabIndex={isFocused ? 0 : -1}\n />\n </div>\n );\n}\n"],"names":["useSelectionContext","jsx","RadioButton"],"mappings":";;;;;;;;;AAKO,SAAS,2BAA8B,KAA8B,EAAA;AAC1E,EAAM,MAAA,EAAE,GAAK,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC3B,EAAM,MAAA,EAAE,UAAW,EAAA,GAAIA,oCAAoB,EAAA,CAAA;AAE3C,EAAA,MAAM,UAAa,GAAA,UAAA,CAAW,GAAI,CAAA,GAAA,CAAI,KAAK,CAAA,CAAA;AAE3C,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,2BAAA;AAAA,IACb,QAAC,kBAAAA,cAAA,CAAAC,eAAA,EAAA;AAAA,MACC,OAAS,EAAA,UAAA;AAAA,MACT,aAAY,EAAA,6BAAA;AAAA,MACZ,QAAA,EAAU,YAAY,CAAI,GAAA,CAAA,CAAA;AAAA,KAC5B,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
2
|
+
import { RadioButton } from '@salt-ds/lab';
|
|
3
3
|
import { useSelectionContext } from './SelectionContext.js';
|
|
4
4
|
import './CheckboxCell.css.js';
|
|
5
5
|
|
|
@@ -9,10 +9,10 @@ function RowSelectionRadioCellValue(props) {
|
|
|
9
9
|
const isSelected = selRowIdxs.has(row.index);
|
|
10
10
|
return /* @__PURE__ */ jsx("div", {
|
|
11
11
|
className: "saltGridCheckboxContainer",
|
|
12
|
-
children: /* @__PURE__ */ jsx(
|
|
12
|
+
children: /* @__PURE__ */ jsx(RadioButton, {
|
|
13
13
|
checked: isSelected,
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
"data-testid": "grid-row-selection-radiobox",
|
|
15
|
+
tabIndex: isFocused ? 0 : -1
|
|
16
16
|
})
|
|
17
17
|
});
|
|
18
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowSelectionRadioCellValue.js","sources":["../src/RowSelectionRadioCellValue.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"RowSelectionRadioCellValue.js","sources":["../src/RowSelectionRadioCellValue.tsx"],"sourcesContent":["import { RadioButton } from \"@salt-ds/lab\";\nimport { GridCellValueProps } from \"./GridColumn\";\nimport { useSelectionContext } from \"./SelectionContext\";\nimport \"./CheckboxCell.css\";\n\nexport function RowSelectionRadioCellValue<T>(props: GridCellValueProps<T>) {\n const { row, isFocused } = props;\n const { selRowIdxs } = useSelectionContext();\n\n const isSelected = selRowIdxs.has(row.index);\n\n return (\n <div className=\"saltGridCheckboxContainer\">\n <RadioButton\n checked={isSelected}\n data-testid=\"grid-row-selection-radiobox\"\n tabIndex={isFocused ? 0 : -1}\n />\n </div>\n );\n}\n"],"names":[],"mappings":";;;;;AAKO,SAAS,2BAA8B,KAA8B,EAAA;AAC1E,EAAM,MAAA,EAAE,GAAK,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC3B,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,mBAAoB,EAAA,CAAA;AAE3C,EAAA,MAAM,UAAa,GAAA,UAAA,CAAW,GAAI,CAAA,GAAA,CAAI,KAAK,CAAA,CAAA;AAE3C,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAU,EAAA,2BAAA;AAAA,IACb,QAAC,kBAAA,GAAA,CAAA,WAAA,EAAA;AAAA,MACC,OAAS,EAAA,UAAA;AAAA,MACT,aAAY,EAAA,6BAAA;AAAA,MACZ,QAAA,EAAU,YAAY,CAAI,GAAA,CAAA,CAAA;AAAA,KAC5B,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useRef, useState, useMemo, useCallback, Children, isValidElement
|
|
1
|
+
import { useRef, useState, useMemo, useCallback, useEffect, Children, isValidElement } from 'react';
|
|
2
2
|
import { NumberRange } from '../NumberRange.js';
|
|
3
3
|
import { getAttribute, makeMapAdder, makeMapDeleter, getCellPosition } from './utils.js';
|
|
4
4
|
import { useControlled } from '@salt-ds/core';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salt-ds/data-grid",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"main": "dist-cjs/packages/grid/src/index.js",
|
|
6
6
|
"sideEffects": [
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
"typings": "dist-types/index.d.ts",
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"clsx": "^1.2.1",
|
|
27
|
-
"@salt-ds/core": "1.
|
|
28
|
-
"@salt-ds/lab": "1.0.0-alpha.
|
|
27
|
+
"@salt-ds/core": "1.4.0",
|
|
28
|
+
"@salt-ds/lab": "1.0.0-alpha.4"
|
|
29
29
|
},
|
|
30
30
|
"files": [
|
|
31
31
|
"dist-cjs",
|