@addev-be/ui 0.2.13 → 0.2.15

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

@@ -1,267 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-import * as t from 'io-ts';
-
-import {
-  CSSProperties,
-  Context,
-  Dispatch,
-  FC,
-  MouseEvent,
-  MouseEventHandler,
-  ReactNode,
-  SetStateAction,
-} from 'react';
-
-import { SettingsContextProps } from '../../../providers/SettingsProvider';
-import { ThemeColor } from '../../../providers/ThemeProvider/types';
-
-export type DataGridCellFC = FC<{
-  onDoubleClick?: MouseEventHandler;
-  style?: CSSProperties;
-}>;
-
-export type DataGridFooterPredefinedFunction =
-  | 'average'
-  | 'avg'
-  | 'count'
-  | 'max'
-  | 'min'
-  | 'sum';
-export type DataGridFooterFunction<R> = (
-  allRows: R[],
-  filteredRows: R[],
-  selectedRows: R[]
-) => ReactNode;
-
-export type DataGridColumn<R> = {
-  component?: DataGridCellFC;
-  editable?: boolean;
-  excelFormatter?: (value: any) => string;
-  excelBackgroundColor?: (value: any) => string;
-  excelValue?: (value: any) => string;
-  filter?: DataGridFilter;
-  footer?:
-    | DataGridFooterFunction<R>
-    | Record<string, DataGridFooterFunction<R> | null>;
-  getter?: (row: R) => string | number;
-  name: string;
-  order?: number;
-  propertyName?: keyof R;
-  render?: (row: R, column: DataGridColumn<R>) => ReactNode | string;
-  resizable?: boolean;
-  sortGetter?: (row: R) => string | number;
-  type?: 'text' | 'number' | 'date';
-  width?: number;
-  settingsContext?: Context<SettingsContextProps>;
-};
-
-export type DataGridColumns<R> = Record<string, DataGridColumn<R>>;
-
-export type DataGridFilters = Record<
-  string,
-  DataGridFilter<DataGridFilterType>
->;
-
-export type DataGridProps<R> = {
-  name?: string;
-  className?: string;
-  rows: R[];
-  columns: DataGridColumns<R>;
-  rowKey: keyof R | ((row: R) => string);
-  selectable?: boolean;
-  editable?: boolean;
-  onRowDoubleClick?: (row: R, e: MouseEvent) => void;
-  onSelectionChange?: (keys: string[]) => void;
-  getAllIds?: () => Promise<string[]>;
-  onFiltersChanged?: (filters: DataGridFilters) => void;
-  onSortsChanged?: (sorts: Record<string, DataGridSort>) => void;
-  onVisibleRowsChange?: (startIndex: number, length: number) => void;
-  onCellEdited?: (row: R, columnKey: string, value: any) => void;
-  rowClassNameGetter?: (row: R | null) => {
-    className?: string;
-    style?: CSSProperties;
-  };
-  headerRowHeight?: number;
-  rowHeight?: number;
-  filter?: boolean;
-  sort?: boolean;
-  initialSorts?: Record<string, DataGridSort>;
-  initialFooters?: Record<string, string>;
-  onFootersChanged?: (footers: Record<string, string>) => void;
-  filterValuesLoader?: (
-    columnKey: string
-  ) => Promise<(string | number | null)[]>;
-  // copyTableHandler?: (
-  //   includeHeaders?: boolean,
-  //   includeFooters?: boolean
-  // ) => Promise<void>;
-  loadCopyRows?: () => Promise<R[]>;
-  refresh?: () => void;
-  headerColor?: ThemeColor;
-};
-
-export type DataGridContextProps<R> = DataGridProps<R> & {
-  editingCell?: [number, number];
-  setEditingCell: Dispatch<SetStateAction<[number, number]>>;
-  sortedRows: R[];
-  selectedRows: R[];
-  selectedKeys: string[];
-  setSelectedKeys: (selection: string[]) => void;
-  sorts?: Record<string, DataGridSort>;
-  setSorts: (sorts: Record<string, DataGridSort>) => void;
-  filters?: DataGridFilters;
-  setFilters: Dispatch<SetStateAction<DataGridFilters>>;
-  footers?: Record<string, string>;
-  setFooters: Dispatch<SetStateAction<Record<string, string>>>;
-  footerFunctions?: Record<string, DataGridFooterFunction<R>>;
-  visibleColumns: DataGridColumnKeyValuePair<R>[];
-  copyTable: (
-    includeHeaders?: boolean,
-    includeFooters?: boolean
-  ) => Promise<void>;
-  setColumnWidth: (key: string, width: number) => void;
-  saveSettings: (newSettings?: DataGridSettings) => void;
-  settings: DataGridSettings;
-  setSettings: Dispatch<SetStateAction<DataGridSettings>>;
-  visibleRows: R[];
-  scrollableRef: React.RefObject<HTMLDivElement>;
-  onScroll: (e: React.UIEvent<HTMLDivElement>) => void;
-  index: number;
-  length: number;
-  rowKeyGetter: (row: R) => string;
-  gridTemplateColumns: string;
-};
-
-export type DataGridContext<R> = Context<DataGridContextProps<R>>;
-
-export const dataGridSettingCodec = t.partial(
-  {
-    width: t.number,
-    order: t.number,
-  },
-  'DataGridSetting'
-);
-export const dataGridSettingsCodec = t.record(
-  t.string,
-  dataGridSettingCodec,
-  'DataGridSettings'
-);
-export const dataGridSettingsByNameCodec = t.record(
-  t.string,
-  dataGridSettingsCodec,
-  'DataGridSettingsByName'
-);
-
-export type DataGridSetting = t.TypeOf<typeof dataGridSettingCodec>;
-export type DataGridSettings = t.TypeOf<typeof dataGridSettingsCodec>;
-export type DataGridSettingsByName = t.TypeOf<
-  typeof dataGridSettingsByNameCodec
->;
-export type DataGridSettingsTuple = [string, DataGridSetting];
-export type DataGridSettingsArray = DataGridSettingsTuple[];
-export type DataGridColumnKeyValuePair<R> = [string, DataGridColumn<R>];
-
-export type DataGridCellProps<R> = {
-  row: R;
-  rowIndex: number;
-  columnKey: string;
-  columnIndex: number;
-  column: DataGridColumn<R>;
-  context: DataGridContext<R>;
-  className?: string;
-  style?: CSSProperties;
-};
-
-export type DataGridHeaderCellProps<R> = {
-  columnKey: string;
-  columnIndex: number;
-  column: DataGridColumn<R>;
-  context: DataGridContext<R>;
-  onFilterButtonClicked?: (columnKey: string) => void;
-  isFilterOpen?: boolean;
-};
-
-export type DataGridSort = 'asc' | 'desc';
-
-export type DataGridFilterPredicate<T> = (valueToVerify: T) => boolean;
-export type DataGridFilterPredicateBuilder<T> = (
-  ...filterValues: T[]
-) => DataGridFilterPredicate<T>;
-
-export type DataGridFilterOperators<K extends string, T> = {
-  [key in K]: DataGridFilterPredicateBuilder<T>;
-};
-
-export type DataGridFilterPredicates = {
-  date: DataGridFilterOperators<
-    'before' | 'after' | 'equals' | 'notEquals' | 'inRange' | 'inArray',
-    string
-  >;
-  text: DataGridFilterOperators<
-    | 'contains'
-    | 'notContains'
-    | 'equals'
-    | 'notEquals'
-    | 'startsWith'
-    | 'endsWith'
-    | 'inArray',
-    string
-  >;
-  number: DataGridFilterOperators<
-    | 'equals'
-    | 'notEquals'
-    | 'lessThan'
-    | 'lessThanOrEqual'
-    | 'greaterThan'
-    | 'greaterThanOrEqual'
-    | 'inRange'
-    | 'inArray',
-    number
-  >;
-};
-
-export type DataGridFilterType = keyof DataGridFilterPredicates;
-export type DataGridFilterDataType<T extends DataGridFilterType> =
-  DataGridFilterPredicates[T] extends DataGridFilterOperators<string, infer U>
-    ? U
-    : never;
-
-export type DataGridFilterGetter<T extends DataGridFilterType> = (
-  value: any
-) => DataGridFilterDataType<T> | null;
-export type DataGridFilterRenderer = (value: any) => ReactNode;
-export type DataGridFilterFormatter = (value: any) => string;
-
-export type DataGridFilterOperator<T extends DataGridFilterType> =
-  DataGridFilterPredicates[T] extends DataGridFilterOperators<infer K, any>
-    ? K
-    : never;
-
-export type DataGridFilter<T extends string = DataGridFilterType> =
-  T extends DataGridFilterType
-    ? {
-        type: T;
-        operator: DataGridFilterOperator<T>;
-        getter: DataGridFilterGetter<T>;
-        renderer?: DataGridFilterRenderer;
-        formatter?: DataGridFilterFormatter;
-        values: (DataGridFilterDataType<T> | null)[];
-      }
-    : never;
-
-export type DataGridFilterGroup = {
-  name: string;
-  displayValue: DataGridFilterValue;
-  values?: DataGridFilterValue[];
-  groups?: DataGridFilterGroup[];
-};
-
-export type DataGridFilterValue = string | number | null;
-
-export type DataGridFilterCheckbox = {
-  displayValue: ReactNode;
-  title: string;
-  values: DataGridFilterValue[];
-  level: number;
-};

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

@@ -1,277 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-import { SqlRequestDataGridColumn, SqlRequestDataGridColumns } from '../types';
-import {
-  buildExcelFormat,
-  numberFilter,
-  textFilter,
-} from '../../DataGrid/helpers';
-import {
-  formatMoney,
-  formatNumber,
-  formatNumberInvariant,
-  formatPercentage,
-} from '../../../../helpers/numbers';
-
-import { formatDate } from '../../../../helpers/dates';
-
-export const sqlTextColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<SqlRequestDataGridColumn<R>>
-): SqlRequestDataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (row) => row[key] ?? '',
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: { ...textFilter(key), getter: (value) => value[key] ?? '' },
-    ...options,
-    footer: (rows) => `${rows[0][key]} éléments`,
-  },
-});
-
-/**
- * Creates a column with a composed value from multiple fields,
- * and filtered by a text filter on the first field
- */
-export const sqlComposedColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  fields: string[],
-  options?: Partial<SqlRequestDataGridColumn<R>>
-): SqlRequestDataGridColumns<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],
-    footer: (rows) => `${rows[0][key]} éléments`,
-    ...options,
-  },
-});
-
-export const sqlMailColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<SqlRequestDataGridColumn<R>>
-): SqlRequestDataGridColumns<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] ?? '' },
-    footer: (rows) => `${rows[0][key]} éléments`,
-    ...options,
-  },
-});
-
-export const sqlPhoneColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<SqlRequestDataGridColumn<R>>
-): SqlRequestDataGridColumns<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] ?? '' },
-    footer: (rows) => `${rows[0][key]} éléments`,
-    ...options,
-  },
-});
-
-export const sqlDateColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<SqlRequestDataGridColumn<R>>
-): SqlRequestDataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    type: 'date',
-    render: (row) => formatDate(row[key]),
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    excelFormatter: () => 'dd/mm/yyyy',
-    excelValue: (value) => formatDate(value, 'YYYY-MM-DD'),
-    filter: {
-      ...textFilter(key),
-      getter: (value) => value[key] ?? '',
-      formatter: (value) => formatDate(value),
-      renderer: (value) => formatDate(value),
-    },
-    footer: (rows) => `${rows[0][key]} éléments`,
-    ...options,
-  },
-});
-
-export const sqlMonthColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<SqlRequestDataGridColumn<R>>
-): SqlRequestDataGridColumns<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] ?? '' },
-    footer: (rows) => `${rows[0][key]} éléments`,
-    ...options,
-  },
-});
-
-export const sqlNumberColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  decimals = 2,
-  options?: Partial<SqlRequestDataGridColumn<R>>
-): SqlRequestDataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (row) => formatNumber(row[key], decimals) ?? '',
-    excelFormatter: () => buildExcelFormat(decimals),
-    excelValue: (value) => formatNumberInvariant(value, decimals),
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: {
-      ...numberFilter(key),
-      getter: (value) => value[key] ?? 0,
-      renderer: (value) => formatNumber(value, decimals) ?? '',
-    },
-    footer: {
-      sum: null,
-      avg: null,
-      count: null,
-      max: null,
-      min: null,
-    },
-    ...options,
-  },
-});
-
-export const sqlMoneyColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  decimals = 2,
-  options?: Partial<SqlRequestDataGridColumn<R>>
-): SqlRequestDataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    type: 'number',
-    render: (row) => formatMoney(row[key], decimals) ?? '',
-    excelFormatter: () => buildExcelFormat(decimals, ' €'),
-    excelValue: (value) => formatNumberInvariant(value, decimals),
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: {
-      ...numberFilter(key),
-      getter: (value) => value[key] ?? 0,
-      renderer: (value) => formatMoney(value, decimals) ?? '',
-    },
-    footer: {
-      sum: null,
-      avg: null,
-      count: null,
-      max: null,
-      min: null,
-    },
-    ...options,
-  },
-});
-
-export const sqlPercentageColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  decimals = 2,
-  options?: Partial<SqlRequestDataGridColumn<R>>
-): SqlRequestDataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (row) => formatPercentage(row[key]) ?? '',
-    excelFormatter: () => buildExcelFormat(decimals, '%'),
-    excelValue: (value) => formatNumberInvariant(value, decimals),
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: {
-      ...numberFilter(key),
-      getter: (value) => value[key] ?? 0,
-      renderer: (value) => formatPercentage(value, decimals) ?? '',
-    },
-    ...options,
-  },
-});
-
-export const sqlCheckboxColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<SqlRequestDataGridColumn<R>>
-): SqlRequestDataGridColumns<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 },
-    footer: (rows) => `${rows[0][key]} éléments`,
-    ...options,
-  },
-});
-
-export const sqlColorColumn = <R extends Record<string, any>>(
-  key: string,
-  title: string,
-  options?: Partial<SqlRequestDataGridColumn<R>>
-): SqlRequestDataGridColumns<R> => ({
-  [key]: {
-    name: title,
-    render: (row) => (
-      <div
-        style={{ position: 'absolute', inset: 0, backgroundColor: row[key] }}
-      >
-        &nbsp;
-      </div>
-    ),
-    excelValue: () => '',
-    excelBackgroundColor: (value) => value,
-    getter: (row) => row[key] ?? '',
-    sortGetter: (row) => row[key] ?? '',
-    filter: {
-      ...textFilter(key),
-      getter: (value) => value[key] ?? '',
-      renderer: (value) => (
-        <div
-          style={{
-            backgroundColor: value,
-            width: 'var(--space-16)',
-            height: '1em',
-          }}
-        >
-          &nbsp;
-        </div>
-      ),
-    },
-    ...options,
-  },
-});

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

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

package/src/components/data/SqlRequestDataGrid/helpers/sqlRequests.ts

@@ -1,16 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-import { ConditionDTO } from '../../../../services/sqlRequests';
-import { SqlRequestDataGridFilters } from '../types';
-import _ from 'lodash';
-
-export const convertSqlFiltersToConditions = (
-  filters: SqlRequestDataGridFilters
-): Record<string, ConditionDTO> =>
-  _.mapValues(filters, (filter, columnKey) => ({
-    field: columnKey,
-    operator: filter.operator,
-    value: ['inArray', 'inRange'].includes(filter.operator)
-      ? filter.values
-      : _.castArray<string | number | null>(filter.values)[0],
-  }));