@helpdice/ui 1.4.0 → 1.4.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 (13) hide show
  1. package/dist/index.js +24 -16
  2. package/dist/pagination/index.js +5 -5
  3. package/dist/table/index.js +24 -16
  4. package/esm/pagination/pagination-ellipsis.js +1 -1
  5. package/esm/pagination/pagination-item.js +1 -1
  6. package/esm/pagination/pagination-next.js +1 -1
  7. package/esm/pagination/pagination-pages.js +1 -1
  8. package/esm/pagination/pagination-previous.js +1 -1
  9. package/esm/table/data-table.js +8 -4
  10. package/esm/table/table-cell.js +3 -1
  11. package/esm/table/table-head.js +3 -1
  12. package/esm/table/table.js +5 -5
  13. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -22643,7 +22643,7 @@ var PaginationItem = function PaginationItem(_ref) {
22643
22643
  dynamic: [theme.palette.success, theme.layout.radius, theme.palette.background, hover, theme.palette.success, theme.palette.background, theme.expressiveness.shadowSmall, activeHover, theme.expressiveness.shadowMedium, theme.palette.accents_4, theme.palette.accents_2]
22644
22644
  }, "li.__jsx-style-dynamic-selector{margin-right:0.428em;display:inline-block;}button.__jsx-style-dynamic-selector{border:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;text-transform:capitalize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-align:center;vertical-align:middle;box-shadow:none;outline:none;height:var(--pagination-size);min-width:var(--pagination-size);font-size:inherit;cursor:pointer;color:".concat(theme.palette.success, ";border-radius:").concat(theme.layout.radius, ";background-color:").concat(theme.palette.background, ";-webkit-transition:all linear 200ms 0ms;transition:all linear 200ms 0ms;}button.__jsx-style-dynamic-selector:hover{background-color:").concat(hover, ";}.active.__jsx-style-dynamic-selector{font-weight:bold;background-color:").concat(theme.palette.success, ";color:").concat(theme.palette.background, ";box-shadow:").concat(theme.expressiveness.shadowSmall, ";}.active.__jsx-style-dynamic-selector:hover{background-color:").concat(activeHover, ";box-shadow:").concat(theme.expressiveness.shadowMedium, ";}.disabled.__jsx-style-dynamic-selector{color:").concat(theme.palette.accents_4, ";cursor:not-allowed;}.disabled.__jsx-style-dynamic-selector:hover{background-color:").concat(theme.palette.accents_2, ";}button.__jsx-style-dynamic-selector svg{width:1.3em;height:1.3em;}")));
22645
22645
  };
22646
- PaginationItem.displayName = 'GeistPaginationItem';
22646
+ PaginationItem.displayName = 'PaginationItem';
22647
22647
 
22648
22648
  /* "use client" */
22649
22649
 
@@ -22668,7 +22668,7 @@ var PaginationPrevious = function PaginationPrevious(_ref) {
22668
22668
  disabled: isFirst
22669
22669
  }, props), children);
22670
22670
  };
22671
- PaginationPrevious.displayName = 'GeistPaginationPrevious';
22671
+ PaginationPrevious.displayName = 'PaginationPrevious';
22672
22672
 
22673
22673
  var _excluded$r = ["children"];
22674
22674
  var PaginationNext = function PaginationNext(_ref) {
@@ -22684,7 +22684,7 @@ var PaginationNext = function PaginationNext(_ref) {
22684
22684
  disabled: isLast
22685
22685
  }, props), children);
22686
22686
  };
22687
- PaginationNext.displayName = 'GeistPaginationNext';
22687
+ PaginationNext.displayName = 'PaginationNext';
22688
22688
 
22689
22689
  var PaginationEllipsis = function PaginationEllipsis(_ref) {
22690
22690
  var isBefore = _ref.isBefore,
@@ -22749,7 +22749,7 @@ var PaginationEllipsis = function PaginationEllipsis(_ref) {
22749
22749
  dynamic: [isBefore ? '180deg' : '0deg']
22750
22750
  }, "svg.__jsx-style-dynamic-selector{color:currentColor;stroke:currentColor;width:1em;height:1em;}.more.__jsx-style-dynamic-selector{-webkit-transform:rotate(".concat(isBefore ? '180deg' : '0deg', ");-ms-transform:rotate(").concat(isBefore ? '180deg' : '0deg', ");transform:rotate(").concat(isBefore ? '180deg' : '0deg', ");}")));
22751
22751
  };
22752
- PaginationEllipsis.displayName = 'GeistPaginationEllipsis';
22752
+ PaginationEllipsis.displayName = 'PaginationEllipsis';
22753
22753
 
22754
22754
  var PaginationPages = function PaginationPages(_ref) {
22755
22755
  var limit = _ref.limit,
@@ -22830,7 +22830,7 @@ var PaginationPages = function PaginationPages(_ref) {
22830
22830
  }
22831
22831
  }), renderItem(count, current));
22832
22832
  };
22833
- PaginationPages.displayName = 'GeistPaginationPages';
22833
+ PaginationPages.displayName = 'PaginationPages';
22834
22834
 
22835
22835
  var _excluded$q = ["page", "initialPage", "count", "limit", "children", "onChange", "className"];
22836
22836
  var PaginationComponent = function PaginationComponent(_ref) {
@@ -42219,6 +42219,8 @@ var TableHead = function TableHead(props) {
42219
42219
  }, /*#__PURE__*/React.createElement("tr", {
42220
42220
  className: _JSXStyle.dynamic([["500933572", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", 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]]])
42221
42221
  }, columns.map(function (column, index) {
42222
+ var _String2;
42223
+ var dataName = (_String2 = String(column === null || column === undefined ? undefined : column.label)) === null || _String2 === undefined ? undefined : _String2.replace(' ', '_').toLowerCase();
42222
42224
  return /*#__PURE__*/React.createElement("th", {
42223
42225
  style: {
42224
42226
  // textAlign: `${column?.align} !important`,
@@ -42228,7 +42230,7 @@ var TableHead = function TableHead(props) {
42228
42230
  whiteSpace: column !== null && column !== undefined && column.noWrap ? 'nowrap' : 'normal'
42229
42231
  },
42230
42232
  key: "table-th-".concat(column.prop.toString(), "-").concat(index),
42231
- "data-column": column.label,
42233
+ "data-column": dataName,
42232
42234
  className: _JSXStyle.dynamic([["500933572", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", 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 || "")
42233
42235
  }, /*#__PURE__*/React.createElement("div", {
42234
42236
  className: _JSXStyle.dynamic([["500933572", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", 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]]]) + " " + "thead-box"
@@ -42257,9 +42259,11 @@ var TableCell = function TableCell(_ref) {
42257
42259
  onCellClick = _ref.onCellClick;
42258
42260
  /* eslint-disable react/jsx-no-useless-fragment */
42259
42261
  return /*#__PURE__*/React.createElement(React.Fragment, null, columns.map(function (column, index) {
42262
+ var _String;
42260
42263
  var currentRowValue = row[column.prop];
42261
42264
  var cellValue = currentRowValue || emptyText;
42262
42265
  var shouldBeRenderElement = column.renderHandler(currentRowValue, row, rowIndex);
42266
+ var dataName = (_String = String(column === null || column === undefined ? undefined : column.label)) === null || _String === undefined ? undefined : _String.replace(' ', '_').toLowerCase();
42263
42267
  return /*#__PURE__*/React.createElement("td", {
42264
42268
  style: _objectSpread2({
42265
42269
  fontSize: "".concat(column === null || column === undefined ? undefined : column.fontSize),
@@ -42270,7 +42274,7 @@ var TableCell = function TableCell(_ref) {
42270
42274
  boxSizing: 'border-box',
42271
42275
  whiteSpace: column !== null && column !== undefined && column.noWrap ? 'nowrap' : 'normal'
42272
42276
  }, currentRowValue === null || currentRowValue === undefined ? undefined : currentRowValue.style),
42273
- "data-column": String(column.label).toLowerCase(),
42277
+ "data-column": dataName,
42274
42278
  key: "row-td-".concat(index, "-").concat(column.prop.toString()),
42275
42279
  onClick: function onClick() {
42276
42280
  return onCellClick && onCellClick(currentRowValue, rowIndex, index);
@@ -42919,18 +42923,22 @@ function DataTable(_ref) {
42919
42923
  }, [selected]);
42920
42924
  React.useEffect(function () {
42921
42925
  cols.forEach(function (col) {
42926
+ var _String;
42927
+ var dataName = (_String = String(col === null || col === undefined ? undefined : col.name)) === null || _String === undefined ? undefined : _String.replace(' ', '_').toLowerCase();
42922
42928
  if (hideColumn.includes(col.name)) {
42923
- document.querySelectorAll("[data-column=\"".concat(String(col.name).toLowerCase(), "\"]")).forEach(function (el) {
42929
+ document.querySelectorAll("[data-column=\"".concat(dataName, "\"]")).forEach(function (el) {
42924
42930
  el.style.display = 'none !important';
42925
42931
  });
42926
42932
  } else {
42927
- document.querySelectorAll("[data-column=\"".concat(String(col.name).toLowerCase(), "\"]")).forEach(function (el) {
42933
+ document.querySelectorAll("[data-column=\"".concat(dataName, "\"]")).forEach(function (el) {
42928
42934
  el.style.display = '';
42929
42935
  });
42930
42936
  }
42931
42937
  });
42932
42938
  }, [hideColumn, cols, rows]);
42933
- var handleHideColumnClick = function handleHideColumnClick(_event, id) {
42939
+ var handleHideColumnClick = function handleHideColumnClick(_event, _id) {
42940
+ var _String2;
42941
+ var id = (_String2 = String(_id)) === null || _String2 === undefined ? undefined : _String2.replace(' ', '_').toLowerCase();
42934
42942
  var selectedIndex = hideColumn.indexOf(id);
42935
42943
  var newSelected = [];
42936
42944
  if (selectedIndex === -1) {
@@ -43132,7 +43140,7 @@ function DataTable(_ref) {
43132
43140
  style: _objectSpread2({
43133
43141
  position: 'relative',
43134
43142
  overflowY: 'auto',
43135
- maxWidth: 'calc(100vw - 1rem)',
43143
+ maxWidth: 'calc(100vw - 1.5rem)',
43136
43144
  width: sideMenu ? 'calc(100vw - 17.2rem)' : 'inherit !important'
43137
43145
  }, style)
43138
43146
  }, /*#__PURE__*/React.createElement(Table, {
@@ -43475,7 +43483,7 @@ function TableComponent(tableProps) {
43475
43483
  }, /*#__PURE__*/React.createElement("table", _extends({
43476
43484
  ref: ref
43477
43485
  }, props, {
43478
- className: _JSXStyle.dynamic([["2620297225", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || "")
43486
+ className: _JSXStyle.dynamic([["1971279331", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || "")
43479
43487
  }), /*#__PURE__*/React.createElement(TableHead, {
43480
43488
  stickyHeader: stickyHeader,
43481
43489
  columns: columns,
@@ -43493,10 +43501,10 @@ function TableComponent(tableProps) {
43493
43501
  readOnly: readOnly,
43494
43502
  onSelected: onSelected
43495
43503
  }), children, dataLength && viewLength && onPageChange ? /*#__PURE__*/React.createElement("tfoot", {
43496
- className: _JSXStyle.dynamic([["2620297225", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
43504
+ className: _JSXStyle.dynamic([["1971279331", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
43497
43505
  }, /*#__PURE__*/React.createElement("td", {
43498
43506
  colSpan: columns === null || columns === undefined ? undefined : columns.length,
43499
- className: _JSXStyle.dynamic([["2620297225", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
43507
+ className: _JSXStyle.dynamic([["1971279331", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
43500
43508
  }, /*#__PURE__*/React.createElement(Pagination, {
43501
43509
  style: {
43502
43510
  marginLeft: '10px',
@@ -43514,9 +43522,9 @@ function TableComponent(tableProps) {
43514
43522
  limit: 5,
43515
43523
  count: Number(dataLength / viewLength)
43516
43524
  }, /*#__PURE__*/React.createElement(Pagination.Next, null, /*#__PURE__*/React.createElement(ChevronRight$1, null)), /*#__PURE__*/React.createElement(Pagination.Previous, null, /*#__PURE__*/React.createElement(ChevronLeft$1, null))))) : null, /*#__PURE__*/React.createElement(_JSXStyle, {
43517
- id: "2620297225",
43525
+ id: "1971279331",
43518
43526
  dynamic: [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
43519
- }, "table.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;table-layout:fixed;--table-font-size:".concat(SCALES.font(1), ";font-size:var(--table-font-size);width:").concat(SCALES.width(1, '100%'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}tfoot.__jsx-style-dynamic-selector td.__jsx-style-dynamic-selector{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;background-color:#fff;}"))));
43527
+ }, "table.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;--table-font-size:".concat(SCALES.font(1), ";font-size:var(--table-font-size);width:").concat(SCALES.width(1, '100%'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}tfoot.__jsx-style-dynamic-selector td.__jsx-style-dynamic-selector{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;background-color:#fff;}"))));
43520
43528
  }
43521
43529
  TableComponent.displayName = 'Table';
43522
43530
  TableComponent.Column = TableColumn;
package/dist/pagination/index.js CHANGED
@@ -1068,7 +1068,7 @@ var PaginationItem = function PaginationItem(_ref) {
1068
1068
  dynamic: [theme.palette.success, theme.layout.radius, theme.palette.background, hover, theme.palette.success, theme.palette.background, theme.expressiveness.shadowSmall, activeHover, theme.expressiveness.shadowMedium, theme.palette.accents_4, theme.palette.accents_2]
1069
1069
  }, "li.__jsx-style-dynamic-selector{margin-right:0.428em;display:inline-block;}button.__jsx-style-dynamic-selector{border:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;text-transform:capitalize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-align:center;vertical-align:middle;box-shadow:none;outline:none;height:var(--pagination-size);min-width:var(--pagination-size);font-size:inherit;cursor:pointer;color:".concat(theme.palette.success, ";border-radius:").concat(theme.layout.radius, ";background-color:").concat(theme.palette.background, ";-webkit-transition:all linear 200ms 0ms;transition:all linear 200ms 0ms;}button.__jsx-style-dynamic-selector:hover{background-color:").concat(hover, ";}.active.__jsx-style-dynamic-selector{font-weight:bold;background-color:").concat(theme.palette.success, ";color:").concat(theme.palette.background, ";box-shadow:").concat(theme.expressiveness.shadowSmall, ";}.active.__jsx-style-dynamic-selector:hover{background-color:").concat(activeHover, ";box-shadow:").concat(theme.expressiveness.shadowMedium, ";}.disabled.__jsx-style-dynamic-selector{color:").concat(theme.palette.accents_4, ";cursor:not-allowed;}.disabled.__jsx-style-dynamic-selector:hover{background-color:").concat(theme.palette.accents_2, ";}button.__jsx-style-dynamic-selector svg{width:1.3em;height:1.3em;}")));
1070
1070
  };
1071
- PaginationItem.displayName = 'GeistPaginationItem';
1071
+ PaginationItem.displayName = 'PaginationItem';
1072
1072
 
1073
1073
  var tuple = function tuple() {
1074
1074
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -1108,7 +1108,7 @@ var PaginationPrevious = function PaginationPrevious(_ref) {
1108
1108
  disabled: isFirst
1109
1109
  }, props), children);
1110
1110
  };
1111
- PaginationPrevious.displayName = 'GeistPaginationPrevious';
1111
+ PaginationPrevious.displayName = 'PaginationPrevious';
1112
1112
 
1113
1113
  var _excluded$2 = ["children"];
1114
1114
  var PaginationNext = function PaginationNext(_ref) {
@@ -1124,7 +1124,7 @@ var PaginationNext = function PaginationNext(_ref) {
1124
1124
  disabled: isLast
1125
1125
  }, props), children);
1126
1126
  };
1127
- PaginationNext.displayName = 'GeistPaginationNext';
1127
+ PaginationNext.displayName = 'PaginationNext';
1128
1128
 
1129
1129
  var PaginationEllipsis = function PaginationEllipsis(_ref) {
1130
1130
  var isBefore = _ref.isBefore,
@@ -1189,7 +1189,7 @@ var PaginationEllipsis = function PaginationEllipsis(_ref) {
1189
1189
  dynamic: [isBefore ? '180deg' : '0deg']
1190
1190
  }, "svg.__jsx-style-dynamic-selector{color:currentColor;stroke:currentColor;width:1em;height:1em;}.more.__jsx-style-dynamic-selector{-webkit-transform:rotate(".concat(isBefore ? '180deg' : '0deg', ");-ms-transform:rotate(").concat(isBefore ? '180deg' : '0deg', ");transform:rotate(").concat(isBefore ? '180deg' : '0deg', ");}")));
1191
1191
  };
1192
- PaginationEllipsis.displayName = 'GeistPaginationEllipsis';
1192
+ PaginationEllipsis.displayName = 'PaginationEllipsis';
1193
1193
 
1194
1194
  var PaginationPages = function PaginationPages(_ref) {
1195
1195
  var limit = _ref.limit,
@@ -1270,7 +1270,7 @@ var PaginationPages = function PaginationPages(_ref) {
1270
1270
  }
1271
1271
  }), renderItem(count, current));
1272
1272
  };
1273
- PaginationPages.displayName = 'GeistPaginationPages';
1273
+ PaginationPages.displayName = 'PaginationPages';
1274
1274
 
1275
1275
  var useCurrentState = function useCurrentState(initialState) {
1276
1276
  var _useState = React.useState(function () {
package/dist/table/index.js CHANGED
@@ -19977,6 +19977,8 @@ var TableHead = function TableHead(props) {
19977
19977
  }, /*#__PURE__*/React.createElement("tr", {
19978
19978
  className: _JSXStyle.dynamic([["500933572", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", 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]]])
19979
19979
  }, columns.map(function (column, index) {
19980
+ var _String2;
19981
+ var dataName = (_String2 = String(column === null || column === undefined ? undefined : column.label)) === null || _String2 === undefined ? undefined : _String2.replace(' ', '_').toLowerCase();
19980
19982
  return /*#__PURE__*/React.createElement("th", {
19981
19983
  style: {
19982
19984
  // textAlign: `${column?.align} !important`,
@@ -19986,7 +19988,7 @@ var TableHead = function TableHead(props) {
19986
19988
  whiteSpace: column !== null && column !== undefined && column.noWrap ? 'nowrap' : 'normal'
19987
19989
  },
19988
19990
  key: "table-th-".concat(column.prop.toString(), "-").concat(index),
19989
- "data-column": column.label,
19991
+ "data-column": dataName,
19990
19992
  className: _JSXStyle.dynamic([["500933572", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", 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 || "")
19991
19993
  }, /*#__PURE__*/React.createElement("div", {
19992
19994
  className: _JSXStyle.dynamic([["500933572", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", 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]]]) + " " + "thead-box"
@@ -20015,9 +20017,11 @@ var TableCell = function TableCell(_ref) {
20015
20017
  onCellClick = _ref.onCellClick;
20016
20018
  /* eslint-disable react/jsx-no-useless-fragment */
20017
20019
  return /*#__PURE__*/React.createElement(React.Fragment, null, columns.map(function (column, index) {
20020
+ var _String;
20018
20021
  var currentRowValue = row[column.prop];
20019
20022
  var cellValue = currentRowValue || emptyText;
20020
20023
  var shouldBeRenderElement = column.renderHandler(currentRowValue, row, rowIndex);
20024
+ var dataName = (_String = String(column === null || column === undefined ? undefined : column.label)) === null || _String === undefined ? undefined : _String.replace(' ', '_').toLowerCase();
20021
20025
  return /*#__PURE__*/React.createElement("td", {
20022
20026
  style: _objectSpread2({
20023
20027
  fontSize: "".concat(column === null || column === undefined ? undefined : column.fontSize),
@@ -20028,7 +20032,7 @@ var TableCell = function TableCell(_ref) {
20028
20032
  boxSizing: 'border-box',
20029
20033
  whiteSpace: column !== null && column !== undefined && column.noWrap ? 'nowrap' : 'normal'
20030
20034
  }, currentRowValue === null || currentRowValue === undefined ? undefined : currentRowValue.style),
20031
- "data-column": String(column.label).toLowerCase(),
20035
+ "data-column": dataName,
20032
20036
  key: "row-td-".concat(index, "-").concat(column.prop.toString()),
20033
20037
  onClick: function onClick() {
20034
20038
  return onCellClick && onCellClick(currentRowValue, rowIndex, index);
@@ -31622,18 +31626,22 @@ function DataTable(_ref) {
31622
31626
  }, [selected]);
31623
31627
  React.useEffect(function () {
31624
31628
  cols.forEach(function (col) {
31629
+ var _String;
31630
+ var dataName = (_String = String(col === null || col === undefined ? undefined : col.name)) === null || _String === undefined ? undefined : _String.replace(' ', '_').toLowerCase();
31625
31631
  if (hideColumn.includes(col.name)) {
31626
- document.querySelectorAll("[data-column=\"".concat(String(col.name).toLowerCase(), "\"]")).forEach(function (el) {
31632
+ document.querySelectorAll("[data-column=\"".concat(dataName, "\"]")).forEach(function (el) {
31627
31633
  el.style.display = 'none !important';
31628
31634
  });
31629
31635
  } else {
31630
- document.querySelectorAll("[data-column=\"".concat(String(col.name).toLowerCase(), "\"]")).forEach(function (el) {
31636
+ document.querySelectorAll("[data-column=\"".concat(dataName, "\"]")).forEach(function (el) {
31631
31637
  el.style.display = '';
31632
31638
  });
31633
31639
  }
31634
31640
  });
31635
31641
  }, [hideColumn, cols, rows]);
31636
- var handleHideColumnClick = function handleHideColumnClick(_event, id) {
31642
+ var handleHideColumnClick = function handleHideColumnClick(_event, _id) {
31643
+ var _String2;
31644
+ var id = (_String2 = String(_id)) === null || _String2 === undefined ? undefined : _String2.replace(' ', '_').toLowerCase();
31637
31645
  var selectedIndex = hideColumn.indexOf(id);
31638
31646
  var newSelected = [];
31639
31647
  if (selectedIndex === -1) {
@@ -31835,7 +31843,7 @@ function DataTable(_ref) {
31835
31843
  style: _objectSpread2({
31836
31844
  position: 'relative',
31837
31845
  overflowY: 'auto',
31838
- maxWidth: 'calc(100vw - 1rem)',
31846
+ maxWidth: 'calc(100vw - 1.5rem)',
31839
31847
  width: sideMenu ? 'calc(100vw - 17.2rem)' : 'inherit !important'
31840
31848
  }, style)
31841
31849
  }, /*#__PURE__*/React.createElement(Table, {
@@ -32163,7 +32171,7 @@ var PaginationItem = function PaginationItem(_ref) {
32163
32171
  dynamic: [theme.palette.success, theme.layout.radius, theme.palette.background, hover, theme.palette.success, theme.palette.background, theme.expressiveness.shadowSmall, activeHover, theme.expressiveness.shadowMedium, theme.palette.accents_4, theme.palette.accents_2]
32164
32172
  }, "li.__jsx-style-dynamic-selector{margin-right:0.428em;display:inline-block;}button.__jsx-style-dynamic-selector{border:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;text-transform:capitalize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-align:center;vertical-align:middle;box-shadow:none;outline:none;height:var(--pagination-size);min-width:var(--pagination-size);font-size:inherit;cursor:pointer;color:".concat(theme.palette.success, ";border-radius:").concat(theme.layout.radius, ";background-color:").concat(theme.palette.background, ";-webkit-transition:all linear 200ms 0ms;transition:all linear 200ms 0ms;}button.__jsx-style-dynamic-selector:hover{background-color:").concat(hover, ";}.active.__jsx-style-dynamic-selector{font-weight:bold;background-color:").concat(theme.palette.success, ";color:").concat(theme.palette.background, ";box-shadow:").concat(theme.expressiveness.shadowSmall, ";}.active.__jsx-style-dynamic-selector:hover{background-color:").concat(activeHover, ";box-shadow:").concat(theme.expressiveness.shadowMedium, ";}.disabled.__jsx-style-dynamic-selector{color:").concat(theme.palette.accents_4, ";cursor:not-allowed;}.disabled.__jsx-style-dynamic-selector:hover{background-color:").concat(theme.palette.accents_2, ";}button.__jsx-style-dynamic-selector svg{width:1.3em;height:1.3em;}")));
32165
32173
  };
32166
- PaginationItem.displayName = 'GeistPaginationItem';
32174
+ PaginationItem.displayName = 'PaginationItem';
32167
32175
 
32168
32176
  /* "use client" */
32169
32177
 
@@ -32188,7 +32196,7 @@ var PaginationPrevious = function PaginationPrevious(_ref) {
32188
32196
  disabled: isFirst
32189
32197
  }, props), children);
32190
32198
  };
32191
- PaginationPrevious.displayName = 'GeistPaginationPrevious';
32199
+ PaginationPrevious.displayName = 'PaginationPrevious';
32192
32200
 
32193
32201
  var _excluded$2 = ["children"];
32194
32202
  var PaginationNext = function PaginationNext(_ref) {
@@ -32204,7 +32212,7 @@ var PaginationNext = function PaginationNext(_ref) {
32204
32212
  disabled: isLast
32205
32213
  }, props), children);
32206
32214
  };
32207
- PaginationNext.displayName = 'GeistPaginationNext';
32215
+ PaginationNext.displayName = 'PaginationNext';
32208
32216
 
32209
32217
  var PaginationEllipsis = function PaginationEllipsis(_ref) {
32210
32218
  var isBefore = _ref.isBefore,
@@ -32269,7 +32277,7 @@ var PaginationEllipsis = function PaginationEllipsis(_ref) {
32269
32277
  dynamic: [isBefore ? '180deg' : '0deg']
32270
32278
  }, "svg.__jsx-style-dynamic-selector{color:currentColor;stroke:currentColor;width:1em;height:1em;}.more.__jsx-style-dynamic-selector{-webkit-transform:rotate(".concat(isBefore ? '180deg' : '0deg', ");-ms-transform:rotate(").concat(isBefore ? '180deg' : '0deg', ");transform:rotate(").concat(isBefore ? '180deg' : '0deg', ");}")));
32271
32279
  };
32272
- PaginationEllipsis.displayName = 'GeistPaginationEllipsis';
32280
+ PaginationEllipsis.displayName = 'PaginationEllipsis';
32273
32281
 
32274
32282
  var PaginationPages = function PaginationPages(_ref) {
32275
32283
  var limit = _ref.limit,
@@ -32350,7 +32358,7 @@ var PaginationPages = function PaginationPages(_ref) {
32350
32358
  }
32351
32359
  }), renderItem(count, current));
32352
32360
  };
32353
- PaginationPages.displayName = 'GeistPaginationPages';
32361
+ PaginationPages.displayName = 'PaginationPages';
32354
32362
 
32355
32363
  var _excluded$1 = ["page", "initialPage", "count", "limit", "children", "onChange", "className"];
32356
32364
  var PaginationComponent = function PaginationComponent(_ref) {
@@ -32528,7 +32536,7 @@ function TableComponent(tableProps) {
32528
32536
  }, /*#__PURE__*/React.createElement("table", _extends({
32529
32537
  ref: ref
32530
32538
  }, props, {
32531
- className: _JSXStyle.dynamic([["2620297225", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || "")
32539
+ className: _JSXStyle.dynamic([["1971279331", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || "")
32532
32540
  }), /*#__PURE__*/React.createElement(TableHead, {
32533
32541
  stickyHeader: stickyHeader,
32534
32542
  columns: columns,
@@ -32546,10 +32554,10 @@ function TableComponent(tableProps) {
32546
32554
  readOnly: readOnly,
32547
32555
  onSelected: onSelected
32548
32556
  }), children, dataLength && viewLength && onPageChange ? /*#__PURE__*/React.createElement("tfoot", {
32549
- className: _JSXStyle.dynamic([["2620297225", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
32557
+ className: _JSXStyle.dynamic([["1971279331", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
32550
32558
  }, /*#__PURE__*/React.createElement("td", {
32551
32559
  colSpan: columns === null || columns === undefined ? undefined : columns.length,
32552
- className: _JSXStyle.dynamic([["2620297225", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
32560
+ className: _JSXStyle.dynamic([["1971279331", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
32553
32561
  }, /*#__PURE__*/React.createElement(Pagination, {
32554
32562
  style: {
32555
32563
  marginLeft: '10px',
@@ -32567,9 +32575,9 @@ function TableComponent(tableProps) {
32567
32575
  limit: 5,
32568
32576
  count: Number(dataLength / viewLength)
32569
32577
  }, /*#__PURE__*/React.createElement(Pagination.Next, null, /*#__PURE__*/React.createElement(ChevronRight$1, null)), /*#__PURE__*/React.createElement(Pagination.Previous, null, /*#__PURE__*/React.createElement(ChevronLeft$1, null))))) : null, /*#__PURE__*/React.createElement(_JSXStyle, {
32570
- id: "2620297225",
32578
+ id: "1971279331",
32571
32579
  dynamic: [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
32572
- }, "table.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;table-layout:fixed;--table-font-size:".concat(SCALES.font(1), ";font-size:var(--table-font-size);width:").concat(SCALES.width(1, '100%'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}tfoot.__jsx-style-dynamic-selector td.__jsx-style-dynamic-selector{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;background-color:#fff;}"))));
32580
+ }, "table.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;--table-font-size:".concat(SCALES.font(1), ";font-size:var(--table-font-size);width:").concat(SCALES.width(1, '100%'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}tfoot.__jsx-style-dynamic-selector td.__jsx-style-dynamic-selector{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;background-color:#fff;}"))));
32573
32581
  }
32574
32582
  TableComponent.displayName = 'Table';
32575
32583
  TableComponent.Column = TableColumn;
package/esm/pagination/pagination-ellipsis.js CHANGED
@@ -65,5 +65,5 @@ var PaginationEllipsis = function PaginationEllipsis(_ref) {
65
65
  dynamic: [isBefore ? '180deg' : '0deg']
66
66
  }, "svg.__jsx-style-dynamic-selector{color:currentColor;stroke:currentColor;width:1em;height:1em;}.more.__jsx-style-dynamic-selector{-webkit-transform:rotate(".concat(isBefore ? '180deg' : '0deg', ");-ms-transform:rotate(").concat(isBefore ? '180deg' : '0deg', ");transform:rotate(").concat(isBefore ? '180deg' : '0deg', ");}")));
67
67
  };
68
- PaginationEllipsis.displayName = 'GeistPaginationEllipsis';
68
+ PaginationEllipsis.displayName = 'PaginationEllipsis';
69
69
  export default PaginationEllipsis;
package/esm/pagination/pagination-item.js CHANGED
@@ -39,5 +39,5 @@ var PaginationItem = function PaginationItem(_ref) {
39
39
  dynamic: [theme.palette.success, theme.layout.radius, theme.palette.background, hover, theme.palette.success, theme.palette.background, theme.expressiveness.shadowSmall, activeHover, theme.expressiveness.shadowMedium, theme.palette.accents_4, theme.palette.accents_2]
40
40
  }, "li.__jsx-style-dynamic-selector{margin-right:0.428em;display:inline-block;}button.__jsx-style-dynamic-selector{border:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;text-transform:capitalize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-align:center;vertical-align:middle;box-shadow:none;outline:none;height:var(--pagination-size);min-width:var(--pagination-size);font-size:inherit;cursor:pointer;color:".concat(theme.palette.success, ";border-radius:").concat(theme.layout.radius, ";background-color:").concat(theme.palette.background, ";-webkit-transition:all linear 200ms 0ms;transition:all linear 200ms 0ms;}button.__jsx-style-dynamic-selector:hover{background-color:").concat(hover, ";}.active.__jsx-style-dynamic-selector{font-weight:bold;background-color:").concat(theme.palette.success, ";color:").concat(theme.palette.background, ";box-shadow:").concat(theme.expressiveness.shadowSmall, ";}.active.__jsx-style-dynamic-selector:hover{background-color:").concat(activeHover, ";box-shadow:").concat(theme.expressiveness.shadowMedium, ";}.disabled.__jsx-style-dynamic-selector{color:").concat(theme.palette.accents_4, ";cursor:not-allowed;}.disabled.__jsx-style-dynamic-selector:hover{background-color:").concat(theme.palette.accents_2, ";}button.__jsx-style-dynamic-selector svg{width:1.3em;height:1.3em;}")));
41
41
  };
42
- PaginationItem.displayName = 'GeistPaginationItem';
42
+ PaginationItem.displayName = 'PaginationItem';
43
43
  export default PaginationItem;
package/esm/pagination/pagination-next.js CHANGED
@@ -17,5 +17,5 @@ var PaginationNext = function PaginationNext(_ref) {
17
17
  disabled: isLast
18
18
  }, props), children);
19
19
  };
20
- PaginationNext.displayName = 'GeistPaginationNext';
20
+ PaginationNext.displayName = 'PaginationNext';
21
21
  export default PaginationNext;
package/esm/pagination/pagination-pages.js CHANGED
@@ -82,5 +82,5 @@ var PaginationPages = function PaginationPages(_ref) {
82
82
  }
83
83
  }), renderItem(count, current));
84
84
  };
85
- PaginationPages.displayName = 'GeistPaginationPages';
85
+ PaginationPages.displayName = 'PaginationPages';
86
86
  export default PaginationPages;
package/esm/pagination/pagination-previous.js CHANGED
@@ -17,5 +17,5 @@ var PaginationPrevious = function PaginationPrevious(_ref) {
17
17
  disabled: isFirst
18
18
  }, props), children);
19
19
  };
20
- PaginationPrevious.displayName = 'GeistPaginationPrevious';
20
+ PaginationPrevious.displayName = 'PaginationPrevious';
21
21
  export default PaginationPrevious;
package/esm/table/data-table.js CHANGED
@@ -85,18 +85,22 @@ function DataTable(_ref) {
85
85
  }, [selected]);
86
86
  useEffect(function () {
87
87
  cols.forEach(function (col) {
88
+ var _String;
89
+ var dataName = (_String = String(col === null || col === void 0 ? void 0 : col.name)) === null || _String === void 0 ? void 0 : _String.replace(' ', '_').toLowerCase();
88
90
  if (hideColumn.includes(col.name)) {
89
- document.querySelectorAll("[data-column=\"".concat(String(col.name).toLowerCase(), "\"]")).forEach(function (el) {
91
+ document.querySelectorAll("[data-column=\"".concat(dataName, "\"]")).forEach(function (el) {
90
92
  el.style.display = 'none !important';
91
93
  });
92
94
  } else {
93
- document.querySelectorAll("[data-column=\"".concat(String(col.name).toLowerCase(), "\"]")).forEach(function (el) {
95
+ document.querySelectorAll("[data-column=\"".concat(dataName, "\"]")).forEach(function (el) {
94
96
  el.style.display = '';
95
97
  });
96
98
  }
97
99
  });
98
100
  }, [hideColumn, cols, rows]);
99
- var handleHideColumnClick = function handleHideColumnClick(_event, id) {
101
+ var handleHideColumnClick = function handleHideColumnClick(_event, _id) {
102
+ var _String2;
103
+ var id = (_String2 = String(_id)) === null || _String2 === void 0 ? void 0 : _String2.replace(' ', '_').toLowerCase();
100
104
  var selectedIndex = hideColumn.indexOf(id);
101
105
  var newSelected = [];
102
106
  if (selectedIndex === -1) {
@@ -298,7 +302,7 @@ function DataTable(_ref) {
298
302
  style: _extends({
299
303
  position: 'relative',
300
304
  overflowY: 'auto',
301
- maxWidth: 'calc(100vw - 1rem)',
305
+ maxWidth: 'calc(100vw - 1.5rem)',
302
306
  width: sideMenu ? 'calc(100vw - 17.2rem)' : 'inherit !important'
303
307
  }, style)
304
308
  }, /*#__PURE__*/React.createElement(Table, {
package/esm/table/table-cell.js CHANGED
@@ -8,9 +8,11 @@ var TableCell = function TableCell(_ref) {
8
8
  onCellClick = _ref.onCellClick;
9
9
  /* eslint-disable react/jsx-no-useless-fragment */
10
10
  return /*#__PURE__*/React.createElement(React.Fragment, null, columns.map(function (column, index) {
11
+ var _String;
11
12
  var currentRowValue = row[column.prop];
12
13
  var cellValue = currentRowValue || emptyText;
13
14
  var shouldBeRenderElement = column.renderHandler(currentRowValue, row, rowIndex);
15
+ var dataName = (_String = String(column === null || column === void 0 ? void 0 : column.label)) === null || _String === void 0 ? void 0 : _String.replace(' ', '_').toLowerCase();
14
16
  return /*#__PURE__*/React.createElement("td", {
15
17
  style: _extends({
16
18
  fontSize: "".concat(column === null || column === void 0 ? void 0 : column.fontSize),
@@ -21,7 +23,7 @@ var TableCell = function TableCell(_ref) {
21
23
  boxSizing: 'border-box',
22
24
  whiteSpace: column !== null && column !== void 0 && column.noWrap ? 'nowrap' : 'normal'
23
25
  }, currentRowValue === null || currentRowValue === void 0 ? void 0 : currentRowValue.style),
24
- "data-column": String(column.label).toLowerCase(),
26
+ "data-column": dataName,
25
27
  key: "row-td-".concat(index, "-").concat(column.prop.toString()),
26
28
  onClick: function onClick() {
27
29
  return onCellClick && onCellClick(currentRowValue, rowIndex, index);
package/esm/table/table-head.js CHANGED
@@ -131,6 +131,8 @@ var TableHead = function TableHead(props) {
131
131
  }, /*#__PURE__*/React.createElement("tr", {
132
132
  className: _JSXStyle.dynamic([["500933572", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", 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]]])
133
133
  }, columns.map(function (column, index) {
134
+ var _String2;
135
+ var dataName = (_String2 = String(column === null || column === void 0 ? void 0 : column.label)) === null || _String2 === void 0 ? void 0 : _String2.replace(' ', '_').toLowerCase();
134
136
  return /*#__PURE__*/React.createElement("th", {
135
137
  style: {
136
138
  // textAlign: `${column?.align} !important`,
@@ -140,7 +142,7 @@ var TableHead = function TableHead(props) {
140
142
  whiteSpace: column !== null && column !== void 0 && column.noWrap ? 'nowrap' : 'normal'
141
143
  },
142
144
  key: "table-th-".concat(column.prop.toString(), "-").concat(index),
143
- "data-column": column.label,
145
+ "data-column": dataName,
144
146
  className: _JSXStyle.dynamic([["500933572", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", 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 || "")
145
147
  }, /*#__PURE__*/React.createElement("div", {
146
148
  className: _JSXStyle.dynamic([["500933572", [stickyHeader && "\n position: sticky;\n top: 0;\n background-color: #fff;\n z-index: 1;\n ", 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]]]) + " " + "thead-box"
package/esm/table/table.js CHANGED
@@ -106,7 +106,7 @@ function TableComponent(tableProps) {
106
106
  }, /*#__PURE__*/React.createElement("table", _extends({
107
107
  ref: ref
108
108
  }, props, {
109
- className: _JSXStyle.dynamic([["2620297225", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || "")
109
+ className: _JSXStyle.dynamic([["1971279331", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || "")
110
110
  }), /*#__PURE__*/React.createElement(TableHead, {
111
111
  stickyHeader: stickyHeader,
112
112
  columns: columns,
@@ -124,10 +124,10 @@ function TableComponent(tableProps) {
124
124
  readOnly: readOnly,
125
125
  onSelected: onSelected
126
126
  }), children, dataLength && viewLength && onPageChange ? /*#__PURE__*/React.createElement("tfoot", {
127
- className: _JSXStyle.dynamic([["2620297225", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
127
+ className: _JSXStyle.dynamic([["1971279331", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
128
128
  }, /*#__PURE__*/React.createElement("td", {
129
129
  colSpan: columns === null || columns === void 0 ? void 0 : columns.length,
130
- className: _JSXStyle.dynamic([["2620297225", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
130
+ className: _JSXStyle.dynamic([["1971279331", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]])
131
131
  }, /*#__PURE__*/React.createElement(Pagination, {
132
132
  style: {
133
133
  marginLeft: '10px',
@@ -145,9 +145,9 @@ function TableComponent(tableProps) {
145
145
  limit: 5,
146
146
  count: Number(dataLength / viewLength)
147
147
  }, /*#__PURE__*/React.createElement(Pagination.Next, null, /*#__PURE__*/React.createElement(ChevronRight, null)), /*#__PURE__*/React.createElement(Pagination.Previous, null, /*#__PURE__*/React.createElement(ChevronLeft, null))))) : null, /*#__PURE__*/React.createElement(_JSXStyle, {
148
- id: "2620297225",
148
+ id: "1971279331",
149
149
  dynamic: [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, 'auto'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]
150
- }, "table.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;table-layout:fixed;--table-font-size:".concat(SCALES.font(1), ";font-size:var(--table-font-size);width:").concat(SCALES.width(1, '100%'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}tfoot.__jsx-style-dynamic-selector td.__jsx-style-dynamic-selector{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;background-color:#fff;}"))));
150
+ }, "table.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;--table-font-size:".concat(SCALES.font(1), ";font-size:var(--table-font-size);width:").concat(SCALES.width(1, '100%'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}tfoot.__jsx-style-dynamic-selector td.__jsx-style-dynamic-selector{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;background-color:#fff;}"))));
151
151
  }
152
152
  TableComponent.displayName = 'Table';
153
153
  TableComponent.Column = TableColumn;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@helpdice/ui",
3
- "version": "1.4.0",
3
+ "version": "1.4.1",
4
4
  "main": "dist/index.js",
5
5
  "types": "esm/index.d.ts",
6
6
  "unpkg": "dist/index.min.js",