@atlaskit/app-provider 1.0.0 → 1.1.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/app-provider
 
+## 1.1.0
+
+### Minor Changes
+
+- [#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`
+
+## 1.0.1
+
+### Patch Changes
+
+- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
+
 ## 1.0.0
 
 ### Major Changes

package/dist/cjs/app-provider.js

@@ -10,8 +10,8 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _routerLinkProvider = _interopRequireDefault(require("./router-link-provider"));
 var _themeProvider = _interopRequireDefault(require("./theme-provider"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var InsideAppProviderContext = /*#__PURE__*/(0, _react.createContext)(false);
 /**
  * __App provider__
@@ -25,18 +25,20 @@ function AppProvider(_ref) {
     _ref$defaultColorMode = _ref.defaultColorMode,
     defaultColorMode = _ref$defaultColorMode === void 0 ? 'light' : _ref$defaultColorMode,
     defaultTheme = _ref.defaultTheme,
-    routerLinkComponent = _ref.routerLinkComponent;
+    routerLinkComponent = _ref.routerLinkComponent,
+    UNSAFE_isThemingDisabled = _ref.UNSAFE_isThemingDisabled;
   var isInsideAppProvider = (0, _react.useContext)(InsideAppProviderContext);
   if (isInsideAppProvider) {
     throw new Error('App provider should not be nested within another app provider.');
   }
+  var routerLinkProvider = /*#__PURE__*/_react.default.createElement(_routerLinkProvider.default, {
+    routerLinkComponent: routerLinkComponent
+  }, children);
   return /*#__PURE__*/_react.default.createElement(InsideAppProviderContext.Provider, {
     value: true
-  }, /*#__PURE__*/_react.default.createElement(_themeProvider.default, {
+  }, UNSAFE_isThemingDisabled ? routerLinkProvider : /*#__PURE__*/_react.default.createElement(_themeProvider.default, {
     defaultColorMode: defaultColorMode,
     defaultTheme: defaultTheme
-  }, /*#__PURE__*/_react.default.createElement(_routerLinkProvider.default, {
-    routerLinkComponent: routerLinkComponent
-  }, children)));
+  }, routerLinkProvider));
 }
 var _default = exports.default = AppProvider;

package/dist/cjs/router-link-provider/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.RouterLinkProviderContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var RouterLinkProviderContext = exports.RouterLinkProviderContext = /*#__PURE__*/(0, _react.createContext)({});
 /**
  * __RouterLinkProvider__

package/dist/cjs/theme-provider.js

@@ -16,8 +16,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
 var _tokens = require("@atlaskit/tokens");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var defaultThemeSettings = {

package/dist/es2019/app-provider.js

@@ -13,19 +13,21 @@ export function AppProvider({
   children,
   defaultColorMode = 'light',
   defaultTheme,
-  routerLinkComponent
+  routerLinkComponent,
+  UNSAFE_isThemingDisabled
 }) {
   const isInsideAppProvider = useContext(InsideAppProviderContext);
   if (isInsideAppProvider) {
     throw new Error('App provider should not be nested within another app provider.');
   }
+  const routerLinkProvider = /*#__PURE__*/React.createElement(RouterLinkProvider, {
+    routerLinkComponent: routerLinkComponent
+  }, children);
   return /*#__PURE__*/React.createElement(InsideAppProviderContext.Provider, {
     value: true
-  }, /*#__PURE__*/React.createElement(ThemeProvider, {
+  }, UNSAFE_isThemingDisabled ? routerLinkProvider : /*#__PURE__*/React.createElement(ThemeProvider, {
     defaultColorMode: defaultColorMode,
     defaultTheme: defaultTheme
-  }, /*#__PURE__*/React.createElement(RouterLinkProvider, {
-    routerLinkComponent: routerLinkComponent
-  }, children)));
+  }, routerLinkProvider));
 }
 export default AppProvider;

package/dist/esm/app-provider.js

@@ -14,18 +14,20 @@ export function AppProvider(_ref) {
     _ref$defaultColorMode = _ref.defaultColorMode,
     defaultColorMode = _ref$defaultColorMode === void 0 ? 'light' : _ref$defaultColorMode,
     defaultTheme = _ref.defaultTheme,
-    routerLinkComponent = _ref.routerLinkComponent;
+    routerLinkComponent = _ref.routerLinkComponent,
+    UNSAFE_isThemingDisabled = _ref.UNSAFE_isThemingDisabled;
   var isInsideAppProvider = useContext(InsideAppProviderContext);
   if (isInsideAppProvider) {
     throw new Error('App provider should not be nested within another app provider.');
   }
+  var routerLinkProvider = /*#__PURE__*/React.createElement(RouterLinkProvider, {
+    routerLinkComponent: routerLinkComponent
+  }, children);
   return /*#__PURE__*/React.createElement(InsideAppProviderContext.Provider, {
     value: true
-  }, /*#__PURE__*/React.createElement(ThemeProvider, {
+  }, UNSAFE_isThemingDisabled ? routerLinkProvider : /*#__PURE__*/React.createElement(ThemeProvider, {
     defaultColorMode: defaultColorMode,
     defaultTheme: defaultTheme
-  }, /*#__PURE__*/React.createElement(RouterLinkProvider, {
-    routerLinkComponent: routerLinkComponent
-  }, children)));
+  }, routerLinkProvider));
 }
 export default AppProvider;

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

@@ -14,6 +14,15 @@ interface AppProviderProps {
      * A configured router link component.
      */
     routerLinkComponent?: RouterLinkComponent<any>;
+    /**
+     * Disables theming functionality.
+     * This is intended for use in apps with existing
+     * theming configuration that want to incrementally
+     * adopt AppProvider.
+     *
+     * @warning Use with caution. This prop will be removed in a future release.
+     */
+    UNSAFE_isThemingDisabled?: boolean;
     /**
      * App content.
      */
@@ -26,5 +35,5 @@ interface AppProviderProps {
  *
  * Place it at the root of your application.
  */
-export declare function AppProvider({ children, defaultColorMode, defaultTheme, routerLinkComponent, }: AppProviderProps): JSX.Element;
+export declare function AppProvider({ children, defaultColorMode, defaultTheme, routerLinkComponent, UNSAFE_isThemingDisabled, }: AppProviderProps): JSX.Element;
 export default AppProvider;

package/dist/types/router-link-provider/index.d.ts

@@ -2,8 +2,11 @@ import React from 'react';
 export type RouterLinkComponent<RouterLinkConfig extends Record<string, any> = never> = React.ForwardRefExoticComponent<RouterLinkComponentProps<RouterLinkConfig> & React.RefAttributes<HTMLAnchorElement>>;
 export type RouterLinkComponentProps<RouterLinkConfig extends Record<string, any> = never> = {
     /**
-     * A string which can be mapped to the underlying router link,
-     * or optionally a custom object defined in the generic type for advanced use.
+     * Standard links can be provided as a string, which should be mapped to the
+     * underlying router link component.
+     *
+     * Alternatively, you can provide an object for advanced link configurations
+     * by supplying the expected object type to the generic.
      *
      * @example
      * ```

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

@@ -14,6 +14,15 @@ interface AppProviderProps {
      * A configured router link component.
      */
     routerLinkComponent?: RouterLinkComponent<any>;
+    /**
+     * Disables theming functionality.
+     * This is intended for use in apps with existing
+     * theming configuration that want to incrementally
+     * adopt AppProvider.
+     *
+     * @warning Use with caution. This prop will be removed in a future release.
+     */
+    UNSAFE_isThemingDisabled?: boolean;
     /**
      * App content.
      */
@@ -26,5 +35,5 @@ interface AppProviderProps {
  *
  * Place it at the root of your application.
  */
-export declare function AppProvider({ children, defaultColorMode, defaultTheme, routerLinkComponent, }: AppProviderProps): JSX.Element;
+export declare function AppProvider({ children, defaultColorMode, defaultTheme, routerLinkComponent, UNSAFE_isThemingDisabled, }: AppProviderProps): JSX.Element;
 export default AppProvider;

package/dist/types-ts4.5/router-link-provider/index.d.ts

@@ -2,8 +2,11 @@ import React from 'react';
 export type RouterLinkComponent<RouterLinkConfig extends Record<string, any> = never> = React.ForwardRefExoticComponent<RouterLinkComponentProps<RouterLinkConfig> & React.RefAttributes<HTMLAnchorElement>>;
 export type RouterLinkComponentProps<RouterLinkConfig extends Record<string, any> = never> = {
     /**
-     * A string which can be mapped to the underlying router link,
-     * or optionally a custom object defined in the generic type for advanced use.
+     * Standard links can be provided as a string, which should be mapped to the
+     * underlying router link component.
+     *
+     * Alternatively, you can provide an object for advanced link configurations
+     * by supplying the expected object type to the generic.
      *
      * @example
      * ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/app-provider",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A top level provider for the Design System.",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -38,7 +38,7 @@
     ".": "./src/index.tsx"
   },
   "dependencies": {
-    "@atlaskit/tokens": "^1.35.0",
+    "@atlaskit/tokens": "^1.42.0",
     "@babel/runtime": "^7.0.0",
     "bind-event-listener": "^2.1.1"
   },
@@ -47,6 +47,7 @@
   },
   "devDependencies": {
     "@af/visual-regression": "*",
+    "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
@@ -56,7 +57,7 @@
     "react-dom": "^16.8.0",
     "react-resource-router": "^0.20.0",
     "react-router-dom": "^4.2.2",
-    "typescript": "~4.9.5",
+    "typescript": "~5.4.2",
     "wait-for-expect": "^1.2.0"
   },
   "techstack": {
@@ -80,11 +81,9 @@
       "ui-components": [
         "lite-mode"
       ],
-      "deprecation": [
-        "no-deprecated-imports"
-      ],
+      "deprecation": "no-deprecated-imports",
       "styling": [
-        "static",
+        "emotion",
         "emotion"
       ],
       "imports": [
@@ -94,4 +93,4 @@
   },
   "homepage": "https://atlassian.design/components",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
-}
+}