@addev-be/ui 0.1.18 → 0.1.20

package/src/components/data/DataGrid/helpers/columns.tsx

@@ -1,259 +1,259 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-import {
-  DataGridColumn,
-  DataGridColumns,
-  DataGridFilterType,
-  DataGridSettings,
-} from '../types';
-import {
-  formatMoney,
-  formatNumber,
-  formatPercentage,
-} from '../../../../helpers/numbers';
-
-import _ from 'lodash';
-import moment from 'moment';
-
-export const isColumnVisible = <R,>(
-  obj: DataGridColumn<R, any> | DataGridSettings
-): boolean => {
-  return obj?.order !== -1;
-};
-
-export const textColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<DataGridColumn<R, DataGridFilterType>>
-): DataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (col, row) => row[key] ?? '',
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: {
-      type: 'text',
-      operator: 'contains',
-      values: [''],
-      getter: (row) => row[key] ?? '',
-    },
-    ...options,
-  },
-});
-
-export const mailColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<DataGridColumn<R, DataGridFilterType>>
-): DataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (col, row) => (
-      <a
-        // className="text-blue-500 hover:text-blue-700"
-        href={`mailto:${row[key]}`}
-      >
-        {row[key] ?? ''}
-      </a>
-    ),
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: {
-      type: 'text',
-      operator: 'contains',
-      values: [''],
-      getter: (row) => row[key] ?? '',
-    },
-    ...options,
-  },
-});
-
-export const phoneColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<DataGridColumn<R, DataGridFilterType>>
-): DataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (col, row) => (
-      <a
-        // className="text-blue-500 hover:text-blue-700"
-        href={`tel:${row[key]}`}
-      >
-        {row[key] ?? ''}
-      </a>
-    ),
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: {
-      type: 'text',
-      operator: 'contains',
-      values: [''],
-      getter: (row) => row[key] ?? '',
-    },
-    ...options,
-  },
-});
-
-export const dateColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<DataGridColumn<R, DataGridFilterType>>
-): DataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (col, row) => moment(row[key]).format('DD/MM/YYYY') ?? '',
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: {
-      type: 'text',
-      operator: 'contains',
-      values: [''],
-      getter: (row) => row[key] ?? '',
-    },
-    ...options,
-  },
-});
-
-export const monthColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<DataGridColumn<R, DataGridFilterType>>
-): DataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (col, row) => (row[key] ? `${row[key]} mois ` : ''),
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: {
-      type: 'text',
-      operator: 'contains',
-      values: [''],
-      getter: (row) => row[key] ?? '',
-    },
-    ...options,
-  },
-});
-
-export const numberColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  decimals = 2,
-  options?: Partial<DataGridColumn<R, DataGridFilterType>>
-): DataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (col, row) => formatNumber(row[key], decimals) ?? '',
-    excelFormatter: () => '#',
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: {
-      type: 'number',
-      operator: 'equals',
-      values: [0],
-      getter: (row) => row[key] ?? 0,
-    },
-    ...options,
-  },
-});
-
-export const moneyColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  decimals = 2,
-  options?: Partial<DataGridColumn<R, DataGridFilterType>>
-): DataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (col, row) => formatMoney(row[key], decimals) ?? '',
-    excelFormatter: () => '#0.00',
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: {
-      type: 'number',
-      operator: 'equals',
-      values: [0],
-      getter: (row) => row[key] ?? 0,
-    },
-    ...options,
-  },
-});
-
-export const percentageColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<DataGridColumn<R, DataGridFilterType>>
-): DataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (col, row) => formatPercentage(row[key]) ?? '',
-    excelFormatter: () => '#0.00',
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: {
-      type: 'number',
-      operator: 'equals',
-      values: [0],
-      getter: (row) => row[key] ?? 0,
-    },
-    ...options,
-  },
-});
-
-export const checkboxColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<DataGridColumn<R, DataGridFilterType>>
-): DataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (col, row) => (
-      <>
-        <input type="checkbox" checked={row[key]} />
-        <span>{row[key] ? ' Oui' : ' Non'}</span>
-      </>
-    ),
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: {
-      type: 'number',
-      operator: 'equals',
-      values: [0],
-      getter: (row) => row[key] ?? 0,
-    },
-    ...options,
-  },
-});
-
-export const colorColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<DataGridColumn<R, DataGridFilterType>>
-): DataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (col, row) => (
-      <div style={{ backgroundColor: row[key] }}>{row[key] ?? ''}</div>
-    ),
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: {
-      type: 'text',
-      operator: 'contains',
-      values: [''],
-      getter: (row) => row[key] ?? '',
-    },
-    ...options,
-  },
-});
-
-export const withGroupBy = <R extends Record<string, any>>(
-  columns: DataGridColumns<R>
-): DataGridColumns<R> =>
-  _.mapValues(columns, (column, key) => ({
-    ...column,
-    field: {
-      ...(column.field ?? { fieldName: key }),
-      groupBy: true,
-    },
-  }));
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+import {
+  DataGridColumn,
+  DataGridColumns,
+  DataGridFilterType,
+  DataGridSettings,
+} from '../types';
+import {
+  formatMoney,
+  formatNumber,
+  formatPercentage,
+} from '../../../../helpers/numbers';
+
+import _ from 'lodash';
+import moment from 'moment';
+
+export const isColumnVisible = <R,>(
+  obj: DataGridColumn<R, any> | DataGridSettings
+): boolean => {
+  return obj?.order !== -1;
+};
+
+export const textColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  options?: Partial<DataGridColumn<R, DataGridFilterType>>
+): DataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (col, row) => row[key] ?? '',
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: {
+      type: 'text',
+      operator: 'contains',
+      values: [''],
+      getter: (row) => row[key] ?? '',
+    },
+    ...options,
+  },
+});
+
+export const mailColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  options?: Partial<DataGridColumn<R, DataGridFilterType>>
+): DataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (col, row) => (
+      <a
+        // className="text-blue-500 hover:text-blue-700"
+        href={`mailto:${row[key]}`}
+      >
+        {row[key] ?? ''}
+      </a>
+    ),
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: {
+      type: 'text',
+      operator: 'contains',
+      values: [''],
+      getter: (row) => row[key] ?? '',
+    },
+    ...options,
+  },
+});
+
+export const phoneColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  options?: Partial<DataGridColumn<R, DataGridFilterType>>
+): DataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (col, row) => (
+      <a
+        // className="text-blue-500 hover:text-blue-700"
+        href={`tel:${row[key]}`}
+      >
+        {row[key] ?? ''}
+      </a>
+    ),
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: {
+      type: 'text',
+      operator: 'contains',
+      values: [''],
+      getter: (row) => row[key] ?? '',
+    },
+    ...options,
+  },
+});
+
+export const dateColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  options?: Partial<DataGridColumn<R, DataGridFilterType>>
+): DataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (col, row) => moment(row[key]).format('DD/MM/YYYY') ?? '',
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: {
+      type: 'text',
+      operator: 'contains',
+      values: [''],
+      getter: (row) => row[key] ?? '',
+    },
+    ...options,
+  },
+});
+
+export const monthColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  options?: Partial<DataGridColumn<R, DataGridFilterType>>
+): DataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (col, row) => (row[key] ? `${row[key]} mois ` : ''),
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: {
+      type: 'text',
+      operator: 'contains',
+      values: [''],
+      getter: (row) => row[key] ?? '',
+    },
+    ...options,
+  },
+});
+
+export const numberColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  decimals = 2,
+  options?: Partial<DataGridColumn<R, DataGridFilterType>>
+): DataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (col, row) => formatNumber(row[key], decimals) ?? '',
+    excelFormatter: () => '#',
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: {
+      type: 'number',
+      operator: 'equals',
+      values: [0],
+      getter: (row) => row[key] ?? 0,
+    },
+    ...options,
+  },
+});
+
+export const moneyColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  decimals = 2,
+  options?: Partial<DataGridColumn<R, DataGridFilterType>>
+): DataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (col, row) => formatMoney(row[key], decimals) ?? '',
+    excelFormatter: () => '#0.00',
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: {
+      type: 'number',
+      operator: 'equals',
+      values: [0],
+      getter: (row) => row[key] ?? 0,
+    },
+    ...options,
+  },
+});
+
+export const percentageColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  options?: Partial<DataGridColumn<R, DataGridFilterType>>
+): DataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (col, row) => formatPercentage(row[key]) ?? '',
+    excelFormatter: () => '#0.00',
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: {
+      type: 'number',
+      operator: 'equals',
+      values: [0],
+      getter: (row) => row[key] ?? 0,
+    },
+    ...options,
+  },
+});
+
+export const checkboxColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  options?: Partial<DataGridColumn<R, DataGridFilterType>>
+): DataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (col, row) => (
+      <>
+        <input type="checkbox" checked={row[key]} />
+        <span>{row[key] ? ' Oui' : ' Non'}</span>
+      </>
+    ),
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: {
+      type: 'number',
+      operator: 'equals',
+      values: [0],
+      getter: (row) => row[key] ?? 0,
+    },
+    ...options,
+  },
+});
+
+export const colorColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  options?: Partial<DataGridColumn<R, DataGridFilterType>>
+): DataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (col, row) => (
+      <div style={{ backgroundColor: row[key] }}>{row[key] ?? ''}</div>
+    ),
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: {
+      type: 'text',
+      operator: 'contains',
+      values: [''],
+      getter: (row) => row[key] ?? '',
+    },
+    ...options,
+  },
+});
+
+export const withGroupBy = <R extends Record<string, any>>(
+  columns: DataGridColumns<R>
+): DataGridColumns<R> =>
+  _.mapValues(columns, (column, key) => ({
+    ...column,
+    field: {
+      ...(column.field ?? { fieldName: key }),
+      groupBy: true,
+    },
+  }));