@true-engineering/true-react-common-ui-kit 3.0.0-alpha.5 → 3.0.0-alpha.6

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

@@ -11,6 +11,9 @@ export interface IFlexibleTableProps<Values extends Record<string, any>> extends
     isHorizontallyScrollable?: boolean;
     isFirstColumnSticky?: boolean;
     infinityScrollConfig?: IInfinityScrollConfig;
+    /**
+     * @default Индекс строки
+     */
     uniqueField?: keyof Values;
     onHeadClick?: (column: keyof Values) => void;
     onRowClick?: (id: string) => void;

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

@@ -22026,7 +22026,7 @@ function _unsupported_iterable_to_array$8(o, minLen) {
     return _array_like_to_array$8(o, minLen);
 }
 function FlexibleTable(param) {
-  var data = param.data, tweakStyles = param.tweakStyles, content = param.content, headerContent = param.headerContent, config = param.config, activeRows = param.activeRows, enabledColumns = param.enabledColumns, isHorizontallyScrollable = param.isHorizontallyScrollable, isFirstColumnSticky = param.isFirstColumnSticky, infinityScrollConfig = param.infinityScrollConfig, _param_uniqueField = param.uniqueField, uniqueField = _param_uniqueField === void 0 ? "id" : _param_uniqueField, onHeadClick = param.onHeadClick, onRowHover = param.onRowHover, onRowClick = param.onRowClick, refForScroll = param.refForScroll, rowAttributes = param.rowAttributes, nothingFoundContent = param.nothingFoundContent, testId = param.testId, expandableRowComponent = param.expandableRowComponent;
+  var data = param.data, tweakStyles = param.tweakStyles, content = param.content, headerContent = param.headerContent, config = param.config, activeRows = param.activeRows, enabledColumns = param.enabledColumns, isHorizontallyScrollable = param.isHorizontallyScrollable, isFirstColumnSticky = param.isFirstColumnSticky, infinityScrollConfig = param.infinityScrollConfig, uniqueField = param.uniqueField, onHeadClick = param.onHeadClick, onRowHover = param.onRowHover, onRowClick = param.onRowClick, refForScroll = param.refForScroll, rowAttributes = param.rowAttributes, nothingFoundContent = param.nothingFoundContent, testId = param.testId, expandableRowComponent = param.expandableRowComponent;
   var classes = useStyles$h({
     theme: tweakStyles
   });
@@ -22075,7 +22075,7 @@ function FlexibleTable(param) {
   }, [
     scrollRef
   ]);
-  var _activeRows_includes, _item_uniqueField;
+  var _activeRows_includes;
   return /* @__PURE__ */ jsx("div", {
     ref: refForScroll !== null && refForScroll !== void 0 ? refForScroll : scrollRef,
     className: clsx(_define_property$g({}, classes.scroll, isHorizontallyScrollable)),
@@ -22136,7 +22136,7 @@ function FlexibleTable(param) {
                 rowAttributes,
                 tweakStyles: tweakTableRowStyles,
                 expandableRowComponent
-              }, (_item_uniqueField = item[uniqueField]) !== null && _item_uniqueField !== void 0 ? _item_uniqueField : i);
+              }, isNotEmpty(uniqueField) ? item[uniqueField] : i);
             }),
             infinityScrollConfig !== void 0 && !infinityScrollConfig.isLastPage && /* @__PURE__ */ jsx("tr", {
               children: /* @__PURE__ */ jsx("td", {

package/dist/true-react-common-ui-kit.umd.cjs

@@ -22016,7 +22016,7 @@
       return _array_like_to_array$8(o, minLen);
   }
   function FlexibleTable(param) {
-    var data = param.data, tweakStyles = param.tweakStyles, content = param.content, headerContent = param.headerContent, config = param.config, activeRows = param.activeRows, enabledColumns = param.enabledColumns, isHorizontallyScrollable = param.isHorizontallyScrollable, isFirstColumnSticky = param.isFirstColumnSticky, infinityScrollConfig = param.infinityScrollConfig, _param_uniqueField = param.uniqueField, uniqueField = _param_uniqueField === void 0 ? "id" : _param_uniqueField, onHeadClick = param.onHeadClick, onRowHover = param.onRowHover, onRowClick = param.onRowClick, refForScroll = param.refForScroll, rowAttributes = param.rowAttributes, nothingFoundContent = param.nothingFoundContent, testId = param.testId, expandableRowComponent = param.expandableRowComponent;
+    var data = param.data, tweakStyles = param.tweakStyles, content = param.content, headerContent = param.headerContent, config = param.config, activeRows = param.activeRows, enabledColumns = param.enabledColumns, isHorizontallyScrollable = param.isHorizontallyScrollable, isFirstColumnSticky = param.isFirstColumnSticky, infinityScrollConfig = param.infinityScrollConfig, uniqueField = param.uniqueField, onHeadClick = param.onHeadClick, onRowHover = param.onRowHover, onRowClick = param.onRowClick, refForScroll = param.refForScroll, rowAttributes = param.rowAttributes, nothingFoundContent = param.nothingFoundContent, testId = param.testId, expandableRowComponent = param.expandableRowComponent;
     var classes = useStyles$h({
       theme: tweakStyles
     });
@@ -22065,7 +22065,7 @@
     }, [
       scrollRef
     ]);
-    var _activeRows_includes, _item_uniqueField;
+    var _activeRows_includes;
     return /* @__PURE__ */ jsx("div", {
       ref: refForScroll !== null && refForScroll !== void 0 ? refForScroll : scrollRef,
       className: clsx(_define_property$g({}, classes.scroll, isHorizontallyScrollable)),
@@ -22126,7 +22126,7 @@
                   rowAttributes,
                   tweakStyles: tweakTableRowStyles,
                   expandableRowComponent
-                }, (_item_uniqueField = item[uniqueField]) !== null && _item_uniqueField !== void 0 ? _item_uniqueField : i);
+                }, trueReactPlatformHelpers.isNotEmpty(uniqueField) ? item[uniqueField] : i);
               }),
               infinityScrollConfig !== void 0 && !infinityScrollConfig.isLastPage && /* @__PURE__ */ jsx("tr", {
                 children: /* @__PURE__ */ jsx("td", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@true-engineering/true-react-common-ui-kit",
-  "version": "3.0.0-alpha.5",
+  "version": "3.0.0-alpha.6",
   "description": "True Engineering React UI Kit with theming support",
   "author": "True Engineering (https://trueengineering.ru)",
   "keywords": [

package/src/components/DatePicker/DatePicker.stories.tsx

@@ -47,6 +47,7 @@ const Template: ComponentStory<typeof DatePicker> = (args) => {
         <DatePicker
           {...args}
           locale={ru}
+          testId="datepicker"
           months={months}
           selectedDate={date}
           startDate={startDate}

package/src/components/FlexibleTable/FlexibleTable.tsx

@@ -1,6 +1,6 @@
 import { ReactNode, RefObject, useCallback, useEffect, useRef, useState } from 'react';
 import clsx from 'clsx';
-import { addDataTestId } from '@true-engineering/true-react-platform-helpers';
+import { addDataTestId, isNotEmpty } from '@true-engineering/true-react-platform-helpers';
 import { addDataAttributes } from '../../helpers';
 import { useTweakStyles } from '../../hooks';
 import { ICommonProps } from '../../types';
@@ -20,6 +20,9 @@ export interface IFlexibleTableProps<Values extends Record<string, any>>
   isHorizontallyScrollable?: boolean;
   isFirstColumnSticky?: boolean;
   infinityScrollConfig?: IInfinityScrollConfig;
+  /**
+   * @default Индекс строки
+   */
   uniqueField?: keyof Values;
   onHeadClick?: (column: keyof Values) => void;
   // TODO: Заменить string на Generic Values[uniqueField]
@@ -42,7 +45,7 @@ export function FlexibleTable<Values extends Record<string, any>>({
   isHorizontallyScrollable,
   isFirstColumnSticky,
   infinityScrollConfig,
-  uniqueField = 'id',
+  uniqueField,
   onHeadClick,
   onRowHover,
   onRowClick,
@@ -171,7 +174,7 @@ export function FlexibleTable<Values extends Record<string, any>>({
               onRowHover={onRowHover}
               enabledColumns={enabledColumns}
               config={config}
-              key={item[uniqueField] ?? i}
+              key={isNotEmpty(uniqueField) ? item[uniqueField] : i}
               rowAttributes={rowAttributes}
               tweakStyles={tweakTableRowStyles}
               expandableRowComponent={expandableRowComponent}