@hh.ru/magritte-ui-theme-wrapper 1.1.0

package/ThemeWrapper.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+import { THEME_MAP } from '@hh.ru/magritte-design-tokens/themes';
+export declare const ThemeContext: import("react").Context<"hh-day" | "hh-night" | "zp-day">;
+export declare const THEME_NAMES: Array<keyof typeof THEME_MAP>;
+interface ThemeWrapperProps {
+    theme?: keyof typeof THEME_MAP;
+    children: ReactNode | ((cssClass?: string) => ReactNode);
+}
+export declare const ThemeWrapper: FC<ThemeWrapperProps>;
+export {};

package/ThemeWrapper.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext } from 'react';
+import { THEME_DEFAULT, THEME_MAP } from '@hh.ru/magritte-design-tokens/themes';
+
+const ThemeContext = createContext(THEME_DEFAULT);
+const THEME_NAMES = Object.keys(THEME_MAP);
+const ThemeWrapper = ({ theme, children }) => {
+    const contextTheme = useContext(ThemeContext);
+    const currentTheme = theme || contextTheme;
+    const cssClass = currentTheme !== THEME_DEFAULT ? THEME_MAP[currentTheme] : undefined;
+    if (typeof children === 'function') {
+        return jsx(ThemeContext.Provider, { value: currentTheme, children: children(cssClass) });
+    }
+    return (jsx(ThemeContext.Provider, { value: currentTheme, children: cssClass ? jsx("div", { className: cssClass, children: children }) : children }));
+};
+
+export { THEME_NAMES, ThemeContext, ThemeWrapper };
+//# sourceMappingURL=ThemeWrapper.js.map

package/ThemeWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeWrapper.js","sources":["../src/ThemeWrapper.tsx"],"sourcesContent":["import { createContext, FC, ReactNode, useContext } from 'react';\n\nimport { THEME_MAP, THEME_DEFAULT } from '@hh.ru/magritte-design-tokens/themes';\n\nexport const ThemeContext = createContext<keyof typeof THEME_MAP>(THEME_DEFAULT);\n\nexport const THEME_NAMES = Object.keys(THEME_MAP) as Array<keyof typeof THEME_MAP>;\n\ninterface ThemeWrapperProps {\n    theme?: keyof typeof THEME_MAP;\n    children: ReactNode | ((cssClass?: string) => ReactNode);\n}\n\nexport const ThemeWrapper: FC<ThemeWrapperProps> = ({ theme, children }) => {\n    const contextTheme = useContext(ThemeContext);\n    const currentTheme = theme || contextTheme;\n    const cssClass = currentTheme !== THEME_DEFAULT ? THEME_MAP[currentTheme] : undefined;\n\n    if (typeof children === 'function') {\n        return <ThemeContext.Provider value={currentTheme}>{children(cssClass)}</ThemeContext.Provider>;\n    }\n\n    return (\n        <ThemeContext.Provider value={currentTheme}>\n            {cssClass ? <div className={cssClass}>{children}</div> : children}\n        </ThemeContext.Provider>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;MAIa,YAAY,GAAG,aAAa,CAAyB,aAAa,EAAE;AAEpE,MAAA,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,EAAmC;AAOtE,MAAA,YAAY,GAA0B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAI;AACvE,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;AAC9C,IAAA,MAAM,YAAY,GAAG,KAAK,IAAI,YAAY,CAAC;AAC3C,IAAA,MAAM,QAAQ,GAAG,YAAY,KAAK,aAAa,GAAG,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC;AAEtF,IAAA,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;AAChC,QAAA,OAAOA,GAAC,CAAA,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,EAAA,QAAA,EAAG,QAAQ,CAAC,QAAQ,CAAC,GAAyB,CAAC;KACnG;IAED,QACIA,GAAC,CAAA,YAAY,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EACrC,QAAA,EAAA,QAAQ,GAAGA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,QAAQ,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAO,GAAG,QAAQ,EAC7C,CAAA,EAC1B;AACN;;;;"}

package/index.d.ts

@@ -0,0 +1 @@
+export * from '@hh.ru/magritte-ui-theme-wrapper/ThemeWrapper';

package/index.js

@@ -0,0 +1,5 @@
+export { THEME_NAMES, ThemeContext, ThemeWrapper } from './ThemeWrapper.js';
+import 'react/jsx-runtime';
+import 'react';
+import '@hh.ru/magritte-design-tokens/themes';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@hh.ru/magritte-ui-theme-wrapper",
+  "version": "1.1.0",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "index.css"
+  ],
+  "scripts": {
+    "build": "yarn root:build $(pwd)",
+    "build-test-branch": "yarn root:build-test-branch $(pwd)",
+    "prepack": "yarn root:prepack $(pwd)",
+    "postpublish": "yarn root:postpublish $(pwd)",
+    "stylelint-check": "yarn root:stylelint-check $(pwd)",
+    "eslint-check": "yarn root:eslint-check $(pwd)",
+    "ts-config": "yarn root:ts-config $(pwd)",
+    "ts-check": "yarn root:ts-check $(pwd)",
+    "test": "exit 0",
+    "watch": "yarn root:watch $(pwd)"
+  },
+  "dependencies": {
+    "@hh.ru/magritte-design-tokens": "23.2.0"
+  },
+  "peerDependencies": {
+    "classnames": ">=2.3.2",
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "fb6e7a383f8c329c0b5bc46df4d4bb11e44d9d24"
+}