@rescui/ui-contexts 0.4.4 → 0.5.0

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 export { LayeringConsumer, withLayering, useLayeringContext } from './parts/layering-context';
 export { default as LayeringProvider } from './layering-provider';
 export type { LayeringProviderProps } from './layering-provider';
-export { ThemeConsumer, withTheme, useTheme, getInverseTheme } from './parts/theme-context';
+export { ThemeConsumer, ThemeContext, withTheme, useTheme, useThemeWithUndefined, getInverseTheme } from './parts/theme-context';
 export { default as ThemeProvider } from './theme-provider';
 export type { ThemeProviderProps } from './theme-provider';
 export type { Theme } from './parts/theme-context';

package/lib/index.js

@@ -1,4 +1,4 @@
 export { LayeringConsumer, useLayeringContext, withLayering } from './parts/layering-context.js';
 export { default as LayeringProvider } from './layering-provider.js';
-export { ThemeConsumer, getInverseTheme, useTheme, withTheme } from './parts/theme-context.js';
+export { ThemeConsumer, ThemeContext, getInverseTheme, useTheme, useThemeWithUndefined, withTheme } from './parts/theme-context.js';
 export { default as ThemeProvider } from './theme-provider.js';

package/lib/parts/theme-context.d.ts

@@ -1,13 +1,24 @@
 import React, { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
 export declare type Theme = 'light' | 'dark';
-export declare const ThemeContext: React.Context<Theme>;
-export declare const ThemeConsumer: React.Consumer<Theme>;
+declare type ThemeContextValue = {
+    theme: Theme;
+    noProvider?: boolean;
+};
+export declare const ThemeContext: React.Context<ThemeContextValue>;
+export declare const ThemeConsumer: React.Consumer<ThemeContextValue>;
 export declare const getInverseTheme: (theme: Theme) => Theme;
+/**
+ * @deprecated please support --rs-theme-dark and --rs-theme-flip css variables and don't use react context for theme
+ * If you need to maintain backward compatibility use `useThemeWithUndefined` hook instead, rely on --rs-theme-dark and --rs-theme-flip css variables when theme is undefined
+ * */
 export declare const useTheme: (overwriteValue?: Theme) => Theme;
+export declare const useThemeWithUndefined: (overwriteValue?: Theme) => Theme | undefined;
 export interface ThemeProps {
     theme?: Theme;
 }
 /**
- * @deprecated use `useTheme` hook instead
+ * @deprecated please support --rs-theme-dark and --rs-theme-flip css variables and don't use react context for theme
+ * If you need to maintain backward compatibility use `useThemeWithUndefined` hook instead, rely on --rs-theme-dark and --rs-theme-flip css variables when theme is undefined
  * */
 export declare const withTheme: <P extends ThemeProps = ThemeProps>(wrappedComponent: React.ComponentType<P>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<unknown>>;
+export {};

package/lib/parts/theme-context.js

@@ -15,19 +15,38 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React, { createContext, useContext } from 'react';
-var ThemeContext = /*#__PURE__*/createContext('light');
+var ThemeContext = /*#__PURE__*/createContext({
+  theme: 'light',
+  noProvider: true
+});
 var ThemeConsumer = ThemeContext.Consumer;
 
 var getInverseTheme = function getInverseTheme(theme) {
   return theme === 'light' ? 'dark' : 'light';
 };
+/**
+ * @deprecated please support --rs-theme-dark and --rs-theme-flip css variables and don't use react context for theme
+ * If you need to maintain backward compatibility use `useThemeWithUndefined` hook instead, rely on --rs-theme-dark and --rs-theme-flip css variables when theme is undefined
+ * */
+
 
 var useTheme = function useTheme(overwriteValue) {
-  var themeFromContext = useContext(ThemeContext);
-  return overwriteValue || themeFromContext;
+  var _useContext = useContext(ThemeContext),
+      theme = _useContext.theme;
+
+  return overwriteValue || theme;
+};
+
+var useThemeWithUndefined = function useThemeWithUndefined(overwriteValue) {
+  var _useContext2 = useContext(ThemeContext),
+      theme = _useContext2.theme,
+      noProvider = _useContext2.noProvider;
+
+  return overwriteValue || (noProvider ? undefined : theme);
 };
 /**
- * @deprecated use `useTheme` hook instead
+ * @deprecated please support --rs-theme-dark and --rs-theme-flip css variables and don't use react context for theme
+ * If you need to maintain backward compatibility use `useThemeWithUndefined` hook instead, rely on --rs-theme-dark and --rs-theme-flip css variables when theme is undefined
  * */
 
 
@@ -37,7 +56,8 @@ var withTheme = function withTheme(wrappedComponent) {
     var theme = _ref.theme,
         restProps = _objectWithoutProperties(_ref, _excluded);
 
-    return /*#__PURE__*/React.createElement(ThemeConsumer, null, function (themeFromContext) {
+    return /*#__PURE__*/React.createElement(ThemeConsumer, null, function (_ref2) {
+      var themeFromContext = _ref2.theme;
       return /*#__PURE__*/React.createElement(WrappedComponent, _objectSpread({
         ref: ref,
         theme: theme || themeFromContext
@@ -48,4 +68,4 @@ var withTheme = function withTheme(wrappedComponent) {
   return ComponentWithTheme;
 };
 
-export { ThemeConsumer, ThemeContext, getInverseTheme, useTheme, withTheme };
+export { ThemeConsumer, ThemeContext, getInverseTheme, useTheme, useThemeWithUndefined, withTheme };

package/lib/theme-provider.d.ts

@@ -3,12 +3,14 @@ import PropTypes from 'prop-types';
 import { Theme } from './parts/theme-context';
 export declare type ThemeProviderProps = {
     theme: Theme;
+    ignoreThemeValueForCSSApi?: boolean;
     children?: React.ReactNode;
 };
 declare const ThemeProvider: {
-    ({ theme, children }: ThemeProviderProps): JSX.Element;
+    ({ theme, children, ignoreThemeValueForCSSApi }: ThemeProviderProps): JSX.Element;
     propTypes: {
         theme: PropTypes.Validator<string>;
+        ignoreThemeValueForCSSApi: PropTypes.Requireable<boolean>;
     };
 };
 export default ThemeProvider;

package/lib/theme-provider.js

@@ -4,13 +4,19 @@ import { ThemeContext } from './parts/theme-context.js';
 
 var ThemeProvider = function ThemeProvider(_ref) {
   var theme = _ref.theme,
-      children = _ref.children;
+      children = _ref.children,
+      _ref$ignoreThemeValue = _ref.ignoreThemeValueForCSSApi,
+      ignoreThemeValueForCSSApi = _ref$ignoreThemeValue === void 0 ? false : _ref$ignoreThemeValue;
   return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-    value: theme
+    value: {
+      theme: theme,
+      noProvider: ignoreThemeValueForCSSApi
+    }
   }, children);
 };
 
 ThemeProvider.propTypes = {
-  theme: PropTypes.oneOf(['light', 'dark']).isRequired
+  theme: PropTypes.oneOf(['light', 'dark']).isRequired,
+  ignoreThemeValueForCSSApi: PropTypes.bool
 };
 export { ThemeProvider as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rescui/ui-contexts",
-  "version": "0.4.4",
+  "version": "0.5.0",
   "description": "",
   "license": "Apache-2.0",
   "author": "JetBrains",
@@ -23,10 +23,10 @@
     "react": ">=16.8.0 <19"
   },
   "devDependencies": {
-    "@rescui/scripts": "^0.2.3"
+    "@rescui/scripts": "^0.3.0"
   },
   "scripts": {
     "build": "rescui-scripts build"
   },
-  "gitHead": "e21b6f80037993b094ceaff022db6d4cd176a88d"
+  "gitHead": "51da8a7188f4c558c563065a4ff4ef5c8e74994c"
 }