@consta/uikit 3.4.0 → 3.8.0

package/__internal__/src/components/Table/TextFilter/TableTextFilter.js

@@ -36,6 +36,7 @@ export var TableTextFilter = function (_a) {
         filteredItems,
         checkboxGroupValue,
     ]);
+    var isSelected = useMemo(function () { return checkboxGroupValue === null || checkboxGroupValue === void 0 ? void 0 : checkboxGroupValue.length; }, [checkboxGroupValue]);
     return (React.createElement(TableFilterContainer, { title: title, onCancel: onCancel, onConfirm: confirmHandler },
         withSearch && (React.createElement(TextField, { value: searchValue, onChange: function (_a) {
                 var value = _a.value;
@@ -43,7 +44,7 @@ export var TableTextFilter = function (_a) {
             }, leftSide: IconSearch, size: "s", placeholder: "\u041D\u0430\u0439\u0442\u0438 \u0432 \u0441\u043F\u0438\u0441\u043A\u0435", width: "full", className: cnTextFilter('Searchbar') })),
         React.createElement("div", { className: cnTextFilter('Controls') },
             React.createElement(Button, { size: "m", form: "brick", label: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435", view: "clear", onClick: setAll, disabled: !filteredItems.length || isAllSelected }),
-            React.createElement(Button, { size: "m", form: "brick", label: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C", view: "clear", onClick: resetHandler, disabled: !filteredItems.length })),
+            React.createElement(Button, { size: "m", form: "brick", label: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C", view: "clear", onClick: resetHandler, disabled: !filteredItems.length || !isSelected })),
         React.createElement("div", { className: cnTextFilter('Checkboxes') }, filteredItems.length ? (React.createElement(CheckboxGroup, { items: filteredItems, value: checkboxGroupValue, getLabel: function (item) { return item.name; }, onChange: function (_a) {
                 var value = _a.value;
                 setCheckboxGroupValue(value);

package/__internal__/src/components/Table/filtering.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
 import { TableColumn, TableRow, ValueOf } from './Table';
 export declare type FilterComponentProps = {
-    onConfirm: (value: any) => void;
+    onConfirm: (value: unknown) => void;
     onCancel: () => void;
-    filterValue?: any;
+    filterValue?: unknown;
 } & Record<string, unknown>;
 export declare type Filters<T extends TableRow> = ValueOf<{
     [K in keyof T]: {
         id: string;
         name: string;
         field: K extends string ? K : never;
-        filterer(value: any, filterValue?: any): boolean;
+        filterer(value: any, filterValue?: unknown): boolean;
     } & ({
         component?: never;
     } | {
@@ -56,7 +56,7 @@ export declare const filterTableData: <T extends TableRow>({ data, filters, sele
 }) => T[];
 export declare const useSelectedFilters: <T extends TableRow>(filters?: Filters<T> | undefined, onFiltersUpdated?: ((filters: SelectedFilters) => void) | undefined) => {
     selectedFilters: SelectedFilters;
-    updateSelectedFilters: (field: string, tooltipSelectedFilters: FieldSelectedValues, value?: any) => void;
+    updateSelectedFilters: (field: string, tooltipSelectedFilters: FieldSelectedValues, value?: unknown) => void;
     removeOneSelectedFilter: (availableFilters: Filters<T>, filter: string) => void;
     removeAllSelectedFilters: (availableFilters: Filters<T>) => void;
 };

package/__internal__/src/components/Table/helpers.d.ts

@@ -53,6 +53,7 @@ export declare const transformColumns: <T extends TableRow>(columns: TableColumn
     order?: "desc" | "asc" | "ASC" | "DESC" | undefined;
     sortFn?(a: T[K], b: T[K]): number;
     renderCell?: ((row: T) => React.ReactNode) | undefined;
+    getComparisonValue?: ((cell: T[K]) => React.ReactText) | undefined;
 }; }>]?: undefined; } & {
     position: Position;
 }) | ({
@@ -69,6 +70,7 @@ export declare const transformColumns: <T extends TableRow>(columns: TableColumn
     order?: "desc" | "asc" | "ASC" | "DESC" | undefined;
     sortFn?(a: T[K], b: T[K]): number;
     renderCell?: ((row: T) => React.ReactNode) | undefined;
+    getComparisonValue?: ((cell: T[K]) => React.ReactText) | undefined;
 }; }> & {
     columns?: undefined;
 } & {

package/__internal__/src/components/Table/helpers.js

@@ -1,6 +1,6 @@
 import { __assign, __read, __spread } from "tslib";
 import React from 'react';
-import { isNotNil, isString } from '../../utils/type-guards';
+import { isNotNil, isNumber, isString } from '../../utils/type-guards';
 export var Order = {
     ASC: 'ASC',
     asc: 'asc',
@@ -8,7 +8,9 @@ export var Order = {
     desc: 'desc'
 };
 export var getColumnsSize = function (sizes) {
-    return sizes.map(function (s) { return (s ? s + "px" : "minmax(min-content, " + 100 / sizes.length + "%)"); }).join(' ');
+    return sizes
+        .map(function (s) { return (isNumber(s) ? s + "px" : "minmax(min-content, " + 100 / sizes.length + "%)"); })
+        .join(' ');
 };
 export var getColumnLeftOffset = function (_a) {
     var columnIndex = _a.columnIndex, resizedColumnWidths = _a.resizedColumnWidths, initialColumnWidths = _a.initialColumnWidths;

package/__internal__/src/components/TagBase/TagBase.d.ts

@@ -6,7 +6,7 @@ export declare const tagBasePropSizeDefault: "m";
 export declare type TagBasePropSize = typeof tagBasePropSize[number];
 export declare const tagBasePropGroupNumberValue: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9];
 export declare const tagBasePropGroupStringValue: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
-export declare const tagBasePropGroup: ("1" | 4 | 2 | 7 | 1 | 5 | 3 | 6 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9")[];
+export declare const tagBasePropGroup: ("1" | 1 | 2 | 4 | 3 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9")[];
 export declare type TagBasePropGroup = typeof tagBasePropGroup[number];
 export declare const tagBasePropView: readonly ["stroked", "filled"];
 export declare const tagBasePropViewDefault: "stroked";

package/__internal__/src/components/Text/Text.css

@@ -169,3 +169,9 @@
   .Text_width_default {
       max-width: 75ch;
     }
+  .Text_truncate {
+    overflow: hidden;
+    max-width: 100%;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }

package/__internal__/src/components/Text/Text.d.ts

@@ -30,7 +30,7 @@ export declare const textPropTransform: readonly ["uppercase"];
 export declare type TextPropTransform = typeof textPropTransform[number];
 export declare const textPropWidth: readonly ["default"];
 export declare type TextPropWidth = typeof textPropWidth[number];
-declare type Props = {
+export declare type TextProps = {
     align?: TextPropAlign;
     cursor?: TextPropCursor;
     decoration?: TextPropDecoration;
@@ -45,7 +45,7 @@ declare type Props = {
     view?: TextPropView;
     weight?: TextPropWeight;
     width?: TextPropWidth;
+    truncate?: boolean;
 };
 export declare const cnText: import("@bem-react/classname").ClassNameFormatter;
-export declare const Text: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<Props, "div">;
-export {};
+export declare const Text: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<TextProps, "div">;

package/__internal__/src/components/Text/Text.js

@@ -45,7 +45,7 @@ export var textPropTransform = ['uppercase'];
 export var textPropWidth = ['default'];
 export var cnText = cn('Text');
 export var Text = forwardRefWithAs(function (props, ref) {
-    var _a = props.as, as = _a === void 0 ? 'div' : _a, align = props.align, cursor = props.cursor, decoration = props.decoration, display = props.display, font = props.font, _b = props.lineHeight, lineHeight = _b === void 0 ? textPropLineHeightDefault : _b, _c = props.size, size = _c === void 0 ? textPropSizeDefault : _c, spacing = props.spacing, fontStyle = props.fontStyle, transform = props.transform, type = props.type, _d = props.view, view = _d === void 0 ? textPropViewDefault : _d, weight = props.weight, width = props.width, className = props.className, children = props.children, otherProps = __rest(props, ["as", "align", "cursor", "decoration", "display", "font", "lineHeight", "size", "spacing", "fontStyle", "transform", "type", "view", "weight", "width", "className", "children"]);
+    var _a = props.as, as = _a === void 0 ? 'div' : _a, align = props.align, cursor = props.cursor, decoration = props.decoration, display = props.display, font = props.font, _b = props.lineHeight, lineHeight = _b === void 0 ? textPropLineHeightDefault : _b, _c = props.size, size = _c === void 0 ? textPropSizeDefault : _c, spacing = props.spacing, fontStyle = props.fontStyle, transform = props.transform, type = props.type, _d = props.view, view = _d === void 0 ? textPropViewDefault : _d, weight = props.weight, width = props.width, className = props.className, children = props.children, _e = props.truncate, truncate = _e === void 0 ? false : _e, otherProps = __rest(props, ["as", "align", "cursor", "decoration", "display", "font", "lineHeight", "size", "spacing", "fontStyle", "transform", "type", "view", "weight", "width", "className", "children", "truncate"]);
     var Tag = as;
     return (React.createElement(Tag, __assign({}, otherProps, { className: cnText({
             align: align,
@@ -61,6 +61,7 @@ export var Text = forwardRefWithAs(function (props, ref) {
             type: type,
             view: view,
             weight: weight,
-            width: width
+            width: width,
+            truncate: truncate
         }, [className]), ref: ref }), children));
 });