@talend/react-components/lib-esm/List/ListComposition/Manager/hooks/useColumnsVisibility.hook.js

Set of react components.

import { useEffect, useMemo, useState } from 'react';
const isVisible = (dataKey, columnsVisibility, initialVisibleColumns) => {
  if (columnsVisibility) {
    const column = columnsVisibility.find(col => col.dataKey === dataKey);
    return column ? column.visible : true;
  } else if (initialVisibleColumns.length) return initialVisibleColumns.includes(dataKey);
  return true;
};
export function useColumnsVisibility(columns = [], initialVisibleColumns = [], storageKey) {
  const [columnsVisibility, setColumnsVisibility] = useState(() => {
    let visibleColumns;
    if (storageKey) {
      const nextColumnsVisibility = localStorage.getItem(storageKey);
      try {
        visibleColumns = nextColumnsVisibility && JSON.parse(nextColumnsVisibility);
      } catch (e) {}
    }
    return visibleColumns;
  });
  const visibleColumns = useMemo(() => columnsVisibility === null || columnsVisibility === void 0 ? void 0 : columnsVisibility.filter(({
    visible
  }) => !!visible).map(({
    dataKey
  }) => dataKey), [columnsVisibility]);
  const setVisibleColumns = (columns, nextVisibleColumns) => {
    if (columns.length) {
      const nextColumnsVisibility = columns.map(({
        dataKey
      }) => ({
        dataKey,
        visible: nextVisibleColumns.includes(dataKey)
      }));
      if (storageKey) localStorage.setItem(storageKey, JSON.stringify(nextColumnsVisibility));
      setColumnsVisibility(nextColumnsVisibility);
    }
  };
  useEffect(() => {
    setVisibleColumns(columns, columns.filter(({
      dataKey
    }) => isVisible(dataKey, columnsVisibility, initialVisibleColumns)).map(({
      dataKey
    }) => dataKey));
  }, [columns]);
  return {
    visibleColumns,
    setVisibleColumns: nextVisibleColumns => setVisibleColumns(columns, nextVisibleColumns)
  };
}
//# sourceMappingURL=useColumnsVisibility.hook.js.map