@tsed/react-formio 2.3.1 → 3.0.0-alpha.1

package/dist/components/table/hooks/useCustomTable.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCustomTable.hook.js","sources":["../../../../src/components/table/hooks/useCustomTable.hook.tsx"],"sourcesContent":["import noop from \"lodash/noop\";\nimport { ComponentType, CSSProperties, PropsWithChildren, useEffect, useState } from \"react\";\nimport {\n  Cell,\n  CellProps,\n  Column,\n  FilterProps,\n  Renderer,\n  TableOptions,\n  useFilters,\n  useGroupBy,\n  usePagination,\n  useSortBy,\n  useTable\n} from \"react-table\";\n\nimport { OnClickOperation, Operation, QueryOptions } from \"../../../interfaces\";\nimport { Pagination as DefaultPagination } from \"../../pagination/pagination.component\";\nimport { DefaultArrowSort } from \"../components/defaultArrowSort.component\";\nimport { DefaultCellHeader, DefaultCellHeaderProps } from \"../components/defaultCellHeader.component\";\nimport { DefaultRow, DefaultRowProps } from \"../components/defaultRow.component\";\nimport { DefaultColumnFilter } from \"../filters/defaultColumnFilter.component\";\nimport { swapElements } from \"../utils/swapElements\";\nimport { useOperations } from \"./useOperations.hook\";\n\nexport interface ExtraColumnProps {\n  colspan?: number;\n  hidden?: boolean;\n  className?: string;\n  style?: CSSProperties;\n}\n\nexport type ExtendedColumn<Data extends object = any> = Column<Data> & ExtraColumnProps;\n\nexport type ExtendedCell<Data extends object = any> = Cell<Data, any> & {\n  column: ExtraColumnProps;\n};\n\nexport interface TableProps<Data extends object = any> extends TableOptions<Data>, Partial<QueryOptions> {\n  /**\n   * extended columns interface\n   */\n  columns: ReadonlyArray<ExtendedColumn<Data>>;\n\n  className?: string;\n  /**\n   * Call the listener when a filter / pagination  / sort change.\n   */\n  onChange?: (query: QueryOptions) => void;\n  /**\n   * Call the listener when a line is clicked.\n   */\n  onClick?: OnClickOperation<Data>;\n  /**\n   * Pagination steps list\n   */\n  pageSizes?: number[];\n  /**\n   * Total length of the data\n   */\n  totalLength?: number;\n  /**\n   *\n   */\n  isLoading?: boolean;\n  /**\n   * Custom EmptyData displayed when there is no data\n   */\n  EmptyData?: ComponentType;\n  /**\n   * Custom ArrowSort\n   */\n  ArrowSort?: ComponentType;\n  /**\n   * Custom default ColumnFilter\n   */\n  ColumnFilter?: Renderer<FilterProps<Data>>;\n  /**\n   * Custom cell\n   */\n  Cell?: ComponentType<CellProps<Data>>;\n  /**\n   * Custom Row\n   */\n  Row?: ComponentType<DefaultRowProps<Data>>;\n  /**\n   *\n   */\n  CellHeader?: ComponentType<DefaultCellHeaderProps<Data>>;\n  /**\n   *\n   */\n  CellOperations?: ComponentType;\n  /**\n   * Custom Loader\n   */\n  Loader?: ComponentType;\n  /**\n   * Custom Loader\n   */\n  Pagination?: ComponentType;\n  /**\n   * Disable filters\n   */\n  disableFilters?: boolean;\n  /**\n   * Disable pagination\n   */\n  disablePagination?: boolean;\n  manualPagination?: boolean;\n  manualSortBy?: boolean;\n  manualFilters?: boolean;\n  /**\n   * Configuration operation for each line.\n   */\n  operations?: Operation[];\n\n  i18n?: (f: string) => string;\n\n  /**\n   * Enable drag and drop rows\n   */\n  enableDragNDrop?: boolean;\n  onDrag?: (data: Data[]) => void;\n  onDrop?: (item: Data) => void;\n}\n\nexport function getOperationCallback(operations: Operation[], onClick: OnClickOperation) {\n  return (data: any, action: string) => {\n    const operation = operations.find((operation) => operation.action === action || operation.alias === action);\n    if (operation) {\n      onClick(data, operation);\n    }\n  };\n}\n\nfunction DefaultLoader() {\n  return <div className={\"text-center p-2 pb-4 font-bold\"}>Loading in progress</div>;\n}\n\nfunction DefaultEmptyData() {\n  return <div className='text-center p-2 pb-4 font-bold'>No data found</div>;\n}\n\nconst hooks = [useFilters, useGroupBy, useSortBy, usePagination];\n\nexport function useCustomTable<Data extends object = {}>(props: PropsWithChildren<TableProps<Data>>) {\n  const {\n    children,\n    className = \"\",\n    columns,\n    data,\n    onChange = noop,\n    onClick = noop,\n    onDrag = noop,\n    onDrop = noop,\n    operations = [],\n    pageSizes = [10, 25, 50, 100],\n    filters: controlledFilters,\n    filterId: controlledFilterId,\n    pageSize: controlledPageSize,\n    pageIndex: controlledPageIndex,\n    totalLength,\n    sortBy: controlledSortBy,\n    isLoading,\n    disableFilters,\n    disablePagination,\n    ArrowSort = DefaultArrowSort,\n    ColumnFilter = DefaultColumnFilter,\n    EmptyData = DefaultEmptyData,\n    Loader = DefaultLoader,\n    Pagination = DefaultPagination,\n    Row = DefaultRow,\n    CellHeader = DefaultCellHeader as any,\n    CellOperations,\n    i18n = (f: string) => f,\n    ...ctx\n  } = props;\n\n  const _onClick = getOperationCallback(operations, onClick);\n\n  const defaultColumn = {\n    Filter: ColumnFilter,\n    ArrowSort\n  };\n\n  const [filterId, setFilterId] = useState(controlledFilterId);\n\n  // DND\n  const [records, setRecords] = useState<readonly Data[]>(data);\n\n  useEffect(() => {\n    setRecords(data);\n  }, [data]);\n\n  const _onDrag = (dragIndex: number, hoverIndex: number) => {\n    const newRecords = swapElements([...records], dragIndex, hoverIndex);\n\n    setRecords(newRecords);\n\n    onDrag(newRecords);\n  };\n\n  const tableInstance = useTable<Data>(\n    {\n      ...props,\n      columns,\n      data,\n      ctx,\n      defaultColumn,\n      // getRowId,\n      initialState: {\n        ...(props.initialState || {}),\n        filters: controlledFilters || [],\n        pageIndex: controlledPageIndex || 0,\n        pageSize: controlledPageSize || 10,\n        sortBy: controlledSortBy || []\n      } as any,\n      manualPagination: props.manualPagination === undefined ? true : props.manualPagination,\n      manualSortBy: props.manualSortBy === undefined ? true : props.manualPagination,\n      manualFilters: props.manualFilters === undefined ? true : props.manualFilters,\n      disableFilters,\n      filterId,\n      setFilterId\n    } as any,\n    ...hooks,\n    useOperations({ operations, CellOperations, onClick: _onClick, ctx, i18n })\n  );\n\n  const {\n    setPageSize,\n    state: { pageIndex, pageSize, sortBy, filters }\n  } = tableInstance;\n\n  useEffect(() => {\n    onChange({\n      pageIndex,\n      pageSize,\n      sortBy,\n      filters,\n      filterId\n    });\n  }, [onChange, pageIndex, pageSize, sortBy, filters, filterId]);\n\n  return {\n    className,\n    tableInstance,\n    CellHeader,\n    isLoading,\n    Loader,\n    EmptyData,\n    Row,\n    data,\n    disablePagination,\n    Pagination,\n    pageIndex,\n    pageSize,\n    pageSizes,\n    totalLength,\n    setPageSize,\n    i18n,\n    children,\n    onClick: _onClick as any,\n    onDrag: _onDrag,\n    onDrop: onDrop,\n    enableDragNDrop: props.enableDragNDrop\n  };\n}\n"],"names":["getOperationCallback","operations","onClick","data","action","operation","DefaultLoader","jsx","DefaultEmptyData","hooks","useFilters","useGroupBy","useSortBy","usePagination","useCustomTable","props","children","className","columns","onChange","noop","onDrag","onDrop","pageSizes","controlledFilters","controlledFilterId","controlledPageSize","controlledPageIndex","totalLength","controlledSortBy","isLoading","disableFilters","disablePagination","ArrowSort","DefaultArrowSort","ColumnFilter","DefaultColumnFilter","EmptyData","Loader","Pagination","DefaultPagination","Row","DefaultRow","CellHeader","DefaultCellHeader","CellOperations","i18n","f","ctx","_onClick","defaultColumn","filterId","setFilterId","useState","records","setRecords","useEffect","_onDrag","dragIndex","hoverIndex","newRecords","swapElements","tableInstance","useTable","useOperations","setPageSize","pageIndex","pageSize","sortBy","filters"],"mappings":"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"}