@helpdice/ui 1.2.2 → 1.2.4

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
@@ -42209,6 +42209,13 @@ var TableHead = function TableHead(props) {
42209
42209
  className: _JSXStyle.dynamic([["134865897", [theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
42210
42210
  }, columns.map(function (column, index) {
42211
42211
  return /*#__PURE__*/React.createElement("th", {
42212
+ style: {
42213
+ // textAlign: `${column?.align} !important`,
42214
+ // paddingLeft: '0.3rem',
42215
+ // paddingRight: '0.3rem',
42216
+ // color: `${column?.color}`,
42217
+ whiteSpace: column !== null && column !== undefined && column.noWrap ? 'nowrap' : 'normal'
42218
+ },
42212
42219
  key: "table-th-".concat(column.prop.toString(), "-").concat(index),
42213
42220
  "data-column": column.label,
42214
42221
  className: _JSXStyle.dynamic([["134865897", [theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]]) + " " + (column.className || "")
@@ -42857,7 +42864,6 @@ function DataTable(_ref) {
42857
42864
  onDrop: onDrop,
42858
42865
  id: TABLE_ID,
42859
42866
  style: _objectSpread2({
42860
- overflow: 'hidden',
42861
42867
  height: 'calc(100vh - 8.5rem)',
42862
42868
  maxWidth: 'calc(100vw - 1rem)',
42863
42869
  width: sideMenu ? 'calc(100vw - 17.2rem)' : 'inherit !important'
@@ -42877,10 +42883,14 @@ function DataTable(_ref) {
42877
42883
  }
42878
42884
  }, COLUMNS.map(function (column, index) {
42879
42885
  return /*#__PURE__*/React.createElement(Table.Column, {
42886
+ options: column === null || column === undefined ? undefined : column.options,
42887
+ fontSize: column === null || column === undefined ? undefined : column.fontSize,
42880
42888
  key: "".concat(column.id, "-").concat(index),
42881
42889
  prop: column.id,
42882
42890
  label: column.name,
42883
- filter: column.filter
42891
+ filter: column === null || column === undefined ? undefined : column.filter,
42892
+ noWrap: column === null || column === undefined ? undefined : column.noWrap,
42893
+ align: column === null || column === undefined ? undefined : column.align
42884
42894
  });
42885
42895
  })))));
42886
42896
  }
@@ -19954,6 +19954,13 @@ var TableHead = function TableHead(props) {
19954
19954
  className: _JSXStyle.dynamic([["134865897", [theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
19955
19955
  }, columns.map(function (column, index) {
19956
19956
  return /*#__PURE__*/React.createElement("th", {
19957
+ style: {
19958
+ // textAlign: `${column?.align} !important`,
19959
+ // paddingLeft: '0.3rem',
19960
+ // paddingRight: '0.3rem',
19961
+ // color: `${column?.color}`,
19962
+ whiteSpace: column !== null && column !== undefined && column.noWrap ? 'nowrap' : 'normal'
19963
+ },
19957
19964
  key: "table-th-".concat(column.prop.toString(), "-").concat(index),
19958
19965
  "data-column": column.label,
19959
19966
  className: _JSXStyle.dynamic([["134865897", [theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]]) + " " + (column.className || "")
@@ -31449,7 +31456,6 @@ function DataTable(_ref) {
31449
31456
  onDrop: onDrop,
31450
31457
  id: TABLE_ID,
31451
31458
  style: _objectSpread2({
31452
- overflow: 'hidden',
31453
31459
  height: 'calc(100vh - 8.5rem)',
31454
31460
  maxWidth: 'calc(100vw - 1rem)',
31455
31461
  width: sideMenu ? 'calc(100vw - 17.2rem)' : 'inherit !important'
@@ -31469,10 +31475,14 @@ function DataTable(_ref) {
31469
31475
  }
31470
31476
  }, COLUMNS.map(function (column, index) {
31471
31477
  return /*#__PURE__*/React.createElement(Table.Column, {
31478
+ options: column === null || column === undefined ? undefined : column.options,
31479
+ fontSize: column === null || column === undefined ? undefined : column.fontSize,
31472
31480
  key: "".concat(column.id, "-").concat(index),
31473
31481
  prop: column.id,
31474
31482
  label: column.name,
31475
- filter: column.filter
31483
+ filter: column === null || column === undefined ? undefined : column.filter,
31484
+ noWrap: column === null || column === undefined ? undefined : column.noWrap,
31485
+ align: column === null || column === undefined ? undefined : column.align
31476
31486
  });
31477
31487
  })))));
31478
31488
  }
@@ -301,7 +301,6 @@ function DataTable(_ref) {
301
301
  onDrop: onDrop,
302
302
  id: TABLE_ID,
303
303
  style: _extends({
304
- overflow: 'hidden',
305
304
  height: 'calc(100vh - 8.5rem)',
306
305
  maxWidth: 'calc(100vw - 1rem)',
307
306
  width: sideMenu ? 'calc(100vw - 17.2rem)' : 'inherit !important'
@@ -321,10 +320,14 @@ function DataTable(_ref) {
321
320
  }
322
321
  }, COLUMNS.map(function (column, index) {
323
322
  return /*#__PURE__*/React.createElement(Table.Column, {
323
+ options: column === null || column === void 0 ? void 0 : column.options,
324
+ fontSize: column === null || column === void 0 ? void 0 : column.fontSize,
324
325
  key: "".concat(column.id, "-").concat(index),
325
326
  prop: column.id,
326
327
  label: column.name,
327
- filter: column.filter
328
+ filter: column === null || column === void 0 ? void 0 : column.filter,
329
+ noWrap: column === null || column === void 0 ? void 0 : column.noWrap,
330
+ align: column === null || column === void 0 ? void 0 : column.align
328
331
  });
329
332
  })))));
330
333
  }
@@ -126,6 +126,13 @@ var TableHead = function TableHead(props) {
126
126
  className: _JSXStyle.dynamic([["134865897", [theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]])
127
127
  }, columns.map(function (column, index) {
128
128
  return /*#__PURE__*/React.createElement("th", {
129
+ style: {
130
+ // textAlign: `${column?.align} !important`,
131
+ // paddingLeft: '0.3rem',
132
+ // paddingRight: '0.3rem',
133
+ // color: `${column?.color}`,
134
+ whiteSpace: column !== null && column !== void 0 && column.noWrap ? 'nowrap' : 'normal'
135
+ },
129
136
  key: "table-th-".concat(column.prop.toString(), "-").concat(index),
130
137
  "data-column": column.label,
131
138
  className: _JSXStyle.dynamic([["134865897", [theme.palette.accents_5, theme.palette.accents_1, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius]]]) + " " + (column.className || "")
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@helpdice/ui",
3
- "version": "1.2.2",
3
+ "version": "1.2.4",
4
4
  "main": "dist/index.js",
5
5
  "types": "esm/index.d.ts",
6
6
  "unpkg": "dist/index.min.js",