@arbor-education/design-system.components 0.3.3 → 0.3.4

package/src/components/table/columnFilters/filterResetButton/FilterResetButton.tsx

@@ -0,0 +1,21 @@
+import { Button } from 'Components/button/Button';
+
+type FilterResetButtonProps = {
+  onClick: () => void;
+  children?: React.ReactNode;
+};
+
+export function FilterResetButton(props: FilterResetButtonProps) {
+  const { onClick, children = 'Reset' } = props;
+  return (
+    <Button
+      className="ds-column-filter__reset-button"
+      aria-label="Clear this filter"
+      onClick={onClick}
+      variant="secondary"
+      size="S"
+    >
+      {children}
+    </Button>
+  );
+}

package/src/components/table/table.scss

@@ -12,7 +12,7 @@
   }
 
   &__container {
-    .ag-header-cell-resize {
+    *[class^='ag-'], *[class*=' ag-'] {
       // AG-Grid gives these a z-index of 2 which interferes with our stacking elements
       // so we just unset it here
       z-index: unset;

package/src/index.scss

@@ -27,4 +27,5 @@
 @use "components/separator/separator.scss";
 @use "components/modal/modal.scss";
 @use "components/modal/modalManager/modalManager.scss";
+@use "components/table/columnFilters/columnFilters.scss";
 @import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";