@fctc/sme-widget-ui 2.8.0 → 2.8.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/index.js CHANGED
@@ -10776,7 +10776,8 @@ var TableGroup = (props) => {
10776
10776
  groupByList,
10777
10777
  selectedRowKeys,
10778
10778
  setSelectedRowKeys,
10779
- onClickRow
10779
+ onClickRow,
10780
+ env
10780
10781
  } = props;
10781
10782
  const {
10782
10783
  onExpandChildGroup,
@@ -10903,7 +10904,8 @@ var TableGroup = (props) => {
10903
10904
  groupByList,
10904
10905
  selectedRowKeys,
10905
10906
  setSelectedRowKeys,
10906
- onClickRow
10907
+ onClickRow,
10908
+ env
10907
10909
  }
10908
10910
  )
10909
10911
  ] });
@@ -11112,7 +11114,8 @@ var TableBodyRow = (props) => {
11112
11114
  tableGroupController,
11113
11115
  setSelectedRowKeys,
11114
11116
  selectedRowKeys,
11115
- onClickRow
11117
+ onClickRow,
11118
+ env
11116
11119
  },
11117
11120
  `record-group-${index4}`
11118
11121
  ) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
@@ -13087,8 +13090,12 @@ var TableHead = (props) => {
13087
13090
  checkedAll,
13088
13091
  onRemoveRow,
13089
13092
  onToggleColumnOptional,
13090
- env
13093
+ env,
13094
+ table
13091
13095
  } = props;
13096
+ const headerGroups = table.getHeaderGroups();
13097
+ const headerGroup = headerGroups[0];
13098
+ const visibleColumns = columns?.filter((value) => value?.optional !== "hide") ?? [];
13092
13099
  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("thead", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
13093
13100
  "tr",
13094
13101
  {
@@ -13122,7 +13129,9 @@ var TableHead = (props) => {
13122
13129
  )
13123
13130
  }
13124
13131
  ),
13125
- columns?.filter((value) => value?.optional !== "hide")?.map((col, index4) => {
13132
+ headerGroup?.headers?.map((header, index4) => {
13133
+ const col = visibleColumns[index4];
13134
+ if (!col) return null;
13126
13135
  if (col?.field?.widget === "handle") {
13127
13136
  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
13128
13137
  "th",
@@ -13139,12 +13148,15 @@ var TableHead = (props) => {
13139
13148
  "data-type-co": col?.field?.type_co,
13140
13149
  "data-rtc-resizable": col?.name,
13141
13150
  className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606] ${col?.field?.type_co === "buttons" ? "th-buttons" : "th-normal"}`,
13151
+ style: {
13152
+ width: header.getSize()
13153
+ },
13142
13154
  children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
13143
13155
  "div",
13144
13156
  {
13145
13157
  className: `cursor-pointer flex items-center gap-[4px] w-full group relative ${(col?.field?.type === "monetary" || col?.field?.widget === "monetary") && "justify-end"}`,
13146
13158
  children: [
13147
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "truncate line-clamp-1 w-fit", children: col.title }),
13159
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "cursor-pointer flex justify-between items-center gap-[4px] w-full max-w-full truncate", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "truncate", children: col.title }) }),
13148
13160
  col?.field?.help && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
13149
13161
  (0, import_react_dom.createPortal)(
13150
13162
  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
@@ -13199,12 +13211,23 @@ var TableHead = (props) => {
13199
13211
  )
13200
13212
  }
13201
13213
  )
13202
- ] })
13214
+ ] }),
13215
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
13216
+ "div",
13217
+ {
13218
+ onMouseDown: header.getResizeHandler(),
13219
+ onTouchStart: header.getResizeHandler(),
13220
+ className: `
13221
+ column-resizer
13222
+ ${header.column.getIsResizing() ? "is-resizing" : ""}
13223
+ `
13224
+ }
13225
+ )
13203
13226
  ]
13204
13227
  }
13205
13228
  )
13206
13229
  },
13207
- "table-head-" + index4
13230
+ "table-head-" + header.id
13208
13231
  );
13209
13232
  }),
13210
13233
  typeof onRemoveRow === "function" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("th", { className: "relative p-2 w-[35px] th-remove" }),
package/dist/index.mjs CHANGED
@@ -10649,7 +10649,8 @@ var TableGroup = (props) => {
10649
10649
  groupByList,
10650
10650
  selectedRowKeys,
10651
10651
  setSelectedRowKeys,
10652
- onClickRow
10652
+ onClickRow,
10653
+ env
10653
10654
  } = props;
10654
10655
  const {
10655
10656
  onExpandChildGroup,
@@ -10776,7 +10777,8 @@ var TableGroup = (props) => {
10776
10777
  groupByList,
10777
10778
  selectedRowKeys,
10778
10779
  setSelectedRowKeys,
10779
- onClickRow
10780
+ onClickRow,
10781
+ env
10780
10782
  }
10781
10783
  )
10782
10784
  ] });
@@ -10985,7 +10987,8 @@ var TableBodyRow = (props) => {
10985
10987
  tableGroupController,
10986
10988
  setSelectedRowKeys,
10987
10989
  selectedRowKeys,
10988
- onClickRow
10990
+ onClickRow,
10991
+ env
10989
10992
  },
10990
10993
  `record-group-${index4}`
10991
10994
  ) : /* @__PURE__ */ jsx48(
@@ -12960,8 +12963,12 @@ var TableHead = (props) => {
12960
12963
  checkedAll,
12961
12964
  onRemoveRow,
12962
12965
  onToggleColumnOptional,
12963
- env
12966
+ env,
12967
+ table
12964
12968
  } = props;
12969
+ const headerGroups = table.getHeaderGroups();
12970
+ const headerGroup = headerGroups[0];
12971
+ const visibleColumns = columns?.filter((value) => value?.optional !== "hide") ?? [];
12965
12972
  return /* @__PURE__ */ jsx51("thead", { className: "relative z-10", children: /* @__PURE__ */ jsxs29(
12966
12973
  "tr",
12967
12974
  {
@@ -12995,7 +13002,9 @@ var TableHead = (props) => {
12995
13002
  )
12996
13003
  }
12997
13004
  ),
12998
- columns?.filter((value) => value?.optional !== "hide")?.map((col, index4) => {
13005
+ headerGroup?.headers?.map((header, index4) => {
13006
+ const col = visibleColumns[index4];
13007
+ if (!col) return null;
12999
13008
  if (col?.field?.widget === "handle") {
13000
13009
  return /* @__PURE__ */ jsx51(
13001
13010
  "th",
@@ -13012,12 +13021,15 @@ var TableHead = (props) => {
13012
13021
  "data-type-co": col?.field?.type_co,
13013
13022
  "data-rtc-resizable": col?.name,
13014
13023
  className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606] ${col?.field?.type_co === "buttons" ? "th-buttons" : "th-normal"}`,
13024
+ style: {
13025
+ width: header.getSize()
13026
+ },
13015
13027
  children: /* @__PURE__ */ jsxs29(
13016
13028
  "div",
13017
13029
  {
13018
13030
  className: `cursor-pointer flex items-center gap-[4px] w-full group relative ${(col?.field?.type === "monetary" || col?.field?.widget === "monetary") && "justify-end"}`,
13019
13031
  children: [
13020
- /* @__PURE__ */ jsx51("span", { className: "truncate line-clamp-1 w-fit", children: col.title }),
13032
+ /* @__PURE__ */ jsx51("div", { className: "cursor-pointer flex justify-between items-center gap-[4px] w-full max-w-full truncate", children: /* @__PURE__ */ jsx51("span", { className: "truncate", children: col.title }) }),
13021
13033
  col?.field?.help && /* @__PURE__ */ jsxs29(Fragment4, { children: [
13022
13034
  createPortal(
13023
13035
  /* @__PURE__ */ jsx51(
@@ -13072,12 +13084,23 @@ var TableHead = (props) => {
13072
13084
  )
13073
13085
  }
13074
13086
  )
13075
- ] })
13087
+ ] }),
13088
+ /* @__PURE__ */ jsx51(
13089
+ "div",
13090
+ {
13091
+ onMouseDown: header.getResizeHandler(),
13092
+ onTouchStart: header.getResizeHandler(),
13093
+ className: `
13094
+ column-resizer
13095
+ ${header.column.getIsResizing() ? "is-resizing" : ""}
13096
+ `
13097
+ }
13098
+ )
13076
13099
  ]
13077
13100
  }
13078
13101
  )
13079
13102
  },
13080
- "table-head-" + index4
13103
+ "table-head-" + header.id
13081
13104
  );
13082
13105
  }),
13083
13106
  typeof onRemoveRow === "function" && /* @__PURE__ */ jsx51("th", { className: "relative p-2 w-[35px] th-remove" }),
@@ -118,6 +118,7 @@ interface TableGroupProps {
118
118
  selectedRowKeys?: any;
119
119
  setSelectedRowKeys?: (selectedRowKeys: any) => void;
120
120
  onClickRow?: any;
121
+ env?: any;
121
122
  }
122
123
  declare const TableGroup: (props: TableGroupProps) => JSX.Element;
123
124
 
@@ -129,6 +130,7 @@ interface TableHeadProps {
129
130
  onToggleColumnOptional?: any;
130
131
  onRemoveRow?: any;
131
132
  env?: any;
133
+ table?: any;
132
134
  }
133
135
  declare const TableHead: (props: TableHeadProps) => JSX.Element;
134
136
 
package/dist/widgets.d.ts CHANGED
@@ -118,6 +118,7 @@ interface TableGroupProps {
118
118
  selectedRowKeys?: any;
119
119
  setSelectedRowKeys?: (selectedRowKeys: any) => void;
120
120
  onClickRow?: any;
121
+ env?: any;
121
122
  }
122
123
  declare const TableGroup: (props: TableGroupProps) => JSX.Element;
123
124
 
@@ -129,6 +130,7 @@ interface TableHeadProps {
129
130
  onToggleColumnOptional?: any;
130
131
  onRemoveRow?: any;
131
132
  env?: any;
133
+ table?: any;
132
134
  }
133
135
  declare const TableHead: (props: TableHeadProps) => JSX.Element;
134
136
 
package/dist/widgets.js CHANGED
@@ -9768,7 +9768,8 @@ var TableGroup = (props) => {
9768
9768
  groupByList,
9769
9769
  selectedRowKeys,
9770
9770
  setSelectedRowKeys,
9771
- onClickRow
9771
+ onClickRow,
9772
+ env
9772
9773
  } = props;
9773
9774
  const {
9774
9775
  onExpandChildGroup,
@@ -9895,7 +9896,8 @@ var TableGroup = (props) => {
9895
9896
  groupByList,
9896
9897
  selectedRowKeys,
9897
9898
  setSelectedRowKeys,
9898
- onClickRow
9899
+ onClickRow,
9900
+ env
9899
9901
  }
9900
9902
  )
9901
9903
  ] });
@@ -10104,7 +10106,8 @@ var TableBodyRow = (props) => {
10104
10106
  tableGroupController,
10105
10107
  setSelectedRowKeys,
10106
10108
  selectedRowKeys,
10107
- onClickRow
10109
+ onClickRow,
10110
+ env
10108
10111
  },
10109
10112
  `record-group-${index4}`
10110
10113
  ) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
@@ -12079,8 +12082,12 @@ var TableHead = (props) => {
12079
12082
  checkedAll,
12080
12083
  onRemoveRow,
12081
12084
  onToggleColumnOptional,
12082
- env
12085
+ env,
12086
+ table
12083
12087
  } = props;
12088
+ const headerGroups = table.getHeaderGroups();
12089
+ const headerGroup = headerGroups[0];
12090
+ const visibleColumns = columns?.filter((value) => value?.optional !== "hide") ?? [];
12084
12091
  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("thead", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
12085
12092
  "tr",
12086
12093
  {
@@ -12114,7 +12121,9 @@ var TableHead = (props) => {
12114
12121
  )
12115
12122
  }
12116
12123
  ),
12117
- columns?.filter((value) => value?.optional !== "hide")?.map((col, index4) => {
12124
+ headerGroup?.headers?.map((header, index4) => {
12125
+ const col = visibleColumns[index4];
12126
+ if (!col) return null;
12118
12127
  if (col?.field?.widget === "handle") {
12119
12128
  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
12120
12129
  "th",
@@ -12131,12 +12140,15 @@ var TableHead = (props) => {
12131
12140
  "data-type-co": col?.field?.type_co,
12132
12141
  "data-rtc-resizable": col?.name,
12133
12142
  className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606] ${col?.field?.type_co === "buttons" ? "th-buttons" : "th-normal"}`,
12143
+ style: {
12144
+ width: header.getSize()
12145
+ },
12134
12146
  children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
12135
12147
  "div",
12136
12148
  {
12137
12149
  className: `cursor-pointer flex items-center gap-[4px] w-full group relative ${(col?.field?.type === "monetary" || col?.field?.widget === "monetary") && "justify-end"}`,
12138
12150
  children: [
12139
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "truncate line-clamp-1 w-fit", children: col.title }),
12151
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "cursor-pointer flex justify-between items-center gap-[4px] w-full max-w-full truncate", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "truncate", children: col.title }) }),
12140
12152
  col?.field?.help && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
12141
12153
  (0, import_react_dom.createPortal)(
12142
12154
  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
@@ -12191,12 +12203,23 @@ var TableHead = (props) => {
12191
12203
  )
12192
12204
  }
12193
12205
  )
12194
- ] })
12206
+ ] }),
12207
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
12208
+ "div",
12209
+ {
12210
+ onMouseDown: header.getResizeHandler(),
12211
+ onTouchStart: header.getResizeHandler(),
12212
+ className: `
12213
+ column-resizer
12214
+ ${header.column.getIsResizing() ? "is-resizing" : ""}
12215
+ `
12216
+ }
12217
+ )
12195
12218
  ]
12196
12219
  }
12197
12220
  )
12198
12221
  },
12199
- "table-head-" + index4
12222
+ "table-head-" + header.id
12200
12223
  );
12201
12224
  }),
12202
12225
  typeof onRemoveRow === "function" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("th", { className: "relative p-2 w-[35px] th-remove" }),
package/dist/widgets.mjs CHANGED
@@ -9705,7 +9705,8 @@ var TableGroup = (props) => {
9705
9705
  groupByList,
9706
9706
  selectedRowKeys,
9707
9707
  setSelectedRowKeys,
9708
- onClickRow
9708
+ onClickRow,
9709
+ env
9709
9710
  } = props;
9710
9711
  const {
9711
9712
  onExpandChildGroup,
@@ -9832,7 +9833,8 @@ var TableGroup = (props) => {
9832
9833
  groupByList,
9833
9834
  selectedRowKeys,
9834
9835
  setSelectedRowKeys,
9835
- onClickRow
9836
+ onClickRow,
9837
+ env
9836
9838
  }
9837
9839
  )
9838
9840
  ] });
@@ -10041,7 +10043,8 @@ var TableBodyRow = (props) => {
10041
10043
  tableGroupController,
10042
10044
  setSelectedRowKeys,
10043
10045
  selectedRowKeys,
10044
- onClickRow
10046
+ onClickRow,
10047
+ env
10045
10048
  },
10046
10049
  `record-group-${index4}`
10047
10050
  ) : /* @__PURE__ */ jsx48(
@@ -12016,8 +12019,12 @@ var TableHead = (props) => {
12016
12019
  checkedAll,
12017
12020
  onRemoveRow,
12018
12021
  onToggleColumnOptional,
12019
- env
12022
+ env,
12023
+ table
12020
12024
  } = props;
12025
+ const headerGroups = table.getHeaderGroups();
12026
+ const headerGroup = headerGroups[0];
12027
+ const visibleColumns = columns?.filter((value) => value?.optional !== "hide") ?? [];
12021
12028
  return /* @__PURE__ */ jsx51("thead", { className: "relative z-10", children: /* @__PURE__ */ jsxs29(
12022
12029
  "tr",
12023
12030
  {
@@ -12051,7 +12058,9 @@ var TableHead = (props) => {
12051
12058
  )
12052
12059
  }
12053
12060
  ),
12054
- columns?.filter((value) => value?.optional !== "hide")?.map((col, index4) => {
12061
+ headerGroup?.headers?.map((header, index4) => {
12062
+ const col = visibleColumns[index4];
12063
+ if (!col) return null;
12055
12064
  if (col?.field?.widget === "handle") {
12056
12065
  return /* @__PURE__ */ jsx51(
12057
12066
  "th",
@@ -12068,12 +12077,15 @@ var TableHead = (props) => {
12068
12077
  "data-type-co": col?.field?.type_co,
12069
12078
  "data-rtc-resizable": col?.name,
12070
12079
  className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606] ${col?.field?.type_co === "buttons" ? "th-buttons" : "th-normal"}`,
12080
+ style: {
12081
+ width: header.getSize()
12082
+ },
12071
12083
  children: /* @__PURE__ */ jsxs29(
12072
12084
  "div",
12073
12085
  {
12074
12086
  className: `cursor-pointer flex items-center gap-[4px] w-full group relative ${(col?.field?.type === "monetary" || col?.field?.widget === "monetary") && "justify-end"}`,
12075
12087
  children: [
12076
- /* @__PURE__ */ jsx51("span", { className: "truncate line-clamp-1 w-fit", children: col.title }),
12088
+ /* @__PURE__ */ jsx51("div", { className: "cursor-pointer flex justify-between items-center gap-[4px] w-full max-w-full truncate", children: /* @__PURE__ */ jsx51("span", { className: "truncate", children: col.title }) }),
12077
12089
  col?.field?.help && /* @__PURE__ */ jsxs29(Fragment4, { children: [
12078
12090
  createPortal(
12079
12091
  /* @__PURE__ */ jsx51(
@@ -12128,12 +12140,23 @@ var TableHead = (props) => {
12128
12140
  )
12129
12141
  }
12130
12142
  )
12131
- ] })
12143
+ ] }),
12144
+ /* @__PURE__ */ jsx51(
12145
+ "div",
12146
+ {
12147
+ onMouseDown: header.getResizeHandler(),
12148
+ onTouchStart: header.getResizeHandler(),
12149
+ className: `
12150
+ column-resizer
12151
+ ${header.column.getIsResizing() ? "is-resizing" : ""}
12152
+ `
12153
+ }
12154
+ )
12132
12155
  ]
12133
12156
  }
12134
12157
  )
12135
12158
  },
12136
- "table-head-" + index4
12159
+ "table-head-" + header.id
12137
12160
  );
12138
12161
  }),
12139
12162
  typeof onRemoveRow === "function" && /* @__PURE__ */ jsx51("th", { className: "relative p-2 w-[35px] th-remove" }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fctc/sme-widget-ui",
3
- "version": "2.8.0",
3
+ "version": "2.8.2",
4
4
  "main": "dist/index.cjs",
5
5
  "module": "dist/index.mjs",
6
6
  "types": "dist/index.d.ts",