@elliemae/ds-datagrids 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/plugins/export-data/ExportDataPlugin.js

@@ -1,134 +1,168 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ExportDataPlugin_exports = {};
-__export(ExportDataPlugin_exports, {
-  ExportDataPlugin: () => ExportDataPlugin,
-  getColumnValue: () => getColumnValue,
-  getExportedData: () => getExportedData,
-  getVisibleRowData: () => getVisibleRowData
-});
-var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
-const isVisible = (column) => {
-  if (typeof column === "undefined") {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/es.string.replace.js');
+require('core-js/modules/web.url.js');
+require('core-js/modules/web.url-search-params.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var dsUtilities = require('@elliemae/ds-utilities');
+var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const isVisible = column => {
+  if (typeof column === 'undefined') {
     return false;
   }
-  return typeof column.visible === "undefined" || column.visible;
+
+  return typeof column.visible === 'undefined' || column.visible;
 };
-const getColumnValue = (row, property) => (0, import_ds_utilities.get)(row, property);
+
+const getColumnValue = (row, property) => dsUtilities.get(row, property);
 const getVisibleRowData = (row, columns) => columns.reduce((result, column) => {
   const columnProperty = column.property;
-  return isVisible(column) ? [...result, getColumnValue(row, `_${columnProperty}`) || getColumnValue(row, columnProperty)] : result;
+  return isVisible(column) ? [...result, getColumnValue(row, "_".concat(columnProperty)) || getColumnValue(row, columnProperty)] : result;
 }, []);
-const defaultOptions = (uuid) => ({
-  sheetName: "SheetName",
-  fileName: `datagrid-${uuid}`,
-  type: "csv",
+
+const defaultOptions = uuid => ({
+  sheetName: 'SheetName',
+  fileName: "datagrid-".concat(uuid),
+  type: 'csv',
   onlySelection: false,
-  excludedColumns: void 0
-});
-const getOptions = (opts, uuid) => ({
-  ...defaultOptions(uuid),
-  ...opts
+  excludedColumns: undefined
 });
-const getCellValue = (cell) => {
-  if (cell === void 0 || cell === null)
-    return "";
+
+const getOptions = (opts, uuid) => _objectSpread(_objectSpread({}, defaultOptions(uuid)), opts);
+
+const getCellValue = cell => {
+  if (cell === undefined || cell === null) return '';
   return cell;
 };
+
 const getExportedData = (rows, columns, range) => {
   const rowsRanged = range ? rows.slice(...range) : rows;
-  const dataToExport = rowsRanged.map((row) => getVisibleRowData(row, columns));
-  const columnsContent = columns.filter((c) => isVisible(c)).reduce((acc, curr, idx) => `${acc}${idx === 0 ? "" : ","}${curr.label}`, "");
-  const rowsContent = dataToExport.map((e) => e.map((r) => `"${String(getCellValue(r)).replace(/"/g, '""')}"`).join(",")).join("\r\n");
-  const csvContent = `${columnsContent}\r
-${rowsContent}`;
+  const dataToExport = rowsRanged.map(row => getVisibleRowData(row, columns));
+  const columnsContent = columns.filter(c => isVisible(c)).reduce((acc, curr, idx) => "".concat(acc).concat(idx === 0 ? '' : ',').concat(curr.label), '');
+  const rowsContent = dataToExport.map(e => e.map(r => "\"".concat(String(getCellValue(r)).replace(/"/g, '""'), "\"")).join(',')).join('\r\n');
+  const csvContent = "".concat(columnsContent, "\r\n").concat(rowsContent);
   return csvContent;
-};
-const exportTo = (rows, columns, { range, fileName, type, excludedColumns }) => {
+}; // eslint-disable-next-line max-statements
+
+const exportTo = (rows, columns, _ref) => {
+  let {
+    range,
+    fileName,
+    type,
+    excludedColumns
+  } = _ref;
+
   if (excludedColumns) {
-    columns = columns.filter((col) => !excludedColumns.includes(col.property));
+    // eslint-disable-next-line no-param-reassign
+    columns = columns.filter(col => !excludedColumns.includes(col.property));
   }
+
   const csvContent = getExportedData(rows, columns, range);
-  const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
+  const blob = new Blob([csvContent], {
+    type: 'text/csv;charset=utf-8;'
+  });
+
   if (navigator.msSaveBlob) {
-    navigator.msSaveBlob(blob, `${fileName}.${type}`);
+    // IE 10+
+    navigator.msSaveBlob(blob, "".concat(fileName, ".").concat(type));
   } else {
-    const link = document.createElement("a");
-    if (link.download !== void 0) {
+    const link = document.createElement('a');
+
+    if (link.download !== undefined) {
+      // feature detection
+      // Browsers that support HTML5 download attribute
       const url = URL.createObjectURL(blob);
-      link.setAttribute("href", url);
-      link.setAttribute("download", `${fileName}.${type}`);
-      link.style.visibility = "hidden";
+      link.setAttribute('href', url);
+      link.setAttribute('download', "".concat(fileName, ".").concat(type));
+      link.style.visibility = 'hidden';
       document.body.appendChild(link);
       link.click();
       document.body.removeChild(link);
     }
   }
 };
-const ExportDataPlugin = (0, import_createInstancePlugin.createInstancePlugin)("export-data", {
+
+const ExportDataPlugin = createInstancePlugin__default["default"]('export-data', {
   decorateGrid(instance) {
     return {
-      exportRows(opts = {}) {
+      exportRows() {
+        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         const {
           composedRows: rows,
           columns,
           uuid,
-          props: { rowKey },
-          state: { selection }
+          props: {
+            rowKey
+          },
+          state: {
+            selection
+          }
         } = instance.getInstance();
-        const options = getOptions(opts, uuid);
+        const options = getOptions(opts, uuid); // check paginated rows
+
         let currentRows = rows.allRows || rows;
+
         if (opts.onlySelection) {
           const selectedRows = Object.keys(selection.selectedRows);
-          currentRows = currentRows.filter((r) => selectedRows.includes(String(r[rowKey])));
+          currentRows = currentRows.filter(r => selectedRows.includes(String(r[rowKey])));
         }
+
         exportTo(currentRows, columns, options);
       },
-      exportVisibleRows(opts = {}) {
+
+      exportVisibleRows() {
+        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         const {
           composedRows: rows,
           columns,
           uuid,
-          props: { rowKey },
-          state: { selection }
+          props: {
+            rowKey
+          },
+          state: {
+            selection
+          }
         } = instance.getInstance();
-        const options = getOptions(opts, uuid);
+        const options = getOptions(opts, uuid); // check paginated rows
+
         let currentRows = rows.rows || rows;
+
         if (opts.onlySelection) {
           const selectedRows = Object.keys(selection.selectedRows);
-          currentRows = currentRows.filter((r) => selectedRows.includes(String(r[rowKey])));
+          currentRows = currentRows.filter(r => selectedRows.includes(String(r[rowKey])));
         }
+
         exportTo(currentRows, columns, options);
       }
+
     };
   }
+
 });
-module.exports = __toCommonJS(ExportDataPlugin_exports);
-//# sourceMappingURL=ExportDataPlugin.js.map
+
+exports.ExportDataPlugin = ExportDataPlugin;
+exports.getColumnValue = getColumnValue;
+exports.getExportedData = getExportedData;
+exports.getVisibleRowData = getVisibleRowData;

package/cjs/plugins/export-data/index.js

@@ -1,35 +1,12 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var export_data_exports = {};
-__export(export_data_exports, {
-  ExportDataPlugin: () => import_ExportDataPlugin.ExportDataPlugin
-});
-var React = __toESM(require("react"));
-var import_ExportDataPlugin = require("./ExportDataPlugin");
-module.exports = __toCommonJS(export_data_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ExportDataPlugin = require('./ExportDataPlugin.js');
+
+
+
+exports.ExportDataPlugin = ExportDataPlugin.ExportDataPlugin;
+exports.getColumnValue = ExportDataPlugin.getColumnValue;
+exports.getExportedData = ExportDataPlugin.getExportedData;
+exports.getVisibleRowData = ExportDataPlugin.getVisibleRowData;

package/cjs/plugins/filterable/FilterablePlugin.js

@@ -1,47 +1,35 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var FilterablePlugin_exports = {};
-__export(FilterablePlugin_exports, {
-  FilterablePlugin: () => FilterablePlugin
-});
-var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
-var import_addFilterToColumn = require("./addFilterToColumn");
-var import_filterRowsByQuery = __toESM(require("./filtering-helper/filterRowsByQuery"));
-var import_useFilterableState = require("./useFilterableState");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsUtilities = require('@elliemae/ds-utilities');
+var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
+var addFilterToColumn = require('./addFilterToColumn.js');
+var filterRowsByQuery = require('./filtering-helper/filterRowsByQuery.js');
+var useFilterableState = require('./useFilterableState.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
+
+/* eslint-disable indent */
+
 const decorateColumn = (column, grid) => {
   const {
-    props: { isFilterableColumnActive = (col) => col.searchable, onRemoveAllFilters },
-    actions: { addFilter, removeFilter },
-    state: { query, filters }
+    props: {
+      isFilterableColumnActive = col => col.searchable,
+      onRemoveAllFilters
+    },
+    actions: {
+      addFilter,
+      removeFilter
+    },
+    state: {
+      query,
+      filters
+    }
   } = grid;
-  return isFilterableColumnActive(column) ? (0, import_addFilterToColumn.addFilterToColumn)({
+  return isFilterableColumnActive(column) ? addFilterToColumn.addFilterToColumn({
     grid,
     onAddFilter: addFilter,
     onRemoveFilter: removeFilter,
@@ -50,31 +38,44 @@ const decorateColumn = (column, grid) => {
     filters
   }, column) : column;
 };
+
 const composeRows = (rows, grid) => {
   const {
-    props: { isDataFiltered, groupedRows },
-    state: { query },
+    props: {
+      isDataFiltered,
+      groupedRows
+    },
+    state: {
+      query
+    },
     composedRows
   } = grid.getInstance();
-  const nextRows = !groupedRows ? (0, import_filterRowsByQuery.default)(rows, query) : (0, import_filterRowsByQuery.filterRowsByQueryGroup)(rows, query, composedRows);
+  const nextRows = !groupedRows ? filterRowsByQuery["default"](rows, query) : filterRowsByQuery.filterRowsByQueryGroup(rows, query, composedRows);
   return !isDataFiltered ? nextRows : rows;
 };
-const FilterablePlugin = (0, import_createInstancePlugin.createInstancePlugin)("filterable", {
-  registerStateHook: import_useFilterableState.useFilterableState,
+
+const FilterablePlugin = createInstancePlugin__default["default"]('filterable', {
+  registerStateHook: useFilterableState.useFilterableState,
   decorateColumn,
   composeRows,
+
   registerHotKeys(grid) {
     return {
-      key: "ctrl+f",
-      handler: ({ cellIndex }) => {
-        const { decoratedColumns } = grid.getInstance();
+      key: 'ctrl+f',
+      handler: _ref => {
+        let {
+          cellIndex
+        } = _ref;
+        const {
+          decoratedColumns
+        } = grid.getInstance();
         const column = decoratedColumns[cellIndex];
-        const toggleMenuMethod = (0, import_ds_utilities.get)(column, ["filterMenu", "current", "toggleMenu"]);
-        if ((0, import_ds_utilities.isFunction)(toggleMenuMethod))
-          toggleMenuMethod();
+        const toggleMenuMethod = dsUtilities.get(column, ['filterMenu', 'current', 'toggleMenu']);
+        if (dsUtilities.isFunction(toggleMenuMethod)) toggleMenuMethod();
       }
     };
   }
+
 });
-module.exports = __toCommonJS(FilterablePlugin_exports);
-//# sourceMappingURL=FilterablePlugin.js.map
+
+exports.FilterablePlugin = FilterablePlugin;

package/cjs/plugins/filterable/addFilterToColumn.js

@@ -1,43 +1,31 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var addFilterToColumn_exports = {};
-__export(addFilterToColumn_exports, {
-  addFilterToColumn: () => addFilterToColumn
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_initColumnDefinition = require("@elliemae/ds-shared/useDataGrid/initColumnDefinition");
-var import_filterableFormatter = require("./filterableFormatter");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var React = require('react');
+var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
+var filterableFormatter = require('./filterableFormatter.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const addFilterToColumn = (props, column) => {
-  const filterMenuRef = (0, import_react.createRef)();
-  column.header.formatters.push((0, import_filterableFormatter.FilterableFormatter)({ ...props, filterMenuRef }));
+  const filterMenuRef = /*#__PURE__*/React.createRef();
+  column.header.formatters.push(filterableFormatter(_objectSpread(_objectSpread({}, props), {}, {
+    filterMenuRef
+  })));
   column.filterMenu = filterMenuRef;
-  return (0, import_initColumnDefinition.mergeClassNameToColumnHeader)("with-filtering", column);
+  return initColumnDefinition.mergeClassNameToColumnHeader('with-filtering', column);
 };
-module.exports = __toCommonJS(addFilterToColumn_exports);
-//# sourceMappingURL=addFilterToColumn.js.map
+
+exports.addFilterToColumn = addFilterToColumn;