feat: add helper function for creating a DataTable column filter

Signed-off-by: Mike Murray <hellomikemurray@gmail.com>

Author: mikemurray

package/src/components/DataTableFilter/helpers/makeDataTableColumnFilter.js

@@ -0,0 +1,39 @@
+import React from "react";
+import PropTypes from "prop-types";
+import DataTableFilter from "../DataTableFilter";
+
+/**
+ * @name makeDataTableColumnFilter
+ * @summary Helper function for creating a column filter for the DataTable.
+ * @param {Object} props Props to be applied to the DataTableFilter component
+ * @param {Array} props.options Array of options `[{ label: "Display Label", value: "value" }]
+ * @param {String} props.title Title to be displayed for the drop down button, or in the card title
+ * @returns {PropTypes.elementType} DataTableFilter component configured with props
+ */
+export default function makeDataTableColumnFilter(props) {
+  const DataTableColumnFilter = ({
+    column: { filterValue, setFilter },
+    container,
+    className
+  }) => (
+    <DataTableFilter
+      title="Filter"
+      className={className}
+      container={container}
+      onSelect={(value) => setFilter(value)}
+      value={filterValue}
+      {...props}
+    />
+  );
+
+  DataTableColumnFilter.propTypes = {
+    className: PropTypes.string,
+    column: PropTypes.shape({
+      filterValue: PropTypes.any,
+      setFilter: PropTypes.func
+    }),
+    container: PropTypes.oneOf(["default", "card"])
+  };
+
+  return DataTableColumnFilter;
+}