@true-engineering/true-react-common-ui-kit 4.0.0-alpha17 → 4.0.0-alpha19

package/dist/components/FiltersPane/FiltersPane.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ICommonProps } from '../../types';
+import { IIcon } from '../Icon';
 import { IFiltersPaneSearchProps } from './components';
 import { ConfigType, IFilterLocaleKey, IPartialFilterLocale } from './types';
 import { IFiltersPaneStyles } from './FiltersPane.styles';
@@ -17,8 +18,10 @@ export interface IFiltersPaneProps<Values extends Record<string, unknown>, Conte
     hasClearButton?: boolean;
     /** @default false */
     shouldRenderDataId?: boolean;
+    /** @default 'filter' */
+    settingsIcon?: IIcon;
     onChangeFilters: (values: Partial<Values>) => void;
     onSettingsButtonClick?: () => void;
     onClear?: () => void;
 }
-export declare function FiltersPane<Values extends Record<string, unknown>, Content = Values>({ data, tweakStyles, filtersConfig, enabledFilters, values, localeKey, locale, search, isDisabled, hasClearButton, shouldRenderDataId, testId, onChangeFilters, onSettingsButtonClick, onClear, }: IFiltersPaneProps<Values, Content>): JSX.Element;
+export declare function FiltersPane<Values extends Record<string, unknown>, Content = Values>({ data, tweakStyles, filtersConfig, enabledFilters, values, localeKey, locale, search, isDisabled, hasClearButton, shouldRenderDataId, settingsIcon, testId, onChangeFilters, onSettingsButtonClick, onClear, }: IFiltersPaneProps<Values, Content>): JSX.Element;

package/dist/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.d.ts

@@ -1,14 +1,15 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { ICommonProps } from '../../../../types';
 import { ITableRow, IValueComponentProps, IFlexibleTableConfigType, IFlexibleTableRenderMode, IHeaderContent } from '../../types';
 import { IFlexibleTableCellStyles } from './FlexibleTableCell.styles';
-export interface IFlexibleTableCellProps<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>> extends Pick<ICommonProps<IFlexibleTableCellStyles>, 'tweakStyles'>, Pick<IValueComponentProps<Row, unknown>, 'isFocusedRow' | 'isActiveRow' | 'isNestedComponentExpanded' | 'isRowNestedComponentExpanded' | 'onSetNestedComponent'> {
+export interface IFlexibleTableCellProps<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>> extends Pick<ICommonProps<IFlexibleTableCellStyles>, 'tweakStyles'>, Pick<IValueComponentProps<Row, unknown>, 'isFocusedRow' | 'isActiveRow' | 'isNestedComponentExpanded' | 'isRowNestedComponentExpanded'> {
     row: Row;
     columnName: keyof Row;
+    updateNestedComponent: (component: ReactNode, cellKey: keyof Row) => void;
     config: IFlexibleTableConfigType<Row, HeaderContent>;
     renderMode: IFlexibleTableRenderMode;
     isSecond?: boolean;
     isSticky?: boolean;
     isLoading?: boolean;
 }
-export declare function FlexibleTableCell<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>>({ row, columnName, config, renderMode, isSecond, isSticky: isOldSticky, isLoading, tweakStyles, ...valueComponentProps }: IFlexibleTableCellProps<Row, HeaderContent>): JSX.Element;
+export declare function FlexibleTableCell<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>>({ row, columnName, config, renderMode, isSecond, isSticky: isOldSticky, isLoading, updateNestedComponent, tweakStyles, ...valueComponentProps }: IFlexibleTableCellProps<Row, HeaderContent>): JSX.Element;

package/dist/components/FlexibleTable/types.d.ts

@@ -21,16 +21,16 @@ export interface IFlexibleTableRowConfig<Values extends ITableRow, Key extends k
     title?: IRenderNode<ITitleComponentProps<HeaderContent[Key]>>;
     component?: IRenderNode<IValueComponentProps<Values, NonNullable<Values[Key]>>>;
     dateFormat?: string;
-    minWidth?: string | number;
-    width?: string | number;
-    maxWidth?: string | number;
+    minWidth?: CSSProperties['minWidth'];
+    width?: CSSProperties['width'];
+    maxWidth?: CSSProperties['maxWidth'];
     /** @default 'left' */
     titleAlign?: CSSProperties['textAlign'];
     cellAlign?: CSSProperties['textAlign'];
     cellVerticalAlign?: CSSProperties['verticalAlign'];
     position?: CSSProperties['position'];
-    right?: number;
-    left?: number;
+    right?: CSSProperties['right'];
+    left?: CSSProperties['left'];
     shouldRenderDataId?: boolean;
     /**
      * Проверка, нужно ли отрисовать component
@@ -50,8 +50,8 @@ export interface IInfinityScrollConfig {
     isLastPage: boolean;
     onInfinityScroll: (skip: number) => void;
 }
-export interface INestedComponent {
+export interface INestedComponent<T extends PropertyKey = string> {
     isOpen: boolean;
     component?: ReactNode;
-    cellKey?: string;
+    cellKey?: T;
 }

package/dist/true-react-common-ui-kit.js

@@ -20544,7 +20544,7 @@ function _object_spread_props$n(target, source) {
   return target;
 }
 function FiltersPane(param) {
-  var data = param.data, tweakStyles = param.tweakStyles, filtersConfig = param.filtersConfig, enabledFilters = param.enabledFilters, _param_values = param.values, values = _param_values === void 0 ? {} : _param_values, localeKey = param.localeKey, locale2 = param.locale, search = param.search, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_hasClearButton = param.hasClearButton, hasClearButton = _param_hasClearButton === void 0 ? true : _param_hasClearButton, _param_shouldRenderDataId = param.shouldRenderDataId, shouldRenderDataId = _param_shouldRenderDataId === void 0 ? false : _param_shouldRenderDataId, testId = param.testId, onChangeFilters = param.onChangeFilters, onSettingsButtonClick = param.onSettingsButtonClick, onClear = param.onClear;
+  var data = param.data, tweakStyles = param.tweakStyles, filtersConfig = param.filtersConfig, enabledFilters = param.enabledFilters, _param_values = param.values, values = _param_values === void 0 ? {} : _param_values, localeKey = param.localeKey, locale2 = param.locale, search = param.search, _param_isDisabled = param.isDisabled, isDisabled = _param_isDisabled === void 0 ? false : _param_isDisabled, _param_hasClearButton = param.hasClearButton, hasClearButton = _param_hasClearButton === void 0 ? true : _param_hasClearButton, _param_shouldRenderDataId = param.shouldRenderDataId, shouldRenderDataId = _param_shouldRenderDataId === void 0 ? false : _param_shouldRenderDataId, _param_settingsIcon = param.settingsIcon, settingsIcon = _param_settingsIcon === void 0 ? "filter" : _param_settingsIcon, testId = param.testId, onChangeFilters = param.onChangeFilters, onSettingsButtonClick = param.onSettingsButtonClick, onClear = param.onClear;
   var classes = useStyles$u({
     theme: tweakStyles
   });
@@ -20603,9 +20603,7 @@ function FiltersPane(param) {
         onClick: !isDisabled ? onSettingsButtonClick : void 0,
         children: /* @__PURE__ */ jsx("div", {
           className: classes.settingsIcon,
-          children: /* @__PURE__ */ jsx(Icon, {
-            type: "filter"
-          })
+          children: renderIcon(settingsIcon)
         })
       })),
       search !== void 0 && /* @__PURE__ */ jsx(FiltersPaneSearch, _object_spread_props$n(_object_spread$o({}, search), {
@@ -27167,7 +27165,7 @@ function _object_without_properties_loose$9(source, excluded) {
   return target;
 }
 function FlexibleTableCell(_param) {
-  var row = _param.row, columnName = _param.columnName, config = _param.config, renderMode = _param.renderMode, isSecond = _param.isSecond, isOldSticky = _param.isSticky, isLoading = _param.isLoading, tweakStyles = _param.tweakStyles, valueComponentProps = _object_without_properties$9(_param, [
+  var row = _param.row, columnName = _param.columnName, config = _param.config, renderMode = _param.renderMode, isSecond = _param.isSecond, isOldSticky = _param.isSticky, isLoading = _param.isLoading, updateNestedComponent = _param.updateNestedComponent, tweakStyles = _param.tweakStyles, valueComponentProps = _object_without_properties$9(_param, [
     "row",
     "columnName",
     "config",
@@ -27175,6 +27173,7 @@ function FlexibleTableCell(_param) {
     "isSecond",
     "isSticky",
     "isLoading",
+    "updateNestedComponent",
     "tweakStyles"
   ]);
   var classes = useStyles$i({
@@ -27186,6 +27185,12 @@ function FlexibleTableCell(_param) {
   var isSticky = isOldSticky || position === "sticky";
   var isClickable = !isLoading && isNotEmpty(onCellClick);
   var cellComponentProps = _object_spread_props$l(_object_spread$m({}, valueComponentProps), {
+    onSetNestedComponent: useCallback(function(node) {
+      return updateNestedComponent(node, columnName);
+    }, [
+      columnName,
+      updateNestedComponent
+    ]),
     value,
     row
   });
@@ -27384,7 +27389,7 @@ function FlexibleTableRowInner(param) {
       isOpen: false
     });
   };
-  var updateNestedComponent = function(component, cellKey) {
+  var updateNestedComponent = useCallback(function(component, cellKey) {
     if (isEmpty(component)) {
       closeNestedComponent();
     } else {
@@ -27394,7 +27399,7 @@ function FlexibleTableRowInner(param) {
         cellKey
       });
     }
-  };
+  }, []);
   var handleRowClick = function() {
     if (isNotEmpty(uniqueField)) {
       onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(item[uniqueField]);
@@ -27441,9 +27446,7 @@ function FlexibleTableRowInner(param) {
             isActiveRow: isActive,
             isNestedComponentExpanded: isNestedComponentExpanded && nestedComponentCellKey === key,
             isRowNestedComponentExpanded: isNestedComponentExpanded && isEmpty(nestedComponentCellKey),
-            onSetNestedComponent: function(component) {
-              return updateNestedComponent(component, key);
-            }
+            updateNestedComponent
           }, key);
         })
       })),