@helpdice/ui 1.2.6 → 1.2.7

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 (6) hide show
  1. package/dist/index.js +7 -7
  2. package/dist/table/index.js +7 -7
  3. package/dist/table/table-body.d.ts +1 -1
  4. package/esm/table/table-body.d.ts +1 -1
  5. package/esm/table/table-body.js +7 -7
  6. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -42273,7 +42273,6 @@ var useTableContext = function useTableContext() {
42273
42273
 
42274
42274
  var TableBody = function TableBody(_ref) {
42275
42275
  var data = _ref.data,
42276
- hover = _ref.hover,
42277
42276
  emptyText = _ref.emptyText,
42278
42277
  onRow = _ref.onRow,
42279
42278
  onCell = _ref.onCell,
@@ -42343,12 +42342,9 @@ var TableBody = function TableBody(_ref) {
42343
42342
  // ) as unknown as TableDataItem
42344
42343
  // console.log(frow);
42345
42344
  var isRowSelected = selected.indexOf(row) !== -1;
42346
- return /*#__PURE__*/React.createElement("tr", {
42345
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tr", {
42347
42346
  draggable: rowDraggable,
42348
42347
  role: "checkbox",
42349
- className: useClasses({
42350
- hover: hover
42351
- }, "".concat(rowDraggable ? 'draggable' : 'hover', " ").concat(className)),
42352
42348
  onDragStart: onDragStart,
42353
42349
  "aria-checked": selected.indexOf(row) !== -1,
42354
42350
  tabIndex: -1,
@@ -42365,14 +42361,18 @@ var TableBody = function TableBody(_ref) {
42365
42361
  handleClick(e, row);
42366
42362
  }
42367
42363
  }
42368
- }
42364
+ },
42365
+ className: _JSXStyle.dynamic([["2019708038", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]]) + " " + (useClasses("".concat(rowDraggable ? 'draggable' : 'hover', " ").concat(className)) || "")
42369
42366
  }, /*#__PURE__*/React.createElement(TableCell, {
42370
42367
  columns: cols,
42371
42368
  row: rw,
42372
42369
  rowIndex: index,
42373
42370
  emptyText: emptyText,
42374
42371
  onCellClick: onCell
42375
- }));
42372
+ })), /*#__PURE__*/React.createElement(_JSXStyle, {
42373
+ id: "2019708038",
42374
+ dynamic: [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]
42375
+ }, "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;}")));
42376
42376
  }
42377
42377
  return /*#__PURE__*/React.createElement("tbody", {
42378
42378
  className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
package/dist/table/index.js CHANGED
@@ -20018,7 +20018,6 @@ var useTableContext = function useTableContext() {
20018
20018
 
20019
20019
  var TableBody = function TableBody(_ref) {
20020
20020
  var data = _ref.data,
20021
- hover = _ref.hover,
20022
20021
  emptyText = _ref.emptyText,
20023
20022
  onRow = _ref.onRow,
20024
20023
  onCell = _ref.onCell,
@@ -20088,12 +20087,9 @@ var TableBody = function TableBody(_ref) {
20088
20087
  // ) as unknown as TableDataItem
20089
20088
  // console.log(frow);
20090
20089
  var isRowSelected = selected.indexOf(row) !== -1;
20091
- return /*#__PURE__*/React.createElement("tr", {
20090
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tr", {
20092
20091
  draggable: rowDraggable,
20093
20092
  role: "checkbox",
20094
- className: useClasses({
20095
- hover: hover
20096
- }, "".concat(rowDraggable ? 'draggable' : 'hover', " ").concat(className)),
20097
20093
  onDragStart: onDragStart,
20098
20094
  "aria-checked": selected.indexOf(row) !== -1,
20099
20095
  tabIndex: -1,
@@ -20110,14 +20106,18 @@ var TableBody = function TableBody(_ref) {
20110
20106
  handleClick(e, row);
20111
20107
  }
20112
20108
  }
20113
- }
20109
+ },
20110
+ className: _JSXStyle.dynamic([["2019708038", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]]) + " " + (useClasses("".concat(rowDraggable ? 'draggable' : 'hover', " ").concat(className)) || "")
20114
20111
  }, /*#__PURE__*/React.createElement(TableCell, {
20115
20112
  columns: cols,
20116
20113
  row: rw,
20117
20114
  rowIndex: index,
20118
20115
  emptyText: emptyText,
20119
20116
  onCellClick: onCell
20120
- }));
20117
+ })), /*#__PURE__*/React.createElement(_JSXStyle, {
20118
+ id: "2019708038",
20119
+ dynamic: [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]
20120
+ }, "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;}")));
20121
20121
  }
20122
20122
  return /*#__PURE__*/React.createElement("tbody", {
20123
20123
  className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
package/dist/table/table-body.d.ts CHANGED
@@ -15,7 +15,7 @@ interface Props<TableDataItem extends TableDataItemBase> {
15
15
  type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props<any>>;
16
16
  export type TableBodyProps<TableDataItem extends TableDataItemBase> = Props<TableDataItem> & NativeAttrs;
17
17
  declare const TableBody: {
18
- <TableDataItem extends TableDataItemBase>({ data, hover, emptyText, onRow, onCell, rowClassName, rowDraggable, readOnly, onSelected }: TableBodyProps<TableDataItem>): React.JSX.Element;
18
+ <TableDataItem extends TableDataItemBase>({ data, emptyText, onRow, onCell, rowClassName, rowDraggable, readOnly, onSelected }: TableBodyProps<TableDataItem>): React.JSX.Element;
19
19
  displayName: string;
20
20
  };
21
21
  export default TableBody;
package/esm/table/table-body.d.ts CHANGED
@@ -15,7 +15,7 @@ interface Props<TableDataItem extends TableDataItemBase> {
15
15
  type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props<any>>;
16
16
  export type TableBodyProps<TableDataItem extends TableDataItemBase> = Props<TableDataItem> & NativeAttrs;
17
17
  declare const TableBody: {
18
- <TableDataItem extends TableDataItemBase>({ data, hover, emptyText, onRow, onCell, rowClassName, rowDraggable, readOnly, onSelected }: TableBodyProps<TableDataItem>): React.JSX.Element;
18
+ <TableDataItem extends TableDataItemBase>({ data, emptyText, onRow, onCell, rowClassName, rowDraggable, readOnly, onSelected }: TableBodyProps<TableDataItem>): React.JSX.Element;
19
19
  displayName: string;
20
20
  };
21
21
  export default TableBody;
package/esm/table/table-body.js CHANGED
@@ -9,7 +9,6 @@ import useClasses from '../use-classes';
9
9
  import _ from 'lodash';
10
10
  var TableBody = function TableBody(_ref) {
11
11
  var data = _ref.data,
12
- hover = _ref.hover,
13
12
  emptyText = _ref.emptyText,
14
13
  onRow = _ref.onRow,
15
14
  onCell = _ref.onCell,
@@ -79,12 +78,9 @@ var TableBody = function TableBody(_ref) {
79
78
  // ) as unknown as TableDataItem
80
79
  // console.log(frow);
81
80
  var isRowSelected = selected.indexOf(row) !== -1;
82
- return /*#__PURE__*/React.createElement("tr", {
81
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tr", {
83
82
  draggable: rowDraggable,
84
83
  role: "checkbox",
85
- className: useClasses({
86
- hover: hover
87
- }, "".concat(rowDraggable ? 'draggable' : 'hover', " ").concat(className)),
88
84
  onDragStart: onDragStart,
89
85
  "aria-checked": selected.indexOf(row) !== -1,
90
86
  tabIndex: -1,
@@ -101,14 +97,18 @@ var TableBody = function TableBody(_ref) {
101
97
  handleClick(e, row);
102
98
  }
103
99
  }
104
- }
100
+ },
101
+ className: _JSXStyle.dynamic([["2019708038", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]]) + " " + (useClasses("".concat(rowDraggable ? 'draggable' : 'hover', " ").concat(className)) || "")
105
102
  }, /*#__PURE__*/React.createElement(TableCell, {
106
103
  columns: cols,
107
104
  row: rw,
108
105
  rowIndex: index,
109
106
  emptyText: emptyText,
110
107
  onCellClick: onCell
111
- }));
108
+ })), /*#__PURE__*/React.createElement(_JSXStyle, {
109
+ id: "2019708038",
110
+ dynamic: [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]
111
+ }, "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;}")));
112
112
  }
113
113
  return /*#__PURE__*/React.createElement("tbody", {
114
114
  className: _JSXStyle.dynamic([["1422656197", [theme.palette.accents_1, theme.palette.border, theme.palette.accents_6]]])
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@helpdice/ui",
3
- "version": "1.2.6",
3
+ "version": "1.2.7",
4
4
  "main": "dist/index.js",
5
5
  "types": "esm/index.d.ts",
6
6
  "unpkg": "dist/index.min.js",