@bigbinary/neeto-molecules 1.0.7 → 1.0.9

package/dist/Columns.cjs.js

@@ -1,183 +1 @@
-'use strict';
-
-var React = require('react');
-var pure = require('@bigbinary/neeto-commons-frontend/pure');
-var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
-var neetoIcons = require('@bigbinary/neeto-icons');
-var neetoui = require('@bigbinary/neetoui');
-var ramda = require('ramda');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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();
-}
-
-var removeFixedColumns = function removeFixedColumns(fixedColumns, columnData) {
-  return pure.removeBy({
-    dataIndex: ramda.includes(ramda.__, fixedColumns)
-  }, columnData);
-};
-var filterBySearchTerm = function filterBySearchTerm(searchTerm, columns) {
-  return ramda.filter(function (_ref) {
-    var title = _ref.title;
-    return ramda.includes(ramda.trim(ramda.toLower(searchTerm)), ramda.trim(ramda.toLower(title)));
-  }, columns);
-};
-
-var Columns = function Columns(_ref) {
-  var actionBlock = _ref.actionBlock,
-    _ref$checkboxProps = _ref.checkboxProps,
-    checkboxProps = _ref$checkboxProps === void 0 ? {} : _ref$checkboxProps,
-    _ref$columnData = _ref.columnData,
-    columnData = _ref$columnData === void 0 ? [] : _ref$columnData,
-    _ref$dropdownProps = _ref.dropdownProps,
-    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
-    _ref$fixedColumns = _ref.fixedColumns,
-    fixedColumns = _ref$fixedColumns === void 0 ? [] : _ref$fixedColumns,
-    _ref$isSearchable = _ref.isSearchable,
-    isSearchable = _ref$isSearchable === void 0 ? false : _ref$isSearchable,
-    _ref$localStorageKey = _ref.localStorageKey,
-    localStorageKey = _ref$localStorageKey === void 0 ? "" : _ref$localStorageKey,
-    _ref$noColumnMessage = _ref.noColumnMessage,
-    noColumnMessage = _ref$noColumnMessage === void 0 ? "No columns found!" : _ref$noColumnMessage,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? ramda.identity : _ref$onChange,
-    _ref$searchProps = _ref.searchProps,
-    searchProps = _ref$searchProps === void 0 ? {} : _ref$searchProps;
-  var Divider = neetoui.Dropdown.Divider,
-    Menu = neetoui.Dropdown.Menu,
-    MenuItem = neetoui.Dropdown.MenuItem;
-  var _useLocalStorage = reactUtils.useLocalStorage(localStorageKey, []),
-    _useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
-    hiddenColumns = _useLocalStorage2[0],
-    setHiddenColumns = _useLocalStorage2[1];
-  var _useState = React.useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchTerm = _useState2[0],
-    setSearchTerm = _useState2[1];
-  var columns = removeFixedColumns(fixedColumns, columnData);
-  var filteredColumns = filterBySearchTerm(searchTerm, columns);
-  var handleChange = function handleChange(_ref2) {
-    var _ref2$target = _ref2.target,
-      dataIndex = _ref2$target.name,
-      checked = _ref2$target.checked;
-    return checked ? setHiddenColumns(ramda.without([dataIndex], hiddenColumns)) : setHiddenColumns(ramda.append(dataIndex, hiddenColumns));
-  };
-  var handleSearch = function handleSearch(_ref3) {
-    var value = _ref3.target.value;
-    return setSearchTerm(value);
-  };
-  React.useEffect(function () {
-    onChange(pure.removeBy({
-      dataIndex: ramda.includes(ramda.__, hiddenColumns)
-    }, columnData));
-  }, [columnData, hiddenColumns]);
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends({
-    buttonSize: "medium",
-    buttonStyle: "text",
-    closeOnSelect: false,
-    label: "Columns",
-    position: "bottom-end",
-    onClose: function onClose() {
-      return setSearchTerm("");
-    }
-  }, dropdownProps), /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement("div", null, isSearchable && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends({
-    className: "neeto-ui-px-3 neeto-ui-py-2",
-    "data-cy": "neeto-ui-columns-search",
-    placeholder: "Search columns",
-    prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Search, null),
-    type: "search",
-    value: searchTerm,
-    onChange: handleSearch
-  }, searchProps)), pure.isNotEmpty(filteredColumns) ? filteredColumns.map(function (_ref4) {
-    var dataIndex = _ref4.dataIndex,
-      key = _ref4.key,
-      title = _ref4.title;
-    return /*#__PURE__*/React__default["default"].createElement(MenuItem, {
-      key: key
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.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__default["default"].createElement(neetoui.Checkbox, _extends({
-      checked: !hiddenColumns.includes(dataIndex),
-      "data-cy": "neeto-ui-columns-checkbox",
-      id: dataIndex,
-      label: title,
-      name: dataIndex,
-      onChange: handleChange
-    }, checkboxProps))));
-  }) : /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-p-2"
-  }, noColumnMessage), !!actionBlock && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Divider, null), actionBlock))));
-};
-
-module.exports = Columns;
+"use strict";var e=require("react"),t=require("@bigbinary/neeto-commons-frontend/pure"),n=require("@bigbinary/neeto-commons-frontend/react-utils"),r=require("@bigbinary/neeto-icons"),o=require("@bigbinary/neetoui"),a=require("ramda");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,u,l=[],i=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=a.call(n)).done)&&(l.push(r.value),l.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{if(!i&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}module.exports=function(u){var c=u.actionBlock,f=u.checkboxProps,s=void 0===f?{}:f,m=u.columnData,p=void 0===m?[]:m,y=u.dropdownProps,b=void 0===y?{}:y,v=u.fixedColumns,h=void 0===v?[]:v,g=u.isSearchable,x=void 0!==g&&g,w=u.localStorageKey,E=void 0===w?"":w,S=u.noColumnMessage,j=void 0===S?"No columns found!":S,C=u.onChange,O=void 0===C?a.identity:C,k=u.searchProps,I=void 0===k?{}:k,q=o.Dropdown.Divider,A=o.Dropdown.Menu,D=o.Dropdown.MenuItem,N=d(n.useLocalStorage(E,[]),2),L=N[0],M=N[1],P=d(e.useState(""),2),_=P[0],B=P[1],F=function(e,n){return t.removeBy({dataIndex:a.includes(a.__,e)},n)}(h,p),z=function(e,t){return a.filter((function(t){var n=t.title;return a.includes(a.trim(a.toLower(e)),a.trim(a.toLower(n)))}),t)}(_,F),K=function(e){var t=e.target,n=t.name,r=t.checked;return M(r?a.without([n],L):a.append(n,L))};return e.useEffect((function(){O(t.removeBy({dataIndex:a.includes(a.__,L)},p))}),[p,L]),l.default.createElement(o.Dropdown,i({buttonSize:"medium",buttonStyle:"text",closeOnSelect:!1,label:"Columns",position:"bottom-end",onClose:function(){return B("")}},b),l.default.createElement(A,null,l.default.createElement("div",null,x&&l.default.createElement(o.Input,i({className:"neeto-ui-px-3 neeto-ui-py-2","data-cy":"neeto-ui-columns-search",placeholder:"Search columns",prefix:l.default.createElement(r.Search,null),type:"search",value:_,onChange:function(e){var t=e.target.value;return B(t)}},I)),t.isNotEmpty(z)?z.map((function(e){var t=e.dataIndex,n=e.key,r=e.title;return l.default.createElement(D,{key:n},l.default.createElement(o.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:t},l.default.createElement(o.Checkbox,i({checked:!L.includes(t),"data-cy":"neeto-ui-columns-checkbox",id:t,label:r,name:t,onChange:K},s))))})):l.default.createElement("span",{className:"neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-p-2"},j),!!c&&l.default.createElement(l.default.Fragment,null,l.default.createElement(q,null),c))))};

package/dist/Columns.js

@@ -1,177 +1 @@
-import React, { useState, useEffect } from 'react';
-import { removeBy, isNotEmpty } from '@bigbinary/neeto-commons-frontend/pure';
-import { useLocalStorage } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { Search } from '@bigbinary/neeto-icons';
-import { Dropdown, Input, Label, Checkbox } from '@bigbinary/neetoui';
-import { includes, __, filter, trim, toLower, identity, without, append } from 'ramda';
-
-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();
-}
-
-var removeFixedColumns = function removeFixedColumns(fixedColumns, columnData) {
-  return removeBy({
-    dataIndex: includes(__, fixedColumns)
-  }, columnData);
-};
-var filterBySearchTerm = function filterBySearchTerm(searchTerm, columns) {
-  return filter(function (_ref) {
-    var title = _ref.title;
-    return includes(trim(toLower(searchTerm)), trim(toLower(title)));
-  }, columns);
-};
-
-var Columns = function Columns(_ref) {
-  var actionBlock = _ref.actionBlock,
-    _ref$checkboxProps = _ref.checkboxProps,
-    checkboxProps = _ref$checkboxProps === void 0 ? {} : _ref$checkboxProps,
-    _ref$columnData = _ref.columnData,
-    columnData = _ref$columnData === void 0 ? [] : _ref$columnData,
-    _ref$dropdownProps = _ref.dropdownProps,
-    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
-    _ref$fixedColumns = _ref.fixedColumns,
-    fixedColumns = _ref$fixedColumns === void 0 ? [] : _ref$fixedColumns,
-    _ref$isSearchable = _ref.isSearchable,
-    isSearchable = _ref$isSearchable === void 0 ? false : _ref$isSearchable,
-    _ref$localStorageKey = _ref.localStorageKey,
-    localStorageKey = _ref$localStorageKey === void 0 ? "" : _ref$localStorageKey,
-    _ref$noColumnMessage = _ref.noColumnMessage,
-    noColumnMessage = _ref$noColumnMessage === void 0 ? "No columns found!" : _ref$noColumnMessage,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? identity : _ref$onChange,
-    _ref$searchProps = _ref.searchProps,
-    searchProps = _ref$searchProps === void 0 ? {} : _ref$searchProps;
-  var Divider = Dropdown.Divider,
-    Menu = Dropdown.Menu,
-    MenuItem = Dropdown.MenuItem;
-  var _useLocalStorage = useLocalStorage(localStorageKey, []),
-    _useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
-    hiddenColumns = _useLocalStorage2[0],
-    setHiddenColumns = _useLocalStorage2[1];
-  var _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchTerm = _useState2[0],
-    setSearchTerm = _useState2[1];
-  var columns = removeFixedColumns(fixedColumns, columnData);
-  var filteredColumns = filterBySearchTerm(searchTerm, columns);
-  var handleChange = function handleChange(_ref2) {
-    var _ref2$target = _ref2.target,
-      dataIndex = _ref2$target.name,
-      checked = _ref2$target.checked;
-    return checked ? setHiddenColumns(without([dataIndex], hiddenColumns)) : setHiddenColumns(append(dataIndex, hiddenColumns));
-  };
-  var handleSearch = function handleSearch(_ref3) {
-    var value = _ref3.target.value;
-    return setSearchTerm(value);
-  };
-  useEffect(function () {
-    onChange(removeBy({
-      dataIndex: includes(__, hiddenColumns)
-    }, columnData));
-  }, [columnData, hiddenColumns]);
-  return /*#__PURE__*/React.createElement(Dropdown, _extends({
-    buttonSize: "medium",
-    buttonStyle: "text",
-    closeOnSelect: false,
-    label: "Columns",
-    position: "bottom-end",
-    onClose: function onClose() {
-      return setSearchTerm("");
-    }
-  }, dropdownProps), /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement("div", null, isSearchable && /*#__PURE__*/React.createElement(Input, _extends({
-    className: "neeto-ui-px-3 neeto-ui-py-2",
-    "data-cy": "neeto-ui-columns-search",
-    placeholder: "Search columns",
-    prefix: /*#__PURE__*/React.createElement(Search, null),
-    type: "search",
-    value: searchTerm,
-    onChange: handleSearch
-  }, searchProps)), isNotEmpty(filteredColumns) ? filteredColumns.map(function (_ref4) {
-    var dataIndex = _ref4.dataIndex,
-      key = _ref4.key,
-      title = _ref4.title;
-    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))));
-  }) : /*#__PURE__*/React.createElement("span", {
-    className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-p-2"
-  }, noColumnMessage), !!actionBlock && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), actionBlock))));
-};
-
-export { Columns as default };
+import e,{useState as t,useEffect as n}from"react";import{removeBy as r,isNotEmpty as o}from"@bigbinary/neeto-commons-frontend/pure";import{useLocalStorage as a}from"@bigbinary/neeto-commons-frontend/react-utils";import{Search as i}from"@bigbinary/neeto-icons";import{Dropdown as l,Input as u,Label as c,Checkbox as m}from"@bigbinary/neetoui";import{includes as s,__ as f,filter as d,trim as p,toLower as y,identity as b,without as v,append as h}from"ramda";function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,l=[],u=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return x(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?x(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var S=function(x){var S=x.actionBlock,O=x.checkboxProps,j=void 0===O?{}:O,C=x.columnData,k=void 0===C?[]:C,w=x.dropdownProps,I=void 0===w?{}:w,A=x.fixedColumns,M=void 0===A?[]:A,N=x.isSearchable,P=void 0!==N&&N,D=x.localStorageKey,F=void 0===D?"":D,z=x.noColumnMessage,B=void 0===z?"No columns found!":z,K=x.onChange,T=void 0===K?b:K,U=x.searchProps,$=void 0===U?{}:U,q=l.Divider,G=l.Menu,H=l.MenuItem,J=E(a(F,[]),2),L=J[0],Q=J[1],R=E(t(""),2),V=R[0],W=R[1],X=function(e,t){return r({dataIndex:s(f,e)},t)}(M,k),Y=function(e,t){return d((function(t){var n=t.title;return s(p(y(e)),p(y(n)))}),t)}(V,X),Z=function(e){var t=e.target,n=t.name,r=t.checked;return Q(r?v([n],L):h(n,L))};return n((function(){T(r({dataIndex:s(f,L)},k))}),[k,L]),e.createElement(l,g({buttonSize:"medium",buttonStyle:"text",closeOnSelect:!1,label:"Columns",position:"bottom-end",onClose:function(){return W("")}},I),e.createElement(G,null,e.createElement("div",null,P&&e.createElement(u,g({className:"neeto-ui-px-3 neeto-ui-py-2","data-cy":"neeto-ui-columns-search",placeholder:"Search columns",prefix:e.createElement(i,null),type:"search",value:V,onChange:function(e){var t=e.target.value;return W(t)}},$)),o(Y)?Y.map((function(t){var n=t.dataIndex,r=t.key,o=t.title;return e.createElement(H,{key:r},e.createElement(c,{className:"neeto-ui-w-full neeto-ui-px-3 neeto-ui-py-2 hover:neeto-ui-bg-gray-200 neeto-ui-cursor-pointer",htmlFor:n},e.createElement(m,g({checked:!L.includes(n),"data-cy":"neeto-ui-columns-checkbox",id:n,label:o,name:n,onChange:Z},j))))})):e.createElement("span",{className:"neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-p-2"},B),!!S&&e.createElement(e.Fragment,null,e.createElement(q,null),S))))};export{S as default};