react-table-edit 0.9.9 → 1.0.0
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/index.js +7 -8
- package/dist/index.mjs +7 -8
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1046,7 +1046,7 @@ var SelectTable = (0, import_react6.forwardRef)((props, ref) => {
|
|
|
1046
1046
|
e.preventDefault();
|
|
1047
1047
|
},
|
|
1048
1048
|
tag: "div",
|
|
1049
|
-
style: { width:
|
|
1049
|
+
style: { width: "100%" },
|
|
1050
1050
|
className: (0, import_classnames4.default)("select-table-control", { "r-select-is-disabled": isDisabled }, { "r-select-is-open": dropdownOpen }, { "r-select-is-focus": isFocus }, { "r-select-is-invalid": invalid }),
|
|
1051
1051
|
children: [
|
|
1052
1052
|
/* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "select-table-container", children: [
|
|
@@ -1109,7 +1109,7 @@ var SelectTable = (0, import_react6.forwardRef)((props, ref) => {
|
|
|
1109
1109
|
container: component,
|
|
1110
1110
|
className: "formula-dropdown icon-dropdown p-0",
|
|
1111
1111
|
style: {
|
|
1112
|
-
width: "min-content",
|
|
1112
|
+
width: width ? width + 2 : "min-content",
|
|
1113
1113
|
position: "fixed",
|
|
1114
1114
|
borderRadius: 3,
|
|
1115
1115
|
zIndex: 9999
|
|
@@ -2519,8 +2519,7 @@ var SelectTableTree = (0, import_react15.forwardRef)((props, ref) => {
|
|
|
2519
2519
|
type: "checkbox",
|
|
2520
2520
|
className: "cursor-pointer",
|
|
2521
2521
|
onChange: () => {
|
|
2522
|
-
}
|
|
2523
|
-
style: { textAlign: "center" }
|
|
2522
|
+
}
|
|
2524
2523
|
}
|
|
2525
2524
|
)
|
|
2526
2525
|
]
|
|
@@ -2613,7 +2612,7 @@ var SelectTableTree = (0, import_react15.forwardRef)((props, ref) => {
|
|
|
2613
2612
|
),
|
|
2614
2613
|
row[fieldChildren ?? "children"] && row.expanded && row[fieldChildren ?? "children"].map((child, indexChild) => {
|
|
2615
2614
|
if (checkSearch(searchTerm, child, columns ? columns : defaultColumns)) {
|
|
2616
|
-
const isSelectedChild = isMulti ? value?.some((x) => x === child[fieldValue ?? "value"]) : value[fieldValue ?? "value"] === child[fieldValue ?? "value"];
|
|
2615
|
+
const isSelectedChild = value && (isMulti ? value?.some((x) => x === child[fieldValue ?? "value"]) : value[fieldValue ?? "value"] === child[fieldValue ?? "value"]);
|
|
2617
2616
|
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(RenderElement, { isSelected: isSelectedChild, indexRow: indexChild, row: child, level: level + 1 }, `select-table-${indexRow}-${indexChild}`);
|
|
2618
2617
|
}
|
|
2619
2618
|
})
|
|
@@ -2665,7 +2664,7 @@ var SelectTableTree = (0, import_react15.forwardRef)((props, ref) => {
|
|
|
2665
2664
|
] }) }),
|
|
2666
2665
|
options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("tbody", { className: "r-select-gridcontent", children: options?.map((row, indexRow) => {
|
|
2667
2666
|
if (checkSearch(searchTerm, row, columns ? columns : defaultColumns)) {
|
|
2668
|
-
const isSelected = isMulti ? value?.some((x) => x === row[fieldValue ?? "value"]) : value[fieldValue ?? "value"] === row[fieldValue ?? "value"];
|
|
2667
|
+
const isSelected = value && (isMulti ? value?.some((x) => x === row[fieldValue ?? "value"]) : value[fieldValue ?? "value"] === row[fieldValue ?? "value"]);
|
|
2669
2668
|
countDisplay++;
|
|
2670
2669
|
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(RenderElement, { isSelected, indexRow, row }, `select-table-${indexRow}`);
|
|
2671
2670
|
}
|
|
@@ -3140,7 +3139,7 @@ var TableEdit = (0, import_react16.forwardRef)((props, ref) => {
|
|
|
3140
3139
|
options: optionsSelect,
|
|
3141
3140
|
rowData: row,
|
|
3142
3141
|
onChange: (val) => {
|
|
3143
|
-
if (isMulti) {
|
|
3142
|
+
if (col.selectSettings?.isMulti) {
|
|
3144
3143
|
row[col.field] = !isNullOrUndefined(val) ? val : [];
|
|
3145
3144
|
} else {
|
|
3146
3145
|
row[col.field] = !isNullOrUndefined(val) ? val[col.selectSettings?.fieldValue ?? "value"] : void 0;
|
|
@@ -3223,7 +3222,7 @@ var TableEdit = (0, import_react16.forwardRef)((props, ref) => {
|
|
|
3223
3222
|
options: optionsSelectTree,
|
|
3224
3223
|
rowData: row,
|
|
3225
3224
|
onChange: (val) => {
|
|
3226
|
-
if (isMulti) {
|
|
3225
|
+
if (col.selectSettings?.isMulti) {
|
|
3227
3226
|
row[col.field] = !isNullOrUndefined(val) ? val : [];
|
|
3228
3227
|
} else {
|
|
3229
3228
|
row[col.field] = !isNullOrUndefined(val) ? val[col.selectSettings?.fieldValue ?? "value"] : void 0;
|
package/dist/index.mjs
CHANGED
|
@@ -1009,7 +1009,7 @@ var SelectTable = forwardRef((props, ref) => {
|
|
|
1009
1009
|
e.preventDefault();
|
|
1010
1010
|
},
|
|
1011
1011
|
tag: "div",
|
|
1012
|
-
style: { width:
|
|
1012
|
+
style: { width: "100%" },
|
|
1013
1013
|
className: classnames3("select-table-control", { "r-select-is-disabled": isDisabled }, { "r-select-is-open": dropdownOpen }, { "r-select-is-focus": isFocus }, { "r-select-is-invalid": invalid }),
|
|
1014
1014
|
children: [
|
|
1015
1015
|
/* @__PURE__ */ jsxs5("div", { className: "select-table-container", children: [
|
|
@@ -1072,7 +1072,7 @@ var SelectTable = forwardRef((props, ref) => {
|
|
|
1072
1072
|
container: component,
|
|
1073
1073
|
className: "formula-dropdown icon-dropdown p-0",
|
|
1074
1074
|
style: {
|
|
1075
|
-
width: "min-content",
|
|
1075
|
+
width: width ? width + 2 : "min-content",
|
|
1076
1076
|
position: "fixed",
|
|
1077
1077
|
borderRadius: 3,
|
|
1078
1078
|
zIndex: 9999
|
|
@@ -2490,8 +2490,7 @@ var SelectTableTree = forwardRef3((props, ref) => {
|
|
|
2490
2490
|
type: "checkbox",
|
|
2491
2491
|
className: "cursor-pointer",
|
|
2492
2492
|
onChange: () => {
|
|
2493
|
-
}
|
|
2494
|
-
style: { textAlign: "center" }
|
|
2493
|
+
}
|
|
2495
2494
|
}
|
|
2496
2495
|
)
|
|
2497
2496
|
]
|
|
@@ -2584,7 +2583,7 @@ var SelectTableTree = forwardRef3((props, ref) => {
|
|
|
2584
2583
|
),
|
|
2585
2584
|
row[fieldChildren ?? "children"] && row.expanded && row[fieldChildren ?? "children"].map((child, indexChild) => {
|
|
2586
2585
|
if (checkSearch(searchTerm, child, columns ? columns : defaultColumns)) {
|
|
2587
|
-
const isSelectedChild = isMulti ? value?.some((x) => x === child[fieldValue ?? "value"]) : value[fieldValue ?? "value"] === child[fieldValue ?? "value"];
|
|
2586
|
+
const isSelectedChild = value && (isMulti ? value?.some((x) => x === child[fieldValue ?? "value"]) : value[fieldValue ?? "value"] === child[fieldValue ?? "value"]);
|
|
2588
2587
|
return /* @__PURE__ */ jsx15(RenderElement, { isSelected: isSelectedChild, indexRow: indexChild, row: child, level: level + 1 }, `select-table-${indexRow}-${indexChild}`);
|
|
2589
2588
|
}
|
|
2590
2589
|
})
|
|
@@ -2636,7 +2635,7 @@ var SelectTableTree = forwardRef3((props, ref) => {
|
|
|
2636
2635
|
] }) }),
|
|
2637
2636
|
options.length > 0 && /* @__PURE__ */ jsx15(Fragment18, { children: /* @__PURE__ */ jsx15("tbody", { className: "r-select-gridcontent", children: options?.map((row, indexRow) => {
|
|
2638
2637
|
if (checkSearch(searchTerm, row, columns ? columns : defaultColumns)) {
|
|
2639
|
-
const isSelected = isMulti ? value?.some((x) => x === row[fieldValue ?? "value"]) : value[fieldValue ?? "value"] === row[fieldValue ?? "value"];
|
|
2638
|
+
const isSelected = value && (isMulti ? value?.some((x) => x === row[fieldValue ?? "value"]) : value[fieldValue ?? "value"] === row[fieldValue ?? "value"]);
|
|
2640
2639
|
countDisplay++;
|
|
2641
2640
|
return /* @__PURE__ */ jsx15(RenderElement, { isSelected, indexRow, row }, `select-table-${indexRow}`);
|
|
2642
2641
|
}
|
|
@@ -3111,7 +3110,7 @@ var TableEdit = forwardRef4((props, ref) => {
|
|
|
3111
3110
|
options: optionsSelect,
|
|
3112
3111
|
rowData: row,
|
|
3113
3112
|
onChange: (val) => {
|
|
3114
|
-
if (isMulti) {
|
|
3113
|
+
if (col.selectSettings?.isMulti) {
|
|
3115
3114
|
row[col.field] = !isNullOrUndefined(val) ? val : [];
|
|
3116
3115
|
} else {
|
|
3117
3116
|
row[col.field] = !isNullOrUndefined(val) ? val[col.selectSettings?.fieldValue ?? "value"] : void 0;
|
|
@@ -3194,7 +3193,7 @@ var TableEdit = forwardRef4((props, ref) => {
|
|
|
3194
3193
|
options: optionsSelectTree,
|
|
3195
3194
|
rowData: row,
|
|
3196
3195
|
onChange: (val) => {
|
|
3197
|
-
if (isMulti) {
|
|
3196
|
+
if (col.selectSettings?.isMulti) {
|
|
3198
3197
|
row[col.field] = !isNullOrUndefined(val) ? val : [];
|
|
3199
3198
|
} else {
|
|
3200
3199
|
row[col.field] = !isNullOrUndefined(val) ? val[col.selectSettings?.fieldValue ?? "value"] : void 0;
|