@atlaskit/app-provider 1.0.1 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/app-provider
2
2
 
3
+ ## 1.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#87244](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/87244) [`7d9d0320d3da`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7d9d0320d3da) - Add option to disable theming features with `UNSAFE_isThemingDisabled`
8
+
3
9
  ## 1.0.1
4
10
 
5
11
  ### Patch Changes
@@ -25,18 +25,20 @@ function AppProvider(_ref) {
25
25
  _ref$defaultColorMode = _ref.defaultColorMode,
26
26
  defaultColorMode = _ref$defaultColorMode === void 0 ? 'light' : _ref$defaultColorMode,
27
27
  defaultTheme = _ref.defaultTheme,
28
- routerLinkComponent = _ref.routerLinkComponent;
28
+ routerLinkComponent = _ref.routerLinkComponent,
29
+ UNSAFE_isThemingDisabled = _ref.UNSAFE_isThemingDisabled;
29
30
  var isInsideAppProvider = (0, _react.useContext)(InsideAppProviderContext);
30
31
  if (isInsideAppProvider) {
31
32
  throw new Error('App provider should not be nested within another app provider.');
32
33
  }
34
+ var routerLinkProvider = /*#__PURE__*/_react.default.createElement(_routerLinkProvider.default, {
35
+ routerLinkComponent: routerLinkComponent
36
+ }, children);
33
37
  return /*#__PURE__*/_react.default.createElement(InsideAppProviderContext.Provider, {
34
38
  value: true
35
- }, /*#__PURE__*/_react.default.createElement(_themeProvider.default, {
39
+ }, UNSAFE_isThemingDisabled ? routerLinkProvider : /*#__PURE__*/_react.default.createElement(_themeProvider.default, {
36
40
  defaultColorMode: defaultColorMode,
37
41
  defaultTheme: defaultTheme
38
- }, /*#__PURE__*/_react.default.createElement(_routerLinkProvider.default, {
39
- routerLinkComponent: routerLinkComponent
40
- }, children)));
42
+ }, routerLinkProvider));
41
43
  }
42
44
  var _default = exports.default = AppProvider;
@@ -13,19 +13,21 @@ export function AppProvider({
13
13
  children,
14
14
  defaultColorMode = 'light',
15
15
  defaultTheme,
16
- routerLinkComponent
16
+ routerLinkComponent,
17
+ UNSAFE_isThemingDisabled
17
18
  }) {
18
19
  const isInsideAppProvider = useContext(InsideAppProviderContext);
19
20
  if (isInsideAppProvider) {
20
21
  throw new Error('App provider should not be nested within another app provider.');
21
22
  }
23
+ const routerLinkProvider = /*#__PURE__*/React.createElement(RouterLinkProvider, {
24
+ routerLinkComponent: routerLinkComponent
25
+ }, children);
22
26
  return /*#__PURE__*/React.createElement(InsideAppProviderContext.Provider, {
23
27
  value: true
24
- }, /*#__PURE__*/React.createElement(ThemeProvider, {
28
+ }, UNSAFE_isThemingDisabled ? routerLinkProvider : /*#__PURE__*/React.createElement(ThemeProvider, {
25
29
  defaultColorMode: defaultColorMode,
26
30
  defaultTheme: defaultTheme
27
- }, /*#__PURE__*/React.createElement(RouterLinkProvider, {
28
- routerLinkComponent: routerLinkComponent
29
- }, children)));
31
+ }, routerLinkProvider));
30
32
  }
31
33
  export default AppProvider;
@@ -14,18 +14,20 @@ export function AppProvider(_ref) {
14
14
  _ref$defaultColorMode = _ref.defaultColorMode,
15
15
  defaultColorMode = _ref$defaultColorMode === void 0 ? 'light' : _ref$defaultColorMode,
16
16
  defaultTheme = _ref.defaultTheme,
17
- routerLinkComponent = _ref.routerLinkComponent;
17
+ routerLinkComponent = _ref.routerLinkComponent,
18
+ UNSAFE_isThemingDisabled = _ref.UNSAFE_isThemingDisabled;
18
19
  var isInsideAppProvider = useContext(InsideAppProviderContext);
19
20
  if (isInsideAppProvider) {
20
21
  throw new Error('App provider should not be nested within another app provider.');
21
22
  }
23
+ var routerLinkProvider = /*#__PURE__*/React.createElement(RouterLinkProvider, {
24
+ routerLinkComponent: routerLinkComponent
25
+ }, children);
22
26
  return /*#__PURE__*/React.createElement(InsideAppProviderContext.Provider, {
23
27
  value: true
24
- }, /*#__PURE__*/React.createElement(ThemeProvider, {
28
+ }, UNSAFE_isThemingDisabled ? routerLinkProvider : /*#__PURE__*/React.createElement(ThemeProvider, {
25
29
  defaultColorMode: defaultColorMode,
26
30
  defaultTheme: defaultTheme
27
- }, /*#__PURE__*/React.createElement(RouterLinkProvider, {
28
- routerLinkComponent: routerLinkComponent
29
- }, children)));
31
+ }, routerLinkProvider));
30
32
  }
31
33
  export default AppProvider;
@@ -14,6 +14,15 @@ interface AppProviderProps {
14
14
  * A configured router link component.
15
15
  */
16
16
  routerLinkComponent?: RouterLinkComponent<any>;
17
+ /**
18
+ * Disables theming functionality.
19
+ * This is intended for use in apps with existing
20
+ * theming configuration that want to incrementally
21
+ * adopt AppProvider.
22
+ *
23
+ * @warning Use with caution. This prop will be removed in a future release.
24
+ */
25
+ UNSAFE_isThemingDisabled?: boolean;
17
26
  /**
18
27
  * App content.
19
28
  */
@@ -26,5 +35,5 @@ interface AppProviderProps {
26
35
  *
27
36
  * Place it at the root of your application.
28
37
  */
29
- export declare function AppProvider({ children, defaultColorMode, defaultTheme, routerLinkComponent, }: AppProviderProps): JSX.Element;
38
+ export declare function AppProvider({ children, defaultColorMode, defaultTheme, routerLinkComponent, UNSAFE_isThemingDisabled, }: AppProviderProps): JSX.Element;
30
39
  export default AppProvider;
@@ -14,6 +14,15 @@ interface AppProviderProps {
14
14
  * A configured router link component.
15
15
  */
16
16
  routerLinkComponent?: RouterLinkComponent<any>;
17
+ /**
18
+ * Disables theming functionality.
19
+ * This is intended for use in apps with existing
20
+ * theming configuration that want to incrementally
21
+ * adopt AppProvider.
22
+ *
23
+ * @warning Use with caution. This prop will be removed in a future release.
24
+ */
25
+ UNSAFE_isThemingDisabled?: boolean;
17
26
  /**
18
27
  * App content.
19
28
  */
@@ -26,5 +35,5 @@ interface AppProviderProps {
26
35
  *
27
36
  * Place it at the root of your application.
28
37
  */
29
- export declare function AppProvider({ children, defaultColorMode, defaultTheme, routerLinkComponent, }: AppProviderProps): JSX.Element;
38
+ export declare function AppProvider({ children, defaultColorMode, defaultTheme, routerLinkComponent, UNSAFE_isThemingDisabled, }: AppProviderProps): JSX.Element;
30
39
  export default AppProvider;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/app-provider",
3
- "version": "1.0.1",
3
+ "version": "1.1.0",
4
4
  "description": "A top level provider for the Design System.",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",