@bigbinary/neeto-molecules 1.0.21 → 1.0.23

package/dist/SubHeader.js

@@ -1,4 +1,12 @@
-import React from 'react';
+import React, { useState, useEffect } from 'react';
+import i18next from 'i18next';
+import { removeBy, isNotEmpty } from '@bigbinary/neeto-commons-frontend/pure';
+import { useLocalStorage } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { Column, Search, Download, Filter } from '@bigbinary/neeto-icons';
+import { Dropdown, Input, Label, Checkbox, Button } from '@bigbinary/neetoui';
+import { includes, __, filter, trim, toLower, identity, without, append } from 'ramda';
+import { useTranslation } from 'react-i18next';
+import { Filters } from '@bigbinary/neeto-filters-frontend';
 
 var classnames$1 = {exports: {}};
 
@@ -61,14 +69,1643 @@ var classnames$1 = {exports: {}};
 
 var classnames = classnames$1.exports;
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+function cov_1ceek736tr() {
+  var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/SubHeader/RightBlock/utils.js";
+  var hash = "4e99c4492583af7874430eafb0a0c33e80d44e9d";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-molecules/neeto-molecules/src/components/SubHeader/RightBlock/utils.js",
+    statementMap: {
+      "0": {
+        start: {
+          line: 4,
+          column: 34
+        },
+        end: {
+          line: 5,
+          column: 65
+        }
+      },
+      "1": {
+        start: {
+          line: 5,
+          column: 2
+        },
+        end: {
+          line: 5,
+          column: 65
+        }
+      },
+      "2": {
+        start: {
+          line: 7,
+          column: 34
+        },
+        end: {
+          line: 11,
+          column: 3
+        }
+      },
+      "3": {
+        start: {
+          line: 8,
+          column: 2
+        },
+        end: {
+          line: 11,
+          column: 3
+        }
+      },
+      "4": {
+        start: {
+          line: 9,
+          column: 19
+        },
+        end: {
+          line: 9,
+          column: 76
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 4,
+            column: 34
+          },
+          end: {
+            line: 4,
+            column: 35
+          }
+        },
+        loc: {
+          start: {
+            line: 5,
+            column: 2
+          },
+          end: {
+            line: 5,
+            column: 65
+          }
+        },
+        line: 5
+      },
+      "1": {
+        name: "(anonymous_1)",
+        decl: {
+          start: {
+            line: 7,
+            column: 34
+          },
+          end: {
+            line: 7,
+            column: 35
+          }
+        },
+        loc: {
+          start: {
+            line: 8,
+            column: 2
+          },
+          end: {
+            line: 11,
+            column: 3
+          }
+        },
+        line: 8
+      },
+      "2": {
+        name: "(anonymous_2)",
+        decl: {
+          start: {
+            line: 9,
+            column: 4
+          },
+          end: {
+            line: 9,
+            column: 5
+          }
+        },
+        loc: {
+          start: {
+            line: 9,
+            column: 19
+          },
+          end: {
+            line: 9,
+            column: 76
+          }
+        },
+        line: 9
+      }
+    },
+    branchMap: {},
+    s: {
+      "0": 0,
+      "1": 0,
+      "2": 0,
+      "3": 0,
+      "4": 0
+    },
+    f: {
+      "0": 0,
+      "1": 0,
+      "2": 0
+    },
+    b: {},
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "4e99c4492583af7874430eafb0a0c33e80d44e9d"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_1ceek736tr = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_1ceek736tr();
+cov_1ceek736tr().s[0]++;
+var removeFixedColumns = function removeFixedColumns(fixedColumns, columnData) {
+  cov_1ceek736tr().f[0]++;
+  cov_1ceek736tr().s[1]++;
+  return removeBy({
+    dataIndex: includes(__, fixedColumns)
+  }, columnData);
+};
+cov_1ceek736tr().s[2]++;
+var filterBySearchTerm = function filterBySearchTerm(searchTerm, columns) {
+  cov_1ceek736tr().f[1]++;
+  cov_1ceek736tr().s[3]++;
+  return filter(function (_ref) {
+    var title = _ref.title;
+    cov_1ceek736tr().f[2]++;
+    cov_1ceek736tr().s[4]++;
+    return includes(trim(toLower(searchTerm)), trim(toLower(title)));
+  }, columns);
+};
+
+function cov_1nk47gzsi8() {
+  var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/SubHeader/RightBlock/Columns.jsx";
+  var hash = "a073b27c47692599de4a6dea8467014f75c0f886";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-molecules/neeto-molecules/src/components/SubHeader/RightBlock/Columns.jsx",
+    statementMap: {
+      "0": {
+        start: {
+          line: 13,
+          column: 16
+        },
+        end: {
+          line: 114,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 25,
+          column: 38
+        },
+        end: {
+          line: 25,
+          column: 46
+        }
+      },
+      "2": {
+        start: {
+          line: 26,
+          column: 44
+        },
+        end: {
+          line: 29,
+          column: 3
+        }
+      },
+      "3": {
+        start: {
+          line: 30,
+          column: 38
+        },
+        end: {
+          line: 30,
+          column: 50
+        }
+      },
+      "4": {
+        start: {
+          line: 32,
+          column: 18
+        },
+        end: {
+          line: 32,
+          column: 62
+        }
+      },
+      "5": {
+        start: {
+          line: 33,
+          column: 26
+        },
+        end: {
+          line: 33,
+          column: 65
+        }
+      },
+      "6": {
+        start: {
+          line: 35,
+          column: 23
+        },
+        end: {
+          line: 38,
+          column: 58
+        }
+      },
+      "7": {
+        start: {
+          line: 36,
+          column: 4
+        },
+        end: {
+          line: 38,
+          column: 58
+        }
+      },
+      "8": {
+        start: {
+          line: 40,
+          column: 23
+        },
+        end: {
+          line: 40,
+          column: 70
+        }
+      },
+      "9": {
+        start: {
+          line: 40,
+          column: 50
+        },
+        end: {
+          line: 40,
+          column: 70
+        }
+      },
+      "10": {
+        start: {
+          line: 42,
+          column: 2
+        },
+        end: {
+          line: 44,
+          column: 34
+        }
+      },
+      "11": {
+        start: {
+          line: 43,
+          column: 4
+        },
+        end: {
+          line: 43,
+          column: 79
+        }
+      },
+      "12": {
+        start: {
+          line: 46,
+          column: 16
+        },
+        end: {
+          line: 46,
+          column: 32
+        }
+      },
+      "13": {
+        start: {
+          line: 48,
+          column: 2
+        },
+        end: {
+          line: 113,
+          column: 4
+        }
+      },
+      "14": {
+        start: {
+          line: 62,
+          column: 23
+        },
+        end: {
+          line: 62,
+          column: 40
+        }
+      },
+      "15": {
+        start: {
+          line: 81,
+          column: 16
+        },
+        end: {
+          line: 96,
+          column: 27
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 13,
+            column: 16
+          },
+          end: {
+            line: 13,
+            column: 17
+          }
+        },
+        loc: {
+          start: {
+            line: 24,
+            column: 6
+          },
+          end: {
+            line: 114,
+            column: 1
+          }
+        },
+        line: 24
+      },
+      "1": {
+        name: "(anonymous_1)",
+        decl: {
+          start: {
+            line: 35,
+            column: 23
+          },
+          end: {
+            line: 35,
+            column: 24
+          }
+        },
+        loc: {
+          start: {
+            line: 36,
+            column: 4
+          },
+          end: {
+            line: 38,
+            column: 58
+          }
+        },
+        line: 36
+      },
+      "2": {
+        name: "(anonymous_2)",
+        decl: {
+          start: {
+            line: 40,
+            column: 23
+          },
+          end: {
+            line: 40,
+            column: 24
+          }
+        },
+        loc: {
+          start: {
+            line: 40,
+            column: 50
+          },
+          end: {
+            line: 40,
+            column: 70
+          }
+        },
+        line: 40
+      },
+      "3": {
+        name: "(anonymous_3)",
+        decl: {
+          start: {
+            line: 42,
+            column: 12
+          },
+          end: {
+            line: 42,
+            column: 13
+          }
+        },
+        loc: {
+          start: {
+            line: 42,
+            column: 18
+          },
+          end: {
+            line: 44,
+            column: 3
+          }
+        },
+        line: 42
+      },
+      "4": {
+        name: "(anonymous_4)",
+        decl: {
+          start: {
+            line: 62,
+            column: 17
+          },
+          end: {
+            line: 62,
+            column: 18
+          }
+        },
+        loc: {
+          start: {
+            line: 62,
+            column: 23
+          },
+          end: {
+            line: 62,
+            column: 40
+          }
+        },
+        line: 62
+      },
+      "5": {
+        name: "(anonymous_5)",
+        decl: {
+          start: {
+            line: 80,
+            column: 34
+          },
+          end: {
+            line: 80,
+            column: 35
+          }
+        },
+        loc: {
+          start: {
+            line: 81,
+            column: 16
+          },
+          end: {
+            line: 96,
+            column: 27
+          }
+        },
+        line: 81
+      }
+    },
+    branchMap: {
+      "0": {
+        loc: {
+          start: {
+            line: 15,
+            column: 2
+          },
+          end: {
+            line: 15,
+            column: 20
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 15,
+            column: 18
+          },
+          end: {
+            line: 15,
+            column: 20
+          }
+        }],
+        line: 15
+      },
+      "1": {
+        loc: {
+          start: {
+            line: 16,
+            column: 2
+          },
+          end: {
+            line: 16,
+            column: 17
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 16,
+            column: 15
+          },
+          end: {
+            line: 16,
+            column: 17
+          }
+        }],
+        line: 16
+      },
+      "2": {
+        loc: {
+          start: {
+            line: 17,
+            column: 2
+          },
+          end: {
+            line: 17,
+            column: 20
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 17,
+            column: 18
+          },
+          end: {
+            line: 17,
+            column: 20
+          }
+        }],
+        line: 17
+      },
+      "3": {
+        loc: {
+          start: {
+            line: 18,
+            column: 2
+          },
+          end: {
+            line: 18,
+            column: 19
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 18,
+            column: 17
+          },
+          end: {
+            line: 18,
+            column: 19
+          }
+        }],
+        line: 18
+      },
+      "4": {
+        loc: {
+          start: {
+            line: 19,
+            column: 2
+          },
+          end: {
+            line: 19,
+            column: 22
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 19,
+            column: 17
+          },
+          end: {
+            line: 19,
+            column: 22
+          }
+        }],
+        line: 19
+      },
+      "5": {
+        loc: {
+          start: {
+            line: 20,
+            column: 2
+          },
+          end: {
+            line: 20,
+            column: 22
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 20,
+            column: 20
+          },
+          end: {
+            line: 20,
+            column: 22
+          }
+        }],
+        line: 20
+      },
+      "6": {
+        loc: {
+          start: {
+            line: 21,
+            column: 2
+          },
+          end: {
+            line: 21,
+            column: 65
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 21,
+            column: 20
+          },
+          end: {
+            line: 21,
+            column: 65
+          }
+        }],
+        line: 21
+      },
+      "7": {
+        loc: {
+          start: {
+            line: 22,
+            column: 2
+          },
+          end: {
+            line: 22,
+            column: 21
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 22,
+            column: 13
+          },
+          end: {
+            line: 22,
+            column: 21
+          }
+        }],
+        line: 22
+      },
+      "8": {
+        loc: {
+          start: {
+            line: 23,
+            column: 2
+          },
+          end: {
+            line: 23,
+            column: 18
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 23,
+            column: 16
+          },
+          end: {
+            line: 23,
+            column: 18
+          }
+        }],
+        line: 23
+      },
+      "9": {
+        loc: {
+          start: {
+            line: 36,
+            column: 4
+          },
+          end: {
+            line: 38,
+            column: 58
+          }
+        },
+        type: "cond-expr",
+        locations: [{
+          start: {
+            line: 37,
+            column: 8
+          },
+          end: {
+            line: 37,
+            column: 61
+          }
+        }, {
+          start: {
+            line: 38,
+            column: 8
+          },
+          end: {
+            line: 38,
+            column: 58
+          }
+        }],
+        line: 36
+      },
+      "10": {
+        loc: {
+          start: {
+            line: 67,
+            column: 13
+          },
+          end: {
+            line: 78,
+            column: 13
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 67,
+            column: 13
+          },
+          end: {
+            line: 67,
+            column: 25
+          }
+        }, {
+          start: {
+            line: 68,
+            column: 14
+          },
+          end: {
+            line: 77,
+            column: 16
+          }
+        }],
+        line: 67
+      },
+      "11": {
+        loc: {
+          start: {
+            line: 79,
+            column: 13
+          },
+          end: {
+            line: 102,
+            column: 13
+          }
+        },
+        type: "cond-expr",
+        locations: [{
+          start: {
+            line: 80,
+            column: 14
+          },
+          end: {
+            line: 97,
+            column: 16
+          }
+        }, {
+          start: {
+            line: 99,
+            column: 14
+          },
+          end: {
+            line: 101,
+            column: 21
+          }
+        }],
+        line: 79
+      },
+      "12": {
+        loc: {
+          start: {
+            line: 103,
+            column: 13
+          },
+          end: {
+            line: 108,
+            column: 13
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 103,
+            column: 13
+          },
+          end: {
+            line: 103,
+            column: 26
+          }
+        }, {
+          start: {
+            line: 104,
+            column: 14
+          },
+          end: {
+            line: 107,
+            column: 17
+          }
+        }],
+        line: 103
+      }
+    },
+    s: {
+      "0": 0,
+      "1": 0,
+      "2": 0,
+      "3": 0,
+      "4": 0,
+      "5": 0,
+      "6": 0,
+      "7": 0,
+      "8": 0,
+      "9": 0,
+      "10": 0,
+      "11": 0,
+      "12": 0,
+      "13": 0,
+      "14": 0,
+      "15": 0
+    },
+    f: {
+      "0": 0,
+      "1": 0,
+      "2": 0,
+      "3": 0,
+      "4": 0,
+      "5": 0
+    },
+    b: {
+      "0": [0],
+      "1": [0],
+      "2": [0],
+      "3": [0],
+      "4": [0],
+      "5": [0],
+      "6": [0],
+      "7": [0],
+      "8": [0],
+      "9": [0, 0],
+      "10": [0, 0],
+      "11": [0, 0],
+      "12": [0, 0]
+    },
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "a073b27c47692599de4a6dea8467014f75c0f886"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_1nk47gzsi8 = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_1nk47gzsi8();
+cov_1nk47gzsi8().s[0]++;
+var Columns = function Columns(_ref) {
+  var actionBlock = _ref.actionBlock,
+    _ref$checkboxProps = _ref.checkboxProps,
+    checkboxProps = _ref$checkboxProps === void 0 ? (cov_1nk47gzsi8().b[0][0]++, {}) : _ref$checkboxProps,
+    _ref$columnData = _ref.columnData,
+    columnData = _ref$columnData === void 0 ? (cov_1nk47gzsi8().b[1][0]++, []) : _ref$columnData,
+    _ref$dropdownProps = _ref.dropdownProps,
+    dropdownProps = _ref$dropdownProps === void 0 ? (cov_1nk47gzsi8().b[2][0]++, {}) : _ref$dropdownProps,
+    _ref$fixedColumns = _ref.fixedColumns,
+    fixedColumns = _ref$fixedColumns === void 0 ? (cov_1nk47gzsi8().b[3][0]++, []) : _ref$fixedColumns,
+    _ref$isSearchable = _ref.isSearchable,
+    isSearchable = _ref$isSearchable === void 0 ? (cov_1nk47gzsi8().b[4][0]++, false) : _ref$isSearchable,
+    _ref$localStorageKey = _ref.localStorageKey,
+    localStorageKey = _ref$localStorageKey === void 0 ? (cov_1nk47gzsi8().b[5][0]++, "") : _ref$localStorageKey,
+    _ref$noColumnMessage = _ref.noColumnMessage,
+    noColumnMessage = _ref$noColumnMessage === void 0 ? (cov_1nk47gzsi8().b[6][0]++, i18next.t("neetoMolecules.columns.noColumns")) : _ref$noColumnMessage,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? (cov_1nk47gzsi8().b[7][0]++, identity) : _ref$onChange,
+    _ref$searchProps = _ref.searchProps,
+    searchProps = _ref$searchProps === void 0 ? (cov_1nk47gzsi8().b[8][0]++, {}) : _ref$searchProps;
+  cov_1nk47gzsi8().f[0]++;
+  var _ref2 = (cov_1nk47gzsi8().s[1]++, Dropdown),
+    Divider = _ref2.Divider,
+    Menu = _ref2.Menu,
+    MenuItem = _ref2.MenuItem;
+  var _ref3 = (cov_1nk47gzsi8().s[2]++, useLocalStorage(localStorageKey, [])),
+    _ref4 = _slicedToArray(_ref3, 2),
+    hiddenColumns = _ref4[0],
+    setHiddenColumns = _ref4[1];
+  var _ref5 = (cov_1nk47gzsi8().s[3]++, useState("")),
+    _ref6 = _slicedToArray(_ref5, 2),
+    searchTerm = _ref6[0],
+    setSearchTerm = _ref6[1];
+  var columns = (cov_1nk47gzsi8().s[4]++, removeFixedColumns(fixedColumns, columnData));
+  var filteredColumns = (cov_1nk47gzsi8().s[5]++, filterBySearchTerm(searchTerm, columns));
+  cov_1nk47gzsi8().s[6]++;
+  var handleChange = function handleChange(_ref7) {
+    var _ref7$target = _ref7.target,
+      dataIndex = _ref7$target.name,
+      checked = _ref7$target.checked;
+    cov_1nk47gzsi8().f[1]++;
+    cov_1nk47gzsi8().s[7]++;
+    return checked ? (cov_1nk47gzsi8().b[9][0]++, setHiddenColumns(without([dataIndex], hiddenColumns))) : (cov_1nk47gzsi8().b[9][1]++, setHiddenColumns(append(dataIndex, hiddenColumns)));
+  };
+  cov_1nk47gzsi8().s[8]++;
+  var handleSearch = function handleSearch(_ref8) {
+    var value = _ref8.target.value;
+    cov_1nk47gzsi8().f[2]++;
+    cov_1nk47gzsi8().s[9]++;
+    return setSearchTerm(value);
+  };
+  cov_1nk47gzsi8().s[10]++;
+  useEffect(function () {
+    cov_1nk47gzsi8().f[3]++;
+    cov_1nk47gzsi8().s[11]++;
+    onChange(removeBy({
+      dataIndex: includes(__, hiddenColumns)
+    }, columnData));
+  }, [columnData, hiddenColumns]);
+  var _ref9 = (cov_1nk47gzsi8().s[12]++, useTranslation()),
+    t = _ref9.t;
+  cov_1nk47gzsi8().s[13]++;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-molecules-subheader__columns"
+  }, /*#__PURE__*/React.createElement(Dropdown, _extends({
+    buttonStyle: "text",
+    closeOnSelect: false,
+    position: "bottom-end",
+    buttonProps: {
+      icon: Column,
+      tooltipProps: {
+        content: t("neetoMolecules.columns.columns"),
+        position: "bottom"
+      },
+      "data-testid": "columns-button"
+    },
+    onClose: function onClose() {
+      cov_1nk47gzsi8().f[4]++;
+      cov_1nk47gzsi8().s[14]++;
+      return setSearchTerm("");
+    }
+  }, dropdownProps), /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement("div", null, (cov_1nk47gzsi8().b[10][0]++, isSearchable) && (cov_1nk47gzsi8().b[10][1]++, /*#__PURE__*/React.createElement(Input, _extends({
+    className: "neeto-ui-px-3 neeto-ui-py-2",
+    "data-cy": "neeto-ui-columns-search",
+    placeholder: t("neetoMolecules.columns.search"),
+    prefix: /*#__PURE__*/React.createElement(Search, null),
+    type: "search",
+    value: searchTerm,
+    onChange: handleSearch
+  }, searchProps))), isNotEmpty(filteredColumns) ? (cov_1nk47gzsi8().b[11][0]++, filteredColumns.map(function (_ref10) {
+    var dataIndex = _ref10.dataIndex,
+      key = _ref10.key,
+      title = _ref10.title;
+    cov_1nk47gzsi8().f[5]++;
+    cov_1nk47gzsi8().s[15]++;
+    return /*#__PURE__*/React.createElement(MenuItem, {
+      key: key
+    }, /*#__PURE__*/React.createElement(Label, {
+      className: "neeto-ui-w-full neeto-ui-px-3 neeto-ui-py-2 hover:neeto-ui-bg-gray-200 neeto-ui-cursor-pointer",
+      htmlFor: dataIndex
+    }, /*#__PURE__*/React.createElement(Checkbox, _extends({
+      checked: !hiddenColumns.includes(dataIndex),
+      "data-cy": "neeto-ui-columns-checkbox",
+      id: dataIndex,
+      label: title,
+      name: dataIndex,
+      onChange: handleChange
+    }, checkboxProps))));
+  })) : (cov_1nk47gzsi8().b[11][1]++, /*#__PURE__*/React.createElement("span", {
+    className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-p-2"
+  }, noColumnMessage)), (cov_1nk47gzsi8().b[12][0]++, !!actionBlock) && (cov_1nk47gzsi8().b[12][1]++, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), actionBlock))))));
+};
+
+function cov_td1jpvcmw() {
+  var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/SubHeader/RightBlock/Download.jsx";
+  var hash = "bfd5034300eaa044c3c9eed37cbd2988c7b9f42b";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-molecules/neeto-molecules/src/components/SubHeader/RightBlock/Download.jsx",
+    statementMap: {
+      "0": {
+        start: {
+          line: 7,
+          column: 23
+        },
+        end: {
+          line: 29,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 8,
+          column: 16
+        },
+        end: {
+          line: 8,
+          column: 32
+        }
+      },
+      "2": {
+        start: {
+          line: 10,
+          column: 2
+        },
+        end: {
+          line: 28,
+          column: 4
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 7,
+            column: 23
+          },
+          end: {
+            line: 7,
+            column: 24
+          }
+        },
+        loc: {
+          start: {
+            line: 7,
+            column: 47
+          },
+          end: {
+            line: 29,
+            column: 1
+          }
+        },
+        line: 7
+      }
+    },
+    branchMap: {
+      "0": {
+        loc: {
+          start: {
+            line: 22,
+            column: 7
+          },
+          end: {
+            line: 26,
+            column: 7
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 22,
+            column: 7
+          },
+          end: {
+            line: 22,
+            column: 12
+          }
+        }, {
+          start: {
+            line: 23,
+            column: 8
+          },
+          end: {
+            line: 25,
+            column: 15
+          }
+        }],
+        line: 22
+      }
+    },
+    s: {
+      "0": 0,
+      "1": 0,
+      "2": 0
+    },
+    f: {
+      "0": 0
+    },
+    b: {
+      "0": [0, 0]
+    },
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "bfd5034300eaa044c3c9eed37cbd2988c7b9f42b"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_td1jpvcmw = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_td1jpvcmw();
+cov_td1jpvcmw().s[0]++;
+var DownloadButton = function DownloadButton(_ref) {
+  var count = _ref.count,
+    onClick = _ref.onClick;
+  cov_td1jpvcmw().f[0]++;
+  var _ref2 = (cov_td1jpvcmw().s[1]++, useTranslation()),
+    t = _ref2.t;
+  cov_td1jpvcmw().s[2]++;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-molecules-subheader__download"
+  }, /*#__PURE__*/React.createElement(Button, {
+    "data-testid": "download-button",
+    icon: Download,
+    style: "text",
+    tooltipProps: {
+      content: t("neetoMolecules.common.download"),
+      position: "bottom"
+    },
+    onClick: onClick
+  }), (cov_td1jpvcmw().b[0][0]++, count) && (cov_td1jpvcmw().b[0][1]++, /*#__PURE__*/React.createElement("span", {
+    className: "neeto-molecules-subheader__download-count"
+  }, count)));
+};
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var _excluded = ["buttonProps"];
+function cov_m5zh4tynr() {
+  var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/SubHeader/RightBlock/Filter.jsx";
+  var hash = "ccf07ab7fbe2e20d51a0eb8a8009a0ad5956d118";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-molecules/neeto-molecules/src/components/SubHeader/RightBlock/Filter.jsx",
+    statementMap: {
+      "0": {
+        start: {
+          line: 7,
+          column: 21
+        },
+        end: {
+          line: 28,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 8,
+          column: 16
+        },
+        end: {
+          line: 8,
+          column: 32
+        }
+      },
+      "2": {
+        start: {
+          line: 10,
+          column: 2
+        },
+        end: {
+          line: 27,
+          column: 4
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 7,
+            column: 21
+          },
+          end: {
+            line: 7,
+            column: 22
+          }
+        },
+        loc: {
+          start: {
+            line: 7,
+            column: 52
+          },
+          end: {
+            line: 28,
+            column: 1
+          }
+        },
+        line: 7
+      }
+    },
+    branchMap: {},
+    s: {
+      "0": 0,
+      "1": 0,
+      "2": 0
+    },
+    f: {
+      "0": 0
+    },
+    b: {},
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "ccf07ab7fbe2e20d51a0eb8a8009a0ad5956d118"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_m5zh4tynr = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_m5zh4tynr();
+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(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; }
+cov_m5zh4tynr().s[0]++;
+var FilterButton = function FilterButton(_ref) {
+  var buttonProps = _ref.buttonProps,
+    props = _objectWithoutProperties(_ref, _excluded);
+  cov_m5zh4tynr().f[0]++;
+  var _ref2 = (cov_m5zh4tynr().s[1]++, useTranslation()),
+    t = _ref2.t;
+  cov_m5zh4tynr().s[2]++;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-molecules-subheader__filter"
+  }, /*#__PURE__*/React.createElement(Filters, _extends({
+    buttonProps: _objectSpread({
+      "data-testid": "filter-button",
+      icon: Filter,
+      style: "text",
+      tooltipProps: {
+        content: t("neetoMolecules.common.filter"),
+        position: "bottom"
+      },
+      label: null
+    }, buttonProps)
+  }, props)));
+};
+
+function cov_yp8t4aac1() {
+  var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/SubHeader/RightBlock/index.jsx";
+  var hash = "9cc82e2363692514f071479e9badda2e6c36b5c0";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-molecules/neeto-molecules/src/components/SubHeader/RightBlock/index.jsx",
+    statementMap: {
+      "0": {
+        start: {
+          line: 7,
+          column: 19
+        },
+        end: {
+          line: 17,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 12,
+          column: 2
+        },
+        end: {
+          line: 16,
+          column: 8
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 7,
+            column: 19
+          },
+          end: {
+            line: 7,
+            column: 20
+          }
+        },
+        loc: {
+          start: {
+            line: 12,
+            column: 2
+          },
+          end: {
+            line: 16,
+            column: 8
+          }
+        },
+        line: 12
+      }
+    },
+    branchMap: {
+      "0": {
+        loc: {
+          start: {
+            line: 13,
+            column: 5
+          },
+          end: {
+            line: 13,
+            column: 65
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 13,
+            column: 5
+          },
+          end: {
+            line: 13,
+            column: 24
+          }
+        }, {
+          start: {
+            line: 13,
+            column: 28
+          },
+          end: {
+            line: 13,
+            column: 65
+          }
+        }],
+        line: 13
+      },
+      "1": {
+        loc: {
+          start: {
+            line: 14,
+            column: 5
+          },
+          end: {
+            line: 14,
+            column: 62
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 14,
+            column: 5
+          },
+          end: {
+            line: 14,
+            column: 23
+          }
+        }, {
+          start: {
+            line: 14,
+            column: 27
+          },
+          end: {
+            line: 14,
+            column: 62
+          }
+        }],
+        line: 14
+      },
+      "2": {
+        loc: {
+          start: {
+            line: 15,
+            column: 5
+          },
+          end: {
+            line: 15,
+            column: 47
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 15,
+            column: 5
+          },
+          end: {
+            line: 15,
+            column: 16
+          }
+        }, {
+          start: {
+            line: 15,
+            column: 20
+          },
+          end: {
+            line: 15,
+            column: 47
+          }
+        }],
+        line: 15
+      }
+    },
+    s: {
+      "0": 0,
+      "1": 0
+    },
+    f: {
+      "0": 0
+    },
+    b: {
+      "0": [0, 0],
+      "1": [0, 0],
+      "2": [0, 0]
+    },
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "9cc82e2363692514f071479e9badda2e6c36b5c0"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_yp8t4aac1 = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_yp8t4aac1();
+cov_yp8t4aac1().s[0]++;
+var RightBlock = function RightBlock(_ref) {
+  var downloadButtonProps = _ref.downloadButtonProps,
+    columnsButtonProps = _ref.columnsButtonProps,
+    filterProps = _ref.filterProps;
+  cov_yp8t4aac1().f[0]++;
+  cov_yp8t4aac1().s[1]++;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-molecules-subheader__right-actions"
+  }, (cov_yp8t4aac1().b[0][0]++, downloadButtonProps) && (cov_yp8t4aac1().b[0][1]++, /*#__PURE__*/React.createElement(DownloadButton, downloadButtonProps)), (cov_yp8t4aac1().b[1][0]++, columnsButtonProps) && (cov_yp8t4aac1().b[1][1]++, /*#__PURE__*/React.createElement(Columns, columnsButtonProps)), (cov_yp8t4aac1().b[2][0]++, filterProps) && (cov_yp8t4aac1().b[2][1]++, /*#__PURE__*/React.createElement(FilterButton, filterProps)));
+};
+
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-var css = ".neeto-molecules-subheader{align-items:center;background-color:rgb(var(--neeto-ui-white));display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--neeto-ui-sub-header-bottom-margin);min-height:var(--neeto-ui-sub-header-height);width:100%}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper{display:flex;flex-grow:1}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left .neeto-molecules-input__prefix{color:rgb(var(--neeto-ui-gray-400))}.neeto-molecules-subheader .neeto-molecules-subheader__right{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-end}";
+var css = ".neeto-molecules-subheader{align-items:center;background-color:rgb(var(--neeto-ui-white));display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--neeto-ui-sub-header-bottom-margin);min-height:var(--neeto-ui-sub-header-height);width:100%}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper{display:flex;flex-grow:1}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.neeto-molecules-subheader .neeto-molecules-subheader__left-wrapper .neeto-molecules-subheader__left .neeto-molecules-input__prefix{color:rgb(var(--neeto-ui-gray-400))}.neeto-molecules-subheader .neeto-molecules-subheader__right{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:flex-end}.neeto-molecules-subheader .neeto-molecules-subheader__right-actions{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:flex-end}.neeto-molecules-subheader .neeto-molecules-subheader__right-actions>:not([hidden])~:not([hidden]){border-left:thin solid rgb(var(--neeto-ui-gray-300));padding-left:8px}.neeto-molecules-subheader__download{position:relative}.neeto-molecules-subheader__download-count{align-items:center;background-color:rgb(var(--neeto-ui-primary-500));border-radius:var(--neeto-ui-rounded-full);color:rgb(var(--neeto-ui-white));display:inline-flex;font-size:10px;justify-content:center;min-height:16px;min-width:16px;position:absolute;right:-2px;text-align:center;top:-2px;z-index:1}";
 n(css,{});
 
 function cov_mkycqaehe() {
   var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/SubHeader/index.jsx";
-  var hash = "add11ac729f682ff4016960d57fa604d2fbbbcaa";
+  var hash = "f99fde5ef8dd8b7cb1893834760b2fabb55416b1";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -76,23 +1713,33 @@ function cov_mkycqaehe() {
     statementMap: {
       "0": {
         start: {
-          line: 7,
+          line: 8,
           column: 18
         },
         end: {
-          line: 21,
+          line: 22,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 8,
+          line: 9,
           column: 2
         },
         end: {
-          line: 20,
+          line: 21,
           column: 8
         }
+      },
+      "2": {
+        start: {
+          line: 24,
+          column: 0
+        },
+        end: {
+          line: 24,
+          column: 34
+        }
       }
     },
     fnMap: {
@@ -100,122 +1747,123 @@ function cov_mkycqaehe() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 7,
+            line: 8,
             column: 18
           },
           end: {
-            line: 7,
+            line: 8,
             column: 19
           }
         },
         loc: {
           start: {
-            line: 8,
+            line: 9,
             column: 2
           },
           end: {
-            line: 20,
+            line: 21,
             column: 8
           }
         },
-        line: 8
+        line: 9
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 7,
+            line: 8,
             column: 21
           },
           end: {
-            line: 7,
+            line: 8,
             column: 35
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 7,
+            line: 8,
             column: 33
           },
           end: {
-            line: 7,
+            line: 8,
             column: 35
           }
         }],
-        line: 7
+        line: 8
       },
       "1": {
         loc: {
           start: {
-            line: 13,
+            line: 14,
             column: 7
           },
           end: {
-            line: 15,
+            line: 16,
             column: 7
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 13,
+            line: 14,
             column: 7
           },
           end: {
-            line: 13,
+            line: 14,
             column: 22
           }
         }, {
           start: {
-            line: 14,
+            line: 15,
             column: 8
           },
           end: {
-            line: 14,
+            line: 15,
             column: 80
           }
         }],
-        line: 13
+        line: 14
       },
       "2": {
         loc: {
           start: {
-            line: 17,
+            line: 18,
             column: 5
           },
           end: {
-            line: 19,
+            line: 20,
             column: 5
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 17,
+            line: 18,
             column: 5
           },
           end: {
-            line: 17,
+            line: 18,
             column: 21
           }
         }, {
           start: {
-            line: 18,
+            line: 19,
             column: 6
           },
           end: {
-            line: 18,
+            line: 19,
             column: 80
           }
         }],
-        line: 17
+        line: 18
       }
     },
     s: {
       "0": 0,
-      "1": 0
+      "1": 0,
+      "2": 0
     },
     f: {
       "0": 0
@@ -226,7 +1874,7 @@ function cov_mkycqaehe() {
       "2": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "add11ac729f682ff4016960d57fa604d2fbbbcaa"
+    hash: "f99fde5ef8dd8b7cb1893834760b2fabb55416b1"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -261,6 +1909,8 @@ var SubHeader = function SubHeader(_ref) {
     className: "neeto-molecules-subheader__right"
   }, rightActionBlock)));
 };
+cov_mkycqaehe().s[2]++;
+SubHeader.RightBlock = RightBlock;
 
 export { SubHeader as default };
 //# sourceMappingURL=SubHeader.js.map