npm - @consta/uikit - Versions diffs - 5.21.0 → 5.22.0 - Mend

@consta/uikit 5.21.0 → 5.22.0

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 (261) hide show

package/__internal__/src/components/SwitchGroup/helpers.d.ts CHANGED Viewed

@@ -16,14 +16,17 @@ export declare const withDefaultGetters: (props: SwitchGroupProps) => {
     suppressContentEditableWarning?: boolean | undefined | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;
     accessKey?: string | undefined | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     hidden?: boolean | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
-    placeholder?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
     slot?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     style?: import("react").CSSProperties | undefined;
@@ -33,14 +36,16 @@ export declare const withDefaultGetters: (props: SwitchGroupProps) => {
     radioGroup?: string | undefined | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
     prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
     resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
     typeof?: string | undefined | undefined;
     vocab?: string | undefined | undefined;
-    autoCapitalize?: string | undefined | undefined;
     autoCorrect?: string | undefined | undefined;
     autoSave?: string | undefined | undefined;
     color?: string | undefined | undefined;
@@ -54,57 +59,64 @@ export declare const withDefaultGetters: (props: SwitchGroupProps) => {
     unselectable?: "on" | "off" | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
-    'aria-activedescendant'?: string | undefined | undefined;
-    'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    'aria-busy'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    'aria-colcount'?: number | undefined | undefined;
-    'aria-colindex'?: number | undefined | undefined;
-    'aria-colspan'?: number | undefined | undefined;
-    'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-    'aria-describedby'?: string | undefined | undefined;
-    'aria-details'?: string | undefined | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-    'aria-errormessage'?: string | undefined | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
-    'aria-flowto'?: string | undefined | undefined;
-    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-    'aria-keyshortcuts'?: string | undefined | undefined;
-    'aria-label'?: string | undefined | undefined;
-    'aria-labelledby'?: string | undefined | undefined;
-    'aria-level'?: number | undefined | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
-    'aria-multiline'?: (boolean | "true" | "false") | undefined;
-    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
-    'aria-owns'?: string | undefined | undefined;
-    'aria-placeholder'?: string | undefined | undefined;
-    'aria-posinset'?: number | undefined | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    'aria-readonly'?: (boolean | "true" | "false") | undefined;
-    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    'aria-required'?: (boolean | "true" | "false") | undefined;
-    'aria-roledescription'?: string | undefined | undefined;
-    'aria-rowcount'?: number | undefined | undefined;
-    'aria-rowindex'?: number | undefined | undefined;
-    'aria-rowspan'?: number | undefined | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
-    'aria-setsize'?: number | undefined | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-    'aria-valuemax'?: number | undefined | undefined;
-    'aria-valuemin'?: number | undefined | undefined;
-    'aria-valuenow'?: number | undefined | undefined;
-    'aria-valuetext'?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
     children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
-        __html: string;
+        __html: string | TrustedHTML;
     } | undefined | undefined;
     onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -123,7 +135,7 @@ export declare const withDefaultGetters: (props: SwitchGroupProps) => {
     onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -242,9 +254,7 @@ export declare const withDefaultGetters: (props: SwitchGroupProps) => {
     onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -265,6 +275,6 @@ export declare const withDefaultGetters: (props: SwitchGroupProps) => {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
 };

package/__internal__/src/components/SwitchGroup/types.d.ts CHANGED Viewed

@@ -29,4 +29,4 @@ export type SwitchGroupProps<ITEM = SwitchGroupDefaultItem> = PropsWithHTMLAttri
 } ? {} : {
     getItemLabel: SwitchGroupPropGetItemLabel<ITEM>;
 });
-export type SwitchGroupComponent = <ITEM>(props: SwitchGroupProps<ITEM>) => React.ReactElement | null;
+export type SwitchGroupComponent = <ITEM>(props: SwitchGroupProps<ITEM>) => React.ReactNode | null;

package/__internal__/src/components/SwitchGroup/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":["switchGroupDirections","switchGroupDefaultDirection"],"sources":["../../../../../src/components/SwitchGroup/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { SwitchPropSize, SwitchPropView } from '../Switch/types';\n\nexport type SwitchGroupDefaultItem = {\n label: string;\n disabled?: boolean;\n};\n\nexport const switchGroupDirections = ['column', 'row'] as const;\nexport type SwitchGroupDirection = typeof switchGroupDirections[number];\nexport const switchGroupDefaultDirection: SwitchGroupDirection =\n switchGroupDirections[0];\n\nexport type SwitchGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type SwitchGroupPropGetItemDisabled<ITEM> = (\n item: ITEM,\n) => boolean \| undefined;\n\nexport type SwitchGroupPropOnChange<ITEM> = (\n value: ITEM[] \| null,\n props: {\n e: React.ChangeEvent<HTMLInputElement>;\n },\n) => void;\n\nexport type SwitchGroupProps<ITEM = SwitchGroupDefaultItem> =\n PropsWithHTMLAttributesAndRef<\n {\n value?: ITEM[] \| null;\n items: ITEM[];\n getItemLabel?: SwitchGroupPropGetItemLabel<ITEM>;\n getItemDisabled?: SwitchGroupPropGetItemDisabled<ITEM>;\n onChange?: SwitchGroupPropOnChange<ITEM>;\n name: string;\n direction?: SwitchGroupDirection;\n size?: SwitchPropSize;\n view?: SwitchPropView;\n disabled?: boolean;\n className?: string;\n },\n HTMLDivElement\n > &\n (ITEM extends { label: SwitchGroupDefaultItem['label'] }\n ? {}\n : {\n getItemLabel: SwitchGroupPropGetItemLabel<ITEM>;\n });\n\nexport type SwitchGroupComponent = <ITEM>(\n props: SwitchGroupProps<ITEM>,\n) => React.~~ReactElement~~ \| null;\n"],"mappings":"AAQA,MAAO,IAAMA,sBAAqB,CAAG,CAAC,QAAD,CAAW,KAAX,CAA9B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,qBAAqB,CAAC,CAAD,CADhB"}
1	+ {"version":3,"file":"types.js","names":["switchGroupDirections","switchGroupDefaultDirection"],"sources":["../../../../../src/components/SwitchGroup/types.ts"],"sourcesContent":["import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { SwitchPropSize, SwitchPropView } from '../Switch/types';\n\nexport type SwitchGroupDefaultItem = {\n label: string;\n disabled?: boolean;\n};\n\nexport const switchGroupDirections = ['column', 'row'] as const;\nexport type SwitchGroupDirection = typeof switchGroupDirections[number];\nexport const switchGroupDefaultDirection: SwitchGroupDirection =\n switchGroupDirections[0];\n\nexport type SwitchGroupPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type SwitchGroupPropGetItemDisabled<ITEM> = (\n item: ITEM,\n) => boolean \| undefined;\n\nexport type SwitchGroupPropOnChange<ITEM> = (\n value: ITEM[] \| null,\n props: {\n e: React.ChangeEvent<HTMLInputElement>;\n },\n) => void;\n\nexport type SwitchGroupProps<ITEM = SwitchGroupDefaultItem> =\n PropsWithHTMLAttributesAndRef<\n {\n value?: ITEM[] \| null;\n items: ITEM[];\n getItemLabel?: SwitchGroupPropGetItemLabel<ITEM>;\n getItemDisabled?: SwitchGroupPropGetItemDisabled<ITEM>;\n onChange?: SwitchGroupPropOnChange<ITEM>;\n name: string;\n direction?: SwitchGroupDirection;\n size?: SwitchPropSize;\n view?: SwitchPropView;\n disabled?: boolean;\n className?: string;\n },\n HTMLDivElement\n > &\n (ITEM extends { label: SwitchGroupDefaultItem['label'] }\n ? {}\n : {\n getItemLabel: SwitchGroupPropGetItemLabel<ITEM>;\n });\n\nexport type SwitchGroupComponent = <ITEM>(\n props: SwitchGroupProps<ITEM>,\n) => React.ReactNode \| null;\n"],"mappings":"AAQA,MAAO,IAAMA,sBAAqB,CAAG,CAAC,QAAD,CAAW,KAAX,CAA9B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,qBAAqB,CAAC,CAAD,CADhB"}

package/__internal__/src/components/Table/Cell/TableCell.d.ts CHANGED Viewed

@@ -32,6 +32,6 @@ type Props<T extends TableRow> = {
 } | {
     type: 'resizer';
 }) & React.RefAttributes<HTMLDivElement>;
-type TableCell = <T extends TableRow>(props: Props<T>) => React.ReactElement | null;
+type TableCell = <T extends TableRow>(props: Props<T>) => React.ReactNode | null;
 export declare const TableCell: TableCell;
 export {};

package/__internal__/src/components/Table/Cell/TableCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableCell.js","names":["React","cn","cnTableCell","verticalAligns","horizontalAligns","getCellClasses","props","column","showVerticalShadow","className","isSticky","isResized","type","isSortable","sortable","isHeader","isResizer","stickyOnTop","stickyOnLeft","isFilterable","filterable","isControl","control","withoutBorder","isClickable","isBorderTop","isBorderLeft","getWrapperClasses","wrapperClassName","withoutPadding","verticalAlign","horizontalAlign","align","wrap","TableCell","forwardRef","ref","style","onClick","onContextMenu","children","propsWithRole","role"],"sources":["../../../../../../src/components/Table/Cell/TableCell.tsx"],"sourcesContent":["import './TableCell.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { TableColumn, TableRow } from '../Table';\n\nconst cnTableCell = cn('TableCell');\n\nexport const verticalAligns = ['top', 'center', 'bottom'] as const;\nexport type VerticalAlign = typeof verticalAligns[number];\nexport const horizontalAligns = ['left', 'center', 'right'] as const;\nexport type HorizontalAlign = typeof horizontalAligns[number];\n\ntype Props<T extends TableRow> = {\n column: TableColumn<T> & {\n isSticky?: boolean;\n isResized?: boolean;\n filterable?: boolean;\n };\n onClick?: (e: React.SyntheticEvent) => void;\n onContextMenu?: (e: React.SyntheticEvent) => void;\n style?: React.CSSProperties;\n className?: string;\n wrapperClassName?: string;\n children: React.ReactNode;\n wrap?: 'truncate' \| 'break';\n showVerticalShadow?: boolean;\n verticalAlign?: VerticalAlign;\n} & (\n \| {\n type: 'header';\n isSticky?: boolean;\n isResized?: boolean;\n }\n \| {\n type: 'content';\n isClickable?: boolean;\n isBorderTop?: boolean;\n isBorderLeft?: boolean;\n }\n \| {\n type: 'resizer';\n }\n) &\n React.RefAttributes<HTMLDivElement>;\n\ntype TableCell = <T extends TableRow>(\n props: Props<T>,\n) => React.~~ReactElement~~ \| null;\n\nconst getCellClasses = <T extends TableRow>(props: Props<T>): string => {\n const { column, showVerticalShadow, className } = props;\n\n return cnTableCell(\n {\n showVerticalShadow,\n isSticky: column.isSticky,\n isResized: props.type === 'header' ? props.isResized : column.isResized,\n isSortable: column.sortable,\n isHeader: props.type === 'header',\n isResizer: props.type === 'resizer',\n stickyOnTop:\n (props.type === 'header' && props.isSticky) \|\| props.type === 'resizer',\n stickyOnLeft: column.isSticky,\n isFilterable: column.filterable,\n isControl: Boolean(column.control),\n withoutBorder: props.type === 'resizer',\n isClickable: 'isClickable' in props && props.isClickable,\n isBorderTop: 'isBorderTop' in props && props.isBorderTop,\n isBorderLeft: 'isBorderLeft' in props && props.isBorderLeft,\n },\n [className],\n );\n};\n\nconst getWrapperClasses = <T extends TableRow>(props: Props<T>): string => {\n const { column, wrapperClassName } = props;\n\n return cnTableCell(\n 'Wrapper',\n {\n withoutPadding: column.withoutPadding \|\| props.type === 'resizer',\n verticalAlign: props.verticalAlign,\n horizontalAlign: column.align,\n isHeader: props.type === 'header',\n wrap: props.wrap,\n },\n [wrapperClassName],\n );\n};\n\nexport const TableCell: TableCell = React.forwardRef((props, ref) => {\n const { style, onClick, onContextMenu, children } = props;\n\n const propsWithRole = onClick\n ? {\n role: 'button',\n onClick,\n }\n : {\n role: 'cell',\n };\n\n return (\n <div\n {...propsWithRole}\n onContextMenu={onContextMenu}\n ref={ref}\n className={getCellClasses(props)}\n style={style}\n >\n <div className={getWrapperClasses(props)}>{children}</div>\n </div>\n );\n});\n"],"mappings":"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"}
1	+ {"version":3,"file":"TableCell.js","names":["React","cn","cnTableCell","verticalAligns","horizontalAligns","getCellClasses","props","column","showVerticalShadow","className","isSticky","isResized","type","isSortable","sortable","isHeader","isResizer","stickyOnTop","stickyOnLeft","isFilterable","filterable","isControl","control","withoutBorder","isClickable","isBorderTop","isBorderLeft","getWrapperClasses","wrapperClassName","withoutPadding","verticalAlign","horizontalAlign","align","wrap","TableCell","forwardRef","ref","style","onClick","onContextMenu","children","propsWithRole","role"],"sources":["../../../../../../src/components/Table/Cell/TableCell.tsx"],"sourcesContent":["import './TableCell.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { TableColumn, TableRow } from '../Table';\n\nconst cnTableCell = cn('TableCell');\n\nexport const verticalAligns = ['top', 'center', 'bottom'] as const;\nexport type VerticalAlign = typeof verticalAligns[number];\nexport const horizontalAligns = ['left', 'center', 'right'] as const;\nexport type HorizontalAlign = typeof horizontalAligns[number];\n\ntype Props<T extends TableRow> = {\n column: TableColumn<T> & {\n isSticky?: boolean;\n isResized?: boolean;\n filterable?: boolean;\n };\n onClick?: (e: React.SyntheticEvent) => void;\n onContextMenu?: (e: React.SyntheticEvent) => void;\n style?: React.CSSProperties;\n className?: string;\n wrapperClassName?: string;\n children: React.ReactNode;\n wrap?: 'truncate' \| 'break';\n showVerticalShadow?: boolean;\n verticalAlign?: VerticalAlign;\n} & (\n \| {\n type: 'header';\n isSticky?: boolean;\n isResized?: boolean;\n }\n \| {\n type: 'content';\n isClickable?: boolean;\n isBorderTop?: boolean;\n isBorderLeft?: boolean;\n }\n \| {\n type: 'resizer';\n }\n) &\n React.RefAttributes<HTMLDivElement>;\n\ntype TableCell = <T extends TableRow>(\n props: Props<T>,\n) => React.ReactNode \| null;\n\nconst getCellClasses = <T extends TableRow>(props: Props<T>): string => {\n const { column, showVerticalShadow, className } = props;\n\n return cnTableCell(\n {\n showVerticalShadow,\n isSticky: column.isSticky,\n isResized: props.type === 'header' ? props.isResized : column.isResized,\n isSortable: column.sortable,\n isHeader: props.type === 'header',\n isResizer: props.type === 'resizer',\n stickyOnTop:\n (props.type === 'header' && props.isSticky) \|\| props.type === 'resizer',\n stickyOnLeft: column.isSticky,\n isFilterable: column.filterable,\n isControl: Boolean(column.control),\n withoutBorder: props.type === 'resizer',\n isClickable: 'isClickable' in props && props.isClickable,\n isBorderTop: 'isBorderTop' in props && props.isBorderTop,\n isBorderLeft: 'isBorderLeft' in props && props.isBorderLeft,\n },\n [className],\n );\n};\n\nconst getWrapperClasses = <T extends TableRow>(props: Props<T>): string => {\n const { column, wrapperClassName } = props;\n\n return cnTableCell(\n 'Wrapper',\n {\n withoutPadding: column.withoutPadding \|\| props.type === 'resizer',\n verticalAlign: props.verticalAlign,\n horizontalAlign: column.align,\n isHeader: props.type === 'header',\n wrap: props.wrap,\n },\n [wrapperClassName],\n );\n};\n\nexport const TableCell: TableCell = React.forwardRef((props, ref) => {\n const { style, onClick, onContextMenu, children } = props;\n\n const propsWithRole = onClick\n ? {\n role: 'button',\n onClick,\n }\n : {\n role: 'cell',\n };\n\n return (\n <div\n {...propsWithRole}\n onContextMenu={onContextMenu}\n ref={ref}\n className={getCellClasses(props)}\n style={style}\n >\n <div className={getWrapperClasses(props)}>{children}</div>\n </div>\n );\n});\n"],"mappings":"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"}

package/__internal__/src/components/Table/Header/TableHeader.d.ts CHANGED Viewed

@@ -25,5 +25,5 @@ type Props<T extends TableRow> = {
     showHorizontalCellShadow: boolean;
     borderBetweenColumns: boolean;
 };
-export declare const TableHeader: <T extends TableRow>({ isStickyHeader, headersWithMetaData, headerRowsHeights, headerRowsRefs, getStickyLeftOffset, stickyColumnsGrid, showVerticalCellShadow, headerVerticalAlign, getSortIcon, handleSortClick, handleFilterTogglerClick, handleCellClick, handleTooltipSave, filters, visibleFilter, selectedFilters, showHorizontalCellShadow, borderBetweenColumns, }: Props<T>) => React.ReactElement;
+export declare const TableHeader: <T extends TableRow>({ isStickyHeader, headersWithMetaData, headerRowsHeights, headerRowsRefs, getStickyLeftOffset, stickyColumnsGrid, showVerticalCellShadow, headerVerticalAlign, getSortIcon, handleSortClick, handleFilterTogglerClick, handleCellClick, handleTooltipSave, filters, visibleFilter, selectedFilters, showHorizontalCellShadow, borderBetweenColumns, }: Props<T>) => React.ReactNode;
 export {};

package/__internal__/src/components/Table/Header/TableHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableHeader.js","names":["React","cn","Button","TableCell","getOptionsForFilters","TableFilterTooltip","cnTableHeader","levelTypes","TableHeader","isStickyHeader","headersWithMetaData","headerRowsHeights","headerRowsRefs","getStickyLeftOffset","stickyColumnsGrid","showVerticalCellShadow","headerVerticalAlign","getSortIcon","handleSortClick","handleFilterTogglerClick","handleCellClick","handleTooltipSave","filters","visibleFilter","selectedFilters","showHorizontalCellShadow","borderBetweenColumns","tableHeaderHeight","reduce","a","b","tableHeaderStyle","getLevelType","column","position","colSpan","smallTextSize","isColumnResized","headers","build","header","columns","forEach","col","find","head","title","push","some","isResized","getFilterPopover","accessor","curFilter","field","FilterComponent","component","name","filterComponentProps","props","onToggle","filterId","id","filterable","selected","type","handleFilterSave","filterValue","value","control","withVerticalBorder","map","columnIdx","style","gridColumnEnd","rowSpan","gridRowEnd","top","slice","level","ref","current","left","gridIndex","topHeaderGridIndex","e","isFirstColumn","isFirst","isFirstRow","isLastInColumn","isSortingActive","isFilterActive","verticalAlign","sortable","show"],"sources":["../../../../../../src/components/Table/Header/TableHeader.tsx"],"sourcesContent":["import './TableHeader.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { Button } from '../../Button/Button';\nimport { TableCell } from '../Cell/TableCell';\nimport {\n FieldSelectedValues,\n Filters,\n getOptionsForFilters,\n SelectedFilters,\n} from '../filtering';\nimport { TableFilterTooltip } from '../FilterTooltip/TableFilterTooltip';\nimport { Header } from '../helpers';\nimport {\n ColumnMetaData,\n HeaderVerticalAlign,\n onCellClick,\n TableColumn,\n TableRow,\n} from '../Table';\n\nconst cnTableHeader = cn('TableHeader');\n\ntype TableCSSCustomProperty = {\n '--table-header-height': string;\n};\n\nexport const levelTypes = ['high', 'low', 'default'] as const;\nexport type LevelType = typeof levelTypes[number];\n\ntype Props<T extends TableRow> = {\n isStickyHeader: boolean;\n headersWithMetaData: Array<Header<T> & ColumnMetaData>;\n headerRowsHeights: Array<number>;\n headerRowsRefs: React.MutableRefObject<Record<number, HTMLDivElement \| null>>;\n getStickyLeftOffset: (\n columnIndex: number,\n topHeaderGridIndex: number,\n ) => number \| undefined;\n stickyColumnsGrid: number;\n showVerticalCellShadow: boolean;\n headerVerticalAlign: HeaderVerticalAlign;\n getSortIcon: (column: Header<T>) => React.FC;\n handleSortClick: (column: TableColumn<T>) => void;\n handleFilterTogglerClick: (id: string) => () => void;\n handleCellClick: onCellClick;\n handleTooltipSave: (\n field: string,\n tooltipSelectedFilters: FieldSelectedValues,\n value?: unknown,\n ) => void;\n filters: Filters<T> \| undefined;\n visibleFilter: string \| null;\n selectedFilters: SelectedFilters;\n showHorizontalCellShadow: boolean;\n borderBetweenColumns: boolean;\n};\n\nexport const TableHeader = <T extends TableRow>({\n isStickyHeader,\n headersWithMetaData,\n headerRowsHeights,\n headerRowsRefs,\n getStickyLeftOffset,\n stickyColumnsGrid,\n showVerticalCellShadow,\n headerVerticalAlign,\n getSortIcon,\n handleSortClick,\n handleFilterTogglerClick,\n handleCellClick,\n handleTooltipSave,\n filters,\n visibleFilter,\n selectedFilters,\n showHorizontalCellShadow,\n borderBetweenColumns,\n}: Props<T>): React.ReactElement => {\n const tableHeaderHeight = headerRowsHeights.reduce(\n (a: number, b: number) => a + b,\n 0,\n );\n const tableHeaderStyle: React.CSSProperties & TableCSSCustomProperty = {\n '--table-header-height': `${tableHeaderHeight}px`,\n };\n const getLevelType = (column: Header<T> & ColumnMetaData): LevelType => {\n if (Number(column.position!.colSpan) >= 1) return 'high';\n if (column.position?.smallTextSize) return 'low';\n return 'default';\n };\n const isColumnResized = (column: Header<T> & ColumnMetaData): boolean => {\n const headers: Array<Header<T> & ColumnMetaData> = [];\n const build = (header: Header<T> & ColumnMetaData) => {\n if (!header.columns) {\n headers.push(header);\n } else {\n header.columns.forEach((col) =>\n build(\n headersWithMetaData.find(\n (head) => head.title === col.title,\n ) as Header<T> & ColumnMetaData,\n ),\n );\n }\n };\n build(column);\n return headers.some((header) => header.isResized);\n };\n\n const getFilterPopover = (\n column: Header<T> & ColumnMetaData,\n ): React.ReactNode => {\n if (!filters \|\| !column.accessor) {\n return null;\n }\n const curFilter = filters.find(({ field }) => field === column.accessor);\n const FilterComponent = curFilter?.component?.name;\n const filterComponentProps = curFilter?.component?.props ?? {};\n const onToggle = handleFilterTogglerClick(column.accessor);\n const filterId = curFilter?.id;\n const handleFilterSave = (filterValue?: unknown) => {\n if (filterId) {\n handleTooltipSave(column.accessor!, [filterId], filterValue);\n }\n onToggle();\n };\n\n return column.filterable ? (\n <TableFilterTooltip\n field={column.accessor}\n isOpened={visibleFilter === column.accessor}\n options={getOptionsForFilters(filters, column.accessor)}\n values={selectedFilters[column.accessor].selected \|\| []}\n onChange={handleTooltipSave}\n onToggle={handleFilterTogglerClick(column.accessor)}\n className={cnTableHeader('Icon', { type: 'filter' })}\n >\n {FilterComponent && (\n <FilterComponent\n {...filterComponentProps}\n onConfirm={handleFilterSave}\n filterValue={selectedFilters[column.accessor]?.value}\n onCancel={handleFilterTogglerClick(column.accessor)}\n />\n )}\n </TableFilterTooltip>\n ) : null;\n };\n\n const control = (column: Header<T> & ColumnMetaData): React.ReactNode => {\n if (column.control) {\n return (\n <div className={cnTableHeader('Control')}>\n {column.control({ column })}\n </div>\n );\n }\n\n return null;\n };\n\n return (\n <>\n <div\n className={cnTableHeader('Row', {\n withVerticalBorder: borderBetweenColumns,\n })}\n >\n {headersWithMetaData.map(\n (column: Header<T> & ColumnMetaData, columnIdx: number) => {\n const style: React.CSSProperties = {};\n if (column.position!.colSpan) {\n style.gridColumnEnd = `span ${column.position!.colSpan}`;\n }\n if (column.position!.rowSpan) {\n style.gridRowEnd = `span ${column.position!.rowSpan}`;\n }\n if (isStickyHeader) {\n style.top = headerRowsHeights\n .slice(0, column.position!.level)\n .reduce((a: number, b: number) => a + b, 0);\n }\n return (\n <TableCell\n type=\"header\"\n key={columnIdx}\n ref={(ref: HTMLDivElement \| null): void => {\n /* eslint-disable-next-line no-param-reassign /\n headerRowsRefs.current[columnIdx] = ref;\n }}\n style={{\n ...style,\n left: getStickyLeftOffset(\n column.position!.gridIndex,\n column.position!.topHeaderGridIndex,\n ),\n }}\n isSticky={isStickyHeader}\n isResized={isColumnResized(column)}\n column={column}\n verticalAlign={headerVerticalAlign}\n onContextMenu={(e: React.SyntheticEvent) =>\n handleCellClick({\n e,\n type: 'contextMenu',\n columnIdx,\n ref: { current: headerRowsRefs.current[columnIdx] },\n })\n }\n onClick={(e: React.SyntheticEvent) =>\n handleCellClick({\n e,\n type: 'click',\n columnIdx,\n ref: { current: headerRowsRefs.current[columnIdx] },\n })\n }\n className={cnTableHeader('Cell', {\n isFirstColumn: column.position?.isFirst,\n isFirstRow: column.position!.level === 0,\n isLastInColumn:\n column.position?.topHeaderGridIndex !==\n headersWithMetaData[columnIdx + 1]?.position\n ?.topHeaderGridIndex,\n level: getLevelType(column),\n })}\n showVerticalShadow={\n showVerticalCellShadow &&\n column.position!.gridIndex! +\n (column?.position!.colSpan \|\| 1) ===\n stickyColumnsGrid\n }\n >\n {column.title}\n\n <div\n className={cnTableHeader('Buttons', {\n isSortingActive: column.isSortingActive,\n isFilterActive: column.isFilterActive,\n verticalAlign: headerVerticalAlign,\n })}\n >\n {column.sortable && (\n <Button\n type=\"button\"\n size=\"xs\"\n iconSize=\"s\"\n view=\"clear\"\n onlyIcon\n onClick={(): void => handleSortClick(column)}\n iconLeft={getSortIcon(column)}\n className={cnTableHeader('Icon', { type: 'sort' })}\n />\n )}\n\n {getFilterPopover(column)}\n\n {control(column)}\n </div>\n </TableCell>\n );\n },\n )}\n </div>\n {/\n Рендерим тень заголовка отдельно чтобы избежать возможных наложений\n теней для ячеек заголовка и ячеек прикрепленных слева.\n */}\n <div className={cnTableHeader('ShadowWrapper')} style={tableHeaderStyle}>\n <div\n className={cnTableHeader('Shadow', {\n show: showHorizontalCellShadow && isStickyHeader,\n })}\n />\n </div>\n </>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"TableHeader.js","names":["React","cn","Button","TableCell","getOptionsForFilters","TableFilterTooltip","cnTableHeader","levelTypes","TableHeader","isStickyHeader","headersWithMetaData","headerRowsHeights","headerRowsRefs","getStickyLeftOffset","stickyColumnsGrid","showVerticalCellShadow","headerVerticalAlign","getSortIcon","handleSortClick","handleFilterTogglerClick","handleCellClick","handleTooltipSave","filters","visibleFilter","selectedFilters","showHorizontalCellShadow","borderBetweenColumns","tableHeaderHeight","reduce","a","b","tableHeaderStyle","getLevelType","column","position","colSpan","smallTextSize","isColumnResized","headers","build","header","columns","forEach","col","find","head","title","push","some","isResized","getFilterPopover","accessor","curFilter","field","FilterComponent","component","name","filterComponentProps","props","onToggle","filterId","id","filterable","selected","type","handleFilterSave","filterValue","value","control","withVerticalBorder","map","columnIdx","style","gridColumnEnd","rowSpan","gridRowEnd","top","slice","level","ref","current","left","gridIndex","topHeaderGridIndex","e","isFirstColumn","isFirst","isFirstRow","isLastInColumn","isSortingActive","isFilterActive","verticalAlign","sortable","show"],"sources":["../../../../../../src/components/Table/Header/TableHeader.tsx"],"sourcesContent":["import './TableHeader.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { Button } from '../../Button/Button';\nimport { TableCell } from '../Cell/TableCell';\nimport {\n FieldSelectedValues,\n Filters,\n getOptionsForFilters,\n SelectedFilters,\n} from '../filtering';\nimport { TableFilterTooltip } from '../FilterTooltip/TableFilterTooltip';\nimport { Header } from '../helpers';\nimport {\n ColumnMetaData,\n HeaderVerticalAlign,\n onCellClick,\n TableColumn,\n TableRow,\n} from '../Table';\n\nconst cnTableHeader = cn('TableHeader');\n\ntype TableCSSCustomProperty = {\n '--table-header-height': string;\n};\n\nexport const levelTypes = ['high', 'low', 'default'] as const;\nexport type LevelType = typeof levelTypes[number];\n\ntype Props<T extends TableRow> = {\n isStickyHeader: boolean;\n headersWithMetaData: Array<Header<T> & ColumnMetaData>;\n headerRowsHeights: Array<number>;\n headerRowsRefs: React.MutableRefObject<Record<number, HTMLDivElement \| null>>;\n getStickyLeftOffset: (\n columnIndex: number,\n topHeaderGridIndex: number,\n ) => number \| undefined;\n stickyColumnsGrid: number;\n showVerticalCellShadow: boolean;\n headerVerticalAlign: HeaderVerticalAlign;\n getSortIcon: (column: Header<T>) => React.FC;\n handleSortClick: (column: TableColumn<T>) => void;\n handleFilterTogglerClick: (id: string) => () => void;\n handleCellClick: onCellClick;\n handleTooltipSave: (\n field: string,\n tooltipSelectedFilters: FieldSelectedValues,\n value?: unknown,\n ) => void;\n filters: Filters<T> \| undefined;\n visibleFilter: string \| null;\n selectedFilters: SelectedFilters;\n showHorizontalCellShadow: boolean;\n borderBetweenColumns: boolean;\n};\n\nexport const TableHeader = <T extends TableRow>({\n isStickyHeader,\n headersWithMetaData,\n headerRowsHeights,\n headerRowsRefs,\n getStickyLeftOffset,\n stickyColumnsGrid,\n showVerticalCellShadow,\n headerVerticalAlign,\n getSortIcon,\n handleSortClick,\n handleFilterTogglerClick,\n handleCellClick,\n handleTooltipSave,\n filters,\n visibleFilter,\n selectedFilters,\n showHorizontalCellShadow,\n borderBetweenColumns,\n}: Props<T>): React.ReactNode => {\n const tableHeaderHeight = headerRowsHeights.reduce(\n (a: number, b: number) => a + b,\n 0,\n );\n const tableHeaderStyle: React.CSSProperties & TableCSSCustomProperty = {\n '--table-header-height': `${tableHeaderHeight}px`,\n };\n const getLevelType = (column: Header<T> & ColumnMetaData): LevelType => {\n if (Number(column.position!.colSpan) >= 1) return 'high';\n if (column.position?.smallTextSize) return 'low';\n return 'default';\n };\n const isColumnResized = (column: Header<T> & ColumnMetaData): boolean => {\n const headers: Array<Header<T> & ColumnMetaData> = [];\n const build = (header: Header<T> & ColumnMetaData) => {\n if (!header.columns) {\n headers.push(header);\n } else {\n header.columns.forEach((col) =>\n build(\n headersWithMetaData.find(\n (head) => head.title === col.title,\n ) as Header<T> & ColumnMetaData,\n ),\n );\n }\n };\n build(column);\n return headers.some((header) => header.isResized);\n };\n\n const getFilterPopover = (\n column: Header<T> & ColumnMetaData,\n ): React.ReactNode => {\n if (!filters \|\| !column.accessor) {\n return null;\n }\n const curFilter = filters.find(({ field }) => field === column.accessor);\n const FilterComponent = curFilter?.component?.name;\n const filterComponentProps = curFilter?.component?.props ?? {};\n const onToggle = handleFilterTogglerClick(column.accessor);\n const filterId = curFilter?.id;\n const handleFilterSave = (filterValue?: unknown) => {\n if (filterId) {\n handleTooltipSave(column.accessor!, [filterId], filterValue);\n }\n onToggle();\n };\n\n return column.filterable ? (\n <TableFilterTooltip\n field={column.accessor}\n isOpened={visibleFilter === column.accessor}\n options={getOptionsForFilters(filters, column.accessor)}\n values={selectedFilters[column.accessor].selected \|\| []}\n onChange={handleTooltipSave}\n onToggle={handleFilterTogglerClick(column.accessor)}\n className={cnTableHeader('Icon', { type: 'filter' })}\n >\n {FilterComponent && (\n <FilterComponent\n {...filterComponentProps}\n onConfirm={handleFilterSave}\n filterValue={selectedFilters[column.accessor]?.value}\n onCancel={handleFilterTogglerClick(column.accessor)}\n />\n )}\n </TableFilterTooltip>\n ) : null;\n };\n\n const control = (column: Header<T> & ColumnMetaData): React.ReactNode => {\n if (column.control) {\n return (\n <div className={cnTableHeader('Control')}>\n {column.control({ column })}\n </div>\n );\n }\n\n return null;\n };\n\n return (\n <>\n <div\n className={cnTableHeader('Row', {\n withVerticalBorder: borderBetweenColumns,\n })}\n >\n {headersWithMetaData.map(\n (column: Header<T> & ColumnMetaData, columnIdx: number) => {\n const style: React.CSSProperties = {};\n if (column.position!.colSpan) {\n style.gridColumnEnd = `span ${column.position!.colSpan}`;\n }\n if (column.position!.rowSpan) {\n style.gridRowEnd = `span ${column.position!.rowSpan}`;\n }\n if (isStickyHeader) {\n style.top = headerRowsHeights\n .slice(0, column.position!.level)\n .reduce((a: number, b: number) => a + b, 0);\n }\n return (\n <TableCell\n type=\"header\"\n key={columnIdx}\n ref={(ref: HTMLDivElement \| null): void => {\n /* eslint-disable-next-line no-param-reassign /\n headerRowsRefs.current[columnIdx] = ref;\n }}\n style={{\n ...style,\n left: getStickyLeftOffset(\n column.position!.gridIndex,\n column.position!.topHeaderGridIndex,\n ),\n }}\n isSticky={isStickyHeader}\n isResized={isColumnResized(column)}\n column={column}\n verticalAlign={headerVerticalAlign}\n onContextMenu={(e: React.SyntheticEvent) =>\n handleCellClick({\n e,\n type: 'contextMenu',\n columnIdx,\n ref: { current: headerRowsRefs.current[columnIdx] },\n })\n }\n onClick={(e: React.SyntheticEvent) =>\n handleCellClick({\n e,\n type: 'click',\n columnIdx,\n ref: { current: headerRowsRefs.current[columnIdx] },\n })\n }\n className={cnTableHeader('Cell', {\n isFirstColumn: column.position?.isFirst,\n isFirstRow: column.position!.level === 0,\n isLastInColumn:\n column.position?.topHeaderGridIndex !==\n headersWithMetaData[columnIdx + 1]?.position\n ?.topHeaderGridIndex,\n level: getLevelType(column),\n })}\n showVerticalShadow={\n showVerticalCellShadow &&\n column.position!.gridIndex! +\n (column?.position!.colSpan \|\| 1) ===\n stickyColumnsGrid\n }\n >\n {column.title}\n\n <div\n className={cnTableHeader('Buttons', {\n isSortingActive: column.isSortingActive,\n isFilterActive: column.isFilterActive,\n verticalAlign: headerVerticalAlign,\n })}\n >\n {column.sortable && (\n <Button\n type=\"button\"\n size=\"xs\"\n iconSize=\"s\"\n view=\"clear\"\n onlyIcon\n onClick={(): void => handleSortClick(column)}\n iconLeft={getSortIcon(column)}\n className={cnTableHeader('Icon', { type: 'sort' })}\n />\n )}\n\n {getFilterPopover(column)}\n\n {control(column)}\n </div>\n </TableCell>\n );\n },\n )}\n </div>\n {/\n Рендерим тень заголовка отдельно чтобы избежать возможных наложений\n теней для ячеек заголовка и ячеек прикрепленных слева.\n */}\n <div className={cnTableHeader('ShadowWrapper')} style={tableHeaderStyle}>\n <div\n className={cnTableHeader('Shadow', {\n show: showHorizontalCellShadow && isStickyHeader,\n })}\n />\n </div>\n </>\n );\n};\n"],"mappings":"qqBAAA,0BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,MAAT,2BACA,OAASC,SAAT,yBACA,OAGEC,oBAHF,oBAMA,OAASC,kBAAT,2CAUA,GAAMC,cAAa,CAAGL,EAAE,CAAC,aAAD,CAAxB,CAMA,MAAO,IAAMM,WAAU,CAAG,CAAC,MAAD,CAAS,KAAT,CAAgB,SAAhB,CAAnB,CA+BP,MAAO,IAAMC,YAAW,CAAG,WAmBM,IAlB/BC,EAkB+B,GAlB/BA,cAkB+B,CAjB/BC,CAiB+B,GAjB/BA,mBAiB+B,CAhB/BC,CAgB+B,GAhB/BA,iBAgB+B,CAf/BC,CAe+B,GAf/BA,cAe+B,CAd/BC,CAc+B,GAd/BA,mBAc+B,CAb/BC,CAa+B,GAb/BA,iBAa+B,CAZ/BC,CAY+B,GAZ/BA,sBAY+B,CAX/BC,CAW+B,GAX/BA,mBAW+B,CAV/BC,CAU+B,GAV/BA,WAU+B,CAT/BC,CAS+B,GAT/BA,eAS+B,CAR/BC,CAQ+B,GAR/BA,wBAQ+B,CAP/BC,CAO+B,GAP/BA,eAO+B,CAN/BC,CAM+B,GAN/BA,iBAM+B,CAL/BC,CAK+B,GAL/BA,OAK+B,CAJ/BC,CAI+B,GAJ/BA,aAI+B,CAH/BC,CAG+B,GAH/BA,eAG+B,CAF/BC,CAE+B,GAF/BA,wBAE+B,CAD/BC,CAC+B,GAD/BA,oBAC+B,CACzBC,CAAiB,CAAGhB,CAAiB,CAACiB,MAAlB,CACxB,SAACC,CAAD,CAAYC,CAAZ,QAA0BD,EAAC,CAAGC,CAA9B,CADwB,CAExB,CAFwB,CADK,CAKzBC,CAA8D,CAAG,CACrE,kCAA4BJ,CAA5B,MADqE,CALxC,CAQzBK,CAAY,CAAG,SAACC,CAAD,CAAmD,aAC9B,EAApC,GAAOA,CAAM,CAACC,QAAP,CAAiBC,OAD0C,CACpB,MADoB,WAElEF,CAAM,CAACC,QAF2D,eAElE,EAAiBE,aAFiD,CAE3B,KAF2B,CAG/D,SACR,CAZ8B,CAazBC,CAAe,CAAG,SAACJ,CAAD,CAAiD,IACjEK,EAA0C,CAAG,EADoB,CAEjEC,CAAK,CAAG,SAACC,CAAD,CAAwC,CAC/CA,CAAM,CAACC,OADwC,CAIlDD,CAAM,CAACC,OAAP,CAAeC,OAAf,CAAuB,SAACC,CAAD,QACrBJ,EAAK,CACH7B,CAAmB,CAACkC,IAApB,CACE,SAACC,CAAD,QAAUA,EAAI,CAACC,KAAL,GAAeH,CAAG,CAACG,KAA7B,CADF,CADG,CADgB,CAAvB,CAJkD,CAElDR,CAAO,CAACS,IAAR,CAAaP,CAAb,CAUH,CAdsE,CAgBvE,MADAD,EAAK,CAACN,CAAD,CACL,CAAOK,CAAO,CAACU,IAAR,CAAa,SAACR,CAAD,QAAYA,EAAM,CAACS,SAAnB,CAAb,CACR,CA9B8B,CAgCzBC,CAAgB,CAAG,SACvBjB,CADuB,CAEH,aACpB,GAAI,CAACX,CAAD,EAAY,CAACW,CAAM,CAACkB,QAAxB,CACE,MAAO,KAAP,CAFkB,GAIdC,EAAS,CAAG9B,CAAO,CAACsB,IAAR,CAAa,eAAGS,EAAH,GAAGA,KAAH,OAAeA,EAAK,GAAKpB,CAAM,CAACkB,QAAhC,CAAb,CAJE,CAKdG,CAAe,QAAGF,CAAH,WAAGA,CAAH,YAAGA,CAAS,CAAEG,SAAd,qBAAG,EAAsBC,IAL1B,CAMdC,CAAoB,kBAAGL,CAAH,WAAGA,CAAH,YAAGA,CAAS,CAAEG,SAAd,qBAAG,EAAsBG,KAAzB,gBAAkC,EANxC,CAOdC,CAAQ,CAAGxC,CAAwB,CAACc,CAAM,CAACkB,QAAR,CAPrB,CAQdS,CAAQ,QAAGR,CAAH,WAAGA,CAAH,QAAGA,CAAS,CAAES,EARR,CAgBpB,MAAO5B,EAAM,CAAC6B,UAAP,CACL,oBAAC,kBAAD,EACE,KAAK,CAAE7B,CAAM,CAACkB,QADhB,CAEE,QAAQ,CAAE5B,CAAa,GAAKU,CAAM,CAACkB,QAFrC,CAGE,OAAO,CAAE/C,oBAAoB,CAACkB,CAAD,CAAUW,CAAM,CAACkB,QAAjB,CAH/B,CAIE,MAAM,CAAE3B,CAAe,CAACS,CAAM,CAACkB,QAAR,CAAf,CAAiCY,QAAjC,EAA6C,EAJvD,CAKE,QAAQ,CAAE1C,CALZ,CAME,QAAQ,CAAEF,CAAwB,CAACc,CAAM,CAACkB,QAAR,CANpC,CAOE,SAAS,CAAE7C,aAAa,CAAC,MAAD,CAAS,CAAE0D,IAAI,CAAE,QAAR,CAAT,CAP1B,EASGV,CAAe,EACd,oBAAC,CAAD,kBACMG,CADN,EAEE,SAAS,CApBQ,QAAnBQ,iBAAmB,CAACC,CAAD,CAA2B,CAC9CN,CAD8C,EAEhDvC,CAAiB,CAACY,CAAM,CAACkB,QAAR,CAAmB,CAACS,CAAD,CAAnB,CAA+BM,CAA/B,CAF+B,CAIlDP,CAAQ,EACT,CAaK,CAGE,WAAW,WAAEnC,CAAe,CAACS,CAAM,CAACkB,QAAR,CAAjB,qBAAE,EAAkCgB,KAHjD,CAIE,QAAQ,CAAEhD,CAAwB,CAACc,CAAM,CAACkB,QAAR,CAJpC,GAVJ,CADK,CAmBH,IACL,CAtE8B,CAwEzBiB,CAAO,CAAG,SAACnC,CAAD,CAAyD,OACnEA,EAAM,CAACmC,OAD4D,CAGnE,2BAAK,SAAS,CAAE9D,aAAa,CAAC,SAAD,CAA7B,EACG2B,CAAM,CAACmC,OAAP,CAAe,CAAEnC,MAAM,CAANA,CAAF,CAAf,CADH,CAHmE,CAShE,IACR,CAlF8B,CAoF/B,MACE,yCACE,2BACE,SAAS,CAAE3B,aAAa,CAAC,KAAD,CAAQ,CAC9B+D,kBAAkB,CAAE3C,CADU,CAAR,CAD1B,EAKGhB,CAAmB,CAAC4D,GAApB,CACC,SAACrC,CAAD,CAAqCsC,CAArC,CAA2D,aACnDC,CAA0B,CAAG,EADsB,CAazD,MAXIvC,EAAM,CAACC,QAAP,CAAiBC,OAWrB,GAVEqC,CAAK,CAACC,aAAN,gBAA8BxC,CAAM,CAACC,QAAP,CAAiBC,OAA/C,CAUF,EARIF,CAAM,CAACC,QAAP,CAAiBwC,OAQrB,GAPEF,CAAK,CAACG,UAAN,gBAA2B1C,CAAM,CAACC,QAAP,CAAiBwC,OAA5C,CAOF,EALIjE,CAKJ,GAJE+D,CAAK,CAACI,GAAN,CAAYjE,CAAiB,CAC1BkE,KADS,CACH,CADG,CACA5C,CAAM,CAACC,QAAP,CAAiB4C,KADjB,EAETlD,MAFS,CAEF,SAACC,CAAD,CAAYC,CAAZ,QAA0BD,EAAC,CAAGC,CAA9B,CAFE,CAE+B,CAF/B,CAId,EACE,oBAAC,SAAD,EACE,IAAI,CAAC,QADP,CAEE,GAAG,CAAEyC,CAFP,CAGE,GAAG,CAAE,aAACQ,CAAD,CAAsC,CAEzCnE,CAAc,CAACoE,OAAf,CAAuBT,CAAvB,EAAoCQ,CACrC,CANH,CAOE,KAAK,gCACAP,CADA,MAEHS,IAAI,CAAEpE,CAAmB,CACvBoB,CAAM,CAACC,QAAP,CAAiBgD,SADM,CAEvBjD,CAAM,CAACC,QAAP,CAAiBiD,kBAFM,CAFtB,EAPP,CAcE,QAAQ,CAAE1E,CAdZ,CAeE,SAAS,CAAE4B,CAAe,CAACJ,CAAD,CAf5B,CAgBE,MAAM,CAAEA,CAhBV,CAiBE,aAAa,CAAEjB,CAjBjB,CAkBE,aAAa,CAAE,uBAACoE,CAAD,QACbhE,EAAe,CAAC,CACdgE,CAAC,CAADA,CADc,CAEdpB,IAAI,CAAE,aAFQ,CAGdO,SAAS,CAATA,CAHc,CAIdQ,GAAG,CAAE,CAAEC,OAAO,CAAEpE,CAAc,CAACoE,OAAf,CAAuBT,CAAvB,CAAX,CAJS,CAAD,CADF,CAlBjB,CA0BE,OAAO,CAAE,iBAACa,CAAD,QACPhE,EAAe,CAAC,CACdgE,CAAC,CAADA,CADc,CAEdpB,IAAI,CAAE,OAFQ,CAGdO,SAAS,CAATA,CAHc,CAIdQ,GAAG,CAAE,CAAEC,OAAO,CAAEpE,CAAc,CAACoE,OAAf,CAAuBT,CAAvB,CAAX,CAJS,CAAD,CADR,CA1BX,CAkCE,SAAS,CAAEjE,aAAa,CAAC,MAAD,CAAS,CAC/B+E,aAAa,WAAEpD,CAAM,CAACC,QAAT,qBAAE,EAAiBoD,OADD,CAE/BC,UAAU,CAA6B,CAA3B,GAAAtD,CAAM,CAACC,QAAP,CAAiB4C,KAFE,CAG/BU,cAAc,CACZ,WAAAvD,CAAM,CAACC,QAAP,uBAAiBiD,kBAAjB,eACAzE,CAAmB,CAAC6D,CAAS,CAAG,CAAb,CADnB,yBACA,EAAoCrC,QADpC,qBACA,EACIiD,kBAFJ,CAJ6B,CAO/BL,KAAK,CAAE9C,CAAY,CAACC,CAAD,CAPY,CAAT,CAlC1B,CA2CE,kBAAkB,CAChBlB,CAAsB,EACtBkB,CAAM,CAACC,QAAP,CAAiBgD,SAAjB,EACG,QAAAjD,CAAM,WAANA,CAAA,QAAAA,CAAM,CAAEC,QAAR,CAAkBC,OAAlB,GAA6B,CADhC,IAEErB,CA/CN,EAkDGmB,CAAM,CAACa,KAlDV,CAoDE,2BACE,SAAS,CAAExC,aAAa,CAAC,SAAD,CAAY,CAClCmF,eAAe,CAAExD,CAAM,CAACwD,eADU,CAElCC,cAAc,CAAEzD,CAAM,CAACyD,cAFW,CAGlCC,aAAa,CAAE3E,CAHmB,CAAZ,CAD1B,EAOGiB,CAAM,CAAC2D,QAAP,EACC,oBAAC,MAAD,EACE,IAAI,CAAC,QADP,CAEE,IAAI,CAAC,IAFP,CAGE,QAAQ,CAAC,GAHX,CAIE,IAAI,CAAC,OAJP,CAKE,QAAQ,GALV,CAME,OAAO,CAAE,yBAAY1E,EAAe,CAACe,CAAD,CAA3B,CANX,CAOE,QAAQ,CAAEhB,CAAW,CAACgB,CAAD,CAPvB,CAQE,SAAS,CAAE3B,aAAa,CAAC,MAAD,CAAS,CAAE0D,IAAI,CAAE,MAAR,CAAT,CAR1B,EARJ,CAoBGd,CAAgB,CAACjB,CAAD,CApBnB,CAsBGmC,CAAO,CAACnC,CAAD,CAtBV,CApDF,CA8EH,CA7FF,CALH,CADF,CA0GE,2BAAK,SAAS,CAAE3B,aAAa,CAAC,eAAD,CAA7B,CAAgD,KAAK,CAAEyB,CAAvD,EACE,2BACE,SAAS,CAAEzB,aAAa,CAAC,QAAD,CAAW,CACjCuF,IAAI,CAAEpE,CAAwB,EAAIhB,CADD,CAAX,CAD1B,EADF,CA1GF,CAmHH,CA3NM"}

package/__internal__/src/components/Table/Resizer/TableResizer.d.ts CHANGED Viewed

@@ -18,6 +18,6 @@ export declare class TableResizer extends React.Component<Props, {
     onMouseMove: (e: MouseEvent) => void;
     onMouseUp: () => void;
     removeListeners: () => void;
-    render(): JSX.Element;
+    render(): React.ReactNode;
 }
 export {};

package/__internal__/src/components/Table/Resizer/TableResizer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableResizer.js","names":["React","cn","cnTableResizer","TableResizer","isDragging","setState","document","addEventListener","onMouseMove","onMouseUp","e","movementX","props","onResize","removeListeners","removeEventListener","state","isVisible","height","top","onMouseDown","onDoubleClick","Component"],"sources":["../../../../../../src/components/Table/Resizer/TableResizer.tsx"],"sourcesContent":["import './TableResizer.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\n\nconst cnTableResizer = cn('TableResizer');\n\ntype Props = {\n height: number;\n top: number;\n isVisible?: boolean;\n onResize: (delta: number) => void;\n onDoubleClick: () => void;\n};\n\n/* Сделано классом, чтобы функции событий на document имели доступ к актуальному состоянию/пропсам без пересоздания подписок */\nexport class TableResizer extends React.Component<\n Props,\n { isDragging: boolean }\n> {\n state = {\n isDragging: false,\n };\n\n componentWillUnmount(): void {\n this.removeListeners();\n }\n\n onMouseDown = (): void => {\n this.setState({ isDragging: true });\n\n document.addEventListener('mousemove', this.onMouseMove);\n document.addEventListener('mouseup', this.onMouseUp);\n };\n\n onMouseMove = (e: MouseEvent): void => {\n if (e.movementX) {\n this.props.onResize(e.movementX);\n }\n };\n\n onMouseUp = (): void => {\n this.setState({ isDragging: false });\n\n this.removeListeners();\n };\n\n removeListeners = (): void => {\n document.removeEventListener('mousemove', this.onMouseMove);\n document.removeEventListener('mouseup', this.onMouseUp);\n };\n\n render(): ~~JSX~~.~~Element~~ {\n return (\n <div\n className={cnTableResizer({\n isDragging: this.state.isDragging,\n isVisible: this.props.isVisible,\n })}\n aria-hidden\n style={{ height: this.props.height, top: this.props.top }}\n onMouseDown={this.onMouseDown}\n onDoubleClick={this.props.onDoubleClick}\n />\n );\n }\n}\n"],"mappings":"+/BAAA,2BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAEA,GAAMC,eAAc,CAAGD,EAAE,CAAC,cAAD,CAAzB,CAWA,UAAaE,aAAb,wNAIU,CACNC,UAAU,GADJ,CAJV,0DAYgB,UAAY,CACxB,EAAKC,QAAL,CAAc,CAAED,UAAU,GAAZ,CAAd,CADwB,CAGxBE,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,CAAuC,EAAKC,WAA5C,CAHwB,CAIxBF,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,CAAqC,EAAKE,SAA1C,CACD,CAjBH,0DAmBgB,SAACC,CAAD,CAAyB,CACjCA,CAAC,CAACC,SAD+B,EAEnC,EAAKC,KAAL,CAAWC,QAAX,CAAoBH,CAAC,CAACC,SAAtB,CAEH,CAvBH,wDAyBc,UAAY,CACtB,EAAKN,QAAL,CAAc,CAAED,UAAU,GAAZ,CAAd,CADsB,CAGtB,EAAKU,eAAL,EACD,CA7BH,8DA+BoB,UAAY,CAC5BR,QAAQ,CAACS,mBAAT,CAA6B,WAA7B,CAA0C,EAAKP,WAA/C,CAD4B,CAE5BF,QAAQ,CAACS,mBAAT,CAA6B,SAA7B,CAAwC,EAAKN,SAA7C,CACD,CAlCH,kGAQE,+BAA6B,CAC3B,KAAKK,eAAL,EACD,CAVH,sBAoCE,~~iBAAsB~~,~~CACpB~~,MACE,4BACE,SAAS,CAAEZ,cAAc,CAAC,CACxBE,UAAU,CAAE,KAAKY,KAAL,CAAWZ,UADC,CAExBa,SAAS,CAAE,KAAKL,KAAL,CAAWK,SAFE,CAAD,CAD3B,CAKE,gBALF,CAME,KAAK,CAAE,CAAEC,MAAM,CAAE,KAAKN,KAAL,CAAWM,MAArB,CAA6BC,GAAG,CAAE,KAAKP,KAAL,CAAWO,GAA7C,CANT,CAOE,WAAW,CAAE,KAAKC,WAPpB,CAQE,aAAa,CAAE,KAAKR,KAAL,CAAWS,aAR5B,EAWH,CAjDH,OAAkCrB,KAAK,CAACsB,SAAxC"}
1	+ {"version":3,"file":"TableResizer.js","names":["React","cn","cnTableResizer","TableResizer","isDragging","setState","document","addEventListener","onMouseMove","onMouseUp","e","movementX","props","onResize","removeListeners","removeEventListener","state","isVisible","height","top","onMouseDown","onDoubleClick","Component"],"sources":["../../../../../../src/components/Table/Resizer/TableResizer.tsx"],"sourcesContent":["import './TableResizer.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\n\nconst cnTableResizer = cn('TableResizer');\n\ntype Props = {\n height: number;\n top: number;\n isVisible?: boolean;\n onResize: (delta: number) => void;\n onDoubleClick: () => void;\n};\n\n/* Сделано классом, чтобы функции событий на document имели доступ к актуальному состоянию/пропсам без пересоздания подписок */\nexport class TableResizer extends React.Component<\n Props,\n { isDragging: boolean }\n> {\n state = {\n isDragging: false,\n };\n\n componentWillUnmount(): void {\n this.removeListeners();\n }\n\n onMouseDown = (): void => {\n this.setState({ isDragging: true });\n\n document.addEventListener('mousemove', this.onMouseMove);\n document.addEventListener('mouseup', this.onMouseUp);\n };\n\n onMouseMove = (e: MouseEvent): void => {\n if (e.movementX) {\n this.props.onResize(e.movementX);\n }\n };\n\n onMouseUp = (): void => {\n this.setState({ isDragging: false });\n\n this.removeListeners();\n };\n\n removeListeners = (): void => {\n document.removeEventListener('mousemove', this.onMouseMove);\n document.removeEventListener('mouseup', this.onMouseUp);\n };\n\n render(): React.ReactNode {\n return (\n <div\n className={cnTableResizer({\n isDragging: this.state.isDragging,\n isVisible: this.props.isVisible,\n })}\n aria-hidden\n style={{ height: this.props.height, top: this.props.top }}\n onMouseDown={this.onMouseDown}\n onDoubleClick={this.props.onDoubleClick}\n />\n );\n }\n}\n"],"mappings":"+/BAAA,2BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAEA,GAAMC,eAAc,CAAGD,EAAE,CAAC,cAAD,CAAzB,CAWA,UAAaE,aAAb,wNAIU,CACNC,UAAU,GADJ,CAJV,0DAYgB,UAAY,CACxB,EAAKC,QAAL,CAAc,CAAED,UAAU,GAAZ,CAAd,CADwB,CAGxBE,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,CAAuC,EAAKC,WAA5C,CAHwB,CAIxBF,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,CAAqC,EAAKE,SAA1C,CACD,CAjBH,0DAmBgB,SAACC,CAAD,CAAyB,CACjCA,CAAC,CAACC,SAD+B,EAEnC,EAAKC,KAAL,CAAWC,QAAX,CAAoBH,CAAC,CAACC,SAAtB,CAEH,CAvBH,wDAyBc,UAAY,CACtB,EAAKN,QAAL,CAAc,CAAED,UAAU,GAAZ,CAAd,CADsB,CAGtB,EAAKU,eAAL,EACD,CA7BH,8DA+BoB,UAAY,CAC5BR,QAAQ,CAACS,mBAAT,CAA6B,WAA7B,CAA0C,EAAKP,WAA/C,CAD4B,CAE5BF,QAAQ,CAACS,mBAAT,CAA6B,SAA7B,CAAwC,EAAKN,SAA7C,CACD,CAlCH,kGAQE,+BAA6B,CAC3B,KAAKK,eAAL,EACD,CAVH,sBAoCE,iBAA0B,CACxB,MACE,4BACE,SAAS,CAAEZ,cAAc,CAAC,CACxBE,UAAU,CAAE,KAAKY,KAAL,CAAWZ,UADC,CAExBa,SAAS,CAAE,KAAKL,KAAL,CAAWK,SAFE,CAAD,CAD3B,CAKE,gBALF,CAME,KAAK,CAAE,CAAEC,MAAM,CAAE,KAAKN,KAAL,CAAWM,MAArB,CAA6BC,GAAG,CAAE,KAAKP,KAAL,CAAWO,GAA7C,CANT,CAOE,WAAW,CAAE,KAAKC,WAPpB,CAQE,aAAa,CAAE,KAAKR,KAAL,CAAWS,aAR5B,EAWH,CAjDH,OAAkCrB,KAAK,CAACsB,SAAxC"}

package/__internal__/src/components/Table/Table.d.ts CHANGED Viewed

@@ -134,7 +134,7 @@ export type TableProps<T extends TableRow> = {
 };
 type Table = <T extends TableRow>(props: TableProps<T> & {
     ref?: React.Ref<HTMLDivElement>;
-}) => React.ReactElement | null;
+}) => React.ReactNode | null;
 export type ColumnMetaData = {
     filterable: boolean;
     isSortingActive: boolean;