@true-engineering/true-react-common-ui-kit 3.30.0 → 3.32.0

package/README.md

@@ -11,6 +11,19 @@
 
 # Release Notes
 
+## 3.32.0
+
+### Changes
+
+- **Notification**: Добавлен проп `icon`
+- **Notification**: В проп `type` добавлен вариант `custom`
+
+## 3.31.0
+
+### Changes
+
+- **FlexibleTable**: Добавлен экспорт `IFlexibleTableRowConfig`
+
 ## 3.30.0
 
 ### Changes

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

@@ -16,23 +16,24 @@ export interface IValueComponentProps<Values, Value> {
     isRowNestedComponentExpanded: boolean;
     onSetNestedComponent: (component?: ReactNode) => void;
 }
+export interface IFlexibleTableRowConfig<Values extends ITableRow, Key extends keyof Values, HeaderContent extends IHeaderContent<Values> = IHeaderContent<Values>> {
+    title?: IRenderNode<ITitleComponentProps<HeaderContent[Key]>>;
+    component?: IRenderNode<IValueComponentProps<Values, NonNullable<Values[Key]>>>;
+    dateFormat?: string;
+    minWidth?: string | number;
+    width?: string | number;
+    maxWidth?: string | number;
+    /** @default 'left' */
+    titleAlign?: CSSProperties['textAlign'];
+    cellAlign?: CSSProperties['textAlign'];
+    cellVerticalAlign?: CSSProperties['verticalAlign'];
+    position?: CSSProperties['position'];
+    right?: number;
+    left?: number;
+    shouldRenderDataId?: boolean;
+}
 export type IFlexibleTableConfigType<Values extends ITableRow, HeaderContent extends IHeaderContent<Values> = IHeaderContent<Values>> = {
-    [Key in keyof Values]?: {
-        title?: IRenderNode<ITitleComponentProps<HeaderContent[Key]>>;
-        component?: IRenderNode<IValueComponentProps<Values, NonNullable<Values[Key]>>>;
-        dateFormat?: string;
-        minWidth?: string | number;
-        width?: string | number;
-        maxWidth?: string | number;
-        /** @default 'left' */
-        titleAlign?: CSSProperties['textAlign'];
-        cellAlign?: CSSProperties['textAlign'];
-        cellVerticalAlign?: CSSProperties['verticalAlign'];
-        position?: CSSProperties['position'];
-        right?: number;
-        left?: number;
-        shouldRenderDataId?: boolean;
-    };
+    [Key in keyof Values]?: IFlexibleTableRowConfig<Values, Key, HeaderContent>;
 };
 export interface IInfinityScrollConfig {
     activePage: number;

package/dist/components/Notification/Notification.d.ts

@@ -1,5 +1,6 @@
 import { FC, ReactNode } from 'react';
 import { ICommonProps } from '../../types';
+import { IIcon } from '../Icon';
 import { INotificationType } from './types';
 import { INotificationStyles } from './Notification.styles';
 export interface INotificationProps extends ICommonProps<INotificationStyles> {
@@ -10,6 +11,7 @@ export interface INotificationProps extends ICommonProps<INotificationStyles> {
     title?: string;
     /** @default 's' */
     size?: 's' | 'm' | 'l';
+    icon?: IIcon;
     children?: ReactNode;
 }
 export declare const Notification: FC<INotificationProps>;

package/dist/components/Notification/Notification.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"content" | "error" | "root" | "inline" | "text" | "icon" | "warning" | "s" | "m" | "l" | "info" | "body" | "title" | "withText" | "withTitle" | "ok" | "not-ok", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"content" | "error" | "root" | "inline" | "text" | "icon" | "warning" | "custom" | "s" | "m" | "l" | "info" | "body" | "title" | "withText" | "withTitle" | "ok" | "not-ok", unknown>;
 export type INotificationStyles = ITweakStyles<typeof useStyles>;

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

@@ -1 +1 @@
-export type INotificationType = 'error' | 'info' | 'warning' | 'ok' | 'not-ok';
+export type INotificationType = 'error' | 'info' | 'warning' | 'ok' | 'not-ok' | 'custom';

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

@@ -27999,7 +27999,8 @@ var useStyles$b = createThemedStyles("Notification", {
   info: {},
   warning: {},
   ok: {},
-  "not-ok": {}
+  "not-ok": {},
+  custom: {}
 });
 function _define_property$e(obj, key, value) {
   if (key in obj) {
@@ -28054,20 +28055,22 @@ function _object_spread_props$c(target, source) {
   return target;
 }
 var Notification = function(param) {
-  var children = param.children, type = param.type, _param_isFullWidth = param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? true : _param_isFullWidth, text = param.text, title = param.title, testId = param.testId, _param_size = param.size, size = _param_size === void 0 ? "s" : _param_size, data = param.data, tweakStyles = param.tweakStyles;
+  var children = param.children, type = param.type, _param_isFullWidth = param.isFullWidth, isFullWidth = _param_isFullWidth === void 0 ? true : _param_isFullWidth, text = param.text, title = param.title, testId = param.testId, _param_size = param.size, size = _param_size === void 0 ? "s" : _param_size, data = param.data, icon = param.icon, tweakStyles = param.tweakStyles;
   var classes = useStyles$b({
     theme: tweakStyles
   });
   var hasText = isStringNotEmpty(text);
   var hasTitle = isStringNotEmpty(title);
+  var isDefaultType = type !== "custom";
+  var hasIcon = isReactNodeNotEmpty(icon) || isDefaultType;
   var _obj2;
   return /* @__PURE__ */ jsxs("div", _object_spread_props$c(_object_spread$d({
     className: clsx(classes.root, classes[size], classes[type], (_obj2 = {}, _define_property$e(_obj2, classes.inline, !isFullWidth), _define_property$e(_obj2, classes.withTitle, hasTitle), _define_property$e(_obj2, classes.withText, hasText), _obj2))
   }, addDataTestId(testId), addDataAttributes(data)), {
     children: [
-      /* @__PURE__ */ jsx("div", {
+      hasIcon && /* @__PURE__ */ jsx("div", {
         className: classes.icon,
-        children: /* @__PURE__ */ jsx(Icon, {
+        children: isReactNodeNotEmpty(icon) ? renderIcon(icon) : isDefaultType && /* @__PURE__ */ jsx(Icon, {
           type: "status-".concat(type)
         })
       }),