asb_cloud_front/src/components/Table/index.ts

export { Table } from 'antd'
export { EditableTable } from './EditableTable'
export { DatePickerWrapper } from './DatePickerWrapper'
export { SelectFromDictionary } from './SelectFromDictionary'

export const RegExpIsFloat = /^[-+]?\d+\.?\d*$/
export const formatDate='YYYY.MM.DD HH:mm'

export const numericColumnOptions = {
  editable: true,
  initialValue: 0,
  width:100,
  formItemRules: [
    {
      required: true,
      message: `Введите число`,
      pattern: RegExpIsFloat,
    },
  ],
};

/*
other - объект с дополнительными свойствами колонки
поддерживаются все базовые свойства из описания https://ant.design/components/table/#Column
плю дополнительные для колонок EditableTable: */
interface columnPropsOther {
  // редактируемая колонка
  editable?: boolean
  // react компонента редактора
  input?: any
  // значение может быть пустым
  isRequired?: boolean
  // css класс для <FormItem/>, если требуется
  formItemClass?: string
  // массив правил валидации значений https://ant.design/components/form/#Rule
  formItemRules?: any[]
  // дефолтное значение при добавлении новой строки
  initialValue?: string|number
}

export const makeColumn = (title:string|any, key:string, other?:columnPropsOther) => ({
  title: title,
  key: key,
  dataIndex: key,
  ...other,
})

export const makeColumnsPlanFact = (title:string|any, key:string|string[], columsOther?:any|any[], gruopOther?:any) =>
{
  let keyPlanLocal = key
  let keyFactLocal = key
  
  if(key instanceof Array){    
    keyPlanLocal = key[0]
    keyFactLocal =  key[1]
  }else{
    keyPlanLocal = key + 'Plan'
    keyFactLocal =  key + 'Fact'
  }

  let columsOtherLoacl :any[2]
  if(columsOther instanceof Array)
    columsOtherLoacl = [columsOther[0], columsOther[1]]
  else
    columsOtherLoacl = [columsOther, columsOther]

  return {  
    title: title,
    ...gruopOther,
    children: [
      makeColumn('план', keyPlanLocal, columsOtherLoacl[0]),
      makeColumn('факт', keyFactLocal, columsOtherLoacl[1]),
    ]
  }
}

const maxPrefix = "isMax"
const minPrefix = "isMin"

export const makeFilterMinMaxFunction = (key: string | number) => (filterValue: string | number, 
  dataItem: any) =>
    filterValue === "max"
      ? dataItem[maxPrefix + key]
      : filterValue === "min"
      ? dataItem[minPrefix + key]
      : false

export const makeFilterTextMatch = (key: string | number) => (filterValue: string | number, dataItem: any) =>
  dataItem[key] === filterValue

export const makeNumericSorter = (key: any) => (a: any, b: any) => a[key] - b[key]

export const makeStringSorter = (key: any) => (a: any, b: any) => 
{
for (let i = 0; i < a.length; i++) {
  if (isNaN(b.charCodeAt(i)) || (a.charCodeAt(i) > b.charCodeAt(i)))
    return 1

  if (a.charCodeAt(i) > b.charCodeAt(i))
    return -1
}
return 0
}

export const makeGroupColumn = (title: any, children: any) => ({  
  title: title,
  children: children,
})

export const makeTextColumn = (title: any, dataIndex: any, filters: any, sorter: any, render: any, other: any) => ({  
  title: title,
  dataIndex: dataIndex,
  key: dataIndex,
  filters: filters,
  onFilter: filters ? makeFilterTextMatch(dataIndex) : null,
  sorter: sorter ? makeStringSorter(dataIndex) : null,
  render: render,
  ...other
})

export const makeNumericColumn = (title: any, dataIndex: any, filters: any, width: string) => ({  
  title: title,
  dataIndex: dataIndex,
  key: dataIndex,
  filters: filters,
  onFilter: makeFilterMinMaxFunction(dataIndex),
  sorter: makeNumericSorter(dataIndex),
  width: width
})

export const makeNumericColumnPlanFact = (title: any, dataIndex: any, filters: any, width: string) => 
  makeGroupColumn( title, [
    makeNumericColumn('п', dataIndex + 'Plan', filters, width),
    makeNumericColumn('ф', dataIndex + 'Fact', filters, width),
  ])

type PaginationContainer = {
  skip?: number;
  take?: number;
  count?: number;
  items?: any[] | null;
}

export const makePaginationObject = (paginationContainer:PaginationContainer, ...other:any) => {
  let page = 1 + Math.floor((paginationContainer.skip??0) /(paginationContainer.take??1));
  return {
    ...other,
    pageSize: paginationContainer.take,
    total: paginationContainer.count ?? paginationContainer.items?.length ?? 0,
    current: page,
  }
}