@bigbinary/neeto-molecules 1.1.78 → 1.2.0-beta2

package/dist/cjs/useColumns-9978cf70.js

@@ -0,0 +1,275 @@
+'use strict';
+
+var _extends = require('@babel/runtime/helpers/extends');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var React = require('react');
+var i18next = require('i18next');
+var neetoCist = require('@bigbinary/neeto-cist');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var neetoui = require('@bigbinary/neetoui');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var injectCss = require('./inject-css-80a5faa3.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var zustand = require('zustand');
+var middleware = require('zustand/middleware');
+var general = require('@bigbinary/neeto-commons-frontend/utils/general');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+var css = ":root{--neeto-molecules-columns-menu-max-width:500px}.neeto-molecules-columns__container{max-width:500px;max-width:var(--neeto-molecules-columns-menu-max-width)}";
+injectCss.n(css,{});
+
+var HIDDEN_COLUMNS_STORAGE_KEY = "neeto-molecules-hidden-columns";
+var COLUMNS_ORDER_STORAGE_KEY = "neeto-molecules-columns-order";
+
+var getHidableColumns = function getHidableColumns(columnData) {
+  return neetoCist.removeBy({
+    isHidable: false
+  }, 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 removeDeletedColumns = function removeDeletedColumns(hiddenColumns, columnData) {
+  return hiddenColumns.filter(function (hiddenColumn) {
+    return neetoCist.existsBy({
+      dataIndex: hiddenColumn
+    }, columnData);
+  });
+};
+
+/** @type {import("neetocommons/react-utils").ZustandStoreHook} */
+var useHiddenColumnStore = zustand.create(middleware.persist(function () {
+  return {};
+}, {
+  name: HIDDEN_COLUMNS_STORAGE_KEY
+}));
+var useHiddenColumns = function useHiddenColumns(localStorageKey) {
+  var initialValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var hiddenColumns = useHiddenColumnStore(function (state) {
+    return state[localStorageKey];
+  });
+  var setHiddenColumns = function setHiddenColumns(columns) {
+    return useHiddenColumnStore.setState(_defineProperty__default["default"]({}, localStorageKey, columns));
+  };
+
+  // Migrates values from old location to new zustand location.
+  React.useEffect(function () {
+    var oldValue = general.getFromLocalStorage(localStorageKey);
+    if (oldValue) {
+      setHiddenColumns(oldValue);
+      general.removeFromLocalStorage(localStorageKey);
+    } else if (!hiddenColumns) {
+      setHiddenColumns(initialValue);
+    }
+  }, [localStorageKey]);
+  var hideColumn = function hideColumn(columns) {
+    return setHiddenColumns(ramda.union(hiddenColumns, Array.isArray(columns) ? columns : [columns]));
+  };
+  var showColumn = function showColumn(columns) {
+    return setHiddenColumns(ramda.without(Array.isArray(columns) ? columns : [columns], hiddenColumns));
+  };
+  var getVisibleColumnData = function getVisibleColumnData(columnData) {
+    return neetoCist.removeBy({
+      dataIndex: ramda.includes(ramda.__, hiddenColumns || [])
+    }, columnData);
+  };
+  var onColumnDataChange = function onColumnDataChange(columnData) {
+    if (ramda.isEmpty(columnData) || !hiddenColumns) return;
+    var newHiddenColumns = removeDeletedColumns(hiddenColumns, columnData);
+    if (!ramda.equals(newHiddenColumns, hiddenColumns)) {
+      setHiddenColumns(newHiddenColumns);
+    }
+  };
+  return {
+    hiddenColumns: hiddenColumns,
+    hideColumn: hideColumn,
+    showColumn: showColumn,
+    getVisibleColumnData: getVisibleColumnData,
+    onColumnDataChange: onColumnDataChange
+  };
+};
+
+var _excluded$1 = ["actionBlock", "checkboxProps", "columnData", "isSearchable", "localStorageKey", "initialValue", "noColumnMessage", "onChange", "searchProps"];
+var Columns = /*#__PURE__*/React.forwardRef(function (_ref, 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$isSearchable = _ref.isSearchable,
+    isSearchable = _ref$isSearchable === void 0 ? false : _ref$isSearchable,
+    _ref$localStorageKey = _ref.localStorageKey,
+    localStorageKey = _ref$localStorageKey === void 0 ? "" : _ref$localStorageKey,
+    _ref$initialValue = _ref.initialValue,
+    initialValue = _ref$initialValue === void 0 ? [] : _ref$initialValue,
+    _ref$noColumnMessage = _ref.noColumnMessage,
+    noColumnMessage = _ref$noColumnMessage === void 0 ? i18next__default["default"].t("neetoMolecules.columns.noColumns") : _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,
+    dropdownProps = _objectWithoutProperties__default["default"](_ref, _excluded$1);
+  var Divider = neetoui.Dropdown.Divider,
+    Menu = neetoui.Dropdown.Menu,
+    MenuItem = neetoui.Dropdown.MenuItem;
+  var _useState = React.useState(""),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useHiddenColumns = useHiddenColumns(localStorageKey, initialValue),
+    _useHiddenColumns$hid = _useHiddenColumns.hiddenColumns,
+    hiddenColumns = _useHiddenColumns$hid === void 0 ? [] : _useHiddenColumns$hid,
+    hideColumn = _useHiddenColumns.hideColumn,
+    showColumn = _useHiddenColumns.showColumn,
+    getVisibleColumnData = _useHiddenColumns.getVisibleColumnData,
+    onColumnDataChange = _useHiddenColumns.onColumnDataChange;
+  React.useEffect(function () {
+    onChange(getVisibleColumnData(columnData), hiddenColumns);
+  }, [hiddenColumns]);
+  React.useEffect(function () {
+    onColumnDataChange(columnData);
+  }, [columnData]);
+
+  /**
+   * @deprecated Use showColumn|hideColumn from useHiddenColumns
+   */
+  React.useImperativeHandle(ref, function () {
+    return {
+      hideColumn: hideColumn,
+      showColumn: showColumn
+    };
+  }, []);
+  var handleChange = function handleChange(_ref2) {
+    var _ref2$target = _ref2.target,
+      dataIndex = _ref2$target.name,
+      checked = _ref2$target.checked;
+    if (checked) showColumn(dataIndex);else hideColumn(dataIndex);
+  };
+  var handleSearch = function handleSearch(_ref3) {
+    var value = _ref3.target.value;
+    return setSearchTerm(value);
+  };
+  var columns = getHidableColumns(columnData);
+  var filteredColumns = filterBySearchTerm(searchTerm, columns);
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends__default["default"]({
+    appendTo: document.body,
+    buttonSize: "medium",
+    buttonStyle: "text",
+    closeOnSelect: false,
+    label: t("neetoMolecules.columns.columns"),
+    position: "bottom-end",
+    onClose: function onClose() {
+      return setSearchTerm("");
+    }
+  }, dropdownProps), /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-columns__container"
+  }, isSearchable && /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends__default["default"]({
+    className: "px-4 py-2",
+    "data-cy": "neeto-ui-columns-search",
+    "data-testid": "neeto-ui-columns-search",
+    placeholder: t("neetoMolecules.columns.search"),
+    prefix: /*#__PURE__*/React__default["default"].createElement(neetoIcons.Search, null),
+    type: "search",
+    value: searchTerm,
+    onChange: handleSearch
+  }, searchProps)), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "neeto-ui-text-gray-600 px-4 py-2",
+    style: "body2",
+    weight: "semibold"
+  }, t("neetoMolecules.columns.columns")), neetoCist.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-flex neeto-ui-w-full hover:neeto-ui-bg-gray-200 neeto-ui-cursor-pointer px-4 py-2",
+      htmlFor: dataIndex
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, _extends__default["default"]({
+      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))));
+});
+Columns.displayName = "Columns";
+
+var _excluded = ["hiddenColumns", "getVisibleColumnData"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+/** @type {import("neetocommons/react-utils").ZustandStoreHook} */
+var useColumnOrderStore = zustand.create(middleware.persist(function () {
+  return {};
+}, {
+  name: COLUMNS_ORDER_STORAGE_KEY
+}));
+var useColumns = function useColumns(_ref) {
+  var localStorageKey = _ref.localStorageKey,
+    initialHiddenColumns = _ref.initialHiddenColumns,
+    _ref$initialOrder = _ref.initialOrder,
+    initialOrder = _ref$initialOrder === void 0 ? [] : _ref$initialOrder;
+  var columnOrder = useColumnOrderStore(function (state) {
+    return state[localStorageKey];
+  }) || initialOrder;
+  var setColumnOrder = function setColumnOrder(columns) {
+    return useColumnOrderStore.setState(_defineProperty__default["default"]({}, localStorageKey, columns));
+  };
+  var _useHiddenColumns = useHiddenColumns(localStorageKey, initialHiddenColumns),
+    hiddenColumns = _useHiddenColumns.hiddenColumns,
+    getVisibleColumnData = _useHiddenColumns.getVisibleColumnData,
+    hiddenColumnHelpers = _objectWithoutProperties__default["default"](_useHiddenColumns, _excluded);
+  var orderColumns = function orderColumns(columnData) {
+    if (ramda.isEmpty(columnOrder)) return columnData;
+    return columnData.sort(function (a, b) {
+      if (!columnOrder.includes(a.dataIndex) || !columnOrder.includes(b.dataIndex)) {
+        return 0;
+      }
+      return columnOrder.indexOf(a.dataIndex) - columnOrder.indexOf(b.dataIndex);
+    });
+  };
+  var getColumnData = function getColumnData(_ref2) {
+    var columnData = _ref2.columnData,
+      _ref2$isHidable = _ref2.isHidable,
+      isHidable = _ref2$isHidable === void 0 ? true : _ref2$isHidable,
+      _ref2$isReOrderable = _ref2.isReOrderable,
+      isReOrderable = _ref2$isReOrderable === void 0 ? false : _ref2$isReOrderable;
+    return ramda.pipe(isHidable ? getVisibleColumnData : ramda.identity, isReOrderable ? orderColumns : ramda.identity)(columnData);
+  };
+  return _objectSpread(_objectSpread({}, hiddenColumnHelpers), {}, {
+    hiddenColumns: hiddenColumns,
+    columnOrder: columnOrder,
+    getVisibleColumnData: getVisibleColumnData,
+    setColumnOrder: setColumnOrder,
+    getColumnData: getColumnData
+  });
+};
+
+exports.COLUMNS_ORDER_STORAGE_KEY = COLUMNS_ORDER_STORAGE_KEY;
+exports.Columns = Columns;
+exports.HIDDEN_COLUMNS_STORAGE_KEY = HIDDEN_COLUMNS_STORAGE_KEY;
+exports.useColumnOrderStore = useColumnOrderStore;
+exports.useColumns = useColumns;
+exports.useHiddenColumnStore = useHiddenColumnStore;
+exports.useHiddenColumns = useHiddenColumns;
+//# sourceMappingURL=useColumns-9978cf70.js.map

package/dist/cjs/useColumns-9978cf70.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumns-9978cf70.js","sources":["../../src/components/Columns/constants.js","../../src/components/Columns/utils.js","../../src/components/Columns/useHiddenColumns.js","../../src/components/Columns/Columns.jsx","../../src/components/Columns/useColumns.js"],"sourcesContent":["export const HIDDEN_COLUMNS_STORAGE_KEY = \"neeto-molecules-hidden-columns\";\nexport const COLUMNS_ORDER_STORAGE_KEY = \"neeto-molecules-columns-order\";\n","import { existsBy, removeBy } from \"neetocist\";\nimport { filter, includes, toLower, trim } from \"ramda\";\n\nexport const getHidableColumns = columnData =>\n  removeBy({ isHidable: false }, columnData);\n\nexport const filterBySearchTerm = (searchTerm, columns) =>\n  filter(\n    ({ title }) => includes(trim(toLower(searchTerm)), trim(toLower(title))),\n    columns\n  );\n\nexport const removeDeletedColumns = (hiddenColumns, columnData) =>\n  hiddenColumns.filter(hiddenColumn =>\n    existsBy({ dataIndex: hiddenColumn }, columnData)\n  );\n","import { useEffect } from \"react\";\n\nimport { removeBy } from \"neetocist\";\nimport {\n  getFromLocalStorage,\n  removeFromLocalStorage,\n} from \"neetocommons/utils/general\";\nimport { __, without, includes, isEmpty, equals, union } from \"ramda\";\nimport { create } from \"zustand\";\nimport { persist } from \"zustand/middleware\";\n\nimport { HIDDEN_COLUMNS_STORAGE_KEY } from \"./constants\";\nimport { removeDeletedColumns } from \"./utils\";\n\n/** @type {import(\"neetocommons/react-utils\").ZustandStoreHook} */\nconst useHiddenColumnStore = create(\n  persist(() => ({}), { name: HIDDEN_COLUMNS_STORAGE_KEY })\n);\n\nconst useHiddenColumns = (localStorageKey, initialValue = []) => {\n  const hiddenColumns = useHiddenColumnStore(state => state[localStorageKey]);\n  const setHiddenColumns = columns =>\n    useHiddenColumnStore.setState({ [localStorageKey]: columns });\n\n  // Migrates values from old location to new zustand location.\n  useEffect(() => {\n    const oldValue = getFromLocalStorage(localStorageKey);\n    if (oldValue) {\n      setHiddenColumns(oldValue);\n      removeFromLocalStorage(localStorageKey);\n    } else if (!hiddenColumns) {\n      setHiddenColumns(initialValue);\n    }\n  }, [localStorageKey]);\n\n  const hideColumn = columns =>\n    setHiddenColumns(\n      union(hiddenColumns, Array.isArray(columns) ? columns : [columns])\n    );\n\n  const showColumn = columns =>\n    setHiddenColumns(\n      without(Array.isArray(columns) ? columns : [columns], hiddenColumns)\n    );\n\n  const getVisibleColumnData = columnData =>\n    removeBy({ dataIndex: includes(__, hiddenColumns || []) }, columnData);\n\n  const onColumnDataChange = columnData => {\n    if (isEmpty(columnData) || !hiddenColumns) return;\n    const newHiddenColumns = removeDeletedColumns(hiddenColumns, columnData);\n    if (!equals(newHiddenColumns, hiddenColumns)) {\n      setHiddenColumns(newHiddenColumns);\n    }\n  };\n\n  return {\n    hiddenColumns,\n    hideColumn,\n    showColumn,\n    getVisibleColumnData,\n    onColumnDataChange,\n  };\n};\n\nexport { useHiddenColumns, useHiddenColumnStore };\n","import React, {\n  useState,\n  useImperativeHandle,\n  forwardRef,\n  useEffect,\n} from \"react\";\n\nimport i18next from \"i18next\";\nimport { isNotEmpty } from \"neetocist\";\nimport { Search } from \"neetoicons\";\nimport { Checkbox, Dropdown, Input, Label, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { identity } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport \"./columns.scss\";\nimport { useHiddenColumns } from \"./useHiddenColumns\";\nimport { filterBySearchTerm, getHidableColumns } from \"./utils\";\n\nconst Columns = forwardRef(\n  (\n    {\n      actionBlock,\n      checkboxProps = {},\n      columnData = [],\n      isSearchable = false,\n      localStorageKey = \"\",\n      initialValue = [],\n      noColumnMessage = i18next.t(\"neetoMolecules.columns.noColumns\"),\n      onChange = identity,\n      searchProps = {},\n      ...dropdownProps\n    },\n    ref\n  ) => {\n    const { Divider, Menu, MenuItem } = Dropdown;\n    const [searchTerm, setSearchTerm] = useState(\"\");\n    const { t } = useTranslation();\n\n    const {\n      hiddenColumns = [],\n      hideColumn,\n      showColumn,\n      getVisibleColumnData,\n      onColumnDataChange,\n    } = useHiddenColumns(localStorageKey, initialValue);\n\n    useEffect(() => {\n      onChange(getVisibleColumnData(columnData), hiddenColumns);\n    }, [hiddenColumns]);\n\n    useEffect(() => {\n      onColumnDataChange(columnData);\n    }, [columnData]);\n\n    /**\n     * @deprecated Use showColumn|hideColumn from useHiddenColumns\n     */\n    useImperativeHandle(ref, () => ({ hideColumn, showColumn }), []);\n\n    const handleChange = ({ target: { name: dataIndex, checked } }) => {\n      if (checked) showColumn(dataIndex);\n      else hideColumn(dataIndex);\n    };\n    const handleSearch = ({ target: { value } }) => setSearchTerm(value);\n\n    const columns = getHidableColumns(columnData);\n    const filteredColumns = filterBySearchTerm(searchTerm, columns);\n\n    return (\n      <Dropdown\n        appendTo={document.body}\n        buttonSize=\"medium\"\n        buttonStyle=\"text\"\n        closeOnSelect={false}\n        label={t(\"neetoMolecules.columns.columns\")}\n        position=\"bottom-end\"\n        onClose={() => setSearchTerm(\"\")}\n        {...dropdownProps}\n      >\n        <Menu>\n          <div className=\"neeto-molecules-columns__container\">\n            {isSearchable && (\n              <Input\n                className=\"px-4 py-2\"\n                data-cy=\"neeto-ui-columns-search\"\n                data-testid=\"neeto-ui-columns-search\"\n                placeholder={t(\"neetoMolecules.columns.search\")}\n                prefix={<Search />}\n                type=\"search\"\n                value={searchTerm}\n                onChange={handleSearch}\n                {...searchProps}\n              />\n            )}\n            <Typography\n              className=\"neeto-ui-text-gray-600 px-4 py-2\"\n              style=\"body2\"\n              weight=\"semibold\"\n            >\n              {t(\"neetoMolecules.columns.columns\")}\n            </Typography>\n            {isNotEmpty(filteredColumns) ? (\n              filteredColumns.map(({ dataIndex, key, title }) => (\n                <MenuItem key={key}>\n                  <Label\n                    className=\"neeto-ui-flex neeto-ui-w-full hover:neeto-ui-bg-gray-200 neeto-ui-cursor-pointer px-4 py-2\"\n                    htmlFor={dataIndex}\n                  >\n                    <Checkbox\n                      checked={!hiddenColumns.includes(dataIndex)}\n                      data-cy=\"neeto-ui-columns-checkbox\"\n                      id={dataIndex}\n                      label={title}\n                      name={dataIndex}\n                      onChange={handleChange}\n                      {...checkboxProps}\n                    />\n                  </Label>\n                </MenuItem>\n              ))\n            ) : (\n              <span className=\"neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-p-2\">\n                {noColumnMessage}\n              </span>\n            )}\n            {!!actionBlock && (\n              <>\n                <Divider />\n                {actionBlock}\n              </>\n            )}\n          </div>\n        </Menu>\n      </Dropdown>\n    );\n  }\n);\n\nColumns.propTypes = {\n  /**\n   * Extra action items that can be added at the end of the dropdown (optional).\n   */\n  actionBlock: PropTypes.element,\n  /**\n   * Additional props for the checkboxes in the dropdown (optional).\n   */\n  checkboxProps: PropTypes.object,\n  /**\n   * The list of columns from which the dropdown options are built (required).\n   */\n  columnData: PropTypes.array,\n  /**\n   * Controls whether the dropdown options should be searchable (optional).\n   */\n  isSearchable: PropTypes.bool,\n  /**\n   * The key used to store data in local storage (required).\n   */\n  localStorageKey: PropTypes.string,\n  /**\n   * The list of columns that are hidden on initial render. This is the `dataIndex` attribute from columnData (optional).\n   */\n  initialValue: PropTypes.array,\n  /**\n   * The message to be shown when there are no columns to be displayed in the dropdown (optional).\n   */\n  noColumnMessage: PropTypes.string,\n  /**\n   * Handler function that is called when a checkbox is selected or unselected.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Props to be passed to the search input in the column dropdown. Only works when `isSearchable` is set to `true` (optional).\n   */\n  searchProps: PropTypes.object,\n};\n\nColumns.displayName = \"Columns\";\nexport default Columns;\n","import { identity, isEmpty, pipe } from \"ramda\";\nimport { create } from \"zustand\";\nimport { persist } from \"zustand/middleware\";\n\nimport { COLUMNS_ORDER_STORAGE_KEY } from \"./constants\";\nimport { useHiddenColumns } from \"./useHiddenColumns\";\n\n/** @type {import(\"neetocommons/react-utils\").ZustandStoreHook} */\nconst useColumnOrderStore = create(\n  persist(() => ({}), { name: COLUMNS_ORDER_STORAGE_KEY })\n);\n\nconst useColumns = ({\n  localStorageKey,\n  initialHiddenColumns,\n  initialOrder = [],\n}) => {\n  const columnOrder =\n    useColumnOrderStore(state => state[localStorageKey]) || initialOrder;\n\n  const setColumnOrder = columns =>\n    useColumnOrderStore.setState({ [localStorageKey]: columns });\n\n  const { hiddenColumns, getVisibleColumnData, ...hiddenColumnHelpers } =\n    useHiddenColumns(localStorageKey, initialHiddenColumns);\n\n  const orderColumns = columnData => {\n    if (isEmpty(columnOrder)) return columnData;\n\n    return columnData.sort((a, b) => {\n      if (\n        !columnOrder.includes(a.dataIndex) ||\n        !columnOrder.includes(b.dataIndex)\n      ) {\n        return 0;\n      }\n\n      return (\n        columnOrder.indexOf(a.dataIndex) - columnOrder.indexOf(b.dataIndex)\n      );\n    });\n  };\n\n  const getColumnData = ({\n    columnData,\n    isHidable = true,\n    isReOrderable = false,\n  }) =>\n    pipe(\n      isHidable ? getVisibleColumnData : identity,\n      isReOrderable ? orderColumns : identity\n    )(columnData);\n\n  return {\n    ...hiddenColumnHelpers,\n    hiddenColumns,\n    columnOrder,\n    getVisibleColumnData,\n    setColumnOrder,\n    getColumnData,\n  };\n};\n\nexport { useColumns, useColumnOrderStore };\n"],"names":["HIDDEN_COLUMNS_STORAGE_KEY","COLUMNS_ORDER_STORAGE_KEY","getHidableColumns","columnData","removeBy","isHidable","filterBySearchTerm","searchTerm","columns","filter","_ref","title","includes","trim","toLower","removeDeletedColumns","hiddenColumns","hiddenColumn","existsBy","dataIndex","useHiddenColumnStore","create","persist","name","useHiddenColumns","localStorageKey","initialValue","arguments","length","undefined","state","setHiddenColumns","setState","_defineProperty","useEffect","oldValue","getFromLocalStorage","removeFromLocalStorage","hideColumn","union","Array","isArray","showColumn","without","getVisibleColumnData","__","onColumnDataChange","isEmpty","newHiddenColumns","equals","Columns","forwardRef","ref","actionBlock","_ref$checkboxProps","checkboxProps","_ref$columnData","_ref$isSearchable","isSearchable","_ref$localStorageKey","_ref$initialValue","_ref$noColumnMessage","noColumnMessage","i18next","t","_ref$onChange","onChange","identity","_ref$searchProps","searchProps","dropdownProps","_objectWithoutProperties","_excluded","Divider","Dropdown","Menu","MenuItem","_useState","useState","_useState2","_slicedToArray","setSearchTerm","_useTranslation","useTranslation","_useHiddenColumns","_useHiddenColumns$hid","useImperativeHandle","handleChange","_ref2","_ref2$target","target","checked","handleSearch","_ref3","value","filteredColumns","React","createElement","_extends","appendTo","document","body","buttonSize","buttonStyle","closeOnSelect","label","position","onClose","className","Input","placeholder","prefix","Search","type","Typography","style","weight","isNotEmpty","map","_ref4","key","Label","htmlFor","Checkbox","id","Fragment","displayName","useColumnOrderStore","useColumns","initialHiddenColumns","_ref$initialOrder","initialOrder","columnOrder","setColumnOrder","hiddenColumnHelpers","orderColumns","sort","a","b","indexOf","getColumnData","_ref2$isHidable","_ref2$isReOrderable","isReOrderable","pipe","_objectSpread"],"mappings":"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"}