@helpdice/ui 1.6.0 → 1.6.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.
- package/dist/index.js +13 -12
- package/dist/table/index.js +758 -757
- package/esm/table/table-head.js +13 -13
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -26300,6 +26300,8 @@ var SpinnerComponent = function SpinnerComponent(_ref) {
|
|
|
26300
26300
|
SpinnerComponent.displayName = 'Spinner';
|
|
26301
26301
|
var Spinner = withScale(SpinnerComponent);
|
|
26302
26302
|
|
|
26303
|
+
// import Button from '../button'
|
|
26304
|
+
|
|
26303
26305
|
var makeColgroup = function makeColgroup(width, columns) {
|
|
26304
26306
|
var unsetWidthCount = columns.filter(function (c) {
|
|
26305
26307
|
return !c.width;
|
|
@@ -26342,17 +26344,22 @@ var TableHead = function TableHead(props) {
|
|
|
26342
26344
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
26343
26345
|
filters = _React$useState2[0],
|
|
26344
26346
|
setFilters = _React$useState2[1];
|
|
26347
|
+
|
|
26348
|
+
// const applyFilters = () => {
|
|
26349
|
+
// if (onFilters) {
|
|
26350
|
+
// onFilters(filters);
|
|
26351
|
+
// }
|
|
26352
|
+
// }
|
|
26353
|
+
|
|
26345
26354
|
var handleFilterChange = function handleFilterChange(name, value) {
|
|
26346
26355
|
setFilters(function (prevFilters) {
|
|
26347
26356
|
var updatedFilters = _objectSpread2(_objectSpread2({}, prevFilters), {}, _defineProperty$1({}, name, value));
|
|
26357
|
+
if (onFilters) {
|
|
26358
|
+
onFilters(filters);
|
|
26359
|
+
}
|
|
26348
26360
|
return updatedFilters;
|
|
26349
26361
|
});
|
|
26350
26362
|
};
|
|
26351
|
-
var applyFilters = function applyFilters() {
|
|
26352
|
-
if (onFilters) {
|
|
26353
|
-
onFilters(filters);
|
|
26354
|
-
}
|
|
26355
|
-
};
|
|
26356
26363
|
var generateFilterInputs = function generateFilterInputs() {
|
|
26357
26364
|
return columns.map(function (col) {
|
|
26358
26365
|
var _String, _filters$filterName;
|
|
@@ -26451,13 +26458,7 @@ var TableHead = function TableHead(props) {
|
|
|
26451
26458
|
}, column.text)));
|
|
26452
26459
|
})), showFilters && /*#__PURE__*/React$1.createElement("tr", {
|
|
26453
26460
|
className: _JSXStyle.dynamic([["2156261549", [stickyHeader && "\n position: sticky;\n top: 0;\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]]])
|
|
26454
|
-
}, generateFilterInputs(), /*#__PURE__*/React$1.createElement(
|
|
26455
|
-
className: _JSXStyle.dynamic([["2156261549", [stickyHeader && "\n position: sticky;\n top: 0;\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]]])
|
|
26456
|
-
}, /*#__PURE__*/React$1.createElement(Button, {
|
|
26457
|
-
onClick: function onClick() {
|
|
26458
|
-
return applyFilters();
|
|
26459
|
-
}
|
|
26460
|
-
}, "Apply")))), /*#__PURE__*/React$1.createElement(_JSXStyle, {
|
|
26461
|
+
}, generateFilterInputs())), /*#__PURE__*/React$1.createElement(_JSXStyle, {
|
|
26461
26462
|
id: "2156261549",
|
|
26462
26463
|
dynamic: [stickyHeader && "\n position: sticky;\n top: 0;\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]
|
|
26463
26464
|
}, "thead.__jsx-style-dynamic-selector{border-collapse:separate;border-spacing:0;background-color:#fff;font-size:inherit;".concat(stickyHeader && "\n position: sticky;\n top: 0;\n z-index: 1;\n ", ";}th.__jsx-style-dynamic-selector{padding:0 0.5em;font-size:calc(0.75 * var(--table-font-size));font-weight:normal;text-align:left;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;vertical-align:middle;min-height:calc(2.5 * var(--table-font-size));color:").concat(theme.palette.accents_5, ";background:").concat(theme.palette.accents_1, ";border-bottom:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-radius:0;}th.__jsx-style-dynamic-selector:nth-child(1){border-bottom:1px solid ").concat(theme.palette.border, ";border-left:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-top-left-radius:").concat(theme.layout.radius, ";border-bottom-left-radius:").concat(theme.layout.radius, ";}th.__jsx-style-dynamic-selector:last-child{border-bottom:1px solid ").concat(theme.palette.border, ";border-right:1px solid ").concat(theme.palette.border, ";border-top:1px solid ").concat(theme.palette.border, ";border-top-right-radius:").concat(theme.layout.radius, ";border-bottom-right-radius:").concat(theme.layout.radius, ";}.thead-box.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-align:center;min-height:calc(2.5 * var(--table-font-size));text-transform:uppercase;}")));
|