@addev-be/ui 0.3.2 → 0.3.3

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

@@ -1,262 +1,262 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-import {
-  AdvancedRequestDataGridColumn,
-  AdvancedRequestDataGridColumns,
-} from '../types';
-import {
-  formatMoney,
-  formatNumber,
-  formatPercentage,
-} from '../../../../helpers/numbers';
-import { numberFilter, textFilter } from '../../DataGrid/helpers';
-
-import { FieldDTO } from '../../../../services/advancedRequests';
-import _ from 'lodash';
-import moment from 'moment';
-
-export const withGroupBy = <R extends Record<string, any>>(
-  columns: AdvancedRequestDataGridColumns<R>
-): AdvancedRequestDataGridColumns<R> =>
-  _.mapValues(columns, (column, key) => ({
-    ...column,
-    field: {
-      ...(column.field ?? { fieldName: key }),
-      groupBy: true,
-    },
-  }));
-
-export const advancedTextColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<AdvancedRequestDataGridColumn<R>>
-): AdvancedRequestDataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (row) => row[key] ?? '',
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: { ...textFilter(key), getter: (value) => value[key] ?? '' },
-    ...options,
-  },
-});
-
-/**
- * Creates a column with a composed value from multiple fields,
- * and filtered by a text filter on the first field
- */
-export const advancedComposedColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  fields: string[],
-  options?: Partial<AdvancedRequestDataGridColumn<R>>
-): AdvancedRequestDataGridColumns<R> => ({
-  [key]: {
-    field: {
-      fieldAlias: key,
-      operator: 'jsonObject',
-      operands: fields.flatMap((field) => [
-        { constantValue: field },
-        { fieldName: field },
-      ]),
-    },
-    name: title,
-    render: (row) => row[key] ?? '',
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: {
-      ...textFilter(fields[0]),
-      getter: (value) => value[fields[0]] ?? 0,
-    },
-    filterField: fields[0],
-    sortField: fields[0],
-    ...options,
-  },
-});
-
-export const advancedMailColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<AdvancedRequestDataGridColumn<R>>
-): AdvancedRequestDataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (row) => <a href={`mailto:${row[key]}`}>{row[key] ?? ''}</a>,
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: { ...textFilter(key), getter: (value) => value[key] ?? '' },
-    ...options,
-  },
-});
-
-export const advancedPhoneColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<AdvancedRequestDataGridColumn<R>>
-): AdvancedRequestDataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (row) => <a href={`tel:${row[key]}`}>{row[key] ?? ''}</a>,
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: { ...textFilter(key), getter: (value) => value[key] ?? '' },
-    ...options,
-  },
-});
-
-export const advancedDateColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<AdvancedRequestDataGridColumn<R>>
-): AdvancedRequestDataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (row) => moment(row[key]).format('DD/MM/YYYY') ?? '',
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: { ...textFilter(key), getter: (value) => value[key] ?? '' },
-    ...options,
-  },
-});
-
-export const advancedMonthColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<AdvancedRequestDataGridColumn<R>>
-): AdvancedRequestDataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (row) => (row[key] ? `${row[key]} mois ` : ''),
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: { ...textFilter(key), getter: (value) => value[key] ?? '' },
-    ...options,
-  },
-});
-
-export const advancedNumberColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  decimals = 2,
-  options?: Partial<AdvancedRequestDataGridColumn<R>>
-): AdvancedRequestDataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (row) => formatNumber(row[key], decimals) ?? '',
-    excelFormatter: () => '#',
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: { ...numberFilter(key), getter: (value) => value[key] ?? 0 },
-    ...options,
-  },
-});
-
-export const advancedMoneyColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  decimals = 2,
-  options?: Partial<AdvancedRequestDataGridColumn<R>>
-): AdvancedRequestDataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (row) => formatMoney(row[key], decimals) ?? '',
-    excelFormatter: () => '#0.00',
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: { ...numberFilter(key), getter: (value) => value[key] ?? 0 },
-    ...options,
-  },
-});
-
-export const advancedPercentageColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<AdvancedRequestDataGridColumn<R>>
-): AdvancedRequestDataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (row) => formatPercentage(row[key]) ?? '',
-    excelFormatter: () => '#0.00',
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: { ...numberFilter(key), getter: (value) => value[key] ?? 0 },
-    ...options,
-  },
-});
-
-export const advancedCheckboxColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<AdvancedRequestDataGridColumn<R>>
-): AdvancedRequestDataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (row) => (
-      <>
-        <input type="checkbox" checked={row[key]} />
-        <span>{row[key] ? ' Oui' : ' Non'}</span>
-      </>
-    ),
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: { ...numberFilter(key), getter: (value) => value[key] ?? 0 },
-    ...options,
-  },
-});
-
-export const advancedColorColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<AdvancedRequestDataGridColumn<R>>
-): AdvancedRequestDataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (row) => (
-      <div style={{ backgroundColor: row[key] }}>{row[key] ?? ''}</div>
-    ),
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: { ...textFilter(key), getter: (value) => value[key] ?? '' },
-    ...options,
-  },
-});
-
-export const getColumnField = <R,>(
-  columns: AdvancedRequestDataGridColumns<R>,
-  columnKey: string
-): FieldDTO => {
-  return columns[columnKey].field
-    ? {
-        fieldName: columns[columnKey].field?.fieldName ?? columnKey,
-        fieldAlias: columnKey,
-      }
-    : {
-        fieldName: columnKey,
-        fieldAlias: columnKey,
-      };
-};
-export const getColumnSortField = <R,>(
-  columns: AdvancedRequestDataGridColumns<R>,
-  columnKey: string
-): FieldDTO => {
-  return columns[columnKey].sortField
-    ? {
-        fieldName: columns[columnKey].sortField ?? columnKey,
-        fieldAlias: columnKey,
-      }
-    : {
-        fieldName: columnKey,
-        fieldAlias: columnKey,
-      };
-};
-export const getFirstColumnField = <R,>(
-  columns: AdvancedRequestDataGridColumns<R>
-): FieldDTO => {
-  return getColumnField(columns, Object.keys(columns)[0]);
-};
-
-export const getFirstColumnSortField = <R,>(
-  columns: AdvancedRequestDataGridColumns<R>
-): FieldDTO => {
-  return getColumnSortField(columns, Object.keys(columns)[0]);
-};
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+import {
+  AdvancedRequestDataGridColumn,
+  AdvancedRequestDataGridColumns,
+} from '../types';
+import {
+  formatMoney,
+  formatNumber,
+  formatPercentage,
+} from '../../../../helpers/numbers';
+import { numberFilter, textFilter } from '../../DataGrid/helpers';
+
+import { FieldDTO } from '../../../../services/advancedRequests';
+import _ from 'lodash';
+import moment from 'moment';
+
+export const withGroupBy = <R extends Record<string, any>>(
+  columns: AdvancedRequestDataGridColumns<R>
+): AdvancedRequestDataGridColumns<R> =>
+  _.mapValues(columns, (column, key) => ({
+    ...column,
+    field: {
+      ...(column.field ?? { fieldName: key }),
+      groupBy: true,
+    },
+  }));
+
+export const advancedTextColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  options?: Partial<AdvancedRequestDataGridColumn<R>>
+): AdvancedRequestDataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (row) => row[key] ?? '',
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: { ...textFilter(key), getter: (value) => value[key] ?? '' },
+    ...options,
+  },
+});
+
+/**
+ * Creates a column with a composed value from multiple fields,
+ * and filtered by a text filter on the first field
+ */
+export const advancedComposedColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  fields: string[],
+  options?: Partial<AdvancedRequestDataGridColumn<R>>
+): AdvancedRequestDataGridColumns<R> => ({
+  [key]: {
+    field: {
+      fieldAlias: key,
+      operator: 'jsonObject',
+      operands: fields.flatMap((field) => [
+        { constantValue: field },
+        { fieldName: field },
+      ]),
+    },
+    name: title,
+    render: (row) => row[key] ?? '',
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: {
+      ...textFilter(fields[0]),
+      getter: (value) => value[fields[0]] ?? 0,
+    },
+    filterField: fields[0],
+    sortField: fields[0],
+    ...options,
+  },
+});
+
+export const advancedMailColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  options?: Partial<AdvancedRequestDataGridColumn<R>>
+): AdvancedRequestDataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (row) => <a href={`mailto:${row[key]}`}>{row[key] ?? ''}</a>,
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: { ...textFilter(key), getter: (value) => value[key] ?? '' },
+    ...options,
+  },
+});
+
+export const advancedPhoneColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  options?: Partial<AdvancedRequestDataGridColumn<R>>
+): AdvancedRequestDataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (row) => <a href={`tel:${row[key]}`}>{row[key] ?? ''}</a>,
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: { ...textFilter(key), getter: (value) => value[key] ?? '' },
+    ...options,
+  },
+});
+
+export const advancedDateColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  options?: Partial<AdvancedRequestDataGridColumn<R>>
+): AdvancedRequestDataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (row) => moment(row[key]).format('DD/MM/YYYY') ?? '',
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: { ...textFilter(key), getter: (value) => value[key] ?? '' },
+    ...options,
+  },
+});
+
+export const advancedMonthColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  options?: Partial<AdvancedRequestDataGridColumn<R>>
+): AdvancedRequestDataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (row) => (row[key] ? `${row[key]} mois ` : ''),
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: { ...textFilter(key), getter: (value) => value[key] ?? '' },
+    ...options,
+  },
+});
+
+export const advancedNumberColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  decimals = 2,
+  options?: Partial<AdvancedRequestDataGridColumn<R>>
+): AdvancedRequestDataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (row) => formatNumber(row[key], decimals) ?? '',
+    excelFormatter: () => '#',
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: { ...numberFilter(key), getter: (value) => value[key] ?? 0 },
+    ...options,
+  },
+});
+
+export const advancedMoneyColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  decimals = 2,
+  options?: Partial<AdvancedRequestDataGridColumn<R>>
+): AdvancedRequestDataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (row) => formatMoney(row[key], decimals) ?? '',
+    excelFormatter: () => '#0.00',
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: { ...numberFilter(key), getter: (value) => value[key] ?? 0 },
+    ...options,
+  },
+});
+
+export const advancedPercentageColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  options?: Partial<AdvancedRequestDataGridColumn<R>>
+): AdvancedRequestDataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (row) => formatPercentage(row[key]) ?? '',
+    excelFormatter: () => '#0.00',
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: { ...numberFilter(key), getter: (value) => value[key] ?? 0 },
+    ...options,
+  },
+});
+
+export const advancedCheckboxColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  options?: Partial<AdvancedRequestDataGridColumn<R>>
+): AdvancedRequestDataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (row) => (
+      <>
+        <input type="checkbox" checked={row[key]} />
+        <span>{row[key] ? ' Oui' : ' Non'}</span>
+      </>
+    ),
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: { ...numberFilter(key), getter: (value) => value[key] ?? 0 },
+    ...options,
+  },
+});
+
+export const advancedColorColumn = <R extends Record<string, any>>(
+  key: string,
+  title: string,
+  options?: Partial<AdvancedRequestDataGridColumn<R>>
+): AdvancedRequestDataGridColumns<R> => ({
+  [key]: {
+    name: title,
+    render: (row) => (
+      <div style={{ backgroundColor: row[key] }}>{row[key] ?? ''}</div>
+    ),
+    getter: (row) => row[key] ?? '',
+    sortGetter: (row) => row[key] ?? '',
+    filter: { ...textFilter(key), getter: (value) => value[key] ?? '' },
+    ...options,
+  },
+});
+
+export const getColumnField = <R,>(
+  columns: AdvancedRequestDataGridColumns<R>,
+  columnKey: string
+): FieldDTO => {
+  return columns[columnKey].field
+    ? {
+        fieldName: columns[columnKey].field?.fieldName ?? columnKey,
+        fieldAlias: columnKey,
+      }
+    : {
+        fieldName: columnKey,
+        fieldAlias: columnKey,
+      };
+};
+export const getColumnSortField = <R,>(
+  columns: AdvancedRequestDataGridColumns<R>,
+  columnKey: string
+): FieldDTO => {
+  return columns[columnKey].sortField
+    ? {
+        fieldName: columns[columnKey].sortField ?? columnKey,
+        fieldAlias: columnKey,
+      }
+    : {
+        fieldName: columnKey,
+        fieldAlias: columnKey,
+      };
+};
+export const getFirstColumnField = <R,>(
+  columns: AdvancedRequestDataGridColumns<R>
+): FieldDTO => {
+  return getColumnField(columns, Object.keys(columns)[0]);
+};
+
+export const getFirstColumnSortField = <R,>(
+  columns: AdvancedRequestDataGridColumns<R>
+): FieldDTO => {
+  return getColumnSortField(columns, Object.keys(columns)[0]);
+};

package/src/components/data/AdvancedRequestDataGrid/helpers/index.ts

@@ -1,2 +1,2 @@
-export * from './advancedRequests';
-export * from './columns';
+export * from './advancedRequests';
+export * from './columns';