@snack-uikit/utils 2.0.2-preview-85c5f47b.0 → 3.1.0

package/CHANGELOG.md

@@ -3,6 +3,56 @@
 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)
+
+
+### Bug Fixes
+
+* **FF-0:** enhance typings for useThemeConfig ([949fefc](https://github.com/cloud-ru-tech/snack-uikit/commit/949fefc19066087769ebd64b03ab41ad0246d0b2))
+* **FF-1486:** import theme styles in config provider ([ad73d14](https://github.com/cloud-ru-tech/snack-uikit/commit/ad73d149dbbdaec1c360a4765e9c4e9bb91cbed3))
+* **FF-1486:** simplify ts-configs ([3aada76](https://github.com/cloud-ru-tech/snack-uikit/commit/3aada76e6220fa35d4866f830cb934c95d9bc91e))
+* **FF-1486:** use real versions ([252b349](https://github.com/cloud-ru-tech/snack-uikit/commit/252b3494f9a4302d8fb5b54ac879ed1ef3e6f68c))
+* **FF-2255:** new palette migration ([f3bc490](https://github.com/cloud-ru-tech/snack-uikit/commit/f3bc490bb4ddde4353009b55da2d04f87a7d9de9))
+* **FF-2257:** up utils ([5dd5d28](https://github.com/cloud-ru-tech/snack-uikit/commit/5dd5d28cdbe14973dcc36759e7db003249930a4b))
+
+
+### Features
+
+* **FF-1486:** add token map ([a14a1e1](https://github.com/cloud-ru-tech/snack-uikit/commit/a14a1e1f1ad95e80a4fb664a2a9c5324a33dad48))
+* **FF-1486:** build with ts-node (only scss, without linaria) ([298d5d0](https://github.com/cloud-ru-tech/snack-uikit/commit/298d5d0b42788747e9aa34ffef254411a79ed25f))
+* **FF-1486:** initial storybook ([a50bc6c](https://github.com/cloud-ru-tech/snack-uikit/commit/a50bc6c84bf47026681c2e5eaf78e15a34747180))
+* **FF-1486:** try to build packages with scss ([fae6769](https://github.com/cloud-ru-tech/snack-uikit/commit/fae67699b3a153d09c7e3b7b34580d96a3cfe14b))
+* **FF-1486:** use preview package of figma tokens ([c43bbc6](https://github.com/cloud-ru-tech/snack-uikit/commit/c43bbc65d7de9c686bc83950f7a2c74c780bee69))
+* **FF-1650:** hot reload in storybook ([935d398](https://github.com/cloud-ru-tech/snack-uikit/commit/935d398c256c96fa2a37bcc68991701edef16b58))
+* **FF-1684:** utils package has been introduced ([e3bc345](https://github.com/cloud-ru-tech/snack-uikit/commit/e3bc345c0b32cfc518a17416a00ad880e351f03b))
+* **FF-1800:** esbuild & light/dark theme selector ([bf5d288](https://github.com/cloud-ru-tech/snack-uikit/commit/bf5d288c17452a481820e7430db0806658f56e0c))
+* **FF-1870:** component props processors has been added ([05fe56d](https://github.com/cloud-ru-tech/snack-uikit/commit/05fe56d43ba10713e3af24c4d6b51c38846625a9))
+* **FF-2485:** add useEvent and useDebounce hooks ([978484a](https://github.com/cloud-ru-tech/snack-uikit/commit/978484a5a7a28391d69875df6ecd03570a29a406))
+* **FF-875:** add utils for dependencies graph ([53cd7be](https://github.com/cloud-ru-tech/snack-uikit/commit/53cd7be638f01e573cb52b2417a39f4df4f6089b))
+* infrastructure improvements ([ae537b5](https://github.com/cloud-ru-tech/snack-uikit/commit/ae537b5e37c0050f800c367da290f4f4e30d22ab))
+* **LK-1769:** jest to vitest ([9afff90](https://github.com/cloud-ru-tech/snack-uikit/commit/9afff90db1e60c2255361b396c096c14f923d676))
+
+
+### BREAKING CHANGES
+
+
+* **FF-3823:** move to snack-uikit scope ([ac9e30d](https://github.com/cloud-ru-tech/snack-uikit/commit/ac9e30d574d529b2bf4f5184b70c511c981a6032))
+* **FF-0000:** insert (extract/exclude)DataProps into (extract/exclude)SupportProps ([7aca240](https://github.com/cloud-ru-tech/snack-uikit/commit/7aca2408d5703e0ff440bfd1cde4c8dac6b25cf1))
+
+
+
+
 ## 2.0.1 (2023-11-08)
 
 **Note:** Version bump only for package @snack-uikit/utils

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": "2.0.2-preview-85c5f47b.0",
+  "version": "3.1.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -31,5 +31,5 @@
   ],
   "license": "Apache-2.0",
   "scripts": {},
-  "gitHead": "6a7eef41d780d945f64f791448eaa72b9e0ae72d"
+  "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';