@snack-uikit/utils 3.0.0 → 3.1.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 3.1.0 (2023-12-06)
+
+
+### Features
+
+* **FF-3646:** add ThemeProvider/useThemeContext ([9a2ae54](https://github.com/cloud-ru-tech/snack-uikit/commit/9a2ae5425b6356bede25c89b3b14e60d9e8e9f75))
+
+
+
+
+
 # 3.0.0 (2023-12-06)
 
 

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+type UseThemePropsWithDefaultTheme = {
+    themeMap: Record<string, string>;
+    defaultTheme: string;
+};
+type UseThemeProps = {
+    themeMap: Record<string, string>;
+};
+export type ThemeProviderProps = {
+    children: ReactNode;
+} & (UseThemePropsWithDefaultTheme | UseThemeProps);
+export declare function ThemeProvider({ children, ...props }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useThemeConfig } from '../../hooks';
+import { ThemeContext } from './contexts';
+export function ThemeProvider(_a) {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const themeConfig = useThemeConfig(props);
+    return _jsx(ThemeContext.Provider, Object.assign({ value: themeConfig }, { children: children }));
+}

package/dist/components/ThemeProvider/contexts.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export type ThemeContextType = {
+    theme: string | undefined;
+    themeClassName: string | undefined;
+    changeTheme: ((theme: string) => void) | undefined;
+};
+export declare const ThemeContext: import("react").Context<ThemeContextType>;
+export declare const useThemeContext: () => ThemeContextType;

package/dist/components/ThemeProvider/contexts.js

@@ -0,0 +1,7 @@
+import { createContext, useContext } from 'react';
+export const ThemeContext = createContext({
+    theme: undefined,
+    themeClassName: undefined,
+    changeTheme: undefined,
+});
+export const useThemeContext = () => useContext(ThemeContext);

package/dist/components/ThemeProvider/index.d.ts

@@ -0,0 +1,3 @@
+import { useThemeContext } from './contexts';
+export * from './ThemeProvider';
+export { useThemeContext };

package/dist/components/ThemeProvider/index.js

@@ -0,0 +1,3 @@
+import { useThemeContext } from './contexts';
+export * from './ThemeProvider';
+export { useThemeContext };

package/dist/components/index.d.ts

@@ -0,0 +1 @@
+export * from './ThemeProvider';

package/dist/components/index.js

@@ -0,0 +1 @@
+export * from './ThemeProvider';

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './hooks';
 export * from './utils';
+export * from './components';

package/dist/index.js

@@ -1,2 +1,3 @@
 export * from './hooks';
 export * from './utils';
+export * from './components';

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Utils",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -31,5 +31,5 @@
   ],
   "license": "Apache-2.0",
   "scripts": {},
-  "gitHead": "dcd04bf837247b468d8e2bb37f26847ed278f066"
+  "gitHead": "76a159dde7baccf49dc7b11e1fd7abc31424b42f"
 }

package/src/components/ThemeProvider/ThemeProvider.tsx

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+
+import { useThemeConfig } from '../../hooks';
+import { ThemeContext } from './contexts';
+
+type UseThemePropsWithDefaultTheme = { themeMap: Record<string, string>; defaultTheme: string };
+type UseThemeProps = { themeMap: Record<string, string> };
+
+export type ThemeProviderProps = { children: ReactNode } & (UseThemePropsWithDefaultTheme | UseThemeProps);
+
+export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
+  const themeConfig = useThemeConfig(props);
+
+  return <ThemeContext.Provider value={themeConfig}>{children}</ThemeContext.Provider>;
+}

package/src/components/ThemeProvider/contexts.ts

@@ -0,0 +1,15 @@
+import { createContext, useContext } from 'react';
+
+export type ThemeContextType = {
+  theme: string | undefined;
+  themeClassName: string | undefined;
+  changeTheme: ((theme: string) => void) | undefined;
+};
+
+export const ThemeContext = createContext<ThemeContextType>({
+  theme: undefined,
+  themeClassName: undefined,
+  changeTheme: undefined,
+});
+
+export const useThemeContext = () => useContext<ThemeContextType>(ThemeContext);

package/src/components/ThemeProvider/index.ts

@@ -0,0 +1,5 @@
+import { useThemeContext } from './contexts';
+
+export * from './ThemeProvider';
+
+export { useThemeContext };

package/src/components/index.ts

@@ -0,0 +1 @@
+export * from './ThemeProvider';

package/src/index.ts

@@ -1,2 +1,3 @@
 export * from './hooks';
 export * from './utils';
+export * from './components';