@griffel/react 1.7.3 → 1.7.4

package/src/stories/FallbackValues.stories.tsx

@@ -1,50 +0,0 @@
-import type { StoryFn } from '@storybook/react-vite';
-
-import { makeStyles, shorthands, TextDirectionProvider } from '../';
-
-const useStyles = makeStyles({
-  shouldFallbackToRed: {
-    color: ['red', 'invalid'],
-    ...shorthands.border(['1px'], 'solid', ['red', 'invalid']),
-    ...shorthands.borderRight('40px', 'solid', ['green', 'invalid']),
-    borderTopStyle: ['hidden', 'dashed'],
-  },
-  shouldBeBlue: {
-    color: ['red', 'blue'],
-    ...shorthands.border('1px', 'solid', ['red', 'blue']),
-    ...shorthands.borderRight('40px', 'solid', ['green', 'grey']),
-    borderRightWidth: '100px',
-  },
-});
-
-const FallbackTest = ({ isRtl = false }: { isRtl?: boolean }) => {
-  const classes = useStyles();
-  return (
-    <>
-      <p className={classes.shouldBeBlue}>
-        Colour and border should be blue, {isRtl ? 'left' : 'right'} wide border grey.
-      </p>
-      <p className={classes.shouldFallbackToRed}>
-        Colour and border should fallback to red, {isRtl ? 'left' : 'right'} wide border to green.
-      </p>
-    </>
-  );
-};
-
-export const FallbackValues: StoryFn = () => {
-  return (
-    <div>
-      <FallbackTest />
-      <TextDirectionProvider dir="rtl">
-        <div dir="rtl">
-          <h2>RTL</h2>
-          <FallbackTest isRtl />
-        </div>
-      </TextDirectionProvider>
-    </div>
-  );
-};
-
-export default {
-  title: 'Fallback values',
-};

package/src/stories/makeStyles.stories.tsx

@@ -1,17 +0,0 @@
-import { makeStyles } from '../../src/index.js';
-
-const useStyles = makeStyles({
-  root: {
-    color: 'deeppink',
-  },
-});
-
-export const MakeStyles = () => {
-  const classes = useStyles();
-
-  return <div className={classes.root}>no stories yet</div>;
-};
-
-export default {
-  title: 'MakeStyles',
-};

package/src/useInsertionEffect.ts

@@ -1,11 +0,0 @@
-'use client';
-
-import React from 'react';
-
-/**
- * @internal
- */
-export const useInsertionEffect: typeof React.useInsertionEffect | undefined =
-  // @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;

package/src/utils/canUseDOM-node.test.ts

@@ -1,14 +0,0 @@
-/*
- * @vitest-environment node
- */
-
-// 👆 this is intentionally to test in SSR like environment
-
-import { describe, it, expect } from 'vitest';
-import { canUseDOM } from './canUseDOM.js';
-
-describe('canUseDOM (node)', () => {
-  it('returns "false"', () => {
-    expect(canUseDOM()).toBe(false);
-  });
-});

package/src/utils/canUseDOM.test.tsx

@@ -1,8 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { canUseDOM } from './canUseDOM.js';
-
-describe('canUseDOM', () => {
-  it('returns "true"', () => {
-    expect(canUseDOM()).toBe(true);
-  });
-});

package/src/utils/canUseDOM.ts

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

package/src/utils/isInsideComponent.ts

@@ -1,41 +0,0 @@
-'use client';
-
-import React from 'react';
-
-function getDispatcher() {
-  try {
-    return (React as any)[''.concat('__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE')].H;
-  } catch {
-    // React 19+
-  }
-
-  try {
-    return (React as any)[''.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;
-  }
-}

package/tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "allowJs": true
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    },
-    {
-      "path": "./tsconfig.storybook.json"
-    }
-  ]
-}

package/tsconfig.lib.json

@@ -1,28 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "module": "NodeNext",
-    "moduleResolution": "NodeNext",
-    "outDir": "../../dist/out-tsc",
-    "declaration": true,
-    "stripInternal": true,
-    "types": ["node", "environment"]
-  },
-  "exclude": [
-    "**/*.spec.ts",
-    "**/*.test.ts",
-    "**/*.spec.tsx",
-    "**/*.test.tsx",
-    "**/*.spec.js",
-    "**/*.test.js",
-    "**/*.spec.jsx",
-    "**/*.test.jsx",
-    "**/*.stories.ts",
-    "**/*.stories.js",
-    "**/*.stories.jsx",
-    "**/*.stories.tsx",
-    "jest.config.ts",
-    "vitest.config.ts"
-  ],
-  "include": ["src/**/*.ts", "src/**/*.tsx"]
-}

package/tsconfig.spec.json

@@ -1,21 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "allowSyntheticDefaultImports": true,
-    "typeRoots": ["../../node_modules", "../../node_modules/@types", "../../typings"],
-    "types": ["vitest/importMeta", "vite/client", "node", "vitest", "environment"]
-  },
-  "include": [
-    "vitest.config.ts",
-    "**/*.test.ts",
-    "**/*.spec.ts",
-    "**/*.test.tsx",
-    "**/*.spec.tsx",
-    "**/*.test.js",
-    "**/*.spec.js",
-    "**/*.test.jsx",
-    "**/*.spec.jsx",
-    "**/*.d.ts"
-  ]
-}

package/tsconfig.storybook.json

@@ -1,12 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "emitDecoratorMetadata": true,
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true,
-    "noEmit": true,
-    "outDir": ""
-  },
-  "exclude": ["src/**/*.spec.ts", "src/**/*.spec.js", "src/**/*.spec.tsx", "src/**/*.spec.jsx", "jest.config.ts"],
-  "include": ["src/**/*", ".storybook/*.js"]
-}

package/vitest.config.ts

@@ -1,21 +0,0 @@
-import { defineConfig } from 'vitest/config';
-import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
-
-export default defineConfig({
-  root: __dirname,
-  cacheDir: '../../node_modules/.vite/packages/react',
-  plugins: [nxViteTsPaths()],
-  define: {
-    IS_REACT_ACT_ENVIRONMENT: true,
-  },
-  test: {
-    watch: false,
-    environment: 'jsdom',
-    include: ['{src,tests}/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
-    reporters: ['default'],
-    coverage: {
-      reportsDirectory: '../../coverage/packages/react',
-      provider: 'v8',
-    },
-  },
-});