@hig/theme-context - npm Package Compare versions

Comparing version 4.1.0 to 4.2.0

build/index.es.js

@@ -1,12 +0,10 @@
-import createReactContext from 'create-react-context';
+import React, { createContext } from 'react';
 import defaultTheme from '@hig/theme-data/build/json/lightGrayMediumDensityTheme/theme.json';
-import React from 'react';
 import PropTypes from 'prop-types';
 
-var _createReactContext = createReactContext(defaultTheme),
-    Provider = _createReactContext.Provider,
-    Consumer = _createReactContext.Consumer;
+const {
+  Provider,
+  Consumer: Consumer$1
+} = /*#__PURE__*/createContext(defaultTheme);
 
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-
 function isPresent(obj, prop) {
@@ -21,21 +19,19 @@ return Object.prototype.hasOwnProperty.call(obj, prop);
 function resolvedRolesProxy(roles, theme) {
-  if ((typeof roles === "undefined" ? "undefined" : _typeof(roles)) !== "object") return roles;
-
+  if (typeof roles !== "object") return roles;
   return new Proxy(roles, {
-    get: function get(obj, prop) {
+    get: (obj, prop) => {
       if (hasRoleFormat(prop) && !isPresent(obj, prop)) {
         /* eslint-disable-next-line no-console */
-        console.error("Role " + prop.toString() + " does not exist");
+        console.error(`Role ${prop.toString()} does not exist`);
         return obj[prop];
       }
 
-      var hasRoleDeprecationInfo = isPresent(theme, "metadata") && isPresent(theme.metadata, "__deprecated__") && isPresent(theme.metadata.__deprecated__, prop);
+      const hasRoleDeprecationInfo = isPresent(theme, "metadata") && isPresent(theme.metadata, "__deprecated__") && isPresent(theme.metadata.__deprecated__, prop);
 
       if (hasRoleDeprecationInfo) {
-        var roleDeprecationInfo = theme.metadata.__deprecated__[prop];
+        const roleDeprecationInfo = theme.metadata.__deprecated__[prop];
+        const equivalencyInfo = roleDeprecationInfo.equivalent ? ` and has been renamed to ${roleDeprecationInfo.equivalent.toString()}.` : ".";
+        /* eslint-disable-next-line no-console */
 
-        var equivalencyInfo = roleDeprecationInfo.equivalent ? " and has been renamed to " + roleDeprecationInfo.equivalent.toString() + "." : ".";
-
-        /* eslint-disable-next-line no-console */
-        console.warn("Role " + prop.toString() + " is deprecated" + equivalencyInfo);
+        console.warn(`Role ${prop.toString()} is deprecated${equivalencyInfo}`);
       }
@@ -50,5 +46,4 @@
   return new Proxy(theme, {
-    get: function get(obj, prop) {
-      var value = obj[prop];
-
+    get: (obj, prop) => {
+      const value = obj[prop];
       if (prop.toString() === "resolvedRoles") return resolvedRolesProxy(value, theme);
@@ -58,8 +53,7 @@
         /* eslint-disable-next-line no-console */
-        console.error("Property " + prop.toString() + " does not exist.");
+        console.error(`Property ${prop.toString()} does not exist.`);
         return value;
       }
 
-      if ((typeof value === "undefined" ? "undefined" : _typeof(value)) === "object" && value !== null) return createThemeProxy(value);
-
+      if (typeof value === "object" && value !== null) return createThemeProxy(value);
       return value;
@@ -70,22 +64,14 @@ }
 
-var Consumer$1 = function Consumer$$1(props) {
-  return React.createElement(
-    Consumer,
-    null,
-    function (theme) {
-      var isDebugging = process.env.NODE_ENV !== "production";
-      var result = isDebugging ? createThemeProxy(theme) : theme;
+const Consumer = props => /*#__PURE__*/React.createElement(Consumer$1, null, theme => {
+  const isDebugging = process.env.NODE_ENV !== "production";
+  const result = isDebugging ? createThemeProxy(theme) : theme;
+  return props.children(result);
+});
 
-      return props.children(result);
-    }
-  );
-};
-
-Consumer$1.displayName = "Consumer";
-
-Consumer$1.propTypes = {
+Consumer.displayName = "Consumer";
+Consumer.propTypes = {
   /** A theme provided to the consumer within */
   children: PropTypes.func
 };
-Consumer$1.__docgenInfo = {
+Consumer.__docgenInfo = {
   "description": "",
@@ -104,5 +90,7 @@ "displayName": "Consumer",
 
-var index = { Provider: Provider, Consumer: Consumer$1 };
+var index = {
+  Provider,
+  Consumer
+};
 
-export default index;
-export { index as ThemeContext };
+export { index as ThemeContext, index as default };

build/index.js

@@ -5,14 +5,16 @@ 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+var React = require('react');
+var defaultTheme = require('@hig/theme-data/build/json/lightGrayMediumDensityTheme/theme.json');
+var PropTypes = require('prop-types');
 
-var createReactContext = _interopDefault(require('create-react-context'));
-var defaultTheme = _interopDefault(require('@hig/theme-data/build/json/lightGrayMediumDensityTheme/theme.json'));
-var React = _interopDefault(require('react'));
-var PropTypes = _interopDefault(require('prop-types'));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _createReactContext = createReactContext(defaultTheme),
-    Provider = _createReactContext.Provider,
-    Consumer = _createReactContext.Consumer;
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var defaultTheme__default = /*#__PURE__*/_interopDefaultLegacy(defaultTheme);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+const {
+  Provider,
+  Consumer: Consumer$1
+} = /*#__PURE__*/React.createContext(defaultTheme__default["default"]);
 
@@ -28,21 +30,19 @@ function isPresent(obj, prop) {
 function resolvedRolesProxy(roles, theme) {
-  if ((typeof roles === "undefined" ? "undefined" : _typeof(roles)) !== "object") return roles;
-
+  if (typeof roles !== "object") return roles;
   return new Proxy(roles, {
-    get: function get(obj, prop) {
+    get: (obj, prop) => {
       if (hasRoleFormat(prop) && !isPresent(obj, prop)) {
         /* eslint-disable-next-line no-console */
-        console.error("Role " + prop.toString() + " does not exist");
+        console.error(`Role ${prop.toString()} does not exist`);
         return obj[prop];
       }
 
-      var hasRoleDeprecationInfo = isPresent(theme, "metadata") && isPresent(theme.metadata, "__deprecated__") && isPresent(theme.metadata.__deprecated__, prop);
+      const hasRoleDeprecationInfo = isPresent(theme, "metadata") && isPresent(theme.metadata, "__deprecated__") && isPresent(theme.metadata.__deprecated__, prop);
 
       if (hasRoleDeprecationInfo) {
-        var roleDeprecationInfo = theme.metadata.__deprecated__[prop];
+        const roleDeprecationInfo = theme.metadata.__deprecated__[prop];
+        const equivalencyInfo = roleDeprecationInfo.equivalent ? ` and has been renamed to ${roleDeprecationInfo.equivalent.toString()}.` : ".";
+        /* eslint-disable-next-line no-console */
 
-        var equivalencyInfo = roleDeprecationInfo.equivalent ? " and has been renamed to " + roleDeprecationInfo.equivalent.toString() + "." : ".";
-
-        /* eslint-disable-next-line no-console */
-        console.warn("Role " + prop.toString() + " is deprecated" + equivalencyInfo);
+        console.warn(`Role ${prop.toString()} is deprecated${equivalencyInfo}`);
       }
@@ -57,5 +57,4 @@
   return new Proxy(theme, {
-    get: function get(obj, prop) {
-      var value = obj[prop];
-
+    get: (obj, prop) => {
+      const value = obj[prop];
       if (prop.toString() === "resolvedRoles") return resolvedRolesProxy(value, theme);
@@ -65,8 +64,7 @@
         /* eslint-disable-next-line no-console */
-        console.error("Property " + prop.toString() + " does not exist.");
+        console.error(`Property ${prop.toString()} does not exist.`);
         return value;
       }
 
-      if ((typeof value === "undefined" ? "undefined" : _typeof(value)) === "object" && value !== null) return createThemeProxy(value);
-
+      if (typeof value === "object" && value !== null) return createThemeProxy(value);
       return value;
@@ -77,22 +75,14 @@ }
 
-var Consumer$1 = function Consumer$$1(props) {
-  return React.createElement(
-    Consumer,
-    null,
-    function (theme) {
-      var isDebugging = process.env.NODE_ENV !== "production";
-      var result = isDebugging ? createThemeProxy(theme) : theme;
+const Consumer = props => /*#__PURE__*/React__default["default"].createElement(Consumer$1, null, theme => {
+  const isDebugging = process.env.NODE_ENV !== "production";
+  const result = isDebugging ? createThemeProxy(theme) : theme;
+  return props.children(result);
+});
 
-      return props.children(result);
-    }
-  );
-};
-
-Consumer$1.displayName = "Consumer";
-
-Consumer$1.propTypes = {
+Consumer.displayName = "Consumer";
+Consumer.propTypes = {
   /** A theme provided to the consumer within */
-  children: PropTypes.func
+  children: PropTypes__default["default"].func
 };
-Consumer$1.__docgenInfo = {
+Consumer.__docgenInfo = {
   "description": "",
@@ -111,5 +101,8 @@ "displayName": "Consumer",
 
-var index = { Provider: Provider, Consumer: Consumer$1 };
+var index = {
+  Provider,
+  Consumer
+};
 
 exports.ThemeContext = index;
-exports.default = index;
+exports["default"] = index;

CHANGELOG.md

@@ -0,1 +1,8 @@
+# [@hig/theme-context-v4.2.0](https://github.com/Autodesk/hig/compare/@hig/theme-context@4.1.0...@hig/theme-context@4.2.0) (2022-06-27)
+
+
+### Features
+
+* use createContext from React ([8a283ef](https://github.com/Autodesk/hig/commit/8a283ef))
+
 # [@hig/theme-context-v4.1.0](https://github.com/Autodesk/hig/compare/@hig/theme-context@4.0.0...@hig/theme-context@4.1.0) (2022-01-24)
@@ -2,0 +9,0 @@

package.json

 {
   "name": "@hig/theme-context",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "description": "ThemeContext components to ease adoption of theme data from React components",
@@ -21,3 +21,2 @@ "author": "Autodesk Inc.",
   "dependencies": {
-    "create-react-context": "^0.3.0",
     "prop-types": "^15.6.1"
@@ -33,3 +32,3 @@ },
   "peerDependencies": {
-    "@hig/theme-data": "^2.22.1",
+    "@hig/theme-data": "^2.26.0",
     "react": "^17.0.0"
@@ -36,0 +35,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Dependency count

3

decreased by-25%

Worsened metrics

Total package byte prevSize

15424

decreased by-4.72%

Lines of code

159

decreased by-3.64%

Dependency changes

• - Removedcreate-react-context@^0.3.0

• - Removedcreate-react-context@0.3.0(transitive)

• - Removedgud@1.0.0(transitive)

• - Removedreact@16.14.0(transitive)

• - Removedwarning@4.0.3(transitive)