@helpdice/ui 1.5.9 → 1.6.1

package/dist/index.js

@@ -26300,6 +26300,8 @@ var SpinnerComponent = function SpinnerComponent(_ref) {
 SpinnerComponent.displayName = 'Spinner';
 var Spinner = withScale(SpinnerComponent);
 
+// import Button from '../button'
+
 var makeColgroup = function makeColgroup(width, columns) {
   var unsetWidthCount = columns.filter(function (c) {
     return !c.width;
@@ -26333,21 +26335,31 @@ var TableHead = function TableHead(props) {
     if (!isScalableWidth) return /*#__PURE__*/React$1.createElement("colgroup", null);
     return makeColgroup(width, columns);
   }, [isScalableWidth, width]);
-  var _React$useState = React$1.useState(),
+  var _React$useState = React$1.useState(columns.reduce(function (acc, col) {
+      if (col.filter) {
+        acc["".concat(col.filter)] = col.filter === 'date' ? null : '';
+      }
+      return acc;
+    }, {})),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     filters = _React$useState2[0],
     setFilters = _React$useState2[1];
+
+  // const applyFilters = () => {
+  //   if (onFilters) {
+  //     onFilters(filters);
+  //   }
+  // }
+
   var handleFilterChange = function handleFilterChange(name, value) {
     setFilters(function (prevFilters) {
       var updatedFilters = _objectSpread2(_objectSpread2({}, prevFilters), {}, _defineProperty$1({}, name, value));
+      if (onFilters) {
+        onFilters(filters);
+      }
       return updatedFilters;
     });
   };
-  var applyFilters = function applyFilters() {
-    if (onFilters) {
-      onFilters(filters);
-    }
-  };
   var generateFilterInputs = function generateFilterInputs() {
     return columns.map(function (col) {
       var _String, _filters$filterName;
@@ -26446,13 +26458,7 @@ var TableHead = function TableHead(props) {
     }, column.text)));
   })), showFilters && /*#__PURE__*/React$1.createElement("tr", {
     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]]])
-  }, generateFilterInputs(), /*#__PURE__*/React$1.createElement("th", {
-    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]]])
-  }, /*#__PURE__*/React$1.createElement(Button, {
-    onClick: function onClick() {
-      return applyFilters();
-    }
-  }, "Apply")))), /*#__PURE__*/React$1.createElement(_JSXStyle, {
+  }, generateFilterInputs())), /*#__PURE__*/React$1.createElement(_JSXStyle, {
     id: "2156261549",
     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]
   }, "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;}")));