@atlaskit/app-provider 4.3.0 → 4.3.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/app-provider
 
+## 4.3.1
+
+### Patch Changes
+
+- [`8e2f0f5b6e5b9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8e2f0f5b6e5b9) -
+  Export new `useIsInsideThemeProvider` hook, which returns a boolean indicating whether the
+  component is rendered inside a `ThemeProvider`.
+
 ## 4.3.0
 
 ### Minor Changes

package/dist/cjs/app-provider-theming-enabled-context.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AppProviderThemingEnabledContext = void 0;
+var _react = require("react");
+var AppProviderThemingEnabledContext = exports.AppProviderThemingEnabledContext = /*#__PURE__*/(0, _react.createContext)(false);

package/dist/cjs/app-provider.js

@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _appProviderThemingEnabledContext = require("./app-provider-theming-enabled-context");
 var _context = require("./context");
+var _insideAppProviderContext = require("./inside-app-provider-context");
 var _routerLinkProvider = _interopRequireDefault(require("./router-link-provider"));
 var _themeProvider = _interopRequireDefault(require("./theme-provider"));
 /**
@@ -30,9 +32,9 @@ function AppProvider(_ref) {
   var routerLinkProvider = /*#__PURE__*/_react.default.createElement(_routerLinkProvider.default, {
     routerLinkComponent: routerLinkComponent
   }, children);
-  return /*#__PURE__*/_react.default.createElement(_context.InsideAppProviderContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_insideAppProviderContext.InsideAppProviderContext.Provider, {
     value: true
-  }, UNSAFE_isThemingDisabled ? routerLinkProvider : /*#__PURE__*/_react.default.createElement(_context.AppProviderThemingEnabledContext.Provider, {
+  }, UNSAFE_isThemingDisabled ? routerLinkProvider : /*#__PURE__*/_react.default.createElement(_appProviderThemingEnabledContext.AppProviderThemingEnabledContext.Provider, {
     value: true
   }, /*#__PURE__*/_react.default.createElement(_themeProvider.default, {
     defaultColorMode: defaultColorMode,

package/dist/cjs/context.js

@@ -3,24 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useIsInsideAppProvider = exports.useIsAppProviderThemingEnabled = exports.InsideAppProviderContext = exports.AppProviderThemingEnabledContext = void 0;
+exports.useIsInsideAppProvider = exports.useIsAppProviderThemingEnabled = void 0;
 var _react = require("react");
-/**
- * __Inside app provider context__
- *
- * A context that indicates if the current component is inside an AppProvider.
- */
-var InsideAppProviderContext = exports.InsideAppProviderContext = /*#__PURE__*/(0, _react.createContext)(false);
+var _appProviderThemingEnabledContext = require("./app-provider-theming-enabled-context");
+var _insideAppProviderContext = require("./inside-app-provider-context");
 var useIsInsideAppProvider = exports.useIsInsideAppProvider = function useIsInsideAppProvider() {
-  return (0, _react.useContext)(InsideAppProviderContext);
+  return (0, _react.useContext)(_insideAppProviderContext.InsideAppProviderContext);
 };
-
-/**
- * __App provider theming enabled context__
- *
- * A context that indicates if the AppProvider is enabled for theming.
- */
-var AppProviderThemingEnabledContext = exports.AppProviderThemingEnabledContext = /*#__PURE__*/(0, _react.createContext)(false);
 var useIsAppProviderThemingEnabled = exports.useIsAppProviderThemingEnabled = function useIsAppProviderThemingEnabled() {
-  return (0, _react.useContext)(AppProviderThemingEnabledContext);
+  return (0, _react.useContext)(_appProviderThemingEnabledContext.AppProviderThemingEnabledContext);
 };

package/dist/cjs/entry-points/use-is-inside-theme-provider.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useIsInsideThemeProvider", {
+  enumerable: true,
+  get: function get() {
+    return _useIsInsideThemeProvider.useIsInsideThemeProvider;
+  }
+});
+var _useIsInsideThemeProvider = require("../theme-provider/hooks/use-is-inside-theme-provider");

package/dist/cjs/inside-app-provider-context.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InsideAppProviderContext = void 0;
+var _react = require("react");
+var InsideAppProviderContext = exports.InsideAppProviderContext = /*#__PURE__*/(0, _react.createContext)(false);

package/dist/cjs/theme-provider/context/color-mode.js

@@ -3,14 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SetColorModeContext = exports.ColorModeContext = void 0;
+exports.ColorModeContext = void 0;
 var _react = require("react");
 /**
  * __Color mode context__
  */
-var ColorModeContext = exports.ColorModeContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-
-/**
- * __Set color mode context__
- */
-var SetColorModeContext = exports.SetColorModeContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+var ColorModeContext = exports.ColorModeContext = /*#__PURE__*/(0, _react.createContext)(undefined);

package/dist/cjs/theme-provider/context/set-color-mode-context.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SetColorModeContext = void 0;
+var _react = require("react");
+var SetColorModeContext = exports.SetColorModeContext = /*#__PURE__*/(0, _react.createContext)(undefined);

package/dist/cjs/theme-provider/hooks/use-set-color-mode.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSetColorMode = useSetColorMode;
 var _react = require("react");
-var _colorMode = require("../context/color-mode");
+var _setColorModeContext = require("../context/set-color-mode-context");
 /**
  * __useSetColorMode()__
  *
  * Returns the color mode setter when inside the app provider.
  */
 function useSetColorMode() {
-  var value = (0, _react.useContext)(_colorMode.SetColorModeContext);
+  var value = (0, _react.useContext)(_setColorModeContext.SetColorModeContext);
   if (!value) {
     throw new Error('useSetColorMode must be used within ThemeProvider.');
   }

package/dist/cjs/theme-provider/index.js

@@ -20,6 +20,7 @@ var _tokens = require("@atlaskit/tokens");
 var _context3 = require("../context");
 var _colorMode = require("./context/color-mode");
 var _insideThemeProvider = require("./context/inside-theme-provider");
+var _setColorModeContext = require("./context/set-color-mode-context");
 var _theme = require("./context/theme");
 var _useIsInsideThemeProvider = require("./hooks/use-is-inside-theme-provider");
 var _loadAndMountThemes = require("./utils/load-and-mount-themes");
@@ -191,7 +192,7 @@ function ThemeProvider(_ref) {
     value: true
   }, /*#__PURE__*/_react.default.createElement(_colorMode.ColorModeContext.Provider, {
     value: reconciledColorMode
-  }, /*#__PURE__*/_react.default.createElement(_colorMode.SetColorModeContext.Provider, {
+  }, /*#__PURE__*/_react.default.createElement(_setColorModeContext.SetColorModeContext.Provider, {
     value: setColorMode
   }, /*#__PURE__*/_react.default.createElement(_theme.ThemeContext.Provider, {
     value: theme

package/dist/es2019/app-provider-theming-enabled-context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export const AppProviderThemingEnabledContext = /*#__PURE__*/createContext(false);

package/dist/es2019/app-provider.js

@@ -1,5 +1,7 @@
 import React from 'react';
-import { AppProviderThemingEnabledContext, InsideAppProviderContext, useIsInsideAppProvider } from './context';
+import { AppProviderThemingEnabledContext } from './app-provider-theming-enabled-context';
+import { useIsInsideAppProvider } from './context';
+import { InsideAppProviderContext } from './inside-app-provider-context';
 import RouterLinkProvider from './router-link-provider';
 import ThemeProvider from './theme-provider';
 /**

package/dist/es2019/context.js

@@ -1,21 +1,9 @@
-import { createContext, useContext } from 'react';
-
-/**
- * __Inside app provider context__
- *
- * A context that indicates if the current component is inside an AppProvider.
- */
-export const InsideAppProviderContext = /*#__PURE__*/createContext(false);
+import { useContext } from 'react';
+import { AppProviderThemingEnabledContext } from './app-provider-theming-enabled-context';
+import { InsideAppProviderContext } from './inside-app-provider-context';
 export const useIsInsideAppProvider = () => {
   return useContext(InsideAppProviderContext);
 };
-
-/**
- * __App provider theming enabled context__
- *
- * A context that indicates if the AppProvider is enabled for theming.
- */
-export const AppProviderThemingEnabledContext = /*#__PURE__*/createContext(false);
 export const useIsAppProviderThemingEnabled = () => {
   return useContext(AppProviderThemingEnabledContext);
 };

package/dist/es2019/entry-points/use-is-inside-theme-provider.js

@@ -0,0 +1 @@
+export { useIsInsideThemeProvider } from '../theme-provider/hooks/use-is-inside-theme-provider';

package/dist/es2019/inside-app-provider-context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export const InsideAppProviderContext = /*#__PURE__*/createContext(false);

package/dist/es2019/theme-provider/context/color-mode.js

@@ -2,9 +2,4 @@ import { createContext } from 'react';
 /**
  * __Color mode context__
  */
-export const ColorModeContext = /*#__PURE__*/createContext(undefined);
-
-/**
- * __Set color mode context__
- */
-export const SetColorModeContext = /*#__PURE__*/createContext(undefined);
+export const ColorModeContext = /*#__PURE__*/createContext(undefined);

package/dist/es2019/theme-provider/context/set-color-mode-context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export const SetColorModeContext = /*#__PURE__*/createContext(undefined);

package/dist/es2019/theme-provider/hooks/use-set-color-mode.js

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { SetColorModeContext } from '../context/color-mode';
+import { SetColorModeContext } from '../context/set-color-mode-context';
 
 /**
  * __useSetColorMode()__

package/dist/es2019/theme-provider/index.js

@@ -6,8 +6,9 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { bind } from 'bind-event-listener';
 import { getThemeHtmlAttrs, setGlobalTheme, SUBTREE_THEME_ATTRIBUTE } from '@atlaskit/tokens';
 import { useIsAppProviderThemingEnabled, useIsInsideAppProvider } from '../context';
-import { ColorModeContext, SetColorModeContext } from './context/color-mode';
+import { ColorModeContext } from './context/color-mode';
 import { InsideThemeProviderContext } from './context/inside-theme-provider';
+import { SetColorModeContext } from './context/set-color-mode-context';
 import { SetThemeContext, ThemeContext } from './context/theme';
 import { useIsInsideThemeProvider } from './hooks/use-is-inside-theme-provider';
 import { loadAndMountThemes } from './utils/load-and-mount-themes';

package/dist/esm/app-provider-theming-enabled-context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export var AppProviderThemingEnabledContext = /*#__PURE__*/createContext(false);

package/dist/esm/app-provider.js

@@ -1,5 +1,7 @@
 import React from 'react';
-import { AppProviderThemingEnabledContext, InsideAppProviderContext, useIsInsideAppProvider } from './context';
+import { AppProviderThemingEnabledContext } from './app-provider-theming-enabled-context';
+import { useIsInsideAppProvider } from './context';
+import { InsideAppProviderContext } from './inside-app-provider-context';
 import RouterLinkProvider from './router-link-provider';
 import ThemeProvider from './theme-provider';
 /**

package/dist/esm/context.js

@@ -1,21 +1,9 @@
-import { createContext, useContext } from 'react';
-
-/**
- * __Inside app provider context__
- *
- * A context that indicates if the current component is inside an AppProvider.
- */
-export var InsideAppProviderContext = /*#__PURE__*/createContext(false);
+import { useContext } from 'react';
+import { AppProviderThemingEnabledContext } from './app-provider-theming-enabled-context';
+import { InsideAppProviderContext } from './inside-app-provider-context';
 export var useIsInsideAppProvider = function useIsInsideAppProvider() {
   return useContext(InsideAppProviderContext);
 };
-
-/**
- * __App provider theming enabled context__
- *
- * A context that indicates if the AppProvider is enabled for theming.
- */
-export var AppProviderThemingEnabledContext = /*#__PURE__*/createContext(false);
 export var useIsAppProviderThemingEnabled = function useIsAppProviderThemingEnabled() {
   return useContext(AppProviderThemingEnabledContext);
 };

package/dist/esm/entry-points/use-is-inside-theme-provider.js

@@ -0,0 +1 @@
+export { useIsInsideThemeProvider } from '../theme-provider/hooks/use-is-inside-theme-provider';

package/dist/esm/inside-app-provider-context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export var InsideAppProviderContext = /*#__PURE__*/createContext(false);

package/dist/esm/theme-provider/context/color-mode.js

@@ -2,9 +2,4 @@ import { createContext } from 'react';
 /**
  * __Color mode context__
  */
-export var ColorModeContext = /*#__PURE__*/createContext(undefined);
-
-/**
- * __Set color mode context__
- */
-export var SetColorModeContext = /*#__PURE__*/createContext(undefined);
+export var ColorModeContext = /*#__PURE__*/createContext(undefined);

package/dist/esm/theme-provider/context/set-color-mode-context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export var SetColorModeContext = /*#__PURE__*/createContext(undefined);

package/dist/esm/theme-provider/hooks/use-set-color-mode.js

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { SetColorModeContext } from '../context/color-mode';
+import { SetColorModeContext } from '../context/set-color-mode-context';
 
 /**
  * __useSetColorMode()__

package/dist/esm/theme-provider/index.js

@@ -12,8 +12,9 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { bind } from 'bind-event-listener';
 import { getThemeHtmlAttrs, setGlobalTheme, SUBTREE_THEME_ATTRIBUTE } from '@atlaskit/tokens';
 import { useIsAppProviderThemingEnabled, useIsInsideAppProvider } from '../context';
-import { ColorModeContext, SetColorModeContext } from './context/color-mode';
+import { ColorModeContext } from './context/color-mode';
 import { InsideThemeProviderContext } from './context/inside-theme-provider';
+import { SetColorModeContext } from './context/set-color-mode-context';
 import { SetThemeContext, ThemeContext } from './context/theme';
 import { useIsInsideThemeProvider } from './hooks/use-is-inside-theme-provider';
 import { loadAndMountThemes } from './utils/load-and-mount-themes';

package/dist/types/app-provider-theming-enabled-context.d.ts

@@ -0,0 +1 @@
+export declare const AppProviderThemingEnabledContext: import('react').Context<boolean>;

package/dist/types/context.d.ts

@@ -1,14 +1,2 @@
-/**
- * __Inside app provider context__
- *
- * A context that indicates if the current component is inside an AppProvider.
- */
-export declare const InsideAppProviderContext: import('react').Context<boolean>;
 export declare const useIsInsideAppProvider: () => boolean;
-/**
- * __App provider theming enabled context__
- *
- * A context that indicates if the AppProvider is enabled for theming.
- */
-export declare const AppProviderThemingEnabledContext: import('react').Context<boolean>;
 export declare const useIsAppProviderThemingEnabled: () => boolean;

package/dist/types/entry-points/use-is-inside-theme-provider.d.ts

@@ -0,0 +1 @@
+export { useIsInsideThemeProvider } from '../theme-provider/hooks/use-is-inside-theme-provider';

package/dist/types/inside-app-provider-context.d.ts

@@ -0,0 +1 @@
+export declare const InsideAppProviderContext: import('react').Context<boolean>;

package/dist/types/theme-provider/context/color-mode.d.ts

@@ -4,7 +4,3 @@ export type ReconciledColorMode = Exclude<ThemeColorModes, 'auto'>;
  * __Color mode context__
  */
 export declare const ColorModeContext: import('react').Context<ReconciledColorMode | undefined>;
-/**
- * __Set color mode context__
- */
-export declare const SetColorModeContext: import('react').Context<((value: ThemeColorModes) => void) | undefined>;

package/dist/types/theme-provider/context/set-color-mode-context.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeColorModes } from '@atlaskit/tokens';
+export declare const SetColorModeContext: import('react').Context<((value: ThemeColorModes) => void) | undefined>;

package/dist/types-ts4.5/app-provider-theming-enabled-context.d.ts

@@ -0,0 +1 @@
+export declare const AppProviderThemingEnabledContext: import('react').Context<boolean>;

package/dist/types-ts4.5/context.d.ts

@@ -1,14 +1,2 @@
-/**
- * __Inside app provider context__
- *
- * A context that indicates if the current component is inside an AppProvider.
- */
-export declare const InsideAppProviderContext: import('react').Context<boolean>;
 export declare const useIsInsideAppProvider: () => boolean;
-/**
- * __App provider theming enabled context__
- *
- * A context that indicates if the AppProvider is enabled for theming.
- */
-export declare const AppProviderThemingEnabledContext: import('react').Context<boolean>;
 export declare const useIsAppProviderThemingEnabled: () => boolean;

package/dist/types-ts4.5/entry-points/use-is-inside-theme-provider.d.ts

@@ -0,0 +1 @@
+export { useIsInsideThemeProvider } from '../theme-provider/hooks/use-is-inside-theme-provider';

package/dist/types-ts4.5/inside-app-provider-context.d.ts

@@ -0,0 +1 @@
+export declare const InsideAppProviderContext: import('react').Context<boolean>;

package/dist/types-ts4.5/theme-provider/context/color-mode.d.ts

@@ -4,7 +4,3 @@ export type ReconciledColorMode = Exclude<ThemeColorModes, 'auto'>;
  * __Color mode context__
  */
 export declare const ColorModeContext: import('react').Context<ReconciledColorMode | undefined>;
-/**
- * __Set color mode context__
- */
-export declare const SetColorModeContext: import('react').Context<((value: ThemeColorModes) => void) | undefined>;

package/dist/types-ts4.5/theme-provider/context/set-color-mode-context.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeColorModes } from '@atlaskit/tokens';
+export declare const SetColorModeContext: import('react').Context<((value: ThemeColorModes) => void) | undefined>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/app-provider",
-	"version": "4.3.0",
+	"version": "4.3.1",
 	"description": "A top level provider for the Design System.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -56,7 +56,7 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/dropdown-menu": "^16.8.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlassian/feature-flags-test-utils": "^1.0.0",
+		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/testing-library": "^0.5.0",

package/use-is-inside-theme-provider/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/app-provider/use-is-inside-theme-provider",
+  "main": "../dist/cjs/entry-points/use-is-inside-theme-provider.js",
+  "module": "../dist/esm/entry-points/use-is-inside-theme-provider.js",
+  "module:es2019": "../dist/es2019/entry-points/use-is-inside-theme-provider.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/entry-points/use-is-inside-theme-provider.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/entry-points/use-is-inside-theme-provider.d.ts"
+      ]
+    }
+  }
+}