Oleksandr Fediashov

vite: add support for CSS extraction

2

#41 added a plugin for Vite that supports AOT. The plugin should be updated to also support CSS extraction.

chore: migrate to to wyw-in-js

1

# TODO Update PR to reflect removal of `@griffel/babel-preset`. ## Summary This PR upgrades `@griffel/babel-preset` and `@griffel/webpack-loader` to use [wyw-in-js](https://wyw-in-js.dev/). wyw-in-js introduces a concept of processors to handle different CSS-in-JS...

React devtools (https://www.npmjs.com/package/react-devtools) can be used in headless mode to debug Electron & Webview2 apps. We need to explore the same approach for devtools in Griffel.

eslint-plugin: do not allow `undefined` as a value

2

ESLint plugin should prevent passing `undefined` to properties: ```js makeStyles({ // ❌ should throw root: { color: undefined }, // ✅ should pass root: { color: 'red' } }) ```

In the fixture below `assetWithHash` contains a `url()` that uses relative path (not imported path). https://github.com/microsoft/griffel/blob/eb26eafe951623518da5a6fecf8142bab00d85b8/packages/babel-preset/__fixtures__/assets/code.ts#L7-L12 ⬇️⬇️⬇️ https://github.com/microsoft/griffel/blob/eb26eafe951623518da5a6fecf8142bab00d85b8/packages/babel-preset/__fixtures__/assets/output.ts#L27 `url()` there should not be transformed there, but it gets 💥 It...

ESLint plugin should prevent from having empty definitions: ```js makeStyles({ // ❌ should throw rootA: {}, // ✅ should pass rootB: { color: 'yellow' } }) ```

usePopper: define boundaries with imperative handles

7

#### Describe the feature that you would like added We need to allow define `flipBoundary` and `overflowBoundary` with imperative handles, similarly to `setTarget`. ```tsx function App() { const popperRef =...

docs: show props of native parent native elements in props table

3

### Library React Components / v9 (@fluentui/react-components) ### Describe the feature that you would like added We need to show in docs that our components support props from HTML primitives...

chore: bump @griffel/* packages

8

## Previous Behavior ## New Behavior ## Related Issue(s) - Fixes #

fix: useContextSelector with React 18

4

## Previous Behavior `useContextSelector()` implementation relies on bail-outs if values are shallow equal: https://github.com/microsoft/fluentui/blob/1f3d2e7acb51e03627e7355e6d73f90bd1faa7e9/packages/react-components/react-context-selector/src/useContextSelector.ts#L47-L49 However, this does not work anymore with React 18 💥 ### React 17 ``` // Parent:...