@griffel/react 1.7.1 → 1.7.3

package/src/renderToStyleElements.d.ts

@@ -1,8 +0,0 @@
-import type { ReactElement } from 'react';
-import type { GriffelRenderer } from '@griffel/core';
-/**
- * This method returns a list of <style> React elements with the rendered CSS. This is useful for Server-Side rendering.
- *
- * @public
- */
-export declare function renderToStyleElements(renderer: GriffelRenderer): ReactElement[];

package/src/renderToStyleElements.js

@@ -1,51 +0,0 @@
-'use client';
-import { styleBucketOrdering } from '@griffel/core';
-import { createElement } from 'react';
-/**
- * This method returns a list of <style> React elements with the rendered CSS. This is useful for Server-Side rendering.
- *
- * @public
- */
-export function renderToStyleElements(renderer) {
-    const stylesheets = Object.values(renderer.stylesheets)
-        // first sort: bucket by order [data-priority]
-        .sort((a, b) => {
-        return Number(a.elementAttributes['data-priority']) - Number(b.elementAttributes['data-priority']);
-    })
-        // second sort: bucket by bucket name
-        .sort((a, b) => {
-        return styleBucketOrdering.indexOf(a.bucketName) - styleBucketOrdering.indexOf(b.bucketName);
-    })
-        // third sort: media queries
-        .sort((a, b) => {
-        const mediaA = a.elementAttributes['media'];
-        const mediaB = b.elementAttributes['media'];
-        if (mediaA && mediaB) {
-            return renderer.compareMediaQueries(mediaA, mediaB);
-        }
-        if (mediaA || mediaB) {
-            return mediaA ? 1 : -1;
-        }
-        return 0;
-    });
-    return stylesheets
-        .map(stylesheet => {
-        const cssRules = stylesheet.cssRules();
-        // don't want to create any empty style elements
-        if (!cssRules.length) {
-            return null;
-        }
-        return createElement('style', {
-            key: stylesheet.bucketName,
-            // TODO: support "nonce"
-            // ...renderer.styleNodeAttributes,
-            ...stylesheet.elementAttributes,
-            'data-make-styles-rehydration': 'true',
-            dangerouslySetInnerHTML: {
-                __html: cssRules.join(''),
-            },
-        });
-    })
-        .filter(Boolean);
-}
-//# sourceMappingURL=renderToStyleElements.js.map

package/src/renderToStyleElements.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderToStyleElements.js","sourceRoot":"","sources":["../../../../packages/react/src/renderToStyleElements.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CAAC,QAAyB;IAC7D,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC;QACrD,8CAA8C;SAC7C,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACb,OAAO,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAC;IACrG,CAAC,CAAC;QACF,qCAAqC;SACpC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACb,OAAO,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAC/F,CAAC,CAAC;QACF,4BAA4B;SAC3B,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACb,MAAM,MAAM,GAAG,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAC5C,MAAM,MAAM,GAAG,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAE5C,IAAI,MAAM,IAAI,MAAM,EAAE,CAAC;YACrB,OAAO,QAAQ,CAAC,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACtD,CAAC;QAED,IAAI,MAAM,IAAI,MAAM,EAAE,CAAC;YACrB,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACzB,CAAC;QAED,OAAO,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;IAEL,OAAO,WAAW;SACf,GAAG,CAAC,UAAU,CAAC,EAAE;QAChB,MAAM,QAAQ,GAAG,UAAU,CAAC,QAAQ,EAAE,CAAC;QACvC,gDAAgD;QAChD,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACrB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,aAAa,CAAC,OAAO,EAAE;YAC5B,GAAG,EAAE,UAAU,CAAC,UAAU;YAE1B,wBAAwB;YACxB,mCAAmC;YACnC,GAAG,UAAU,CAAC,iBAAiB;YAC/B,8BAA8B,EAAE,MAAM;YAEtC,uBAAuB,EAAE;gBACvB,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;aAC1B;SACF,CAAC,CAAC;IACL,CAAC,CAAC;SACD,MAAM,CAAC,OAAO,CAAmB,CAAC;AACvC,CAAC"}

package/src/useInsertionEffect.d.ts

@@ -1 +0,0 @@
-export {};

package/src/useInsertionEffect.js

@@ -1,10 +0,0 @@
-'use client';
-import React from 'react';
-/**
- * @internal
- */
-export const useInsertionEffect = 
-// @ts-expect-error Hack to make sure that `useInsertionEffect` will not cause bundling issues in older React versions
-// eslint-disable-next-line no-useless-concat
-React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : undefined;
-//# sourceMappingURL=useInsertionEffect.js.map

package/src/useInsertionEffect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInsertionEffect.js","sourceRoot":"","sources":["../../../../packages/react/src/useInsertionEffect.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB;AAC7B,sHAAsH;AACtH,6CAA6C;AAC7C,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC"}

package/src/utils/canUseDOM.d.ts

@@ -1 +0,0 @@
-export {};

package/src/utils/canUseDOM.js

@@ -1,9 +0,0 @@
-/**
- * Verifies if an application can use DOM.
- *
- * @internal
- */
-export function canUseDOM() {
-    return typeof window !== 'undefined' && !!(window.document && window.document.createElement);
-}
-//# sourceMappingURL=canUseDOM.js.map

package/src/utils/canUseDOM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"canUseDOM.js","sourceRoot":"","sources":["../../../../../packages/react/src/utils/canUseDOM.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,SAAS;IACvB,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;AAC/F,CAAC"}

package/src/utils/isInsideComponent.d.ts

@@ -1 +0,0 @@
-export {};

package/src/utils/isInsideComponent.js

@@ -1,39 +0,0 @@
-'use client';
-import React from 'react';
-function getDispatcher() {
-    try {
-        return React[''.concat('__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE')].H;
-    }
-    catch {
-        // React 19+
-    }
-    try {
-        return React[''.concat('__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED')].ReactCurrentDispatcher
-            .current;
-    }
-    catch {
-        // React 18 and below
-    }
-}
-/**
- * @internal
- */
-export 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 {
-        const dispatcher = getDispatcher();
-        // 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 wont
-        dispatcher.useContext({});
-        return true;
-    }
-    catch {
-        return false;
-    }
-}
-//# sourceMappingURL=isInsideComponent.js.map

package/src/utils/isInsideComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isInsideComponent.js","sourceRoot":"","sources":["../../../../../packages/react/src/utils/isInsideComponent.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,SAAS,aAAa;IACpB,IAAI,CAAC;QACH,OAAQ,KAAa,CAAC,EAAE,CAAC,MAAM,CAAC,iEAAiE,CAAC,CAAC,CAAC,CAAC,CAAC;IACxG,CAAC;IAAC,MAAM,CAAC;QACP,YAAY;IACd,CAAC;IAED,IAAI,CAAC;QACH,OAAQ,KAAa,CAAC,EAAE,CAAC,MAAM,CAAC,oDAAoD,CAAC,CAAC,CAAC,sBAAsB;aAC1G,OAAO,CAAC;IACb,CAAC;IAAC,MAAM,CAAC;QACP,qBAAqB;IACvB,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,iBAAiB;IAC/B,8DAA8D;IAC9D,2HAA2H;IAC3H,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;QAEnC,sEAAsE;QACtE,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;YACpD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,+GAA+G;QAC/G,gCAAgC;QAChC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC"}