@propellerads/table 4.2.0 → 4.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/dist/index.d.ts +1 -0
- package/dist/table.cjs.development.js +35 -18
- package/dist/table.cjs.development.js.map +1 -1
- package/dist/table.cjs.production.min.js +1 -1
- package/dist/table.cjs.production.min.js.map +1 -1
- package/dist/table.esm.js +36 -19
- package/dist/table.esm.js.map +1 -1
- package/dist/types.d.ts +2 -1
- package/package.json +2 -2
- package/src/index.tsx +18 -14
- package/src/style.tsx +4 -3
- package/src/types.tsx +3 -2
- package/src/useLoadingState.tsx +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.cjs.production.min.js","sources":["../src/types.tsx","../src/useTableShadow.tsx","../src/propsGetter.tsx","../src/style.tsx","../src/index.tsx","../src/useLoadingState.tsx"],"sourcesContent":["import React, {FunctionComponent, ReactElement, ReactNode} from 'react';\nimport {\n Cell,\n CellPropGetter,\n Column,\n FooterGroupPropGetter,\n FooterPropGetter,\n HeaderGroup,\n HeaderGroupPropGetter,\n Hooks,\n Meta,\n Row,\n RowPropGetter,\n TableBodyPropGetter,\n TablePropGetter, TableState,\n UsePaginationInstanceProps, UsePaginationOptions,\n UsePaginationState,\n UseRowSelectInstanceProps,\n UseRowSelectState, UseSortByColumnProps, UseRowSelectRowProps,\n UseSortByInstanceProps, UseSortByOptions,\n UseTableOptions, HeaderPropGetter,\n} from 'react-table';\n\nexport type DefaultObject = Record<string, string | number | unknown>;\n\nexport type LoadingState = {\n loadingColumns?: Column[],\n loadingData: any[],\n}\n\nexport enum FOOTER_PLACEMENT {\n TOP = 'top',\n BOTTOM = 'bottom'\n}\n\nexport type PaginationProps = {\n paginationAmount?: string | ReactNode | ReactElement,\n parentElementId: string,\n labelPerPage?: string,\n pageSizes?: Array<string | number>,\n pageIndex: number,\n perPage: number,\n totalPages: number,\n totalItems: number,\n canNextPage: boolean,\n canPreviousPage: boolean,\n nextPageHandler: () => void,\n previousPageHandler: () => void,\n setPageSize: (size: number) => void,\n gotoPage: (page: number) => void,\n}\n\nexport type ControlledPagination = {\n paginationAmount: string | ReactNode | ReactElement,\n pageSize: number,\n pageIndex: number,\n pageCount: number,\n}\n\nexport type TableProps = {\n columns: Array<Column<DefaultObject>>,\n data: [],\n totalItems?: number,\n PaginationComponent: React.FunctionComponent<PaginationProps>,\n initialState: Partial<TableState<DefaultObject>>,\n fetchData?: (params: { pageIndex: number, pageSize: number }) => void,\n onSortedChange?: (id: string, isDesc: boolean) => void,\n isLoading?: boolean,\n footerPlacement?: Array<FOOTER_PLACEMENT>,\n hasDefaultPagination?: boolean,\n onSelectRowsChange?: (rows: Array<DefaultObject>) => void,\n controlledPagination?: ControlledPagination,\n loadingMessage?: string,\n labelPerPage?: string,\n parentElementId?: string,\n tableContentId?: string,\n getRowPreProps?: (row: Row) => DefaultObject,\n getTableProps?: TableGetter,\n getHeaderGroupProps?: ElementGetter,\n getHeaderProps?: ElementGetter,\n getRowProps?: ElementGetter,\n getCellProps?: ElementGetter,\n getFooterProps?: ElementGetter,\n getFooterGroupProps?: ElementGetter,\n showLoadingState?: boolean,\n LoadingCellComponent?: FunctionComponent<DefaultObject>\n}\n\nexport type TableOptions = {\n columns: Array<Column<DefaultObject>>,\n data: Array<DefaultObject>,\n initialState: {\n pageIndex?: number,\n pageSize?: number,\n },\n disableSortRemove: boolean,\n disableMultiSort: boolean,\n disableMultiRemove: boolean,\n manualSortBy?: boolean,\n autoResetPage?: boolean,\n manualPagination?: boolean,\n pageCount?: number,\n}\n\nexport type MetaProps = {\n column?: HeaderGroup<DefaultObject>,\n cell?: Cell,\n}\n\nexport type BaseMeta = Meta<DefaultObject, MetaProps>\n\nexport type TableGetter = (props: DefaultObject) => DefaultObject;\n\nexport type ElementGetter = (props: DefaultObject, meta: BaseMeta) => DefaultObject;\n\nexport type ElementCellPropGetter = CellPropGetter<DefaultObject>\n\nexport type ElementRowPropGetter = RowPropGetter<DefaultObject>\n\nexport type ElementHeaderFooterPropGetter = FooterGroupPropGetter<DefaultObject> |\n HeaderGroupPropGetter<DefaultObject> |\n FooterPropGetter<DefaultObject>\n\nexport type GetTableContainerPropsGetter = (userGetter?: TableGetter, getter?: TableGetter) =>\n TablePropGetter<DefaultObject> | TableBodyPropGetter<DefaultObject>\n\nexport type GetTableElementPropsGetter<T> = (userGetter?: ElementGetter, getter?: ElementGetter) => T\n\nexport type GetTableElementInternalPropsGetter =\n (internalProps: DefaultObject, userGetter?: ElementGetter, getter?: ElementGetter) =>\n HeaderPropGetter<DefaultObject>\n\nexport type ColumnWithSort = HeaderGroup<DefaultObject> & Partial<UseSortByColumnProps<DefaultObject>>\n\nexport type StandardColumn = Column<DefaultObject>\n\nexport type StandardRow = Row<DefaultObject>\n\nexport type SelectableRow = Row<{ id: string }> & UseRowSelectRowProps<DefaultObject>\n\nexport type StandardCell = Cell<DefaultObject>\n\nexport type SelectableRowInstanceProps = UseRowSelectInstanceProps<DefaultObject>\n\nexport type StandardHooks = Hooks<DefaultObject>\n\nexport type TableHooksInstanceProps =\n UseSortByInstanceProps<DefaultObject> &\n UsePaginationInstanceProps<DefaultObject> &\n UseRowSelectInstanceProps<DefaultObject> &\n { state: UseRowSelectState<DefaultObject> & UsePaginationState<DefaultObject>};\n\nexport type TableOptionsProps =\n UseTableOptions<DefaultObject> & UseSortByOptions<DefaultObject> & UsePaginationOptions<DefaultObject> &\n { initialState: Partial<TableState<DefaultObject>> & Partial<UsePaginationState<DefaultObject>> }\n\nexport class Table extends React.Component<Partial<TableProps>> {}\n","// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport {useEffect} from 'react';\n\nconst TABLE_SHADOW_CLASS_NAME = {\n LEFT: 'shadow_left',\n RIGHT: 'shadow_right',\n};\n\nfunction changeClassName(tableWrapperNode: Element, newClassNameList: string[]) {\n const {classList} = tableWrapperNode;\n\n classList.remove(TABLE_SHADOW_CLASS_NAME.LEFT, TABLE_SHADOW_CLASS_NAME.RIGHT);\n classList.add(...newClassNameList);\n}\n\nfunction calculateNewClassNames(tableNode, tableWrapperNode) {\n if (!tableNode || !tableWrapperNode) {\n return;\n }\n\n const tableRect = tableNode.getBoundingClientRect();\n const tableWrapperRect = tableWrapperNode.getBoundingClientRect();\n const newClassName = [];\n\n const tableRectLeft = Math.floor(tableRect.left);\n const tableRectRight = Math.floor(tableRect.right);\n const tableWrapperRectLeft = Math.floor(tableWrapperRect.left);\n const tableWrapperRectRight = Math.floor(tableWrapperRect.right);\n\n if (tableRectLeft < tableWrapperRectLeft) {\n newClassName.push(TABLE_SHADOW_CLASS_NAME.LEFT);\n }\n\n if (tableRectRight > tableWrapperRectRight) {\n newClassName.push(TABLE_SHADOW_CLASS_NAME.RIGHT);\n }\n\n changeClassName(tableWrapperNode, newClassName);\n}\n\nexport default (tableRef, tableWrapperRef) => {\n useEffect(() => {\n let ticking = false;\n\n function onMousewheel() {\n if (ticking) {\n return;\n }\n\n window.requestAnimationFrame(() => {\n calculateNewClassNames(tableRef.current, tableWrapperRef.current);\n ticking = false;\n });\n\n ticking = true;\n }\n\n calculateNewClassNames(tableRef.current, tableWrapperRef.current);\n\n tableRef?.current?.addEventListener('mousewheel', onMousewheel);\n window.addEventListener('resize', onMousewheel);\n\n return () => {\n tableRef?.current?.removeEventListener('mousewheel', onMousewheel);\n window.removeEventListener('resize', onMousewheel);\n };\n }, [tableRef.current, tableWrapperRef.current]);\n};\n","import {\n ElementGetter,\n BaseMeta,\n TableGetter,\n ElementCellPropGetter,\n ElementRowPropGetter,\n DefaultObject,\n ElementHeaderFooterPropGetter,\n GetTableElementPropsGetter,\n GetTableContainerPropsGetter,\n GetTableElementInternalPropsGetter,\n} from './types';\n\nexport const defaultGetter: ElementGetter = (props) => props;\n\nexport const cellGetter: ElementGetter = (props, {cell}) => ({\n ...props,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n align: cell?.column?.align,\n});\nexport const mainCellGetter: ElementGetter = (props, {column}) => ({\n ...props,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n align: column?.align,\n});\n\nexport const getTableProps: GetTableContainerPropsGetter = (userGetter, getter = defaultGetter as TableGetter) => {\n if (userGetter) {\n return (props) => ({\n ...getter(props),\n ...userGetter(props),\n });\n }\n\n return getter;\n};\n\nexport const getTableElementProps:\n GetTableElementPropsGetter<ElementHeaderFooterPropGetter> = (userGetter, getter = defaultGetter) => {\n if (userGetter) {\n return (props, meta) => ({\n ...getter(props, meta),\n ...userGetter(props, meta),\n });\n }\n\n return getter;\n };\n\nexport const getTableRowProps:\n GetTableElementPropsGetter<ElementRowPropGetter> = (userGetter, getter = defaultGetter) => {\n if (userGetter) {\n return (props, meta) => ({\n ...getter(props, meta),\n ...userGetter(props, meta),\n });\n }\n\n return getter;\n };\n\nexport const getTableCellProps:\n GetTableElementPropsGetter<ElementCellPropGetter> = (userGetter, getter = defaultGetter) => {\n if (userGetter) {\n return (props, meta) => ({\n ...getter(props, meta),\n ...userGetter(props, meta),\n });\n }\n\n return getter;\n };\n\nexport const getTableElementInternalProps:\n GetTableElementInternalPropsGetter = (internalProps, userGetter, getter = defaultGetter) => {\n if (userGetter) {\n return (props, meta) => ({\n ...getter({...props, ...internalProps}, meta),\n ...userGetter(props, meta),\n });\n }\n\n return (props: DefaultObject, meta: BaseMeta) => getter({...props, ...internalProps}, meta);\n };\n","/* eslint max-len: off */\nimport styled, {\n keyframes, css, CSSObject,\n} from 'styled-components';\nimport {\n fontNormal,\n white,\n black,\n spacing,\n gray80,\n gray95,\n} from '@propellerads/stylevariables';\n\nconst loadingAnimation = keyframes`\n from {\n background-position-x: 0;\n }\n 50% {\n background-position-x: 100%;\n }\n 100% {\n background-position-x: 0;\n }\n`;\n\nexport const TableLoading = styled.div`\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background: rgba(255, 255, 255, 0.8);\n transition: all 0.3s ease;\n z-index: -1;\n opacity: 0;\n pointer-events: none;\n \n ${(props: { isLoading: boolean }) => props.isLoading && css`\n opacity: 1;\n z-index: 2;\n pointer-events: all;\n `}\n`;\n\nexport const TableLoadingInner = styled.div`\n position: absolute;\n display: block;\n text-align: center;\n width: 100%;\n top: 50%;\n left: 0;\n color: rgba(0, 0, 0, 0.6);\n transform: translateY(-52%);\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n`;\n\nexport const TableWrapper = styled.div`\n position: relative;\n overflow: hidden;\n \n &::before {\n bottom: 10px;\n content: '';\n opacity: 0;\n pointer-events: none;\n position: absolute;\n width: 10px;\n height: 100%;\n top: 0;\n left: -10px;\n box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);\n transition: 0.3s opacity;\n }\n\n &::after {\n bottom: 10px;\n content: '';\n opacity: 0;\n pointer-events: none;\n width: 10px;\n height: 100%;\n position: absolute;\n top: 0;\n right: -10px;\n box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);\n transition: 0.3s opacity;\n }\n \n &.shadow_left {\n &::before {\n opacity: 1 !important;\n }\n }\n \n &.shadow_right {\n &::after {\n opacity: 1 !important;\n }\n }\n`;\n\nexport const TableRoot = styled.div`\n font-size: ${fontNormal}px;\n position: relative;\n display: flex;\n flex-direction: column;\n border: 0;\n`;\n\nexport const TableContent = styled.div`\n display: block;\n max-width: 100%;\n overflow-x: scroll;\n overflow-y: hidden;\n`;\n\nexport const TableCore = styled.div`\n flex: auto 1;\n display: flex;\n flex-direction: column;\n align-items: stretch; \n border-collapse: collapse;\n width: max-content;\n`;\n\nexport const HeadCell = styled.div`\n display: inline-flex;\n`;\n\nexport const TD = styled.div`\n white-space: nowrap;\n text-overflow: ellipsis;\n line-height: 1.3rem;\n padding: 7px 4px;\n overflow: hidden;\n transition: width 0.3s ease 0s, min-width, padding, opacity;\n \n ${({align}: { align?: CSSObject, colSpan?: number }) => align && css`\n text-align: ${align}`\n}\n`;\n\nexport const EmptyStateCell = styled.div`\n width: 100%;\n height: ${spacing * 4}px;\n background: linear-gradient(to left, ${gray95}, ${white}, ${gray95});\n background-size: 200% 200%;\n animation: ${loadingAnimation} 1.6s linear infinite;\n`;\n\nexport const TH = styled.div`\n padding: 0 4px;\n line-height: normal;\n position: relative;\n transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;\n color: rgb(0, 0, 0);\n font-weight: 500;\n outline: none;\n`;\n\nexport const THead = styled.div`\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n user-select: none;\n \n ${TH}, ${TD} {\n padding: 0 4px;\n line-height: normal;\n position: relative;\n transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n color: ${black};\n font-weight: 500;\n outline: none;\n }\n`;\n\nexport const TRGroup = styled.div`\n display: flex;\n flex: 1 0 auto;\n box-shadow: inset 0 -1px 0 0 ${gray95};\n`;\n\nexport const TR = styled.div`\n flex: 1 0 auto;\n display: inline-flex;\n padding: 0;\n -webkit-box-align: center;\n align-items: center;\n`;\n\nexport const TBody = styled.div`\n border-top: 1px solid ${gray80};\n margin-top: ${spacing * 2}px;\n`;\n\nexport const TFoot = styled.div`\n background: ${gray95};\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n`;\n","import React, {\n FunctionComponent,\n useEffect,\n useMemo,\n useRef,\n} from 'react';\nimport {\n useSortBy,\n useTable,\n useRowSelect,\n usePagination,\n useBlockLayout,\n Column,\n} from 'react-table';\n\nimport {\n ArrowDownFull, ArrowUp, COLOR, SIZE,\n} from '@propellerads/icon';\nimport Checkbox from '@propellerads/input-checkbox';\n\nimport useLoadingState from './useLoadingState';\nimport useTableShadow from './useTableShadow';\n\nimport {\n FOOTER_PLACEMENT,\n TableProps,\n PaginationProps,\n StandardHooks,\n StandardColumn,\n StandardRow,\n StandardCell,\n ColumnWithSort,\n TableHooksInstanceProps,\n SelectableRowInstanceProps,\n TableOptionsProps,\n SelectableRow,\n DefaultObject,\n} from './types';\n\nimport {\n getTableProps as getTableBodyProps,\n getTableElementProps,\n getTableElementInternalProps,\n cellGetter,\n mainCellGetter,\n getTableCellProps,\n getTableRowProps,\n} from './propsGetter';\n\nimport {\n TableRoot,\n TableWrapper,\n TableContent,\n HeadCell,\n TableLoading,\n TableLoadingInner,\n TD,\n TableCore,\n THead,\n TR,\n TH,\n TBody,\n TRGroup,\n TFoot,\n EmptyStateCell,\n} from './style';\n\nexport const defaultProps = {\n hasDefaultPagination: false,\n isLoading: false,\n footerPlacement: [],\n loadingMessage: 'loading...',\n labelPerPage: 'Show rows',\n parentElementId: 'parent-element',\n tableContentId: '',\n showLoadingState: false,\n LoadingCellComponent: EmptyStateCell,\n getRowPreProps: () => ({}),\n};\n\ntype DefaultProps = Readonly<typeof defaultProps>;\n\nconst disableSortRemove = true;\nconst disableMultiSort = true;\nconst disabledMultiRemove = true;\n\nconst DEFAULT_PAGE_INDEX = 0;\nconst DEFAULT_PAGE_SIZE = 10;\n\nfunction isFunction(reference?: (arg1?: any, arg2?: any) => void) {\n return typeof reference === 'function';\n}\n\nfunction getHeadContent(column: ColumnWithSort) {\n if (column.isSorted && column.isSortedDesc) {\n return (\n <HeadCell>\n {column.render('Header')}\n <ArrowDownFull\n size={SIZE.SMALL}\n color={COLOR.GRAY_DARK}\n />\n </HeadCell>\n );\n }\n\n if (column.isSorted && !column.isSortedDesc) {\n return (\n <HeadCell>\n {column.render('Header')}\n <ArrowUp\n size={SIZE.SMALL}\n color={COLOR.GRAY_DARK}\n />\n </HeadCell>\n );\n }\n\n return column.render('Header');\n}\n\nconst Table: FunctionComponent<TableProps & DefaultProps> = (props) => {\n const {\n columns,\n data,\n totalItems,\n fetchData,\n controlledPagination,\n initialState,\n isLoading,\n loadingMessage,\n labelPerPage,\n footerPlacement,\n onSortedChange,\n hasDefaultPagination,\n onSelectRowsChange,\n parentElementId,\n tableContentId,\n LoadingCellComponent,\n PaginationComponent,\n getRowPreProps,\n getTableProps,\n getHeaderGroupProps,\n getHeaderProps,\n getRowProps,\n getCellProps,\n getFooterProps,\n getFooterGroupProps,\n showLoadingState,\n } = props;\n\n const memoColumns = useMemo(() => columns, [columns]);\n\n const {loadingColumns, loadingData} = useLoadingState(\n showLoadingState, isLoading, controlledPagination?.pageSize ?? DEFAULT_PAGE_SIZE, memoColumns, LoadingCellComponent,\n );\n\n const showLoading = showLoadingState && isLoading;\n const hasSelectedRowsAbility = onSelectRowsChange && isFunction(onSelectRowsChange);\n const hasManualSortBy = onSortedChange && isFunction(onSortedChange);\n const hasControlledPagination = fetchData && controlledPagination && Object.keys(controlledPagination).length > 0;\n\n const options: TableOptionsProps = {\n columns: showLoading ? (loadingColumns as Column<DefaultObject>[]) : memoColumns,\n data: showLoading ? loadingData : data,\n initialState,\n disableSortRemove,\n disableMultiSort,\n disabledMultiRemove,\n };\n\n if (hasManualSortBy) {\n options.manualSortBy = true;\n }\n\n if (hasControlledPagination) {\n if (typeof controlledPagination?.pageCount === 'undefined') {\n throw new Error('You have to pass pageCount in controlledPagination data');\n }\n\n options.initialState = {\n ...options.initialState,\n pageIndex: controlledPagination.pageIndex ?? DEFAULT_PAGE_INDEX,\n pageSize: controlledPagination.pageSize ?? DEFAULT_PAGE_SIZE,\n };\n\n options.autoResetPage = true;\n options.manualPagination = true;\n options.pageCount = controlledPagination.pageCount;\n }\n\n const useSelect = (hooks: StandardHooks) => {\n if (!hasSelectedRowsAbility) {\n return;\n }\n\n const newColumn = {\n id: 'selection',\n disableSortBy: true,\n Header: (instance: SelectableRowInstanceProps) => {\n const {getToggleAllRowsSelectedProps, toggleAllRowsSelected} = instance;\n\n return (\n <Checkbox\n elementId=\"all\"\n onChange={toggleAllRowsSelected}\n isChecked={getToggleAllRowsSelectedProps().checked}\n />\n );\n },\n Cell: ({row}: { row: SelectableRow }) => {\n const {\n id,\n original,\n toggleRowSelected,\n getToggleRowSelectedProps,\n } = row;\n\n const elementId = Number.isInteger(original.id) ? original.id : id;\n\n return (\n <Checkbox\n elementId={elementId}\n onChange={toggleRowSelected}\n isChecked={getToggleRowSelectedProps().checked}\n />\n );\n },\n };\n\n hooks.visibleColumns.push((tableColumns: Array<StandardColumn>) => ([\n newColumn,\n ...tableColumns,\n ]));\n };\n\n const {\n getTableProps: _getTableProps,\n headerGroups,\n footerGroups,\n setHiddenColumns,\n rows,\n prepareRow,\n visibleColumns,\n ...rest\n } = useTable(\n options,\n useBlockLayout,\n useSortBy,\n usePagination,\n useRowSelect,\n useSelect,\n );\n\n const {\n selectedFlatRows,\n setSortBy,\n page,\n canPreviousPage,\n canNextPage,\n pageCount,\n gotoPage,\n nextPage,\n previousPage,\n setPageSize,\n state: {selectedRowIds, pageIndex, pageSize},\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n } = rest as TableHooksInstanceProps;\n\n const tableRef = useRef(null);\n const tableWrapperRef = useRef(null);\n\n useTableShadow(tableRef, tableWrapperRef);\n\n useEffect(() => {\n if (!initialState?.hiddenColumns) {\n return;\n }\n\n setHiddenColumns(initialState.hiddenColumns);\n }, [initialState?.hiddenColumns]);\n\n useEffect(() => {\n if (hasSelectedRowsAbility) {\n onSelectRowsChange?.(selectedFlatRows?.map((row: StandardRow) => row.original));\n }\n }, [selectedRowIds]);\n\n let pagination: JSX.Element | null = null;\n\n if (hasDefaultPagination && hasControlledPagination) {\n // eslint-disable-next-line max-len\n throw new Error('You have to pass either hasDefaultPagination true boolean prop or pass fetchData callback and controlledPagination data');\n }\n\n if (hasControlledPagination || hasDefaultPagination) {\n const paginationData: PaginationProps = {\n setPageSize,\n gotoPage,\n canNextPage,\n canPreviousPage,\n parentElementId,\n labelPerPage,\n pageIndex,\n previousPageHandler: previousPage,\n nextPageHandler: nextPage,\n totalPages: pageCount,\n perPage: pageSize,\n totalItems: totalItems ?? data.length,\n };\n\n if (hasControlledPagination && controlledPagination) {\n paginationData.canNextPage = controlledPagination.pageIndex + 1 !== paginationData.totalPages;\n paginationData.canPreviousPage = controlledPagination.pageIndex !== 0;\n paginationData.pageIndex = controlledPagination.pageIndex;\n paginationData.perPage = controlledPagination.pageSize;\n\n paginationData.setPageSize = (newPageSize: number) => {\n fetchData?.({\n pageIndex: paginationData.pageIndex,\n pageSize: newPageSize,\n });\n };\n\n paginationData.gotoPage = (newPageIndex: number) => {\n fetchData?.({\n pageIndex: newPageIndex,\n pageSize: paginationData.perPage,\n });\n };\n\n paginationData.nextPageHandler = () => {\n const newPageIndex = paginationData.pageIndex + 1;\n paginationData.gotoPage(newPageIndex);\n };\n\n paginationData.previousPageHandler = () => {\n const newPageIndex = paginationData.pageIndex - 1;\n paginationData.gotoPage(newPageIndex);\n };\n\n if (controlledPagination?.paginationAmount) {\n paginationData.paginationAmount = controlledPagination.paginationAmount;\n }\n }\n\n pagination = (\n <PaginationComponent {...paginationData} />\n );\n }\n\n function extendSortByProps(column: ColumnWithSort) {\n const headerProps = column.getSortByToggleProps && column.getSortByToggleProps();\n\n delete headerProps?.style;\n\n if (hasManualSortBy && !column.canSort && headerProps) {\n headerProps.onClick = () => {\n onSortedChange?.(column.id, Boolean(column.isSortedDesc));\n setSortBy([{\n id: column.id,\n desc: !column.isSortedDesc,\n }]);\n };\n }\n\n return headerProps;\n }\n\n const tBodyTr = (hasControlledPagination || hasDefaultPagination) ? page : rows;\n\n return (\n <TableRoot>\n <TableLoading isLoading={!showLoadingState && isLoading}>\n <TableLoadingInner>\n {loadingMessage}\n </TableLoadingInner>\n </TableLoading>\n <TableWrapper ref={tableWrapperRef}>\n <TableContent id={tableContentId}>\n <TableCore {..._getTableProps(getTableBodyProps(getTableProps))} ref={tableRef}>\n <THead>\n {headerGroups.map((headerGroup) => (\n <TR {...headerGroup.getHeaderGroupProps(getTableElementProps(getHeaderGroupProps))}>\n {headerGroup.headers.map((column) => {\n const headerProps = extendSortByProps(column) as DefaultObject;\n\n return (\n <TH {...column.getHeaderProps(getTableElementInternalProps(\n headerProps, getHeaderProps, mainCellGetter,\n ))}\n >\n {getHeadContent(column)}\n </TH>\n );\n })}\n </TR>\n ))}\n </THead>\n {footerPlacement.includes(FOOTER_PLACEMENT.TOP) && (\n <TFoot>\n {footerGroups.map((group) => (\n <TR {...group.getFooterGroupProps(getTableElementProps(getFooterGroupProps))}>\n {group.headers.map((column) => (\n <TD {...column.getFooterProps(getTableElementProps(getFooterProps, mainCellGetter))}>\n {column.render('Footer')}\n </TD>\n ))}\n </TR>\n ))}\n </TFoot>\n )}\n <TBody>\n {tBodyTr.map((row: StandardRow) => {\n prepareRow(row);\n const {isDelimiterTd} = getRowPreProps(row);\n\n if (isDelimiterTd) {\n return (\n <TRGroup key={`group_${row.index}`}>\n <TR {...row.getRowProps(getTableRowProps(getRowProps))}>\n <TD\n colSpan={visibleColumns.length}\n {...row.cells[0].getCellProps(getTableCellProps(getCellProps, cellGetter))}\n >\n <strong>{row.cells[0].render('Cell')}</strong>\n </TD>\n </TR>\n </TRGroup>\n );\n }\n\n return (\n <TRGroup key={`group_${row.index}`}>\n <TR {...row.getRowProps(getTableRowProps(getRowProps))}>\n {row.cells.map((cell: StandardCell) => (\n <TD {...cell.getCellProps(getTableCellProps(getCellProps, cellGetter))}>\n {cell.render('Cell')}\n </TD>\n ))}\n </TR>\n </TRGroup>\n );\n })}\n </TBody>\n {footerPlacement.includes(FOOTER_PLACEMENT.BOTTOM) && (\n <TFoot>\n {footerGroups.map((group) => (\n <TR {...group.getFooterGroupProps(getTableElementProps(getFooterGroupProps))}>\n {group.headers.map((column) => (\n <TD {...column.getFooterProps(getTableElementProps(getFooterProps, mainCellGetter))}>\n {column.render('Footer')}\n </TD>\n ))}\n </TR>\n ))}\n </TFoot>\n )}\n </TableCore>\n </TableContent>\n </TableWrapper>\n {pagination}\n </TableRoot>\n );\n};\n\nTable.defaultProps = defaultProps;\n\nexport {Table};\n","import {FunctionComponent, useMemo} from 'react';\nimport {Column} from 'react-table';\nimport {DefaultObject, LoadingState} from './types';\n\nconst useLoadingState = (\n showLoadingState: boolean,\n loading: boolean,\n pageSize: number,\n columns: Column<DefaultObject>[],\n LoadingCellComponent: FunctionComponent<DefaultObject>,\n): LoadingState => {\n const loadingColumns: Column<DefaultObject>[] | undefined = useMemo(() => (showLoadingState && loading ? columns\n .map(({maxWidth, width, Header}: Column, key: number) => {\n const column: Column<DefaultObject> = {\n Cell: LoadingCellComponent,\n accessor: `empty_${key}`,\n };\n if (maxWidth) {\n column.maxWidth = maxWidth;\n }\n if (width) {\n column.width = width;\n }\n if (Header) {\n column.Header = Header;\n }\n\n return column;\n }) : []), [columns, loading, showLoadingState]);\n\n const loadingData = useMemo(() => {\n if (showLoadingState && loading && columns && columns.length > 0) {\n const dataObject: DefaultObject = {};\n const dataArray: DefaultObject[] = [];\n\n for (let i = 0; i < columns.length; i += 1) {\n dataObject[`empty_${i}`] = '';\n }\n for (let i = 0; i < pageSize; i += 1) {\n dataArray.push(dataObject);\n }\n\n return dataArray;\n }\n\n return [];\n }, [columns, loading, pageSize, showLoadingState]);\n\n return {\n loadingColumns,\n loadingData,\n };\n};\n\nexport default useLoadingState;\n"],"names":["FOOTER_PLACEMENT","calculateNewClassNames","tableNode","tableWrapperNode","tableRect","getBoundingClientRect","tableWrapperRect","newClassName","tableRectLeft","Math","floor","left","tableRectRight","right","tableWrapperRectLeft","tableWrapperRectRight","push","newClassNameList","classList","remove","add","changeClassName","defaultGetter","props","cellGetter","cell","align","column","_cell$column","mainCellGetter","getTableElementProps","userGetter","getter","meta","getTableCellProps","loadingAnimation","keyframes","TableLoading","styled","div","isLoading","css","TableLoadingInner","TableWrapper","TableRoot","fontNormal","TableContent","TableCore","HeadCell","TD","EmptyStateCell","spacing","gray95","white","TH","THead","black","TRGroup","TR","TBody","gray80","TFoot","defaultProps","hasDefaultPagination","footerPlacement","loadingMessage","labelPerPage","parentElementId","tableContentId","showLoadingState","LoadingCellComponent","getRowPreProps","isFunction","reference","Table","columns","data","totalItems","fetchData","controlledPagination","initialState","onSortedChange","onSelectRowsChange","PaginationComponent","getTableProps","getHeaderGroupProps","getHeaderProps","getRowProps","getCellProps","getFooterProps","getFooterGroupProps","memoColumns","useMemo","loading","pageSize","loadingColumns","map","key","maxWidth","width","Header","Cell","accessor","loadingData","length","dataObject","dataArray","i","useLoadingState","showLoading","hasSelectedRowsAbility","hasManualSortBy","hasControlledPagination","Object","keys","options","disableSortRemove","disableMultiSort","disabledMultiRemove","manualSortBy","pageCount","Error","pageIndex","autoResetPage","manualPagination","useTable","useBlockLayout","useSortBy","usePagination","useRowSelect","hooks","newColumn","id","disableSortBy","instance","React","Checkbox","elementId","onChange","toggleAllRowsSelected","isChecked","getToggleAllRowsSelectedProps","checked","row","original","toggleRowSelected","getToggleRowSelectedProps","Number","isInteger","visibleColumns","tableColumns","_getTableProps","headerGroups","footerGroups","setHiddenColumns","rows","prepareRow","rest","selectedFlatRows","setSortBy","page","canPreviousPage","canNextPage","gotoPage","nextPage","previousPage","setPageSize","state","selectedRowIds","tableRef","useRef","tableWrapperRef","useEffect","ticking","onMousewheel","window","requestAnimationFrame","current","addEventListener","removeEventListener","useTableShadow","hiddenColumns","pagination","paginationData","previousPageHandler","nextPageHandler","totalPages","perPage","newPageSize","newPageIndex","paginationAmount","tBodyTr","ref","headerGroup","headers","headerProps","getSortByToggleProps","style","canSort","onClick","Boolean","isSortedDesc","desc","extendSortByProps","internalProps","getTableElementInternalProps","isSorted","render","ArrowDownFull","size","SIZE","SMALL","color","COLOR","GRAY_DARK","ArrowUp","getHeadContent","includes","TOP","group","index","getTableRowProps","isDelimiterTd","colSpan","cells","BOTTOM"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"table.cjs.production.min.js","sources":["../src/types.tsx","../src/useTableShadow.tsx","../src/propsGetter.tsx","../src/style.tsx","../src/index.tsx","../src/useLoadingState.tsx"],"sourcesContent":["import React, {FunctionComponent, ReactElement, ReactNode} from 'react';\nimport {\n Cell,\n CellPropGetter,\n Column,\n FooterGroupPropGetter,\n FooterPropGetter,\n HeaderGroup,\n HeaderGroupPropGetter,\n Hooks,\n Meta,\n Row,\n RowPropGetter,\n TableBodyPropGetter,\n TablePropGetter, TableState,\n UsePaginationInstanceProps, UsePaginationOptions,\n UsePaginationState,\n UseRowSelectInstanceProps,\n UseRowSelectState, UseSortByColumnProps, UseRowSelectRowProps,\n UseSortByInstanceProps, UseSortByOptions,\n UseTableOptions, HeaderPropGetter,\n} from 'react-table';\n\nexport type DefaultObject = Record<string, string | number | unknown>;\n\nexport type LoadingState = {\n loadingColumns?: Column[],\n loadingData: any[],\n}\n\nexport enum FOOTER_PLACEMENT {\n TOP = 'top',\n BOTTOM = 'bottom'\n}\n\nexport type PaginationProps = {\n paginationAmount?: string | ReactNode | ReactElement,\n parentElementId: string,\n labelPerPage?: string,\n pageSizes?: Array<string | number>,\n pageIndex: number,\n perPage: number,\n totalPages: number,\n totalItems: number,\n canNextPage: boolean,\n canPreviousPage: boolean,\n nextPageHandler: () => void,\n previousPageHandler: () => void,\n setPageSize: (size: number) => void,\n gotoPage: (page: number) => void,\n}\n\nexport type ControlledPagination = {\n paginationAmount?: string | ReactNode | ReactElement,\n pageSize: number,\n pageIndex: number,\n pageCount: number,\n}\n\nexport type TableProps = {\n columns: Array<Column<DefaultObject>>,\n data: [],\n totalItems?: number,\n PaginationComponent: React.FunctionComponent<PaginationProps>,\n initialState: Partial<TableState<DefaultObject>>,\n fetchData?: (params: { pageIndex: number, pageSize: number }) => void,\n onSortedChange?: (id: string, isDesc: boolean) => void,\n isLoading?: boolean,\n footerPlacement?: Array<FOOTER_PLACEMENT>,\n hasDefaultPagination?: boolean,\n onSelectRowsChange?: (rows: Array<DefaultObject>) => void,\n controlledPagination?: ControlledPagination,\n loadingMessage?: string,\n labelPerPage?: string,\n parentElementId?: string,\n tableContentId?: string,\n getRowPreProps?: (row: Row) => DefaultObject,\n getTableProps?: TableGetter,\n getHeaderGroupProps?: ElementGetter,\n getHeaderProps?: ElementGetter,\n getRowProps?: ElementGetter,\n getCellProps?: ElementGetter,\n getFooterProps?: ElementGetter,\n getFooterGroupProps?: ElementGetter,\n showLoadingState?: boolean,\n LoadingCellComponent?: FunctionComponent<DefaultObject>,\n noDataMessage?: string | ReactElement\n}\n\nexport type TableOptions = {\n columns: Array<Column<DefaultObject>>,\n data: Array<DefaultObject>,\n initialState: {\n pageIndex?: number,\n pageSize?: number,\n },\n disableSortRemove: boolean,\n disableMultiSort: boolean,\n disableMultiRemove: boolean,\n manualSortBy?: boolean,\n autoResetPage?: boolean,\n manualPagination?: boolean,\n pageCount?: number,\n}\n\nexport type MetaProps = {\n column?: HeaderGroup<DefaultObject>,\n cell?: Cell,\n}\n\nexport type BaseMeta = Meta<DefaultObject, MetaProps>\n\nexport type TableGetter = (props: DefaultObject) => DefaultObject;\n\nexport type ElementGetter = (props: DefaultObject, meta: BaseMeta) => DefaultObject;\n\nexport type ElementCellPropGetter = CellPropGetter<DefaultObject>\n\nexport type ElementRowPropGetter = RowPropGetter<DefaultObject>\n\nexport type ElementHeaderFooterPropGetter = FooterGroupPropGetter<DefaultObject> |\n HeaderGroupPropGetter<DefaultObject> |\n FooterPropGetter<DefaultObject>\n\nexport type GetTableContainerPropsGetter = (userGetter?: TableGetter, getter?: TableGetter) =>\n TablePropGetter<DefaultObject> | TableBodyPropGetter<DefaultObject>\n\nexport type GetTableElementPropsGetter<T> = (userGetter?: ElementGetter, getter?: ElementGetter) => T\n\nexport type GetTableElementInternalPropsGetter =\n (internalProps: DefaultObject, userGetter?: ElementGetter, getter?: ElementGetter) =>\n HeaderPropGetter<DefaultObject>\n\nexport type ColumnWithSort = HeaderGroup<DefaultObject> & Partial<UseSortByColumnProps<DefaultObject>>\n\nexport type StandardColumn = Column<DefaultObject>\n\nexport type StandardRow = Row<DefaultObject>\n\nexport type SelectableRow = Row<{ id: string }> & UseRowSelectRowProps<DefaultObject>\n\nexport type StandardCell = Cell<DefaultObject>\n\nexport type SelectableRowInstanceProps = UseRowSelectInstanceProps<DefaultObject>\n\nexport type StandardHooks = Hooks<DefaultObject>\n\nexport type TableHooksInstanceProps =\n UseSortByInstanceProps<DefaultObject> &\n UsePaginationInstanceProps<DefaultObject> &\n UseRowSelectInstanceProps<DefaultObject> &\n { state: UseRowSelectState<DefaultObject> & UsePaginationState<DefaultObject>};\n\nexport type TableOptionsProps =\n UseTableOptions<DefaultObject> & UseSortByOptions<DefaultObject> & UsePaginationOptions<DefaultObject> &\n { initialState: Partial<TableState<DefaultObject>> & Partial<UsePaginationState<DefaultObject>> }\n\nexport class Table extends React.Component<Partial<TableProps>> {}\n","// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport {useEffect} from 'react';\n\nconst TABLE_SHADOW_CLASS_NAME = {\n LEFT: 'shadow_left',\n RIGHT: 'shadow_right',\n};\n\nfunction changeClassName(tableWrapperNode: Element, newClassNameList: string[]) {\n const {classList} = tableWrapperNode;\n\n classList.remove(TABLE_SHADOW_CLASS_NAME.LEFT, TABLE_SHADOW_CLASS_NAME.RIGHT);\n classList.add(...newClassNameList);\n}\n\nfunction calculateNewClassNames(tableNode, tableWrapperNode) {\n if (!tableNode || !tableWrapperNode) {\n return;\n }\n\n const tableRect = tableNode.getBoundingClientRect();\n const tableWrapperRect = tableWrapperNode.getBoundingClientRect();\n const newClassName = [];\n\n const tableRectLeft = Math.floor(tableRect.left);\n const tableRectRight = Math.floor(tableRect.right);\n const tableWrapperRectLeft = Math.floor(tableWrapperRect.left);\n const tableWrapperRectRight = Math.floor(tableWrapperRect.right);\n\n if (tableRectLeft < tableWrapperRectLeft) {\n newClassName.push(TABLE_SHADOW_CLASS_NAME.LEFT);\n }\n\n if (tableRectRight > tableWrapperRectRight) {\n newClassName.push(TABLE_SHADOW_CLASS_NAME.RIGHT);\n }\n\n changeClassName(tableWrapperNode, newClassName);\n}\n\nexport default (tableRef, tableWrapperRef) => {\n useEffect(() => {\n let ticking = false;\n\n function onMousewheel() {\n if (ticking) {\n return;\n }\n\n window.requestAnimationFrame(() => {\n calculateNewClassNames(tableRef.current, tableWrapperRef.current);\n ticking = false;\n });\n\n ticking = true;\n }\n\n calculateNewClassNames(tableRef.current, tableWrapperRef.current);\n\n tableRef?.current?.addEventListener('mousewheel', onMousewheel);\n window.addEventListener('resize', onMousewheel);\n\n return () => {\n tableRef?.current?.removeEventListener('mousewheel', onMousewheel);\n window.removeEventListener('resize', onMousewheel);\n };\n }, [tableRef.current, tableWrapperRef.current]);\n};\n","import {\n ElementGetter,\n BaseMeta,\n TableGetter,\n ElementCellPropGetter,\n ElementRowPropGetter,\n DefaultObject,\n ElementHeaderFooterPropGetter,\n GetTableElementPropsGetter,\n GetTableContainerPropsGetter,\n GetTableElementInternalPropsGetter,\n} from './types';\n\nexport const defaultGetter: ElementGetter = (props) => props;\n\nexport const cellGetter: ElementGetter = (props, {cell}) => ({\n ...props,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n align: cell?.column?.align,\n});\nexport const mainCellGetter: ElementGetter = (props, {column}) => ({\n ...props,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n align: column?.align,\n});\n\nexport const getTableProps: GetTableContainerPropsGetter = (userGetter, getter = defaultGetter as TableGetter) => {\n if (userGetter) {\n return (props) => ({\n ...getter(props),\n ...userGetter(props),\n });\n }\n\n return getter;\n};\n\nexport const getTableElementProps:\n GetTableElementPropsGetter<ElementHeaderFooterPropGetter> = (userGetter, getter = defaultGetter) => {\n if (userGetter) {\n return (props, meta) => ({\n ...getter(props, meta),\n ...userGetter(props, meta),\n });\n }\n\n return getter;\n };\n\nexport const getTableRowProps:\n GetTableElementPropsGetter<ElementRowPropGetter> = (userGetter, getter = defaultGetter) => {\n if (userGetter) {\n return (props, meta) => ({\n ...getter(props, meta),\n ...userGetter(props, meta),\n });\n }\n\n return getter;\n };\n\nexport const getTableCellProps:\n GetTableElementPropsGetter<ElementCellPropGetter> = (userGetter, getter = defaultGetter) => {\n if (userGetter) {\n return (props, meta) => ({\n ...getter(props, meta),\n ...userGetter(props, meta),\n });\n }\n\n return getter;\n };\n\nexport const getTableElementInternalProps:\n GetTableElementInternalPropsGetter = (internalProps, userGetter, getter = defaultGetter) => {\n if (userGetter) {\n return (props, meta) => ({\n ...getter({...props, ...internalProps}, meta),\n ...userGetter(props, meta),\n });\n }\n\n return (props: DefaultObject, meta: BaseMeta) => getter({...props, ...internalProps}, meta);\n };\n","/* eslint max-len: off */\nimport styled, {\n keyframes, css, CSSObject,\n} from 'styled-components';\nimport {\n fontNormal,\n white,\n black,\n spacing,\n gray80,\n gray95,\n} from '@propellerads/stylevariables';\n\nconst loadingAnimation = keyframes`\n from {\n background-position-x: 0;\n }\n 50% {\n background-position-x: 100%;\n }\n 100% {\n background-position-x: 0;\n }\n`;\n\nexport const TableLoading = styled.div`\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background: rgba(255, 255, 255, 0.8);\n transition: all 0.3s ease;\n z-index: -1;\n opacity: 0;\n pointer-events: none;\n \n ${(props: { isLoading: boolean }) => props.isLoading && css`\n opacity: 1;\n z-index: 2;\n pointer-events: all;\n `}\n`;\n\nexport const TableLoadingInner = styled.div`\n position: absolute;\n display: block;\n text-align: center;\n width: 100%;\n top: 50%;\n left: 0;\n color: rgba(0, 0, 0, 0.6);\n transform: translateY(-52%);\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n`;\n\nexport const TableWrapper = styled.div`\n position: relative;\n overflow: hidden;\n \n &::before {\n bottom: 10px;\n content: '';\n opacity: 0;\n pointer-events: none;\n position: absolute;\n width: 10px;\n height: 100%;\n top: 0;\n left: -10px;\n box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);\n transition: 0.3s opacity;\n }\n\n &::after {\n bottom: 10px;\n content: '';\n opacity: 0;\n pointer-events: none;\n width: 10px;\n height: 100%;\n position: absolute;\n top: 0;\n right: -10px;\n box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);\n transition: 0.3s opacity;\n }\n \n &.shadow_left {\n &::before {\n opacity: 1 !important;\n }\n }\n \n &.shadow_right {\n &::after {\n opacity: 1 !important;\n }\n }\n`;\n\nexport const TableRoot = styled.div`\n font-size: ${fontNormal}px;\n position: relative;\n display: flex;\n flex-direction: column;\n border: 0;\n`;\n\nexport const TableContent = styled.div`\n display: block;\n max-width: 100%;\n overflow-x: scroll;\n overflow-y: hidden;\n`;\n\nexport const TableCore = styled.div`\n flex: auto 1;\n display: flex;\n flex-direction: column;\n align-items: stretch; \n border-collapse: collapse;\n`;\n\nexport const HeadCell = styled.div`\n display: inline-flex;\n`;\n\nexport const TD = styled.div`\n white-space: nowrap;\n text-overflow: ellipsis;\n line-height: 1.3rem;\n padding: 7px 4px;\n overflow: hidden;\n transition: width 0.3s ease 0s, min-width, padding, opacity;\n \n ${({align}: { align?: CSSObject, colSpan?: number }) => align && css`\n text-align: ${align}`\n}\n`;\n\nexport const EmptyStateCell = styled.div`\n width: 100%;\n height: ${spacing * 4}px;\n background: linear-gradient(to left, ${gray95}, ${white}, ${gray95});\n background-size: 200% 200%;\n animation: ${loadingAnimation} 1.6s linear infinite;\n`;\n\nexport const TH = styled.div`\n padding: 0 4px;\n line-height: normal;\n position: relative;\n transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;\n color: rgb(0, 0, 0);\n font-weight: 500;\n outline: none;\n`;\n\nexport const THead = styled.div`\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n user-select: none;\n \n ${TH}, ${TD} {\n padding: 0 4px;\n line-height: normal;\n position: relative;\n transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n color: ${black};\n font-weight: 500;\n outline: none;\n }\n`;\n\nexport const TRGroup = styled.div`\n display: flex;\n flex: 1 0 auto;\n box-shadow: inset 0 -1px 0 0 ${gray95};\n min-width: 100%;\n width: max-content;\n`;\n\nexport const TR = styled.div`\n padding: 0;\n -webkit-box-align: center;\n align-items: center;\n`;\n\nexport const TBody = styled.div`\n border-top: 1px solid ${gray80};\n margin-top: ${spacing * 2}px;\n min-width: 100%;\n width: max-content;\n`;\n\nexport const TFoot = styled.div`\n background: ${gray95};\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n`;\n","import React, {\n FunctionComponent,\n useEffect,\n useMemo,\n useRef,\n} from 'react';\nimport {\n useSortBy,\n useTable,\n useRowSelect,\n usePagination,\n useFlexLayout,\n Column,\n} from 'react-table';\n\nimport {\n ArrowDownFull, ArrowUp, COLOR, SIZE,\n} from '@propellerads/icon';\nimport Checkbox from '@propellerads/input-checkbox';\n\nimport useLoadingState from './useLoadingState';\nimport useTableShadow from './useTableShadow';\n\nimport {\n FOOTER_PLACEMENT,\n TableProps,\n PaginationProps,\n StandardHooks,\n StandardColumn,\n StandardRow,\n StandardCell,\n ColumnWithSort,\n TableHooksInstanceProps,\n SelectableRowInstanceProps,\n TableOptionsProps,\n SelectableRow,\n DefaultObject,\n} from './types';\n\nimport {\n getTableProps as getTableBodyProps,\n getTableElementProps,\n getTableElementInternalProps,\n cellGetter,\n mainCellGetter,\n getTableCellProps,\n getTableRowProps,\n} from './propsGetter';\n\nimport {\n TableRoot,\n TableWrapper,\n TableContent,\n HeadCell,\n TableLoading,\n TableLoadingInner,\n TD,\n TableCore,\n THead,\n TR,\n TH,\n TBody,\n TRGroup,\n TFoot,\n EmptyStateCell,\n} from './style';\n\nexport const defaultProps = {\n hasDefaultPagination: false,\n isLoading: false,\n footerPlacement: [],\n loadingMessage: 'loading...',\n labelPerPage: 'Show rows',\n parentElementId: 'parent-element',\n tableContentId: '',\n showLoadingState: false,\n LoadingCellComponent: EmptyStateCell,\n getRowPreProps: () => ({}),\n noDataMessage: '',\n};\n\ntype DefaultProps = Readonly<typeof defaultProps>;\n\nconst disableSortRemove = true;\nconst disableMultiSort = true;\nconst disabledMultiRemove = true;\n\nconst DEFAULT_PAGE_INDEX = 0;\nconst DEFAULT_PAGE_SIZE = 10;\n\nfunction isFunction(reference?: (arg1?: any, arg2?: any) => void) {\n return typeof reference === 'function';\n}\n\nfunction getHeadContent(column: ColumnWithSort) {\n if (column.isSorted && column.isSortedDesc) {\n return (\n <HeadCell>\n {column.render('Header')}\n <ArrowDownFull\n size={SIZE.SMALL}\n color={COLOR.GRAY_DARK}\n />\n </HeadCell>\n );\n }\n\n if (column.isSorted && !column.isSortedDesc) {\n return (\n <HeadCell>\n {column.render('Header')}\n <ArrowUp\n size={SIZE.SMALL}\n color={COLOR.GRAY_DARK}\n />\n </HeadCell>\n );\n }\n\n return column.render('Header');\n}\n\nconst Table: FunctionComponent<TableProps & DefaultProps> = (props) => {\n const {\n columns,\n data,\n totalItems,\n fetchData,\n controlledPagination,\n initialState,\n isLoading,\n loadingMessage,\n labelPerPage,\n footerPlacement,\n onSortedChange,\n hasDefaultPagination,\n onSelectRowsChange,\n parentElementId,\n tableContentId,\n LoadingCellComponent,\n PaginationComponent,\n getRowPreProps,\n getTableProps,\n getHeaderGroupProps,\n getHeaderProps,\n getRowProps,\n getCellProps,\n getFooterProps,\n getFooterGroupProps,\n showLoadingState,\n noDataMessage,\n } = props;\n\n const memoColumns = useMemo(() => columns, [columns]);\n\n const {loadingColumns, loadingData} = useLoadingState(\n showLoadingState, isLoading, controlledPagination?.pageSize ?? DEFAULT_PAGE_SIZE, memoColumns, LoadingCellComponent,\n );\n\n const showLoading = showLoadingState && isLoading;\n const hasSelectedRowsAbility = onSelectRowsChange && isFunction(onSelectRowsChange);\n const hasManualSortBy = onSortedChange && isFunction(onSortedChange);\n const hasControlledPagination = fetchData && controlledPagination && Object.keys(controlledPagination).length > 0;\n\n const options: TableOptionsProps = {\n columns: showLoading ? (loadingColumns as Column<DefaultObject>[]) : memoColumns,\n data: showLoading ? loadingData : data,\n initialState,\n disableSortRemove,\n disableMultiSort,\n disabledMultiRemove,\n };\n\n if (hasManualSortBy) {\n options.manualSortBy = true;\n }\n\n if (hasControlledPagination) {\n if (typeof controlledPagination?.pageCount === 'undefined') {\n throw new Error('You have to pass pageCount in controlledPagination data');\n }\n\n options.initialState = {\n ...options.initialState,\n pageIndex: controlledPagination.pageIndex ?? DEFAULT_PAGE_INDEX,\n pageSize: controlledPagination.pageSize ?? DEFAULT_PAGE_SIZE,\n };\n\n options.autoResetPage = true;\n options.manualPagination = true;\n options.pageCount = controlledPagination.pageCount;\n }\n\n const useSelect = (hooks: StandardHooks) => {\n if (!hasSelectedRowsAbility) {\n return;\n }\n\n const newColumn = {\n id: 'selection',\n disableSortBy: true,\n Header: (instance: SelectableRowInstanceProps) => {\n const {getToggleAllRowsSelectedProps, toggleAllRowsSelected} = instance;\n\n return (\n <Checkbox\n elementId=\"all\"\n onChange={toggleAllRowsSelected}\n isChecked={getToggleAllRowsSelectedProps().checked}\n />\n );\n },\n Cell: ({row}: { row: SelectableRow }) => {\n const {\n id,\n original,\n toggleRowSelected,\n getToggleRowSelectedProps,\n } = row;\n\n const elementId = Number.isInteger(original.id) ? original.id : id;\n\n return (\n <Checkbox\n elementId={elementId}\n onChange={toggleRowSelected}\n isChecked={getToggleRowSelectedProps().checked}\n />\n );\n },\n };\n\n hooks.visibleColumns.push((tableColumns: Array<StandardColumn>) => ([\n newColumn,\n ...tableColumns,\n ]));\n };\n\n const {\n getTableProps: _getTableProps,\n headerGroups,\n footerGroups,\n setHiddenColumns,\n rows,\n prepareRow,\n visibleColumns,\n ...rest\n } = useTable(\n options,\n useFlexLayout,\n useSortBy,\n usePagination,\n useRowSelect,\n useSelect,\n );\n\n const {\n selectedFlatRows,\n setSortBy,\n page,\n canPreviousPage,\n canNextPage,\n pageCount,\n gotoPage,\n nextPage,\n previousPage,\n setPageSize,\n state: {selectedRowIds, pageIndex, pageSize},\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n } = rest as TableHooksInstanceProps;\n\n const tableRef = useRef(null);\n const tableWrapperRef = useRef(null);\n\n useTableShadow(tableRef, tableWrapperRef);\n\n useEffect(() => {\n if (!initialState?.hiddenColumns) {\n return;\n }\n\n setHiddenColumns(initialState.hiddenColumns);\n }, [initialState?.hiddenColumns]);\n\n useEffect(() => {\n if (hasSelectedRowsAbility) {\n onSelectRowsChange?.(selectedFlatRows?.map((row: StandardRow) => row.original));\n }\n }, [selectedRowIds]);\n\n let pagination: JSX.Element | null = null;\n\n if (hasDefaultPagination && hasControlledPagination) {\n // eslint-disable-next-line max-len\n throw new Error('You have to pass either hasDefaultPagination true boolean prop or pass fetchData callback and controlledPagination data');\n }\n\n if (hasControlledPagination || hasDefaultPagination) {\n const paginationData: PaginationProps = {\n setPageSize,\n gotoPage,\n canNextPage,\n canPreviousPage,\n parentElementId,\n labelPerPage,\n pageIndex,\n previousPageHandler: previousPage,\n nextPageHandler: nextPage,\n totalPages: pageCount,\n perPage: pageSize,\n totalItems: totalItems ?? data.length,\n };\n\n if (hasControlledPagination && controlledPagination) {\n paginationData.canNextPage = controlledPagination.pageIndex + 1 !== paginationData.totalPages;\n paginationData.canPreviousPage = controlledPagination.pageIndex !== 0;\n paginationData.pageIndex = controlledPagination.pageIndex;\n paginationData.perPage = controlledPagination.pageSize;\n\n paginationData.setPageSize = (newPageSize: number) => {\n fetchData?.({\n pageIndex: paginationData.pageIndex,\n pageSize: newPageSize,\n });\n };\n\n paginationData.gotoPage = (newPageIndex: number) => {\n fetchData?.({\n pageIndex: newPageIndex,\n pageSize: paginationData.perPage,\n });\n };\n\n paginationData.nextPageHandler = () => {\n const newPageIndex = paginationData.pageIndex + 1;\n paginationData.gotoPage(newPageIndex);\n };\n\n paginationData.previousPageHandler = () => {\n const newPageIndex = paginationData.pageIndex - 1;\n paginationData.gotoPage(newPageIndex);\n };\n\n if (controlledPagination?.paginationAmount) {\n paginationData.paginationAmount = controlledPagination.paginationAmount;\n }\n }\n\n pagination = (\n <PaginationComponent {...paginationData} />\n );\n }\n\n function extendSortByProps(column: ColumnWithSort) {\n const headerProps = column.getSortByToggleProps && column.getSortByToggleProps();\n\n delete headerProps?.style;\n\n if (hasManualSortBy && column.canSort && headerProps) {\n headerProps.onClick = () => {\n onSortedChange?.(column.id, Boolean(column.isSortedDesc));\n setSortBy([{\n id: column.id,\n desc: !column.isSortedDesc,\n }]);\n };\n }\n\n return headerProps;\n }\n\n const tBodyTr = (hasControlledPagination || hasDefaultPagination) ? page : rows;\n\n return (\n <TableRoot className=\"table-root\">\n <TableLoading isLoading={!showLoadingState && isLoading} className=\"table-loading\">\n <TableLoadingInner>\n {loadingMessage}\n </TableLoadingInner>\n </TableLoading>\n <TableWrapper ref={tableWrapperRef} className=\"table-wrapper\">\n <TableContent id={tableContentId} className=\"table-content\">\n <TableCore {..._getTableProps(getTableBodyProps(getTableProps))} ref={tableRef}>\n <THead className=\"table-head\">\n {headerGroups.map((headerGroup) => (\n <TR {...headerGroup.getHeaderGroupProps(getTableElementProps(getHeaderGroupProps))}>\n {headerGroup.headers.map((column) => {\n const headerProps = extendSortByProps(column) as DefaultObject;\n\n return (\n <TH\n {...column.getHeaderProps(getTableElementInternalProps(\n headerProps, getHeaderProps, mainCellGetter,\n ))}\n >\n {getHeadContent(column)}\n </TH>\n );\n })}\n </TR>\n ))}\n </THead>\n {footerPlacement.includes(FOOTER_PLACEMENT.TOP) && (\n <TFoot className=\"table-footer-top\">\n {footerGroups.map((group) => (\n <TR {...group.getFooterGroupProps(getTableElementProps(getFooterGroupProps))}>\n {group.headers.map((column) => (\n <TD {...column.getFooterProps(getTableElementProps(getFooterProps, mainCellGetter))}>\n {column.render('Footer')}\n </TD>\n ))}\n </TR>\n ))}\n </TFoot>\n )}\n <TBody className=\"table-body\">\n {tBodyTr.map((row: StandardRow) => {\n prepareRow(row);\n const {isDelimiterTd} = getRowPreProps(row);\n\n if (isDelimiterTd) {\n return (\n <TRGroup key={`group_${row.index}`}>\n <TR {...row.getRowProps(getTableRowProps(getRowProps))}>\n <TD\n colSpan={visibleColumns.length}\n {...row.cells[0].getCellProps(getTableCellProps(getCellProps, cellGetter))}\n >\n <strong>{row.cells[0].render('Cell')}</strong>\n </TD>\n </TR>\n </TRGroup>\n );\n }\n\n return (\n <TRGroup key={`group_${row.index}`}>\n <TR {...row.getRowProps(getTableRowProps(getRowProps))}>\n {row.cells.map((cell: StandardCell) => (\n <TD {...cell.getCellProps(getTableCellProps(getCellProps, cellGetter))}>\n {cell.render('Cell')}\n </TD>\n ))}\n </TR>\n </TRGroup>\n );\n })}\n </TBody>\n {footerPlacement.includes(FOOTER_PLACEMENT.BOTTOM) && (\n <TFoot className=\"table-footer-bottom\">\n {footerGroups.map((group) => (\n <TR {...group.getFooterGroupProps(getTableElementProps(getFooterGroupProps))}>\n {group.headers.map((column) => (\n <TD {...column.getFooterProps(getTableElementProps(getFooterProps, mainCellGetter))}>\n {column.render('Footer')}\n </TD>\n ))}\n </TR>\n ))}\n </TFoot>\n )}\n </TableCore>\n </TableContent>\n </TableWrapper>\n {!isLoading && !data.length && noDataMessage}\n {pagination}\n </TableRoot>\n );\n};\n\nTable.defaultProps = defaultProps;\n\nexport {Table};\n","import React, {FunctionComponent, useMemo} from 'react';\nimport {Column} from 'react-table';\nimport {DefaultObject, LoadingState} from './types';\n\nconst useLoadingState = (\n showLoadingState: boolean,\n loading: boolean,\n pageSize: number,\n columns: Column<DefaultObject>[],\n LoadingCellComponent: FunctionComponent<DefaultObject>,\n): LoadingState => {\n const loadingColumns: Column<DefaultObject>[] | undefined = useMemo(() => (showLoadingState && loading ? columns\n .map(({maxWidth, width, Header}: Column, key: number) => {\n const column: Column<DefaultObject> = {\n Cell: () => <LoadingCellComponent />,\n accessor: `empty_${key}`,\n };\n if (maxWidth) {\n column.maxWidth = maxWidth;\n }\n if (width) {\n column.width = width;\n }\n if (Header) {\n column.Header = Header;\n }\n\n return column;\n }) : []), [columns, loading, showLoadingState]);\n\n const loadingData = useMemo(() => {\n if (showLoadingState && loading && columns && columns.length > 0) {\n const dataObject: DefaultObject = {};\n const dataArray: DefaultObject[] = [];\n\n for (let i = 0; i < columns.length; i += 1) {\n dataObject[`empty_${i}`] = '';\n }\n for (let i = 0; i < pageSize; i += 1) {\n dataArray.push(dataObject);\n }\n\n return dataArray;\n }\n\n return [];\n }, [columns, loading, pageSize, showLoadingState]);\n\n return {\n loadingColumns,\n loadingData,\n };\n};\n\nexport default useLoadingState;\n"],"names":["FOOTER_PLACEMENT","calculateNewClassNames","tableNode","tableWrapperNode","tableRect","getBoundingClientRect","tableWrapperRect","newClassName","tableRectLeft","Math","floor","left","tableRectRight","right","tableWrapperRectLeft","tableWrapperRectRight","push","newClassNameList","classList","remove","add","changeClassName","defaultGetter","props","cellGetter","cell","align","column","_cell$column","mainCellGetter","getTableElementProps","userGetter","getter","meta","getTableCellProps","loadingAnimation","keyframes","TableLoading","styled","div","isLoading","css","TableLoadingInner","TableWrapper","TableRoot","fontNormal","TableContent","TableCore","HeadCell","TD","EmptyStateCell","spacing","gray95","white","TH","THead","black","TRGroup","TR","TBody","gray80","TFoot","defaultProps","hasDefaultPagination","footerPlacement","loadingMessage","labelPerPage","parentElementId","tableContentId","showLoadingState","LoadingCellComponent","getRowPreProps","noDataMessage","isFunction","reference","Table","columns","data","totalItems","fetchData","controlledPagination","initialState","onSortedChange","onSelectRowsChange","PaginationComponent","getTableProps","getHeaderGroupProps","getHeaderProps","getRowProps","getCellProps","getFooterProps","getFooterGroupProps","memoColumns","useMemo","loading","pageSize","loadingColumns","map","key","maxWidth","width","Header","Cell","React","accessor","loadingData","length","dataObject","dataArray","i","useLoadingState","showLoading","hasSelectedRowsAbility","hasManualSortBy","hasControlledPagination","Object","keys","options","disableSortRemove","disableMultiSort","disabledMultiRemove","manualSortBy","pageCount","Error","pageIndex","autoResetPage","manualPagination","useTable","useFlexLayout","useSortBy","usePagination","useRowSelect","hooks","newColumn","id","disableSortBy","instance","Checkbox","elementId","onChange","toggleAllRowsSelected","isChecked","getToggleAllRowsSelectedProps","checked","row","original","toggleRowSelected","getToggleRowSelectedProps","Number","isInteger","visibleColumns","tableColumns","_getTableProps","headerGroups","footerGroups","setHiddenColumns","rows","prepareRow","rest","selectedFlatRows","setSortBy","page","canPreviousPage","canNextPage","gotoPage","nextPage","previousPage","setPageSize","state","selectedRowIds","tableRef","useRef","tableWrapperRef","useEffect","ticking","onMousewheel","window","requestAnimationFrame","current","addEventListener","removeEventListener","useTableShadow","hiddenColumns","pagination","paginationData","previousPageHandler","nextPageHandler","totalPages","perPage","newPageSize","newPageIndex","paginationAmount","tBodyTr","className","ref","headerGroup","headers","headerProps","getSortByToggleProps","style","canSort","onClick","Boolean","isSortedDesc","desc","extendSortByProps","internalProps","getTableElementInternalProps","isSorted","render","ArrowDownFull","size","SIZE","SMALL","color","COLOR","GRAY_DARK","ArrowUp","getHeadContent","includes","TOP","group","index","getTableRowProps","isDelimiterTd","colSpan","cells","BOTTOM"],"mappings":"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"}
|
package/dist/table.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useMemo, useEffect, useRef } from 'react';
|
|
2
|
-
import { useTable,
|
|
2
|
+
import { useTable, useFlexLayout, useSortBy, usePagination, useRowSelect } from 'react-table';
|
|
3
3
|
import { ArrowDownFull, SIZE, COLOR, ArrowUp } from '@propellerads/icon';
|
|
4
4
|
import Checkbox from '@propellerads/input-checkbox';
|
|
5
5
|
import styled, { css, keyframes } from 'styled-components';
|
|
@@ -54,7 +54,9 @@ var useLoadingState = function useLoadingState(showLoadingState, loading, pageSi
|
|
|
54
54
|
width = _ref.width,
|
|
55
55
|
Header = _ref.Header;
|
|
56
56
|
var column = {
|
|
57
|
-
Cell:
|
|
57
|
+
Cell: function Cell() {
|
|
58
|
+
return React.createElement(LoadingCellComponent, null);
|
|
59
|
+
},
|
|
58
60
|
accessor: "empty_" + key
|
|
59
61
|
};
|
|
60
62
|
|
|
@@ -270,7 +272,7 @@ function _templateObject18() {
|
|
|
270
272
|
}
|
|
271
273
|
|
|
272
274
|
function _templateObject17() {
|
|
273
|
-
var data = _taggedTemplateLiteralLoose(["\n border-top: 1px solid ", ";\n margin-top: ", "px;\n"]);
|
|
275
|
+
var data = _taggedTemplateLiteralLoose(["\n border-top: 1px solid ", ";\n margin-top: ", "px;\n min-width: 100%;\n width: max-content;\n"]);
|
|
274
276
|
|
|
275
277
|
_templateObject17 = function _templateObject17() {
|
|
276
278
|
return data;
|
|
@@ -280,7 +282,7 @@ function _templateObject17() {
|
|
|
280
282
|
}
|
|
281
283
|
|
|
282
284
|
function _templateObject16() {
|
|
283
|
-
var data = _taggedTemplateLiteralLoose(["\n
|
|
285
|
+
var data = _taggedTemplateLiteralLoose(["\n padding: 0;\n -webkit-box-align: center;\n align-items: center;\n"]);
|
|
284
286
|
|
|
285
287
|
_templateObject16 = function _templateObject16() {
|
|
286
288
|
return data;
|
|
@@ -290,7 +292,7 @@ function _templateObject16() {
|
|
|
290
292
|
}
|
|
291
293
|
|
|
292
294
|
function _templateObject15() {
|
|
293
|
-
var data = _taggedTemplateLiteralLoose(["\n display: flex;\n flex: 1 0 auto;\n box-shadow: inset 0 -1px 0 0 ", ";\n"]);
|
|
295
|
+
var data = _taggedTemplateLiteralLoose(["\n display: flex;\n flex: 1 0 auto;\n box-shadow: inset 0 -1px 0 0 ", ";\n min-width: 100%;\n width: max-content;\n"]);
|
|
294
296
|
|
|
295
297
|
_templateObject15 = function _templateObject15() {
|
|
296
298
|
return data;
|
|
@@ -360,7 +362,7 @@ function _templateObject9() {
|
|
|
360
362
|
}
|
|
361
363
|
|
|
362
364
|
function _templateObject8() {
|
|
363
|
-
var data = _taggedTemplateLiteralLoose(["\n flex: auto 1;\n display: flex;\n flex-direction: column;\n align-items: stretch; \n border-collapse: collapse;\n
|
|
365
|
+
var data = _taggedTemplateLiteralLoose(["\n flex: auto 1;\n display: flex;\n flex-direction: column;\n align-items: stretch; \n border-collapse: collapse;\n"]);
|
|
364
366
|
|
|
365
367
|
_templateObject8 = function _templateObject8() {
|
|
366
368
|
return data;
|
|
@@ -472,7 +474,8 @@ var defaultProps = {
|
|
|
472
474
|
LoadingCellComponent: EmptyStateCell,
|
|
473
475
|
getRowPreProps: function getRowPreProps() {
|
|
474
476
|
return {};
|
|
475
|
-
}
|
|
477
|
+
},
|
|
478
|
+
noDataMessage: ''
|
|
476
479
|
};
|
|
477
480
|
var disableSortRemove = true;
|
|
478
481
|
var disableMultiSort = true;
|
|
@@ -530,7 +533,8 @@ var Table = function Table(props) {
|
|
|
530
533
|
getCellProps = props.getCellProps,
|
|
531
534
|
getFooterProps = props.getFooterProps,
|
|
532
535
|
getFooterGroupProps = props.getFooterGroupProps,
|
|
533
|
-
showLoadingState = props.showLoadingState
|
|
536
|
+
showLoadingState = props.showLoadingState,
|
|
537
|
+
noDataMessage = props.noDataMessage;
|
|
534
538
|
var memoColumns = useMemo(function () {
|
|
535
539
|
return columns;
|
|
536
540
|
}, [columns]);
|
|
@@ -608,7 +612,7 @@ var Table = function Table(props) {
|
|
|
608
612
|
});
|
|
609
613
|
};
|
|
610
614
|
|
|
611
|
-
var _useTable = useTable(options,
|
|
615
|
+
var _useTable = useTable(options, useFlexLayout, useSortBy, usePagination, useRowSelect, useSelect),
|
|
612
616
|
_getTableProps = _useTable.getTableProps,
|
|
613
617
|
headerGroups = _useTable.headerGroups,
|
|
614
618
|
footerGroups = _useTable.footerGroups,
|
|
@@ -714,7 +718,7 @@ var Table = function Table(props) {
|
|
|
714
718
|
var headerProps = column.getSortByToggleProps && column.getSortByToggleProps();
|
|
715
719
|
headerProps === null || headerProps === void 0 ? true : delete headerProps.style;
|
|
716
720
|
|
|
717
|
-
if (hasManualSortBy &&
|
|
721
|
+
if (hasManualSortBy && column.canSort && headerProps) {
|
|
718
722
|
headerProps.onClick = function () {
|
|
719
723
|
onSortedChange === null || onSortedChange === void 0 ? void 0 : onSortedChange(column.id, Boolean(column.isSortedDesc));
|
|
720
724
|
setSortBy([{
|
|
@@ -728,24 +732,35 @@ var Table = function Table(props) {
|
|
|
728
732
|
}
|
|
729
733
|
|
|
730
734
|
var tBodyTr = hasControlledPagination || hasDefaultPagination ? page : rows;
|
|
731
|
-
return React.createElement(TableRoot,
|
|
732
|
-
|
|
735
|
+
return React.createElement(TableRoot, {
|
|
736
|
+
className: "table-root"
|
|
737
|
+
}, React.createElement(TableLoading, {
|
|
738
|
+
isLoading: !showLoadingState && isLoading,
|
|
739
|
+
className: "table-loading"
|
|
733
740
|
}, React.createElement(TableLoadingInner, null, loadingMessage)), React.createElement(TableWrapper, {
|
|
734
|
-
ref: tableWrapperRef
|
|
741
|
+
ref: tableWrapperRef,
|
|
742
|
+
className: "table-wrapper"
|
|
735
743
|
}, React.createElement(TableContent, {
|
|
736
|
-
id: tableContentId
|
|
744
|
+
id: tableContentId,
|
|
745
|
+
className: "table-content"
|
|
737
746
|
}, React.createElement(TableCore, Object.assign({}, _getTableProps(getTableProps(getTableProps$1)), {
|
|
738
747
|
ref: tableRef
|
|
739
|
-
}), React.createElement(THead,
|
|
748
|
+
}), React.createElement(THead, {
|
|
749
|
+
className: "table-head"
|
|
750
|
+
}, headerGroups.map(function (headerGroup) {
|
|
740
751
|
return React.createElement(TR, Object.assign({}, headerGroup.getHeaderGroupProps(getTableElementProps(getHeaderGroupProps))), headerGroup.headers.map(function (column) {
|
|
741
752
|
var headerProps = extendSortByProps(column);
|
|
742
753
|
return React.createElement(TH, Object.assign({}, column.getHeaderProps(getTableElementInternalProps(headerProps, getHeaderProps, mainCellGetter))), getHeadContent(column));
|
|
743
754
|
}));
|
|
744
|
-
})), footerPlacement.includes(FOOTER_PLACEMENT.TOP) && React.createElement(TFoot,
|
|
755
|
+
})), footerPlacement.includes(FOOTER_PLACEMENT.TOP) && React.createElement(TFoot, {
|
|
756
|
+
className: "table-footer-top"
|
|
757
|
+
}, footerGroups.map(function (group) {
|
|
745
758
|
return React.createElement(TR, Object.assign({}, group.getFooterGroupProps(getTableElementProps(getFooterGroupProps))), group.headers.map(function (column) {
|
|
746
759
|
return React.createElement(TD, Object.assign({}, column.getFooterProps(getTableElementProps(getFooterProps, mainCellGetter))), column.render('Footer'));
|
|
747
760
|
}));
|
|
748
|
-
})), React.createElement(TBody,
|
|
761
|
+
})), React.createElement(TBody, {
|
|
762
|
+
className: "table-body"
|
|
763
|
+
}, tBodyTr.map(function (row) {
|
|
749
764
|
prepareRow(row);
|
|
750
765
|
|
|
751
766
|
var _getRowPreProps = getRowPreProps(row),
|
|
@@ -764,11 +779,13 @@ var Table = function Table(props) {
|
|
|
764
779
|
}, React.createElement(TR, Object.assign({}, row.getRowProps(getTableRowProps(getRowProps))), row.cells.map(function (cell) {
|
|
765
780
|
return React.createElement(TD, Object.assign({}, cell.getCellProps(getTableCellProps(getCellProps, cellGetter))), cell.render('Cell'));
|
|
766
781
|
})));
|
|
767
|
-
})), footerPlacement.includes(FOOTER_PLACEMENT.BOTTOM) && React.createElement(TFoot,
|
|
782
|
+
})), footerPlacement.includes(FOOTER_PLACEMENT.BOTTOM) && React.createElement(TFoot, {
|
|
783
|
+
className: "table-footer-bottom"
|
|
784
|
+
}, footerGroups.map(function (group) {
|
|
768
785
|
return React.createElement(TR, Object.assign({}, group.getFooterGroupProps(getTableElementProps(getFooterGroupProps))), group.headers.map(function (column) {
|
|
769
786
|
return React.createElement(TD, Object.assign({}, column.getFooterProps(getTableElementProps(getFooterProps, mainCellGetter))), column.render('Footer'));
|
|
770
787
|
}));
|
|
771
|
-
}))))), pagination);
|
|
788
|
+
}))))), !isLoading && !data.length && noDataMessage, pagination);
|
|
772
789
|
};
|
|
773
790
|
|
|
774
791
|
Table.defaultProps = defaultProps;
|
package/dist/table.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.esm.js","sources":["../src/useLoadingState.tsx","../src/useTableShadow.tsx","../src/types.tsx","../src/propsGetter.tsx","../src/style.tsx","../src/index.tsx"],"sourcesContent":["import {FunctionComponent, useMemo} from 'react';\nimport {Column} from 'react-table';\nimport {DefaultObject, LoadingState} from './types';\n\nconst useLoadingState = (\n showLoadingState: boolean,\n loading: boolean,\n pageSize: number,\n columns: Column<DefaultObject>[],\n LoadingCellComponent: FunctionComponent<DefaultObject>,\n): LoadingState => {\n const loadingColumns: Column<DefaultObject>[] | undefined = useMemo(() => (showLoadingState && loading ? columns\n .map(({maxWidth, width, Header}: Column, key: number) => {\n const column: Column<DefaultObject> = {\n Cell: LoadingCellComponent,\n accessor: `empty_${key}`,\n };\n if (maxWidth) {\n column.maxWidth = maxWidth;\n }\n if (width) {\n column.width = width;\n }\n if (Header) {\n column.Header = Header;\n }\n\n return column;\n }) : []), [columns, loading, showLoadingState]);\n\n const loadingData = useMemo(() => {\n if (showLoadingState && loading && columns && columns.length > 0) {\n const dataObject: DefaultObject = {};\n const dataArray: DefaultObject[] = [];\n\n for (let i = 0; i < columns.length; i += 1) {\n dataObject[`empty_${i}`] = '';\n }\n for (let i = 0; i < pageSize; i += 1) {\n dataArray.push(dataObject);\n }\n\n return dataArray;\n }\n\n return [];\n }, [columns, loading, pageSize, showLoadingState]);\n\n return {\n loadingColumns,\n loadingData,\n };\n};\n\nexport default useLoadingState;\n","// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport {useEffect} from 'react';\n\nconst TABLE_SHADOW_CLASS_NAME = {\n LEFT: 'shadow_left',\n RIGHT: 'shadow_right',\n};\n\nfunction changeClassName(tableWrapperNode: Element, newClassNameList: string[]) {\n const {classList} = tableWrapperNode;\n\n classList.remove(TABLE_SHADOW_CLASS_NAME.LEFT, TABLE_SHADOW_CLASS_NAME.RIGHT);\n classList.add(...newClassNameList);\n}\n\nfunction calculateNewClassNames(tableNode, tableWrapperNode) {\n if (!tableNode || !tableWrapperNode) {\n return;\n }\n\n const tableRect = tableNode.getBoundingClientRect();\n const tableWrapperRect = tableWrapperNode.getBoundingClientRect();\n const newClassName = [];\n\n const tableRectLeft = Math.floor(tableRect.left);\n const tableRectRight = Math.floor(tableRect.right);\n const tableWrapperRectLeft = Math.floor(tableWrapperRect.left);\n const tableWrapperRectRight = Math.floor(tableWrapperRect.right);\n\n if (tableRectLeft < tableWrapperRectLeft) {\n newClassName.push(TABLE_SHADOW_CLASS_NAME.LEFT);\n }\n\n if (tableRectRight > tableWrapperRectRight) {\n newClassName.push(TABLE_SHADOW_CLASS_NAME.RIGHT);\n }\n\n changeClassName(tableWrapperNode, newClassName);\n}\n\nexport default (tableRef, tableWrapperRef) => {\n useEffect(() => {\n let ticking = false;\n\n function onMousewheel() {\n if (ticking) {\n return;\n }\n\n window.requestAnimationFrame(() => {\n calculateNewClassNames(tableRef.current, tableWrapperRef.current);\n ticking = false;\n });\n\n ticking = true;\n }\n\n calculateNewClassNames(tableRef.current, tableWrapperRef.current);\n\n tableRef?.current?.addEventListener('mousewheel', onMousewheel);\n window.addEventListener('resize', onMousewheel);\n\n return () => {\n tableRef?.current?.removeEventListener('mousewheel', onMousewheel);\n window.removeEventListener('resize', onMousewheel);\n };\n }, [tableRef.current, tableWrapperRef.current]);\n};\n","import React, {FunctionComponent, ReactElement, ReactNode} from 'react';\nimport {\n Cell,\n CellPropGetter,\n Column,\n FooterGroupPropGetter,\n FooterPropGetter,\n HeaderGroup,\n HeaderGroupPropGetter,\n Hooks,\n Meta,\n Row,\n RowPropGetter,\n TableBodyPropGetter,\n TablePropGetter, TableState,\n UsePaginationInstanceProps, UsePaginationOptions,\n UsePaginationState,\n UseRowSelectInstanceProps,\n UseRowSelectState, UseSortByColumnProps, UseRowSelectRowProps,\n UseSortByInstanceProps, UseSortByOptions,\n UseTableOptions, HeaderPropGetter,\n} from 'react-table';\n\nexport type DefaultObject = Record<string, string | number | unknown>;\n\nexport type LoadingState = {\n loadingColumns?: Column[],\n loadingData: any[],\n}\n\nexport enum FOOTER_PLACEMENT {\n TOP = 'top',\n BOTTOM = 'bottom'\n}\n\nexport type PaginationProps = {\n paginationAmount?: string | ReactNode | ReactElement,\n parentElementId: string,\n labelPerPage?: string,\n pageSizes?: Array<string | number>,\n pageIndex: number,\n perPage: number,\n totalPages: number,\n totalItems: number,\n canNextPage: boolean,\n canPreviousPage: boolean,\n nextPageHandler: () => void,\n previousPageHandler: () => void,\n setPageSize: (size: number) => void,\n gotoPage: (page: number) => void,\n}\n\nexport type ControlledPagination = {\n paginationAmount: string | ReactNode | ReactElement,\n pageSize: number,\n pageIndex: number,\n pageCount: number,\n}\n\nexport type TableProps = {\n columns: Array<Column<DefaultObject>>,\n data: [],\n totalItems?: number,\n PaginationComponent: React.FunctionComponent<PaginationProps>,\n initialState: Partial<TableState<DefaultObject>>,\n fetchData?: (params: { pageIndex: number, pageSize: number }) => void,\n onSortedChange?: (id: string, isDesc: boolean) => void,\n isLoading?: boolean,\n footerPlacement?: Array<FOOTER_PLACEMENT>,\n hasDefaultPagination?: boolean,\n onSelectRowsChange?: (rows: Array<DefaultObject>) => void,\n controlledPagination?: ControlledPagination,\n loadingMessage?: string,\n labelPerPage?: string,\n parentElementId?: string,\n tableContentId?: string,\n getRowPreProps?: (row: Row) => DefaultObject,\n getTableProps?: TableGetter,\n getHeaderGroupProps?: ElementGetter,\n getHeaderProps?: ElementGetter,\n getRowProps?: ElementGetter,\n getCellProps?: ElementGetter,\n getFooterProps?: ElementGetter,\n getFooterGroupProps?: ElementGetter,\n showLoadingState?: boolean,\n LoadingCellComponent?: FunctionComponent<DefaultObject>\n}\n\nexport type TableOptions = {\n columns: Array<Column<DefaultObject>>,\n data: Array<DefaultObject>,\n initialState: {\n pageIndex?: number,\n pageSize?: number,\n },\n disableSortRemove: boolean,\n disableMultiSort: boolean,\n disableMultiRemove: boolean,\n manualSortBy?: boolean,\n autoResetPage?: boolean,\n manualPagination?: boolean,\n pageCount?: number,\n}\n\nexport type MetaProps = {\n column?: HeaderGroup<DefaultObject>,\n cell?: Cell,\n}\n\nexport type BaseMeta = Meta<DefaultObject, MetaProps>\n\nexport type TableGetter = (props: DefaultObject) => DefaultObject;\n\nexport type ElementGetter = (props: DefaultObject, meta: BaseMeta) => DefaultObject;\n\nexport type ElementCellPropGetter = CellPropGetter<DefaultObject>\n\nexport type ElementRowPropGetter = RowPropGetter<DefaultObject>\n\nexport type ElementHeaderFooterPropGetter = FooterGroupPropGetter<DefaultObject> |\n HeaderGroupPropGetter<DefaultObject> |\n FooterPropGetter<DefaultObject>\n\nexport type GetTableContainerPropsGetter = (userGetter?: TableGetter, getter?: TableGetter) =>\n TablePropGetter<DefaultObject> | TableBodyPropGetter<DefaultObject>\n\nexport type GetTableElementPropsGetter<T> = (userGetter?: ElementGetter, getter?: ElementGetter) => T\n\nexport type GetTableElementInternalPropsGetter =\n (internalProps: DefaultObject, userGetter?: ElementGetter, getter?: ElementGetter) =>\n HeaderPropGetter<DefaultObject>\n\nexport type ColumnWithSort = HeaderGroup<DefaultObject> & Partial<UseSortByColumnProps<DefaultObject>>\n\nexport type StandardColumn = Column<DefaultObject>\n\nexport type StandardRow = Row<DefaultObject>\n\nexport type SelectableRow = Row<{ id: string }> & UseRowSelectRowProps<DefaultObject>\n\nexport type StandardCell = Cell<DefaultObject>\n\nexport type SelectableRowInstanceProps = UseRowSelectInstanceProps<DefaultObject>\n\nexport type StandardHooks = Hooks<DefaultObject>\n\nexport type TableHooksInstanceProps =\n UseSortByInstanceProps<DefaultObject> &\n UsePaginationInstanceProps<DefaultObject> &\n UseRowSelectInstanceProps<DefaultObject> &\n { state: UseRowSelectState<DefaultObject> & UsePaginationState<DefaultObject>};\n\nexport type TableOptionsProps =\n UseTableOptions<DefaultObject> & UseSortByOptions<DefaultObject> & UsePaginationOptions<DefaultObject> &\n { initialState: Partial<TableState<DefaultObject>> & Partial<UsePaginationState<DefaultObject>> }\n\nexport class Table extends React.Component<Partial<TableProps>> {}\n","import {\n ElementGetter,\n BaseMeta,\n TableGetter,\n ElementCellPropGetter,\n ElementRowPropGetter,\n DefaultObject,\n ElementHeaderFooterPropGetter,\n GetTableElementPropsGetter,\n GetTableContainerPropsGetter,\n GetTableElementInternalPropsGetter,\n} from './types';\n\nexport const defaultGetter: ElementGetter = (props) => props;\n\nexport const cellGetter: ElementGetter = (props, {cell}) => ({\n ...props,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n align: cell?.column?.align,\n});\nexport const mainCellGetter: ElementGetter = (props, {column}) => ({\n ...props,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n align: column?.align,\n});\n\nexport const getTableProps: GetTableContainerPropsGetter = (userGetter, getter = defaultGetter as TableGetter) => {\n if (userGetter) {\n return (props) => ({\n ...getter(props),\n ...userGetter(props),\n });\n }\n\n return getter;\n};\n\nexport const getTableElementProps:\n GetTableElementPropsGetter<ElementHeaderFooterPropGetter> = (userGetter, getter = defaultGetter) => {\n if (userGetter) {\n return (props, meta) => ({\n ...getter(props, meta),\n ...userGetter(props, meta),\n });\n }\n\n return getter;\n };\n\nexport const getTableRowProps:\n GetTableElementPropsGetter<ElementRowPropGetter> = (userGetter, getter = defaultGetter) => {\n if (userGetter) {\n return (props, meta) => ({\n ...getter(props, meta),\n ...userGetter(props, meta),\n });\n }\n\n return getter;\n };\n\nexport const getTableCellProps:\n GetTableElementPropsGetter<ElementCellPropGetter> = (userGetter, getter = defaultGetter) => {\n if (userGetter) {\n return (props, meta) => ({\n ...getter(props, meta),\n ...userGetter(props, meta),\n });\n }\n\n return getter;\n };\n\nexport const getTableElementInternalProps:\n GetTableElementInternalPropsGetter = (internalProps, userGetter, getter = defaultGetter) => {\n if (userGetter) {\n return (props, meta) => ({\n ...getter({...props, ...internalProps}, meta),\n ...userGetter(props, meta),\n });\n }\n\n return (props: DefaultObject, meta: BaseMeta) => getter({...props, ...internalProps}, meta);\n };\n","/* eslint max-len: off */\nimport styled, {\n keyframes, css, CSSObject,\n} from 'styled-components';\nimport {\n fontNormal,\n white,\n black,\n spacing,\n gray80,\n gray95,\n} from '@propellerads/stylevariables';\n\nconst loadingAnimation = keyframes`\n from {\n background-position-x: 0;\n }\n 50% {\n background-position-x: 100%;\n }\n 100% {\n background-position-x: 0;\n }\n`;\n\nexport const TableLoading = styled.div`\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background: rgba(255, 255, 255, 0.8);\n transition: all 0.3s ease;\n z-index: -1;\n opacity: 0;\n pointer-events: none;\n \n ${(props: { isLoading: boolean }) => props.isLoading && css`\n opacity: 1;\n z-index: 2;\n pointer-events: all;\n `}\n`;\n\nexport const TableLoadingInner = styled.div`\n position: absolute;\n display: block;\n text-align: center;\n width: 100%;\n top: 50%;\n left: 0;\n color: rgba(0, 0, 0, 0.6);\n transform: translateY(-52%);\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n`;\n\nexport const TableWrapper = styled.div`\n position: relative;\n overflow: hidden;\n \n &::before {\n bottom: 10px;\n content: '';\n opacity: 0;\n pointer-events: none;\n position: absolute;\n width: 10px;\n height: 100%;\n top: 0;\n left: -10px;\n box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);\n transition: 0.3s opacity;\n }\n\n &::after {\n bottom: 10px;\n content: '';\n opacity: 0;\n pointer-events: none;\n width: 10px;\n height: 100%;\n position: absolute;\n top: 0;\n right: -10px;\n box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);\n transition: 0.3s opacity;\n }\n \n &.shadow_left {\n &::before {\n opacity: 1 !important;\n }\n }\n \n &.shadow_right {\n &::after {\n opacity: 1 !important;\n }\n }\n`;\n\nexport const TableRoot = styled.div`\n font-size: ${fontNormal}px;\n position: relative;\n display: flex;\n flex-direction: column;\n border: 0;\n`;\n\nexport const TableContent = styled.div`\n display: block;\n max-width: 100%;\n overflow-x: scroll;\n overflow-y: hidden;\n`;\n\nexport const TableCore = styled.div`\n flex: auto 1;\n display: flex;\n flex-direction: column;\n align-items: stretch; \n border-collapse: collapse;\n width: max-content;\n`;\n\nexport const HeadCell = styled.div`\n display: inline-flex;\n`;\n\nexport const TD = styled.div`\n white-space: nowrap;\n text-overflow: ellipsis;\n line-height: 1.3rem;\n padding: 7px 4px;\n overflow: hidden;\n transition: width 0.3s ease 0s, min-width, padding, opacity;\n \n ${({align}: { align?: CSSObject, colSpan?: number }) => align && css`\n text-align: ${align}`\n}\n`;\n\nexport const EmptyStateCell = styled.div`\n width: 100%;\n height: ${spacing * 4}px;\n background: linear-gradient(to left, ${gray95}, ${white}, ${gray95});\n background-size: 200% 200%;\n animation: ${loadingAnimation} 1.6s linear infinite;\n`;\n\nexport const TH = styled.div`\n padding: 0 4px;\n line-height: normal;\n position: relative;\n transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;\n color: rgb(0, 0, 0);\n font-weight: 500;\n outline: none;\n`;\n\nexport const THead = styled.div`\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n user-select: none;\n \n ${TH}, ${TD} {\n padding: 0 4px;\n line-height: normal;\n position: relative;\n transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n color: ${black};\n font-weight: 500;\n outline: none;\n }\n`;\n\nexport const TRGroup = styled.div`\n display: flex;\n flex: 1 0 auto;\n box-shadow: inset 0 -1px 0 0 ${gray95};\n`;\n\nexport const TR = styled.div`\n flex: 1 0 auto;\n display: inline-flex;\n padding: 0;\n -webkit-box-align: center;\n align-items: center;\n`;\n\nexport const TBody = styled.div`\n border-top: 1px solid ${gray80};\n margin-top: ${spacing * 2}px;\n`;\n\nexport const TFoot = styled.div`\n background: ${gray95};\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n`;\n","import React, {\n FunctionComponent,\n useEffect,\n useMemo,\n useRef,\n} from 'react';\nimport {\n useSortBy,\n useTable,\n useRowSelect,\n usePagination,\n useBlockLayout,\n Column,\n} from 'react-table';\n\nimport {\n ArrowDownFull, ArrowUp, COLOR, SIZE,\n} from '@propellerads/icon';\nimport Checkbox from '@propellerads/input-checkbox';\n\nimport useLoadingState from './useLoadingState';\nimport useTableShadow from './useTableShadow';\n\nimport {\n FOOTER_PLACEMENT,\n TableProps,\n PaginationProps,\n StandardHooks,\n StandardColumn,\n StandardRow,\n StandardCell,\n ColumnWithSort,\n TableHooksInstanceProps,\n SelectableRowInstanceProps,\n TableOptionsProps,\n SelectableRow,\n DefaultObject,\n} from './types';\n\nimport {\n getTableProps as getTableBodyProps,\n getTableElementProps,\n getTableElementInternalProps,\n cellGetter,\n mainCellGetter,\n getTableCellProps,\n getTableRowProps,\n} from './propsGetter';\n\nimport {\n TableRoot,\n TableWrapper,\n TableContent,\n HeadCell,\n TableLoading,\n TableLoadingInner,\n TD,\n TableCore,\n THead,\n TR,\n TH,\n TBody,\n TRGroup,\n TFoot,\n EmptyStateCell,\n} from './style';\n\nexport const defaultProps = {\n hasDefaultPagination: false,\n isLoading: false,\n footerPlacement: [],\n loadingMessage: 'loading...',\n labelPerPage: 'Show rows',\n parentElementId: 'parent-element',\n tableContentId: '',\n showLoadingState: false,\n LoadingCellComponent: EmptyStateCell,\n getRowPreProps: () => ({}),\n};\n\ntype DefaultProps = Readonly<typeof defaultProps>;\n\nconst disableSortRemove = true;\nconst disableMultiSort = true;\nconst disabledMultiRemove = true;\n\nconst DEFAULT_PAGE_INDEX = 0;\nconst DEFAULT_PAGE_SIZE = 10;\n\nfunction isFunction(reference?: (arg1?: any, arg2?: any) => void) {\n return typeof reference === 'function';\n}\n\nfunction getHeadContent(column: ColumnWithSort) {\n if (column.isSorted && column.isSortedDesc) {\n return (\n <HeadCell>\n {column.render('Header')}\n <ArrowDownFull\n size={SIZE.SMALL}\n color={COLOR.GRAY_DARK}\n />\n </HeadCell>\n );\n }\n\n if (column.isSorted && !column.isSortedDesc) {\n return (\n <HeadCell>\n {column.render('Header')}\n <ArrowUp\n size={SIZE.SMALL}\n color={COLOR.GRAY_DARK}\n />\n </HeadCell>\n );\n }\n\n return column.render('Header');\n}\n\nconst Table: FunctionComponent<TableProps & DefaultProps> = (props) => {\n const {\n columns,\n data,\n totalItems,\n fetchData,\n controlledPagination,\n initialState,\n isLoading,\n loadingMessage,\n labelPerPage,\n footerPlacement,\n onSortedChange,\n hasDefaultPagination,\n onSelectRowsChange,\n parentElementId,\n tableContentId,\n LoadingCellComponent,\n PaginationComponent,\n getRowPreProps,\n getTableProps,\n getHeaderGroupProps,\n getHeaderProps,\n getRowProps,\n getCellProps,\n getFooterProps,\n getFooterGroupProps,\n showLoadingState,\n } = props;\n\n const memoColumns = useMemo(() => columns, [columns]);\n\n const {loadingColumns, loadingData} = useLoadingState(\n showLoadingState, isLoading, controlledPagination?.pageSize ?? DEFAULT_PAGE_SIZE, memoColumns, LoadingCellComponent,\n );\n\n const showLoading = showLoadingState && isLoading;\n const hasSelectedRowsAbility = onSelectRowsChange && isFunction(onSelectRowsChange);\n const hasManualSortBy = onSortedChange && isFunction(onSortedChange);\n const hasControlledPagination = fetchData && controlledPagination && Object.keys(controlledPagination).length > 0;\n\n const options: TableOptionsProps = {\n columns: showLoading ? (loadingColumns as Column<DefaultObject>[]) : memoColumns,\n data: showLoading ? loadingData : data,\n initialState,\n disableSortRemove,\n disableMultiSort,\n disabledMultiRemove,\n };\n\n if (hasManualSortBy) {\n options.manualSortBy = true;\n }\n\n if (hasControlledPagination) {\n if (typeof controlledPagination?.pageCount === 'undefined') {\n throw new Error('You have to pass pageCount in controlledPagination data');\n }\n\n options.initialState = {\n ...options.initialState,\n pageIndex: controlledPagination.pageIndex ?? DEFAULT_PAGE_INDEX,\n pageSize: controlledPagination.pageSize ?? DEFAULT_PAGE_SIZE,\n };\n\n options.autoResetPage = true;\n options.manualPagination = true;\n options.pageCount = controlledPagination.pageCount;\n }\n\n const useSelect = (hooks: StandardHooks) => {\n if (!hasSelectedRowsAbility) {\n return;\n }\n\n const newColumn = {\n id: 'selection',\n disableSortBy: true,\n Header: (instance: SelectableRowInstanceProps) => {\n const {getToggleAllRowsSelectedProps, toggleAllRowsSelected} = instance;\n\n return (\n <Checkbox\n elementId=\"all\"\n onChange={toggleAllRowsSelected}\n isChecked={getToggleAllRowsSelectedProps().checked}\n />\n );\n },\n Cell: ({row}: { row: SelectableRow }) => {\n const {\n id,\n original,\n toggleRowSelected,\n getToggleRowSelectedProps,\n } = row;\n\n const elementId = Number.isInteger(original.id) ? original.id : id;\n\n return (\n <Checkbox\n elementId={elementId}\n onChange={toggleRowSelected}\n isChecked={getToggleRowSelectedProps().checked}\n />\n );\n },\n };\n\n hooks.visibleColumns.push((tableColumns: Array<StandardColumn>) => ([\n newColumn,\n ...tableColumns,\n ]));\n };\n\n const {\n getTableProps: _getTableProps,\n headerGroups,\n footerGroups,\n setHiddenColumns,\n rows,\n prepareRow,\n visibleColumns,\n ...rest\n } = useTable(\n options,\n useBlockLayout,\n useSortBy,\n usePagination,\n useRowSelect,\n useSelect,\n );\n\n const {\n selectedFlatRows,\n setSortBy,\n page,\n canPreviousPage,\n canNextPage,\n pageCount,\n gotoPage,\n nextPage,\n previousPage,\n setPageSize,\n state: {selectedRowIds, pageIndex, pageSize},\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n } = rest as TableHooksInstanceProps;\n\n const tableRef = useRef(null);\n const tableWrapperRef = useRef(null);\n\n useTableShadow(tableRef, tableWrapperRef);\n\n useEffect(() => {\n if (!initialState?.hiddenColumns) {\n return;\n }\n\n setHiddenColumns(initialState.hiddenColumns);\n }, [initialState?.hiddenColumns]);\n\n useEffect(() => {\n if (hasSelectedRowsAbility) {\n onSelectRowsChange?.(selectedFlatRows?.map((row: StandardRow) => row.original));\n }\n }, [selectedRowIds]);\n\n let pagination: JSX.Element | null = null;\n\n if (hasDefaultPagination && hasControlledPagination) {\n // eslint-disable-next-line max-len\n throw new Error('You have to pass either hasDefaultPagination true boolean prop or pass fetchData callback and controlledPagination data');\n }\n\n if (hasControlledPagination || hasDefaultPagination) {\n const paginationData: PaginationProps = {\n setPageSize,\n gotoPage,\n canNextPage,\n canPreviousPage,\n parentElementId,\n labelPerPage,\n pageIndex,\n previousPageHandler: previousPage,\n nextPageHandler: nextPage,\n totalPages: pageCount,\n perPage: pageSize,\n totalItems: totalItems ?? data.length,\n };\n\n if (hasControlledPagination && controlledPagination) {\n paginationData.canNextPage = controlledPagination.pageIndex + 1 !== paginationData.totalPages;\n paginationData.canPreviousPage = controlledPagination.pageIndex !== 0;\n paginationData.pageIndex = controlledPagination.pageIndex;\n paginationData.perPage = controlledPagination.pageSize;\n\n paginationData.setPageSize = (newPageSize: number) => {\n fetchData?.({\n pageIndex: paginationData.pageIndex,\n pageSize: newPageSize,\n });\n };\n\n paginationData.gotoPage = (newPageIndex: number) => {\n fetchData?.({\n pageIndex: newPageIndex,\n pageSize: paginationData.perPage,\n });\n };\n\n paginationData.nextPageHandler = () => {\n const newPageIndex = paginationData.pageIndex + 1;\n paginationData.gotoPage(newPageIndex);\n };\n\n paginationData.previousPageHandler = () => {\n const newPageIndex = paginationData.pageIndex - 1;\n paginationData.gotoPage(newPageIndex);\n };\n\n if (controlledPagination?.paginationAmount) {\n paginationData.paginationAmount = controlledPagination.paginationAmount;\n }\n }\n\n pagination = (\n <PaginationComponent {...paginationData} />\n );\n }\n\n function extendSortByProps(column: ColumnWithSort) {\n const headerProps = column.getSortByToggleProps && column.getSortByToggleProps();\n\n delete headerProps?.style;\n\n if (hasManualSortBy && !column.canSort && headerProps) {\n headerProps.onClick = () => {\n onSortedChange?.(column.id, Boolean(column.isSortedDesc));\n setSortBy([{\n id: column.id,\n desc: !column.isSortedDesc,\n }]);\n };\n }\n\n return headerProps;\n }\n\n const tBodyTr = (hasControlledPagination || hasDefaultPagination) ? page : rows;\n\n return (\n <TableRoot>\n <TableLoading isLoading={!showLoadingState && isLoading}>\n <TableLoadingInner>\n {loadingMessage}\n </TableLoadingInner>\n </TableLoading>\n <TableWrapper ref={tableWrapperRef}>\n <TableContent id={tableContentId}>\n <TableCore {..._getTableProps(getTableBodyProps(getTableProps))} ref={tableRef}>\n <THead>\n {headerGroups.map((headerGroup) => (\n <TR {...headerGroup.getHeaderGroupProps(getTableElementProps(getHeaderGroupProps))}>\n {headerGroup.headers.map((column) => {\n const headerProps = extendSortByProps(column) as DefaultObject;\n\n return (\n <TH {...column.getHeaderProps(getTableElementInternalProps(\n headerProps, getHeaderProps, mainCellGetter,\n ))}\n >\n {getHeadContent(column)}\n </TH>\n );\n })}\n </TR>\n ))}\n </THead>\n {footerPlacement.includes(FOOTER_PLACEMENT.TOP) && (\n <TFoot>\n {footerGroups.map((group) => (\n <TR {...group.getFooterGroupProps(getTableElementProps(getFooterGroupProps))}>\n {group.headers.map((column) => (\n <TD {...column.getFooterProps(getTableElementProps(getFooterProps, mainCellGetter))}>\n {column.render('Footer')}\n </TD>\n ))}\n </TR>\n ))}\n </TFoot>\n )}\n <TBody>\n {tBodyTr.map((row: StandardRow) => {\n prepareRow(row);\n const {isDelimiterTd} = getRowPreProps(row);\n\n if (isDelimiterTd) {\n return (\n <TRGroup key={`group_${row.index}`}>\n <TR {...row.getRowProps(getTableRowProps(getRowProps))}>\n <TD\n colSpan={visibleColumns.length}\n {...row.cells[0].getCellProps(getTableCellProps(getCellProps, cellGetter))}\n >\n <strong>{row.cells[0].render('Cell')}</strong>\n </TD>\n </TR>\n </TRGroup>\n );\n }\n\n return (\n <TRGroup key={`group_${row.index}`}>\n <TR {...row.getRowProps(getTableRowProps(getRowProps))}>\n {row.cells.map((cell: StandardCell) => (\n <TD {...cell.getCellProps(getTableCellProps(getCellProps, cellGetter))}>\n {cell.render('Cell')}\n </TD>\n ))}\n </TR>\n </TRGroup>\n );\n })}\n </TBody>\n {footerPlacement.includes(FOOTER_PLACEMENT.BOTTOM) && (\n <TFoot>\n {footerGroups.map((group) => (\n <TR {...group.getFooterGroupProps(getTableElementProps(getFooterGroupProps))}>\n {group.headers.map((column) => (\n <TD {...column.getFooterProps(getTableElementProps(getFooterProps, mainCellGetter))}>\n {column.render('Footer')}\n </TD>\n ))}\n </TR>\n ))}\n </TFoot>\n )}\n </TableCore>\n </TableContent>\n </TableWrapper>\n {pagination}\n </TableRoot>\n );\n};\n\nTable.defaultProps = defaultProps;\n\nexport {Table};\n"],"names":["useLoadingState","showLoadingState","loading","pageSize","columns","LoadingCellComponent","loadingColumns","useMemo","map","key","maxWidth","width","Header","column","Cell","accessor","loadingData","length","dataObject","dataArray","i","push","TABLE_SHADOW_CLASS_NAME","LEFT","RIGHT","changeClassName","tableWrapperNode","newClassNameList","classList","remove","add","calculateNewClassNames","tableNode","tableRect","getBoundingClientRect","tableWrapperRect","newClassName","tableRectLeft","Math","floor","left","tableRectRight","right","tableWrapperRectLeft","tableWrapperRectRight","tableRef","tableWrapperRef","useEffect","ticking","onMousewheel","window","requestAnimationFrame","current","addEventListener","removeEventListener","FOOTER_PLACEMENT","defaultGetter","props","cellGetter","cell","align","mainCellGetter","getTableProps","userGetter","getter","getTableElementProps","meta","getTableRowProps","getTableCellProps","getTableElementInternalProps","internalProps","loadingAnimation","keyframes","TableLoading","styled","div","isLoading","css","TableLoadingInner","TableWrapper","TableRoot","fontNormal","TableContent","TableCore","HeadCell","TD","EmptyStateCell","spacing","gray95","white","TH","THead","black","TRGroup","TR","TBody","gray80","TFoot","defaultProps","hasDefaultPagination","footerPlacement","loadingMessage","labelPerPage","parentElementId","tableContentId","getRowPreProps","disableSortRemove","disableMultiSort","disabledMultiRemove","DEFAULT_PAGE_INDEX","DEFAULT_PAGE_SIZE","isFunction","reference","getHeadContent","isSorted","isSortedDesc","React","render","ArrowDownFull","size","SIZE","SMALL","color","COLOR","GRAY_DARK","ArrowUp","Table","data","totalItems","fetchData","controlledPagination","initialState","onSortedChange","onSelectRowsChange","PaginationComponent","getHeaderGroupProps","getHeaderProps","getRowProps","getCellProps","getFooterProps","getFooterGroupProps","memoColumns","showLoading","hasSelectedRowsAbility","hasManualSortBy","hasControlledPagination","Object","keys","options","manualSortBy","pageCount","Error","pageIndex","autoResetPage","manualPagination","useSelect","hooks","newColumn","id","disableSortBy","instance","getToggleAllRowsSelectedProps","toggleAllRowsSelected","Checkbox","elementId","onChange","isChecked","checked","row","original","toggleRowSelected","getToggleRowSelectedProps","Number","isInteger","visibleColumns","tableColumns","useTable","useBlockLayout","useSortBy","usePagination","useRowSelect","_getTableProps","headerGroups","footerGroups","setHiddenColumns","rows","prepareRow","rest","selectedFlatRows","setSortBy","page","canPreviousPage","canNextPage","gotoPage","nextPage","previousPage","setPageSize","state","selectedRowIds","useRef","useTableShadow","hiddenColumns","pagination","paginationData","previousPageHandler","nextPageHandler","totalPages","perPage","newPageSize","newPageIndex","paginationAmount","extendSortByProps","headerProps","getSortByToggleProps","style","canSort","onClick","Boolean","desc","tBodyTr","ref","getTableBodyProps","headerGroup","headers","includes","TOP","group","isDelimiterTd","index","colSpan","cells","BOTTOM"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"table.esm.js","sources":["../src/useLoadingState.tsx","../src/useTableShadow.tsx","../src/types.tsx","../src/propsGetter.tsx","../src/style.tsx","../src/index.tsx"],"sourcesContent":["import React, {FunctionComponent, useMemo} from 'react';\nimport {Column} from 'react-table';\nimport {DefaultObject, LoadingState} from './types';\n\nconst useLoadingState = (\n showLoadingState: boolean,\n loading: boolean,\n pageSize: number,\n columns: Column<DefaultObject>[],\n LoadingCellComponent: FunctionComponent<DefaultObject>,\n): LoadingState => {\n const loadingColumns: Column<DefaultObject>[] | undefined = useMemo(() => (showLoadingState && loading ? columns\n .map(({maxWidth, width, Header}: Column, key: number) => {\n const column: Column<DefaultObject> = {\n Cell: () => <LoadingCellComponent />,\n accessor: `empty_${key}`,\n };\n if (maxWidth) {\n column.maxWidth = maxWidth;\n }\n if (width) {\n column.width = width;\n }\n if (Header) {\n column.Header = Header;\n }\n\n return column;\n }) : []), [columns, loading, showLoadingState]);\n\n const loadingData = useMemo(() => {\n if (showLoadingState && loading && columns && columns.length > 0) {\n const dataObject: DefaultObject = {};\n const dataArray: DefaultObject[] = [];\n\n for (let i = 0; i < columns.length; i += 1) {\n dataObject[`empty_${i}`] = '';\n }\n for (let i = 0; i < pageSize; i += 1) {\n dataArray.push(dataObject);\n }\n\n return dataArray;\n }\n\n return [];\n }, [columns, loading, pageSize, showLoadingState]);\n\n return {\n loadingColumns,\n loadingData,\n };\n};\n\nexport default useLoadingState;\n","// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport {useEffect} from 'react';\n\nconst TABLE_SHADOW_CLASS_NAME = {\n LEFT: 'shadow_left',\n RIGHT: 'shadow_right',\n};\n\nfunction changeClassName(tableWrapperNode: Element, newClassNameList: string[]) {\n const {classList} = tableWrapperNode;\n\n classList.remove(TABLE_SHADOW_CLASS_NAME.LEFT, TABLE_SHADOW_CLASS_NAME.RIGHT);\n classList.add(...newClassNameList);\n}\n\nfunction calculateNewClassNames(tableNode, tableWrapperNode) {\n if (!tableNode || !tableWrapperNode) {\n return;\n }\n\n const tableRect = tableNode.getBoundingClientRect();\n const tableWrapperRect = tableWrapperNode.getBoundingClientRect();\n const newClassName = [];\n\n const tableRectLeft = Math.floor(tableRect.left);\n const tableRectRight = Math.floor(tableRect.right);\n const tableWrapperRectLeft = Math.floor(tableWrapperRect.left);\n const tableWrapperRectRight = Math.floor(tableWrapperRect.right);\n\n if (tableRectLeft < tableWrapperRectLeft) {\n newClassName.push(TABLE_SHADOW_CLASS_NAME.LEFT);\n }\n\n if (tableRectRight > tableWrapperRectRight) {\n newClassName.push(TABLE_SHADOW_CLASS_NAME.RIGHT);\n }\n\n changeClassName(tableWrapperNode, newClassName);\n}\n\nexport default (tableRef, tableWrapperRef) => {\n useEffect(() => {\n let ticking = false;\n\n function onMousewheel() {\n if (ticking) {\n return;\n }\n\n window.requestAnimationFrame(() => {\n calculateNewClassNames(tableRef.current, tableWrapperRef.current);\n ticking = false;\n });\n\n ticking = true;\n }\n\n calculateNewClassNames(tableRef.current, tableWrapperRef.current);\n\n tableRef?.current?.addEventListener('mousewheel', onMousewheel);\n window.addEventListener('resize', onMousewheel);\n\n return () => {\n tableRef?.current?.removeEventListener('mousewheel', onMousewheel);\n window.removeEventListener('resize', onMousewheel);\n };\n }, [tableRef.current, tableWrapperRef.current]);\n};\n","import React, {FunctionComponent, ReactElement, ReactNode} from 'react';\nimport {\n Cell,\n CellPropGetter,\n Column,\n FooterGroupPropGetter,\n FooterPropGetter,\n HeaderGroup,\n HeaderGroupPropGetter,\n Hooks,\n Meta,\n Row,\n RowPropGetter,\n TableBodyPropGetter,\n TablePropGetter, TableState,\n UsePaginationInstanceProps, UsePaginationOptions,\n UsePaginationState,\n UseRowSelectInstanceProps,\n UseRowSelectState, UseSortByColumnProps, UseRowSelectRowProps,\n UseSortByInstanceProps, UseSortByOptions,\n UseTableOptions, HeaderPropGetter,\n} from 'react-table';\n\nexport type DefaultObject = Record<string, string | number | unknown>;\n\nexport type LoadingState = {\n loadingColumns?: Column[],\n loadingData: any[],\n}\n\nexport enum FOOTER_PLACEMENT {\n TOP = 'top',\n BOTTOM = 'bottom'\n}\n\nexport type PaginationProps = {\n paginationAmount?: string | ReactNode | ReactElement,\n parentElementId: string,\n labelPerPage?: string,\n pageSizes?: Array<string | number>,\n pageIndex: number,\n perPage: number,\n totalPages: number,\n totalItems: number,\n canNextPage: boolean,\n canPreviousPage: boolean,\n nextPageHandler: () => void,\n previousPageHandler: () => void,\n setPageSize: (size: number) => void,\n gotoPage: (page: number) => void,\n}\n\nexport type ControlledPagination = {\n paginationAmount?: string | ReactNode | ReactElement,\n pageSize: number,\n pageIndex: number,\n pageCount: number,\n}\n\nexport type TableProps = {\n columns: Array<Column<DefaultObject>>,\n data: [],\n totalItems?: number,\n PaginationComponent: React.FunctionComponent<PaginationProps>,\n initialState: Partial<TableState<DefaultObject>>,\n fetchData?: (params: { pageIndex: number, pageSize: number }) => void,\n onSortedChange?: (id: string, isDesc: boolean) => void,\n isLoading?: boolean,\n footerPlacement?: Array<FOOTER_PLACEMENT>,\n hasDefaultPagination?: boolean,\n onSelectRowsChange?: (rows: Array<DefaultObject>) => void,\n controlledPagination?: ControlledPagination,\n loadingMessage?: string,\n labelPerPage?: string,\n parentElementId?: string,\n tableContentId?: string,\n getRowPreProps?: (row: Row) => DefaultObject,\n getTableProps?: TableGetter,\n getHeaderGroupProps?: ElementGetter,\n getHeaderProps?: ElementGetter,\n getRowProps?: ElementGetter,\n getCellProps?: ElementGetter,\n getFooterProps?: ElementGetter,\n getFooterGroupProps?: ElementGetter,\n showLoadingState?: boolean,\n LoadingCellComponent?: FunctionComponent<DefaultObject>,\n noDataMessage?: string | ReactElement\n}\n\nexport type TableOptions = {\n columns: Array<Column<DefaultObject>>,\n data: Array<DefaultObject>,\n initialState: {\n pageIndex?: number,\n pageSize?: number,\n },\n disableSortRemove: boolean,\n disableMultiSort: boolean,\n disableMultiRemove: boolean,\n manualSortBy?: boolean,\n autoResetPage?: boolean,\n manualPagination?: boolean,\n pageCount?: number,\n}\n\nexport type MetaProps = {\n column?: HeaderGroup<DefaultObject>,\n cell?: Cell,\n}\n\nexport type BaseMeta = Meta<DefaultObject, MetaProps>\n\nexport type TableGetter = (props: DefaultObject) => DefaultObject;\n\nexport type ElementGetter = (props: DefaultObject, meta: BaseMeta) => DefaultObject;\n\nexport type ElementCellPropGetter = CellPropGetter<DefaultObject>\n\nexport type ElementRowPropGetter = RowPropGetter<DefaultObject>\n\nexport type ElementHeaderFooterPropGetter = FooterGroupPropGetter<DefaultObject> |\n HeaderGroupPropGetter<DefaultObject> |\n FooterPropGetter<DefaultObject>\n\nexport type GetTableContainerPropsGetter = (userGetter?: TableGetter, getter?: TableGetter) =>\n TablePropGetter<DefaultObject> | TableBodyPropGetter<DefaultObject>\n\nexport type GetTableElementPropsGetter<T> = (userGetter?: ElementGetter, getter?: ElementGetter) => T\n\nexport type GetTableElementInternalPropsGetter =\n (internalProps: DefaultObject, userGetter?: ElementGetter, getter?: ElementGetter) =>\n HeaderPropGetter<DefaultObject>\n\nexport type ColumnWithSort = HeaderGroup<DefaultObject> & Partial<UseSortByColumnProps<DefaultObject>>\n\nexport type StandardColumn = Column<DefaultObject>\n\nexport type StandardRow = Row<DefaultObject>\n\nexport type SelectableRow = Row<{ id: string }> & UseRowSelectRowProps<DefaultObject>\n\nexport type StandardCell = Cell<DefaultObject>\n\nexport type SelectableRowInstanceProps = UseRowSelectInstanceProps<DefaultObject>\n\nexport type StandardHooks = Hooks<DefaultObject>\n\nexport type TableHooksInstanceProps =\n UseSortByInstanceProps<DefaultObject> &\n UsePaginationInstanceProps<DefaultObject> &\n UseRowSelectInstanceProps<DefaultObject> &\n { state: UseRowSelectState<DefaultObject> & UsePaginationState<DefaultObject>};\n\nexport type TableOptionsProps =\n UseTableOptions<DefaultObject> & UseSortByOptions<DefaultObject> & UsePaginationOptions<DefaultObject> &\n { initialState: Partial<TableState<DefaultObject>> & Partial<UsePaginationState<DefaultObject>> }\n\nexport class Table extends React.Component<Partial<TableProps>> {}\n","import {\n ElementGetter,\n BaseMeta,\n TableGetter,\n ElementCellPropGetter,\n ElementRowPropGetter,\n DefaultObject,\n ElementHeaderFooterPropGetter,\n GetTableElementPropsGetter,\n GetTableContainerPropsGetter,\n GetTableElementInternalPropsGetter,\n} from './types';\n\nexport const defaultGetter: ElementGetter = (props) => props;\n\nexport const cellGetter: ElementGetter = (props, {cell}) => ({\n ...props,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n align: cell?.column?.align,\n});\nexport const mainCellGetter: ElementGetter = (props, {column}) => ({\n ...props,\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n align: column?.align,\n});\n\nexport const getTableProps: GetTableContainerPropsGetter = (userGetter, getter = defaultGetter as TableGetter) => {\n if (userGetter) {\n return (props) => ({\n ...getter(props),\n ...userGetter(props),\n });\n }\n\n return getter;\n};\n\nexport const getTableElementProps:\n GetTableElementPropsGetter<ElementHeaderFooterPropGetter> = (userGetter, getter = defaultGetter) => {\n if (userGetter) {\n return (props, meta) => ({\n ...getter(props, meta),\n ...userGetter(props, meta),\n });\n }\n\n return getter;\n };\n\nexport const getTableRowProps:\n GetTableElementPropsGetter<ElementRowPropGetter> = (userGetter, getter = defaultGetter) => {\n if (userGetter) {\n return (props, meta) => ({\n ...getter(props, meta),\n ...userGetter(props, meta),\n });\n }\n\n return getter;\n };\n\nexport const getTableCellProps:\n GetTableElementPropsGetter<ElementCellPropGetter> = (userGetter, getter = defaultGetter) => {\n if (userGetter) {\n return (props, meta) => ({\n ...getter(props, meta),\n ...userGetter(props, meta),\n });\n }\n\n return getter;\n };\n\nexport const getTableElementInternalProps:\n GetTableElementInternalPropsGetter = (internalProps, userGetter, getter = defaultGetter) => {\n if (userGetter) {\n return (props, meta) => ({\n ...getter({...props, ...internalProps}, meta),\n ...userGetter(props, meta),\n });\n }\n\n return (props: DefaultObject, meta: BaseMeta) => getter({...props, ...internalProps}, meta);\n };\n","/* eslint max-len: off */\nimport styled, {\n keyframes, css, CSSObject,\n} from 'styled-components';\nimport {\n fontNormal,\n white,\n black,\n spacing,\n gray80,\n gray95,\n} from '@propellerads/stylevariables';\n\nconst loadingAnimation = keyframes`\n from {\n background-position-x: 0;\n }\n 50% {\n background-position-x: 100%;\n }\n 100% {\n background-position-x: 0;\n }\n`;\n\nexport const TableLoading = styled.div`\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background: rgba(255, 255, 255, 0.8);\n transition: all 0.3s ease;\n z-index: -1;\n opacity: 0;\n pointer-events: none;\n \n ${(props: { isLoading: boolean }) => props.isLoading && css`\n opacity: 1;\n z-index: 2;\n pointer-events: all;\n `}\n`;\n\nexport const TableLoadingInner = styled.div`\n position: absolute;\n display: block;\n text-align: center;\n width: 100%;\n top: 50%;\n left: 0;\n color: rgba(0, 0, 0, 0.6);\n transform: translateY(-52%);\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n`;\n\nexport const TableWrapper = styled.div`\n position: relative;\n overflow: hidden;\n \n &::before {\n bottom: 10px;\n content: '';\n opacity: 0;\n pointer-events: none;\n position: absolute;\n width: 10px;\n height: 100%;\n top: 0;\n left: -10px;\n box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);\n transition: 0.3s opacity;\n }\n\n &::after {\n bottom: 10px;\n content: '';\n opacity: 0;\n pointer-events: none;\n width: 10px;\n height: 100%;\n position: absolute;\n top: 0;\n right: -10px;\n box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);\n transition: 0.3s opacity;\n }\n \n &.shadow_left {\n &::before {\n opacity: 1 !important;\n }\n }\n \n &.shadow_right {\n &::after {\n opacity: 1 !important;\n }\n }\n`;\n\nexport const TableRoot = styled.div`\n font-size: ${fontNormal}px;\n position: relative;\n display: flex;\n flex-direction: column;\n border: 0;\n`;\n\nexport const TableContent = styled.div`\n display: block;\n max-width: 100%;\n overflow-x: scroll;\n overflow-y: hidden;\n`;\n\nexport const TableCore = styled.div`\n flex: auto 1;\n display: flex;\n flex-direction: column;\n align-items: stretch; \n border-collapse: collapse;\n`;\n\nexport const HeadCell = styled.div`\n display: inline-flex;\n`;\n\nexport const TD = styled.div`\n white-space: nowrap;\n text-overflow: ellipsis;\n line-height: 1.3rem;\n padding: 7px 4px;\n overflow: hidden;\n transition: width 0.3s ease 0s, min-width, padding, opacity;\n \n ${({align}: { align?: CSSObject, colSpan?: number }) => align && css`\n text-align: ${align}`\n}\n`;\n\nexport const EmptyStateCell = styled.div`\n width: 100%;\n height: ${spacing * 4}px;\n background: linear-gradient(to left, ${gray95}, ${white}, ${gray95});\n background-size: 200% 200%;\n animation: ${loadingAnimation} 1.6s linear infinite;\n`;\n\nexport const TH = styled.div`\n padding: 0 4px;\n line-height: normal;\n position: relative;\n transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;\n color: rgb(0, 0, 0);\n font-weight: 500;\n outline: none;\n`;\n\nexport const THead = styled.div`\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n user-select: none;\n \n ${TH}, ${TD} {\n padding: 0 4px;\n line-height: normal;\n position: relative;\n transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n color: ${black};\n font-weight: 500;\n outline: none;\n }\n`;\n\nexport const TRGroup = styled.div`\n display: flex;\n flex: 1 0 auto;\n box-shadow: inset 0 -1px 0 0 ${gray95};\n min-width: 100%;\n width: max-content;\n`;\n\nexport const TR = styled.div`\n padding: 0;\n -webkit-box-align: center;\n align-items: center;\n`;\n\nexport const TBody = styled.div`\n border-top: 1px solid ${gray80};\n margin-top: ${spacing * 2}px;\n min-width: 100%;\n width: max-content;\n`;\n\nexport const TFoot = styled.div`\n background: ${gray95};\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n`;\n","import React, {\n FunctionComponent,\n useEffect,\n useMemo,\n useRef,\n} from 'react';\nimport {\n useSortBy,\n useTable,\n useRowSelect,\n usePagination,\n useFlexLayout,\n Column,\n} from 'react-table';\n\nimport {\n ArrowDownFull, ArrowUp, COLOR, SIZE,\n} from '@propellerads/icon';\nimport Checkbox from '@propellerads/input-checkbox';\n\nimport useLoadingState from './useLoadingState';\nimport useTableShadow from './useTableShadow';\n\nimport {\n FOOTER_PLACEMENT,\n TableProps,\n PaginationProps,\n StandardHooks,\n StandardColumn,\n StandardRow,\n StandardCell,\n ColumnWithSort,\n TableHooksInstanceProps,\n SelectableRowInstanceProps,\n TableOptionsProps,\n SelectableRow,\n DefaultObject,\n} from './types';\n\nimport {\n getTableProps as getTableBodyProps,\n getTableElementProps,\n getTableElementInternalProps,\n cellGetter,\n mainCellGetter,\n getTableCellProps,\n getTableRowProps,\n} from './propsGetter';\n\nimport {\n TableRoot,\n TableWrapper,\n TableContent,\n HeadCell,\n TableLoading,\n TableLoadingInner,\n TD,\n TableCore,\n THead,\n TR,\n TH,\n TBody,\n TRGroup,\n TFoot,\n EmptyStateCell,\n} from './style';\n\nexport const defaultProps = {\n hasDefaultPagination: false,\n isLoading: false,\n footerPlacement: [],\n loadingMessage: 'loading...',\n labelPerPage: 'Show rows',\n parentElementId: 'parent-element',\n tableContentId: '',\n showLoadingState: false,\n LoadingCellComponent: EmptyStateCell,\n getRowPreProps: () => ({}),\n noDataMessage: '',\n};\n\ntype DefaultProps = Readonly<typeof defaultProps>;\n\nconst disableSortRemove = true;\nconst disableMultiSort = true;\nconst disabledMultiRemove = true;\n\nconst DEFAULT_PAGE_INDEX = 0;\nconst DEFAULT_PAGE_SIZE = 10;\n\nfunction isFunction(reference?: (arg1?: any, arg2?: any) => void) {\n return typeof reference === 'function';\n}\n\nfunction getHeadContent(column: ColumnWithSort) {\n if (column.isSorted && column.isSortedDesc) {\n return (\n <HeadCell>\n {column.render('Header')}\n <ArrowDownFull\n size={SIZE.SMALL}\n color={COLOR.GRAY_DARK}\n />\n </HeadCell>\n );\n }\n\n if (column.isSorted && !column.isSortedDesc) {\n return (\n <HeadCell>\n {column.render('Header')}\n <ArrowUp\n size={SIZE.SMALL}\n color={COLOR.GRAY_DARK}\n />\n </HeadCell>\n );\n }\n\n return column.render('Header');\n}\n\nconst Table: FunctionComponent<TableProps & DefaultProps> = (props) => {\n const {\n columns,\n data,\n totalItems,\n fetchData,\n controlledPagination,\n initialState,\n isLoading,\n loadingMessage,\n labelPerPage,\n footerPlacement,\n onSortedChange,\n hasDefaultPagination,\n onSelectRowsChange,\n parentElementId,\n tableContentId,\n LoadingCellComponent,\n PaginationComponent,\n getRowPreProps,\n getTableProps,\n getHeaderGroupProps,\n getHeaderProps,\n getRowProps,\n getCellProps,\n getFooterProps,\n getFooterGroupProps,\n showLoadingState,\n noDataMessage,\n } = props;\n\n const memoColumns = useMemo(() => columns, [columns]);\n\n const {loadingColumns, loadingData} = useLoadingState(\n showLoadingState, isLoading, controlledPagination?.pageSize ?? DEFAULT_PAGE_SIZE, memoColumns, LoadingCellComponent,\n );\n\n const showLoading = showLoadingState && isLoading;\n const hasSelectedRowsAbility = onSelectRowsChange && isFunction(onSelectRowsChange);\n const hasManualSortBy = onSortedChange && isFunction(onSortedChange);\n const hasControlledPagination = fetchData && controlledPagination && Object.keys(controlledPagination).length > 0;\n\n const options: TableOptionsProps = {\n columns: showLoading ? (loadingColumns as Column<DefaultObject>[]) : memoColumns,\n data: showLoading ? loadingData : data,\n initialState,\n disableSortRemove,\n disableMultiSort,\n disabledMultiRemove,\n };\n\n if (hasManualSortBy) {\n options.manualSortBy = true;\n }\n\n if (hasControlledPagination) {\n if (typeof controlledPagination?.pageCount === 'undefined') {\n throw new Error('You have to pass pageCount in controlledPagination data');\n }\n\n options.initialState = {\n ...options.initialState,\n pageIndex: controlledPagination.pageIndex ?? DEFAULT_PAGE_INDEX,\n pageSize: controlledPagination.pageSize ?? DEFAULT_PAGE_SIZE,\n };\n\n options.autoResetPage = true;\n options.manualPagination = true;\n options.pageCount = controlledPagination.pageCount;\n }\n\n const useSelect = (hooks: StandardHooks) => {\n if (!hasSelectedRowsAbility) {\n return;\n }\n\n const newColumn = {\n id: 'selection',\n disableSortBy: true,\n Header: (instance: SelectableRowInstanceProps) => {\n const {getToggleAllRowsSelectedProps, toggleAllRowsSelected} = instance;\n\n return (\n <Checkbox\n elementId=\"all\"\n onChange={toggleAllRowsSelected}\n isChecked={getToggleAllRowsSelectedProps().checked}\n />\n );\n },\n Cell: ({row}: { row: SelectableRow }) => {\n const {\n id,\n original,\n toggleRowSelected,\n getToggleRowSelectedProps,\n } = row;\n\n const elementId = Number.isInteger(original.id) ? original.id : id;\n\n return (\n <Checkbox\n elementId={elementId}\n onChange={toggleRowSelected}\n isChecked={getToggleRowSelectedProps().checked}\n />\n );\n },\n };\n\n hooks.visibleColumns.push((tableColumns: Array<StandardColumn>) => ([\n newColumn,\n ...tableColumns,\n ]));\n };\n\n const {\n getTableProps: _getTableProps,\n headerGroups,\n footerGroups,\n setHiddenColumns,\n rows,\n prepareRow,\n visibleColumns,\n ...rest\n } = useTable(\n options,\n useFlexLayout,\n useSortBy,\n usePagination,\n useRowSelect,\n useSelect,\n );\n\n const {\n selectedFlatRows,\n setSortBy,\n page,\n canPreviousPage,\n canNextPage,\n pageCount,\n gotoPage,\n nextPage,\n previousPage,\n setPageSize,\n state: {selectedRowIds, pageIndex, pageSize},\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n } = rest as TableHooksInstanceProps;\n\n const tableRef = useRef(null);\n const tableWrapperRef = useRef(null);\n\n useTableShadow(tableRef, tableWrapperRef);\n\n useEffect(() => {\n if (!initialState?.hiddenColumns) {\n return;\n }\n\n setHiddenColumns(initialState.hiddenColumns);\n }, [initialState?.hiddenColumns]);\n\n useEffect(() => {\n if (hasSelectedRowsAbility) {\n onSelectRowsChange?.(selectedFlatRows?.map((row: StandardRow) => row.original));\n }\n }, [selectedRowIds]);\n\n let pagination: JSX.Element | null = null;\n\n if (hasDefaultPagination && hasControlledPagination) {\n // eslint-disable-next-line max-len\n throw new Error('You have to pass either hasDefaultPagination true boolean prop or pass fetchData callback and controlledPagination data');\n }\n\n if (hasControlledPagination || hasDefaultPagination) {\n const paginationData: PaginationProps = {\n setPageSize,\n gotoPage,\n canNextPage,\n canPreviousPage,\n parentElementId,\n labelPerPage,\n pageIndex,\n previousPageHandler: previousPage,\n nextPageHandler: nextPage,\n totalPages: pageCount,\n perPage: pageSize,\n totalItems: totalItems ?? data.length,\n };\n\n if (hasControlledPagination && controlledPagination) {\n paginationData.canNextPage = controlledPagination.pageIndex + 1 !== paginationData.totalPages;\n paginationData.canPreviousPage = controlledPagination.pageIndex !== 0;\n paginationData.pageIndex = controlledPagination.pageIndex;\n paginationData.perPage = controlledPagination.pageSize;\n\n paginationData.setPageSize = (newPageSize: number) => {\n fetchData?.({\n pageIndex: paginationData.pageIndex,\n pageSize: newPageSize,\n });\n };\n\n paginationData.gotoPage = (newPageIndex: number) => {\n fetchData?.({\n pageIndex: newPageIndex,\n pageSize: paginationData.perPage,\n });\n };\n\n paginationData.nextPageHandler = () => {\n const newPageIndex = paginationData.pageIndex + 1;\n paginationData.gotoPage(newPageIndex);\n };\n\n paginationData.previousPageHandler = () => {\n const newPageIndex = paginationData.pageIndex - 1;\n paginationData.gotoPage(newPageIndex);\n };\n\n if (controlledPagination?.paginationAmount) {\n paginationData.paginationAmount = controlledPagination.paginationAmount;\n }\n }\n\n pagination = (\n <PaginationComponent {...paginationData} />\n );\n }\n\n function extendSortByProps(column: ColumnWithSort) {\n const headerProps = column.getSortByToggleProps && column.getSortByToggleProps();\n\n delete headerProps?.style;\n\n if (hasManualSortBy && column.canSort && headerProps) {\n headerProps.onClick = () => {\n onSortedChange?.(column.id, Boolean(column.isSortedDesc));\n setSortBy([{\n id: column.id,\n desc: !column.isSortedDesc,\n }]);\n };\n }\n\n return headerProps;\n }\n\n const tBodyTr = (hasControlledPagination || hasDefaultPagination) ? page : rows;\n\n return (\n <TableRoot className=\"table-root\">\n <TableLoading isLoading={!showLoadingState && isLoading} className=\"table-loading\">\n <TableLoadingInner>\n {loadingMessage}\n </TableLoadingInner>\n </TableLoading>\n <TableWrapper ref={tableWrapperRef} className=\"table-wrapper\">\n <TableContent id={tableContentId} className=\"table-content\">\n <TableCore {..._getTableProps(getTableBodyProps(getTableProps))} ref={tableRef}>\n <THead className=\"table-head\">\n {headerGroups.map((headerGroup) => (\n <TR {...headerGroup.getHeaderGroupProps(getTableElementProps(getHeaderGroupProps))}>\n {headerGroup.headers.map((column) => {\n const headerProps = extendSortByProps(column) as DefaultObject;\n\n return (\n <TH\n {...column.getHeaderProps(getTableElementInternalProps(\n headerProps, getHeaderProps, mainCellGetter,\n ))}\n >\n {getHeadContent(column)}\n </TH>\n );\n })}\n </TR>\n ))}\n </THead>\n {footerPlacement.includes(FOOTER_PLACEMENT.TOP) && (\n <TFoot className=\"table-footer-top\">\n {footerGroups.map((group) => (\n <TR {...group.getFooterGroupProps(getTableElementProps(getFooterGroupProps))}>\n {group.headers.map((column) => (\n <TD {...column.getFooterProps(getTableElementProps(getFooterProps, mainCellGetter))}>\n {column.render('Footer')}\n </TD>\n ))}\n </TR>\n ))}\n </TFoot>\n )}\n <TBody className=\"table-body\">\n {tBodyTr.map((row: StandardRow) => {\n prepareRow(row);\n const {isDelimiterTd} = getRowPreProps(row);\n\n if (isDelimiterTd) {\n return (\n <TRGroup key={`group_${row.index}`}>\n <TR {...row.getRowProps(getTableRowProps(getRowProps))}>\n <TD\n colSpan={visibleColumns.length}\n {...row.cells[0].getCellProps(getTableCellProps(getCellProps, cellGetter))}\n >\n <strong>{row.cells[0].render('Cell')}</strong>\n </TD>\n </TR>\n </TRGroup>\n );\n }\n\n return (\n <TRGroup key={`group_${row.index}`}>\n <TR {...row.getRowProps(getTableRowProps(getRowProps))}>\n {row.cells.map((cell: StandardCell) => (\n <TD {...cell.getCellProps(getTableCellProps(getCellProps, cellGetter))}>\n {cell.render('Cell')}\n </TD>\n ))}\n </TR>\n </TRGroup>\n );\n })}\n </TBody>\n {footerPlacement.includes(FOOTER_PLACEMENT.BOTTOM) && (\n <TFoot className=\"table-footer-bottom\">\n {footerGroups.map((group) => (\n <TR {...group.getFooterGroupProps(getTableElementProps(getFooterGroupProps))}>\n {group.headers.map((column) => (\n <TD {...column.getFooterProps(getTableElementProps(getFooterProps, mainCellGetter))}>\n {column.render('Footer')}\n </TD>\n ))}\n </TR>\n ))}\n </TFoot>\n )}\n </TableCore>\n </TableContent>\n </TableWrapper>\n {!isLoading && !data.length && noDataMessage}\n {pagination}\n </TableRoot>\n );\n};\n\nTable.defaultProps = defaultProps;\n\nexport {Table};\n"],"names":["useLoadingState","showLoadingState","loading","pageSize","columns","LoadingCellComponent","loadingColumns","useMemo","map","key","maxWidth","width","Header","column","Cell","React","accessor","loadingData","length","dataObject","dataArray","i","push","TABLE_SHADOW_CLASS_NAME","LEFT","RIGHT","changeClassName","tableWrapperNode","newClassNameList","classList","remove","add","calculateNewClassNames","tableNode","tableRect","getBoundingClientRect","tableWrapperRect","newClassName","tableRectLeft","Math","floor","left","tableRectRight","right","tableWrapperRectLeft","tableWrapperRectRight","tableRef","tableWrapperRef","useEffect","ticking","onMousewheel","window","requestAnimationFrame","current","addEventListener","removeEventListener","FOOTER_PLACEMENT","defaultGetter","props","cellGetter","cell","align","mainCellGetter","getTableProps","userGetter","getter","getTableElementProps","meta","getTableRowProps","getTableCellProps","getTableElementInternalProps","internalProps","loadingAnimation","keyframes","TableLoading","styled","div","isLoading","css","TableLoadingInner","TableWrapper","TableRoot","fontNormal","TableContent","TableCore","HeadCell","TD","EmptyStateCell","spacing","gray95","white","TH","THead","black","TRGroup","TR","TBody","gray80","TFoot","defaultProps","hasDefaultPagination","footerPlacement","loadingMessage","labelPerPage","parentElementId","tableContentId","getRowPreProps","noDataMessage","disableSortRemove","disableMultiSort","disabledMultiRemove","DEFAULT_PAGE_INDEX","DEFAULT_PAGE_SIZE","isFunction","reference","getHeadContent","isSorted","isSortedDesc","render","ArrowDownFull","size","SIZE","SMALL","color","COLOR","GRAY_DARK","ArrowUp","Table","data","totalItems","fetchData","controlledPagination","initialState","onSortedChange","onSelectRowsChange","PaginationComponent","getHeaderGroupProps","getHeaderProps","getRowProps","getCellProps","getFooterProps","getFooterGroupProps","memoColumns","showLoading","hasSelectedRowsAbility","hasManualSortBy","hasControlledPagination","Object","keys","options","manualSortBy","pageCount","Error","pageIndex","autoResetPage","manualPagination","useSelect","hooks","newColumn","id","disableSortBy","instance","getToggleAllRowsSelectedProps","toggleAllRowsSelected","Checkbox","elementId","onChange","isChecked","checked","row","original","toggleRowSelected","getToggleRowSelectedProps","Number","isInteger","visibleColumns","tableColumns","useTable","useFlexLayout","useSortBy","usePagination","useRowSelect","_getTableProps","headerGroups","footerGroups","setHiddenColumns","rows","prepareRow","rest","selectedFlatRows","setSortBy","page","canPreviousPage","canNextPage","gotoPage","nextPage","previousPage","setPageSize","state","selectedRowIds","useRef","useTableShadow","hiddenColumns","pagination","paginationData","previousPageHandler","nextPageHandler","totalPages","perPage","newPageSize","newPageIndex","paginationAmount","extendSortByProps","headerProps","getSortByToggleProps","style","canSort","onClick","Boolean","desc","tBodyTr","className","ref","getTableBodyProps","headerGroup","headers","includes","TOP","group","isDelimiterTd","index","colSpan","cells","BOTTOM"],"mappings":"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"}
|