@linzjs/step-ag-grid/src/components/gridHook/useGridCopySettings.ts

[](https://github.com/semantic-release/semantic-release) > Reusable [ag-grid](https://www.ag-grid.com/) component for LINZ / Toitū te whenua.

import { IconName } from '@linzjs/lui/dist/components/LuiIcon/LuiIcon';
import { useCallback, useState } from 'react';

export const gridCopyOptions: Record<string, { text: string; icon: IconName; developer?: boolean }> = {
  html: { text: 'Text\xa0/\xa0HTML', icon: 'ic_product_list' },
  csv: { text: 'CSV', icon: 'ic_csv_file' },
  json: { text: 'Json', icon: 'ic_file_attached_outline', developer: true },
};
export type CopyOptionsKey = keyof typeof gridCopyOptions;

const CopyOptionsStorageKey = 'stepAgGrid_defaultCopy';

export const useGridCopySettings = () => {
  const [copyType, _setCopyType] = useState<CopyOptionsKey>(() => {
    const defaultCopy = window.localStorage.getItem(CopyOptionsStorageKey) ?? '';
    return Object.keys(gridCopyOptions).includes(defaultCopy) ? defaultCopy : 'html';
  });

  const setCopyType = useCallback((key: CopyOptionsKey) => {
    window.localStorage.setItem(CopyOptionsStorageKey, key);
    _setCopyType(key);
  }, []);

  return {
    copyType,
    setCopyType,
  };
};