@addev-be/ui 0.15.1 → 0.16.1

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

@@ -1,338 +0,0 @@
-import {
-  ColumnDTO,
-  ConditionDTO,
-  FooterFunction,
-  OrderByDirection,
-  RequestRow,
-  useSmartQueryHandler,
-} from '../../../services/smartQueries';
-import {
-  DataGridFilters,
-  DataGridFooterFunction,
-  DataGridRefProps,
-  DataGridSort,
-} from '../DataGrid/types';
-import {
-  ForwardedRef,
-  forwardRef,
-  useCallback,
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
-import {
-  convertSmartFiltersToConditions,
-  getColumnsConditions,
-  getFooterColumn,
-} from './helpers';
-import { debounce, identity, mapValues } from 'lodash';
-import { useIdSmartColumnDTO, useSmartColumnDTOs } from './helpers/hooks';
-
-import { DataGrid } from '../DataGrid';
-import { SmartQueryDataGridProps } from './types';
-
-export const SmartQueryDataGridInner = <R,>(
-  {
-    onSelectionChange: onSelectionChangeFromProps,
-    ...props
-  }: SmartQueryDataGridProps<R>,
-  ref: ForwardedRef<DataGridRefProps>
-) => {
-  const currentRows = useRef<R[]>([]);
-  const [rows, setRows] = useState<R[]>([]);
-  const [start, setStart] = useState(0);
-  const [length, setLength] = useState(-1);
-  const [count, setCount] = useState(-1);
-  const [smartQuery, smartIdRequest] = useSmartQueryHandler<R>('SmartQuery');
-  const gridRef = useRef<DataGridRefProps>(null);
-
-  const [sorts, setSorts] = useState<Record<string, OrderByDirection>>({});
-  const [footers, setFooters] = useState<Record<string, FooterFunction>>(
-    props.initialFooters ?? {}
-  );
-  const [conditions, setConditions] = useState<Record<string, ConditionDTO>>(
-    {}
-  );
-
-  const smartColumns = useSmartColumnDTOs(
-    props.columns,
-    conditions,
-    footers,
-    sorts
-  );
-  const smartIdColumn = useIdSmartColumnDTO(smartColumns);
-
-  const refresh = useCallback(() => {
-    setRows([]);
-    setStart(0);
-    setCount(-1);
-  }, []);
-
-  const onFiltersChanged = useCallback(
-    (filters: DataGridFilters) => {
-      const newConditions = convertSmartFiltersToConditions(filters);
-      console.log('newConditions', newConditions);
-      setConditions(newConditions);
-      refresh();
-    },
-    [refresh]
-  );
-
-  const onSortsChanged = useCallback(
-    (sorts: Record<string, DataGridSort>) => {
-      setSorts(
-        mapValues(sorts, (sort) =>
-          sort === 'asc' ? 'ascending' : 'descending'
-        )
-      );
-      refresh();
-    },
-    [refresh]
-  );
-
-  const loadRows = useRef(
-    debounce(
-      (
-        type: string,
-        columns: ColumnDTO[],
-        where: ConditionDTO[] = [],
-        offset = 0,
-        limit = 0,
-        getCount = false
-      ) => {
-        if (limit > 0) {
-          smartQuery({
-            type,
-            columns,
-            where,
-            offset,
-            limit,
-            getCount,
-          }).then((response) => {
-            if (getCount) {
-              currentRows.current = Array(response.count).fill(null);
-              if (getCount) setCount(response.count ?? 0);
-            }
-            const data = response.data ?? [];
-            const parsedRows = props.parser
-              ? data.map(props.parser)
-              : (data as R[]);
-            currentRows.current.splice(offset, limit, ...parsedRows);
-            setRows([...currentRows.current]);
-          });
-        }
-      },
-      100,
-      {
-        leading: true,
-        trailing: true,
-      }
-    )
-  );
-
-  const loadFilterValues = useCallback(
-    (columnKey: string) => {
-      const smartColumn = smartColumns.find((col) => col.key === columnKey);
-      if (!smartColumn) {
-        return Promise.resolve([]);
-      }
-      const otherSmartColumns = smartColumns.filter(
-        (col) => col.key !== columnKey
-      );
-      return smartQuery({
-        type: props.type,
-        columns: [
-          {
-            ...smartColumn,
-            having: undefined,
-          },
-          ...otherSmartColumns,
-        ],
-        filterColumn: smartColumn,
-        where: props.conditions ?? [],
-        getCount: false,
-      }).then((response) =>
-        response.data.map(
-          (row) => props.columns[columnKey].filter?.getter?.(row) ?? null
-        )
-      );
-    },
-    [props.columns, props.conditions, props.type, smartColumns, smartQuery]
-  );
-
-  useEffect(() => {
-    if (
-      (!rows.length && count < 0) ||
-      rows.slice(start, start + length).some((row) => row === null)
-    ) {
-      loadRows.current(
-        props.type,
-        smartColumns,
-        props.conditions ?? [],
-        start,
-        length,
-        count < 0
-      );
-    }
-  }, [
-    conditions,
-    count,
-    length,
-    props.conditions,
-    props.type,
-    rows,
-    smartColumns,
-    start,
-  ]);
-
-  const loadCopyRows = useCallback(
-    () =>
-      smartQuery({
-        type: props.type,
-        columns: smartColumns,
-        where: props.conditions ?? [],
-      }).then((response) =>
-        props.parser ? response.data.map(props.parser) : (response.data as R[])
-      ),
-    [smartQuery, props.type, props.conditions, props.parser, smartColumns]
-  );
-
-  const loadAllIds = useCallback(() => {
-    return smartIdRequest({
-      type: props.type,
-      columns: [smartIdColumn],
-      where: [
-        ...(props.conditions ?? []),
-        ...(Object.values(conditions) ?? []),
-      ],
-      // orderBy,
-      offset: 0,
-      limit: count,
-    }).then((response) => response.data.map((row) => row['id']));
-  }, [
-    conditions,
-    count,
-    props.conditions,
-    props.type,
-    smartIdColumn,
-    smartIdRequest,
-  ]);
-
-  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]
-  );
-
-  /** FOOTERS */
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const [footerData, setFooterData] = useState<RequestRow<any>>({});
-
-  const loadFooters = useCallback(() => {
-    const columnsWithFooter = smartColumns
-      .filter((column) => !!column.footer)
-      .map(getFooterColumn);
-    const otherSmartColumns = smartColumns.filter((column) => !column.footer);
-    if (columnsWithFooter.length === 0) {
-      setFooterData({});
-    } else {
-      columnsWithFooter.map((column) =>
-        smartQuery({
-          type: props.type,
-          columns: [column],
-          where: [
-            ...(props.conditions ?? []),
-            ...getColumnsConditions(otherSmartColumns),
-          ],
-        }).then((response) =>
-          setFooterData((previousData) => ({
-            ...previousData,
-            ...response.data[0],
-          }))
-        )
-      );
-    }
-  }, [props.conditions, props.type, smartColumns, smartQuery]);
-
-  useEffect(() => {
-    loadFooters();
-  }, [loadFooters]);
-
-  const footerFunctions = useMemo(
-    () =>
-      !footerData
-        ? {}
-        : Object.entries(footers).reduce((acc, [columnKey, footerKey]) => {
-            const column = props.columns[columnKey];
-            const footerFunc =
-              typeof column?.footer === 'function'
-                ? column.footer
-                : column?.footer?.[footerKey];
-            const render = footerFunc
-              ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                (data: any) => footerFunc([data], [], [])
-              : column?.render ?? identity;
-            if (!column) {
-              return acc;
-            }
-            acc[columnKey] = () => render(footerData, column);
-            return acc;
-          }, {} as Record<string, DataGridFooterFunction<R>>),
-    [footerData, footers, props.columns]
-  );
-
-  const contextOverride = useMemo(
-    () => ({
-      footers,
-      setFooters: setFooters as React.Dispatch<
-        React.SetStateAction<Record<string, string>>
-      >,
-      footerFunctions,
-    }),
-    [footers, setFooters, footerFunctions]
-  );
-
-  useImperativeHandle(
-    ref,
-    () => ({
-      refresh,
-      setSelectedKeys: gridRef.current?.setSelectedKeys ?? (() => {}),
-    }),
-    [refresh]
-  );
-
-  return (
-    <DataGrid
-      ref={gridRef}
-      onVisibleRowsChange={onVisibleRowsChanged}
-      filter={false}
-      sort={false}
-      onFiltersChanged={onFiltersChanged}
-      onSortsChanged={onSortsChanged}
-      filterValuesLoader={loadFilterValues}
-      rows={rows}
-      loadCopyRows={loadCopyRows}
-      refresh={refresh}
-      onSelectionChange={onSelectionChange}
-      getAllIds={loadAllIds}
-      contextOverride={contextOverride}
-      {...props}
-    />
-  );
-};
-
-export const SmartQueryDataGrid = forwardRef(SmartQueryDataGridInner);

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

@@ -1,45 +0,0 @@
-import { ConditionDTO, FieldDTO } from '../../../services/smartQueries';
-import {
-  DataGridColumn,
-  DataGridFilter,
-  DataGridFilterType,
-  DataGridProps,
-} from '../DataGrid/types';
-
-import { SmartQueries } from '../../../services';
-
-export type SmartQueryDataGridFilter<
-  T extends DataGridFilterType = DataGridFilterType
-> = DataGridFilter<T> & {
-  field?: FieldDTO;
-};
-
-export type SmartQueryDataGridFilters = Record<
-  string,
-  SmartQueryDataGridFilter
->;
-
-export type SmartQueryDataGridColumn<R> = DataGridColumn<R> & {
-  filter?: SmartQueryDataGridFilter;
-  field?: FieldDTO;
-  filterField?: string;
-  sortField?: string;
-  ignore?: boolean;
-};
-
-export type SmartQueryDataGridColumns<R> = Record<
-  string,
-  SmartQueryDataGridColumn<R>
->;
-
-export type SmartQueryDataGridProps<R> = Omit<
-  DataGridProps<R>,
-  'rows' | 'columns'
-> & {
-  columns: SmartQueryDataGridColumns<R>;
-  type: string;
-  // orderBy?: OrderByDTO[];
-  conditions?: ConditionDTO[];
-  initialFooters?: Record<string, SmartQueries.FooterFunction>;
-  parser?: (row: SmartQueries.RequestRow<R>) => R;
-};

package/src/components/forms/Form/InputWithLabel.tsx

@@ -1,18 +0,0 @@
-import { InputContainer } from './styles';
-import { InputContainerProps } from './types';
-
-export const InputWithLabel = ({
-  label,
-  icon: Icon,
-  children,
-}: InputContainerProps) => (
-  <InputContainer>
-    {(label || Icon) && (
-      <span>
-        {Icon && <Icon />}
-        {label}
-      </span>
-    )}
-    {children}
-  </InputContainer>
-);

package/src/components/forms/Form/types.ts

@@ -1,7 +0,0 @@
-import { IconFC } from '../../../Icons';
-import { PropsWithChildren } from 'react';
-
-export type InputContainerProps = PropsWithChildren<{
-  label?: string;
-  icon?: IconFC;
-}>;