@true-engineering/true-react-common-ui-kit 1.6.0 → 1.7.0

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

@@ -5,14 +5,14 @@ export declare type IPosition = 'sticky' | 'absolute' | 'relative' | 'static';
 export declare type ITitleComponent<Value> = FC<{
     value?: Value;
 }>;
-export declare type IValueComponent<Values, Value> = FC<{
+export declare type IValueComponent<Values, Value> = (props: {
     value: Value;
     row: Values;
     isFocusedRow?: boolean;
     isNestedComponentExpanded: boolean;
     isRowNestedComponentExpanded: boolean;
     onSetNestedComponent: (component?: ReactNode) => void;
-}>;
+}) => JSX.Element | null;
 export declare type FlexibleTableConfigType<Values> = {
     [Key in keyof Values]?: {
         title?: ReactNode;

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

@@ -7974,7 +7974,7 @@ function Select(_param) {
             value: searchValue !== "" && !shouldRenderSearchInputInList ? searchValue : stringValue,
             onChange: handleInputChange,
             isActive: isListOpen,
-            isReadonly: optionsMode === "normal" || shouldRenderSearchInputInList,
+            isReadonly: isReadonly !== null && isReadonly !== void 0 ? isReadonly : optionsMode === "normal" || shouldRenderSearchInputInList,
             onFocus: handleFocus,
             onBlur: handleBlur,
             isDisabled,

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

@@ -7964,7 +7964,7 @@
               value: searchValue !== "" && !shouldRenderSearchInputInList ? searchValue : stringValue,
               onChange: handleInputChange,
               isActive: isListOpen,
-              isReadonly: optionsMode === "normal" || shouldRenderSearchInputInList,
+              isReadonly: isReadonly !== null && isReadonly !== void 0 ? isReadonly : optionsMode === "normal" || shouldRenderSearchInputInList,
               onFocus: handleFocus,
               onBlur: handleBlur,
               isDisabled,

package/package.json

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

package/src/components/FlexibleTable/FlexibleTable.stories.tsx

@@ -1,4 +1,5 @@
 import { ComponentStory } from '@storybook/react';
+import { FC } from 'react';
 import { FlexibleTable } from './FlexibleTable';
 import { FlexibleTableConfigType } from './types';
 import content from './fixture-test';
@@ -21,11 +22,15 @@ interface ITableContent {
   status: string;
 }
 
+const Temp: FC<{ value: string | undefined }> = ({ value }) => <>{value}</>;
+const Temp1: FC<{ value: string }> = ({ value }) => <>{value}</>;
+
 const config: FlexibleTableConfigType<ITableContent> = {
   contractCode: {
     title: 'Contract Code',
   },
   title: {
+    component: Temp,
     title: 'Title',
     minWidth: 320,
   },
@@ -39,6 +44,7 @@ const config: FlexibleTableConfigType<ITableContent> = {
     title: 'Sign Date',
   },
   partner: {
+    component: Temp1,
     title: 'Partner',
   },
 };

package/src/components/FlexibleTable/types.ts

@@ -16,14 +16,14 @@ export type ITitleComponent<Value> = FC<{
   value?: Value;
 }>;
 
-export type IValueComponent<Values, Value> = FC<{
+export type IValueComponent<Values, Value> = (props: {
   value: Value;
   row: Values;
   isFocusedRow?: boolean;
   isNestedComponentExpanded: boolean;
   isRowNestedComponentExpanded: boolean;
   onSetNestedComponent: (component?: ReactNode) => void;
-}>;
+}) => JSX.Element | null;
 
 export type FlexibleTableConfigType<Values> = {
   [Key in keyof Values]?: {

package/src/components/Select/Select.tsx

@@ -480,7 +480,10 @@ export function Select<Value>({
           }
           onChange={handleInputChange}
           isActive={isListOpen}
-          isReadonly={optionsMode === 'normal' || shouldRenderSearchInputInList}
+          isReadonly={
+            isReadonly ??
+            (optionsMode === 'normal' || shouldRenderSearchInputInList)
+          }
           onFocus={handleFocus}
           onBlur={handleBlur}
           isDisabled={isDisabled}