@douglasneuroinformatics/libui 6.3.0 → 6.3.1

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.
Files changed (10) hide show
  1. package/dist/components/DataTable/DataTableBody.d.ts.map +1 -1
  2. package/dist/components/DataTable/DataTableBody.js +1 -1
  3. package/dist/components/DataTable/DataTableBody.js.map +1 -1
  4. package/dist/components/DataTable/DataTableHead.d.ts.map +1 -1
  5. package/dist/components/DataTable/DataTableHead.js +3 -3
  6. package/dist/components/DataTable/DataTableHead.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/DataTable/DataTable.stories.tsx +19 -1
  9. package/src/components/DataTable/DataTableBody.tsx +5 -1
  10. package/src/components/DataTable/DataTableHead.tsx +5 -3
package/dist/components/DataTable/DataTableBody.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DataTableBody.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAClC,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,iBAAiB,GAAG,YAAY,GAAG,kBAAkB,CAAC,CA+DxF,CAAC"}
1
+ {"version":3,"file":"DataTableBody.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAClC,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,iBAAiB,GAAG,YAAY,GAAG,kBAAkB,CAAC,CAmExF,CAAC"}
package/dist/components/DataTable/DataTableBody.js CHANGED
@@ -34,7 +34,7 @@ export const DataTableBody = ({ emptyStateProps, onRowClick, onRowDoubleClick })
34
34
  style.borderRight = 'none';
35
35
  }
36
36
  const content = flexRender(cell.column.columnDef.cell, cell.getContext());
37
- return (_jsx("div", { className: "flex items-center border-r px-4 py-2 last:border-r-0", style: style, children: content && typeof content === 'object' ? content : _jsx("span", { className: "block truncate", children: content }) }, cell.id));
37
+ return (_jsx("div", { className: "flex items-center border-r bg-inherit px-4 py-2 last:border-r-0", style: style, children: content && typeof content === 'object' ? content : _jsx("span", { className: "block truncate", children: content }) }, cell.id));
38
38
  }) }, row.id)))) }));
39
39
  };
40
40
  //# sourceMappingURL=DataTableBody.js.map
package/dist/components/DataTable/DataTableBody.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DataTableBody.js","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableBody.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DataTableBody.js","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableBody.tsx"],"names":[],"mappings":"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"}
package/dist/components/DataTable/DataTableHead.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DataTableHead.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableHead.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,+CAsDzB,CAAC"}
1
+ {"version":3,"file":"DataTableHead.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableHead.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,+CAuDzB,CAAC"}
package/dist/components/DataTable/DataTableHead.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { ACTIONS_COLUMN_ID } from "./constants.js";
2
3
  import { useDataTableHandle } from "./hooks.js";
3
4
  import { flexRender } from "./utils.js";
4
5
  export const DataTableHead = () => {
@@ -20,9 +21,8 @@ export const DataTableHead = () => {
20
21
  style.position = 'sticky';
21
22
  style.zIndex = 20;
22
23
  }
23
- // no border with actions on right
24
- // TODO - consider resizing toggle in this case
25
- if (header.column.getIsLastColumn('center')) {
24
+ const nextHeader = headerGroup.headers[header.index + 1];
25
+ if (nextHeader?.column.id === ACTIONS_COLUMN_ID) {
26
26
  style.borderRight = 'none';
27
27
  }
28
28
  return (_jsxs("div", { className: "group/cell bg-background relative flex items-center border-r border-b px-4 py-2 last:border-r-0", style: style, children: [!header.isPlaceholder && flexRender(header.column.columnDef.header, header.getContext()), header.column.getCanResize() && (_jsx("div", { className: "absolute top-0 right-0 z-10 h-full w-[1px]", children: _jsx("button", { className: "group-hover/cell:bg-border absolute -right-[1px] h-full w-full cursor-col-resize touch-none rounded-md bg-transparent select-none group-hover/cell:-right-[2px] group-hover/cell:w-[3px]", style: { transform: header.column.getIsLastColumn() ? 'translateX(-2px)' : undefined }, type: "button", onDoubleClick: header.column.resetSize, onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler() }) }))] }, header.id));
package/dist/components/DataTable/DataTableHead.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DataTableHead.js","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableHead.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAa,CAAC;AAEzC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,YAAY,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAEhD,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,iBAAa,iBAAiB,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,YACxG,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CACjC,cAAK,SAAS,EAAC,MAAM,YAClB,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;gBAClC,MAAM,KAAK,GAAwB;oBACjC,qGAAqG;oBACrG,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;oBAC3E,KAAK,EAAE,qBAAqB,MAAM,EAAE,EAAE,eAAe;iBACtD,CAAC;gBACF,IAAI,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,MAAM,EAAE,CAAC;oBAC3C,KAAK,CAAC,IAAI,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC;oBACnD,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;oBAC1B,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;gBACpB,CAAC;qBAAM,IAAI,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,OAAO,EAAE,CAAC;oBACnD,KAAK,CAAC,KAAK,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;oBACrD,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;oBAC1B,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;gBACpB,CAAC;gBACD,kCAAkC;gBAClC,+CAA+C;gBAC/C,IAAI,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC;oBAC5C,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC;gBAC7B,CAAC;gBACD,OAAO,CACL,eACE,SAAS,EAAC,iGAAiG,EAE3G,KAAK,EAAE,KAAK,aAEX,CAAC,MAAM,CAAC,aAAa,IAAI,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,CAAC,EACxF,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CAC/B,cAAK,SAAS,EAAC,4CAA4C,YACzD,iBACE,SAAS,EAAC,0LAA0L,EACpM,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,EAAE,EACtF,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,EACtC,WAAW,EAAE,MAAM,CAAC,gBAAgB,EAAE,EACtC,YAAY,EAAE,MAAM,CAAC,gBAAgB,EAAE,GACvC,GACE,CACP,KAfI,MAAM,CAAC,EAAE,CAgBV,CACP,CAAC;YACJ,CAAC,CAAC,IA1CuB,WAAW,CAAC,EAAE,CA2CnC,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"DataTableHead.js","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableHead.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@douglasneuroinformatics/libui",
3
3
  "type": "module",
4
- "version": "6.3.0",
4
+ "version": "6.3.1",
5
5
  "packageManager": "pnpm@10.7.1",
6
6
  "description": "Generic UI components for DNP projects, built using React and Tailwind CSS",
7
7
  "author": "Joshua Unrau",
package/src/components/DataTable/DataTable.stories.tsx CHANGED
@@ -228,6 +228,7 @@ export const Grouped: Story = {
228
228
  header: 'Status'
229
229
  }
230
230
  ],
231
+ enableResizing: false,
231
232
  header: 'Internal'
232
233
  },
233
234
  {
@@ -241,15 +242,32 @@ export const Grouped: Story = {
241
242
  header: 'Amount'
242
243
  }
243
244
  ],
245
+ enableResizing: false,
244
246
  header: 'Details'
245
247
  }
246
248
  ],
249
+
247
250
  data: createData(100),
248
251
  onRowDoubleClick(row) {
249
252
  alert(`row with ID ${row.id} double clicked`);
250
253
  },
251
254
  onSearchChange: () => {
252
255
  return;
253
- }
256
+ },
257
+ rowActions: [
258
+ {
259
+ label: 'Modify',
260
+ onSelect: () => {
261
+ alert('Modify');
262
+ }
263
+ },
264
+ {
265
+ destructive: true,
266
+ label: 'Delete',
267
+ onSelect: () => {
268
+ alert('Delete');
269
+ }
270
+ }
271
+ ]
254
272
  }
255
273
  };
package/src/components/DataTable/DataTableBody.tsx CHANGED
@@ -63,7 +63,11 @@ export const DataTableBody: React.FC<
63
63
  }
64
64
  const content = flexRender(cell.column.columnDef.cell, cell.getContext());
65
65
  return (
66
- <div className="flex items-center border-r px-4 py-2 last:border-r-0" key={cell.id} style={style}>
66
+ <div
67
+ className="flex items-center border-r bg-inherit px-4 py-2 last:border-r-0"
68
+ key={cell.id}
69
+ style={style}
70
+ >
67
71
  {content && typeof content === 'object' ? content : <span className="block truncate">{content}</span>}
68
72
  </div>
69
73
  );
package/src/components/DataTable/DataTableHead.tsx CHANGED
@@ -1,3 +1,4 @@
1
+ import { ACTIONS_COLUMN_ID } from './constants.ts';
1
2
  import { useDataTableHandle } from './hooks.ts';
2
3
  import { flexRender } from './utils.tsx';
3
4
 
@@ -24,11 +25,12 @@ export const DataTableHead = () => {
24
25
  style.position = 'sticky';
25
26
  style.zIndex = 20;
26
27
  }
27
- // no border with actions on right
28
- // TODO - consider resizing toggle in this case
29
- if (header.column.getIsLastColumn('center')) {
28
+
29
+ const nextHeader = headerGroup.headers[header.index + 1];
30
+ if (nextHeader?.column.id === ACTIONS_COLUMN_ID) {
30
31
  style.borderRight = 'none';
31
32
  }
33
+
32
34
  return (
33
35
  <div
34
36
  className="group/cell bg-background relative flex items-center border-r border-b px-4 py-2 last:border-r-0"