@griffel/react - npm Package Compare versions

Comparing version 1.3.2 to 1.4.0

index.cjs.js

@@ -7,2 +7,3 @@ 'use strict';
 var makeStyles = require('./makeStyles.cjs.js');
+var makeResetStyles = require('./makeResetStyles.cjs.js');
 var makeStaticStyles = require('./makeStaticStyles.cjs.js');
@@ -30,2 +31,3 @@ var renderToStyleElements = require('./renderToStyleElements.cjs.js');
 exports.makeStyles = makeStyles.makeStyles;
+exports.makeResetStyles = makeResetStyles.makeResetStyles;
 exports.makeStaticStyles = makeStaticStyles.makeStaticStyles;
@@ -32,0 +34,0 @@ exports.renderToStyleElements = renderToStyleElements.renderToStyleElements;

index.d.ts

 export { shorthands, mergeClasses, createDOMRenderer } from '@griffel/core';
 export type { GriffelStyle, CreateDOMRendererOptions, GriffelRenderer } from '@griffel/core';
 export { makeStyles } from './makeStyles';
+export { makeResetStyles } from './makeResetStyles';
 export { makeStaticStyles } from './makeStaticStyles';
@@ -5,0 +6,0 @@ export { renderToStyleElements } from './renderToStyleElements';

index.esm.js

 export { createDOMRenderer, mergeClasses, shorthands } from '@griffel/core';
 export { makeStyles } from './makeStyles.esm.js';
+export { makeResetStyles } from './makeResetStyles.esm.js';
 export { makeStaticStyles } from './makeStaticStyles.esm.js';
@@ -4,0 +5,0 @@ export { renderToStyleElements } from './renderToStyleElements.esm.js';

makeStyles.cjs.js

@@ -6,46 +6,6 @@ 'use strict';
 var core = require('@griffel/core');
-var React = require('react');
+var isInsideComponent = require('./utils/isInsideComponent.cjs.js');
 var RendererContext = require('./RendererContext.cjs.js');
 var TextDirectionContext = require('./TextDirectionContext.cjs.js');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-function isInsideComponent() {
-  // React 18 always logs errors if a dispatcher is not present:
-  // https://github.com/facebook/react/blob/42f15b324f50d0fd98322c21646ac3013e30344a/packages/react/src/ReactHooks.js#L26-L36
-  try {
-    // @ts-expect-error "SECRET_INTERNALS" are not typed
-    const dispatcher = React__namespace.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher.current; // Before any React component was rendered "dispatcher" will be "null"
-
-    if (dispatcher === null || dispatcher === undefined) {
-      return false;
-    } // A check with hooks call (i.e. call "React.useContext()" outside a component) will always produce errors, but
-    // a call on the dispatcher don't
-
-
-    dispatcher.useContext({});
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
 function makeStyles(stylesBySlots) {
@@ -55,3 +15,3 @@ const getStyles = core.makeStyles(stylesBySlots);
   if (process.env.NODE_ENV !== 'production') {
-    if (isInsideComponent()) {
+    if (isInsideComponent.isInsideComponent()) {
       throw new Error(["makeStyles(): this function cannot be called in component's scope.", 'All makeStyles() calls should be top level i.e. in a root scope of a file.'].join(' '));
@@ -58,0 +18,0 @@ }

makeStyles.esm.js

 import { makeStyles as makeStyles$1 } from '@griffel/core';
-import * as React from 'react';
+import { isInsideComponent } from './utils/isInsideComponent.esm.js';
 import { useRenderer } from './RendererContext.esm.js';
 import { useTextDirection } from './TextDirectionContext.esm.js';
 
-function isInsideComponent() {
-  // React 18 always logs errors if a dispatcher is not present:
-  // https://github.com/facebook/react/blob/42f15b324f50d0fd98322c21646ac3013e30344a/packages/react/src/ReactHooks.js#L26-L36
-  try {
-    // @ts-expect-error "SECRET_INTERNALS" are not typed
-    const dispatcher = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher.current; // Before any React component was rendered "dispatcher" will be "null"
-
-    if (dispatcher === null || dispatcher === undefined) {
-      return false;
-    } // A check with hooks call (i.e. call "React.useContext()" outside a component) will always produce errors, but
-    // a call on the dispatcher don't
-
-
-    dispatcher.useContext({});
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
 function makeStyles(stylesBySlots) {
@@ -27,0 +7,0 @@ const getStyles = makeStyles$1(stylesBySlots);

package.json

 {
   "name": "@griffel/react",
-  "version": "1.3.2",
+  "version": "1.4.0",
   "description": "React implementation of Atomic CSS-in-JS",
@@ -12,3 +12,3 @@ "license": "MIT",
   "dependencies": {
-    "@griffel/core": "^1.6.1",
+    "@griffel/core": "^1.7.0",
     "tslib": "^2.1.0"
@@ -15,0 +15,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

Total package byte prevSize

68512

increased by10.61%

Number of package files

53

increased by23.26%

Lines of code

681

increased by9.84%

Worsened metrics

Number of low supply chain risk alerts

6

increased by50%

Dependency changes

• Updated@griffel/core@^1.7.0