@true-engineering/true-react-common-ui-kit 3.53.0 → 3.54.0

package/src/theme/true-jss/jss-context.tsx

@@ -0,0 +1,34 @@
+import { Context, FC, PropsWithChildren, useContext, useMemo } from 'react';
+import { JssContext as JssContextLib } from 'react-jss';
+import { GenerateId } from 'jss';
+
+export interface IJssContext {
+  generateId?: GenerateId;
+  tweakStylesArch?: 'react-jss' | 'true-jss';
+}
+
+/** Типизация JssContext оказалась некорректна */
+export const JssContext = JssContextLib as unknown as Context<IJssContext>;
+
+export const JssProvider: FC<PropsWithChildren<IJssContext>> = ({
+  children,
+  tweakStylesArch,
+  generateId,
+}) => {
+  const context = useContext(JssContext);
+
+  const value: IJssContext = useMemo(
+    () => ({
+      ...context,
+      tweakStylesArch: tweakStylesArch ?? context.tweakStylesArch,
+      generateId: generateId ?? context.generateId,
+    }),
+    [context, tweakStylesArch, generateId],
+  );
+
+  return (
+    <JssContext.Provider key={tweakStylesArch} value={value}>
+      {children}
+    </JssContext.Provider>
+  );
+};

package/src/theme/types.ts

@@ -65,10 +65,12 @@ import type {
   IWithTooltipStyles,
 } from '../components';
 
-export type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
+export type IStyles<C extends string, P = unknown> = Styles<C, P, Partial<Styles<C, P>>>;
 
+export type IMaybeArray<T> = T[] | T;
+export type IMixedStyles<T> = IMaybeArray<T | boolean | undefined>;
 export type IUseStyles<C extends string, P = unknown> = (
-  data?: P & { theme?: Partial<Styles<C, P>> },
+  data?: P & { theme?: IMaybeArray<Partial<Styles<C, P>>> },
 ) => Classes<C>;
 
 export type ITweakStyles<

package/src/types.ts

@@ -6,6 +6,7 @@ import {
   ReactNode,
 } from 'react';
 import { Modifier, Placement } from 'react-overlays/usePopper';
+import type { IMaybeArray } from './theme';
 
 export interface ITestIdProps {
   testId?: string;
@@ -20,7 +21,7 @@ export interface IDataAttributesProps extends ITestIdProps {
 }
 
 export interface ITweakStylesProps<TweakStyles> {
-  tweakStyles?: TweakStyles;
+  tweakStyles?: IMaybeArray<TweakStyles>;
 }
 
 export type ICommonProps<TweakStyles> = IDataAttributesProps & ITweakStylesProps<TweakStyles>;