@propellerads/table 5.0.1 → 5.0.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/dist/table.cjs.development.js +99 -374
- 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 +99 -374
- package/dist/table.esm.js.map +1 -1
- package/package.json +10 -11
- package/src/index.tsx +1 -0
- package/src/useLoadingState.tsx +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.cjs.development.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(\n () =>\n showLoadingState && loading\n ? columns.map((column: Column<DefaultObject>) => {\n const loadingColumn: Column<DefaultObject> = {\n ...column,\n Cell: () => <LoadingCellComponent />,\n };\n\n return loadingColumn;\n })\n : [],\n [columns, loading, showLoadingState],\n );\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,\n TableState,\n UsePaginationInstanceProps,\n UsePaginationOptions,\n UsePaginationState,\n UseRowSelectInstanceProps,\n UseRowSelectState,\n UseSortByColumnProps,\n UseRowSelectRowProps,\n UseSortByInstanceProps,\n UseSortByOptions,\n UseTableOptions,\n 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 rowSubComponent?: (row: StandardRow) => ReactElement;\n isEnableRowSelect?: (original: DefaultObject) => boolean;\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 =\n | FooterGroupPropGetter<DefaultObject>\n | HeaderGroupPropGetter<DefaultObject>\n | FooterPropGetter<DefaultObject>;\n\nexport type GetTableContainerPropsGetter = (\n userGetter?: TableGetter,\n getter?: TableGetter,\n) => TablePropGetter<DefaultObject> | TableBodyPropGetter<DefaultObject>;\n\nexport type GetTableElementPropsGetter<T> = (userGetter?: ElementGetter, getter?: ElementGetter) => T;\n\nexport type GetTableElementInternalPropsGetter = (\n internalProps: DefaultObject,\n userGetter?: ElementGetter,\n 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> & {isExpanded?: boolean};\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 = UseSortByInstanceProps<DefaultObject> &\n UsePaginationInstanceProps<DefaultObject> &\n UseRowSelectInstanceProps<DefaultObject> & {\n state: UseRowSelectState<DefaultObject> & UsePaginationState<DefaultObject>;\n };\n\nexport type TableOptionsProps = UseTableOptions<DefaultObject> &\n UseSortByOptions<DefaultObject> &\n UsePaginationOptions<DefaultObject> & {\n initialState: Partial<TableState<DefaultObject>> & Partial<UsePaginationState<DefaultObject>>;\n };\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: GetTableElementPropsGetter<ElementHeaderFooterPropGetter> = (\n userGetter,\n getter = defaultGetter,\n) => {\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: GetTableElementPropsGetter<ElementRowPropGetter> = (\n userGetter,\n getter = defaultGetter,\n) => {\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: GetTableElementPropsGetter<ElementCellPropGetter> = (\n userGetter,\n getter = defaultGetter,\n) => {\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: GetTableElementInternalPropsGetter = (\n internalProps,\n userGetter,\n getter = defaultGetter,\n) => {\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, {keyframes, css, CSSObject} from 'styled-components';\nimport {fontNormal, white, black, spacing, gray80, gray95} 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}) =>\n props.isLoading &&\n 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}) =>\n align &&\n 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\nexport const TResizer = styled.div`\n display: inline-block;\n position: absolute;\n right: 5px;\n top: 0;\n z-index: 1;\n touch-action: none;\n\n &:after {\n content: '↔';\n position: absolute;\n right: 0;\n top: 0;\n }\n`;\n","import React, {FunctionComponent, useEffect, useMemo, useRef} from 'react';\nimport {\n useSortBy,\n useTable,\n useRowSelect,\n usePagination,\n useExpanded,\n useFlexLayout,\n useResizeColumns,\n Column,\n} from 'react-table';\n\nimport {ArrowDown, ArrowUp, COLOR, SIZE} 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 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 as _TableRoot,\n TableWrapper as _TableWrapper,\n TableContent as _TableContent,\n HeadCell as _HeadCell,\n TableLoading as _TableLoading,\n TableLoadingInner as _TableLoadingInner,\n TD as _TD,\n TableCore as _TableCore,\n THead as _THead,\n TR as _TR,\n TH as _TH,\n TBody as _TBody,\n TRGroup as _TRGroup,\n TFoot as _TFoot,\n EmptyStateCell as _EmptyStateCell,\n TResizer as _TResizer,\n} from './style';\n\nconst TableRoot = _TableRoot as unknown as React.FunctionComponent<DefaultObject>;\nconst TableWrapper = _TableWrapper as unknown as React.FunctionComponent<DefaultObject>;\nconst TableContent = _TableContent as unknown as React.FunctionComponent<DefaultObject>;\nconst HeadCell = _HeadCell as unknown as React.FunctionComponent<DefaultObject>;\nconst TableLoading = _TableLoading as unknown as React.FunctionComponent<DefaultObject>;\nconst TableLoadingInner = _TableLoadingInner as unknown as React.FunctionComponent<DefaultObject>;\nconst TD = _TD as unknown as React.FunctionComponent<DefaultObject>;\nconst TableCore = _TableCore as unknown as React.FunctionComponent<DefaultObject>;\nconst THead = _THead as unknown as React.FunctionComponent<DefaultObject>;\nconst TR = _TR as unknown as React.FunctionComponent<DefaultObject>;\nconst TH = _TH as unknown as React.FunctionComponent<DefaultObject>;\nconst TBody = _TBody as unknown as React.FunctionComponent<DefaultObject>;\nconst TRGroup = _TRGroup as unknown as React.FunctionComponent<DefaultObject>;\nconst TFoot = _TFoot as unknown as React.FunctionComponent<DefaultObject>;\nconst EmptyStateCell = _EmptyStateCell as unknown as React.FunctionComponent<DefaultObject>;\nconst TResizer = _TResizer as unknown as React.FunctionComponent<DefaultObject>;\n\nconst isEnableRowSelectDefault: () => boolean = () => true;\nconst selectColumnPropsDefault = {};\nconst getRowPrePropsDefault: () => DefaultObject = () => ({});\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 initialState: {},\n LoadingCellComponent: EmptyStateCell,\n getRowPreProps: getRowPrePropsDefault,\n isEnableRowSelect: isEnableRowSelectDefault,\n selectColumnProps: selectColumnPropsDefault,\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 renderResizer(column) {\n if (column.isResizable) {\n return (\n <TResizer\n {...column.getResizerProps()}\n onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n />\n );\n }\n\n return null;\n}\n\nfunction getHeadContent(column: ColumnWithSort) {\n if (column.isSorted && column.isSortedDesc) {\n return (\n <HeadCell>\n {column.render('Header')}\n <ArrowDown size={SIZE.SMALL} color={COLOR.GRAY_DARK} />\n </HeadCell>\n );\n }\n\n if (column.isSorted && !column.isSortedDesc) {\n return (\n <HeadCell>\n {column.render('Header')}\n <ArrowUp size={SIZE.SMALL} color={COLOR.GRAY_DARK} />\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 rowSubComponent,\n isEnableRowSelect,\n selectColumnProps,\n } = props;\n\n const memoColumns = useMemo(() => columns, [columns]);\n\n const {loadingColumns, loadingData} = useLoadingState(\n showLoadingState,\n isLoading,\n controlledPagination?.pageSize ?? DEFAULT_PAGE_SIZE,\n memoColumns,\n 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: TableHooksInstanceProps & {toggleAllPageRowsSelected: () => void}) => {\n const {getToggleAllPageRowsSelectedProps, toggleAllPageRowsSelected, page} = instance;\n\n const isDisabledAllRows = page.map(({original}) => original).filter(isEnableRowSelect).length === 0;\n\n return (\n <Checkbox\n elementId=\"all\"\n onChange={toggleAllPageRowsSelected}\n isChecked={getToggleAllPageRowsSelectedProps().checked}\n isDisabled={isDisabledAllRows}\n />\n );\n },\n Cell: ({row}: {row: SelectableRow}) => {\n const {id, original, toggleRowSelected, getToggleRowSelectedProps} = row;\n\n const elementId = Number.isInteger(original.id) ? original.id : id;\n const isEnabled = isEnableRowSelect(row.original);\n\n return (\n <Checkbox\n elementId={elementId}\n onChange={toggleRowSelected}\n isDisabled={!isEnabled}\n isChecked={isEnabled && getToggleRowSelectedProps().checked}\n />\n );\n },\n ...selectColumnProps,\n };\n\n hooks.visibleColumns.push((tableColumns: Array<StandardColumn>) => [newColumn, ...tableColumns]);\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 useExpanded,\n usePagination,\n useRowSelect,\n useSelect,\n useResizeColumns,\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).filter(isEnableRowSelect));\n }\n }, [selectedRowIds]);\n\n let pagination: JSX.Element | null = null;\n\n if (hasDefaultPagination && hasControlledPagination) {\n throw new Error(\n 'You have to pass either hasDefaultPagination true boolean prop or ' +\n 'pass fetchData callback and controlledPagination data',\n );\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 = <PaginationComponent {...paginationData} />;\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 {\n id: column.id,\n desc: !column.isSortedDesc,\n },\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>{loadingMessage}</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\" data-role=\"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(\n getTableElementInternalProps(headerProps, getHeaderProps, mainCellGetter),\n )}\n >\n {getHeadContent(column)}\n {renderResizer(column)}\n </TH>\n );\n })}\n </TR>\n ))}\n </THead>\n {footerPlacement.includes(FOOTER_PLACEMENT.TOP) && (\n <TFoot className=\"table-footer-top\" data-role=\"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\" data-role=\"table-body\">\n {tBodyTr.map((row: StandardRow) => {\n prepareRow(row);\n const {isDelimiterTd} = getRowPreProps(row);\n\n if (isDelimiterTd) {\n const cell = row.cells[0].render('Cell') as React.ReactNode;\n\n return (\n <React.Fragment key={`group_${row.index}`}>\n <TRGroup>\n <TR {...row.getRowProps(getTableRowProps(getRowProps))}>\n <TD\n colSpan={visibleColumns.length}\n {...row.cells[0].getCellProps(getTableCellProps(getCellProps, cellGetter))}\n >\n <strong>{cell}</strong>\n </TD>\n </TR>\n </TRGroup>\n {row?.isExpanded && rowSubComponent && rowSubComponent(row)}\n </React.Fragment>\n );\n }\n\n return (\n <React.Fragment key={`group_${row.index}`}>\n <TRGroup>\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 {row?.isExpanded && rowSubComponent && rowSubComponent(row)}\n </React.Fragment>\n );\n })}\n </TBody>\n {footerPlacement.includes(FOOTER_PLACEMENT.BOTTOM) && (\n <TFoot className=\"table-footer-bottom\" data-role=\"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","column","loadingColumn","Cell","React","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","TResizer","_TableRoot","_TableWrapper","_TableContent","_HeadCell","_TableLoading","_TableLoadingInner","_TD","_TableCore","_THead","_TR","_TH","_TBody","_TRGroup","_TFoot","_EmptyStateCell","_TResizer","isEnableRowSelectDefault","selectColumnPropsDefault","getRowPrePropsDefault","defaultProps","hasDefaultPagination","footerPlacement","loadingMessage","labelPerPage","parentElementId","tableContentId","initialState","getRowPreProps","isEnableRowSelect","selectColumnProps","noDataMessage","disableSortRemove","disableMultiSort","disabledMultiRemove","DEFAULT_PAGE_INDEX","DEFAULT_PAGE_SIZE","isFunction","reference","renderResizer","isResizable","getResizerProps","onClick","e","preventDefault","stopPropagation","getHeadContent","isSorted","isSortedDesc","render","ArrowDown","size","SIZE","SMALL","color","COLOR","GRAY_DARK","ArrowUp","Table","data","totalItems","fetchData","controlledPagination","onSortedChange","onSelectRowsChange","PaginationComponent","getHeaderGroupProps","getHeaderProps","getRowProps","getCellProps","getFooterProps","getFooterGroupProps","rowSubComponent","memoColumns","showLoading","hasSelectedRowsAbility","hasManualSortBy","hasControlledPagination","Object","keys","options","manualSortBy","pageCount","Error","pageIndex","autoResetPage","manualPagination","useSelect","hooks","newColumn","id","disableSortBy","Header","instance","getToggleAllPageRowsSelectedProps","toggleAllPageRowsSelected","page","isDisabledAllRows","original","filter","Checkbox","elementId","onChange","isChecked","checked","isDisabled","row","toggleRowSelected","getToggleRowSelectedProps","Number","isInteger","isEnabled","visibleColumns","tableColumns","useTable","useFlexLayout","useSortBy","useExpanded","usePagination","useRowSelect","useResizeColumns","_getTableProps","headerGroups","footerGroups","setHiddenColumns","rows","prepareRow","rest","selectedFlatRows","setSortBy","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","Boolean","desc","tBodyTr","className","ref","getTableBodyProps","headerGroup","headers","includes","TOP","group","isDelimiterTd","cells","Fragment","key","index","colSpan","isExpanded","BOTTOM"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"table.cjs.development.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(\n () =>\n showLoadingState && loading\n ? columns.map((column: Column<DefaultObject>) => {\n const loadingColumn: Column<DefaultObject> = {\n ...column,\n Cell: () => <LoadingCellComponent />,\n };\n\n return loadingColumn;\n })\n : [],\n [columns, loading, showLoadingState],\n );\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 // @ts-ignore\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,\n TableState,\n UsePaginationInstanceProps,\n UsePaginationOptions,\n UsePaginationState,\n UseRowSelectInstanceProps,\n UseRowSelectState,\n UseSortByColumnProps,\n UseRowSelectRowProps,\n UseSortByInstanceProps,\n UseSortByOptions,\n UseTableOptions,\n 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 rowSubComponent?: (row: StandardRow) => ReactElement;\n isEnableRowSelect?: (original: DefaultObject) => boolean;\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 =\n | FooterGroupPropGetter<DefaultObject>\n | HeaderGroupPropGetter<DefaultObject>\n | FooterPropGetter<DefaultObject>;\n\nexport type GetTableContainerPropsGetter = (\n userGetter?: TableGetter,\n getter?: TableGetter,\n) => TablePropGetter<DefaultObject> | TableBodyPropGetter<DefaultObject>;\n\nexport type GetTableElementPropsGetter<T> = (userGetter?: ElementGetter, getter?: ElementGetter) => T;\n\nexport type GetTableElementInternalPropsGetter = (\n internalProps: DefaultObject,\n userGetter?: ElementGetter,\n 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> & {isExpanded?: boolean};\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 = UseSortByInstanceProps<DefaultObject> &\n UsePaginationInstanceProps<DefaultObject> &\n UseRowSelectInstanceProps<DefaultObject> & {\n state: UseRowSelectState<DefaultObject> & UsePaginationState<DefaultObject>;\n };\n\nexport type TableOptionsProps = UseTableOptions<DefaultObject> &\n UseSortByOptions<DefaultObject> &\n UsePaginationOptions<DefaultObject> & {\n initialState: Partial<TableState<DefaultObject>> & Partial<UsePaginationState<DefaultObject>>;\n };\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: GetTableElementPropsGetter<ElementHeaderFooterPropGetter> = (\n userGetter,\n getter = defaultGetter,\n) => {\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: GetTableElementPropsGetter<ElementRowPropGetter> = (\n userGetter,\n getter = defaultGetter,\n) => {\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: GetTableElementPropsGetter<ElementCellPropGetter> = (\n userGetter,\n getter = defaultGetter,\n) => {\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: GetTableElementInternalPropsGetter = (\n internalProps,\n userGetter,\n getter = defaultGetter,\n) => {\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, {keyframes, css, CSSObject} from 'styled-components';\nimport {fontNormal, white, black, spacing, gray80, gray95} 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}) =>\n props.isLoading &&\n 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}) =>\n align &&\n 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\nexport const TResizer = styled.div`\n display: inline-block;\n position: absolute;\n right: 5px;\n top: 0;\n z-index: 1;\n touch-action: none;\n\n &:after {\n content: '↔';\n position: absolute;\n right: 0;\n top: 0;\n }\n`;\n","import React, {FunctionComponent, useEffect, useMemo, useRef} from 'react';\nimport {\n useSortBy,\n useTable,\n useRowSelect,\n usePagination,\n useExpanded,\n useFlexLayout,\n useResizeColumns,\n Column,\n} from 'react-table';\n\nimport {ArrowDown, ArrowUp, COLOR, SIZE} 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 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 as _TableRoot,\n TableWrapper as _TableWrapper,\n TableContent as _TableContent,\n HeadCell as _HeadCell,\n TableLoading as _TableLoading,\n TableLoadingInner as _TableLoadingInner,\n TD as _TD,\n TableCore as _TableCore,\n THead as _THead,\n TR as _TR,\n TH as _TH,\n TBody as _TBody,\n TRGroup as _TRGroup,\n TFoot as _TFoot,\n EmptyStateCell as _EmptyStateCell,\n TResizer as _TResizer,\n} from './style';\n\nconst TableRoot = _TableRoot as unknown as React.FunctionComponent<DefaultObject>;\nconst TableWrapper = _TableWrapper as unknown as React.FunctionComponent<DefaultObject>;\nconst TableContent = _TableContent as unknown as React.FunctionComponent<DefaultObject>;\nconst HeadCell = _HeadCell as unknown as React.FunctionComponent<DefaultObject>;\nconst TableLoading = _TableLoading as unknown as React.FunctionComponent<DefaultObject>;\nconst TableLoadingInner = _TableLoadingInner as unknown as React.FunctionComponent<DefaultObject>;\nconst TD = _TD as unknown as React.FunctionComponent<DefaultObject>;\nconst TableCore = _TableCore as unknown as React.FunctionComponent<DefaultObject>;\nconst THead = _THead as unknown as React.FunctionComponent<DefaultObject>;\nconst TR = _TR as unknown as React.FunctionComponent<DefaultObject>;\nconst TH = _TH as unknown as React.FunctionComponent<DefaultObject>;\nconst TBody = _TBody as unknown as React.FunctionComponent<DefaultObject>;\nconst TRGroup = _TRGroup as unknown as React.FunctionComponent<DefaultObject>;\nconst TFoot = _TFoot as unknown as React.FunctionComponent<DefaultObject>;\nconst EmptyStateCell = _EmptyStateCell as unknown as React.FunctionComponent<DefaultObject>;\nconst TResizer = _TResizer as unknown as React.FunctionComponent<DefaultObject>;\n\nconst isEnableRowSelectDefault: () => boolean = () => true;\nconst selectColumnPropsDefault = {};\nconst getRowPrePropsDefault: () => DefaultObject = () => ({});\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 initialState: {},\n LoadingCellComponent: EmptyStateCell,\n getRowPreProps: getRowPrePropsDefault,\n isEnableRowSelect: isEnableRowSelectDefault,\n selectColumnProps: selectColumnPropsDefault,\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 renderResizer(column) {\n if (column.isResizable) {\n return (\n <TResizer\n {...column.getResizerProps()}\n onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n />\n );\n }\n\n return null;\n}\n\nfunction getHeadContent(column: ColumnWithSort) {\n if (column.isSorted && column.isSortedDesc) {\n return (\n <HeadCell>\n {column.render('Header')}\n <ArrowDown size={SIZE.SMALL} color={COLOR.GRAY_DARK} />\n </HeadCell>\n );\n }\n\n if (column.isSorted && !column.isSortedDesc) {\n return (\n <HeadCell>\n {column.render('Header')}\n <ArrowUp size={SIZE.SMALL} color={COLOR.GRAY_DARK} />\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 rowSubComponent,\n isEnableRowSelect,\n selectColumnProps,\n } = props;\n\n const memoColumns = useMemo(() => columns, [columns]);\n\n const {loadingColumns, loadingData} = useLoadingState(\n showLoadingState,\n isLoading,\n controlledPagination?.pageSize ?? DEFAULT_PAGE_SIZE,\n memoColumns,\n 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: TableHooksInstanceProps & {toggleAllPageRowsSelected: () => void}) => {\n const {getToggleAllPageRowsSelectedProps, toggleAllPageRowsSelected, page} = instance;\n\n const isDisabledAllRows = page.map(({original}) => original).filter(isEnableRowSelect).length === 0;\n\n return (\n <Checkbox\n elementId=\"all\"\n onChange={toggleAllPageRowsSelected}\n isChecked={getToggleAllPageRowsSelectedProps().checked}\n isDisabled={isDisabledAllRows}\n />\n );\n },\n Cell: ({row}: {row: SelectableRow}) => {\n const {id, original, toggleRowSelected, getToggleRowSelectedProps} = row;\n\n const elementId = Number.isInteger(original.id) ? original.id : id;\n const isEnabled = isEnableRowSelect(row.original);\n\n return (\n <Checkbox\n elementId={elementId}\n onChange={toggleRowSelected}\n isDisabled={!isEnabled}\n isChecked={isEnabled && getToggleRowSelectedProps().checked}\n />\n );\n },\n ...selectColumnProps,\n };\n\n // @ts-ignore\n hooks.visibleColumns.push((tableColumns: Array<StandardColumn>) => [newColumn, ...tableColumns]);\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 useExpanded,\n usePagination,\n useRowSelect,\n useSelect,\n useResizeColumns,\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).filter(isEnableRowSelect));\n }\n }, [selectedRowIds]);\n\n let pagination: JSX.Element | null = null;\n\n if (hasDefaultPagination && hasControlledPagination) {\n throw new Error(\n 'You have to pass either hasDefaultPagination true boolean prop or ' +\n 'pass fetchData callback and controlledPagination data',\n );\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 = <PaginationComponent {...paginationData} />;\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 {\n id: column.id,\n desc: !column.isSortedDesc,\n },\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>{loadingMessage}</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\" data-role=\"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(\n getTableElementInternalProps(headerProps, getHeaderProps, mainCellGetter),\n )}\n >\n {getHeadContent(column)}\n {renderResizer(column)}\n </TH>\n );\n })}\n </TR>\n ))}\n </THead>\n {footerPlacement.includes(FOOTER_PLACEMENT.TOP) && (\n <TFoot className=\"table-footer-top\" data-role=\"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\" data-role=\"table-body\">\n {tBodyTr.map((row: StandardRow) => {\n prepareRow(row);\n const {isDelimiterTd} = getRowPreProps(row);\n\n if (isDelimiterTd) {\n const cell = row.cells[0].render('Cell') as React.ReactNode;\n\n return (\n <React.Fragment key={`group_${row.index}`}>\n <TRGroup>\n <TR {...row.getRowProps(getTableRowProps(getRowProps))}>\n <TD\n colSpan={visibleColumns.length}\n {...row.cells[0].getCellProps(getTableCellProps(getCellProps, cellGetter))}\n >\n <strong>{cell}</strong>\n </TD>\n </TR>\n </TRGroup>\n {row?.isExpanded && rowSubComponent && rowSubComponent(row)}\n </React.Fragment>\n );\n }\n\n return (\n <React.Fragment key={`group_${row.index}`}>\n <TRGroup>\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 {row?.isExpanded && rowSubComponent && rowSubComponent(row)}\n </React.Fragment>\n );\n })}\n </TBody>\n {footerPlacement.includes(FOOTER_PLACEMENT.BOTTOM) && (\n <TFoot className=\"table-footer-bottom\" data-role=\"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","column","loadingColumn","_extends","Cell","React","loadingData","length","dataObject","dataArray","i","push","TABLE_SHADOW_CLASS_NAME","LEFT","RIGHT","changeClassName","tableWrapperNode","newClassNameList","classList","remove","add","apply","calculateNewClassNames","tableNode","tableRect","getBoundingClientRect","tableWrapperRect","newClassName","tableRectLeft","Math","floor","left","tableRectRight","right","tableWrapperRectLeft","tableWrapperRectRight","tableRef","tableWrapperRef","useEffect","ticking","onMousewheel","window","requestAnimationFrame","current","_tableRef$current","addEventListener","_tableRef$current2","removeEventListener","FOOTER_PLACEMENT","defaultGetter","props","cellGetter","_ref","_cell$column","cell","align","mainCellGetter","_ref2","getTableProps","userGetter","getter","getTableElementProps","meta","getTableRowProps","getTableCellProps","getTableElementInternalProps","internalProps","loadingAnimation","keyframes","_templateObject","_taggedTemplateLiteralLoose","TableLoading","styled","div","_templateObject2","isLoading","css","_templateObject3","TableLoadingInner","_templateObject4","TableWrapper","_templateObject5","TableRoot","_templateObject6","fontNormal","TableContent","_templateObject7","TableCore","_templateObject8","HeadCell","_templateObject9","TD","_templateObject0","_templateObject1","EmptyStateCell","_templateObject10","spacing","gray95","white","TH","_templateObject11","THead","_templateObject12","black","TRGroup","_templateObject13","TR","_templateObject14","TBody","_templateObject15","gray80","TFoot","_templateObject16","TResizer","_templateObject17","_TableRoot","_TableWrapper","_TableContent","_HeadCell","_TableLoading","_TableLoadingInner","_TD","_TableCore","_THead","_TR","_TH","_TBody","_TRGroup","_TFoot","_EmptyStateCell","_TResizer","isEnableRowSelectDefault","selectColumnPropsDefault","getRowPrePropsDefault","defaultProps","hasDefaultPagination","footerPlacement","loadingMessage","labelPerPage","parentElementId","tableContentId","initialState","getRowPreProps","isEnableRowSelect","selectColumnProps","noDataMessage","disableSortRemove","disableMultiSort","disabledMultiRemove","DEFAULT_PAGE_INDEX","DEFAULT_PAGE_SIZE","isFunction","reference","renderResizer","isResizable","getResizerProps","onClick","e","preventDefault","stopPropagation","getHeadContent","isSorted","isSortedDesc","render","ArrowDown","size","SIZE","SMALL","color","COLOR","GRAY_DARK","ArrowUp","Table","data","totalItems","fetchData","controlledPagination","onSortedChange","onSelectRowsChange","PaginationComponent","getHeaderGroupProps","getHeaderProps","getRowProps","getCellProps","getFooterProps","getFooterGroupProps","rowSubComponent","memoColumns","_useLoadingState","_controlledPagination","showLoading","hasSelectedRowsAbility","hasManualSortBy","hasControlledPagination","Object","keys","options","manualSortBy","_controlledPagination2","_controlledPagination3","pageCount","Error","pageIndex","autoResetPage","manualPagination","useSelect","hooks","newColumn","id","disableSortBy","Header","instance","getToggleAllPageRowsSelectedProps","toggleAllPageRowsSelected","page","isDisabledAllRows","original","filter","Checkbox","elementId","onChange","isChecked","checked","isDisabled","row","toggleRowSelected","getToggleRowSelectedProps","Number","isInteger","isEnabled","visibleColumns","tableColumns","concat","_useTable","useTable","useFlexLayout","useSortBy","useExpanded","usePagination","useRowSelect","useResizeColumns","_getTableProps","headerGroups","footerGroups","setHiddenColumns","rows","prepareRow","rest","_objectWithoutPropertiesLoose","_excluded","selectedFlatRows","setSortBy","canPreviousPage","canNextPage","gotoPage","nextPage","previousPage","setPageSize","_rest$state","state","selectedRowIds","useRef","useTableShadow","hiddenColumns","pagination","paginationData","previousPageHandler","nextPageHandler","totalPages","perPage","newPageSize","newPageIndex","paginationAmount","extendSortByProps","headerProps","getSortByToggleProps","style","canSort","Boolean","desc","tBodyTr","className","ref","getTableBodyProps","headerGroup","headers","includes","TOP","group","_getRowPreProps","isDelimiterTd","cells","Fragment","key","index","colSpan","isExpanded","BOTTOM"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n,t=require("react"),o=e(t),r=require("react-table"),a=require("@propellerads/icon"),i=e(require("@propellerads/input-checkbox")),l=require("styled-components"),u=e(l),s=require("@propellerads/stylevariables");function c(){return(c=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)}function d(e,n){return n||(n=e.slice(0)),e.raw=n,e}function g(e,n){if(e&&n){var t=e.getBoundingClientRect(),o=n.getBoundingClientRect(),r=[],a=Math.floor(t.left),i=Math.floor(t.right),l=Math.floor(o.left),u=Math.floor(o.right);a<l&&r.push("shadow_left"),i>u&&r.push("shadow_right"),function(e,n){var t=e.classList;t.remove("shadow_left","shadow_right"),t.add.apply(t,n)}(n,r)}}!function(e){e.TOP="top",e.BOTTOM="bottom"}(n||(n={}));var p=function(e){return e},f=function(e,n){var t,o=n.cell;return c({},e,{align:null==o||null===(t=o.column)||void 0===t?void 0:t.align})},m=function(e,n){var t=n.column;return c({},e,{align:null==t?void 0:t.align})},v=function(e,n){return void 0===n&&(n=p),e?function(t,o){return c({},n(t,o),e(t,o))}:n},b=function(e,n){return void 0===n&&(n=p),e?function(t,o){return c({},n(t,o),e(t,o))}:n},h=function(e,n){return void 0===n&&(n=p),e?function(t,o){return c({},n(t,o),e(t,o))}:n};function P(){var e=d(["\n display: inline-block;\n position: absolute;\n right: 5px;\n top: 0;\n z-index: 1;\n touch-action: none;\n\n &:after {\n content: '↔';\n position: absolute;\n right: 0;\n top: 0;\n }\n"]);return P=function(){return e},e}function x(){var e=d(["\n background: ",";\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n"]);return x=function(){return e},e}function w(){var e=d(["\n border-top: 1px solid ",";\n margin-top: ","px;\n min-width: 100%;\n width: max-content;\n"]);return w=function(){return e},e}function E(){var e=d(["\n padding: 0;\n -webkit-box-align: center;\n align-items: center;\n"]);return E=function(){return e},e}function y(){var e=d(["\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"]);return y=function(){return e},e}function S(){var e=d(["\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n user-select: none;\n\n ",", "," {\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: ",";\n font-weight: 500;\n outline: none;\n }\n"]);return S=function(){return e},e}function C(){var e=d(["\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"]);return C=function(){return e},e}function R(){var e=d(["\n width: 100%;\n height: ","px;\n background: linear-gradient(to left, ",", ",", ",");\n background-size: 200% 200%;\n animation: "," 1.6s linear infinite;\n"]);return R=function(){return e},e}function O(){var e=d(["\n text-align: ",";\n "]);return O=function(){return e},e}function k(){var e=d(["\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 ","\n"]);return k=function(){return e},e}function I(){var e=d(["\n display: inline-flex;\n"]);return I=function(){return e},e}function z(){var e=d(["\n flex: auto 1;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n border-collapse: collapse;\n"]);return z=function(){return e},e}function D(){var e=d(["\n display: block;\n max-width: 100%;\n overflow-x: scroll;\n overflow-y: hidden;\n"]);return D=function(){return e},e}function L(){var e=d(["\n font-size: ","px;\n position: relative;\n display: flex;\n flex-direction: column;\n border: 0;\n"]);return L=function(){return e},e}function j(){var e=d(["\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"]);return j=function(){return e},e}function M(){var e=d(["\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"]);return M=function(){return e},e}function T(){var e=d(["\n opacity: 1;\n z-index: 2;\n pointer-events: all;\n "]);return T=function(){return e},e}function A(){var e=d(["\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 ","\n"]);return A=function(){return e},e}function H(){var e=d(["\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"]);return H=function(){return e},e}var F=l.keyframes(H()),N=u.div(A(),(function(e){return e.isLoading&&l.css(T())})),_=u.div(M()),B=u.div(j()),G=u.div(L(),s.fontNormal),q=u.div(D()),Y=u.div(z()),K=u.div(I()),Z=u.div(k(),(function(e){var n=e.align;return n&&l.css(O(),n)})),U=u.div(R(),4*s.spacing,s.gray95,s.white,s.gray95,F),J=u.div(C()),Q=u.div(S(),J,Z,s.black),V=u.div(y(),s.gray95),W=G,X=B,$=q,ee=K,ne=N,te=_,oe=Z,re=Y,ae=Q,ie=u.div(E()),le=J,ue=u.div(w(),s.gray80,2*s.spacing),se=V,ce=u.div(x(),s.gray95),de=u.div(P()),ge={hasDefaultPagination:!1,isLoading:!1,footerPlacement:[],loadingMessage:"loading...",labelPerPage:"Show rows",parentElementId:"parent-element",tableContentId:"",showLoadingState:!1,initialState:{},LoadingCellComponent:U,getRowPreProps:function(){return{}},isEnableRowSelect:function(){return!0},selectColumnProps:{},noDataMessage:""};function pe(e){return"function"==typeof e}var fe=function(e){var l,u=e.columns,s=e.data,d=e.totalItems,P=e.fetchData,x=e.controlledPagination,w=e.initialState,E=e.isLoading,y=e.loadingMessage,S=e.labelPerPage,C=e.footerPlacement,R=e.onSortedChange,O=e.hasDefaultPagination,k=e.onSelectRowsChange,I=e.parentElementId,z=e.tableContentId,D=e.LoadingCellComponent,L=e.PaginationComponent,j=e.getRowPreProps,M=e.getTableProps,T=e.getHeaderGroupProps,A=e.getHeaderProps,H=e.getRowProps,F=e.getCellProps,N=e.getFooterProps,_=e.getFooterGroupProps,B=e.showLoadingState,G=e.noDataMessage,q=e.rowSubComponent,Y=e.isEnableRowSelect,K=e.selectColumnProps,Z=t.useMemo((function(){return u}),[u]),U=function(e,n,r,a,i){return{loadingColumns:t.useMemo((function(){return e&&n?a.map((function(e){return c({},e,{Cell:function(){return o.createElement(i,null)}})})):[]}),[a,n,e]),loadingData:t.useMemo((function(){if(e&&n&&a&&a.length>0){for(var t={},o=[],i=0;i<a.length;i+=1)t["empty_"+i]="";for(var l=0;l<r;l+=1)o.push(t);return o}return[]}),[a,n,r,e])}}(B,E,null!==(l=null==x?void 0:x.pageSize)&&void 0!==l?l:10,Z,D),J=U.loadingColumns,Q=U.loadingData,V=B&&E,ge=k&&pe(k),fe=R&&pe(R),me=P&&x&&Object.keys(x).length>0,ve={columns:V?J:Z,data:V?Q:s,initialState:w,disableSortRemove:!0,disableMultiSort:!0,disabledMultiRemove:!0};if(fe&&(ve.manualSortBy=!0),me){var be,he;if(void 0===(null==x?void 0:x.pageCount))throw new Error("You have to pass pageCount in controlledPagination data");ve.initialState=c({},ve.initialState,{pageIndex:null!==(be=x.pageIndex)&&void 0!==be?be:0,pageSize:null!==(he=x.pageSize)&&void 0!==he?he:10}),ve.autoResetPage=!0,ve.manualPagination=!0,ve.pageCount=x.pageCount}var Pe=r.useTable(ve,r.useFlexLayout,r.useSortBy,r.useExpanded,r.usePagination,r.useRowSelect,(function(e){if(ge){var n=c({id:"selection",disableSortBy:!0,Header:function(e){var n=e.getToggleAllPageRowsSelectedProps,t=e.toggleAllPageRowsSelected,r=0===e.page.map((function(e){return e.original})).filter(Y).length;return o.createElement(i,{elementId:"all",onChange:t,isChecked:n().checked,isDisabled:r})},Cell:function(e){var n=e.row,t=n.id,r=n.original,a=n.toggleRowSelected,l=n.getToggleRowSelectedProps,u=Number.isInteger(r.id)?r.id:t,s=Y(n.original);return o.createElement(i,{elementId:u,onChange:a,isDisabled:!s,isChecked:s&&l().checked})}},K);e.visibleColumns.push((function(e){return[n].concat(e)}))}}),r.useResizeColumns),xe=Pe.getTableProps,we=Pe.headerGroups,Ee=Pe.footerGroups,ye=Pe.setHiddenColumns,Se=Pe.rows,Ce=Pe.prepareRow,Re=Pe.visibleColumns,Oe=function(e,n){if(null==e)return{};var t,o,r={},a=Object.keys(e);for(o=0;o<a.length;o++)n.indexOf(t=a[o])>=0||(r[t]=e[t]);return r}(Pe,["getTableProps","headerGroups","footerGroups","setHiddenColumns","rows","prepareRow","visibleColumns"]),ke=Oe.selectedFlatRows,Ie=Oe.setSortBy,ze=Oe.page,De=Oe.canPreviousPage,Le=Oe.canNextPage,je=Oe.pageCount,Me=Oe.gotoPage,Te=Oe.nextPage,Ae=Oe.previousPage,He=Oe.setPageSize,Fe=Oe.state,Ne=Fe.selectedRowIds,_e=Fe.pageIndex,Be=Fe.pageSize,Ge=t.useRef(null),qe=t.useRef(null);!function(e,n){t.useEffect((function(){var t,o=!1;function r(){o||(window.requestAnimationFrame((function(){g(e.current,n.current),o=!1})),o=!0)}return g(e.current,n.current),null==e||null===(t=e.current)||void 0===t||t.addEventListener("mousewheel",r),window.addEventListener("resize",r),function(){var n;null==e||null===(n=e.current)||void 0===n||n.removeEventListener("mousewheel",r),window.removeEventListener("resize",r)}}),[e.current,n.current])}(Ge,qe),t.useEffect((function(){(null==w?void 0:w.hiddenColumns)&&ye(w.hiddenColumns)}),[null==w?void 0:w.hiddenColumns]),t.useEffect((function(){ge&&(null==k||k(null==ke?void 0:ke.map((function(e){return e.original})).filter(Y)))}),[Ne]);var Ye=null;if(O&&me)throw new Error("You have to pass either hasDefaultPagination true boolean prop or pass fetchData callback and controlledPagination data");if(me||O){var Ke={setPageSize:He,gotoPage:Me,canNextPage:Le,canPreviousPage:De,parentElementId:I,labelPerPage:S,pageIndex:_e,previousPageHandler:Ae,nextPageHandler:Te,totalPages:je,perPage:Be,totalItems:null!=d?d:s.length};me&&x&&(Ke.canNextPage=x.pageIndex+1!==Ke.totalPages,Ke.canPreviousPage=0!==x.pageIndex,Ke.pageIndex=x.pageIndex,Ke.perPage=x.pageSize,Ke.setPageSize=function(e){null==P||P({pageIndex:Ke.pageIndex,pageSize:e})},Ke.gotoPage=function(e){null==P||P({pageIndex:e,pageSize:Ke.perPage})},Ke.nextPageHandler=function(){Ke.gotoPage(Ke.pageIndex+1)},Ke.previousPageHandler=function(){Ke.gotoPage(Ke.pageIndex-1)},(null==x?void 0:x.paginationAmount)&&(Ke.paginationAmount=x.paginationAmount)),Ye=o.createElement(L,Object.assign({},Ke))}var Ze,Ue,Je=me||O?ze:Se;return o.createElement(W,{className:"table-root"},o.createElement(ne,{isLoading:!B&&E,className:"table-loading"},o.createElement(te,null,y)),o.createElement(X,{ref:qe,className:"table-wrapper"},o.createElement($,{id:z,className:"table-content"},o.createElement(re,Object.assign({},xe((void 0===Ue&&(Ue=p),(Ze=M)?function(e){return c({},Ue(e),Ze(e))}:Ue)),{ref:Ge}),o.createElement(ae,{className:"table-head","data-role":"table-head"},we.map((function(e){return o.createElement(ie,Object.assign({},e.getHeaderGroupProps(v(T))),e.headers.map((function(e){var n=function(e){var n=e.getSortByToggleProps&&e.getSortByToggleProps();return null==n||delete n.style,fe&&e.canSort&&n&&(n.onClick=function(){null==R||R(e.id,Boolean(e.isSortedDesc)),Ie([{id:e.id,desc:!e.isSortedDesc}])}),n}(e);return o.createElement(le,Object.assign({},e.getHeaderProps(function(e,n,t){return void 0===t&&(t=p),n?function(o,r){return c({},t(c({},o,e),r),n(o,r))}:function(n,o){return t(c({},n,e),o)}}(n,A,m))),function(e){return e.isSorted&&e.isSortedDesc?o.createElement(ee,null,e.render("Header"),o.createElement(a.ArrowDown,{size:a.SIZE.SMALL,color:a.COLOR.GRAY_DARK})):e.isSorted&&!e.isSortedDesc?o.createElement(ee,null,e.render("Header"),o.createElement(a.ArrowUp,{size:a.SIZE.SMALL,color:a.COLOR.GRAY_DARK})):e.render("Header")}(e),function(e){return e.isResizable?o.createElement(de,Object.assign({},e.getResizerProps(),{onClick:function(e){e.preventDefault(),e.stopPropagation()}})):null}(e))})))}))),C.includes(n.TOP)&&o.createElement(ce,{className:"table-footer-top","data-role":"table-footer-top"},Ee.map((function(e){return o.createElement(ie,Object.assign({},e.getFooterGroupProps(v(_))),e.headers.map((function(e){return o.createElement(oe,Object.assign({},e.getFooterProps(v(N,m))),e.render("Footer"))})))}))),o.createElement(ue,{className:"table-body","data-role":"table-body"},Je.map((function(e){if(Ce(e),j(e).isDelimiterTd){var n=e.cells[0].render("Cell");return o.createElement(o.Fragment,{key:"group_"+e.index},o.createElement(se,null,o.createElement(ie,Object.assign({},e.getRowProps(b(H))),o.createElement(oe,Object.assign({colSpan:Re.length},e.cells[0].getCellProps(h(F,f))),o.createElement("strong",null,n)))),(null==e?void 0:e.isExpanded)&&q&&q(e))}return o.createElement(o.Fragment,{key:"group_"+e.index},o.createElement(se,null,o.createElement(ie,Object.assign({},e.getRowProps(b(H))),e.cells.map((function(e){return o.createElement(oe,Object.assign({},e.getCellProps(h(F,f))),e.render("Cell"))})))),(null==e?void 0:e.isExpanded)&&q&&q(e))}))),C.includes(n.BOTTOM)&&o.createElement(ce,{className:"table-footer-bottom","data-role":"table-footer-bottom"},Ee.map((function(e){return o.createElement(ie,Object.assign({},e.getFooterGroupProps(v(_))),e.headers.map((function(e){return o.createElement(oe,Object.assign({},e.getFooterProps(v(N,m))),e.render("Footer"))})))})))))),!E&&!s.length&&G,Ye)};fe.defaultProps=ge,exports.Table=fe,exports.defaultProps=ge;
|
|
1
|
+
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n,t=require("react"),o=e(t),a=require("react-table"),r=require("@propellerads/icon"),i=e(require("@propellerads/input-checkbox")),l=require("styled-components"),s=e(l),u=require("@propellerads/stylevariables");function c(){return(c=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)({}).hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(null,arguments)}function d(e,n){return n||(n=e.slice(0)),e.raw=n,e}function g(e,n){if(e&&n){var t=e.getBoundingClientRect(),o=n.getBoundingClientRect(),a=[],r=Math.floor(t.left),i=Math.floor(t.right),l=Math.floor(o.left),s=Math.floor(o.right);r<l&&a.push("shadow_left"),i>s&&a.push("shadow_right"),function(e,n){var t=e.classList;t.remove("shadow_left","shadow_right"),t.add.apply(t,n)}(n,a)}}!function(e){e.TOP="top",e.BOTTOM="bottom"}(n||(n={}));var p,f,m,b,h,v,P,x,w,E,y,S,C,R,O,I,k,z,D,L=function(e){return e},j=function(e,n){var t,o=n.cell;return c({},e,{align:null==o||null===(t=o.column)||void 0===t?void 0:t.align})},M=function(e,n){var t=n.column;return c({},e,{align:null==t?void 0:t.align})},T=function(e,n){return void 0===n&&(n=L),e?function(t,o){return c({},n(t,o),e(t,o))}:n},A=function(e,n){return void 0===n&&(n=L),e?function(t,o){return c({},n(t,o),e(t,o))}:n},H=function(e,n){return void 0===n&&(n=L),e?function(t,o){return c({},n(t,o),e(t,o))}:n},F=l.keyframes(p||(p=d(["\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=s.div(f||(f=d(["\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 ","\n"])),(function(e){return e.isLoading&&l.css(m||(m=d(["\n opacity: 1;\n z-index: 2;\n pointer-events: all;\n "])))})),_=s.div(b||(b=d(["\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"]))),B=s.div(h||(h=d(["\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"]))),G=s.div(v||(v=d(["\n font-size: ","px;\n position: relative;\n display: flex;\n flex-direction: column;\n border: 0;\n"])),u.fontNormal),q=s.div(P||(P=d(["\n display: block;\n max-width: 100%;\n overflow-x: scroll;\n overflow-y: hidden;\n"]))),Y=s.div(x||(x=d(["\n flex: auto 1;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n border-collapse: collapse;\n"]))),K=s.div(w||(w=d(["\n display: inline-flex;\n"]))),Z=s.div(E||(E=d(["\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 ","\n"])),(function(e){var n=e.align;return n&&l.css(y||(y=d(["\n text-align: ",";\n "])),n)})),U=s.div(S||(S=d(["\n width: 100%;\n height: ","px;\n background: linear-gradient(to left, ",", ",", ",");\n background-size: 200% 200%;\n animation: "," 1.6s linear infinite;\n"])),4*u.spacing,u.gray95,u.white,u.gray95,F),J=s.div(C||(C=d(["\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"]))),Q=s.div(R||(R=d(["\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n user-select: none;\n\n ",", "," {\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: ",";\n font-weight: 500;\n outline: none;\n }\n"])),J,Z,u.black),V=s.div(O||(O=d(["\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"])),u.gray95),W=s.div(I||(I=d(["\n padding: 0;\n -webkit-box-align: center;\n align-items: center;\n"]))),X=s.div(k||(k=d(["\n border-top: 1px solid ",";\n margin-top: ","px;\n min-width: 100%;\n width: max-content;\n"])),u.gray80,2*u.spacing),$=s.div(z||(z=d(["\n background: ",";\n flex: 1 0 auto;\n display: flex;\n flex-direction: column;\n"])),u.gray95),ee=s.div(D||(D=d(["\n display: inline-block;\n position: absolute;\n right: 5px;\n top: 0;\n z-index: 1;\n touch-action: none;\n\n &:after {\n content: '↔';\n position: absolute;\n right: 0;\n top: 0;\n }\n"]))),ne=["getTableProps","headerGroups","footerGroups","setHiddenColumns","rows","prepareRow","visibleColumns"],te=G,oe=B,ae=q,re=K,ie=N,le=_,se=Z,ue=Y,ce=Q,de=W,ge=J,pe=X,fe=V,me=$,be=ee,he={hasDefaultPagination:!1,isLoading:!1,footerPlacement:[],loadingMessage:"loading...",labelPerPage:"Show rows",parentElementId:"parent-element",tableContentId:"",showLoadingState:!1,initialState:{},LoadingCellComponent:U,getRowPreProps:function(){return{}},isEnableRowSelect:function(){return!0},selectColumnProps:{},noDataMessage:""};function ve(e){return"function"==typeof e}var Pe=function(e){var l,s=e.columns,u=e.data,d=e.totalItems,p=e.fetchData,f=e.controlledPagination,m=e.initialState,b=e.isLoading,h=e.loadingMessage,v=e.labelPerPage,P=e.footerPlacement,x=e.onSortedChange,w=e.hasDefaultPagination,E=e.onSelectRowsChange,y=e.parentElementId,S=e.tableContentId,C=e.LoadingCellComponent,R=e.PaginationComponent,O=e.getRowPreProps,I=e.getTableProps,k=e.getHeaderGroupProps,z=e.getHeaderProps,D=e.getRowProps,F=e.getCellProps,N=e.getFooterProps,_=e.getFooterGroupProps,B=e.showLoadingState,G=e.noDataMessage,q=e.rowSubComponent,Y=e.isEnableRowSelect,K=e.selectColumnProps,Z=t.useMemo((function(){return s}),[s]),U=function(e,n,a,r,i){return{loadingColumns:t.useMemo((function(){return e&&n?r.map((function(e){return c({},e,{Cell:function(){return o.createElement(i,null)}})})):[]}),[r,n,e]),loadingData:t.useMemo((function(){if(e&&n&&r&&r.length>0){for(var t={},o=[],i=0;i<r.length;i+=1)t["empty_"+i]="";for(var l=0;l<a;l+=1)o.push(t);return o}return[]}),[r,n,a,e])}}(B,b,null!==(l=null==f?void 0:f.pageSize)&&void 0!==l?l:10,Z,C),J=U.loadingColumns,Q=U.loadingData,V=B&&b,W=E&&ve(E),X=x&&ve(x),$=p&&f&&Object.keys(f).length>0,ee={columns:V?J:Z,data:V?Q:u,initialState:m,disableSortRemove:!0,disableMultiSort:!0,disabledMultiRemove:!0};if(X&&(ee.manualSortBy=!0),$){var he,Pe;if(void 0===(null==f?void 0:f.pageCount))throw new Error("You have to pass pageCount in controlledPagination data");ee.initialState=c({},ee.initialState,{pageIndex:null!==(he=f.pageIndex)&&void 0!==he?he:0,pageSize:null!==(Pe=f.pageSize)&&void 0!==Pe?Pe:10}),ee.autoResetPage=!0,ee.manualPagination=!0,ee.pageCount=f.pageCount}var xe=a.useTable(ee,a.useFlexLayout,a.useSortBy,a.useExpanded,a.usePagination,a.useRowSelect,(function(e){if(W){var n=c({id:"selection",disableSortBy:!0,Header:function(e){var n=e.getToggleAllPageRowsSelectedProps,t=e.toggleAllPageRowsSelected,a=0===e.page.map((function(e){return e.original})).filter(Y).length;return o.createElement(i,{elementId:"all",onChange:t,isChecked:n().checked,isDisabled:a})},Cell:function(e){var n=e.row,t=n.id,a=n.original,r=n.toggleRowSelected,l=n.getToggleRowSelectedProps,s=Number.isInteger(a.id)?a.id:t,u=Y(n.original);return o.createElement(i,{elementId:s,onChange:r,isDisabled:!u,isChecked:u&&l().checked})}},K);e.visibleColumns.push((function(e){return[n].concat(e)}))}}),a.useResizeColumns),we=xe.getTableProps,Ee=xe.headerGroups,ye=xe.footerGroups,Se=xe.setHiddenColumns,Ce=xe.rows,Re=xe.prepareRow,Oe=xe.visibleColumns,Ie=function(e,n){if(null==e)return{};var t={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(-1!==n.indexOf(o))continue;t[o]=e[o]}return t}(xe,ne),ke=Ie.selectedFlatRows,ze=Ie.setSortBy,De=Ie.page,Le=Ie.canPreviousPage,je=Ie.canNextPage,Me=Ie.pageCount,Te=Ie.gotoPage,Ae=Ie.nextPage,He=Ie.previousPage,Fe=Ie.setPageSize,Ne=Ie.state,_e=Ne.selectedRowIds,Be=Ne.pageIndex,Ge=Ne.pageSize,qe=t.useRef(null),Ye=t.useRef(null);!function(e,n){t.useEffect((function(){var t,o=!1;function a(){o||(window.requestAnimationFrame((function(){g(e.current,n.current),o=!1})),o=!0)}return g(e.current,n.current),null==e||null===(t=e.current)||void 0===t||t.addEventListener("mousewheel",a),window.addEventListener("resize",a),function(){var n;null==e||null===(n=e.current)||void 0===n||n.removeEventListener("mousewheel",a),window.removeEventListener("resize",a)}}),[e.current,n.current])}(qe,Ye),t.useEffect((function(){null!=m&&m.hiddenColumns&&Se(m.hiddenColumns)}),[null==m?void 0:m.hiddenColumns]),t.useEffect((function(){W&&(null==E||E(null==ke?void 0:ke.map((function(e){return e.original})).filter(Y)))}),[_e]);var Ke=null;if(w&&$)throw new Error("You have to pass either hasDefaultPagination true boolean prop or pass fetchData callback and controlledPagination data");if($||w){var Ze={setPageSize:Fe,gotoPage:Te,canNextPage:je,canPreviousPage:Le,parentElementId:y,labelPerPage:v,pageIndex:Be,previousPageHandler:He,nextPageHandler:Ae,totalPages:Me,perPage:Ge,totalItems:null!=d?d:u.length};$&&f&&(Ze.canNextPage=f.pageIndex+1!==Ze.totalPages,Ze.canPreviousPage=0!==f.pageIndex,Ze.pageIndex=f.pageIndex,Ze.perPage=f.pageSize,Ze.setPageSize=function(e){null==p||p({pageIndex:Ze.pageIndex,pageSize:e})},Ze.gotoPage=function(e){null==p||p({pageIndex:e,pageSize:Ze.perPage})},Ze.nextPageHandler=function(){Ze.gotoPage(Ze.pageIndex+1)},Ze.previousPageHandler=function(){Ze.gotoPage(Ze.pageIndex-1)},null!=f&&f.paginationAmount&&(Ze.paginationAmount=f.paginationAmount)),Ke=o.createElement(R,Object.assign({},Ze))}var Ue,Je,Qe=$||w?De:Ce;return o.createElement(te,{className:"table-root"},o.createElement(ie,{isLoading:!B&&b,className:"table-loading"},o.createElement(le,null,h)),o.createElement(oe,{ref:Ye,className:"table-wrapper"},o.createElement(ae,{id:S,className:"table-content"},o.createElement(ue,Object.assign({},we((void 0===Je&&(Je=L),(Ue=I)?function(e){return c({},Je(e),Ue(e))}:Je)),{ref:qe}),o.createElement(ce,{className:"table-head","data-role":"table-head"},Ee.map((function(e){return o.createElement(de,Object.assign({},e.getHeaderGroupProps(T(k))),e.headers.map((function(e){var n=function(e){var n=e.getSortByToggleProps&&e.getSortByToggleProps();return null==n||delete n.style,X&&e.canSort&&n&&(n.onClick=function(){null==x||x(e.id,Boolean(e.isSortedDesc)),ze([{id:e.id,desc:!e.isSortedDesc}])}),n}(e);return o.createElement(ge,Object.assign({},e.getHeaderProps(function(e,n,t){return void 0===t&&(t=L),n?function(o,a){return c({},t(c({},o,e),a),n(o,a))}:function(n,o){return t(c({},n,e),o)}}(n,z,M))),function(e){return e.isSorted&&e.isSortedDesc?o.createElement(re,null,e.render("Header"),o.createElement(r.ArrowDown,{size:r.SIZE.SMALL,color:r.COLOR.GRAY_DARK})):e.isSorted&&!e.isSortedDesc?o.createElement(re,null,e.render("Header"),o.createElement(r.ArrowUp,{size:r.SIZE.SMALL,color:r.COLOR.GRAY_DARK})):e.render("Header")}(e),function(e){return e.isResizable?o.createElement(be,Object.assign({},e.getResizerProps(),{onClick:function(e){e.preventDefault(),e.stopPropagation()}})):null}(e))})))}))),P.includes(n.TOP)&&o.createElement(me,{className:"table-footer-top","data-role":"table-footer-top"},ye.map((function(e){return o.createElement(de,Object.assign({},e.getFooterGroupProps(T(_))),e.headers.map((function(e){return o.createElement(se,Object.assign({},e.getFooterProps(T(N,M))),e.render("Footer"))})))}))),o.createElement(pe,{className:"table-body","data-role":"table-body"},Qe.map((function(e){if(Re(e),O(e).isDelimiterTd){var n=e.cells[0].render("Cell");return o.createElement(o.Fragment,{key:"group_"+e.index},o.createElement(fe,null,o.createElement(de,Object.assign({},e.getRowProps(A(D))),o.createElement(se,Object.assign({colSpan:Oe.length},e.cells[0].getCellProps(H(F,j))),o.createElement("strong",null,n)))),(null==e?void 0:e.isExpanded)&&q&&q(e))}return o.createElement(o.Fragment,{key:"group_"+e.index},o.createElement(fe,null,o.createElement(de,Object.assign({},e.getRowProps(A(D))),e.cells.map((function(e){return o.createElement(se,Object.assign({},e.getCellProps(H(F,j))),e.render("Cell"))})))),(null==e?void 0:e.isExpanded)&&q&&q(e))}))),P.includes(n.BOTTOM)&&o.createElement(me,{className:"table-footer-bottom","data-role":"table-footer-bottom"},ye.map((function(e){return o.createElement(de,Object.assign({},e.getFooterGroupProps(T(_))),e.headers.map((function(e){return o.createElement(se,Object.assign({},e.getFooterProps(T(N,M))),e.render("Footer"))})))})))))),!b&&!u.length&&G,Ke)};Pe.defaultProps=he,exports.Table=Pe,exports.defaultProps=he;
|
|
2
2
|
//# sourceMappingURL=table.cjs.production.min.js.map
|
|
@@ -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,\n TableState,\n UsePaginationInstanceProps,\n UsePaginationOptions,\n UsePaginationState,\n UseRowSelectInstanceProps,\n UseRowSelectState,\n UseSortByColumnProps,\n UseRowSelectRowProps,\n UseSortByInstanceProps,\n UseSortByOptions,\n UseTableOptions,\n 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 rowSubComponent?: (row: StandardRow) => ReactElement;\n isEnableRowSelect?: (original: DefaultObject) => boolean;\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 =\n | FooterGroupPropGetter<DefaultObject>\n | HeaderGroupPropGetter<DefaultObject>\n | FooterPropGetter<DefaultObject>;\n\nexport type GetTableContainerPropsGetter = (\n userGetter?: TableGetter,\n getter?: TableGetter,\n) => TablePropGetter<DefaultObject> | TableBodyPropGetter<DefaultObject>;\n\nexport type GetTableElementPropsGetter<T> = (userGetter?: ElementGetter, getter?: ElementGetter) => T;\n\nexport type GetTableElementInternalPropsGetter = (\n internalProps: DefaultObject,\n userGetter?: ElementGetter,\n 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> & {isExpanded?: boolean};\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 = UseSortByInstanceProps<DefaultObject> &\n UsePaginationInstanceProps<DefaultObject> &\n UseRowSelectInstanceProps<DefaultObject> & {\n state: UseRowSelectState<DefaultObject> & UsePaginationState<DefaultObject>;\n };\n\nexport type TableOptionsProps = UseTableOptions<DefaultObject> &\n UseSortByOptions<DefaultObject> &\n UsePaginationOptions<DefaultObject> & {\n initialState: Partial<TableState<DefaultObject>> & Partial<UsePaginationState<DefaultObject>>;\n };\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: GetTableElementPropsGetter<ElementHeaderFooterPropGetter> = (\n userGetter,\n getter = defaultGetter,\n) => {\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: GetTableElementPropsGetter<ElementRowPropGetter> = (\n userGetter,\n getter = defaultGetter,\n) => {\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: GetTableElementPropsGetter<ElementCellPropGetter> = (\n userGetter,\n getter = defaultGetter,\n) => {\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: GetTableElementInternalPropsGetter = (\n internalProps,\n userGetter,\n getter = defaultGetter,\n) => {\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, {keyframes, css, CSSObject} from 'styled-components';\nimport {fontNormal, white, black, spacing, gray80, gray95} 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}) =>\n props.isLoading &&\n 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}) =>\n align &&\n 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\nexport const TResizer = styled.div`\n display: inline-block;\n position: absolute;\n right: 5px;\n top: 0;\n z-index: 1;\n touch-action: none;\n\n &:after {\n content: '↔';\n position: absolute;\n right: 0;\n top: 0;\n }\n`;\n","import React, {FunctionComponent, useEffect, useMemo, useRef} from 'react';\nimport {\n useSortBy,\n useTable,\n useRowSelect,\n usePagination,\n useExpanded,\n useFlexLayout,\n useResizeColumns,\n Column,\n} from 'react-table';\n\nimport {ArrowDown, ArrowUp, COLOR, SIZE} 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 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 as _TableRoot,\n TableWrapper as _TableWrapper,\n TableContent as _TableContent,\n HeadCell as _HeadCell,\n TableLoading as _TableLoading,\n TableLoadingInner as _TableLoadingInner,\n TD as _TD,\n TableCore as _TableCore,\n THead as _THead,\n TR as _TR,\n TH as _TH,\n TBody as _TBody,\n TRGroup as _TRGroup,\n TFoot as _TFoot,\n EmptyStateCell as _EmptyStateCell,\n TResizer as _TResizer,\n} from './style';\n\nconst TableRoot = _TableRoot as unknown as React.FunctionComponent<DefaultObject>;\nconst TableWrapper = _TableWrapper as unknown as React.FunctionComponent<DefaultObject>;\nconst TableContent = _TableContent as unknown as React.FunctionComponent<DefaultObject>;\nconst HeadCell = _HeadCell as unknown as React.FunctionComponent<DefaultObject>;\nconst TableLoading = _TableLoading as unknown as React.FunctionComponent<DefaultObject>;\nconst TableLoadingInner = _TableLoadingInner as unknown as React.FunctionComponent<DefaultObject>;\nconst TD = _TD as unknown as React.FunctionComponent<DefaultObject>;\nconst TableCore = _TableCore as unknown as React.FunctionComponent<DefaultObject>;\nconst THead = _THead as unknown as React.FunctionComponent<DefaultObject>;\nconst TR = _TR as unknown as React.FunctionComponent<DefaultObject>;\nconst TH = _TH as unknown as React.FunctionComponent<DefaultObject>;\nconst TBody = _TBody as unknown as React.FunctionComponent<DefaultObject>;\nconst TRGroup = _TRGroup as unknown as React.FunctionComponent<DefaultObject>;\nconst TFoot = _TFoot as unknown as React.FunctionComponent<DefaultObject>;\nconst EmptyStateCell = _EmptyStateCell as unknown as React.FunctionComponent<DefaultObject>;\nconst TResizer = _TResizer as unknown as React.FunctionComponent<DefaultObject>;\n\nconst isEnableRowSelectDefault: () => boolean = () => true;\nconst selectColumnPropsDefault = {};\nconst getRowPrePropsDefault: () => DefaultObject = () => ({});\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 initialState: {},\n LoadingCellComponent: EmptyStateCell,\n getRowPreProps: getRowPrePropsDefault,\n isEnableRowSelect: isEnableRowSelectDefault,\n selectColumnProps: selectColumnPropsDefault,\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 renderResizer(column) {\n if (column.isResizable) {\n return (\n <TResizer\n {...column.getResizerProps()}\n onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n />\n );\n }\n\n return null;\n}\n\nfunction getHeadContent(column: ColumnWithSort) {\n if (column.isSorted && column.isSortedDesc) {\n return (\n <HeadCell>\n {column.render('Header')}\n <ArrowDown size={SIZE.SMALL} color={COLOR.GRAY_DARK} />\n </HeadCell>\n );\n }\n\n if (column.isSorted && !column.isSortedDesc) {\n return (\n <HeadCell>\n {column.render('Header')}\n <ArrowUp size={SIZE.SMALL} color={COLOR.GRAY_DARK} />\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 rowSubComponent,\n isEnableRowSelect,\n selectColumnProps,\n } = props;\n\n const memoColumns = useMemo(() => columns, [columns]);\n\n const {loadingColumns, loadingData} = useLoadingState(\n showLoadingState,\n isLoading,\n controlledPagination?.pageSize ?? DEFAULT_PAGE_SIZE,\n memoColumns,\n 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: TableHooksInstanceProps & {toggleAllPageRowsSelected: () => void}) => {\n const {getToggleAllPageRowsSelectedProps, toggleAllPageRowsSelected, page} = instance;\n\n const isDisabledAllRows = page.map(({original}) => original).filter(isEnableRowSelect).length === 0;\n\n return (\n <Checkbox\n elementId=\"all\"\n onChange={toggleAllPageRowsSelected}\n isChecked={getToggleAllPageRowsSelectedProps().checked}\n isDisabled={isDisabledAllRows}\n />\n );\n },\n Cell: ({row}: {row: SelectableRow}) => {\n const {id, original, toggleRowSelected, getToggleRowSelectedProps} = row;\n\n const elementId = Number.isInteger(original.id) ? original.id : id;\n const isEnabled = isEnableRowSelect(row.original);\n\n return (\n <Checkbox\n elementId={elementId}\n onChange={toggleRowSelected}\n isDisabled={!isEnabled}\n isChecked={isEnabled && getToggleRowSelectedProps().checked}\n />\n );\n },\n ...selectColumnProps,\n };\n\n hooks.visibleColumns.push((tableColumns: Array<StandardColumn>) => [newColumn, ...tableColumns]);\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 useExpanded,\n usePagination,\n useRowSelect,\n useSelect,\n useResizeColumns,\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).filter(isEnableRowSelect));\n }\n }, [selectedRowIds]);\n\n let pagination: JSX.Element | null = null;\n\n if (hasDefaultPagination && hasControlledPagination) {\n throw new Error(\n 'You have to pass either hasDefaultPagination true boolean prop or ' +\n 'pass fetchData callback and controlledPagination data',\n );\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 = <PaginationComponent {...paginationData} />;\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 {\n id: column.id,\n desc: !column.isSortedDesc,\n },\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>{loadingMessage}</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\" data-role=\"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(\n getTableElementInternalProps(headerProps, getHeaderProps, mainCellGetter),\n )}\n >\n {getHeadContent(column)}\n {renderResizer(column)}\n </TH>\n );\n })}\n </TR>\n ))}\n </THead>\n {footerPlacement.includes(FOOTER_PLACEMENT.TOP) && (\n <TFoot className=\"table-footer-top\" data-role=\"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\" data-role=\"table-body\">\n {tBodyTr.map((row: StandardRow) => {\n prepareRow(row);\n const {isDelimiterTd} = getRowPreProps(row);\n\n if (isDelimiterTd) {\n const cell = row.cells[0].render('Cell') as React.ReactNode;\n\n return (\n <React.Fragment key={`group_${row.index}`}>\n <TRGroup>\n <TR {...row.getRowProps(getTableRowProps(getRowProps))}>\n <TD\n colSpan={visibleColumns.length}\n {...row.cells[0].getCellProps(getTableCellProps(getCellProps, cellGetter))}\n >\n <strong>{cell}</strong>\n </TD>\n </TR>\n </TRGroup>\n {row?.isExpanded && rowSubComponent && rowSubComponent(row)}\n </React.Fragment>\n );\n }\n\n return (\n <React.Fragment key={`group_${row.index}`}>\n <TRGroup>\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 {row?.isExpanded && rowSubComponent && rowSubComponent(row)}\n </React.Fragment>\n );\n })}\n </TBody>\n {footerPlacement.includes(FOOTER_PLACEMENT.BOTTOM) && (\n <TFoot className=\"table-footer-bottom\" data-role=\"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(\n () =>\n showLoadingState && loading\n ? columns.map((column: Column<DefaultObject>) => {\n const loadingColumn: Column<DefaultObject> = {\n ...column,\n Cell: () => <LoadingCellComponent />,\n };\n\n return loadingColumn;\n })\n : [],\n [columns, loading, showLoadingState],\n );\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","getTableRowProps","getTableCellProps","loadingAnimation","keyframes","TableLoading","styled","div","isLoading","css","TableLoadingInner","TableWrapper","TableRoot","fontNormal","TableContent","TableCore","HeadCell","TD","EmptyStateCell","spacing","gray95","white","TH","THead","black","TRGroup","_TableRoot","_TableWrapper","_TableContent","_HeadCell","_TableLoading","_TableLoadingInner","_TD","_TableCore","_THead","TR","_TH","TBody","gray80","_TRGroup","TFoot","TResizer","defaultProps","hasDefaultPagination","footerPlacement","loadingMessage","labelPerPage","parentElementId","tableContentId","showLoadingState","initialState","LoadingCellComponent","_EmptyStateCell","getRowPreProps","isEnableRowSelect","selectColumnProps","noDataMessage","isFunction","reference","Table","columns","data","totalItems","fetchData","controlledPagination","onSortedChange","onSelectRowsChange","PaginationComponent","getTableProps","getHeaderGroupProps","getHeaderProps","getRowProps","getCellProps","getFooterProps","getFooterGroupProps","rowSubComponent","memoColumns","useMemo","loading","pageSize","loadingColumns","map","Cell","React","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","useExpanded","usePagination","useRowSelect","hooks","newColumn","id","disableSortBy","Header","instance","getToggleAllPageRowsSelectedProps","toggleAllPageRowsSelected","isDisabledAllRows","page","original","filter","Checkbox","elementId","onChange","isChecked","checked","isDisabled","row","toggleRowSelected","getToggleRowSelectedProps","Number","isInteger","isEnabled","visibleColumns","tableColumns","useResizeColumns","_getTableProps","headerGroups","footerGroups","setHiddenColumns","rows","prepareRow","rest","selectedFlatRows","setSortBy","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","ArrowDown","size","SIZE","SMALL","color","COLOR","GRAY_DARK","ArrowUp","getHeadContent","isResizable","getResizerProps","e","preventDefault","stopPropagation","renderResizer","includes","TOP","group","isDelimiterTd","cells","Fragment","key","index","colSpan","isExpanded","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,\n TableState,\n UsePaginationInstanceProps,\n UsePaginationOptions,\n UsePaginationState,\n UseRowSelectInstanceProps,\n UseRowSelectState,\n UseSortByColumnProps,\n UseRowSelectRowProps,\n UseSortByInstanceProps,\n UseSortByOptions,\n UseTableOptions,\n 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 rowSubComponent?: (row: StandardRow) => ReactElement;\n isEnableRowSelect?: (original: DefaultObject) => boolean;\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 =\n | FooterGroupPropGetter<DefaultObject>\n | HeaderGroupPropGetter<DefaultObject>\n | FooterPropGetter<DefaultObject>;\n\nexport type GetTableContainerPropsGetter = (\n userGetter?: TableGetter,\n getter?: TableGetter,\n) => TablePropGetter<DefaultObject> | TableBodyPropGetter<DefaultObject>;\n\nexport type GetTableElementPropsGetter<T> = (userGetter?: ElementGetter, getter?: ElementGetter) => T;\n\nexport type GetTableElementInternalPropsGetter = (\n internalProps: DefaultObject,\n userGetter?: ElementGetter,\n 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> & {isExpanded?: boolean};\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 = UseSortByInstanceProps<DefaultObject> &\n UsePaginationInstanceProps<DefaultObject> &\n UseRowSelectInstanceProps<DefaultObject> & {\n state: UseRowSelectState<DefaultObject> & UsePaginationState<DefaultObject>;\n };\n\nexport type TableOptionsProps = UseTableOptions<DefaultObject> &\n UseSortByOptions<DefaultObject> &\n UsePaginationOptions<DefaultObject> & {\n initialState: Partial<TableState<DefaultObject>> & Partial<UsePaginationState<DefaultObject>>;\n };\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: GetTableElementPropsGetter<ElementHeaderFooterPropGetter> = (\n userGetter,\n getter = defaultGetter,\n) => {\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: GetTableElementPropsGetter<ElementRowPropGetter> = (\n userGetter,\n getter = defaultGetter,\n) => {\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: GetTableElementPropsGetter<ElementCellPropGetter> = (\n userGetter,\n getter = defaultGetter,\n) => {\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: GetTableElementInternalPropsGetter = (\n internalProps,\n userGetter,\n getter = defaultGetter,\n) => {\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, {keyframes, css, CSSObject} from 'styled-components';\nimport {fontNormal, white, black, spacing, gray80, gray95} 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}) =>\n props.isLoading &&\n 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}) =>\n align &&\n 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\nexport const TResizer = styled.div`\n display: inline-block;\n position: absolute;\n right: 5px;\n top: 0;\n z-index: 1;\n touch-action: none;\n\n &:after {\n content: '↔';\n position: absolute;\n right: 0;\n top: 0;\n }\n`;\n","import React, {FunctionComponent, useEffect, useMemo, useRef} from 'react';\nimport {\n useSortBy,\n useTable,\n useRowSelect,\n usePagination,\n useExpanded,\n useFlexLayout,\n useResizeColumns,\n Column,\n} from 'react-table';\n\nimport {ArrowDown, ArrowUp, COLOR, SIZE} 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 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 as _TableRoot,\n TableWrapper as _TableWrapper,\n TableContent as _TableContent,\n HeadCell as _HeadCell,\n TableLoading as _TableLoading,\n TableLoadingInner as _TableLoadingInner,\n TD as _TD,\n TableCore as _TableCore,\n THead as _THead,\n TR as _TR,\n TH as _TH,\n TBody as _TBody,\n TRGroup as _TRGroup,\n TFoot as _TFoot,\n EmptyStateCell as _EmptyStateCell,\n TResizer as _TResizer,\n} from './style';\n\nconst TableRoot = _TableRoot as unknown as React.FunctionComponent<DefaultObject>;\nconst TableWrapper = _TableWrapper as unknown as React.FunctionComponent<DefaultObject>;\nconst TableContent = _TableContent as unknown as React.FunctionComponent<DefaultObject>;\nconst HeadCell = _HeadCell as unknown as React.FunctionComponent<DefaultObject>;\nconst TableLoading = _TableLoading as unknown as React.FunctionComponent<DefaultObject>;\nconst TableLoadingInner = _TableLoadingInner as unknown as React.FunctionComponent<DefaultObject>;\nconst TD = _TD as unknown as React.FunctionComponent<DefaultObject>;\nconst TableCore = _TableCore as unknown as React.FunctionComponent<DefaultObject>;\nconst THead = _THead as unknown as React.FunctionComponent<DefaultObject>;\nconst TR = _TR as unknown as React.FunctionComponent<DefaultObject>;\nconst TH = _TH as unknown as React.FunctionComponent<DefaultObject>;\nconst TBody = _TBody as unknown as React.FunctionComponent<DefaultObject>;\nconst TRGroup = _TRGroup as unknown as React.FunctionComponent<DefaultObject>;\nconst TFoot = _TFoot as unknown as React.FunctionComponent<DefaultObject>;\nconst EmptyStateCell = _EmptyStateCell as unknown as React.FunctionComponent<DefaultObject>;\nconst TResizer = _TResizer as unknown as React.FunctionComponent<DefaultObject>;\n\nconst isEnableRowSelectDefault: () => boolean = () => true;\nconst selectColumnPropsDefault = {};\nconst getRowPrePropsDefault: () => DefaultObject = () => ({});\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 initialState: {},\n LoadingCellComponent: EmptyStateCell,\n getRowPreProps: getRowPrePropsDefault,\n isEnableRowSelect: isEnableRowSelectDefault,\n selectColumnProps: selectColumnPropsDefault,\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 renderResizer(column) {\n if (column.isResizable) {\n return (\n <TResizer\n {...column.getResizerProps()}\n onClick={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}\n />\n );\n }\n\n return null;\n}\n\nfunction getHeadContent(column: ColumnWithSort) {\n if (column.isSorted && column.isSortedDesc) {\n return (\n <HeadCell>\n {column.render('Header')}\n <ArrowDown size={SIZE.SMALL} color={COLOR.GRAY_DARK} />\n </HeadCell>\n );\n }\n\n if (column.isSorted && !column.isSortedDesc) {\n return (\n <HeadCell>\n {column.render('Header')}\n <ArrowUp size={SIZE.SMALL} color={COLOR.GRAY_DARK} />\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 rowSubComponent,\n isEnableRowSelect,\n selectColumnProps,\n } = props;\n\n const memoColumns = useMemo(() => columns, [columns]);\n\n const {loadingColumns, loadingData} = useLoadingState(\n showLoadingState,\n isLoading,\n controlledPagination?.pageSize ?? DEFAULT_PAGE_SIZE,\n memoColumns,\n 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: TableHooksInstanceProps & {toggleAllPageRowsSelected: () => void}) => {\n const {getToggleAllPageRowsSelectedProps, toggleAllPageRowsSelected, page} = instance;\n\n const isDisabledAllRows = page.map(({original}) => original).filter(isEnableRowSelect).length === 0;\n\n return (\n <Checkbox\n elementId=\"all\"\n onChange={toggleAllPageRowsSelected}\n isChecked={getToggleAllPageRowsSelectedProps().checked}\n isDisabled={isDisabledAllRows}\n />\n );\n },\n Cell: ({row}: {row: SelectableRow}) => {\n const {id, original, toggleRowSelected, getToggleRowSelectedProps} = row;\n\n const elementId = Number.isInteger(original.id) ? original.id : id;\n const isEnabled = isEnableRowSelect(row.original);\n\n return (\n <Checkbox\n elementId={elementId}\n onChange={toggleRowSelected}\n isDisabled={!isEnabled}\n isChecked={isEnabled && getToggleRowSelectedProps().checked}\n />\n );\n },\n ...selectColumnProps,\n };\n\n // @ts-ignore\n hooks.visibleColumns.push((tableColumns: Array<StandardColumn>) => [newColumn, ...tableColumns]);\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 useExpanded,\n usePagination,\n useRowSelect,\n useSelect,\n useResizeColumns,\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).filter(isEnableRowSelect));\n }\n }, [selectedRowIds]);\n\n let pagination: JSX.Element | null = null;\n\n if (hasDefaultPagination && hasControlledPagination) {\n throw new Error(\n 'You have to pass either hasDefaultPagination true boolean prop or ' +\n 'pass fetchData callback and controlledPagination data',\n );\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 = <PaginationComponent {...paginationData} />;\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 {\n id: column.id,\n desc: !column.isSortedDesc,\n },\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>{loadingMessage}</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\" data-role=\"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(\n getTableElementInternalProps(headerProps, getHeaderProps, mainCellGetter),\n )}\n >\n {getHeadContent(column)}\n {renderResizer(column)}\n </TH>\n );\n })}\n </TR>\n ))}\n </THead>\n {footerPlacement.includes(FOOTER_PLACEMENT.TOP) && (\n <TFoot className=\"table-footer-top\" data-role=\"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\" data-role=\"table-body\">\n {tBodyTr.map((row: StandardRow) => {\n prepareRow(row);\n const {isDelimiterTd} = getRowPreProps(row);\n\n if (isDelimiterTd) {\n const cell = row.cells[0].render('Cell') as React.ReactNode;\n\n return (\n <React.Fragment key={`group_${row.index}`}>\n <TRGroup>\n <TR {...row.getRowProps(getTableRowProps(getRowProps))}>\n <TD\n colSpan={visibleColumns.length}\n {...row.cells[0].getCellProps(getTableCellProps(getCellProps, cellGetter))}\n >\n <strong>{cell}</strong>\n </TD>\n </TR>\n </TRGroup>\n {row?.isExpanded && rowSubComponent && rowSubComponent(row)}\n </React.Fragment>\n );\n }\n\n return (\n <React.Fragment key={`group_${row.index}`}>\n <TRGroup>\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 {row?.isExpanded && rowSubComponent && rowSubComponent(row)}\n </React.Fragment>\n );\n })}\n </TBody>\n {footerPlacement.includes(FOOTER_PLACEMENT.BOTTOM) && (\n <TFoot className=\"table-footer-bottom\" data-role=\"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(\n () =>\n showLoadingState && loading\n ? columns.map((column: Column<DefaultObject>) => {\n const loadingColumn: Column<DefaultObject> = {\n ...column,\n Cell: () => <LoadingCellComponent />,\n };\n\n return loadingColumn;\n })\n : [],\n [columns, loading, showLoadingState],\n );\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 // @ts-ignore\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","apply","changeClassName","defaultGetter","props","cellGetter","_ref","_cell$column","cell","_extends","align","column","mainCellGetter","_ref2","getTableElementProps","userGetter","getter","meta","getTableRowProps","getTableCellProps","loadingAnimation","keyframes","_templateObject","_taggedTemplateLiteralLoose","TableLoading","styled","div","_templateObject2","isLoading","css","_templateObject3","TableLoadingInner","_templateObject4","TableWrapper","_templateObject5","TableRoot","_templateObject6","fontNormal","TableContent","_templateObject7","TableCore","_templateObject8","HeadCell","_templateObject9","TD","_templateObject0","_templateObject1","EmptyStateCell","_templateObject10","spacing","gray95","white","TH","_templateObject11","THead","_templateObject12","black","TRGroup","_templateObject13","TR","_templateObject14","TBody","_templateObject15","gray80","TFoot","_templateObject16","TResizer","_templateObject17","_TableRoot","_TableWrapper","_TableContent","_HeadCell","_TableLoading","_TableLoadingInner","_TD","_TableCore","_THead","_TR","_TH","_TBody","_TRGroup","_TFoot","_TResizer","defaultProps","hasDefaultPagination","footerPlacement","loadingMessage","labelPerPage","parentElementId","tableContentId","showLoadingState","initialState","LoadingCellComponent","_EmptyStateCell","getRowPreProps","isEnableRowSelect","selectColumnProps","noDataMessage","isFunction","reference","Table","columns","data","totalItems","fetchData","controlledPagination","onSortedChange","onSelectRowsChange","PaginationComponent","getTableProps","getHeaderGroupProps","getHeaderProps","getRowProps","getCellProps","getFooterProps","getFooterGroupProps","rowSubComponent","memoColumns","useMemo","_useLoadingState","loading","pageSize","loadingColumns","map","Cell","React","loadingData","length","dataObject","dataArray","i","useLoadingState","_controlledPagination","showLoading","hasSelectedRowsAbility","hasManualSortBy","hasControlledPagination","Object","keys","options","disableSortRemove","disableMultiSort","disabledMultiRemove","manualSortBy","_controlledPagination2","_controlledPagination3","pageCount","Error","pageIndex","autoResetPage","manualPagination","_useTable","useTable","useFlexLayout","useSortBy","useExpanded","usePagination","useRowSelect","hooks","newColumn","id","disableSortBy","Header","instance","getToggleAllPageRowsSelectedProps","toggleAllPageRowsSelected","isDisabledAllRows","page","original","filter","Checkbox","elementId","onChange","isChecked","checked","isDisabled","row","toggleRowSelected","getToggleRowSelectedProps","Number","isInteger","isEnabled","visibleColumns","tableColumns","concat","useResizeColumns","_getTableProps","headerGroups","footerGroups","setHiddenColumns","rows","prepareRow","rest","_objectWithoutPropertiesLoose","_excluded","selectedFlatRows","setSortBy","canPreviousPage","canNextPage","gotoPage","nextPage","previousPage","setPageSize","_rest$state","state","selectedRowIds","tableRef","useRef","tableWrapperRef","useEffect","ticking","onMousewheel","window","requestAnimationFrame","current","_tableRef$current","addEventListener","_tableRef$current2","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","ArrowDown","size","SIZE","SMALL","color","COLOR","GRAY_DARK","ArrowUp","getHeadContent","isResizable","getResizerProps","e","preventDefault","stopPropagation","renderResizer","includes","TOP","group","isDelimiterTd","cells","Fragment","key","index","colSpan","isExpanded","BOTTOM"],"mappings":"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"}
|