@addev-be/ui 0.2.13 → 0.2.15

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

@@ -1,262 +0,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 +0,0 @@
-export * from './advancedRequests';
-export * from './columns';

package/src/components/data/AdvancedRequestDataGrid/index.tsx

@@ -1,267 +0,0 @@
-import {
-  ConditionDTO,
-  FieldDTO,
-  OrderByDTO,
-  useAdvancedRequestHandler,
-} from '../../../services/advancedRequests';
-import {
-  DataGridColumns,
-  DataGridFilters,
-  DataGridSort,
-} from '../DataGrid/types';
-import _, { debounce } from 'lodash';
-import {
-  convertFiltersToConditions,
-  getAdvancedRequestDto,
-  getColumnSortField,
-  parseJsonObjectFields,
-} from './helpers';
-import { useCallback, useEffect, useRef, useState } from 'react';
-
-import { AdvancedRequestDataGridProps } from './types';
-import { DataGrid } from '../DataGrid';
-
-export const AdvancedRequestDataGrid = <R,>({
-  onSelectionChange: onSelectionChangeFromProps,
-  idField,
-  ...props
-}: AdvancedRequestDataGridProps<R>) => {
-  const currentRows = useRef<R[]>([]);
-  const [rows, setRows] = useState<R[]>([]);
-  const [start, setStart] = useState(0);
-  const [length, setLength] = useState(50);
-  const [total, setTotal] = useState(-1);
-  const advancedRequest = useAdvancedRequestHandler<R>();
-  const idAdvancedRequest = useAdvancedRequestHandler<{ Id: string }>();
-
-  const [conditions, setConditions] = useState<Record<string, ConditionDTO>>(
-    {}
-  );
-  const [orderBy, setOrderBy] = useState<OrderByDTO[]>([]);
-
-  const refresh = useCallback(() => {
-    setRows([]);
-    setStart(0);
-    setLength(50);
-    setTotal(-1);
-  }, []);
-
-  const onFiltersChanged = useCallback(
-    (filters: DataGridFilters) => {
-      const newConditions = convertFiltersToConditions(filters, props.columns);
-      setTotal(-1);
-      setConditions(newConditions);
-    },
-    [props.columns]
-  );
-
-  const onSortsChanged = useCallback(
-    (sorts: Record<string, DataGridSort>) => {
-      refresh();
-      setOrderBy(
-        Object.entries(sorts).map(
-          ([columnKey, direction]) =>
-            ({
-              field: getColumnSortField(props.columns, columnKey),
-              direction: direction.toUpperCase(),
-            } as OrderByDTO)
-        )
-      );
-    },
-    [props.columns, refresh]
-  );
-
-  const loadRows = useRef(
-    debounce(
-      (
-        columns: DataGridColumns<R>,
-        conditions: ConditionDTO[],
-        orderBy: OrderByDTO[],
-        start: number,
-        length: number,
-        idField: FieldDTO | null | undefined,
-        getTotal = false
-      ) => {
-        advancedRequest(
-          getAdvancedRequestDto({
-            type: props.type,
-            columns,
-            conditions,
-            orderBy,
-            start,
-            length,
-            getTotal,
-            idField,
-          })
-        ).then((response) => {
-          if (getTotal) {
-            currentRows.current = Array(response.count).fill(null);
-            if (getTotal) setTotal(response.count ?? 0);
-          }
-          const parsedRows = parseJsonObjectFields(
-            response.data,
-            columns,
-            props.parser
-          );
-          currentRows.current.splice(start, length, ...parsedRows);
-          setRows([...currentRows.current]);
-        });
-      },
-      100
-    )
-  );
-
-  const loadFilterValues = useCallback(
-    (columnKey: string) => {
-      return advancedRequest({
-        fields: [
-          props.columns[columnKey].field ?? {
-            fieldName: columnKey,
-          },
-        ],
-        conditions: [
-          ...(props.conditions ?? []),
-          ...Object.values(_.pickBy(conditions, (_, key) => key !== columnKey)),
-        ].filter((condition) => condition.field !== columnKey),
-        orderBy: [
-          {
-            field:
-              props.columns[columnKey].filterField ??
-              props.columns[columnKey].field?.fieldAlias ??
-              props.columns[columnKey].field?.fieldName ??
-              columnKey,
-            direction: 'ASC',
-          },
-        ],
-        type: props.type,
-        getTotal: false,
-        unique: true,
-      }).then((response) =>
-        response.data.map(
-          (row) => props.columns[columnKey].filter?.getter?.(row) ?? null
-        )
-      );
-    },
-    [advancedRequest, conditions, props.columns, props.conditions, props.type]
-  );
-
-  useEffect(
-    () =>
-      loadRows.current(
-        props.columns,
-        [...(props.conditions ?? []), ...(Object.values(conditions) ?? [])],
-        orderBy,
-        start,
-        length,
-        idField,
-        total < 0
-      ),
-    [
-      props.columns,
-      conditions,
-      orderBy,
-      start,
-      length,
-      total,
-      props.conditions,
-      idField,
-    ]
-  );
-
-  const loadCopyRows = useCallback(
-    () =>
-      advancedRequest(
-        getAdvancedRequestDto({
-          type: props.type,
-          columns: props.columns,
-          conditions: [
-            ...(props.conditions ?? []),
-            ...(Object.values(conditions) ?? []),
-          ],
-          orderBy,
-          start: 0,
-          length: total,
-          idField,
-        })
-      ).then((response) =>
-        parseJsonObjectFields(response.data, props.columns, props.parser)
-      ),
-    [
-      advancedRequest,
-      conditions,
-      idField,
-      orderBy,
-      props.columns,
-      props.conditions,
-      props.parser,
-      props.type,
-      total,
-    ]
-  );
-
-  const loadAllIds = useCallback(
-    () =>
-      idAdvancedRequest(
-        getAdvancedRequestDto({
-          type: props.type,
-          columns: {
-            Id: {
-              name: 'Id',
-              field: idField ?? { fieldName: 'Id' },
-            },
-          },
-          conditions: [
-            ...(props.conditions ?? []),
-            ...(Object.values(conditions) ?? []),
-          ],
-          orderBy,
-          start: 0,
-          length: total,
-          idField: null,
-        })
-      ).then((response) => response.data.map((row) => row['Id'])),
-    [
-      conditions,
-      idAdvancedRequest,
-      idField,
-      orderBy,
-      props.conditions,
-      props.type,
-      total,
-    ]
-  );
-
-  const onVisibleRowsChanged = useCallback(
-    (newStart: number, newLength: number) => {
-      if (newStart !== start || newLength !== length) {
-        setStart(newStart);
-        setLength(newLength);
-      }
-    },
-    [length, start]
-  );
-
-  const onSelectionChange = useCallback(
-    (selectedKeys: string[]) => {
-      onSelectionChangeFromProps?.(selectedKeys);
-    },
-    [onSelectionChangeFromProps]
-  );
-
-  return (
-    <DataGrid
-      onVisibleRowsChange={onVisibleRowsChanged}
-      filter={false}
-      sort={false}
-      onFiltersChanged={onFiltersChanged}
-      onSortsChanged={onSortsChanged}
-      filterValuesLoader={loadFilterValues}
-      rows={rows}
-      loadCopyRows={loadCopyRows}
-      refresh={refresh}
-      onSelectionChange={onSelectionChange}
-      getAllIds={loadAllIds}
-      {...props}
-    />
-  );
-};

package/src/components/data/AdvancedRequestDataGrid/types.ts

@@ -1,47 +0,0 @@
-import {
-  AdvancedRequestRow,
-  ConditionDTO,
-  FieldDTO,
-  OrderByDTO,
-} from '../../../services/advancedRequests';
-import {
-  DataGridColumn,
-  DataGridFilter,
-  DataGridFilterType,
-  DataGridProps,
-} from '../DataGrid/types';
-
-export type AdvancedRequestDataGridFilter<
-  T extends DataGridFilterType = DataGridFilterType
-> = DataGridFilter<T> & {
-  field?: FieldDTO;
-};
-
-export type AdvancedRequestDataGridFilters = Record<
-  string,
-  AdvancedRequestDataGridFilter
->;
-
-export type AdvancedRequestDataGridColumn<R> = DataGridColumn<R> & {
-  filter?: AdvancedRequestDataGridFilter;
-  field?: FieldDTO;
-  filterField?: string;
-  sortField?: string;
-};
-
-export type AdvancedRequestDataGridColumns<R> = Record<
-  string,
-  AdvancedRequestDataGridColumn<R>
->;
-
-export type AdvancedRequestDataGridProps<R> = Omit<
-  DataGridProps<R>,
-  'rows' | 'columns'
-> & {
-  columns: AdvancedRequestDataGridColumns<R>;
-  type: string;
-  orderBy?: OrderByDTO[];
-  conditions?: ConditionDTO[];
-  idField?: FieldDTO | null;
-  parser?: (row: AdvancedRequestRow<R>) => R;
-};

package/src/components/data/DataGrid/DataGridCell.tsx

@@ -1,73 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
-
-import * as styles from './styles';
-
-import { DataGridCellProps, DataGridColumn } from './types';
-import { MouseEvent, useCallback } from 'react';
-
-import { DataGridEditableCell } from './DataGridEditableCell';
-import { useDataGridContext } from './hooks';
-
-const defaultRender = <R,>(row: R, col: DataGridColumn<R>) => {
-  const value = col.propertyName ? row[col.propertyName] : '';
-  return !value ? '' : String(value);
-};
-
-export const DataGridCell = <R,>({
-  row,
-  rowIndex,
-  columnKey,
-  columnIndex,
-  column,
-  context,
-  style,
-}: DataGridCellProps<R>) => {
-  const {
-    name,
-    editable,
-    editingCell = [-1, -1],
-    setEditingCell,
-    onRowDoubleClick,
-  } = useDataGridContext(context);
-  const isEditable =
-    !!editable && !!column.editable && column.type && column.getter;
-  const isEditing =
-    isEditable && editingCell[0] === rowIndex && editingCell[1] === columnIndex;
-  const DataGridCellComponent = column.component ?? styles.DataGridCell;
-
-  const onDoubleClick = useCallback(
-    (e: MouseEvent) => {
-      e.stopPropagation();
-      e.preventDefault();
-      if (isEditable) {
-        setEditingCell([rowIndex, columnIndex]);
-      } else onRowDoubleClick?.(row, e);
-    },
-    [columnIndex, isEditable, onRowDoubleClick, row, rowIndex, setEditingCell]
-  );
-
-  if (isEditing) {
-    return (
-      <DataGridEditableCell
-        key={`${name}-${rowIndex}-${columnIndex}`}
-        row={row}
-        rowIndex={rowIndex}
-        columnKey={columnKey}
-        columnIndex={columnIndex}
-        column={column}
-        context={context}
-      />
-    );
-  }
-
-  return (
-    <DataGridCellComponent
-      key={`${name}-${rowIndex}-${columnIndex}`}
-      onDoubleClick={onDoubleClick}
-      style={style}
-    >
-      {(column.render ?? defaultRender)(row, column)}
-    </DataGridCellComponent>
-  );
-};

package/src/components/data/DataGrid/DataGridColumnsModal/helpers.ts

@@ -1,14 +0,0 @@
-import { DataGridColumnKeyValuePair, DataGridColumns } from '../types';
-
-export const normalizeColumnsOrders = <R>(
-  columns: DataGridColumns<R> | DataGridColumnKeyValuePair<R>[]
-) =>
-  (Array.isArray(columns) ? columns : Object.entries(columns)).map<
-    DataGridColumnKeyValuePair<R>
-  >(([key, column], index) => [
-    key,
-    {
-      ...column,
-      order: index,
-    },
-  ]);