npm - @alfalab/core-components-table - Versions diffs - 3.0.1 → 3.0.3 - Mend

@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.

Files changed (299) hide show

package/modern/components/tsortable-head-cell/index.module.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import './index.css';
-const styles = {"content":"table__content_1mbnt","icon":"table__icon_1mbnt","reverse":"table__reverse_1mbnt","sorted":"table__sorted_1mbnt"};
+const styles = {"content":"table__content_hmysw","icon":"table__icon_hmysw","reverse":"table__reverse_hmysw","sorted":"table__sorted_hmysw"};
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/tsortable-head-cell/index.module.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.module.css.js","sources":["../../src/components/tsortable-head-cell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.content {\n display: flex;\n align-items: flex-start;\n}\n\n.icon {\n cursor: pointer;\n margin-left: var(--gap-8);\n\n /*\n иконка сортировки должна быть выровнена по верхнему краю,\n * т.к. текст может быть в две строки\n */\n margin-top: 1px;\n color: var(--color-light-neutral-700);\n transition: color 0.2s ease;\n flex-shrink: 0;\n\n &:hover {\n color: var(--color-light-neutral-translucent-1300);\n }\n}\n\n.reverse {\n flex-direction: row-reverse;\n\n & .icon {\n margin-left: var(--gap-0);\n margin-right: var(--gap-8);\n }\n}\n\n.sorted {\n color: var(--color-light-status-info);\n\n &:hover {\n color: var(--color-light-status-info);\n }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,SAAS,CAAC,sBAAsB,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,CAAC,sBAAsB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}
1	+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/tsortable-head-cell/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.content {\n display: flex;\n align-items: flex-start;\n}\n\n.icon {\n cursor: pointer;\n margin-left: var(--gap-8);\n\n /*\n иконка сортировки должна быть выровнена по верхнему краю,\n * т.к. текст может быть в две строки\n */\n margin-top: 1px;\n color: var(--color-light-neutral-700);\n transition: color 0.2s ease;\n flex-shrink: 0;\n\n &:hover {\n color: var(--color-light-neutral-translucent-1300);\n }\n}\n\n.reverse {\n flex-direction: row-reverse;\n\n & .icon {\n margin-left: var(--gap-0);\n margin-right: var(--gap-8);\n }\n}\n\n.sorted {\n color: var(--color-light-status-info);\n\n &:hover {\n color: var(--color-light-status-info);\n }\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,SAAS,CAAC,sBAAsB,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,CAAC,sBAAsB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}

package/modern/components/tsortable-head-cell/sort-icon-asc.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import React, { SVGProps } from 'react';
+import React, { type SVGProps } from 'react';
 export declare const SortIconAsc: React.FC<SVGProps<SVGSVGElement>>;

package/modern/components/tsortable-head-cell/sort-icon-asc.js.map CHANGED Viewed

	@@ -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":[],"mappings":";;AAEa,MAAA,WAAW,GAAsC,CAAC,KAAK,MAChE,6BACI,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,KACN,KAAK,EAAA;AAET,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,6UAA6U,EAAG,CAAA,CACtV;;;;"}
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":[],"mappings":";;AAEa,MAAA,WAAW,GAAsC,CAAC,KAAK,MAChE,6BACI,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,KACN,KAAK,EAAA;AAET,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,6UAA6U,EAAG,CAAA,CACtV;;;;"}

package/modern/components/tsortable-head-cell/sort-icon-desc.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import React, { SVGProps } from 'react';
+import React, { type SVGProps } from 'react';
 export declare const SortIconDesc: React.FC<SVGProps<SVGSVGElement>>;

package/modern/components/tsortable-head-cell/sort-icon-desc.js.map CHANGED Viewed

	@@ -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":[],"mappings":";;AAEa,MAAA,YAAY,GAAsC,CAAC,KAAK,MACjE,6BACI,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,KACN,KAAK,EAAA;AAET,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,4UAA4U,EAAG,CAAA,CACrV;;;;"}
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":[],"mappings":";;AAEa,MAAA,YAAY,GAAsC,CAAC,KAAK,MACjE,6BACI,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,KACN,KAAK,EAAA;AAET,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,4UAA4U,EAAG,CAAA,CACrV;;;;"}

package/modern/components/tsortable-head-cell/sort-icon-unset.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import React, { SVGProps } from 'react';
+import React, { type SVGProps } from 'react';
 export declare const SortIconUnset: React.FC<SVGProps<SVGSVGElement>>;

package/modern/components/tsortable-head-cell/sort-icon-unset.js.map CHANGED Viewed

	@@ -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":[],"mappings":";;AAEa,MAAA,aAAa,GAAsC,CAAC,KAAK,MAClE,6BACI,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,KACN,KAAK,EAAA;AAET,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,4TAA4T,EAAG,CAAA,CACrU;;;;"}
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":[],"mappings":";;AAEa,MAAA,aAAa,GAAsC,CAAC,KAAK,MAClE,6BACI,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,KACN,KAAK,EAAA;AAET,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,4TAA4T,EAAG,CAAA,CACrU;;;;"}

package/moderncssm/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.js","sources":["../src/component.~~tsx~~"],"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":";;;;;;;;;;MAYa,KAAK,GAAG,MAAM,CAAC,MAAM,CAACA,OAAc,EAAE;IAC/C,KAAK;IACL,KAAK;IACL,SAAS;IACT,iBAAiB;IACjB,KAAK;IACL,IAAI;IACJ,cAAc;IACd,UAAU;AACb,CAAA;;;;"}
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":";;;;;;;;;;MAYa,KAAK,GAAG,MAAM,CAAC,MAAM,CAACA,OAAc,EAAE;IAC/C,KAAK;IACL,KAAK;IACL,SAAS;IACT,iBAAiB;IACjB,KAAK;IACL,IAAI;IACJ,cAAc;IACd,UAAU;AACb,CAAA;;;;"}

package/moderncssm/components/pagination/Component.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { PaginationProps as CorePaginationProps } from '@alfalab/core-components-pagination/moderncssm';
+import { type FC } from 'react';
+import { type PaginationProps as CorePaginationProps } from '@alfalab/core-components-pagination/moderncssm';
 export declare type PaginationProps = CorePaginationProps & {
     /**
      * Количество строк на страницу

package/moderncssm/components/pagination/Component.js.map CHANGED Viewed

	@@ -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":";;;;;;;;MA2Ca,UAAU,GAAwB,CAAC,EAC5C,OAAO,GAAG,EAAE,EACZ,eAAe,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,EAC/B,eAAe,GAAG,MAAM,IAAI,EAC5B,iBAAiB,GAAG,KAAK,EACzB,UAAU,EACV,YAAY,GAAG,MAAM,IAAI,EACzB,SAAS,EACT,UAAU,EACV,GAAG,mBAAmB,EACzB,KAAI;IACD,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;IAE/C,MAAM,OAAO,GAAG,OAAO,CACnB,MACI,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAS,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;SACtD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC;AACpB,SAAA,GAAG,CAAC,CAAC,KAAK,MAAM;AACb,QAAA,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE;QACrB,OAAO,EAAE,CAAiB,cAAA,EAAA,KAAK,CAAE,CAAA;KACpC,CAAC,CAAC,EACX,CAAC,OAAO,EAAE,eAAe,CAAC,CAC7B;IAED,MAAM,mBAAmB,GAAmC,WAAW,CACnE,CAAC,EAAE,QAAQ,EAA2B,KAAI;QACtC,eAAe,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AAC1C,KAAC,EACD,CAAC,eAAe,CAAC,CACpB;AAED,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAChC,CAAC,SAAiB,KAAI;QAClB,YAAY,CAAC,SAAS,CAAC;QAEvB,UAAU,CAAC,MAAK;YACZ,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,EACX,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,gBAAgB,EAC9B,SAAS,EAAE,MAAM,CAAC,UAAU,EACxB,GAAA,mBAAmB,EACzB,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":";;;;;;;;MA2Ca,UAAU,GAAwB,CAAC,EAC5C,OAAO,GAAG,EAAE,EACZ,eAAe,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,EAC/B,eAAe,GAAG,MAAM,IAAI,EAC5B,iBAAiB,GAAG,KAAK,EACzB,UAAU,EACV,YAAY,GAAG,MAAM,IAAI,EACzB,SAAS,EACT,UAAU,EACV,GAAG,mBAAmB,EACzB,KAAI;IACD,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;IAE/C,MAAM,OAAO,GAAG,OAAO,CACnB,MACI,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAS,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;SACtD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC;AACpB,SAAA,GAAG,CAAC,CAAC,KAAK,MAAM;AACb,QAAA,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE;QACrB,OAAO,EAAE,CAAiB,cAAA,EAAA,KAAK,CAAE,CAAA;KACpC,CAAC,CAAC,EACX,CAAC,OAAO,EAAE,eAAe,CAAC,CAC7B;IAED,MAAM,mBAAmB,GAAmC,WAAW,CACnE,CAAC,EAAE,QAAQ,EAA2B,KAAI;QACtC,eAAe,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AAC1C,KAAC,EACD,CAAC,eAAe,CAAC,CACpB;AAED,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAChC,CAAC,SAAiB,KAAI;QAClB,YAAY,CAAC,SAAS,CAAC;QAEvB,UAAU,CAAC,MAAK;YACZ,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,EACX,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,gBAAgB,EAC9B,SAAS,EAAE,MAAM,CAAC,UAAU,EACxB,GAAA,mBAAmB,EACzB,CAAA,CACL,CACC;AAEd;;;;"}

package/moderncssm/components/pagination/index.module.css CHANGED Viewed

@@ -1,3 +1,5 @@
 .component {
     position: sticky;
     left: var(--gap-0);
@@ -18,7 +20,7 @@
     flex-shrink: 0;
     margin-right: var(--gap-8);
     padding: var(--gap-0) var(--gap-8);
-    min-width: 32px
+    min-width: 32px;
 }
 .tag.tag:last-child {

package/moderncssm/components/pagination/select-field/index.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { SelectProps } from '@alfalab/core-components-select/moderncssm';
+import { type SelectProps } from '@alfalab/core-components-select/moderncssm';
 export declare const CustomSelectField: SelectProps['Field'];

package/moderncssm/components/pagination/select-field/index.js.map CHANGED Viewed

	@@ -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,MAAM,iBAAiB,GAAyB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,KAAI;IAC7F,MAAM,EAAE,GAAG,EAAE,GAAG,cAAc,EAAE,GAAG,UAAU;AAE7C,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAA;AACT,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EACE,EAAA,GAAA,cAA8B,EACnC,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,aAAa,EAClB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,EAAE,CAAC,EACpD,WAAW,EAAE,KAAK,IAEjB,QAAQ,EAAE,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,MAAM,iBAAiB,GAAyB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,KAAI;IAC7F,MAAM,EAAE,GAAG,EAAE,GAAG,cAAc,EAAE,GAAG,UAAU;AAE7C,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAA;AACT,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EACE,EAAA,GAAA,cAA8B,EACnC,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,aAAa,EAClB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,EAAE,CAAC,EACpD,WAAW,EAAE,KAAK,IAEjB,QAAQ,EAAE,OAAO,CACb,CACP;AAEd;;;;"}

package/moderncssm/components/pagination/select-field/index.module.css CHANGED Viewed

@@ -1,4 +1,5 @@
-.field svg {
+    .field svg {
         width: 18px;
         height: 18px;
     }

package/moderncssm/components/table/Component.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { ReactNode, TableHTMLAttributes } from 'react';
+import React, { type ReactNode, type TableHTMLAttributes } from 'react';
 export declare type TableProps = TableHTMLAttributes<HTMLTableElement> & {
     /**
      * Компактный вид

package/moderncssm/components/table/Component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../../src/components/table/Component.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, TableHTMLAttributes, useMemo, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { 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":";;;;;;~~AAmDa~~,MAAA,KAAK,GAAG,UAAU,CAC3B,CACI,EACI,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,iBAAiB,GAAG,KAAK,EACzB,OAAO,GAAG,IAAI,EACd,UAAU,EACV,UAAU,EACV,YAAY,GAAG,KAAK,EACpB,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC;IAE/C,MAAM,oBAAoB,GAA0B,OAAO,CACvD,MACI,qBAAqB,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,MAAM;QACzD,KAAK,EAAE,WAAW,CAAC,KAAK;QACxB,SAAS,EAAE,WAAW,CAAC,SAAS;QAChC,MAAM,EAAE,WAAW,CAAC,MAAM;QAC1B,KAAK;AACR,KAAA,CAAC,CAAC,EACP,CAAC,QAAQ,CAAC,CACb;;AAGD,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,YAAY,CAAC,QAAQ,EAAA,EAClB,KAAK,EAAE;YACH,YAAY;YACZ,oBAAoB;YACpB,WAAW;YACX,iBAAiB;YACjB,UAAU;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,EAAE;AACvC,gBAAA,CAAC,MAAM,CAAC,OAAO,GAAG,OAAO;AACzB,gBAAA,CAAC,MAAM,CAAC,aAAa,GAAG,CAAC,CAAC,UAAU;AACpC,gBAAA,CAAC,MAAM,CAAC,YAAY,GAAG,YAAY;AACtC,aAAA,CAAC,kBACY,UAAU,EAAA;AAExB,YAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,GAAM,SAAS,EAAA,EAClD,QAAQ,CACL;YAEP,UAAU,CACT,CACc;AAEhC,CAAC;;;;"}
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":";;;;;;AAyDa,MAAA,KAAK,GAAG,UAAU,CAC3B,CACI,EACI,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,iBAAiB,GAAG,KAAK,EACzB,OAAO,GAAG,IAAI,EACd,UAAU,EACV,UAAU,EACV,YAAY,GAAG,KAAK,EACpB,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC;IAE/C,MAAM,oBAAoB,GAA0B,OAAO,CACvD,MACI,qBAAqB,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,MAAM;QACzD,KAAK,EAAE,WAAW,CAAC,KAAK;QACxB,SAAS,EAAE,WAAW,CAAC,SAAS;QAChC,MAAM,EAAE,WAAW,CAAC,MAAM;QAC1B,KAAK;AACR,KAAA,CAAC,CAAC,EACP,CAAC,QAAQ,CAAC,CACb;;AAGD,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,YAAY,CAAC,QAAQ,EAAA,EAClB,KAAK,EAAE;YACH,YAAY;YACZ,oBAAoB;YACpB,WAAW;YACX,iBAAiB;YACjB,UAAU;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,EAAE;AACvC,gBAAA,CAAC,MAAM,CAAC,OAAO,GAAG,OAAO;AACzB,gBAAA,CAAC,MAAM,CAAC,aAAa,GAAG,CAAC,CAAC,UAAU;AACpC,gBAAA,CAAC,MAAM,CAAC,YAAY,GAAG,YAAY;AACtC,aAAA,CAAC,kBACY,UAAU,EAAA;AAExB,YAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,GAAM,SAAS,EAAA,EAClD,QAAQ,CACL;YAEP,UAAU,CACT,CACc;AAEhC,CAAC;;;;"}

package/moderncssm/components/table/index.module.css CHANGED Viewed

@@ -1,3 +1,5 @@
 .component {
     box-sizing: border-box;
 }
@@ -21,7 +23,7 @@
 .table {
     width: 100%;
     border-collapse: collapse;
-    box-sizing: border-box
+    box-sizing: border-box;
 }
 .table td:first-child label > *[class^='box'], .table th:first-child label > *[class^='box'] {

package/moderncssm/components/table/utils.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from 'react';
-import { THeadCellProps } from '../thead-cell';
+import { type THeadCellProps } from '../thead-cell';
 export declare function findAllHeadCellsProps(children: React.ReactElement | React.ReactElement[]): THeadCellProps[];

package/moderncssm/components/table/utils.js.map CHANGED Viewed

	@@ -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,MAAM,MAAM,GAAqB,EAAE;IAEnC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;AACvC,QAAA,IAAI,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE;AACjC,YAAA,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,SAAS,KAAI;AACvD,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,MAAM,MAAM,GAAqB,EAAE;IAEnC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;AACvC,QAAA,IAAI,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE;AACjC,YAAA,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,SAAS,KAAI;AACvD,gBAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;AAChC,aAAC,CAAC;AACL;AACL,KAAC,CAAC;AAEF,IAAA,OAAO,MAAM;AACjB;;;;"}

package/moderncssm/components/table-context/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import React, { RefObject } from 'react';
-import { TextAlignProperty } from '../../typings';
+import { type RefObject } from 'react';
+import { type TextAlignProperty } from '../../typings';
 export declare type ColumnConfiguration = {
     width?: string | number;
     textAlign?: TextAlignProperty;
@@ -14,4 +14,4 @@ export declare type TableContextType = {
     wrapperRef: RefObject<HTMLDivElement>;
 };
 export declare const DEFAULT_TABLE_CONTEXT: TableContextType;
-export declare const TableContext: React.Context<TableContextType>;
+export declare const TableContext: import("react").Context<TableContextType>;

package/moderncssm/components/table-context/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import { createContext } from 'react';
 const DEFAULT_TABLE_CONTEXT = {
     columnsConfiguration: [],
@@ -7,7 +7,7 @@ const DEFAULT_TABLE_CONTEXT = {
     compactHorizontal: false,
     wrapperRef: { current: null },
 };
-const TableContext = React.createContext(DEFAULT_TABLE_CONTEXT);
+const TableContext = createContext(DEFAULT_TABLE_CONTEXT);
 export { DEFAULT_TABLE_CONTEXT, TableContext };
 //# sourceMappingURL=index.js.map

package/moderncssm/components/table-context/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/table-context/index.~~tsx~~"],"sourcesContent":["import ~~React~~, { RefObject } from 'react';\n\nimport { 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 = ~~React.~~createContext<TableContextType>(DEFAULT_TABLE_CONTEXT);\n"],"names":[],"mappings":";;AAmBa,MAAA,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;;~~AAGpB~~,~~MAAA,~~YAAY,GAAG,~~KAAK,CAAC,~~aAAa,CAAmB,qBAAqB;;;;"}
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,MAAA,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;;MAGpB,YAAY,GAAG,aAAa,CAAmB,qBAAqB;;;;"}

package/moderncssm/components/tbody/Component.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes } from 'react';
+import React, { type HTMLAttributes } from 'react';
 export declare type TBodyProps = HTMLAttributes<HTMLTableSectionElement> & {
     /**
      * Дополнительный класс

package/moderncssm/components/tbody/Component.js.map CHANGED Viewed

	@@ -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":";;;;MAiBa,KAAK,GAAG,UAAU,CAC3B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,MACnD,+BACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC5B,cAAA,EAAA,UAAU,EACxB,GAAG,EAAE,GAAG,EACJ,GAAA,SAAS,IAEZ,QAAQ,CACL,CACX;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":";;;;MAiBa,KAAK,GAAG,UAAU,CAC3B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,MACnD,+BACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC5B,cAAA,EAAA,UAAU,EACxB,GAAG,EAAE,GAAG,EACJ,GAAA,SAAS,IAEZ,QAAQ,CACL,CACX;AAGL,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/moderncssm/components/tbody/index.module.css CHANGED Viewed

@@ -1,3 +1,5 @@
 .component {
     width: 100%;
     box-sizing: border-box;

package/moderncssm/components/tcell/Component.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { TdHTMLAttributes } from 'react';
+import React, { type TdHTMLAttributes } from 'react';
 export declare type TCellProps = TdHTMLAttributes<HTMLTableCellElement> & {
     /**
      * Дополнительный класс

package/moderncssm/components/tcell/Component.js.map CHANGED Viewed

	@@ -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":";;;;;MAwBa,KAAK,GAAG,CAAC,EAClB,SAAS,EACT,KAAK,EACL,UAAU,EACV,QAAQ,EACR,KAAK,EACL,GAAG,SAAS,EACH,KAAI;AACb,IAAA,MAAM,EAAE,oBAAoB,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AACzF,IAAA,MAAM,MAAM,GAAG,KAAK,KAAK,SAAS,GAAG,IAAI,GAAG,oBAAoB,CAAC,KAAK,CAAC;AACvE,IAAA,MAAM,KAAK,GAAG,MAAM,EAAE,KAAK;AAC3B,IAAA,MAAM,SAAS,GAAG,MAAM,EAAE,SAAS;AACnC,IAAA,MAAM,MAAM,GAAG,MAAM,EAAE,MAAM,IAAI,KAAK;AAEtC,IAAA,IAAI,MAAM;AAAE,QAAA,OAAO,IAAI;AAEvB,IAAA,QACI,KACI,CAAA,aAAA,CAAA,IAAA,EAAA,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,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,cAAA,EACvB,UAAU,EACpB,GAAA,SAAS,IAEZ,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":";;;;;MAwBa,KAAK,GAAG,CAAC,EAClB,SAAS,EACT,KAAK,EACL,UAAU,EACV,QAAQ,EACR,KAAK,EACL,GAAG,SAAS,EACH,KAAI;AACb,IAAA,MAAM,EAAE,oBAAoB,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AACzF,IAAA,MAAM,MAAM,GAAG,KAAK,KAAK,SAAS,GAAG,IAAI,GAAG,oBAAoB,CAAC,KAAK,CAAC;AACvE,IAAA,MAAM,KAAK,GAAG,MAAM,EAAE,KAAK;AAC3B,IAAA,MAAM,SAAS,GAAG,MAAM,EAAE,SAAS;AACnC,IAAA,MAAM,MAAM,GAAG,MAAM,EAAE,MAAM,IAAI,KAAK;AAEtC,IAAA,IAAI,MAAM;AAAE,QAAA,OAAO,IAAI;AAEvB,IAAA,QACI,KACI,CAAA,aAAA,CAAA,IAAA,EAAA,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,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,cAAA,EACvB,UAAU,EACpB,GAAA,SAAS,IAEZ,QAAQ,CACR;AAEb;;;;"}

package/moderncssm/components/tcell/index.module.css CHANGED Viewed

@@ -1,3 +1,5 @@
 .component {
     font-size: 14px;
     line-height: 20px;
@@ -8,7 +10,7 @@
     height: 72px;
     border-top: 1px solid var(--color-light-neutral-400);
     vertical-align: top;
-    box-sizing: border-box
+    box-sizing: border-box;
 }
 .component:first-child {

package/moderncssm/components/texpandable-row/Component.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import React, { ReactNode, Ref } from 'react';
-import { TRowProps } from '../trow';
+import React, { type ReactNode, type Ref } from 'react';
+import { type TRowProps } from '../trow';
 export declare type TExpandableRowProps = TRowProps & {
     defaultExpanded?: boolean;
     expanded?: boolean;

package/moderncssm/components/texpandable-row/Component.js CHANGED Viewed

@@ -6,7 +6,7 @@ import styles from './index.module.css';
 const TExpandableRow = forwardRef(({ className, selected, expanded, defaultExpanded = false, onToggle = () => null, renderContent = () => null, rowRef, ...restProps }, ref) => {
     const [expandedState, setExpandedState] = useState(defaultExpanded);
     const uncontrolled = expanded === undefined;
-    const isExpanded = (uncontrolled ? expandedState : expanded);
+    const isExpanded = uncontrolled ? expandedState : expanded;
     const handleToggle = () => {
         if (uncontrolled) {
             setExpandedState(!isExpanded);

package/moderncssm/components/texpandable-row/Component.js.map CHANGED Viewed

	@@ -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 = (uncontrolled ? expandedState : expanded~~) as boolean~~;\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":[],"mappings":";;;;;AAmBa,MAAA,cAAc,GAAG,UAAU,CACpC,CACI,EACI,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,eAAe,GAAG,KAAK,EACvB,QAAQ,GAAG,MAAM,IAAI,EACrB,aAAa,GAAG,MAAM,IAAI,EAC1B,MAAM,EACN,GAAG,SAAS,EACM,EACtB,GAAG,KACH;IACA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAU,eAAe,CAAC;AAE5E,IAAA,MAAM,YAAY,GAAG,QAAQ,KAAK,SAAS;~~AAE3C~~,~~IAAA,~~MAAM,UAAU,~~IAAI~~,YAAY,GAAG,aAAa,GAAG,QAAQ~~,CAAY~~;~~IAEvE~~,MAAM,YAAY,GAAG,MAAK;AACtB,QAAA,IAAI,YAAY,EAAE;AACd,YAAA,gBAAgB,CAAC,CAAC,UAAU,CAAC;AAChC;QAED,QAAQ,CAAC,UAAU,CAAC;AACxB,KAAC;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAQ,EAAA,IAAA;QACX,KAAC,CAAA,aAAA,CAAA,IAAI,EACD,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,SAAS,EAAE;AACjC,gBAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC3B,gBAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,UAAU;AAChC,aAAA,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,EACrB,GAAG,EAAE,MAAM,EAAA,GACP,SAAS,EACf,CAAA;AAEF,QAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,GAAG,UAAU,EAAE,CAAC,EAAA,EAC5E,aAAa,CAAC,UAAU,CAAC,CACzB,CACQ;AAEzB,CAAC;AAGL,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
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":[],"mappings":";;;;;AAmBa,MAAA,cAAc,GAAG,UAAU,CACpC,CACI,EACI,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,eAAe,GAAG,KAAK,EACvB,QAAQ,GAAG,MAAM,IAAI,EACrB,aAAa,GAAG,MAAM,IAAI,EAC1B,MAAM,EACN,GAAG,SAAS,EACM,EACtB,GAAG,KACH;IACA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAU,eAAe,CAAC;AAE5E,IAAA,MAAM,YAAY,GAAG,QAAQ,KAAK,SAAS;IAE3C,MAAM,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,QAAQ;IAE1D,MAAM,YAAY,GAAG,MAAK;AACtB,QAAA,IAAI,YAAY,EAAE;AACd,YAAA,gBAAgB,CAAC,CAAC,UAAU,CAAC;AAChC;QAED,QAAQ,CAAC,UAAU,CAAC;AACxB,KAAC;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAQ,EAAA,IAAA;QACX,KAAC,CAAA,aAAA,CAAA,IAAI,EACD,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,SAAS,EAAE;AACjC,gBAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC3B,gBAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,UAAU;AAChC,aAAA,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,YAAY,EACrB,GAAG,EAAE,MAAM,EAAA,GACP,SAAS,EACf,CAAA;AAEF,QAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,GAAG,UAAU,EAAE,CAAC,EAAA,EAC5E,aAAa,CAAC,UAAU,CAAC,CACzB,CACQ;AAEzB,CAAC;AAGL,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/moderncssm/components/texpandable-row/index.module.css CHANGED Viewed

@@ -1,3 +1,5 @@
 .row {
     cursor: pointer;
 }

package/moderncssm/components/thead/Component.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes } from 'react';
+import React, { type HTMLAttributes } from 'react';
 export declare type THeadProps = HTMLAttributes<HTMLTableSectionElement> & {
     /**
      * Дополнительный класс

package/moderncssm/components/thead/Component.js.map CHANGED Viewed

	@@ -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":[],"mappings":";;;;AAsBO,MAAM,KAAK,GAAyB,CAAC,EACxC,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,GAAG,SAAS,EACf,MACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAAgB,cAAA,EAAA,UAAU,KAAM,SAAS,EAAA;AACtF,IAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,EAAE,CAAC,MAAM,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":[],"mappings":";;;;AAsBO,MAAM,KAAK,GAAyB,CAAC,EACxC,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,GAAG,SAAS,EACf,MACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAAgB,cAAA,EAAA,UAAU,KAAM,SAAS,EAAA;AACtF,IAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,YAAY,CAAC,EAAG,EAAA,QAAQ,CAAM,CACxD;;;;"}

package/moderncssm/components/thead/index.module.css CHANGED Viewed

@@ -1,7 +1,9 @@
 .component {
     position: relative;
     width: 100%;
-    box-sizing: border-box
+    box-sizing: border-box;
 }
 .component th:not(:last-child):not(:empty):after {

package/moderncssm/components/thead-cell/Component.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import React, { ThHTMLAttributes } from 'react';
-import { TextAlignProperty } from '../../typings';
+import React, { type ThHTMLAttributes } from 'react';
+import { type TextAlignProperty } from '../../typings';
 export declare type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
     /**
      * Дополнительный класс

package/moderncssm/components/thead-cell/Component.js.map CHANGED Viewed

	@@ -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":[],"mappings":";;;;;AAmCa,MAAA,SAAS,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,UAAU,EACV,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAM,EACN,GAAG,SAAS,EACC,KAAI;IACjB,MAAM,EAAE,iBAAiB,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AAEpE,IAAA,IAAI,MAAM;AAAE,QAAA,OAAO,IAAI;AAEvB,IAAA,QACI,KACI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,SAAS,EAChB,SAAS,EACT,iBAAiB,IAAI,MAAM,CAAC,iBAAiB,EAC7C;AACI,YAAA,CAAC,MAAM,CAAC,YAAY,GAAG,YAAY;AACtC,SAAA,CACJ,EACD,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,cAAA,EACvB,UAAU,EACpB,GAAA,SAAS,IAEZ,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":[],"mappings":";;;;;AAmCa,MAAA,SAAS,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,UAAU,EACV,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAM,EACN,GAAG,SAAS,EACC,KAAI;IACjB,MAAM,EAAE,iBAAiB,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC;AAEpE,IAAA,IAAI,MAAM;AAAE,QAAA,OAAO,IAAI;AAEvB,IAAA,QACI,KACI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,SAAS,EAChB,SAAS,EACT,iBAAiB,IAAI,MAAM,CAAC,iBAAiB,EAC7C;AACI,YAAA,CAAC,MAAM,CAAC,YAAY,GAAG,YAAY;AACtC,SAAA,CACJ,EACD,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,cAAA,EACvB,UAAU,EACpB,GAAA,SAAS,IAEZ,QAAQ,CACR;AAEb;;;;"}

package/moderncssm/components/thead-cell/index.module.css CHANGED Viewed

@@ -1,3 +1,5 @@
 .component {
     font-size: 12px;
     line-height: 16px;
@@ -12,7 +14,7 @@
     border-bottom: 1px solid var(--color-light-neutral-400);
     background: var(--color-light-base-bg-primary);
     vertical-align: top;
-    box-sizing: border-box
+    box-sizing: border-box;
 }
 .component:first-child {

package/moderncssm/components/trow/Component.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import React, { HTMLAttributes } from 'react';
-import { TCell, TCellProps } from '../tcell';
+import React, { type HTMLAttributes } from 'react';
+import { type TCell, type TCellProps } from '../tcell';
 declare type TCellElement = React.ReactElement<TCellProps, typeof TCell>;
 export declare type TRowProps = HTMLAttributes<HTMLTableRowElement> & {
     /**

package/moderncssm/components/trow/Component.js.map CHANGED Viewed

	@@ -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":[],"mappings":";;;;AAoCa,MAAA,IAAI,GAAG,UAAU,CAC1B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,MAC5E,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE;QACvC,CAAC,MAAM,CAAC,SAAS,GAAG,OAAO,SAAS,CAAC,OAAO,KAAK,WAAW;AAC5D,QAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC3B,QAAA,CAAC,MAAM,CAAC,aAAa,GAAG,aAAa;AACxC,KAAA,CAAC,kBACY,UAAU,EACxB,GAAG,EAAE,GAAG,EACJ,GAAA,SAAS,EAEZ,EAAA,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CACpF,CACR;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":[],"mappings":";;;;AAoCa,MAAA,IAAI,GAAG,UAAU,CAC1B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,MAC5E,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE;QACvC,CAAC,MAAM,CAAC,SAAS,GAAG,OAAO,SAAS,CAAC,OAAO,KAAK,WAAW;AAC5D,QAAA,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ;AAC3B,QAAA,CAAC,MAAM,CAAC,aAAa,GAAG,aAAa;AACxC,KAAA,CAAC,kBACY,UAAU,EACxB,GAAG,EAAE,GAAG,EACJ,GAAA,SAAS,EAEZ,EAAA,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CACpF,CACR;AAGL,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/moderncssm/components/trow/index.module.css CHANGED Viewed

@@ -1,9 +1,11 @@
 .component {
     padding-top: 1px;
     width: 100%;
     transition: background-color 0.2s;
     box-sizing: border-box;
-    background: var(--color-light-base-bg-primary)
+    background: var(--color-light-base-bg-primary);
 }
 .component:first-child td {
@@ -15,7 +17,7 @@
     }
 .clickable {
-    cursor: pointer
+    cursor: pointer;
 }
 .clickable:hover {
@@ -23,7 +25,7 @@
     }
 .selected {
-    background-color: #f2f8ff
+    background-color: #f2f8ff;
 }
 .selected:hover {

package/moderncssm/components/tsortable-head-cell/Component.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { THeadCellProps } from '../thead-cell';
+import { type THeadCellProps } from '../thead-cell';
 export declare type TSortableHeadCellProps = THeadCellProps & {
     isSortedDesc?: boolean;
     defaultIsSortedDesc?: boolean;

package/moderncssm/components/tsortable-head-cell/Component.js.map CHANGED Viewed

	@@ -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":[],"mappings":";;;;;;;;MAiBa,iBAAiB,GAAG,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,MAAM,EACN,GAAG,SAAS,EACS,KAAI;AACzB,IAAA,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAK;QAC1B,IAAI,KAAK,GAAG,YAAY;QAExB,IAAI,KAAK,KAAK,SAAS;YAAE,KAAK,GAAG,mBAAmB;QAEpD,IAAI,OAAO,KAAK,KAAK,SAAS;YAAE,OAAO,KAAK,GAAG,YAAY,GAAG,WAAW;AAEzE,QAAA,OAAO,aAAa;AACxB,KAAC,EAAE,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC;AAEvC,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAA,GAAM,SAAS,EAAA;AAChE,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,GAAG,SAAS,KAAK,OAAO,EAAE,CAAC,EAAA;YAC1E,QAAQ;AACT,YAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACL,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE;AACvB,oBAAA,CAAC,MAAM,CAAC,MAAM,GAAG,YAAY,KAAK,SAAS;AAC9C,iBAAA,CAAC,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":[],"mappings":";;;;;;;;MAiBa,iBAAiB,GAAG,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,MAAM,EACN,GAAG,SAAS,EACS,KAAI;AACzB,IAAA,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAK;QAC1B,IAAI,KAAK,GAAG,YAAY;QAExB,IAAI,KAAK,KAAK,SAAS;YAAE,KAAK,GAAG,mBAAmB;QAEpD,IAAI,OAAO,KAAK,KAAK,SAAS;YAAE,OAAO,KAAK,GAAG,YAAY,GAAG,WAAW;AAEzE,QAAA,OAAO,aAAa;AACxB,KAAC,EAAE,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC;AAEvC,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAA,GAAM,SAAS,EAAA;AAChE,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,GAAG,SAAS,KAAK,OAAO,EAAE,CAAC,EAAA;YAC1E,QAAQ;AACT,YAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACL,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE;AACvB,oBAAA,CAAC,MAAM,CAAC,MAAM,GAAG,YAAY,KAAK,SAAS;AAC9C,iBAAA,CAAC,EACJ,CAAA,CACA,CACE;AAEpB;;;;"}

package/moderncssm/components/tsortable-head-cell/index.module.css CHANGED Viewed

@@ -1,3 +1,5 @@
 .content {
     display: flex;
     align-items: flex-start;
@@ -9,7 +11,7 @@
     margin-top: 1px;
     color: var(--color-light-neutral-700);
     transition: color 0.2s ease;
-    flex-shrink: 0
+    flex-shrink: 0;
 }
 .icon:hover {
@@ -17,7 +19,7 @@
     }
 .reverse {
-    flex-direction: row-reverse
+    flex-direction: row-reverse;
 }
 .reverse .icon {
@@ -26,7 +28,7 @@
     }
 .sorted {
-    color: var(--color-light-status-info)
+    color: var(--color-light-status-info);
 }
 .sorted:hover {

package/moderncssm/components/tsortable-head-cell/sort-icon-asc.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import React, { SVGProps } from 'react';
+import React, { type SVGProps } from 'react';
 export declare const SortIconAsc: React.FC<SVGProps<SVGSVGElement>>;

package/moderncssm/components/tsortable-head-cell/sort-icon-asc.js.map CHANGED Viewed

	@@ -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":[],"mappings":";;AAEa,MAAA,WAAW,GAAsC,CAAC,KAAK,MAChE,6BACI,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,KACN,KAAK,EAAA;AAET,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,6UAA6U,EAAG,CAAA,CACtV;;;;"}
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":[],"mappings":";;AAEa,MAAA,WAAW,GAAsC,CAAC,KAAK,MAChE,6BACI,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,KACN,KAAK,EAAA;AAET,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,6UAA6U,EAAG,CAAA,CACtV;;;;"}

package/moderncssm/components/tsortable-head-cell/sort-icon-desc.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import React, { SVGProps } from 'react';
+import React, { type SVGProps } from 'react';
 export declare const SortIconDesc: React.FC<SVGProps<SVGSVGElement>>;

package/moderncssm/components/tsortable-head-cell/sort-icon-desc.js.map CHANGED Viewed

	@@ -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":[],"mappings":";;AAEa,MAAA,YAAY,GAAsC,CAAC,KAAK,MACjE,6BACI,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,KACN,KAAK,EAAA;AAET,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,4UAA4U,EAAG,CAAA,CACrV;;;;"}
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":[],"mappings":";;AAEa,MAAA,YAAY,GAAsC,CAAC,KAAK,MACjE,6BACI,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,KACN,KAAK,EAAA;AAET,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,4UAA4U,EAAG,CAAA,CACrV;;;;"}

package/moderncssm/components/tsortable-head-cell/sort-icon-unset.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import React, { SVGProps } from 'react';
+import React, { type SVGProps } from 'react';
 export declare const SortIconUnset: React.FC<SVGProps<SVGSVGElement>>;

package/moderncssm/components/tsortable-head-cell/sort-icon-unset.js.map CHANGED Viewed

	@@ -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":[],"mappings":";;AAEa,MAAA,aAAa,GAAsC,CAAC,KAAK,MAClE,6BACI,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,KACN,KAAK,EAAA;AAET,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,4TAA4T,EAAG,CAAA,CACrU;;;;"}
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":[],"mappings":";;AAEa,MAAA,aAAa,GAAsC,CAAC,KAAK,MAClE,6BACI,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,KACN,KAAK,EAAA;AAET,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,4TAA4T,EAAG,CAAA,CACrU;;;;"}