@addev-be/ui 0.2.2 → 0.2.6

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

@@ -1,207 +1,220 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-import {
-  DataGridFilter,
-  DataGridFilterCheckbox,
-  DataGridFilterDataType,
-  DataGridFilterFormatter,
-  DataGridFilterGroup,
-  DataGridFilterPredicateBuilder,
-  DataGridFilterPredicates,
-  DataGridFilterType,
-} from '../types';
-
-import moment from 'moment';
-
-const escapeRegExp = (s: string) => s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-
-const textContainsPredicate: DataGridFilterPredicateBuilder<string> = (
-  ...filterValues
-) => {
-  const regex = new RegExp(`${escapeRegExp(filterValues[0])}`, 'i');
-  return (valueToVerify: string) => regex.test(valueToVerify);
-};
-const textNotContainsPredicate: DataGridFilterPredicateBuilder<string> = (
-  ...filterValues
-) => {
-  const regex = new RegExp(`${escapeRegExp(filterValues[0])}`, 'i');
-  return (valueToVerify: string) => !regex.test(valueToVerify);
-};
-const textEqualsPredicate: DataGridFilterPredicateBuilder<string> = (
-  ...filterValues
-) => {
-  const regex = new RegExp(`^${escapeRegExp(filterValues[0])}$`, 'i');
-  return (valueToVerify: string) => regex.test(valueToVerify);
-};
-const textNotEqualsPredicate: DataGridFilterPredicateBuilder<string> = (
-  ...filterValues
-) => {
-  const regex = new RegExp(`^${escapeRegExp(filterValues[0])}$`, 'i');
-  return (valueToVerify: string) => !regex.test(valueToVerify);
-};
-const textStartsWithPredicate: DataGridFilterPredicateBuilder<string> = (
-  ...filterValues
-) => {
-  const regex = new RegExp(`^${escapeRegExp(filterValues[0])}`, 'i');
-  return (valueToVerify: string) => regex.test(valueToVerify);
-};
-const textEndsWithPredicate: DataGridFilterPredicateBuilder<string> = (
-  ...filterValues
-) => {
-  const regex = new RegExp(`${escapeRegExp(filterValues[0])}$`, 'i');
-  return (valueToVerify: string) => regex.test(valueToVerify);
-};
-const textInArrayPredicate: DataGridFilterPredicateBuilder<string> = (
-  ...filterValues
-) => {
-  return (valueToVerify: string) => filterValues.includes(valueToVerify);
-};
-
-const numberEqualsPredicate: DataGridFilterPredicateBuilder<number> =
-  (...filterValues) =>
-  (valueToVerify: number) =>
-    valueToVerify === filterValues[0];
-const numberNotEqualsPredicate: DataGridFilterPredicateBuilder<number> =
-  (...filterValues) =>
-  (valueToVerify: number) =>
-    valueToVerify !== filterValues[0];
-const numberLessThanPredicate: DataGridFilterPredicateBuilder<number> =
-  (...filterValues) =>
-  (valueToVerify: number) =>
-    valueToVerify < filterValues[0];
-const numberLessThanOrEqualPredicate: DataGridFilterPredicateBuilder<number> =
-  (...filterValues) =>
-  (valueToVerify: number) =>
-    valueToVerify <= filterValues[0];
-const numberGreaterThanPredicate: DataGridFilterPredicateBuilder<number> =
-  (...filterValues) =>
-  (valueToVerify: number) =>
-    valueToVerify > filterValues[0];
-const numberGreaterThanOrEqualPredicate: DataGridFilterPredicateBuilder<
-  number
-> =
-  (...filterValues) =>
-  (valueToVerify: number) =>
-    valueToVerify >= filterValues[0];
-const numberInRangePredicate: DataGridFilterPredicateBuilder<number> =
-  (...filterValues) =>
-  (valueToVerify: number) =>
-    valueToVerify >= filterValues[0] && valueToVerify <= filterValues[1];
-const numberInArrayPredicate: DataGridFilterPredicateBuilder<number> = (
-  ...filterValues
-) => {
-  return (valueToVerify: number) => filterValues.includes(valueToVerify);
-};
-
-export const filtersPredicates: DataGridFilterPredicates = {
-  text: {
-    contains: textContainsPredicate,
-    notContains: textNotContainsPredicate,
-    equals: textEqualsPredicate,
-    notEquals: textNotEqualsPredicate,
-    startsWith: textStartsWithPredicate,
-    endsWith: textEndsWithPredicate,
-    inArray: textInArrayPredicate,
-  },
-  number: {
-    equals: numberEqualsPredicate,
-    notEquals: numberNotEqualsPredicate,
-    lessThan: numberLessThanPredicate,
-    lessThanOrEqual: numberLessThanOrEqualPredicate,
-    greaterThan: numberGreaterThanPredicate,
-    greaterThanOrEqual: numberGreaterThanOrEqualPredicate,
-    inRange: numberInRangePredicate,
-    inArray: numberInArrayPredicate,
-  },
-};
-
-export const applyFilters = <R>(rows: R[], filters: DataGridFilter[]): R[] => {
-  return filters.reduce(
-    (tempRows, filter) => applyFilter(tempRows, filter),
-    rows
-  );
-};
-
-export const applyFilter = <R>(rows: R[], filter: DataGridFilter): R[] => {
-  const predicateBuilder = filtersPredicates[filter.type][filter.operator];
-  if (typeof predicateBuilder !== 'function') return rows;
-  const predicate = predicateBuilder(...filter.values);
-  return rows.filter((row) => predicate(filter.getter(row)));
-};
-
-export const defaultFilterGetter = (row: any, columnKey: string) =>
-  row[columnKey];
-
-export const defaultFilterValues: {
-  [K in DataGridFilterType]: DataGridFilterDataType<K>;
-} = {
-  text: '',
-  number: 0,
-};
-
-export const defaultValueParsers: {
-  [K in DataGridFilterType]: (value: string) => DataGridFilterDataType<K>;
-} = {
-  text: (value) => value,
-  number: (value) => parseFloat(value),
-};
-
-export const groupDatesByYearAndMonth = (dates: any[]) =>
-  dates.reduce((acc: Record<string, Record<string, any[]>>, date) => {
-    const year = moment(date).format('YYYY');
-    if (!acc[year]) {
-      acc[year] = {};
-    }
-    const yearAndMonth = moment(date).format(`YYYY-MM`);
-    if (!acc[year][yearAndMonth]) {
-      acc[year][yearAndMonth] = [];
-    }
-    acc[year][yearAndMonth].push(date);
-    return acc;
-  }, {} as Record<string, Record<string, any[]>>);
-
-export const getDateGroups = <R extends string | number | null>(
-  dates: any[]
-): DataGridFilterGroup<R>[] => {
-  const grouperDates = groupDatesByYearAndMonth(dates);
-  return Object.entries(grouperDates).map(([year, months]) => ({
-    name: year,
-    values: Object.values(months).flat(),
-    groups: Object.entries(months).map(([month, dates]) => ({
-      name: month,
-      values: dates,
-    })),
-  }));
-};
-
-export const getCheckboxes = <R extends string | number | null>(
-  values: R[],
-  formatter: DataGridFilterFormatter,
-  groups?: DataGridFilterGroup<R>[],
-  level = 0
-): DataGridFilterCheckbox<R>[] => [
-  ...(groups ?? [])
-    .map((group) =>
-      getCheckboxes(group.values ?? [], formatter, group.groups, level + 1)
-    )
-    .flat(),
-  ...values.map((value) => ({
-    displayValue: formatter(value),
-    values: [value],
-    level,
-  })),
-];
-
-export const textFilter = (key: string): DataGridFilter<'text'> => ({
-  type: 'text',
-  operator: 'contains',
-  values: [''],
-  getter: (row) => row[key] ?? '',
-});
-
-export const numberFilter = (key: string): DataGridFilter<'number'> => ({
-  type: 'number',
-  operator: 'equals',
-  values: [0],
-  getter: (row) => row[key] ?? '',
-});
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+import {
+  DataGridFilter,
+  DataGridFilterCheckbox,
+  DataGridFilterDataType,
+  DataGridFilterFormatter,
+  DataGridFilterGroup,
+  DataGridFilterPredicateBuilder,
+  DataGridFilterPredicates,
+  DataGridFilterRenderer,
+  DataGridFilterType,
+  DataGridFilterValue,
+} from '../types';
+
+import moment from 'moment';
+
+const escapeRegExp = (s: string) => s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+
+const textContainsPredicate: DataGridFilterPredicateBuilder<string> = (
+  ...filterValues
+) => {
+  const regex = new RegExp(`${escapeRegExp(filterValues[0])}`, 'i');
+  return (valueToVerify: string) => regex.test(valueToVerify);
+};
+const textNotContainsPredicate: DataGridFilterPredicateBuilder<string> = (
+  ...filterValues
+) => {
+  const regex = new RegExp(`${escapeRegExp(filterValues[0])}`, 'i');
+  return (valueToVerify: string) => !regex.test(valueToVerify);
+};
+const textEqualsPredicate: DataGridFilterPredicateBuilder<string> = (
+  ...filterValues
+) => {
+  const regex = new RegExp(`^${escapeRegExp(filterValues[0])}$`, 'i');
+  return (valueToVerify: string) => regex.test(valueToVerify);
+};
+const textNotEqualsPredicate: DataGridFilterPredicateBuilder<string> = (
+  ...filterValues
+) => {
+  const regex = new RegExp(`^${escapeRegExp(filterValues[0])}$`, 'i');
+  return (valueToVerify: string) => !regex.test(valueToVerify);
+};
+const textStartsWithPredicate: DataGridFilterPredicateBuilder<string> = (
+  ...filterValues
+) => {
+  const regex = new RegExp(`^${escapeRegExp(filterValues[0])}`, 'i');
+  return (valueToVerify: string) => regex.test(valueToVerify);
+};
+const textEndsWithPredicate: DataGridFilterPredicateBuilder<string> = (
+  ...filterValues
+) => {
+  const regex = new RegExp(`${escapeRegExp(filterValues[0])}$`, 'i');
+  return (valueToVerify: string) => regex.test(valueToVerify);
+};
+const textInArrayPredicate: DataGridFilterPredicateBuilder<string> = (
+  ...filterValues
+) => {
+  return (valueToVerify: string) => filterValues.includes(valueToVerify);
+};
+
+const numberEqualsPredicate: DataGridFilterPredicateBuilder<number> =
+  (...filterValues) =>
+  (valueToVerify: number) =>
+    valueToVerify === filterValues[0];
+const numberNotEqualsPredicate: DataGridFilterPredicateBuilder<number> =
+  (...filterValues) =>
+  (valueToVerify: number) =>
+    valueToVerify !== filterValues[0];
+const numberLessThanPredicate: DataGridFilterPredicateBuilder<number> =
+  (...filterValues) =>
+  (valueToVerify: number) =>
+    valueToVerify < filterValues[0];
+const numberLessThanOrEqualPredicate: DataGridFilterPredicateBuilder<number> =
+  (...filterValues) =>
+  (valueToVerify: number) =>
+    valueToVerify <= filterValues[0];
+const numberGreaterThanPredicate: DataGridFilterPredicateBuilder<number> =
+  (...filterValues) =>
+  (valueToVerify: number) =>
+    valueToVerify > filterValues[0];
+const numberGreaterThanOrEqualPredicate: DataGridFilterPredicateBuilder<
+  number
+> =
+  (...filterValues) =>
+  (valueToVerify: number) =>
+    valueToVerify >= filterValues[0];
+const numberInRangePredicate: DataGridFilterPredicateBuilder<number> =
+  (...filterValues) =>
+  (valueToVerify: number) =>
+    valueToVerify >= filterValues[0] && valueToVerify <= filterValues[1];
+const numberInArrayPredicate: DataGridFilterPredicateBuilder<number> = (
+  ...filterValues
+) => {
+  return (valueToVerify: number) => filterValues.includes(valueToVerify);
+};
+
+export const filtersPredicates: DataGridFilterPredicates = {
+  text: {
+    contains: textContainsPredicate,
+    notContains: textNotContainsPredicate,
+    equals: textEqualsPredicate,
+    notEquals: textNotEqualsPredicate,
+    startsWith: textStartsWithPredicate,
+    endsWith: textEndsWithPredicate,
+    inArray: textInArrayPredicate,
+  },
+  number: {
+    equals: numberEqualsPredicate,
+    notEquals: numberNotEqualsPredicate,
+    lessThan: numberLessThanPredicate,
+    lessThanOrEqual: numberLessThanOrEqualPredicate,
+    greaterThan: numberGreaterThanPredicate,
+    greaterThanOrEqual: numberGreaterThanOrEqualPredicate,
+    inRange: numberInRangePredicate,
+    inArray: numberInArrayPredicate,
+  },
+};
+
+export const applyFilters = <R>(rows: R[], filters: DataGridFilter[]): R[] => {
+  return filters.reduce(
+    (tempRows, filter) => applyFilter(tempRows, filter),
+    rows
+  );
+};
+
+export const applyFilter = <R>(rows: R[], filter: DataGridFilter): R[] => {
+  const predicateBuilder = (filtersPredicates as any)[filter.type][
+    filter.operator
+  ];
+  if (typeof predicateBuilder !== 'function') return rows;
+  const predicate = predicateBuilder(...filter.values);
+  return rows.filter((row) => predicate(filter.getter(row)));
+};
+
+export const defaultFilterGetter = (row: any, columnKey: string) =>
+  row[columnKey];
+
+export const defaultFilterValues: {
+  [K in DataGridFilterType]: DataGridFilterDataType<K>;
+} = {
+  text: '',
+  number: 0,
+};
+
+export const defaultValueParsers: {
+  [K in DataGridFilterType]: (value: string) => DataGridFilterDataType<K>;
+} = {
+  text: (value) => value,
+  number: (value) => parseFloat(value),
+};
+
+export const groupDatesByYearAndMonth = (dates: any[]) =>
+  dates.reduce((acc: Record<string, Record<string, any[]>>, date) => {
+    const year = moment(date).format('YYYY');
+    if (!acc[year]) {
+      acc[year] = {};
+    }
+    const yearAndMonth = moment(date).format(`YYYY-MM`);
+    if (!acc[year][yearAndMonth]) {
+      acc[year][yearAndMonth] = [];
+    }
+    acc[year][yearAndMonth].push(date);
+    return acc;
+  }, {} as Record<string, Record<string, any[]>>);
+
+export const getDateGroups = (dates: any[]): DataGridFilterGroup[] => {
+  const grouperDates = groupDatesByYearAndMonth(dates);
+  return Object.entries(grouperDates).map(([year, months]) => ({
+    name: year,
+    values: Object.values(months).flat(),
+    groups: Object.entries(months).map(([month, dates]) => ({
+      name: month,
+      values: dates,
+    })),
+  }));
+};
+
+export const defaultRendererAndFormatter = (value: any) =>
+  String(value ?? '').trim() || '(Vides)';
+
+export const getCheckboxes = (
+  values: DataGridFilterValue[],
+  renderer: DataGridFilterRenderer,
+  formatter: DataGridFilterFormatter,
+  groups?: DataGridFilterGroup[],
+  level = 0
+): DataGridFilterCheckbox[] => [
+  ...(groups ?? [])
+    .map<DataGridFilterCheckbox[]>((group) =>
+      getCheckboxes(
+        group.values ?? [],
+        renderer,
+        formatter,
+        group.groups,
+        level + 1
+      )
+    )
+    .flat(),
+  ...values.map<DataGridFilterCheckbox>((value) => ({
+    displayValue: renderer(value),
+    title: formatter(value),
+    value: value ?? '',
+    level,
+  })),
+];
+
+export const textFilter = (key: string): DataGridFilter<'text'> => ({
+  type: 'text',
+  operator: 'contains',
+  values: [''],
+  getter: (row) => row[key] ?? '',
+});
+
+export const numberFilter = (key: string): DataGridFilter<'number'> => ({
+  type: 'number',
+  operator: 'equals',
+  values: [0],
+  getter: (row) => row[key] ?? '',
+});

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

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

package/src/components/data/DataGrid/hooks/index.ts

@@ -1,30 +1,30 @@
-import { DataGridColumns, DataGridContext } from '../types';
-import { useContext, useMemo } from 'react';
-
-import { isColumnVisible } from '../helpers/columns';
-import { pickBy } from 'lodash';
-
-export { useDataGridCopy } from './useDataGridCopy';
-export { useDataGridSettings } from './useDataGridSettings';
-export { useDataGrid } from './useDataGrid';
-
-export const useDataGridContext = <R>(context: DataGridContext<R>) =>
-  useContext(context);
-
-export const useVisibleAndHiddenColumns = <R>(columns: DataGridColumns<R>) =>
-  useMemo(
-    () => [
-      pickBy(columns, (col) => isColumnVisible(col)),
-      pickBy(columns, (col) => !isColumnVisible(col)),
-    ],
-    [columns]
-  );
-
-export const useSortedColumns = <R>(columns: DataGridColumns<R>) =>
-  useMemo(
-    () =>
-      Object.entries(columns)
-        .filter(([, col]) => isColumnVisible(col))
-        .sort((a, b) => (a[1].order ?? 0) - (b[1].order ?? 0)),
-    [columns]
-  );
+import { DataGridColumns, DataGridContext } from '../types';
+import { useContext, useMemo } from 'react';
+
+import { isColumnVisible } from '../helpers/columns';
+import { pickBy } from 'lodash';
+
+export { useDataGridCopy } from './useDataGridCopy';
+export { useDataGridSettings } from './useDataGridSettings';
+export { useDataGrid } from './useDataGrid';
+
+export const useDataGridContext = <R>(context: DataGridContext<R>) =>
+  useContext(context);
+
+export const useVisibleAndHiddenColumns = <R>(columns: DataGridColumns<R>) =>
+  useMemo(
+    () => [
+      pickBy(columns, (col) => isColumnVisible(col)),
+      pickBy(columns, (col) => !isColumnVisible(col)),
+    ],
+    [columns]
+  );
+
+export const useSortedColumns = <R>(columns: DataGridColumns<R>) =>
+  useMemo(
+    () =>
+      Object.entries(columns)
+        .filter(([, col]) => isColumnVisible(col))
+        .sort((a, b) => (a[1].order ?? 0) - (b[1].order ?? 0)),
+    [columns]
+  );