@helpdice/ui 1.3.9 → 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 (14) hide show
  1. package/dist/index.js +49 -33
  2. package/dist/pagination/index.js +5 -5
  3. package/dist/table/index.js +49 -33
  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-body.js +7 -7
  11. package/esm/table/table-cell.js +4 -1
  12. package/esm/table/table-head.js +17 -11
  13. package/esm/table/table.js +8 -5
  14. 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) {
@@ -42169,9 +42169,10 @@ var TableHead = function TableHead(props) {
42169
42169
  },
42170
42170
  "data-column": Header,
42171
42171
  key: unq_accessor
42172
- }, accessor === 'fixed' && /*#__PURE__*/React.createElement(Select, {
42173
- key: unq_accessor,
42174
- name: filterName,
42172
+ }, accessor === 'fixed' && /*#__PURE__*/React.createElement(Select
42173
+ // key={unq_accessor}
42174
+ // name={filterName}
42175
+ , {
42175
42176
  value: (_filters$filterName = filters[filterName]) !== null && _filters$filterName !== undefined ? _filters$filterName : 'All',
42176
42177
  onChange: function onChange(newValue) {
42177
42178
  return handleFilterChange(filterName, newValue);
@@ -42182,21 +42183,24 @@ var TableHead = function TableHead(props) {
42182
42183
  return /*#__PURE__*/React.createElement(Select.Option, {
42183
42184
  value: option.value
42184
42185
  }, option.name);
42185
- }) : null), accessor === 'date' && /*#__PURE__*/React.createElement(Input, {
42186
- id: "filter-date-".concat(filterName),
42187
- htmlType: "date",
42188
- name: filterName,
42186
+ }) : null), accessor === 'date' && /*#__PURE__*/React.createElement(Input
42187
+ // id={`filter-date-${filterName}`}
42188
+ , {
42189
+ htmlType: "date"
42190
+ // name={filterName}
42191
+ ,
42189
42192
  value: filters[filterName],
42190
42193
  onChange: function onChange(e) {
42191
42194
  return handleFilterChange(filterName, e.target.value);
42192
42195
  }
42193
- }), accessor === 'search' && /*#__PURE__*/React.createElement(Input, {
42194
- id: "filter-search-".concat(filterName),
42196
+ }), accessor === 'search' && /*#__PURE__*/React.createElement(Input
42197
+ // id={`filter-search-${filterName}`}
42198
+ , {
42195
42199
  htmlType: "text",
42196
42200
  autoComplete: "off"
42197
42201
  // ref={filterRefs.current[filterName]} // Dynamically set ref}
42202
+ // name={filterName}
42198
42203
  ,
42199
- name: filterName,
42200
42204
  style: {
42201
42205
  height: 30,
42202
42206
  minWidth: 160
@@ -42215,6 +42219,8 @@ var TableHead = function TableHead(props) {
42215
42219
  }, /*#__PURE__*/React.createElement("tr", {
42216
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]]])
42217
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();
42218
42224
  return /*#__PURE__*/React.createElement("th", {
42219
42225
  style: {
42220
42226
  // textAlign: `${column?.align} !important`,
@@ -42224,7 +42230,7 @@ var TableHead = function TableHead(props) {
42224
42230
  whiteSpace: column !== null && column !== undefined && column.noWrap ? 'nowrap' : 'normal'
42225
42231
  },
42226
42232
  key: "table-th-".concat(column.prop.toString(), "-").concat(index),
42227
- "data-column": column.label,
42233
+ "data-column": dataName,
42228
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 || "")
42229
42235
  }, /*#__PURE__*/React.createElement("div", {
42230
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"
@@ -42253,9 +42259,11 @@ var TableCell = function TableCell(_ref) {
42253
42259
  onCellClick = _ref.onCellClick;
42254
42260
  /* eslint-disable react/jsx-no-useless-fragment */
42255
42261
  return /*#__PURE__*/React.createElement(React.Fragment, null, columns.map(function (column, index) {
42262
+ var _String;
42256
42263
  var currentRowValue = row[column.prop];
42257
42264
  var cellValue = currentRowValue || emptyText;
42258
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();
42259
42267
  return /*#__PURE__*/React.createElement("td", {
42260
42268
  style: _objectSpread2({
42261
42269
  fontSize: "".concat(column === null || column === undefined ? undefined : column.fontSize),
@@ -42263,9 +42271,10 @@ var TableCell = function TableCell(_ref) {
42263
42271
  paddingLeft: '0.3rem',
42264
42272
  paddingRight: '0.3rem',
42265
42273
  color: "".concat(column === null || column === undefined ? undefined : column.color),
42274
+ boxSizing: 'border-box',
42266
42275
  whiteSpace: column !== null && column !== undefined && column.noWrap ? 'nowrap' : 'normal'
42267
42276
  }, currentRowValue === null || currentRowValue === undefined ? undefined : currentRowValue.style),
42268
- "data-column": String(column.label).toLowerCase(),
42277
+ "data-column": dataName,
42269
42278
  key: "row-td-".concat(index, "-").concat(column.prop.toString()),
42270
42279
  onClick: function onClick() {
42271
42280
  return onCellClick && onCellClick(currentRowValue, rowIndex, index);
@@ -42914,18 +42923,22 @@ function DataTable(_ref) {
42914
42923
  }, [selected]);
42915
42924
  React.useEffect(function () {
42916
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();
42917
42928
  if (hideColumn.includes(col.name)) {
42918
- document.querySelectorAll("[data-column=\"".concat(String(col.name).toLowerCase(), "\"]")).forEach(function (el) {
42929
+ document.querySelectorAll("[data-column=\"".concat(dataName, "\"]")).forEach(function (el) {
42919
42930
  el.style.display = 'none !important';
42920
42931
  });
42921
42932
  } else {
42922
- document.querySelectorAll("[data-column=\"".concat(String(col.name).toLowerCase(), "\"]")).forEach(function (el) {
42933
+ document.querySelectorAll("[data-column=\"".concat(dataName, "\"]")).forEach(function (el) {
42923
42934
  el.style.display = '';
42924
42935
  });
42925
42936
  }
42926
42937
  });
42927
42938
  }, [hideColumn, cols, rows]);
42928
- 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();
42929
42942
  var selectedIndex = hideColumn.indexOf(id);
42930
42943
  var newSelected = [];
42931
42944
  if (selectedIndex === -1) {
@@ -43127,7 +43140,7 @@ function DataTable(_ref) {
43127
43140
  style: _objectSpread2({
43128
43141
  position: 'relative',
43129
43142
  overflowY: 'auto',
43130
- maxWidth: 'calc(100vw - 1rem)',
43143
+ maxWidth: 'calc(100vw - 1.5rem)',
43131
43144
  width: sideMenu ? 'calc(100vw - 17.2rem)' : 'inherit !important'
43132
43145
  }, style)
43133
43146
  }, /*#__PURE__*/React.createElement(Table, {
@@ -43282,7 +43295,7 @@ var TableBody = function TableBody(_ref) {
43282
43295
  })))));
43283
43296
  }
43284
43297
  return /*#__PURE__*/React.createElement("tbody", {
43285
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
43298
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
43286
43299
  }, data.map(function (row, index) {
43287
43300
  var _row$table, _row$table2, _row$table3, _row$table4, _row$table5;
43288
43301
  var qid = _.uniqueId();
@@ -43290,21 +43303,21 @@ var TableBody = function TableBody(_ref) {
43290
43303
  var uid = _.uniqueId();
43291
43304
  return /*#__PURE__*/React.createElement("tr", {
43292
43305
  key: uid,
43293
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
43306
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
43294
43307
  }, /*#__PURE__*/React.createElement("td", {
43295
43308
  colSpan: columns.length,
43296
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
43309
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
43297
43310
  }, "\u2003"));
43298
43311
  }
43299
43312
  return /*#__PURE__*/React.createElement(React.Fragment, null, renderRow(columns, row, index), (row === null || row === undefined ? undefined : row.table) && /*#__PURE__*/React.createElement("tr", {
43300
43313
  key: qid,
43301
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
43314
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
43302
43315
  }, /*#__PURE__*/React.createElement("td", {
43303
43316
  style: {
43304
43317
  padding: '1rem'
43305
43318
  },
43306
43319
  colSpan: columns.length,
43307
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
43320
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
43308
43321
  }, /*#__PURE__*/React.createElement(DataTable$1, {
43309
43322
  readOnly: true,
43310
43323
  stickyHeader: false,
@@ -43332,9 +43345,9 @@ var TableBody = function TableBody(_ref) {
43332
43345
  // </tr>
43333
43346
  // )
43334
43347
  }), /*#__PURE__*/React.createElement(_JSXStyle, {
43335
- id: "1229207510",
43348
+ id: "1422656197",
43336
43349
  dynamic: [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]
43337
- }, "tbody.__jsx-style-dynamic-selector{display:block;overflow-y:auto;max-height:calc(100vh - 10rem);}tr.__jsx-style-dynamic-selector{-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;font-size:inherit;}tr.hover.__jsx-style-dynamic-selector:hover{background-color:".concat(theme.palette.accents_1, ";}tr.draggable.__jsx-style-dynamic-selector:hover{border:2px dashed #dfdfdf;margin:3px;}tr.__jsx-style-dynamic-selector td{padding:0 0.5em;border-bottom:1px solid ").concat(theme.palette.border, ";color:").concat(theme.palette.accents_6, ";font-size:calc(0.875 * var(--table-font-size));text-align:left;}tr.__jsx-style-dynamic-selector .cell{min-height:calc(3.125 * var(--table-font-size));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}")));
43350
+ }, "tr.__jsx-style-dynamic-selector{-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;font-size:inherit;}tr.hover.__jsx-style-dynamic-selector:hover{background-color:".concat(theme.palette.accents_1, ";}tr.draggable.__jsx-style-dynamic-selector:hover{border:2px dashed #dfdfdf;margin:3px;}tr.__jsx-style-dynamic-selector td{padding:0 0.5em;border-bottom:1px solid ").concat(theme.palette.border, ";color:").concat(theme.palette.accents_6, ";font-size:calc(0.875 * var(--table-font-size));text-align:left;}tr.__jsx-style-dynamic-selector .cell{min-height:calc(3.125 * var(--table-font-size));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}")));
43338
43351
  };
43339
43352
  TableBody.displayName = 'TableBody';
43340
43353
 
@@ -43470,7 +43483,7 @@ function TableComponent(tableProps) {
43470
43483
  }, /*#__PURE__*/React.createElement("table", _extends({
43471
43484
  ref: ref
43472
43485
  }, props, {
43473
- className: _JSXStyle.dynamic([["864348448", [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 || "")
43474
43487
  }), /*#__PURE__*/React.createElement(TableHead, {
43475
43488
  stickyHeader: stickyHeader,
43476
43489
  columns: columns,
@@ -43488,7 +43501,10 @@ function TableComponent(tableProps) {
43488
43501
  readOnly: readOnly,
43489
43502
  onSelected: onSelected
43490
43503
  }), children, dataLength && viewLength && onPageChange ? /*#__PURE__*/React.createElement("tfoot", {
43491
- className: _JSXStyle.dynamic([["864348448", [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)]]])
43505
+ }, /*#__PURE__*/React.createElement("td", {
43506
+ colSpan: columns === null || columns === undefined ? undefined : columns.length,
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)]]])
43492
43508
  }, /*#__PURE__*/React.createElement(Pagination, {
43493
43509
  style: {
43494
43510
  marginLeft: '10px',
@@ -43505,10 +43521,10 @@ function TableComponent(tableProps) {
43505
43521
  },
43506
43522
  limit: 5,
43507
43523
  count: Number(dataLength / viewLength)
43508
- }, /*#__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, {
43509
- id: "864348448",
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, {
43525
+ id: "1971279331",
43510
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)]
43511
- }, "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{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;}"))));
43512
43528
  }
43513
43529
  TableComponent.displayName = 'Table';
43514
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
@@ -19927,9 +19927,10 @@ var TableHead = function TableHead(props) {
19927
19927
  },
19928
19928
  "data-column": Header,
19929
19929
  key: unq_accessor
19930
- }, accessor === 'fixed' && /*#__PURE__*/React.createElement(Select, {
19931
- key: unq_accessor,
19932
- name: filterName,
19930
+ }, accessor === 'fixed' && /*#__PURE__*/React.createElement(Select
19931
+ // key={unq_accessor}
19932
+ // name={filterName}
19933
+ , {
19933
19934
  value: (_filters$filterName = filters[filterName]) !== null && _filters$filterName !== undefined ? _filters$filterName : 'All',
19934
19935
  onChange: function onChange(newValue) {
19935
19936
  return handleFilterChange(filterName, newValue);
@@ -19940,21 +19941,24 @@ var TableHead = function TableHead(props) {
19940
19941
  return /*#__PURE__*/React.createElement(Select.Option, {
19941
19942
  value: option.value
19942
19943
  }, option.name);
19943
- }) : null), accessor === 'date' && /*#__PURE__*/React.createElement(Input, {
19944
- id: "filter-date-".concat(filterName),
19945
- htmlType: "date",
19946
- name: filterName,
19944
+ }) : null), accessor === 'date' && /*#__PURE__*/React.createElement(Input
19945
+ // id={`filter-date-${filterName}`}
19946
+ , {
19947
+ htmlType: "date"
19948
+ // name={filterName}
19949
+ ,
19947
19950
  value: filters[filterName],
19948
19951
  onChange: function onChange(e) {
19949
19952
  return handleFilterChange(filterName, e.target.value);
19950
19953
  }
19951
- }), accessor === 'search' && /*#__PURE__*/React.createElement(Input, {
19952
- id: "filter-search-".concat(filterName),
19954
+ }), accessor === 'search' && /*#__PURE__*/React.createElement(Input
19955
+ // id={`filter-search-${filterName}`}
19956
+ , {
19953
19957
  htmlType: "text",
19954
19958
  autoComplete: "off"
19955
19959
  // ref={filterRefs.current[filterName]} // Dynamically set ref}
19960
+ // name={filterName}
19956
19961
  ,
19957
- name: filterName,
19958
19962
  style: {
19959
19963
  height: 30,
19960
19964
  minWidth: 160
@@ -19973,6 +19977,8 @@ var TableHead = function TableHead(props) {
19973
19977
  }, /*#__PURE__*/React.createElement("tr", {
19974
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]]])
19975
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();
19976
19982
  return /*#__PURE__*/React.createElement("th", {
19977
19983
  style: {
19978
19984
  // textAlign: `${column?.align} !important`,
@@ -19982,7 +19988,7 @@ var TableHead = function TableHead(props) {
19982
19988
  whiteSpace: column !== null && column !== undefined && column.noWrap ? 'nowrap' : 'normal'
19983
19989
  },
19984
19990
  key: "table-th-".concat(column.prop.toString(), "-").concat(index),
19985
- "data-column": column.label,
19991
+ "data-column": dataName,
19986
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 || "")
19987
19993
  }, /*#__PURE__*/React.createElement("div", {
19988
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"
@@ -20011,9 +20017,11 @@ var TableCell = function TableCell(_ref) {
20011
20017
  onCellClick = _ref.onCellClick;
20012
20018
  /* eslint-disable react/jsx-no-useless-fragment */
20013
20019
  return /*#__PURE__*/React.createElement(React.Fragment, null, columns.map(function (column, index) {
20020
+ var _String;
20014
20021
  var currentRowValue = row[column.prop];
20015
20022
  var cellValue = currentRowValue || emptyText;
20016
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();
20017
20025
  return /*#__PURE__*/React.createElement("td", {
20018
20026
  style: _objectSpread2({
20019
20027
  fontSize: "".concat(column === null || column === undefined ? undefined : column.fontSize),
@@ -20021,9 +20029,10 @@ var TableCell = function TableCell(_ref) {
20021
20029
  paddingLeft: '0.3rem',
20022
20030
  paddingRight: '0.3rem',
20023
20031
  color: "".concat(column === null || column === undefined ? undefined : column.color),
20032
+ boxSizing: 'border-box',
20024
20033
  whiteSpace: column !== null && column !== undefined && column.noWrap ? 'nowrap' : 'normal'
20025
20034
  }, currentRowValue === null || currentRowValue === undefined ? undefined : currentRowValue.style),
20026
- "data-column": String(column.label).toLowerCase(),
20035
+ "data-column": dataName,
20027
20036
  key: "row-td-".concat(index, "-").concat(column.prop.toString()),
20028
20037
  onClick: function onClick() {
20029
20038
  return onCellClick && onCellClick(currentRowValue, rowIndex, index);
@@ -31617,18 +31626,22 @@ function DataTable(_ref) {
31617
31626
  }, [selected]);
31618
31627
  React.useEffect(function () {
31619
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();
31620
31631
  if (hideColumn.includes(col.name)) {
31621
- document.querySelectorAll("[data-column=\"".concat(String(col.name).toLowerCase(), "\"]")).forEach(function (el) {
31632
+ document.querySelectorAll("[data-column=\"".concat(dataName, "\"]")).forEach(function (el) {
31622
31633
  el.style.display = 'none !important';
31623
31634
  });
31624
31635
  } else {
31625
- document.querySelectorAll("[data-column=\"".concat(String(col.name).toLowerCase(), "\"]")).forEach(function (el) {
31636
+ document.querySelectorAll("[data-column=\"".concat(dataName, "\"]")).forEach(function (el) {
31626
31637
  el.style.display = '';
31627
31638
  });
31628
31639
  }
31629
31640
  });
31630
31641
  }, [hideColumn, cols, rows]);
31631
- 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();
31632
31645
  var selectedIndex = hideColumn.indexOf(id);
31633
31646
  var newSelected = [];
31634
31647
  if (selectedIndex === -1) {
@@ -31830,7 +31843,7 @@ function DataTable(_ref) {
31830
31843
  style: _objectSpread2({
31831
31844
  position: 'relative',
31832
31845
  overflowY: 'auto',
31833
- maxWidth: 'calc(100vw - 1rem)',
31846
+ maxWidth: 'calc(100vw - 1.5rem)',
31834
31847
  width: sideMenu ? 'calc(100vw - 17.2rem)' : 'inherit !important'
31835
31848
  }, style)
31836
31849
  }, /*#__PURE__*/React.createElement(Table, {
@@ -31985,7 +31998,7 @@ var TableBody = function TableBody(_ref) {
31985
31998
  })))));
31986
31999
  }
31987
32000
  return /*#__PURE__*/React.createElement("tbody", {
31988
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
32001
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
31989
32002
  }, data.map(function (row, index) {
31990
32003
  var _row$table, _row$table2, _row$table3, _row$table4, _row$table5;
31991
32004
  var qid = _.uniqueId();
@@ -31993,21 +32006,21 @@ var TableBody = function TableBody(_ref) {
31993
32006
  var uid = _.uniqueId();
31994
32007
  return /*#__PURE__*/React.createElement("tr", {
31995
32008
  key: uid,
31996
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
32009
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
31997
32010
  }, /*#__PURE__*/React.createElement("td", {
31998
32011
  colSpan: columns.length,
31999
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
32012
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
32000
32013
  }, "\u2003"));
32001
32014
  }
32002
32015
  return /*#__PURE__*/React.createElement(React.Fragment, null, renderRow(columns, row, index), (row === null || row === undefined ? undefined : row.table) && /*#__PURE__*/React.createElement("tr", {
32003
32016
  key: qid,
32004
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
32017
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
32005
32018
  }, /*#__PURE__*/React.createElement("td", {
32006
32019
  style: {
32007
32020
  padding: '1rem'
32008
32021
  },
32009
32022
  colSpan: columns.length,
32010
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
32023
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
32011
32024
  }, /*#__PURE__*/React.createElement(DataTable$1, {
32012
32025
  readOnly: true,
32013
32026
  stickyHeader: false,
@@ -32035,9 +32048,9 @@ var TableBody = function TableBody(_ref) {
32035
32048
  // </tr>
32036
32049
  // )
32037
32050
  }), /*#__PURE__*/React.createElement(_JSXStyle, {
32038
- id: "1229207510",
32051
+ id: "1422656197",
32039
32052
  dynamic: [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]
32040
- }, "tbody.__jsx-style-dynamic-selector{display:block;overflow-y:auto;max-height:calc(100vh - 10rem);}tr.__jsx-style-dynamic-selector{-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;font-size:inherit;}tr.hover.__jsx-style-dynamic-selector:hover{background-color:".concat(theme.palette.accents_1, ";}tr.draggable.__jsx-style-dynamic-selector:hover{border:2px dashed #dfdfdf;margin:3px;}tr.__jsx-style-dynamic-selector td{padding:0 0.5em;border-bottom:1px solid ").concat(theme.palette.border, ";color:").concat(theme.palette.accents_6, ";font-size:calc(0.875 * var(--table-font-size));text-align:left;}tr.__jsx-style-dynamic-selector .cell{min-height:calc(3.125 * var(--table-font-size));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}")));
32053
+ }, "tr.__jsx-style-dynamic-selector{-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;font-size:inherit;}tr.hover.__jsx-style-dynamic-selector:hover{background-color:".concat(theme.palette.accents_1, ";}tr.draggable.__jsx-style-dynamic-selector:hover{border:2px dashed #dfdfdf;margin:3px;}tr.__jsx-style-dynamic-selector td{padding:0 0.5em;border-bottom:1px solid ").concat(theme.palette.border, ";color:").concat(theme.palette.accents_6, ";font-size:calc(0.875 * var(--table-font-size));text-align:left;}tr.__jsx-style-dynamic-selector .cell{min-height:calc(3.125 * var(--table-font-size));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}")));
32041
32054
  };
32042
32055
  TableBody.displayName = 'TableBody';
32043
32056
 
@@ -32158,7 +32171,7 @@ var PaginationItem = function PaginationItem(_ref) {
32158
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]
32159
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;}")));
32160
32173
  };
32161
- PaginationItem.displayName = 'GeistPaginationItem';
32174
+ PaginationItem.displayName = 'PaginationItem';
32162
32175
 
32163
32176
  /* "use client" */
32164
32177
 
@@ -32183,7 +32196,7 @@ var PaginationPrevious = function PaginationPrevious(_ref) {
32183
32196
  disabled: isFirst
32184
32197
  }, props), children);
32185
32198
  };
32186
- PaginationPrevious.displayName = 'GeistPaginationPrevious';
32199
+ PaginationPrevious.displayName = 'PaginationPrevious';
32187
32200
 
32188
32201
  var _excluded$2 = ["children"];
32189
32202
  var PaginationNext = function PaginationNext(_ref) {
@@ -32199,7 +32212,7 @@ var PaginationNext = function PaginationNext(_ref) {
32199
32212
  disabled: isLast
32200
32213
  }, props), children);
32201
32214
  };
32202
- PaginationNext.displayName = 'GeistPaginationNext';
32215
+ PaginationNext.displayName = 'PaginationNext';
32203
32216
 
32204
32217
  var PaginationEllipsis = function PaginationEllipsis(_ref) {
32205
32218
  var isBefore = _ref.isBefore,
@@ -32264,7 +32277,7 @@ var PaginationEllipsis = function PaginationEllipsis(_ref) {
32264
32277
  dynamic: [isBefore ? '180deg' : '0deg']
32265
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', ");}")));
32266
32279
  };
32267
- PaginationEllipsis.displayName = 'GeistPaginationEllipsis';
32280
+ PaginationEllipsis.displayName = 'PaginationEllipsis';
32268
32281
 
32269
32282
  var PaginationPages = function PaginationPages(_ref) {
32270
32283
  var limit = _ref.limit,
@@ -32345,7 +32358,7 @@ var PaginationPages = function PaginationPages(_ref) {
32345
32358
  }
32346
32359
  }), renderItem(count, current));
32347
32360
  };
32348
- PaginationPages.displayName = 'GeistPaginationPages';
32361
+ PaginationPages.displayName = 'PaginationPages';
32349
32362
 
32350
32363
  var _excluded$1 = ["page", "initialPage", "count", "limit", "children", "onChange", "className"];
32351
32364
  var PaginationComponent = function PaginationComponent(_ref) {
@@ -32523,7 +32536,7 @@ function TableComponent(tableProps) {
32523
32536
  }, /*#__PURE__*/React.createElement("table", _extends({
32524
32537
  ref: ref
32525
32538
  }, props, {
32526
- className: _JSXStyle.dynamic([["864348448", [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 || "")
32527
32540
  }), /*#__PURE__*/React.createElement(TableHead, {
32528
32541
  stickyHeader: stickyHeader,
32529
32542
  columns: columns,
@@ -32541,7 +32554,10 @@ function TableComponent(tableProps) {
32541
32554
  readOnly: readOnly,
32542
32555
  onSelected: onSelected
32543
32556
  }), children, dataLength && viewLength && onPageChange ? /*#__PURE__*/React.createElement("tfoot", {
32544
- className: _JSXStyle.dynamic([["864348448", [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)]]])
32558
+ }, /*#__PURE__*/React.createElement("td", {
32559
+ colSpan: columns === null || columns === undefined ? undefined : columns.length,
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)]]])
32545
32561
  }, /*#__PURE__*/React.createElement(Pagination, {
32546
32562
  style: {
32547
32563
  marginLeft: '10px',
@@ -32558,10 +32574,10 @@ function TableComponent(tableProps) {
32558
32574
  },
32559
32575
  limit: 5,
32560
32576
  count: Number(dataLength / viewLength)
32561
- }, /*#__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, {
32562
- id: "864348448",
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, {
32578
+ id: "1971279331",
32563
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)]
32564
- }, "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{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;}"))));
32565
32581
  }
32566
32582
  TableComponent.displayName = 'Table';
32567
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-body.js CHANGED
@@ -125,7 +125,7 @@ var TableBody = function TableBody(_ref) {
125
125
  })))));
126
126
  }
127
127
  return /*#__PURE__*/React.createElement("tbody", {
128
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
128
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
129
129
  }, data.map(function (row, index) {
130
130
  var _row$table, _row$table2, _row$table3, _row$table4, _row$table5;
131
131
  var qid = _.uniqueId();
@@ -133,21 +133,21 @@ var TableBody = function TableBody(_ref) {
133
133
  var uid = _.uniqueId();
134
134
  return /*#__PURE__*/React.createElement("tr", {
135
135
  key: uid,
136
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
136
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
137
137
  }, /*#__PURE__*/React.createElement("td", {
138
138
  colSpan: columns.length,
139
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
139
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
140
140
  }, "\u2003"));
141
141
  }
142
142
  return /*#__PURE__*/React.createElement(React.Fragment, null, renderRow(columns, row, index), (row === null || row === void 0 ? void 0 : row.table) && /*#__PURE__*/React.createElement("tr", {
143
143
  key: qid,
144
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
144
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
145
145
  }, /*#__PURE__*/React.createElement("td", {
146
146
  style: {
147
147
  padding: '1rem'
148
148
  },
149
149
  colSpan: columns.length,
150
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
150
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
151
151
  }, /*#__PURE__*/React.createElement(DataTable, {
152
152
  readOnly: true,
153
153
  stickyHeader: false,
@@ -175,9 +175,9 @@ var TableBody = function TableBody(_ref) {
175
175
  // </tr>
176
176
  // )
177
177
  }), /*#__PURE__*/React.createElement(_JSXStyle, {
178
- id: "1229207510",
178
+ id: "1422656197",
179
179
  dynamic: [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]
180
- }, "tbody.__jsx-style-dynamic-selector{display:block;overflow-y:auto;max-height:calc(100vh - 10rem);}tr.__jsx-style-dynamic-selector{-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;font-size:inherit;}tr.hover.__jsx-style-dynamic-selector:hover{background-color:".concat(theme.palette.accents_1, ";}tr.draggable.__jsx-style-dynamic-selector:hover{border:2px dashed #dfdfdf;margin:3px;}tr.__jsx-style-dynamic-selector td{padding:0 0.5em;border-bottom:1px solid ").concat(theme.palette.border, ";color:").concat(theme.palette.accents_6, ";font-size:calc(0.875 * var(--table-font-size));text-align:left;}tr.__jsx-style-dynamic-selector .cell{min-height:calc(3.125 * var(--table-font-size));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}")));
180
+ }, "tr.__jsx-style-dynamic-selector{-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;font-size:inherit;}tr.hover.__jsx-style-dynamic-selector:hover{background-color:".concat(theme.palette.accents_1, ";}tr.draggable.__jsx-style-dynamic-selector:hover{border:2px dashed #dfdfdf;margin:3px;}tr.__jsx-style-dynamic-selector td{padding:0 0.5em;border-bottom:1px solid ").concat(theme.palette.border, ";color:").concat(theme.palette.accents_6, ";font-size:calc(0.875 * var(--table-font-size));text-align:left;}tr.__jsx-style-dynamic-selector .cell{min-height:calc(3.125 * var(--table-font-size));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;}")));
181
181
  };
182
182
  TableBody.displayName = 'TableBody';
183
183
  export default TableBody;
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),
@@ -18,9 +20,10 @@ var TableCell = function TableCell(_ref) {
18
20
  paddingLeft: '0.3rem',
19
21
  paddingRight: '0.3rem',
20
22
  color: "".concat(column === null || column === void 0 ? void 0 : column.color),
23
+ boxSizing: 'border-box',
21
24
  whiteSpace: column !== null && column !== void 0 && column.noWrap ? 'nowrap' : 'normal'
22
25
  }, currentRowValue === null || currentRowValue === void 0 ? void 0 : currentRowValue.style),
23
- "data-column": String(column.label).toLowerCase(),
26
+ "data-column": dataName,
24
27
  key: "row-td-".concat(index, "-").concat(column.prop.toString()),
25
28
  onClick: function onClick() {
26
29
  return onCellClick && onCellClick(currentRowValue, rowIndex, index);
package/esm/table/table-head.js CHANGED
@@ -81,9 +81,10 @@ var TableHead = function TableHead(props) {
81
81
  },
82
82
  "data-column": Header,
83
83
  key: unq_accessor
84
- }, accessor === 'fixed' && /*#__PURE__*/React.createElement(Select, {
85
- key: unq_accessor,
86
- name: filterName,
84
+ }, accessor === 'fixed' && /*#__PURE__*/React.createElement(Select
85
+ // key={unq_accessor}
86
+ // name={filterName}
87
+ , {
87
88
  value: (_filters$filterName = filters[filterName]) !== null && _filters$filterName !== void 0 ? _filters$filterName : 'All',
88
89
  onChange: function onChange(newValue) {
89
90
  return handleFilterChange(filterName, newValue);
@@ -94,21 +95,24 @@ var TableHead = function TableHead(props) {
94
95
  return /*#__PURE__*/React.createElement(Select.Option, {
95
96
  value: option.value
96
97
  }, option.name);
97
- }) : null), accessor === 'date' && /*#__PURE__*/React.createElement(Input, {
98
- id: "filter-date-".concat(filterName),
99
- htmlType: "date",
100
- name: filterName,
98
+ }) : null), accessor === 'date' && /*#__PURE__*/React.createElement(Input
99
+ // id={`filter-date-${filterName}`}
100
+ , {
101
+ htmlType: "date"
102
+ // name={filterName}
103
+ ,
101
104
  value: filters[filterName],
102
105
  onChange: function onChange(e) {
103
106
  return handleFilterChange(filterName, e.target.value);
104
107
  }
105
- }), accessor === 'search' && /*#__PURE__*/React.createElement(Input, {
106
- id: "filter-search-".concat(filterName),
108
+ }), accessor === 'search' && /*#__PURE__*/React.createElement(Input
109
+ // id={`filter-search-${filterName}`}
110
+ , {
107
111
  htmlType: "text",
108
112
  autoComplete: "off"
109
113
  // ref={filterRefs.current[filterName]} // Dynamically set ref}
114
+ // name={filterName}
110
115
  ,
111
- name: filterName,
112
116
  style: {
113
117
  height: 30,
114
118
  minWidth: 160
@@ -127,6 +131,8 @@ var TableHead = function TableHead(props) {
127
131
  }, /*#__PURE__*/React.createElement("tr", {
128
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]]])
129
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();
130
136
  return /*#__PURE__*/React.createElement("th", {
131
137
  style: {
132
138
  // textAlign: `${column?.align} !important`,
@@ -136,7 +142,7 @@ var TableHead = function TableHead(props) {
136
142
  whiteSpace: column !== null && column !== void 0 && column.noWrap ? 'nowrap' : 'normal'
137
143
  },
138
144
  key: "table-th-".concat(column.prop.toString(), "-").concat(index),
139
- "data-column": column.label,
145
+ "data-column": dataName,
140
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 || "")
141
147
  }, /*#__PURE__*/React.createElement("div", {
142
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([["864348448", [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,7 +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([["864348448", [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
+ }, /*#__PURE__*/React.createElement("td", {
129
+ colSpan: columns === null || columns === void 0 ? void 0 : columns.length,
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)]]])
128
131
  }, /*#__PURE__*/React.createElement(Pagination, {
129
132
  style: {
130
133
  marginLeft: '10px',
@@ -141,10 +144,10 @@ function TableComponent(tableProps) {
141
144
  },
142
145
  limit: 5,
143
146
  count: Number(dataLength / viewLength)
144
- }, /*#__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, {
145
- id: "864348448",
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: "1971279331",
146
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)]
147
- }, "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{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;}"))));
148
151
  }
149
152
  TableComponent.displayName = 'Table';
150
153
  TableComponent.Column = TableColumn;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@helpdice/ui",
3
- "version": "1.3.9",
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",