@alfalab/core-components-table 3.0.1 → 3.0.3
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/component.js.map +1 -1
- package/components/pagination/Component.d.ts +2 -2
- package/components/pagination/Component.js.map +1 -1
- package/components/pagination/index.css +9 -9
- package/components/pagination/index.module.css.js +1 -1
- package/components/pagination/index.module.css.js.map +1 -1
- package/components/pagination/select-field/index.css +3 -3
- package/components/pagination/select-field/index.d.ts +1 -1
- package/components/pagination/select-field/index.js.map +1 -1
- package/components/pagination/select-field/index.module.css.js +1 -1
- package/components/pagination/select-field/index.module.css.js.map +1 -1
- package/components/table/Component.d.ts +1 -1
- package/components/table/Component.js.map +1 -1
- package/components/table/index.css +7 -7
- package/components/table/index.module.css.js +1 -1
- package/components/table/index.module.css.js.map +1 -1
- package/components/table/utils.d.ts +1 -1
- package/components/table/utils.js.map +1 -1
- package/components/table-context/index.d.ts +3 -3
- package/components/table-context/index.js +1 -5
- package/components/table-context/index.js.map +1 -1
- package/components/tbody/Component.d.ts +1 -1
- package/components/tbody/Component.js.map +1 -1
- package/components/tbody/index.css +1 -1
- package/components/tbody/index.module.css.js +1 -1
- package/components/tbody/index.module.css.js.map +1 -1
- package/components/tcell/Component.d.ts +1 -1
- package/components/tcell/Component.js.map +1 -1
- package/components/tcell/index.css +6 -6
- package/components/tcell/index.module.css.js +1 -1
- package/components/tcell/index.module.css.js.map +1 -1
- package/components/texpandable-row/Component.d.ts +2 -2
- package/components/texpandable-row/Component.js +1 -1
- package/components/texpandable-row/Component.js.map +1 -1
- package/components/texpandable-row/index.css +4 -4
- package/components/texpandable-row/index.module.css.js +1 -1
- package/components/texpandable-row/index.module.css.js.map +1 -1
- package/components/thead/Component.d.ts +1 -1
- package/components/thead/Component.js.map +1 -1
- package/components/thead/index.css +6 -6
- package/components/thead/index.module.css.js +1 -1
- package/components/thead/index.module.css.js.map +1 -1
- package/components/thead-cell/Component.d.ts +2 -2
- package/components/thead-cell/Component.js.map +1 -1
- package/components/thead-cell/index.css +9 -9
- package/components/thead-cell/index.module.css.js +1 -1
- package/components/thead-cell/index.module.css.js.map +1 -1
- package/components/trow/Component.d.ts +2 -2
- package/components/trow/Component.js.map +1 -1
- package/components/trow/index.css +10 -10
- package/components/trow/index.module.css.js +1 -1
- package/components/trow/index.module.css.js.map +1 -1
- package/components/tsortable-head-cell/Component.d.ts +1 -1
- package/components/tsortable-head-cell/Component.js.map +1 -1
- package/components/tsortable-head-cell/index.css +10 -10
- package/components/tsortable-head-cell/index.module.css.js +1 -1
- package/components/tsortable-head-cell/index.module.css.js.map +1 -1
- package/components/tsortable-head-cell/sort-icon-asc.d.ts +1 -1
- package/components/tsortable-head-cell/sort-icon-asc.js.map +1 -1
- package/components/tsortable-head-cell/sort-icon-desc.d.ts +1 -1
- package/components/tsortable-head-cell/sort-icon-desc.js.map +1 -1
- package/components/tsortable-head-cell/sort-icon-unset.d.ts +1 -1
- package/components/tsortable-head-cell/sort-icon-unset.js.map +1 -1
- package/cssm/component.js.map +1 -1
- package/cssm/components/pagination/Component.d.ts +2 -2
- package/cssm/components/pagination/Component.js.map +1 -1
- package/cssm/components/pagination/index.module.css +1 -1
- package/cssm/components/pagination/select-field/index.d.ts +1 -1
- package/cssm/components/pagination/select-field/index.js.map +1 -1
- package/cssm/components/table/Component.d.ts +1 -1
- package/cssm/components/table/Component.js.map +1 -1
- package/cssm/components/table/index.module.css +1 -1
- package/cssm/components/table/utils.d.ts +1 -1
- package/cssm/components/table/utils.js.map +1 -1
- package/cssm/components/table-context/index.d.ts +3 -3
- package/cssm/components/table-context/index.js +1 -5
- package/cssm/components/table-context/index.js.map +1 -1
- package/cssm/components/tbody/Component.d.ts +1 -1
- package/cssm/components/tbody/Component.js.map +1 -1
- package/cssm/components/tcell/Component.d.ts +1 -1
- package/cssm/components/tcell/Component.js.map +1 -1
- package/cssm/components/tcell/index.module.css +1 -1
- package/cssm/components/texpandable-row/Component.d.ts +2 -2
- package/cssm/components/texpandable-row/Component.js +1 -1
- package/cssm/components/texpandable-row/Component.js.map +1 -1
- package/cssm/components/thead/Component.d.ts +1 -1
- package/cssm/components/thead/Component.js.map +1 -1
- package/cssm/components/thead/index.module.css +1 -1
- package/cssm/components/thead-cell/Component.d.ts +2 -2
- package/cssm/components/thead-cell/Component.js.map +1 -1
- package/cssm/components/thead-cell/index.module.css +1 -1
- package/cssm/components/trow/Component.d.ts +2 -2
- package/cssm/components/trow/Component.js.map +1 -1
- package/cssm/components/trow/index.module.css +3 -3
- package/cssm/components/tsortable-head-cell/Component.d.ts +1 -1
- package/cssm/components/tsortable-head-cell/Component.js.map +1 -1
- package/cssm/components/tsortable-head-cell/index.module.css +3 -3
- package/cssm/components/tsortable-head-cell/sort-icon-asc.d.ts +1 -1
- package/cssm/components/tsortable-head-cell/sort-icon-asc.js.map +1 -1
- package/cssm/components/tsortable-head-cell/sort-icon-desc.d.ts +1 -1
- package/cssm/components/tsortable-head-cell/sort-icon-desc.js.map +1 -1
- package/cssm/components/tsortable-head-cell/sort-icon-unset.d.ts +1 -1
- package/cssm/components/tsortable-head-cell/sort-icon-unset.js.map +1 -1
- package/esm/component.js.map +1 -1
- package/esm/components/pagination/Component.d.ts +2 -2
- package/esm/components/pagination/Component.js.map +1 -1
- package/esm/components/pagination/index.css +9 -9
- package/esm/components/pagination/index.module.css.js +1 -1
- package/esm/components/pagination/index.module.css.js.map +1 -1
- package/esm/components/pagination/select-field/index.css +3 -3
- package/esm/components/pagination/select-field/index.d.ts +1 -1
- package/esm/components/pagination/select-field/index.js.map +1 -1
- package/esm/components/pagination/select-field/index.module.css.js +1 -1
- package/esm/components/pagination/select-field/index.module.css.js.map +1 -1
- package/esm/components/table/Component.d.ts +1 -1
- package/esm/components/table/Component.js.map +1 -1
- package/esm/components/table/index.css +7 -7
- package/esm/components/table/index.module.css.js +1 -1
- package/esm/components/table/index.module.css.js.map +1 -1
- package/esm/components/table/utils.d.ts +1 -1
- package/esm/components/table/utils.js.map +1 -1
- package/esm/components/table-context/index.d.ts +3 -3
- package/esm/components/table-context/index.js +2 -2
- package/esm/components/table-context/index.js.map +1 -1
- package/esm/components/tbody/Component.d.ts +1 -1
- package/esm/components/tbody/Component.js.map +1 -1
- package/esm/components/tbody/index.css +1 -1
- package/esm/components/tbody/index.module.css.js +1 -1
- package/esm/components/tbody/index.module.css.js.map +1 -1
- package/esm/components/tcell/Component.d.ts +1 -1
- package/esm/components/tcell/Component.js.map +1 -1
- package/esm/components/tcell/index.css +6 -6
- package/esm/components/tcell/index.module.css.js +1 -1
- package/esm/components/tcell/index.module.css.js.map +1 -1
- package/esm/components/texpandable-row/Component.d.ts +2 -2
- package/esm/components/texpandable-row/Component.js +1 -1
- package/esm/components/texpandable-row/Component.js.map +1 -1
- package/esm/components/texpandable-row/index.css +4 -4
- package/esm/components/texpandable-row/index.module.css.js +1 -1
- package/esm/components/texpandable-row/index.module.css.js.map +1 -1
- package/esm/components/thead/Component.d.ts +1 -1
- package/esm/components/thead/Component.js.map +1 -1
- package/esm/components/thead/index.css +6 -6
- package/esm/components/thead/index.module.css.js +1 -1
- package/esm/components/thead/index.module.css.js.map +1 -1
- package/esm/components/thead-cell/Component.d.ts +2 -2
- package/esm/components/thead-cell/Component.js.map +1 -1
- package/esm/components/thead-cell/index.css +9 -9
- package/esm/components/thead-cell/index.module.css.js +1 -1
- package/esm/components/thead-cell/index.module.css.js.map +1 -1
- package/esm/components/trow/Component.d.ts +2 -2
- package/esm/components/trow/Component.js.map +1 -1
- package/esm/components/trow/index.css +10 -10
- package/esm/components/trow/index.module.css.js +1 -1
- package/esm/components/trow/index.module.css.js.map +1 -1
- package/esm/components/tsortable-head-cell/Component.d.ts +1 -1
- package/esm/components/tsortable-head-cell/Component.js.map +1 -1
- package/esm/components/tsortable-head-cell/index.css +10 -10
- package/esm/components/tsortable-head-cell/index.module.css.js +1 -1
- package/esm/components/tsortable-head-cell/index.module.css.js.map +1 -1
- package/esm/components/tsortable-head-cell/sort-icon-asc.d.ts +1 -1
- package/esm/components/tsortable-head-cell/sort-icon-asc.js.map +1 -1
- package/esm/components/tsortable-head-cell/sort-icon-desc.d.ts +1 -1
- package/esm/components/tsortable-head-cell/sort-icon-desc.js.map +1 -1
- package/esm/components/tsortable-head-cell/sort-icon-unset.d.ts +1 -1
- package/esm/components/tsortable-head-cell/sort-icon-unset.js.map +1 -1
- package/modern/component.js.map +1 -1
- package/modern/components/pagination/Component.d.ts +2 -2
- package/modern/components/pagination/Component.js.map +1 -1
- package/modern/components/pagination/index.css +9 -9
- package/modern/components/pagination/index.module.css.js +1 -1
- package/modern/components/pagination/index.module.css.js.map +1 -1
- package/modern/components/pagination/select-field/index.css +3 -3
- package/modern/components/pagination/select-field/index.d.ts +1 -1
- package/modern/components/pagination/select-field/index.js.map +1 -1
- package/modern/components/pagination/select-field/index.module.css.js +1 -1
- package/modern/components/pagination/select-field/index.module.css.js.map +1 -1
- package/modern/components/table/Component.d.ts +1 -1
- package/modern/components/table/Component.js.map +1 -1
- package/modern/components/table/index.css +7 -7
- package/modern/components/table/index.module.css.js +1 -1
- package/modern/components/table/index.module.css.js.map +1 -1
- package/modern/components/table/utils.d.ts +1 -1
- package/modern/components/table/utils.js.map +1 -1
- package/modern/components/table-context/index.d.ts +3 -3
- package/modern/components/table-context/index.js +2 -2
- package/modern/components/table-context/index.js.map +1 -1
- package/modern/components/tbody/Component.d.ts +1 -1
- package/modern/components/tbody/Component.js.map +1 -1
- package/modern/components/tbody/index.css +1 -1
- package/modern/components/tbody/index.module.css.js +1 -1
- package/modern/components/tbody/index.module.css.js.map +1 -1
- package/modern/components/tcell/Component.d.ts +1 -1
- package/modern/components/tcell/Component.js.map +1 -1
- package/modern/components/tcell/index.css +6 -6
- package/modern/components/tcell/index.module.css.js +1 -1
- package/modern/components/tcell/index.module.css.js.map +1 -1
- package/modern/components/texpandable-row/Component.d.ts +2 -2
- package/modern/components/texpandable-row/Component.js +1 -1
- package/modern/components/texpandable-row/Component.js.map +1 -1
- package/modern/components/texpandable-row/index.css +4 -4
- package/modern/components/texpandable-row/index.module.css.js +1 -1
- package/modern/components/texpandable-row/index.module.css.js.map +1 -1
- package/modern/components/thead/Component.d.ts +1 -1
- package/modern/components/thead/Component.js.map +1 -1
- package/modern/components/thead/index.css +6 -6
- package/modern/components/thead/index.module.css.js +1 -1
- package/modern/components/thead/index.module.css.js.map +1 -1
- package/modern/components/thead-cell/Component.d.ts +2 -2
- package/modern/components/thead-cell/Component.js.map +1 -1
- package/modern/components/thead-cell/index.css +9 -9
- package/modern/components/thead-cell/index.module.css.js +1 -1
- package/modern/components/thead-cell/index.module.css.js.map +1 -1
- package/modern/components/trow/Component.d.ts +2 -2
- package/modern/components/trow/Component.js.map +1 -1
- package/modern/components/trow/index.css +10 -10
- package/modern/components/trow/index.module.css.js +1 -1
- package/modern/components/trow/index.module.css.js.map +1 -1
- package/modern/components/tsortable-head-cell/Component.d.ts +1 -1
- package/modern/components/tsortable-head-cell/Component.js.map +1 -1
- package/modern/components/tsortable-head-cell/index.css +10 -10
- package/modern/components/tsortable-head-cell/index.module.css.js +1 -1
- package/modern/components/tsortable-head-cell/index.module.css.js.map +1 -1
- package/modern/components/tsortable-head-cell/sort-icon-asc.d.ts +1 -1
- package/modern/components/tsortable-head-cell/sort-icon-asc.js.map +1 -1
- package/modern/components/tsortable-head-cell/sort-icon-desc.d.ts +1 -1
- package/modern/components/tsortable-head-cell/sort-icon-desc.js.map +1 -1
- package/modern/components/tsortable-head-cell/sort-icon-unset.d.ts +1 -1
- package/modern/components/tsortable-head-cell/sort-icon-unset.js.map +1 -1
- package/moderncssm/component.js.map +1 -1
- package/moderncssm/components/pagination/Component.d.ts +2 -2
- package/moderncssm/components/pagination/Component.js.map +1 -1
- package/moderncssm/components/pagination/index.module.css +3 -1
- package/moderncssm/components/pagination/select-field/index.d.ts +1 -1
- package/moderncssm/components/pagination/select-field/index.js.map +1 -1
- package/moderncssm/components/pagination/select-field/index.module.css +2 -1
- package/moderncssm/components/table/Component.d.ts +1 -1
- package/moderncssm/components/table/Component.js.map +1 -1
- package/moderncssm/components/table/index.module.css +3 -1
- package/moderncssm/components/table/utils.d.ts +1 -1
- package/moderncssm/components/table/utils.js.map +1 -1
- package/moderncssm/components/table-context/index.d.ts +3 -3
- package/moderncssm/components/table-context/index.js +2 -2
- package/moderncssm/components/table-context/index.js.map +1 -1
- package/moderncssm/components/tbody/Component.d.ts +1 -1
- package/moderncssm/components/tbody/Component.js.map +1 -1
- package/moderncssm/components/tbody/index.module.css +2 -0
- package/moderncssm/components/tcell/Component.d.ts +1 -1
- package/moderncssm/components/tcell/Component.js.map +1 -1
- package/moderncssm/components/tcell/index.module.css +3 -1
- package/moderncssm/components/texpandable-row/Component.d.ts +2 -2
- package/moderncssm/components/texpandable-row/Component.js +1 -1
- package/moderncssm/components/texpandable-row/Component.js.map +1 -1
- package/moderncssm/components/texpandable-row/index.module.css +2 -0
- package/moderncssm/components/thead/Component.d.ts +1 -1
- package/moderncssm/components/thead/Component.js.map +1 -1
- package/moderncssm/components/thead/index.module.css +3 -1
- package/moderncssm/components/thead-cell/Component.d.ts +2 -2
- package/moderncssm/components/thead-cell/Component.js.map +1 -1
- package/moderncssm/components/thead-cell/index.module.css +3 -1
- package/moderncssm/components/trow/Component.d.ts +2 -2
- package/moderncssm/components/trow/Component.js.map +1 -1
- package/moderncssm/components/trow/index.module.css +5 -3
- package/moderncssm/components/tsortable-head-cell/Component.d.ts +1 -1
- package/moderncssm/components/tsortable-head-cell/Component.js.map +1 -1
- package/moderncssm/components/tsortable-head-cell/index.module.css +5 -3
- package/moderncssm/components/tsortable-head-cell/sort-icon-asc.d.ts +1 -1
- package/moderncssm/components/tsortable-head-cell/sort-icon-asc.js.map +1 -1
- package/moderncssm/components/tsortable-head-cell/sort-icon-desc.d.ts +1 -1
- package/moderncssm/components/tsortable-head-cell/sort-icon-desc.js.map +1 -1
- package/moderncssm/components/tsortable-head-cell/sort-icon-unset.d.ts +1 -1
- package/moderncssm/components/tsortable-head-cell/sort-icon-unset.js.map +1 -1
- package/package.json +3 -3
- package/src/components/pagination/Component.tsx +4 -4
- package/src/components/pagination/index.module.css +1 -1
- package/src/components/pagination/select-field/index.module.css +1 -1
- package/src/components/pagination/select-field/index.tsx +2 -2
- package/src/components/table/Component.tsx +8 -2
- package/src/components/table/index.module.css +1 -1
- package/src/components/table/utils.ts +1 -1
- package/src/components/table-context/{index.tsx → index.ts} +3 -3
- package/src/components/tbody/Component.tsx +1 -1
- package/src/components/tbody/index.module.css +1 -1
- package/src/components/tcell/Component.tsx +1 -1
- package/src/components/tcell/index.module.css +1 -1
- package/src/components/texpandable-row/Component.tsx +3 -3
- package/src/components/texpandable-row/index.module.css +1 -1
- package/src/components/thead/Component.tsx +1 -1
- package/src/components/thead/index.module.css +1 -1
- package/src/components/thead-cell/Component.tsx +2 -2
- package/src/components/thead-cell/index.module.css +1 -1
- package/src/components/trow/Component.tsx +2 -2
- package/src/components/trow/index.module.css +1 -1
- package/src/components/tsortable-head-cell/Component.tsx +1 -1
- package/src/components/tsortable-head-cell/index.module.css +1 -1
- package/src/components/tsortable-head-cell/sort-icon-asc.tsx +1 -1
- package/src/components/tsortable-head-cell/sort-icon-desc.tsx +1 -1
- package/src/components/tsortable-head-cell/sort-icon-unset.tsx +1 -1
- /package/src/{component.tsx → component.ts} +0 -0
package/component.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sources":["src/component.
|
|
1
|
+
{"version":3,"file":"component.js","sources":["src/component.ts"],"sourcesContent":["import {\n Pagination,\n Table as TableComponent,\n TBody,\n TCell,\n TExpandableRow,\n THead,\n THeadCell,\n TRow,\n TSortableHeadCell,\n} from './components';\n\nexport const Table = Object.assign(TableComponent, {\n TBody,\n THead,\n THeadCell,\n TSortableHeadCell,\n TCell,\n TRow,\n TExpandableRow,\n Pagination,\n});\n\nexport {\n TableComponent,\n TBody,\n THead,\n THeadCell,\n TSortableHeadCell,\n TCell,\n TRow,\n TExpandableRow,\n Pagination,\n};\n"],"names":["TableComponent","TBody","THead","THeadCell","TSortableHeadCell","TCell","TRow","TExpandableRow","Pagination"],"mappings":";;;;;;;;;;;;;;IAYa,KAAK,GAAG,MAAM,CAAC,MAAM,CAACA,eAAc,EAAE;AAC/C,IAAA,KAAK,EAAAC,iBAAA;AACL,IAAA,KAAK,EAAAC,iBAAA;AACL,IAAA,SAAS,EAAAC,qBAAA;AACT,IAAA,iBAAiB,EAAAC,6BAAA;AACjB,IAAA,KAAK,EAAAC,iBAAA;AACL,IAAA,IAAI,EAAAC,gBAAA;AACJ,IAAA,cAAc,EAAAC,0BAAA;AACd,IAAA,UAAU,EAAAC,sBAAA;AACb,CAAA;;;;;;;;;;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { PaginationProps as CorePaginationProps } from '@alfalab/core-components-pagination';
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import { type PaginationProps as CorePaginationProps } from '@alfalab/core-components-pagination';
|
|
3
3
|
export declare type PaginationProps = CorePaginationProps & {
|
|
4
4
|
/**
|
|
5
5
|
* Количество строк на страницу
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Component.js","sources":["../../src/components/pagination/Component.tsx"],"sourcesContent":["import React, { FC, useCallback, useContext, useMemo } from 'react';\nimport cn from 'classnames';\n\nimport {\n Pagination as CorePagination,\n PaginationProps as CorePaginationProps,\n} from '@alfalab/core-components-pagination';\nimport { SelectDesktop, SelectDesktopProps } from '@alfalab/core-components-select/desktop';\nimport { BaseSelectChangePayload } from '@alfalab/core-components-select/shared';\n\nimport { TableContext } from '../table-context';\n\nimport { CustomSelectField } from './select-field';\n\nimport styles from './index.module.css';\n\nexport type PaginationProps = CorePaginationProps & {\n /**\n * Количество строк на страницу\n */\n perPage?: number;\n\n /**\n * Возможные варианты разбивки\n */\n possiblePerPage?: number[];\n\n /**\n * Обработчик переключения perPage\n */\n onPerPageChange?: (perPage: number) => void;\n\n /**\n * Скрывает переключатель количества строк на страницу\n */\n hidePerPageSelect?: boolean;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n};\n\nexport const Pagination: FC<PaginationProps> = ({\n perPage = 25,\n possiblePerPage = [25, 50, 100],\n onPerPageChange = () => null,\n hidePerPageSelect = false,\n pagesCount,\n onPageChange = () => null,\n className,\n dataTestId,\n ...restPaginationProps\n}) => {\n const { wrapperRef } = useContext(TableContext);\n\n const options = useMemo(\n () =>\n Array.from(new Set<number>(possiblePerPage.concat(perPage)))\n .sort((a, b) => a - b)\n .map((value) => ({\n key: value.toString(),\n content: `Показывать по ${value}`,\n })),\n [perPage, possiblePerPage],\n );\n\n const handlePerPageChange: SelectDesktopProps['onChange'] = useCallback(\n ({ selected }: BaseSelectChangePayload) => {\n onPerPageChange(Number(selected?.key));\n },\n [onPerPageChange],\n );\n\n const handlePageChange = useCallback(\n (pageIndex: number) => {\n onPageChange(pageIndex);\n\n setTimeout(() => {\n if (wrapperRef.current) {\n wrapperRef.current.scrollIntoView();\n }\n }, 0);\n },\n [onPageChange, wrapperRef],\n );\n\n return (\n <div className={cn(styles.component, className)} data-test-id={dataTestId}>\n {hidePerPageSelect === false && (\n <SelectDesktop\n options={options}\n selected={perPage.toString()}\n onChange={handlePerPageChange}\n preventFlip={false}\n size='s'\n className={styles.select}\n optionsListClassName={styles.menu}\n optionClassName={styles.option}\n Field={CustomSelectField}\n />\n )}\n\n {pagesCount > 1 && (\n <CorePagination\n pagesCount={pagesCount}\n onPageChange={handlePageChange}\n className={styles.pagination}\n {...restPaginationProps}\n />\n )}\n </div>\n );\n};\n"],"names":["__rest","useContext","TableContext","useMemo","useCallback","React","cn","styles","SelectDesktop","CustomSelectField","CorePagination","__assign"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../src/components/pagination/Component.tsx"],"sourcesContent":["import React, { type FC, useCallback, useContext, useMemo } from 'react';\nimport cn from 'classnames';\n\nimport {\n Pagination as CorePagination,\n type PaginationProps as CorePaginationProps,\n} from '@alfalab/core-components-pagination';\nimport { SelectDesktop, type SelectDesktopProps } from '@alfalab/core-components-select/desktop';\nimport { type BaseSelectChangePayload } from '@alfalab/core-components-select/shared';\n\nimport { TableContext } from '../table-context';\n\nimport { CustomSelectField } from './select-field';\n\nimport styles from './index.module.css';\n\nexport type PaginationProps = CorePaginationProps & {\n /**\n * Количество строк на страницу\n */\n perPage?: number;\n\n /**\n * Возможные варианты разбивки\n */\n possiblePerPage?: number[];\n\n /**\n * Обработчик переключения perPage\n */\n onPerPageChange?: (perPage: number) => void;\n\n /**\n * Скрывает переключатель количества строк на страницу\n */\n hidePerPageSelect?: boolean;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n};\n\nexport const Pagination: FC<PaginationProps> = ({\n perPage = 25,\n possiblePerPage = [25, 50, 100],\n onPerPageChange = () => null,\n hidePerPageSelect = false,\n pagesCount,\n onPageChange = () => null,\n className,\n dataTestId,\n ...restPaginationProps\n}) => {\n const { wrapperRef } = useContext(TableContext);\n\n const options = useMemo(\n () =>\n Array.from(new Set<number>(possiblePerPage.concat(perPage)))\n .sort((a, b) => a - b)\n .map((value) => ({\n key: value.toString(),\n content: `Показывать по ${value}`,\n })),\n [perPage, possiblePerPage],\n );\n\n const handlePerPageChange: SelectDesktopProps['onChange'] = useCallback(\n ({ selected }: BaseSelectChangePayload) => {\n onPerPageChange(Number(selected?.key));\n },\n [onPerPageChange],\n );\n\n const handlePageChange = useCallback(\n (pageIndex: number) => {\n onPageChange(pageIndex);\n\n setTimeout(() => {\n if (wrapperRef.current) {\n wrapperRef.current.scrollIntoView();\n }\n }, 0);\n },\n [onPageChange, wrapperRef],\n );\n\n return (\n <div className={cn(styles.component, className)} data-test-id={dataTestId}>\n {hidePerPageSelect === false && (\n <SelectDesktop\n options={options}\n selected={perPage.toString()}\n onChange={handlePerPageChange}\n preventFlip={false}\n size='s'\n className={styles.select}\n optionsListClassName={styles.menu}\n optionClassName={styles.option}\n Field={CustomSelectField}\n />\n )}\n\n {pagesCount > 1 && (\n <CorePagination\n pagesCount={pagesCount}\n onPageChange={handlePageChange}\n className={styles.pagination}\n {...restPaginationProps}\n />\n )}\n </div>\n );\n};\n"],"names":["__rest","useContext","TableContext","useMemo","useCallback","React","cn","styles","SelectDesktop","CustomSelectField","CorePagination","__assign"],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
--gap-16: var(--gap-m);
|
|
13
13
|
--gap-24: var(--gap-xl);
|
|
14
14
|
--gap-32: var(--gap-2xl);
|
|
15
|
-
} .
|
|
15
|
+
} .table__component_1i9b5 {
|
|
16
16
|
position: sticky;
|
|
17
17
|
left: var(--gap-0);
|
|
18
18
|
display: flex;
|
|
@@ -22,21 +22,21 @@
|
|
|
22
22
|
padding: var(--gap-24) var(--gap-16) var(--gap-32);
|
|
23
23
|
border-top: 1px solid var(--color-light-neutral-400);
|
|
24
24
|
box-sizing: border-box;
|
|
25
|
-
} .
|
|
25
|
+
} .table__pagesWrapper_1i9b5 {
|
|
26
26
|
display: flex;
|
|
27
|
-
} .
|
|
27
|
+
} .table__tag_1i9b5.table__tag_1i9b5 {
|
|
28
28
|
flex-shrink: 0;
|
|
29
29
|
margin-right: var(--gap-8);
|
|
30
30
|
padding: var(--gap-0) var(--gap-8);
|
|
31
|
-
min-width: 32px
|
|
32
|
-
} .
|
|
31
|
+
min-width: 32px;
|
|
32
|
+
} .table__tag_1i9b5.table__tag_1i9b5:last-child {
|
|
33
33
|
margin-right: var(--gap-0);
|
|
34
|
-
} .
|
|
34
|
+
} .table__tag_1i9b5.table__tag_1i9b5.table__tagActive_1i9b5 {
|
|
35
35
|
cursor: default;
|
|
36
|
-
} .
|
|
36
|
+
} .table__pagination_1i9b5 {
|
|
37
37
|
margin-left: auto;
|
|
38
|
-
} .
|
|
38
|
+
} .table__menu_1i9b5 {
|
|
39
39
|
margin: var(--gap-4) var(--gap-0);
|
|
40
|
-
} .
|
|
40
|
+
} .table__option_1i9b5 {
|
|
41
41
|
min-width: 208px;
|
|
42
42
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"component":"
|
|
5
|
+
var styles = {"component":"table__component_1i9b5","pagination":"table__pagination_1i9b5","menu":"table__menu_1i9b5","option":"table__option_1i9b5"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../../src/components/pagination/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n position: sticky;\n left: var(--gap-0);\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n width: 100%;\n padding: var(--gap-24) var(--gap-16) var(--gap-32);\n border-top: 1px solid var(--color-light-neutral-400);\n box-sizing: border-box;\n}\n\n.pagesWrapper {\n display: flex;\n}\n\n.tag.tag {\n flex-shrink: 0;\n margin-right: var(--gap-8);\n padding: var(--gap-0) var(--gap-8);\n min-width: 32px;\n\n &:last-child {\n margin-right: var(--gap-0);\n }\n\n &.tagActive {\n cursor: default;\n }\n}\n\n.pagination {\n margin-left: auto;\n}\n\n.menu {\n margin: var(--gap-4) var(--gap-0);\n}\n\n.option {\n min-width: 208px;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAA0G,YAAY,CAAC,yBAAyB,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/pagination/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n position: sticky;\n left: var(--gap-0);\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n width: 100%;\n padding: var(--gap-24) var(--gap-16) var(--gap-32);\n border-top: 1px solid var(--color-light-neutral-400);\n box-sizing: border-box;\n}\n\n.pagesWrapper {\n display: flex;\n}\n\n.tag.tag {\n flex-shrink: 0;\n margin-right: var(--gap-8);\n padding: var(--gap-0) var(--gap-8);\n min-width: 32px;\n\n &:last-child {\n margin-right: var(--gap-0);\n }\n\n &.tagActive {\n cursor: default;\n }\n}\n\n.pagination {\n margin-left: auto;\n}\n\n.menu {\n margin: var(--gap-4) var(--gap-0);\n}\n\n.option {\n min-width: 208px;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAA0G,YAAY,CAAC,yBAAyB,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--color-light-neutral-translucent-200-hover: rgba(15, 25, 55, 0.1);
|
|
3
|
-
} .
|
|
3
|
+
} .table__field_1whs2 svg {
|
|
4
4
|
width: 18px;
|
|
5
5
|
height: 18px;
|
|
6
|
-
} .
|
|
7
|
-
.
|
|
6
|
+
} .table__open_1whs2,
|
|
7
|
+
.table__open_1whs2:hover {
|
|
8
8
|
background-color: var(--color-light-neutral-translucent-200-hover);
|
|
9
9
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { SelectProps } from '@alfalab/core-components-select';
|
|
1
|
+
import { type SelectProps } from '@alfalab/core-components-select';
|
|
2
2
|
export declare const CustomSelectField: SelectProps['Field'];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/pagination/select-field/index.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Button, ButtonProps } from '@alfalab/core-components-button';\nimport { SelectProps } from '@alfalab/core-components-select';\n\nimport styles from './index.module.css';\n\nexport const CustomSelectField: SelectProps['Field'] = ({ selected, innerProps, Arrow, open }) => {\n const { ref, ...restInnerProps } = innerProps;\n\n return (\n <div ref={ref}>\n <Button\n {...(restInnerProps as ButtonProps)}\n size='xxs'\n view='transparent'\n className={cn(styles.field, { [styles.open]: open })}\n rightAddons={Arrow}\n >\n {selected?.content}\n </Button>\n </div>\n );\n};\n"],"names":["__rest","React","Button","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;AAQO,IAAM,iBAAiB,GAAyB,UAAC,EAAqC,EAAA;;QAAnC,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA;IAC/E,IAAA,GAAG,GAAwB,UAAU,CAAlC,GAAA,EAAK,cAAc,GAAAA,YAAA,CAAK,UAAU,EAAvC,CAA0B,KAAA,CAAA,CAAF;AAE9B,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAA;AACT,QAAAA,sBAAA,CAAA,aAAA,CAACC,2BAAM,EACEC,cAAA,CAAA,EAAA,EAAA,cAA8B,IACnC,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,aAAa,EAClB,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,KAAK,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,YAAM,CAAC,IAAI,CAAG,GAAA,IAAI,MAAG,EACpD,WAAW,EAAE,KAAK,EAAA,CAAA,EAEjB,QAAQ,KAAR,IAAA,IAAA,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CACb,CACP;AAEd;;;;"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/pagination/select-field/index.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Button, type ButtonProps } from '@alfalab/core-components-button';\nimport { type SelectProps } from '@alfalab/core-components-select';\n\nimport styles from './index.module.css';\n\nexport const CustomSelectField: SelectProps['Field'] = ({ selected, innerProps, Arrow, open }) => {\n const { ref, ...restInnerProps } = innerProps;\n\n return (\n <div ref={ref}>\n <Button\n {...(restInnerProps as ButtonProps)}\n size='xxs'\n view='transparent'\n className={cn(styles.field, { [styles.open]: open })}\n rightAddons={Arrow}\n >\n {selected?.content}\n </Button>\n </div>\n );\n};\n"],"names":["__rest","React","Button","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;AAQO,IAAM,iBAAiB,GAAyB,UAAC,EAAqC,EAAA;;QAAnC,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA;IAC/E,IAAA,GAAG,GAAwB,UAAU,CAAlC,GAAA,EAAK,cAAc,GAAAA,YAAA,CAAK,UAAU,EAAvC,CAA0B,KAAA,CAAA,CAAF;AAE9B,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAA;AACT,QAAAA,sBAAA,CAAA,aAAA,CAACC,2BAAM,EACEC,cAAA,CAAA,EAAA,EAAA,cAA8B,IACnC,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,aAAa,EAClB,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,KAAK,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,YAAM,CAAC,IAAI,CAAG,GAAA,IAAI,MAAG,EACpD,WAAW,EAAE,KAAK,EAAA,CAAA,EAEjB,QAAQ,KAAR,IAAA,IAAA,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CACb,CACP;AAEd;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../../../src/components/pagination/select-field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.field {\n & svg {\n width: 18px;\n height: 18px;\n }\n}\n\n.open,\n.open:hover {\n background-color: var(--color-light-neutral-translucent-200-hover);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,OAAO,CAAC,oBAAoB,CAAC,MAAM,CAAC,mBAAmB,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../../src/components/pagination/select-field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.field {\n & svg {\n width: 18px;\n height: 18px;\n }\n}\n\n.open,\n.open:hover {\n background-color: var(--color-light-neutral-translucent-200-hover);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,OAAO,CAAC,oBAAoB,CAAC,MAAM,CAAC,mBAAmB,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Component.js","sources":["../../src/components/table/Component.tsx"],"sourcesContent":["import React, {
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../src/components/table/Component.tsx"],"sourcesContent":["import React, {\n forwardRef,\n type ReactNode,\n type TableHTMLAttributes,\n useMemo,\n useRef,\n} from 'react';\nimport cn from 'classnames';\n\nimport { type ColumnConfiguration, TableContext } from '../table-context';\n\nimport { findAllHeadCellsProps } from './utils';\n\nimport styles from './index.module.css';\n\nexport type TableProps = TableHTMLAttributes<HTMLTableElement> & {\n /**\n * Компактный вид\n */\n compactView?: boolean;\n\n /**\n * Уменьшение горизонтальных паддингов\n */\n compactHorizontal?: boolean;\n\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Дочерние компоненты\n */\n children: React.ReactElement | React.ReactElement[];\n\n /**\n * Оборачивает таблицу в стилизованный контейнер\n */\n wrapper?: boolean;\n\n /**\n * Слот для пагинации\n */\n pagination?: ReactNode;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n\n /**\n * Если true то заголовок будет фиксироваться при скроле\n */\n stickyHeader?: boolean;\n};\n\nexport const Table = forwardRef<HTMLTableElement, TableProps>(\n (\n {\n className,\n children,\n compactView = false,\n compactHorizontal = false,\n wrapper = true,\n pagination,\n dataTestId,\n stickyHeader = false,\n ...restProps\n },\n ref,\n ) => {\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n const columnsConfiguration: ColumnConfiguration[] = useMemo(\n () =>\n findAllHeadCellsProps(children).map((columnProps, index) => ({\n width: columnProps.width,\n textAlign: columnProps.textAlign,\n hidden: columnProps.hidden,\n index,\n })),\n [children],\n );\n\n /* eslint-disable react/jsx-no-constructed-context-values */\n return (\n <TableContext.Provider\n value={{\n stickyHeader,\n columnsConfiguration,\n compactView,\n compactHorizontal,\n wrapperRef,\n }}\n >\n <div\n ref={wrapperRef}\n className={cn(styles.component, className, {\n [styles.wrapper]: wrapper,\n [styles.hasPagination]: !!pagination,\n [styles.stickyHeader]: stickyHeader,\n })}\n data-test-id={dataTestId}\n >\n <table ref={ref} className={styles.table} {...restProps}>\n {children}\n </table>\n\n {pagination}\n </div>\n </TableContext.Provider>\n );\n },\n);\n"],"names":["forwardRef","__rest","useRef","useMemo","findAllHeadCellsProps","React","TableContext","cn","styles","__assign"],"mappings":";;;;;;;;;;;;;;;;IAyDa,KAAK,GAAGA,gBAAU,CAC3B,UACI,EAUC,EACD,GAAG,EAAA;;AAVC,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,GAAA,EAAA,EACnB,EAAyB,GAAA,EAAA,CAAA,iBAAA,EAAzB,iBAAiB,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EACzB,EAAA,GAAA,EAAA,CAAA,OAAc,EAAd,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EACd,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,oBAAoB,EAApB,YAAY,mBAAG,KAAK,GAAA,EAAA,EACjB,SAAS,GAAAC,YAAA,CAAA,EAAA,EAThB,oHAUC,CADe;AAIhB,IAAA,IAAM,UAAU,GAAGC,YAAM,CAAiB,IAAI,CAAC;IAE/C,IAAM,oBAAoB,GAA0BC,aAAO,CACvD,YAAA;AACI,QAAA,OAAAC,2BAAqB,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAC,WAAW,EAAE,KAAK,EAAA,EAAK,QAAC;YACzD,KAAK,EAAE,WAAW,CAAC,KAAK;YACxB,SAAS,EAAE,WAAW,CAAC,SAAS;YAChC,MAAM,EAAE,WAAW,CAAC,MAAM;AAC1B,YAAA,KAAK,EAAA,KAAA;SACR,EAAC,EAAA,CAAC;AALH,KAKG,EACP,CAAC,QAAQ,CAAC,CACb;;AAGD,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,kBAAY,CAAC,QAAQ,EAAA,EAClB,KAAK,EAAE;AACH,YAAA,YAAY,EAAA,YAAA;AACZ,YAAA,oBAAoB,EAAA,oBAAA;AACpB,YAAA,WAAW,EAAA,WAAA;AACX,YAAA,iBAAiB,EAAA,iBAAA;AACjB,YAAA,UAAU,EAAA,UAAA;AACb,SAAA,EAAA;AAED,QAAAD,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,UAAU,EACf,SAAS,EAAEE,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACrC,gBAAA,EAAA,CAACA,YAAM,CAAC,OAAO,CAAA,GAAG,OAAO;AACzB,gBAAA,EAAA,CAACA,YAAM,CAAC,aAAa,CAAG,GAAA,CAAC,CAAC,UAAU;AACpC,gBAAA,EAAA,CAACA,YAAM,CAAC,YAAY,CAAA,GAAG,YAAY;AACrC,gBAAA,EAAA,EAAA,EAAA,cAAA,EACY,UAAU,EAAA;AAExB,YAAAH,sBAAA,CAAA,aAAA,CAAA,OAAA,EAAAI,cAAA,CAAA,EAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAED,YAAM,CAAC,KAAK,EAAA,EAAM,SAAS,CAAA,EAClD,QAAQ,CACL;YAEP,UAAU,CACT,CACc;AAEhC,CAAC;;;;"}
|
|
@@ -9,22 +9,22 @@
|
|
|
9
9
|
--gap-m: 16px;
|
|
10
10
|
--gap-0: 0px;
|
|
11
11
|
--gap-16: var(--gap-m);
|
|
12
|
-
} .
|
|
12
|
+
} .table__component_1bvp4 {
|
|
13
13
|
box-sizing: border-box;
|
|
14
|
-
} .
|
|
14
|
+
} .table__wrapper_1bvp4 {
|
|
15
15
|
padding: var(--gap-0) var(--gap-16) var(--gap-16);
|
|
16
16
|
background: var(--color-light-base-bg-primary);
|
|
17
17
|
box-shadow: var(--shadow-xs-hard);
|
|
18
18
|
border-radius: var(--border-radius-8);
|
|
19
19
|
overflow: auto;
|
|
20
|
-
} .
|
|
20
|
+
} .table__stickyHeader_1bvp4 {
|
|
21
21
|
max-height: 100%;
|
|
22
|
-
} .
|
|
22
|
+
} .table__hasPagination_1bvp4 {
|
|
23
23
|
padding-bottom: var(--gap-0);
|
|
24
|
-
} .
|
|
24
|
+
} .table__table_1bvp4 {
|
|
25
25
|
width: 100%;
|
|
26
26
|
border-collapse: collapse;
|
|
27
|
-
box-sizing: border-box
|
|
28
|
-
} .
|
|
27
|
+
box-sizing: border-box;
|
|
28
|
+
} .table__table_1bvp4 td:first-child label > *[class^='box'], .table__table_1bvp4 th:first-child label > *[class^='box'] {
|
|
29
29
|
margin-top: var(--gap-0);
|
|
30
30
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"component":"
|
|
5
|
+
var styles = {"component":"table__component_1bvp4","wrapper":"table__wrapper_1bvp4","stickyHeader":"table__stickyHeader_1bvp4","hasPagination":"table__hasPagination_1bvp4","table":"table__table_1bvp4"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../../src/components/table/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n box-sizing: border-box;\n}\n\n.wrapper {\n padding: var(--gap-0) var(--gap-16) var(--gap-16);\n background: var(--color-light-base-bg-primary);\n box-shadow: var(--shadow-xs-hard);\n border-radius: var(--border-radius-8);\n overflow: auto;\n}\n\n.stickyHeader {\n max-height: 100%;\n}\n\n.hasPagination {\n padding-bottom: var(--gap-0);\n}\n\n.table {\n width: 100%;\n border-collapse: collapse;\n box-sizing: border-box;\n\n /* TODO: Хак для выравнивания чекбокса */\n & td:first-child,\n & th:first-child {\n & label > *[class^='box'] {\n margin-top: var(--gap-0);\n }\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,SAAS,CAAC,sBAAsB,CAAC,cAAc,CAAC,2BAA2B,CAAC,eAAe,CAAC,4BAA4B,CAAC,OAAO,CAAC,oBAAoB,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/table/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n box-sizing: border-box;\n}\n\n.wrapper {\n padding: var(--gap-0) var(--gap-16) var(--gap-16);\n background: var(--color-light-base-bg-primary);\n box-shadow: var(--shadow-xs-hard);\n border-radius: var(--border-radius-8);\n overflow: auto;\n}\n\n.stickyHeader {\n max-height: 100%;\n}\n\n.hasPagination {\n padding-bottom: var(--gap-0);\n}\n\n.table {\n width: 100%;\n border-collapse: collapse;\n box-sizing: border-box;\n\n /* TODO: Хак для выравнивания чекбокса */\n & td:first-child,\n & th:first-child {\n & label > *[class^='box'] {\n margin-top: var(--gap-0);\n }\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,SAAS,CAAC,sBAAsB,CAAC,cAAc,CAAC,2BAA2B,CAAC,eAAe,CAAC,4BAA4B,CAAC,OAAO,CAAC,oBAAoB,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../src/components/table/utils.ts"],"sourcesContent":["import React from 'react';\n\nimport { isChildInstanceOf } from '../../utils';\nimport { THead } from '../thead';\nimport { THeadCellProps } from '../thead-cell';\n\nexport function findAllHeadCellsProps(children: React.ReactElement | React.ReactElement[]) {\n const result: THeadCellProps[] = [];\n\n React.Children.forEach(children, (child) => {\n if (isChildInstanceOf(child, THead)) {\n React.Children.forEach(child.props.children, (headChild) => {\n result.push(headChild.props);\n });\n }\n });\n\n return result;\n}\n"],"names":["React","isChildInstanceOf","THead"],"mappings":";;;;;;;;;;;;AAMM,SAAU,qBAAqB,CAAC,QAAmD,EAAA;IACrF,IAAM,MAAM,GAAqB,EAAE;IAEnCA,sBAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AACnC,QAAA,IAAIC,uBAAiB,CAAC,KAAK,EAAEC,eAAK,CAAC,EAAE;AACjC,YAAAF,sBAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,UAAC,SAAS,EAAA;AACnD,gBAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;AAChC,aAAC,CAAC;AACL;AACL,KAAC,CAAC;AAEF,IAAA,OAAO,MAAM;AACjB;;;;"}
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../src/components/table/utils.ts"],"sourcesContent":["import React from 'react';\n\nimport { isChildInstanceOf } from '../../utils';\nimport { THead } from '../thead';\nimport { type THeadCellProps } from '../thead-cell';\n\nexport function findAllHeadCellsProps(children: React.ReactElement | React.ReactElement[]) {\n const result: THeadCellProps[] = [];\n\n React.Children.forEach(children, (child) => {\n if (isChildInstanceOf(child, THead)) {\n React.Children.forEach(child.props.children, (headChild) => {\n result.push(headChild.props);\n });\n }\n });\n\n return result;\n}\n"],"names":["React","isChildInstanceOf","THead"],"mappings":";;;;;;;;;;;;AAMM,SAAU,qBAAqB,CAAC,QAAmD,EAAA;IACrF,IAAM,MAAM,GAAqB,EAAE;IAEnCA,sBAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AACnC,QAAA,IAAIC,uBAAiB,CAAC,KAAK,EAAEC,eAAK,CAAC,EAAE;AACjC,YAAAF,sBAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,UAAC,SAAS,EAAA;AACnD,gBAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;AAChC,aAAC,CAAC;AACL;AACL,KAAC,CAAC;AAEF,IAAA,OAAO,MAAM;AACjB;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { TextAlignProperty } from '../../typings';
|
|
1
|
+
import { type RefObject } from 'react';
|
|
2
|
+
import { type TextAlignProperty } from '../../typings';
|
|
3
3
|
export declare type ColumnConfiguration = {
|
|
4
4
|
width?: string | number;
|
|
5
5
|
textAlign?: TextAlignProperty;
|
|
@@ -14,4 +14,4 @@ export declare type TableContextType = {
|
|
|
14
14
|
wrapperRef: RefObject<HTMLDivElement>;
|
|
15
15
|
};
|
|
16
16
|
export declare const DEFAULT_TABLE_CONTEXT: TableContextType;
|
|
17
|
-
export declare const TableContext:
|
|
17
|
+
export declare const TableContext: import("react").Context<TableContextType>;
|
|
@@ -4,10 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
|
|
7
|
-
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
8
|
-
|
|
9
|
-
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
10
|
-
|
|
11
7
|
var DEFAULT_TABLE_CONTEXT = {
|
|
12
8
|
columnsConfiguration: [],
|
|
13
9
|
compactView: false,
|
|
@@ -15,7 +11,7 @@ var DEFAULT_TABLE_CONTEXT = {
|
|
|
15
11
|
compactHorizontal: false,
|
|
16
12
|
wrapperRef: { current: null },
|
|
17
13
|
};
|
|
18
|
-
var TableContext =
|
|
14
|
+
var TableContext = React.createContext(DEFAULT_TABLE_CONTEXT);
|
|
19
15
|
|
|
20
16
|
exports.DEFAULT_TABLE_CONTEXT = DEFAULT_TABLE_CONTEXT;
|
|
21
17
|
exports.TableContext = TableContext;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/components/table-context/index.
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/components/table-context/index.ts"],"sourcesContent":["import { createContext, type RefObject } from 'react';\n\nimport { type TextAlignProperty } from '../../typings';\n\nexport type ColumnConfiguration = {\n width?: string | number;\n textAlign?: TextAlignProperty;\n hidden?: boolean;\n index: number;\n};\n\nexport type TableContextType = {\n columnsConfiguration: ColumnConfiguration[];\n stickyHeader: boolean;\n compactView: boolean;\n compactHorizontal: boolean;\n wrapperRef: RefObject<HTMLDivElement>;\n};\n\nexport const DEFAULT_TABLE_CONTEXT: TableContextType = {\n columnsConfiguration: [],\n compactView: false,\n stickyHeader: false,\n compactHorizontal: false,\n wrapperRef: { current: null },\n};\n\nexport const TableContext = createContext<TableContextType>(DEFAULT_TABLE_CONTEXT);\n"],"names":["createContext"],"mappings":";;;;;;AAmBa,IAAA,qBAAqB,GAAqB;AACnD,IAAA,oBAAoB,EAAE,EAAE;AACxB,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,iBAAiB,EAAE,KAAK;AACxB,IAAA,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;;IAGpB,YAAY,GAAGA,mBAAa,CAAmB,qBAAqB;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Component.js","sources":["../../src/components/tbody/Component.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes } from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport type TBodyProps = HTMLAttributes<HTMLTableSectionElement> & {\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n};\n\nexport const TBody = forwardRef<HTMLTableSectionElement, TBodyProps>(\n ({ className, children, dataTestId, ...restProps }, ref) => (\n <tbody\n className={cn(styles.component, className)}\n data-test-id={dataTestId}\n ref={ref}\n {...restProps}\n >\n {children}\n </tbody>\n ),\n);\n\nTBody.displayName = 'TBody';\n"],"names":["forwardRef","__rest","React","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;IAiBa,KAAK,GAAGA,gBAAU,CAC3B,UAAC,EAAiD,EAAE,GAAG,EAAA;AAApD,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAK,SAAS,GAA/CC,YAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,YAAA,CAAiD,CAAF;IAAY,QACxDC,sBACI,CAAA,aAAA,CAAA,OAAA,EAAAC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,SAAS,CAAC,kBAC5B,UAAU,EACxB,GAAG,EAAE,GAAG,EAAA,EACJ,SAAS,CAEZ,EAAA,QAAQ,CACL;AACX,CAAA;AAGL,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../src/components/tbody/Component.tsx"],"sourcesContent":["import React, { forwardRef, type HTMLAttributes } from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport type TBodyProps = HTMLAttributes<HTMLTableSectionElement> & {\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n};\n\nexport const TBody = forwardRef<HTMLTableSectionElement, TBodyProps>(\n ({ className, children, dataTestId, ...restProps }, ref) => (\n <tbody\n className={cn(styles.component, className)}\n data-test-id={dataTestId}\n ref={ref}\n {...restProps}\n >\n {children}\n </tbody>\n ),\n);\n\nTBody.displayName = 'TBody';\n"],"names":["forwardRef","__rest","React","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;IAiBa,KAAK,GAAGA,gBAAU,CAC3B,UAAC,EAAiD,EAAE,GAAG,EAAA;AAApD,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAK,SAAS,GAA/CC,YAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,YAAA,CAAiD,CAAF;IAAY,QACxDC,sBACI,CAAA,aAAA,CAAA,OAAA,EAAAC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,SAAS,CAAC,kBAC5B,UAAU,EACxB,GAAG,EAAE,GAAG,EAAA,EACJ,SAAS,CAEZ,EAAA,QAAQ,CACL;AACX,CAAA;AAGL,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../../src/components/tbody/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n width: 100%;\n box-sizing: border-box;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/tbody/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n width: 100%;\n box-sizing: border-box;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Component.js","sources":["../../src/components/tcell/Component.tsx"],"sourcesContent":["import React, { TdHTMLAttributes, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { TableContext } from '../table-context';\n\nimport styles from './index.module.css';\n\nexport type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n\n /**\n * Устанавливается автоматически и позволяет использовать конфиг для соответствующего индекса\n */\n index?: number;\n};\n\nexport const TCell = ({\n className,\n style,\n dataTestId,\n children,\n index,\n ...restProps\n}: TCellProps) => {\n const { columnsConfiguration, compactView, compactHorizontal } = useContext(TableContext);\n const column = index === undefined ? null : columnsConfiguration[index];\n const width = column?.width;\n const textAlign = column?.textAlign;\n const hidden = column?.hidden || false;\n\n if (hidden) return null;\n\n return (\n <td\n className={cn(\n styles.component,\n className,\n compactView && styles.compact,\n compactHorizontal && styles.compactHorizontal,\n )}\n style={{ ...style, width, textAlign }}\n data-test-id={dataTestId}\n {...restProps}\n >\n {children}\n </td>\n );\n};\n"],"names":["index","__rest","useContext","TableContext","React","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;AAwBO,IAAM,KAAK,GAAG,UAAC,EAOT,EAAA;AANT,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACRA,OAAK,GAAA,EAAA,CAAA,KAAA,EACF,SAAS,GAAAC,YAAA,CAAA,EAAA,EANM,yDAOrB,CADe;AAEN,IAAA,IAAA,EAA2D,GAAAC,gBAAU,CAACC,kBAAY,CAAC,EAAjF,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,iBAAiB,uBAA6B;AACzF,IAAA,IAAM,MAAM,GAAGH,OAAK,KAAK,SAAS,GAAG,IAAI,GAAG,oBAAoB,CAACA,OAAK,CAAC;IACvE,IAAM,KAAK,GAAG,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,KAAK;IAC3B,IAAM,SAAS,GAAG,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,SAAS;AACnC,IAAA,IAAM,MAAM,GAAG,CAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,MAAM,KAAI,KAAK;AAEtC,IAAA,IAAI,MAAM;AAAE,QAAA,OAAO,IAAI;AAEvB,IAAA,QACII,sBACI,CAAA,aAAA,CAAA,IAAA,EAAAC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CACTC,YAAM,CAAC,SAAS,EAChB,SAAS,EACT,WAAW,IAAIA,YAAM,CAAC,OAAO,EAC7B,iBAAiB,IAAIA,YAAM,CAAC,iBAAiB,CAChD,EACD,KAAK,oCAAO,KAAK,CAAA,EAAA,EAAE,KAAK,EAAA,KAAA,EAAE,SAAS,EAAA,SAAA,EAAA,CAAA,EAAA,cAAA,EACrB,UAAU,EACpB,EAAA,SAAS,GAEZ,QAAQ,CACR;AAEb;;;;"}
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../src/components/tcell/Component.tsx"],"sourcesContent":["import React, { type TdHTMLAttributes, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { TableContext } from '../table-context';\n\nimport styles from './index.module.css';\n\nexport type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n\n /**\n * Устанавливается автоматически и позволяет использовать конфиг для соответствующего индекса\n */\n index?: number;\n};\n\nexport const TCell = ({\n className,\n style,\n dataTestId,\n children,\n index,\n ...restProps\n}: TCellProps) => {\n const { columnsConfiguration, compactView, compactHorizontal } = useContext(TableContext);\n const column = index === undefined ? null : columnsConfiguration[index];\n const width = column?.width;\n const textAlign = column?.textAlign;\n const hidden = column?.hidden || false;\n\n if (hidden) return null;\n\n return (\n <td\n className={cn(\n styles.component,\n className,\n compactView && styles.compact,\n compactHorizontal && styles.compactHorizontal,\n )}\n style={{ ...style, width, textAlign }}\n data-test-id={dataTestId}\n {...restProps}\n >\n {children}\n </td>\n );\n};\n"],"names":["index","__rest","useContext","TableContext","React","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;AAwBO,IAAM,KAAK,GAAG,UAAC,EAOT,EAAA;AANT,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACRA,OAAK,GAAA,EAAA,CAAA,KAAA,EACF,SAAS,GAAAC,YAAA,CAAA,EAAA,EANM,yDAOrB,CADe;AAEN,IAAA,IAAA,EAA2D,GAAAC,gBAAU,CAACC,kBAAY,CAAC,EAAjF,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,iBAAiB,uBAA6B;AACzF,IAAA,IAAM,MAAM,GAAGH,OAAK,KAAK,SAAS,GAAG,IAAI,GAAG,oBAAoB,CAACA,OAAK,CAAC;IACvE,IAAM,KAAK,GAAG,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,KAAK;IAC3B,IAAM,SAAS,GAAG,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,SAAS;AACnC,IAAA,IAAM,MAAM,GAAG,CAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,MAAM,KAAI,KAAK;AAEtC,IAAA,IAAI,MAAM;AAAE,QAAA,OAAO,IAAI;AAEvB,IAAA,QACII,sBACI,CAAA,aAAA,CAAA,IAAA,EAAAC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CACTC,YAAM,CAAC,SAAS,EAChB,SAAS,EACT,WAAW,IAAIA,YAAM,CAAC,OAAO,EAC7B,iBAAiB,IAAIA,YAAM,CAAC,iBAAiB,CAChD,EACD,KAAK,oCAAO,KAAK,CAAA,EAAA,EAAE,KAAK,EAAA,KAAA,EAAE,SAAS,EAAA,SAAA,EAAA,CAAA,EAAA,cAAA,EACrB,UAAU,EACpB,EAAA,SAAS,GAEZ,QAAQ,CACR;AAEb;;;;"}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
--gap-12: var(--gap-s);
|
|
11
11
|
--gap-16: var(--gap-m);
|
|
12
12
|
--gap-24: var(--gap-xl);
|
|
13
|
-
} .
|
|
13
|
+
} .table__component_12y4x {
|
|
14
14
|
font-size: 14px;
|
|
15
15
|
line-height: 20px;
|
|
16
16
|
font-weight: 400;
|
|
@@ -20,15 +20,15 @@
|
|
|
20
20
|
height: 72px;
|
|
21
21
|
border-top: 1px solid var(--color-light-neutral-400);
|
|
22
22
|
vertical-align: top;
|
|
23
|
-
box-sizing: border-box
|
|
24
|
-
} .
|
|
23
|
+
box-sizing: border-box;
|
|
24
|
+
} .table__component_12y4x:first-child {
|
|
25
25
|
padding-left: var(--gap-16);
|
|
26
|
-
} .
|
|
26
|
+
} .table__component_12y4x:last-child {
|
|
27
27
|
padding-right: var(--gap-16);
|
|
28
|
-
} .
|
|
28
|
+
} .table__compactHorizontal_12y4x {
|
|
29
29
|
padding-left: 6px;
|
|
30
30
|
padding-right: 6px;
|
|
31
|
-
} .
|
|
31
|
+
} .table__compact_12y4x {
|
|
32
32
|
padding-top: var(--gap-8);
|
|
33
33
|
padding-bottom: var(--gap-8);
|
|
34
34
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"component":"
|
|
5
|
+
var styles = {"component":"table__component_12y4x","compactHorizontal":"table__compactHorizontal_12y4x","compact":"table__compact_12y4x"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../../src/components/tcell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n @mixin paragraph_primary_small;\n\n color: var(--color-light-text-primary);\n padding: var(--gap-24) var(--gap-12);\n height: 72px;\n border-top: 1px solid var(--color-light-neutral-400);\n vertical-align: top;\n box-sizing: border-box;\n\n &:first-child {\n padding-left: var(--gap-16);\n }\n\n &:last-child {\n padding-right: var(--gap-16);\n }\n}\n\n.compactHorizontal {\n padding-left: 6px;\n padding-right: 6px;\n}\n\n.compact {\n padding-top: var(--gap-8);\n padding-bottom: var(--gap-8);\n\n max-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,SAAS,CAAC,sBAAsB,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/tcell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n @mixin paragraph_primary_small;\n\n color: var(--color-light-text-primary);\n padding: var(--gap-24) var(--gap-12);\n height: 72px;\n border-top: 1px solid var(--color-light-neutral-400);\n vertical-align: top;\n box-sizing: border-box;\n\n &:first-child {\n padding-left: var(--gap-16);\n }\n\n &:last-child {\n padding-right: var(--gap-16);\n }\n}\n\n.compactHorizontal {\n padding-left: 6px;\n padding-right: 6px;\n}\n\n.compact {\n padding-top: var(--gap-8);\n padding-bottom: var(--gap-8);\n\n max-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,SAAS,CAAC,sBAAsB,CAAC;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React, { ReactNode, Ref } from 'react';
|
|
2
|
-
import { TRowProps } from '../trow';
|
|
1
|
+
import React, { type ReactNode, type Ref } from 'react';
|
|
2
|
+
import { type TRowProps } from '../trow';
|
|
3
3
|
export declare type TExpandableRowProps = TRowProps & {
|
|
4
4
|
defaultExpanded?: boolean;
|
|
5
5
|
expanded?: boolean;
|
|
@@ -18,7 +18,7 @@ var TExpandableRow = React.forwardRef(function (_a, ref) {
|
|
|
18
18
|
var className = _a.className, selected = _a.selected, expanded = _a.expanded, _d = _a.defaultExpanded, defaultExpanded = _d === void 0 ? false : _d, _e = _a.onToggle, onToggle = _e === void 0 ? function () { return null; } : _e, _f = _a.renderContent, renderContent = _f === void 0 ? function () { return null; } : _f, rowRef = _a.rowRef, restProps = tslib.__rest(_a, ["className", "selected", "expanded", "defaultExpanded", "onToggle", "renderContent", "rowRef"]);
|
|
19
19
|
var _g = React.useState(defaultExpanded), expandedState = _g[0], setExpandedState = _g[1];
|
|
20
20
|
var uncontrolled = expanded === undefined;
|
|
21
|
-
var isExpanded =
|
|
21
|
+
var isExpanded = uncontrolled ? expandedState : expanded;
|
|
22
22
|
var handleToggle = function () {
|
|
23
23
|
if (uncontrolled) {
|
|
24
24
|
setExpandedState(!isExpanded);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Component.js","sources":["../../src/components/texpandable-row/Component.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, Ref, useState } from 'react';\nimport cn from 'classnames';\n\nimport { TRow, TRowProps } from '../trow';\n\nimport styles from './index.module.css';\n\nexport type TExpandableRowProps = TRowProps & {\n defaultExpanded?: boolean;\n\n expanded?: boolean;\n\n onToggle?: (expanded: boolean) => void;\n\n renderContent: (expanded: boolean) => ReactNode;\n\n rowRef?: Ref<HTMLTableRowElement>;\n};\n\nexport const TExpandableRow = forwardRef<HTMLTableRowElement, TExpandableRowProps>(\n (\n {\n className,\n selected,\n expanded,\n defaultExpanded = false,\n onToggle = () => null,\n renderContent = () => null,\n rowRef,\n ...restProps\n }: TExpandableRowProps,\n ref,\n ) => {\n const [expandedState, setExpandedState] = useState<boolean>(defaultExpanded);\n\n const uncontrolled = expanded === undefined;\n\n const isExpanded =
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../src/components/texpandable-row/Component.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, type Ref, useState } from 'react';\nimport cn from 'classnames';\n\nimport { TRow, type TRowProps } from '../trow';\n\nimport styles from './index.module.css';\n\nexport type TExpandableRowProps = TRowProps & {\n defaultExpanded?: boolean;\n\n expanded?: boolean;\n\n onToggle?: (expanded: boolean) => void;\n\n renderContent: (expanded: boolean) => ReactNode;\n\n rowRef?: Ref<HTMLTableRowElement>;\n};\n\nexport const TExpandableRow = forwardRef<HTMLTableRowElement, TExpandableRowProps>(\n (\n {\n className,\n selected,\n expanded,\n defaultExpanded = false,\n onToggle = () => null,\n renderContent = () => null,\n rowRef,\n ...restProps\n }: TExpandableRowProps,\n ref,\n ) => {\n const [expandedState, setExpandedState] = useState<boolean>(defaultExpanded);\n\n const uncontrolled = expanded === undefined;\n\n const isExpanded = uncontrolled ? expandedState : expanded;\n\n const handleToggle = () => {\n if (uncontrolled) {\n setExpandedState(!isExpanded);\n }\n\n onToggle(isExpanded);\n };\n\n return (\n <React.Fragment>\n <TRow\n className={cn(styles.row, className, {\n [styles.selected]: selected,\n [styles.expanded]: isExpanded,\n })}\n selected={selected}\n onClick={handleToggle}\n ref={rowRef}\n {...restProps}\n />\n\n <tr ref={ref} className={cn(styles.expandable, { [styles.expanded]: isExpanded })}>\n {renderContent(isExpanded)}\n </tr>\n </React.Fragment>\n );\n },\n);\n\nTExpandableRow.displayName = 'TExpandableRow';\n"],"names":["forwardRef","__rest","useState","React","TRow","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;IAmBa,cAAc,GAAGA,gBAAU,CACpC,UACI,EASsB,EACtB,GAAG,EAAA;;IATC,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,eAAuB,EAAvB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACvB,gBAAqB,EAArB,QAAQ,mBAAG,YAAM,EAAA,OAAA,IAAI,CAAJ,EAAI,KAAA,EACrB,EAAA,GAAA,EAAA,CAAA,aAA0B,EAA1B,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,cAAM,OAAA,IAAI,GAAA,GAAA,EAAA,EAC1B,MAAM,GAAA,EAAA,CAAA,MAAA,EACH,SAAS,GAAAC,YAAA,CAAA,EAAA,EARhB,+FASC,CADe;IAIV,IAAA,EAAA,GAAoCC,cAAQ,CAAU,eAAe,CAAC,EAArE,aAAa,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAAsC;AAE5E,IAAA,IAAM,YAAY,GAAG,QAAQ,KAAK,SAAS;IAE3C,IAAM,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,QAAQ;AAE1D,IAAA,IAAM,YAAY,GAAG,YAAA;AACjB,QAAA,IAAI,YAAY,EAAE;AACd,YAAA,gBAAgB,CAAC,CAAC,UAAU,CAAC;AAChC;QAED,QAAQ,CAAC,UAAU,CAAC;AACxB,KAAC;AAED,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACA,sBAAK,CAAC,QAAQ,EAAA,IAAA;QACXA,sBAAC,CAAA,aAAA,CAAAC,cAAI,EACDC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,GAAG,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAC/B,gBAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,gBAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,UAAU;AAC/B,gBAAA,EAAA,EAAA,EACF,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,EACrB,GAAG,EAAE,MAAM,EAAA,EACP,SAAS,CACf,CAAA;QAEFJ,sBAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAEG,mBAAE,CAACC,YAAM,CAAC,UAAU,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,UAAU,EAAA,EAAA,EAAG,EAC5E,EAAA,aAAa,CAAC,UAAU,CAAC,CACzB,CACQ;AAEzB,CAAC;AAGL,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--gap-0: 0px;
|
|
3
|
-
} .
|
|
3
|
+
} .table__row_v16e3 {
|
|
4
4
|
cursor: pointer;
|
|
5
|
-
} .
|
|
5
|
+
} .table__selected_v16e3.table__expanded_v16e3 {
|
|
6
6
|
background-color: inherit;
|
|
7
|
-
} .
|
|
7
|
+
} .table__expanded_v16e3:hover {
|
|
8
8
|
background-color: inherit;
|
|
9
|
-
} .
|
|
9
|
+
} .table__expandable_v16e3 td {
|
|
10
10
|
margin: var(--gap-0);
|
|
11
11
|
padding-top: var(--gap-0);
|
|
12
12
|
padding-bottom: var(--gap-0);
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"row":"
|
|
5
|
+
var styles = {"row":"table__row_v16e3","selected":"table__selected_v16e3","expanded":"table__expanded_v16e3","expandable":"table__expandable_v16e3"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../../src/components/texpandable-row/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.row {\n cursor: pointer;\n}\n\n.selected.expanded {\n background-color: inherit;\n}\n\n.expanded {\n &:hover {\n background-color: inherit;\n }\n}\n\n.expandable {\n & td {\n margin: var(--gap-0);\n padding-top: var(--gap-0);\n padding-bottom: var(--gap-0);\n border: none;\n height: auto;\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,KAAK,CAAC,kBAAkB,CAAC,UAAU,CAAC,uBAAuB,CAAC,UAAU,CAAC,uBAAuB,CAAC,YAAY,CAAC,yBAAyB,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/texpandable-row/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.row {\n cursor: pointer;\n}\n\n.selected.expanded {\n background-color: inherit;\n}\n\n.expanded {\n &:hover {\n background-color: inherit;\n }\n}\n\n.expandable {\n & td {\n margin: var(--gap-0);\n padding-top: var(--gap-0);\n padding-bottom: var(--gap-0);\n border: none;\n height: auto;\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,KAAK,CAAC,kBAAkB,CAAC,UAAU,CAAC,uBAAuB,CAAC,UAAU,CAAC,uBAAuB,CAAC,YAAY,CAAC,yBAAyB,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Component.js","sources":["../../src/components/thead/Component.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport type THeadProps = HTMLAttributes<HTMLTableSectionElement> & {\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Дополнительный класс для tr\n */\n rowClassName?: string;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n};\n\nexport const THead: React.FC<THeadProps> = ({\n className,\n rowClassName,\n children,\n dataTestId,\n ...restProps\n}) => (\n <thead className={cn(styles.component, className)} data-test-id={dataTestId} {...restProps}>\n <tr className={cn(styles.row, rowClassName)}>{children}</tr>\n </thead>\n);\n"],"names":["__rest","React","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;AAsBO,IAAM,KAAK,GAAyB,UAAC,EAM3C,EAAA;AALG,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAAA,YAAA,CAAA,EAAA,EAL4B,uDAM3C,CADe;AACV,IAAA,QACFC,sBAAA,CAAA,aAAA,CAAA,OAAA,EAAAC,cAAA,CAAA,EAAO,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAAgB,cAAA,EAAA,UAAU,IAAM,SAAS,CAAA;AACtF,QAAAH,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAEE,mBAAE,CAACC,YAAM,CAAC,GAAG,EAAE,YAAY,CAAC,EAAG,EAAA,QAAQ,CAAM,CACxD;;;;;"}
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../src/components/thead/Component.tsx"],"sourcesContent":["import React, { type HTMLAttributes } from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport type THeadProps = HTMLAttributes<HTMLTableSectionElement> & {\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Дополнительный класс для tr\n */\n rowClassName?: string;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n};\n\nexport const THead: React.FC<THeadProps> = ({\n className,\n rowClassName,\n children,\n dataTestId,\n ...restProps\n}) => (\n <thead className={cn(styles.component, className)} data-test-id={dataTestId} {...restProps}>\n <tr className={cn(styles.row, rowClassName)}>{children}</tr>\n </thead>\n);\n"],"names":["__rest","React","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;AAsBO,IAAM,KAAK,GAAyB,UAAC,EAM3C,EAAA;AALG,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAAA,YAAA,CAAA,EAAA,EAL4B,uDAM3C,CADe;AACV,IAAA,QACFC,sBAAA,CAAA,aAAA,CAAA,OAAA,EAAAC,cAAA,CAAA,EAAO,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAAgB,cAAA,EAAA,UAAU,IAAM,SAAS,CAAA;AACtF,QAAAH,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAEE,mBAAE,CAACC,YAAM,CAAC,GAAG,EAAE,YAAY,CAAC,EAAG,EAAA,QAAQ,CAAM,CACxD;;;;;"}
|
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
--gap-xs: 8px;
|
|
5
5
|
--gap-0: 0px;
|
|
6
6
|
--gap-8: var(--gap-xs);
|
|
7
|
-
} .
|
|
7
|
+
} .table__component_5gtny {
|
|
8
8
|
position: relative;
|
|
9
9
|
width: 100%;
|
|
10
|
-
box-sizing: border-box
|
|
11
|
-
} .
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
} .table__component_5gtny th:not(:last-child):not(:empty):after {
|
|
12
12
|
transition: opacity 0.2s;
|
|
13
13
|
position: absolute;
|
|
14
14
|
content: '';
|
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
top: var(--gap-8);
|
|
20
20
|
bottom: var(--gap-8);
|
|
21
21
|
background-color: var(--color-light-neutral-400);
|
|
22
|
-
} .
|
|
22
|
+
} .table__component_5gtny th:after {
|
|
23
23
|
opacity: 0;
|
|
24
|
-
} .
|
|
24
|
+
} .table__component_5gtny:hover th:after {
|
|
25
25
|
opacity: 1;
|
|
26
|
-
} .
|
|
26
|
+
} .table__row_5gtny {
|
|
27
27
|
height: 72px;
|
|
28
28
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.module.css.js","sources":["../../src/components/thead/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n position: relative;\n width: 100%;\n box-sizing: border-box;\n\n & th:not(:last-child):not(:empty):after {\n transition: opacity 0.2s;\n position: absolute;\n content: '';\n display: block;\n\n width: 1px;\n right: var(--gap-0);\n top: var(--gap-8);\n bottom: var(--gap-8);\n background-color: var(--color-light-neutral-400);\n }\n\n & th:after {\n opacity: 0;\n }\n\n &:hover th:after {\n opacity: 1;\n }\n}\n\n.row {\n height: 72px;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,KAAK,CAAC,kBAAkB,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/thead/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n position: relative;\n width: 100%;\n box-sizing: border-box;\n\n & th:not(:last-child):not(:empty):after {\n transition: opacity 0.2s;\n position: absolute;\n content: '';\n display: block;\n\n width: 1px;\n right: var(--gap-0);\n top: var(--gap-8);\n bottom: var(--gap-8);\n background-color: var(--color-light-neutral-400);\n }\n\n & th:after {\n opacity: 0;\n }\n\n &:hover th:after {\n opacity: 1;\n }\n}\n\n.row {\n height: 72px;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,KAAK,CAAC,kBAAkB,CAAC;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React, { ThHTMLAttributes } from 'react';
|
|
2
|
-
import { TextAlignProperty } from '../../typings';
|
|
1
|
+
import React, { type ThHTMLAttributes } from 'react';
|
|
2
|
+
import { type TextAlignProperty } from '../../typings';
|
|
3
3
|
export declare type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
|
|
4
4
|
/**
|
|
5
5
|
* Дополнительный класс
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Component.js","sources":["../../src/components/thead-cell/Component.tsx"],"sourcesContent":["import React, { ThHTMLAttributes, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { TextAlignProperty } from '../../typings';\nimport { TableContext } from '../table-context';\n\nimport styles from './index.module.css';\n\nexport type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Ширина колонки\n */\n width?: string | number;\n\n /**\n * Скрытие колонки\n */\n hidden?: boolean;\n\n /**\n * Выравнивание текста в колонке\n */\n textAlign?: TextAlignProperty;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n};\n\nexport const THeadCell = ({\n children,\n className,\n dataTestId,\n style,\n width,\n textAlign,\n hidden,\n ...restProps\n}: THeadCellProps) => {\n const { compactHorizontal, stickyHeader } = useContext(TableContext);\n\n if (hidden) return null;\n\n return (\n <th\n className={cn(\n styles.component,\n className,\n compactHorizontal && styles.compactHorizontal,\n {\n [styles.stickyHeader]: stickyHeader,\n },\n )}\n style={{ ...style, width, textAlign }}\n data-test-id={dataTestId}\n {...restProps}\n >\n {children}\n </th>\n );\n};\n"],"names":["__rest","useContext","TableContext","React","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;AAmCO,IAAM,SAAS,GAAG,UAAC,EAST,EAAA;;IARb,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,YAAA,EACH,SAAS,GARUA,YAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,OAAA,EAAA,OAAA,EAAA,WAAA,EAAA,QAAA,CASzB,CADe;IAEN,IAAA,EAAA,GAAsCC,gBAAU,CAACC,kBAAY,CAAC,EAA5D,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAA6B;AAEpE,IAAA,IAAI,MAAM;AAAE,QAAA,OAAO,IAAI;AAEvB,IAAA,QACIC,sBACI,CAAA,aAAA,CAAA,IAAA,EAAAC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CACTC,YAAM,CAAC,SAAS,EAChB,SAAS,EACT,iBAAiB,IAAIA,YAAM,CAAC,iBAAiB,GAAA,EAAA,GAAA,EAAA;AAEzC,YAAA,EAAA,CAACA,YAAM,CAAC,YAAY,CAAA,GAAG,YAAY;AAE1C,YAAA,EAAA,EAAA,EACD,KAAK,EAAOF,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAA,KAAK,CAAE,EAAA,EAAA,KAAK,OAAA,EAAE,SAAS,EAAA,SAAA,EAAA,CAAA,EAAA,cAAA,EACrB,UAAU,EACpB,EAAA,SAAS,GAEZ,QAAQ,CACR;AAEb;;;;"}
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../src/components/thead-cell/Component.tsx"],"sourcesContent":["import React, { type ThHTMLAttributes, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { type TextAlignProperty } from '../../typings';\nimport { TableContext } from '../table-context';\n\nimport styles from './index.module.css';\n\nexport type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Ширина колонки\n */\n width?: string | number;\n\n /**\n * Скрытие колонки\n */\n hidden?: boolean;\n\n /**\n * Выравнивание текста в колонке\n */\n textAlign?: TextAlignProperty;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n};\n\nexport const THeadCell = ({\n children,\n className,\n dataTestId,\n style,\n width,\n textAlign,\n hidden,\n ...restProps\n}: THeadCellProps) => {\n const { compactHorizontal, stickyHeader } = useContext(TableContext);\n\n if (hidden) return null;\n\n return (\n <th\n className={cn(\n styles.component,\n className,\n compactHorizontal && styles.compactHorizontal,\n {\n [styles.stickyHeader]: stickyHeader,\n },\n )}\n style={{ ...style, width, textAlign }}\n data-test-id={dataTestId}\n {...restProps}\n >\n {children}\n </th>\n );\n};\n"],"names":["__rest","useContext","TableContext","React","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;AAmCO,IAAM,SAAS,GAAG,UAAC,EAST,EAAA;;IARb,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,YAAA,EACH,SAAS,GARUA,YAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,OAAA,EAAA,OAAA,EAAA,WAAA,EAAA,QAAA,CASzB,CADe;IAEN,IAAA,EAAA,GAAsCC,gBAAU,CAACC,kBAAY,CAAC,EAA5D,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAA6B;AAEpE,IAAA,IAAI,MAAM;AAAE,QAAA,OAAO,IAAI;AAEvB,IAAA,QACIC,sBACI,CAAA,aAAA,CAAA,IAAA,EAAAC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CACTC,YAAM,CAAC,SAAS,EAChB,SAAS,EACT,iBAAiB,IAAIA,YAAM,CAAC,iBAAiB,GAAA,EAAA,GAAA,EAAA;AAEzC,YAAA,EAAA,CAACA,YAAM,CAAC,YAAY,CAAA,GAAG,YAAY;AAE1C,YAAA,EAAA,EAAA,EACD,KAAK,EAAOF,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAA,KAAK,CAAE,EAAA,EAAA,KAAK,OAAA,EAAE,SAAS,EAAA,SAAA,EAAA,CAAA,EAAA,cAAA,EACrB,UAAU,EACpB,EAAA,SAAS,GAEZ,QAAQ,CACR;AAEb;;;;"}
|