@ballistix.digital/react-components 0.4.100 → 0.4.102

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.esm.js CHANGED
@@ -4281,8 +4281,9 @@ var TableList2 = function (props) {
4281
4281
  onChange && onChange(state);
4282
4282
  }
4283
4283
  }, [onChange, state]);
4284
- return (jsxs("div", __assign({ className: styles$a.container }, { children: [jsx("div", __assign({ className: styles$a.head }, { children: head && head(state) })), jsx("div", __assign({ className: "" }, { children: jsx("div", __assign({ className: "flow-root" }, { children: jsx("div", __assign({ className: "overflow-scroll" }, { children: jsxs("div", __assign({ className: "inline-block min-w-full align-middle" }, { children: [jsxs("table", __assign({ className: "min-w-full border-separate border-spacing-0 " }, { children: [jsx("thead", __assign({ className: "" }, { children: table === null || table === void 0 ? void 0 : table.getHeaderGroups().map(function (headerGroup) { return (jsx("tr", { children: headerGroup.headers.map(function (header) { return (jsxs("th", __assign({ colSpan: header.colSpan, className: toClassName(styles$a.body.table.head.cell, 'border-b', header.column.getCanSort() && 'cursor-pointer'), onClick: header.column.getToggleSortingHandler(), style: {
4285
- minWidth: header.column.columnDef.size
4284
+ return (jsxs("div", __assign({ className: styles$a.container }, { children: [jsx("div", __assign({ className: styles$a.head }, { children: head && head(state) })), jsx("div", __assign({ className: "" }, { children: jsx("div", __assign({ className: "flow-root" }, { children: jsx("div", __assign({ className: "overflow-x-scroll" }, { children: jsxs("div", __assign({ className: "inline-block min-w-full align-middle" }, { children: [jsxs("table", __assign({ className: "min-w-full border-separate border-spacing-0 " }, { children: [jsx("thead", __assign({ className: "" }, { children: table === null || table === void 0 ? void 0 : table.getHeaderGroups().map(function (headerGroup) { return (jsx("tr", { children: headerGroup.headers.map(function (header) { return (jsxs("th", __assign({ colSpan: header.colSpan, className: toClassName(styles$a.body.table.head.cell, 'border-b', header.column.getCanSort() && 'cursor-pointer'), onClick: header.column.getToggleSortingHandler(), style: {
4285
+ minWidth: !!header.column.columnDef.size &&
4286
+ header.column.columnDef.size !== 150
4286
4287
  ? "".concat(header.column.columnDef.size, "px")
4287
4288
  : 'auto',
4288
4289
  } }, { children: [header.isPlaceholder
@@ -4311,7 +4312,7 @@ var styles$a = {
4311
4312
  container: 'flex flex-col',
4312
4313
  wrapper: '-my-2',
4313
4314
  content: '',
4314
- styleWrapper: 'overflow-scroll w-screen md:w-auto md:overflow-auto pr-12 md:pr-0',
4315
+ styleWrapper: 'overflow-x-scroll w-screen md:w-auto md:overflow-auto pr-12 md:pr-0',
4315
4316
  table: {
4316
4317
  container: 'min-w-full divide-y divide-gray-300 ',
4317
4318
  head: {