@true-engineering/true-react-common-ui-kit 3.0.0-alpha.0 → 3.0.0-alpha.2

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

@@ -1,13 +1,13 @@
 import { ReactNode, RefObject } from 'react';
 import { ICommonProps } from '../../types';
-import { FlexibleTableConfigType, IInfinityScrollConfig } from './types';
+import { IFlexibleTableConfigType, IInfinityScrollConfig } from './types';
 import { IFlexibleTableStyles } from './FlexibleTable.styles';
 export interface IFlexibleTableProps<Values extends Record<string, any>> extends ICommonProps<IFlexibleTableStyles> {
     content: Values[];
     headerContent?: Partial<Record<keyof Values, any>>;
     enabledColumns?: Array<keyof Values>;
     activeRows?: number[];
-    config?: FlexibleTableConfigType<Values>;
+    config?: IFlexibleTableConfigType<Values>;
     isHorizontallyScrollable?: boolean;
     isFirstColumnSticky?: boolean;
     infinityScrollConfig?: IInfinityScrollConfig;

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

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
 import type { ICommonProps } from '../../../../types';
-import type { FlexibleTableConfigType } from '../../types';
+import type { IFlexibleTableConfigType } from '../../types';
 import { IFlexibleTableCellStyles } from './FlexibleTableCell.styles';
 export interface IFlexibleTableCellProps<Values extends Record<string, any>> extends Pick<ICommonProps<IFlexibleTableCellStyles>, 'tweakStyles'> {
     item: Values;
     columnName: keyof Values;
-    config?: FlexibleTableConfigType<Values>;
+    config?: IFlexibleTableConfigType<Values>;
     isFocusedRow?: boolean;
     isSecond?: boolean;
     isSticky?: boolean;

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

@@ -1,13 +1,13 @@
 import { ReactNode } from 'react';
 import { ICommonProps } from '../../../../types';
-import { FlexibleTableConfigType } from '../../types';
+import { IFlexibleTableConfigType } from '../../types';
 import { IFlexibleTableRowStyles } from './FlexibleTableRow.styles';
 export interface IFlexibleTableRowProps<Values extends Record<string, any>> extends Pick<ICommonProps<IFlexibleTableRowStyles>, 'tweakStyles'> {
     item: Values;
     uniqueField?: keyof Values;
     isFirstColumnSticky?: boolean;
     isActive: boolean;
-    config?: FlexibleTableConfigType<Values>;
+    config?: IFlexibleTableConfigType<Values>;
     enabledColumns?: Array<keyof Values>;
     rowAttributes?: Array<keyof Values>;
     expandableRowComponent?(item: Values, isOpen: boolean, close: () => void): ReactNode;

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

@@ -13,7 +13,7 @@ export declare type IValueComponent<Values, Value> = (props: {
     isRowNestedComponentExpanded: boolean;
     onSetNestedComponent: (component?: ReactNode) => void;
 }) => JSX.Element | ReactNode;
-export declare type FlexibleTableConfigType<Values> = {
+export declare type IFlexibleTableConfigType<Values> = {
     [Key in keyof Values]?: {
         title?: ReactNode;
         titleComponent?: ITitleComponent<unknown>;

package/dist/hooks/index.d.ts

@@ -3,3 +3,4 @@ export * from './use-on-click-outside';
 export * from './use-dropdown';
 export * from './use-tweak-styles';
 export * from './use-did-mount-effect';
+export * from './use-mixed-styles';

package/dist/hooks/use-mixed-styles.d.ts

@@ -0,0 +1 @@
+export declare const useMixedStyles: <StyleSheet_1>(baseStyles?: StyleSheet_1 | undefined, tweakStyles?: StyleSheet_1 | undefined) => StyleSheet_1 | undefined;

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

@@ -4098,6 +4098,14 @@ var useDidMountEffect = function(effect3, dependencies) {
     };
   }, dependencies);
 };
+var useMixedStyles = function(baseStyles, tweakStyles) {
+  return useMemo(function() {
+    return isNotEmpty(baseStyles) && isNotEmpty(tweakStyles) ? mergeStyles(baseStyles, tweakStyles) : baseStyles !== null && baseStyles !== void 0 ? baseStyles : tweakStyles;
+  }, [
+    baseStyles,
+    tweakStyles
+  ]);
+};
 const avatarGreen = `  <svg\r
     width="100%"\r
     height="100%"\r
@@ -6197,6 +6205,7 @@ var useStyles$D = createThemedStyles("Checkbox", {
   root: {
     cursor: "pointer",
     display: "flex",
+    alignItems: "center",
     gap: 14,
     width: "fit-content"
   },
@@ -8271,13 +8280,15 @@ var baseInputStyles = {
   }
 };
 var readonlyInputBaseStyles = {
-  inputIcon: {
-    width: "auto"
+  input: {
+    cursor: "pointer"
   }
 };
 var multiSelectInputBaseStyles = {
   inputIcon: {
-    width: "auto"
+    "&:not($loading)": {
+      width: "auto"
+    }
   }
 };
 var readonlyInputStyles = mergeStyles(baseInputStyles, readonlyInputBaseStyles);
@@ -28654,6 +28665,7 @@ export {
   useDidMountEffect,
   useDropdown,
   useIsMounted,
+  useMixedStyles,
   useOnClickOutside,
   useOnClickOutsideWithRef,
   useTweakStyles