@alfalab/core-components-table 3.0.1 → 3.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/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
|
@@ -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,uBAAM,CAAC,SAAS,EAChB,SAAS,EACT,iBAAiB,IAAIA,uBAAM,CAAC,iBAAiB,GAAA,EAAA,GAAA,EAAA;AAEzC,YAAA,EAAA,CAACA,uBAAM,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,uBAAM,CAAC,SAAS,EAChB,SAAS,EACT,iBAAiB,IAAIA,uBAAM,CAAC,iBAAiB,GAAA,EAAA,GAAA,EAAA;AAEzC,YAAA,EAAA,CAACA,uBAAM,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;;;;"}
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
border-bottom: 1px solid var(--color-light-neutral-400);
|
|
27
27
|
background: var(--color-light-base-bg-primary);
|
|
28
28
|
vertical-align: top;
|
|
29
|
-
box-sizing: border-box
|
|
29
|
+
box-sizing: border-box;
|
|
30
30
|
} .component:first-child {
|
|
31
31
|
padding-left: var(--gap-16);
|
|
32
32
|
} .component:last-child {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React, { HTMLAttributes } from 'react';
|
|
2
|
-
import { TCell, TCellProps } from '../tcell';
|
|
1
|
+
import React, { type HTMLAttributes } from 'react';
|
|
2
|
+
import { type TCell, type TCellProps } from '../tcell';
|
|
3
3
|
declare type TCellElement = React.ReactElement<TCellProps, typeof TCell>;
|
|
4
4
|
export declare type TRowProps = HTMLAttributes<HTMLTableRowElement> & {
|
|
5
5
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Component.js","sources":["../../../src/components/trow/Component.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes } from 'react';\nimport cn from 'classnames';\n\nimport { TCell, TCellProps } from '../tcell';\n\nimport styles from './index.module.css';\n\ntype TCellElement = React.ReactElement<TCellProps, typeof TCell>;\n\nexport type TRowProps = HTMLAttributes<HTMLTableRowElement> & {\n /**\n * Компоненты ячеек\n */\n children: TCellElement | TCellElement[];\n\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Стиль выбранной строки\n */\n selected?: boolean;\n\n /**\n * Убирает нижнюю границу\n */\n withoutBorder?: boolean;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n};\n\nexport const TRow = forwardRef<HTMLTableRowElement, TRowProps>(\n ({ children, className, selected, withoutBorder, dataTestId, ...restProps }, ref) => (\n <tr\n className={cn(styles.component, className, {\n [styles.clickable]: typeof restProps.onClick !== 'undefined',\n [styles.selected]: selected,\n [styles.withoutBorder]: withoutBorder,\n })}\n data-test-id={dataTestId}\n ref={ref}\n {...restProps}\n >\n {React.Children.map(children, (child, index) => React.cloneElement(child, { index }))}\n </tr>\n ),\n);\n\nTRow.displayName = 'TRow';\n"],"names":["forwardRef","__rest","React","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;IAoCa,IAAI,GAAGA,gBAAU,CAC1B,UAAC,EAA0E,EAAE,GAAG,EAAA;;AAA7E,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAK,SAAS,GAAAC,YAAA,CAAA,EAAA,EAAxE,oEAA0E,CAAF;IAAY,QACjFC,sBACI,CAAA,aAAA,CAAA,IAAA,EAAAC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YACrC,EAAC,CAAAA,uBAAM,CAAC,SAAS,CAAA,GAAG,OAAO,SAAS,CAAC,OAAO,KAAK,WAAW;AAC5D,YAAA,EAAA,CAACA,uBAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,YAAA,EAAA,CAACA,uBAAM,CAAC,aAAa,CAAA,GAAG,aAAa;AACvC,YAAA,EAAA,EAAA,EAAA,cAAA,EACY,UAAU,EACxB,GAAG,EAAE,GAAG,IACJ,SAAS,CAAA,EAEZH,sBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAE,KAAK,EAAA,EAAK,OAAAA,sBAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,CAAC,CAAA,EAAA,CAAC,CACpF;AACR,CAAA;AAGL,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../../src/components/trow/Component.tsx"],"sourcesContent":["import React, { forwardRef, type HTMLAttributes } from 'react';\nimport cn from 'classnames';\n\nimport { type TCell, type TCellProps } from '../tcell';\n\nimport styles from './index.module.css';\n\ntype TCellElement = React.ReactElement<TCellProps, typeof TCell>;\n\nexport type TRowProps = HTMLAttributes<HTMLTableRowElement> & {\n /**\n * Компоненты ячеек\n */\n children: TCellElement | TCellElement[];\n\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Стиль выбранной строки\n */\n selected?: boolean;\n\n /**\n * Убирает нижнюю границу\n */\n withoutBorder?: boolean;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n};\n\nexport const TRow = forwardRef<HTMLTableRowElement, TRowProps>(\n ({ children, className, selected, withoutBorder, dataTestId, ...restProps }, ref) => (\n <tr\n className={cn(styles.component, className, {\n [styles.clickable]: typeof restProps.onClick !== 'undefined',\n [styles.selected]: selected,\n [styles.withoutBorder]: withoutBorder,\n })}\n data-test-id={dataTestId}\n ref={ref}\n {...restProps}\n >\n {React.Children.map(children, (child, index) => React.cloneElement(child, { index }))}\n </tr>\n ),\n);\n\nTRow.displayName = 'TRow';\n"],"names":["forwardRef","__rest","React","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;IAoCa,IAAI,GAAGA,gBAAU,CAC1B,UAAC,EAA0E,EAAE,GAAG,EAAA;;AAA7E,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAK,SAAS,GAAAC,YAAA,CAAA,EAAA,EAAxE,oEAA0E,CAAF;IAAY,QACjFC,sBACI,CAAA,aAAA,CAAA,IAAA,EAAAC,cAAA,CAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YACrC,EAAC,CAAAA,uBAAM,CAAC,SAAS,CAAA,GAAG,OAAO,SAAS,CAAC,OAAO,KAAK,WAAW;AAC5D,YAAA,EAAA,CAACA,uBAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,YAAA,EAAA,CAACA,uBAAM,CAAC,aAAa,CAAA,GAAG,aAAa;AACvC,YAAA,EAAA,EAAA,EAAA,cAAA,EACY,UAAU,EACxB,GAAG,EAAE,GAAG,IACJ,SAAS,CAAA,EAEZH,sBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAE,KAAK,EAAA,EAAK,OAAAA,sBAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,CAAC,CAAA,EAAA,CAAC,CACpF;AACR,CAAA;AAGL,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
|
|
@@ -8,17 +8,17 @@
|
|
|
8
8
|
width: 100%;
|
|
9
9
|
transition: background-color 0.2s;
|
|
10
10
|
box-sizing: border-box;
|
|
11
|
-
background: var(--color-light-base-bg-primary)
|
|
11
|
+
background: var(--color-light-base-bg-primary);
|
|
12
12
|
} .component:first-child td {
|
|
13
13
|
border-top: 0;
|
|
14
14
|
} .withoutBorder td {
|
|
15
15
|
border: none;
|
|
16
16
|
} .clickable {
|
|
17
|
-
cursor: pointer
|
|
17
|
+
cursor: pointer;
|
|
18
18
|
} .clickable:hover {
|
|
19
19
|
background-color: var(--color-light-base-bg-secondary);
|
|
20
20
|
} .selected {
|
|
21
|
-
background-color: #f2f8ff
|
|
21
|
+
background-color: #f2f8ff;
|
|
22
22
|
} .selected:hover {
|
|
23
23
|
background-color: var(--color-static-graphic-solitude);
|
|
24
24
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Component.js","sources":["../../../src/components/tsortable-head-cell/Component.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport cn from 'classnames';\n\nimport { THeadCell, THeadCellProps } from '../thead-cell';\n\nimport { SortIconAsc } from './sort-icon-asc';\nimport { SortIconDesc } from './sort-icon-desc';\nimport { SortIconUnset } from './sort-icon-unset';\n\nimport styles from './index.module.css';\n\nexport type TSortableHeadCellProps = THeadCellProps & {\n isSortedDesc?: boolean;\n defaultIsSortedDesc?: boolean;\n onSort?: () => void;\n};\n\nexport const TSortableHeadCell = ({\n children,\n className,\n defaultIsSortedDesc,\n isSortedDesc,\n textAlign,\n onSort,\n ...restProps\n}: TSortableHeadCellProps) => {\n const SortIcon = useMemo(() => {\n let value = isSortedDesc;\n\n if (value === undefined) value = defaultIsSortedDesc;\n\n if (typeof value === 'boolean') return value ? SortIconDesc : SortIconAsc;\n\n return SortIconUnset;\n }, [defaultIsSortedDesc, isSortedDesc]);\n\n return (\n <THeadCell className={className} textAlign={textAlign} {...restProps}>\n <div className={cn(styles.content, { [styles.reverse]: textAlign === 'right' })}>\n {children}\n <SortIcon\n onClick={onSort}\n className={cn(styles.icon, {\n [styles.sorted]: isSortedDesc !== undefined,\n })}\n />\n </div>\n </THeadCell>\n );\n};\n"],"names":["__rest","useMemo","SortIconDesc","SortIconAsc","SortIconUnset","React","THeadCell","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBO,IAAM,iBAAiB,GAAG,UAAC,EAQT,EAAA;;IAPrB,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,mBAAmB,yBAAA,EACnB,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,MAAM,YAAA,EACH,SAAS,GAPkBA,YAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,QAAA,CAQjC,CADe;IAEZ,IAAM,QAAQ,GAAGC,aAAO,CAAC,YAAA;QACrB,IAAI,KAAK,GAAG,YAAY;QAExB,IAAI,KAAK,KAAK,SAAS;YAAE,KAAK,GAAG,mBAAmB;QAEpD,IAAI,OAAO,KAAK,KAAK,SAAS;YAAE,OAAO,KAAK,GAAGC,yBAAY,GAAGC,uBAAW;AAEzE,QAAA,OAAOC,2BAAa;AACxB,KAAC,EAAE,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC;AAEvC,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,mBAAS,EAAAC,cAAA,CAAA,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAA,EAAM,SAAS,CAAA;AAChE,QAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEG,mBAAE,CAACC,uBAAM,CAAC,OAAO,GAAA,EAAA,GAAA,EAAA,EAAI,EAAC,CAAAA,uBAAM,CAAC,OAAO,CAAA,GAAG,SAAS,KAAK,OAAO,EAAG,EAAA,EAAA,EAAA;YAC1E,QAAQ;AACT,YAAAJ,sBAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACL,OAAO,EAAE,MAAM,EACf,SAAS,EAAEG,mBAAE,CAACC,uBAAM,CAAC,IAAI,GAAA,EAAA,GAAA,EAAA;AACrB,oBAAA,EAAA,CAACA,uBAAM,CAAC,MAAM,CAAG,GAAA,YAAY,KAAK,SAAS;wBAC7C,EACJ,CAAA,CACA,CACE;AAEpB;;;;"}
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../../../src/components/tsortable-head-cell/Component.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport cn from 'classnames';\n\nimport { THeadCell, type THeadCellProps } from '../thead-cell';\n\nimport { SortIconAsc } from './sort-icon-asc';\nimport { SortIconDesc } from './sort-icon-desc';\nimport { SortIconUnset } from './sort-icon-unset';\n\nimport styles from './index.module.css';\n\nexport type TSortableHeadCellProps = THeadCellProps & {\n isSortedDesc?: boolean;\n defaultIsSortedDesc?: boolean;\n onSort?: () => void;\n};\n\nexport const TSortableHeadCell = ({\n children,\n className,\n defaultIsSortedDesc,\n isSortedDesc,\n textAlign,\n onSort,\n ...restProps\n}: TSortableHeadCellProps) => {\n const SortIcon = useMemo(() => {\n let value = isSortedDesc;\n\n if (value === undefined) value = defaultIsSortedDesc;\n\n if (typeof value === 'boolean') return value ? SortIconDesc : SortIconAsc;\n\n return SortIconUnset;\n }, [defaultIsSortedDesc, isSortedDesc]);\n\n return (\n <THeadCell className={className} textAlign={textAlign} {...restProps}>\n <div className={cn(styles.content, { [styles.reverse]: textAlign === 'right' })}>\n {children}\n <SortIcon\n onClick={onSort}\n className={cn(styles.icon, {\n [styles.sorted]: isSortedDesc !== undefined,\n })}\n />\n </div>\n </THeadCell>\n );\n};\n"],"names":["__rest","useMemo","SortIconDesc","SortIconAsc","SortIconUnset","React","THeadCell","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBO,IAAM,iBAAiB,GAAG,UAAC,EAQT,EAAA;;IAPrB,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,mBAAmB,yBAAA,EACnB,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,MAAM,YAAA,EACH,SAAS,GAPkBA,YAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,cAAA,EAAA,WAAA,EAAA,QAAA,CAQjC,CADe;IAEZ,IAAM,QAAQ,GAAGC,aAAO,CAAC,YAAA;QACrB,IAAI,KAAK,GAAG,YAAY;QAExB,IAAI,KAAK,KAAK,SAAS;YAAE,KAAK,GAAG,mBAAmB;QAEpD,IAAI,OAAO,KAAK,KAAK,SAAS;YAAE,OAAO,KAAK,GAAGC,yBAAY,GAAGC,uBAAW;AAEzE,QAAA,OAAOC,2BAAa;AACxB,KAAC,EAAE,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC;AAEvC,IAAA,QACIC,sBAAA,CAAA,aAAA,CAACC,mBAAS,EAAAC,cAAA,CAAA,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAA,EAAM,SAAS,CAAA;AAChE,QAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEG,mBAAE,CAACC,uBAAM,CAAC,OAAO,GAAA,EAAA,GAAA,EAAA,EAAI,EAAC,CAAAA,uBAAM,CAAC,OAAO,CAAA,GAAG,SAAS,KAAK,OAAO,EAAG,EAAA,EAAA,EAAA;YAC1E,QAAQ;AACT,YAAAJ,sBAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACL,OAAO,EAAE,MAAM,EACf,SAAS,EAAEG,mBAAE,CAACC,uBAAM,CAAC,IAAI,GAAA,EAAA,GAAA,EAAA;AACrB,oBAAA,EAAA,CAACA,uBAAM,CAAC,MAAM,CAAG,GAAA,YAAY,KAAK,SAAS;wBAC7C,EACJ,CAAA,CACA,CACE;AAEpB;;;;"}
|
|
@@ -15,16 +15,16 @@
|
|
|
15
15
|
margin-top: 1px;
|
|
16
16
|
color: var(--color-light-neutral-700);
|
|
17
17
|
transition: color 0.2s ease;
|
|
18
|
-
flex-shrink: 0
|
|
18
|
+
flex-shrink: 0;
|
|
19
19
|
} .icon:hover {
|
|
20
20
|
color: var(--color-light-neutral-translucent-1300);
|
|
21
21
|
} .reverse {
|
|
22
|
-
flex-direction: row-reverse
|
|
22
|
+
flex-direction: row-reverse;
|
|
23
23
|
} .reverse .icon {
|
|
24
24
|
margin-left: var(--gap-0);
|
|
25
25
|
margin-right: var(--gap-8);
|
|
26
26
|
} .sorted {
|
|
27
|
-
color: var(--color-light-status-info)
|
|
27
|
+
color: var(--color-light-status-info);
|
|
28
28
|
} .sorted:hover {
|
|
29
29
|
color: var(--color-light-status-info);
|
|
30
30
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import React, { SVGProps } from 'react';
|
|
1
|
+
import React, { type SVGProps } from 'react';
|
|
2
2
|
export declare const SortIconAsc: React.FC<SVGProps<SVGSVGElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sort-icon-asc.js","sources":["../../../src/components/tsortable-head-cell/sort-icon-asc.tsx"],"sourcesContent":["import React, { SVGProps } from 'react';\n\nexport const SortIconAsc: React.FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width='18'\n height='18'\n viewBox='0 0 18 18'\n fill='currentColor'\n xmlns='http://www.w3.org/2000/svg'\n focusable='false'\n role='img'\n {...props}\n >\n <path d='M3.00004 10C3.00004 10 11.4477 10 12 10C12 9.33333 12.0001 8.16667 12.0001 7.5H3.0001C3.00006 8 3.0001 9.5 3.00004 10ZM3.0001 3.5C3.00003 4.16667 3 5.33333 3 6H9C9 5.33333 9 4.16667 9 3.5C9 3.5 3.55238 3.5 3.0001 3.5ZM3.00009 14C3.21041 14 15 14 15 14C15 13.5 15 12 15 11.5C15 11.5 3.55238 11.5 3.00009 11.5C3 12 3 13.5 3.00009 14Z' />\n </svg>\n);\n"],"names":["React","__assign"],"mappings":";;;;;;;;;;;AAEa,IAAA,WAAW,GAAsC,UAAC,KAAK,EAAK,EAAA,QACrEA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,IACN,KAAK,CAAA;IAETD,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,6UAA6U,EAAA,CAAG,CACtV,EACT;;;;"}
|
|
1
|
+
{"version":3,"file":"sort-icon-asc.js","sources":["../../../src/components/tsortable-head-cell/sort-icon-asc.tsx"],"sourcesContent":["import React, { type SVGProps } from 'react';\n\nexport const SortIconAsc: React.FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width='18'\n height='18'\n viewBox='0 0 18 18'\n fill='currentColor'\n xmlns='http://www.w3.org/2000/svg'\n focusable='false'\n role='img'\n {...props}\n >\n <path d='M3.00004 10C3.00004 10 11.4477 10 12 10C12 9.33333 12.0001 8.16667 12.0001 7.5H3.0001C3.00006 8 3.0001 9.5 3.00004 10ZM3.0001 3.5C3.00003 4.16667 3 5.33333 3 6H9C9 5.33333 9 4.16667 9 3.5C9 3.5 3.55238 3.5 3.0001 3.5ZM3.00009 14C3.21041 14 15 14 15 14C15 13.5 15 12 15 11.5C15 11.5 3.55238 11.5 3.00009 11.5C3 12 3 13.5 3.00009 14Z' />\n </svg>\n);\n"],"names":["React","__assign"],"mappings":";;;;;;;;;;;AAEa,IAAA,WAAW,GAAsC,UAAC,KAAK,EAAK,EAAA,QACrEA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,IACN,KAAK,CAAA;IAETD,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,6UAA6U,EAAA,CAAG,CACtV,EACT;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import React, { SVGProps } from 'react';
|
|
1
|
+
import React, { type SVGProps } from 'react';
|
|
2
2
|
export declare const SortIconDesc: React.FC<SVGProps<SVGSVGElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sort-icon-desc.js","sources":["../../../src/components/tsortable-head-cell/sort-icon-desc.tsx"],"sourcesContent":["import React, { SVGProps } from 'react';\n\nexport const SortIconDesc: React.FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width='18'\n height='18'\n viewBox='0 0 18 18'\n fill='currentColor'\n xmlns='http://www.w3.org/2000/svg'\n focusable='false'\n role='img'\n {...props}\n >\n <path d='M3.00004 10C3.00004 10 11.4477 10 12 10C12 9.33333 12.0001 8.16667 12.0001 7.5H3.0001C3.00006 8 3.0001 9.5 3.00004 10ZM3.0001 3.5C3.00003 4.16667 3 5.33333 3 6H15C15 5.33333 15 4.16667 15 3.5C15 3.5 3.55238 3.5 3.0001 3.5ZM3.00009 14C3.21041 14 9 14 9 14C9 13.5 9 12 9 11.5C9 11.5 3.55238 11.5 3.00009 11.5C3 12 3 13.5 3.00009 14Z' />\n </svg>\n);\n"],"names":["React","__assign"],"mappings":";;;;;;;;;;;AAEa,IAAA,YAAY,GAAsC,UAAC,KAAK,EAAK,EAAA,QACtEA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,IACN,KAAK,CAAA;IAETD,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,4UAA4U,EAAA,CAAG,CACrV,EACT;;;;"}
|
|
1
|
+
{"version":3,"file":"sort-icon-desc.js","sources":["../../../src/components/tsortable-head-cell/sort-icon-desc.tsx"],"sourcesContent":["import React, { type SVGProps } from 'react';\n\nexport const SortIconDesc: React.FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width='18'\n height='18'\n viewBox='0 0 18 18'\n fill='currentColor'\n xmlns='http://www.w3.org/2000/svg'\n focusable='false'\n role='img'\n {...props}\n >\n <path d='M3.00004 10C3.00004 10 11.4477 10 12 10C12 9.33333 12.0001 8.16667 12.0001 7.5H3.0001C3.00006 8 3.0001 9.5 3.00004 10ZM3.0001 3.5C3.00003 4.16667 3 5.33333 3 6H15C15 5.33333 15 4.16667 15 3.5C15 3.5 3.55238 3.5 3.0001 3.5ZM3.00009 14C3.21041 14 9 14 9 14C9 13.5 9 12 9 11.5C9 11.5 3.55238 11.5 3.00009 11.5C3 12 3 13.5 3.00009 14Z' />\n </svg>\n);\n"],"names":["React","__assign"],"mappings":";;;;;;;;;;;AAEa,IAAA,YAAY,GAAsC,UAAC,KAAK,EAAK,EAAA,QACtEA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,IACN,KAAK,CAAA;IAETD,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,4UAA4U,EAAA,CAAG,CACrV,EACT;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import React, { SVGProps } from 'react';
|
|
1
|
+
import React, { type SVGProps } from 'react';
|
|
2
2
|
export declare const SortIconUnset: React.FC<SVGProps<SVGSVGElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sort-icon-unset.js","sources":["../../../src/components/tsortable-head-cell/sort-icon-unset.tsx"],"sourcesContent":["import React, { SVGProps } from 'react';\n\nexport const SortIconUnset: React.FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width='18'\n height='18'\n viewBox='0 0 18 18'\n fill='currentColor'\n xmlns='http://www.w3.org/2000/svg'\n focusable='false'\n role='img'\n {...props}\n >\n <path d='M3 10C3 10 10.4477 10 11 10C11 9.33333 11.0001 8.16667 11.0001 7.5H3.00006C3.00002 8 3.00006 9.5 3 10ZM3.0001 3.5C3.00003 4.16667 3 5.33333 3 6H15C15 5.33333 15 4.16667 15 3.5C15 3.5 3.55238 3.5 3.0001 3.5ZM3 14C3.21032 14 14 14 14 14C14 13.5 14 12 14 11.5C14 11.5 3.55228 11.5 3 11.5C2.99991 12 2.99991 13.5 3 14Z' />\n </svg>\n);\n"],"names":["React","__assign"],"mappings":";;;;;;;;;;;AAEa,IAAA,aAAa,GAAsC,UAAC,KAAK,EAAK,EAAA,QACvEA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,IACN,KAAK,CAAA;IAETD,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,4TAA4T,EAAA,CAAG,CACrU,EACT;;;;"}
|
|
1
|
+
{"version":3,"file":"sort-icon-unset.js","sources":["../../../src/components/tsortable-head-cell/sort-icon-unset.tsx"],"sourcesContent":["import React, { type SVGProps } from 'react';\n\nexport const SortIconUnset: React.FC<SVGProps<SVGSVGElement>> = (props) => (\n <svg\n width='18'\n height='18'\n viewBox='0 0 18 18'\n fill='currentColor'\n xmlns='http://www.w3.org/2000/svg'\n focusable='false'\n role='img'\n {...props}\n >\n <path d='M3 10C3 10 10.4477 10 11 10C11 9.33333 11.0001 8.16667 11.0001 7.5H3.00006C3.00002 8 3.00006 9.5 3 10ZM3.0001 3.5C3.00003 4.16667 3 5.33333 3 6H15C15 5.33333 15 4.16667 15 3.5C15 3.5 3.55238 3.5 3.0001 3.5ZM3 14C3.21032 14 14 14 14 14C14 13.5 14 12 14 11.5C14 11.5 3.55228 11.5 3 11.5C2.99991 12 2.99991 13.5 3 14Z' />\n </svg>\n);\n"],"names":["React","__assign"],"mappings":";;;;;;;;;;;AAEa,IAAA,aAAa,GAAsC,UAAC,KAAK,EAAK,EAAA,QACvEA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAAC,cAAA,CAAA,EACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,IACN,KAAK,CAAA;IAETD,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,4TAA4T,EAAA,CAAG,CACrU,EACT;;;;"}
|
package/esm/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"],"mappings":";;;;;;;;;;IAYa,KAAK,GAAG,MAAM,CAAC,MAAM,CAACA,OAAc,EAAE;AAC/C,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,SAAS,EAAA,SAAA;AACT,IAAA,iBAAiB,EAAA,iBAAA;AACjB,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,IAAI,EAAA,IAAA;AACJ,IAAA,cAAc,EAAA,cAAA;AACd,IAAA,UAAU,EAAA,UAAA;AACb,CAAA;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { PaginationProps as CorePaginationProps } from '@alfalab/core-components-pagination/esm';
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import { type PaginationProps as CorePaginationProps } from '@alfalab/core-components-pagination/esm';
|
|
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":["CorePagination"],"mappings":";;;;;;;;;AA2CO,IAAM,UAAU,GAAwB,UAAC,EAU/C,EAAA;AATG,IAAA,IAAA,EAAY,GAAA,EAAA,CAAA,OAAA,EAAZ,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACZ,EAAA,GAAA,EAAA,CAAA,eAA+B,EAA/B,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,GAAA,EAAA,EAC/B,EAA4B,GAAA,EAAA,CAAA,eAAA,EAA5B,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,YAAM,EAAA,OAAA,IAAI,CAAA,EAAA,GAAA,EAAA,EAC5B,EAAA,GAAA,EAAA,CAAA,iBAAyB,EAAzB,iBAAiB,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,GAAA,EAAA,EACzB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,EAAA,GAAA,EAAA,CAAA,YAAyB,EAAzB,YAAY,GAAG,EAAA,KAAA,MAAA,GAAA,YAAA,EAAM,OAAA,IAAI,CAAJ,EAAI,GAAA,EAAA,EACzB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,mBAAmB,GAAA,MAAA,CAAA,EAAA,EATsB,+HAU/C,CADyB;AAEd,IAAA,IAAA,UAAU,GAAK,UAAU,CAAC,YAAY,CAAC,WAA7B;IAElB,IAAM,OAAO,GAAG,OAAO,CACnB,YAAA;AACI,QAAA,OAAA,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAS,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACtD,aAAA,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC,EAAA,EAAK,OAAA,CAAC,GAAG,CAAC,CAAL,EAAK;AACpB,aAAA,GAAG,CAAC,UAAC,KAAK,EAAA,EAAK,QAAC;AACb,YAAA,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE;YACrB,OAAO,EAAE,4EAAiB,CAAA,MAAA,CAAA,KAAK,CAAE;SACpC,EAAC,EAAA,CAAC;AALP,KAKO,EACX,CAAC,OAAO,EAAE,eAAe,CAAC,CAC7B;AAED,IAAA,IAAM,mBAAmB,GAAmC,WAAW,CACnE,UAAC,EAAqC,EAAA;AAAnC,QAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AACP,QAAA,eAAe,CAAC,MAAM,CAAC,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,MAAA,GAAA,MAAA,GAAA,QAAQ,CAAE,GAAG,CAAC,CAAC;AAC1C,KAAC,EACD,CAAC,eAAe,CAAC,CACpB;AAED,IAAA,IAAM,gBAAgB,GAAG,WAAW,CAChC,UAAC,SAAiB,EAAA;QACd,YAAY,CAAC,SAAS,CAAC;AAEvB,QAAA,UAAU,CAAC,YAAA;YACP,IAAI,UAAU,CAAC,OAAO,EAAE;AACpB,gBAAA,UAAU,CAAC,OAAO,CAAC,cAAc,EAAE;AACtC;SACJ,EAAE,CAAC,CAAC;AACT,KAAC,EACD,CAAC,YAAY,EAAE,UAAU,CAAC,CAC7B;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,kBAAgB,UAAU,EAAA;QACpE,iBAAiB,KAAK,KAAK,KACxB,KAAA,CAAA,aAAA,CAAC,aAAa,EACV,EAAA,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,EAC5B,QAAQ,EAAE,mBAAmB,EAC7B,WAAW,EAAE,KAAK,EAClB,IAAI,EAAC,GAAG,EACR,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,oBAAoB,EAAE,MAAM,CAAC,IAAI,EACjC,eAAe,EAAE,MAAM,CAAC,MAAM,EAC9B,KAAK,EAAE,iBAAiB,EAAA,CAC1B,CACL;QAEA,UAAU,GAAG,CAAC,KACX,KAAA,CAAA,aAAA,CAACA,YAAc,EAAA,QAAA,CAAA,EACX,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,gBAAgB,EAC9B,SAAS,EAAE,MAAM,CAAC,UAAU,EACxB,EAAA,mBAAmB,CACzB,CAAA,CACL,CACC;AAEd;;;;"}
|
|
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":["CorePagination"],"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_12zpt {
|
|
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_12zpt {
|
|
26
26
|
display: flex;
|
|
27
|
-
} .
|
|
27
|
+
} .table__tag_12zpt.table__tag_12zpt {
|
|
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_12zpt.table__tag_12zpt:last-child {
|
|
33
33
|
margin-right: var(--gap-0);
|
|
34
|
-
} .
|
|
34
|
+
} .table__tag_12zpt.table__tag_12zpt.table__tagActive_12zpt {
|
|
35
35
|
cursor: default;
|
|
36
|
-
} .
|
|
36
|
+
} .table__pagination_12zpt {
|
|
37
37
|
margin-left: auto;
|
|
38
|
-
} .
|
|
38
|
+
} .table__menu_12zpt {
|
|
39
39
|
margin: var(--gap-4) var(--gap-0);
|
|
40
|
-
} .
|
|
40
|
+
} .table__option_12zpt {
|
|
41
41
|
min-width: 208px;
|
|
42
42
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"component":"
|
|
3
|
+
var styles = {"component":"table__component_12zpt","pagination":"table__pagination_12zpt","menu":"table__menu_12zpt","option":"table__option_12zpt"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# 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_1h86r svg {
|
|
4
4
|
width: 18px;
|
|
5
5
|
height: 18px;
|
|
6
|
-
} .
|
|
7
|
-
.
|
|
6
|
+
} .table__open_1h86r,
|
|
7
|
+
.table__open_1h86r: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/esm';
|
|
1
|
+
import { type SelectProps } from '@alfalab/core-components-select/esm';
|
|
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":[],"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,GAAA,MAAA,CAAK,UAAU,EAAvC,CAA0B,KAAA,CAAA,CAAF;AAE9B,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAA;AACT,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EACE,QAAA,CAAA,EAAA,EAAA,cAA8B,IACnC,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,aAAa,EAClB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAAC,MAAM,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":[],"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,GAAA,MAAA,CAAK,UAAU,EAAvC,CAA0B,KAAA,CAAA,CAAF;AAE9B,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAA;AACT,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EACE,QAAA,CAAA,EAAA,EAAA,cAA8B,IACnC,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,aAAa,EAClB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAAC,MAAM,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":[],"mappings":";;;;;;;IAyDa,KAAK,GAAG,UAAU,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,GAAA,MAAA,CAAA,EAAA,EAThB,oHAUC,CADe;AAIhB,IAAA,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC;IAE/C,IAAM,oBAAoB,GAA0B,OAAO,CACvD,YAAA;AACI,QAAA,OAAA,qBAAqB,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,QACI,KAAC,CAAA,aAAA,CAAA,YAAY,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,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACrC,gBAAA,EAAA,CAAC,MAAM,CAAC,OAAO,CAAA,GAAG,OAAO;AACzB,gBAAA,EAAA,CAAC,MAAM,CAAC,aAAa,CAAG,GAAA,CAAC,CAAC,UAAU;AACpC,gBAAA,EAAA,CAAC,MAAM,CAAC,YAAY,CAAA,GAAG,YAAY;AACrC,gBAAA,EAAA,EAAA,EAAA,cAAA,EACY,UAAU,EAAA;AAExB,YAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,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_1rci9 {
|
|
13
13
|
box-sizing: border-box;
|
|
14
|
-
} .
|
|
14
|
+
} .table__wrapper_1rci9 {
|
|
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_1rci9 {
|
|
21
21
|
max-height: 100%;
|
|
22
|
-
} .
|
|
22
|
+
} .table__hasPagination_1rci9 {
|
|
23
23
|
padding-bottom: var(--gap-0);
|
|
24
|
-
} .
|
|
24
|
+
} .table__table_1rci9 {
|
|
25
25
|
width: 100%;
|
|
26
26
|
border-collapse: collapse;
|
|
27
|
-
box-sizing: border-box
|
|
28
|
-
} .
|
|
27
|
+
box-sizing: border-box;
|
|
28
|
+
} .table__table_1rci9 td:first-child label > *[class^='box'], .table__table_1rci9 th:first-child label > *[class^='box'] {
|
|
29
29
|
margin-top: var(--gap-0);
|
|
30
30
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"component":"
|
|
3
|
+
var styles = {"component":"table__component_1rci9","wrapper":"table__wrapper_1rci9","stickyHeader":"table__stickyHeader_1rci9","hasPagination":"table__hasPagination_1rci9","table":"table__table_1rci9"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# 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":[],"mappings":";;;;AAMM,SAAU,qBAAqB,CAAC,QAAmD,EAAA;IACrF,IAAM,MAAM,GAAqB,EAAE;IAEnC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AACnC,QAAA,IAAI,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE;AACjC,YAAA,KAAK,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":[],"mappings":";;;;AAMM,SAAU,qBAAqB,CAAC,QAAmD,EAAA;IACrF,IAAM,MAAM,GAAqB,EAAE;IAEnC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AACnC,QAAA,IAAI,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE;AACjC,YAAA,KAAK,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>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createContext } from 'react';
|
|
2
2
|
|
|
3
3
|
var DEFAULT_TABLE_CONTEXT = {
|
|
4
4
|
columnsConfiguration: [],
|
|
@@ -7,7 +7,7 @@ var DEFAULT_TABLE_CONTEXT = {
|
|
|
7
7
|
compactHorizontal: false,
|
|
8
8
|
wrapperRef: { current: null },
|
|
9
9
|
};
|
|
10
|
-
var TableContext =
|
|
10
|
+
var TableContext = createContext(DEFAULT_TABLE_CONTEXT);
|
|
11
11
|
|
|
12
12
|
export { DEFAULT_TABLE_CONTEXT, TableContext };
|
|
13
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -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":[],"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,GAAG,aAAa,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":[],"mappings":";;;;;IAiBa,KAAK,GAAG,UAAU,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/C,MAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,YAAA,CAAiD,CAAF;IAAY,QACxD,KACI,CAAA,aAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,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":[],"mappings":";;;;;IAiBa,KAAK,GAAG,UAAU,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/C,MAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,YAAA,CAAiD,CAAF;IAAY,QACxD,KACI,CAAA,aAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,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":[],"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,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACF,SAAS,GAAA,MAAA,CAAA,EAAA,EANM,yDAOrB,CADe;AAEN,IAAA,IAAA,EAA2D,GAAA,UAAU,CAAC,YAAY,CAAC,EAAjF,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,iBAAiB,uBAA6B;AACzF,IAAA,IAAM,MAAM,GAAG,KAAK,KAAK,SAAS,GAAG,IAAI,GAAG,oBAAoB,CAAC,KAAK,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,QACI,KACI,CAAA,aAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,SAAS,EAChB,SAAS,EACT,WAAW,IAAI,MAAM,CAAC,OAAO,EAC7B,iBAAiB,IAAI,MAAM,CAAC,iBAAiB,CAChD,EACD,KAAK,wBAAO,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":[],"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,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACF,SAAS,GAAA,MAAA,CAAA,EAAA,EANM,yDAOrB,CADe;AAEN,IAAA,IAAA,EAA2D,GAAA,UAAU,CAAC,YAAY,CAAC,EAAjF,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,iBAAiB,uBAA6B;AACzF,IAAA,IAAM,MAAM,GAAG,KAAK,KAAK,SAAS,GAAG,IAAI,GAAG,oBAAoB,CAAC,KAAK,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,QACI,KACI,CAAA,aAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,SAAS,EAChB,SAAS,EACT,WAAW,IAAI,MAAM,CAAC,OAAO,EAC7B,iBAAiB,IAAI,MAAM,CAAC,iBAAiB,CAChD,EACD,KAAK,wBAAO,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_1odaf {
|
|
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_1odaf:first-child {
|
|
25
25
|
padding-left: var(--gap-16);
|
|
26
|
-
} .
|
|
26
|
+
} .table__component_1odaf:last-child {
|
|
27
27
|
padding-right: var(--gap-16);
|
|
28
|
-
} .
|
|
28
|
+
} .table__compactHorizontal_1odaf {
|
|
29
29
|
padding-left: 6px;
|
|
30
30
|
padding-right: 6px;
|
|
31
|
-
} .
|
|
31
|
+
} .table__compact_1odaf {
|
|
32
32
|
padding-top: var(--gap-8);
|
|
33
33
|
padding-bottom: var(--gap-8);
|
|
34
34
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"component":"
|
|
3
|
+
var styles = {"component":"table__component_1odaf","compactHorizontal":"table__compactHorizontal_1odaf","compact":"table__compact_1odaf"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
|
6
6
|
//# 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;
|