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 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: width ? width : "100%" },
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: width ? width : "100%" },
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;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "react-table-edit",
3
3
  "license": "MIT",
4
- "version": "0.9.9",
4
+ "version": "1.0.0",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
7
7
  "types": "dist/index.d.ts",