@helpdice/ui 1.3.9 → 1.4.0

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 (7) hide show
  1. package/dist/index.js +30 -22
  2. package/dist/table/index.js +30 -22
  3. package/esm/table/table-body.js +7 -7
  4. package/esm/table/table-cell.js +1 -0
  5. package/esm/table/table-head.js +14 -10
  6. package/esm/table/table.js +8 -5
  7. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -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
@@ -42263,6 +42267,7 @@ var TableCell = function TableCell(_ref) {
42263
42267
  paddingLeft: '0.3rem',
42264
42268
  paddingRight: '0.3rem',
42265
42269
  color: "".concat(column === null || column === undefined ? undefined : column.color),
42270
+ boxSizing: 'border-box',
42266
42271
  whiteSpace: column !== null && column !== undefined && column.noWrap ? 'nowrap' : 'normal'
42267
42272
  }, currentRowValue === null || currentRowValue === undefined ? undefined : currentRowValue.style),
42268
42273
  "data-column": String(column.label).toLowerCase(),
@@ -43282,7 +43287,7 @@ var TableBody = function TableBody(_ref) {
43282
43287
  })))));
43283
43288
  }
43284
43289
  return /*#__PURE__*/React.createElement("tbody", {
43285
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
43290
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
43286
43291
  }, data.map(function (row, index) {
43287
43292
  var _row$table, _row$table2, _row$table3, _row$table4, _row$table5;
43288
43293
  var qid = _.uniqueId();
@@ -43290,21 +43295,21 @@ var TableBody = function TableBody(_ref) {
43290
43295
  var uid = _.uniqueId();
43291
43296
  return /*#__PURE__*/React.createElement("tr", {
43292
43297
  key: uid,
43293
- 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]]])
43294
43299
  }, /*#__PURE__*/React.createElement("td", {
43295
43300
  colSpan: columns.length,
43296
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
43301
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
43297
43302
  }, "\u2003"));
43298
43303
  }
43299
43304
  return /*#__PURE__*/React.createElement(React.Fragment, null, renderRow(columns, row, index), (row === null || row === undefined ? undefined : row.table) && /*#__PURE__*/React.createElement("tr", {
43300
43305
  key: qid,
43301
- 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]]])
43302
43307
  }, /*#__PURE__*/React.createElement("td", {
43303
43308
  style: {
43304
43309
  padding: '1rem'
43305
43310
  },
43306
43311
  colSpan: columns.length,
43307
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
43312
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
43308
43313
  }, /*#__PURE__*/React.createElement(DataTable$1, {
43309
43314
  readOnly: true,
43310
43315
  stickyHeader: false,
@@ -43332,9 +43337,9 @@ var TableBody = function TableBody(_ref) {
43332
43337
  // </tr>
43333
43338
  // )
43334
43339
  }), /*#__PURE__*/React.createElement(_JSXStyle, {
43335
- id: "1229207510",
43340
+ id: "1422656197",
43336
43341
  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;}")));
43342
+ }, "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
43343
  };
43339
43344
  TableBody.displayName = 'TableBody';
43340
43345
 
@@ -43470,7 +43475,7 @@ function TableComponent(tableProps) {
43470
43475
  }, /*#__PURE__*/React.createElement("table", _extends({
43471
43476
  ref: ref
43472
43477
  }, 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 || "")
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 || "")
43474
43479
  }), /*#__PURE__*/React.createElement(TableHead, {
43475
43480
  stickyHeader: stickyHeader,
43476
43481
  columns: columns,
@@ -43488,7 +43493,10 @@ function TableComponent(tableProps) {
43488
43493
  readOnly: readOnly,
43489
43494
  onSelected: onSelected
43490
43495
  }), 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)]]])
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)]]])
43497
+ }, /*#__PURE__*/React.createElement("td", {
43498
+ 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)]]])
43492
43500
  }, /*#__PURE__*/React.createElement(Pagination, {
43493
43501
  style: {
43494
43502
  marginLeft: '10px',
@@ -43505,10 +43513,10 @@ function TableComponent(tableProps) {
43505
43513
  },
43506
43514
  limit: 5,
43507
43515
  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",
43516
+ }, /*#__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",
43510
43518
  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;}"))));
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;}"))));
43512
43520
  }
43513
43521
  TableComponent.displayName = 'Table';
43514
43522
  TableComponent.Column = TableColumn;
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
@@ -20021,6 +20025,7 @@ var TableCell = function TableCell(_ref) {
20021
20025
  paddingLeft: '0.3rem',
20022
20026
  paddingRight: '0.3rem',
20023
20027
  color: "".concat(column === null || column === undefined ? undefined : column.color),
20028
+ boxSizing: 'border-box',
20024
20029
  whiteSpace: column !== null && column !== undefined && column.noWrap ? 'nowrap' : 'normal'
20025
20030
  }, currentRowValue === null || currentRowValue === undefined ? undefined : currentRowValue.style),
20026
20031
  "data-column": String(column.label).toLowerCase(),
@@ -31985,7 +31990,7 @@ var TableBody = function TableBody(_ref) {
31985
31990
  })))));
31986
31991
  }
31987
31992
  return /*#__PURE__*/React.createElement("tbody", {
31988
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
31993
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
31989
31994
  }, data.map(function (row, index) {
31990
31995
  var _row$table, _row$table2, _row$table3, _row$table4, _row$table5;
31991
31996
  var qid = _.uniqueId();
@@ -31993,21 +31998,21 @@ var TableBody = function TableBody(_ref) {
31993
31998
  var uid = _.uniqueId();
31994
31999
  return /*#__PURE__*/React.createElement("tr", {
31995
32000
  key: uid,
31996
- 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]]])
31997
32002
  }, /*#__PURE__*/React.createElement("td", {
31998
32003
  colSpan: columns.length,
31999
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
32004
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
32000
32005
  }, "\u2003"));
32001
32006
  }
32002
32007
  return /*#__PURE__*/React.createElement(React.Fragment, null, renderRow(columns, row, index), (row === null || row === undefined ? undefined : row.table) && /*#__PURE__*/React.createElement("tr", {
32003
32008
  key: qid,
32004
- 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]]])
32005
32010
  }, /*#__PURE__*/React.createElement("td", {
32006
32011
  style: {
32007
32012
  padding: '1rem'
32008
32013
  },
32009
32014
  colSpan: columns.length,
32010
- className: _JSXStyle.dynamic([["1229207510", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
32015
+ className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
32011
32016
  }, /*#__PURE__*/React.createElement(DataTable$1, {
32012
32017
  readOnly: true,
32013
32018
  stickyHeader: false,
@@ -32035,9 +32040,9 @@ var TableBody = function TableBody(_ref) {
32035
32040
  // </tr>
32036
32041
  // )
32037
32042
  }), /*#__PURE__*/React.createElement(_JSXStyle, {
32038
- id: "1229207510",
32043
+ id: "1422656197",
32039
32044
  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;}")));
32045
+ }, "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
32046
  };
32042
32047
  TableBody.displayName = 'TableBody';
32043
32048
 
@@ -32523,7 +32528,7 @@ function TableComponent(tableProps) {
32523
32528
  }, /*#__PURE__*/React.createElement("table", _extends({
32524
32529
  ref: ref
32525
32530
  }, 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 || "")
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 || "")
32527
32532
  }), /*#__PURE__*/React.createElement(TableHead, {
32528
32533
  stickyHeader: stickyHeader,
32529
32534
  columns: columns,
@@ -32541,7 +32546,10 @@ function TableComponent(tableProps) {
32541
32546
  readOnly: readOnly,
32542
32547
  onSelected: onSelected
32543
32548
  }), 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)]]])
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)]]])
32550
+ }, /*#__PURE__*/React.createElement("td", {
32551
+ 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)]]])
32545
32553
  }, /*#__PURE__*/React.createElement(Pagination, {
32546
32554
  style: {
32547
32555
  marginLeft: '10px',
@@ -32558,10 +32566,10 @@ function TableComponent(tableProps) {
32558
32566
  },
32559
32567
  limit: 5,
32560
32568
  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",
32569
+ }, /*#__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",
32563
32571
  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;}"))));
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;}"))));
32565
32573
  }
32566
32574
  TableComponent.displayName = 'Table';
32567
32575
  TableComponent.Column = TableColumn;
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
@@ -18,6 +18,7 @@ var TableCell = function TableCell(_ref) {
18
18
  paddingLeft: '0.3rem',
19
19
  paddingRight: '0.3rem',
20
20
  color: "".concat(column === null || column === void 0 ? void 0 : column.color),
21
+ boxSizing: 'border-box',
21
22
  whiteSpace: column !== null && column !== void 0 && column.noWrap ? 'nowrap' : 'normal'
22
23
  }, currentRowValue === null || currentRowValue === void 0 ? void 0 : currentRowValue.style),
23
24
  "data-column": String(column.label).toLowerCase(),
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
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([["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 || "")
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([["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)]]])
128
+ }, /*#__PURE__*/React.createElement("td", {
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)]]])
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: "2620297225",
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-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;}"))));
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.0",
4
4
  "main": "dist/index.js",
5
5
  "types": "esm/index.d.ts",
6
6
  "unpkg": "dist/index.min.js",