Oleg Isonen 4d1e00bf92 Position grid component (#1172)
## Description

First part of
https://github.com/webstudio-is/webstudio-builder/issues/1138

Implements position grid ui with keyboard accessibility.



https://user-images.githubusercontent.com/52824/222828649-2caa8140-3723-447e-9db1-c02f6e1add71.mp4



## Steps for reproduction

1.
https://638245578b47d4399fba191a-qpucehpzyq.chromatic.com/?path=/story/library-position-grid--position-grid
2. click or hit enter on a focused/hovered item
3. use arrow keys to focus items with keyboard

## Code Review

- [ ] hi @TrySound , I need you to do
  - conceptual review (architecture, feature-correctness)
  - detailed review (read every line)
  - test it on preview


## Before requesting a review

- [ ] made a self-review
- [ ] added inline comments where things may be not obvious (the "why",
not "what")

## Before merging

- [ ] tested locally and on preview environment (preview dev login:
5de6)
- [ ] updated [test
cases](https://github.com/webstudio-is/webstudio-builder/blob/main/apps/builder/docs/test-cases.md)
document
- [ ] added tests
- [ ] if any new env variables are added, added them to `.env.example`
and the `builder/env-check.js` if mandatory
2023-03-03 22:30:21 +01:00
2022-07-04 19:59:42 +02:00
2023-01-29 18:05:13 +03:00
2023-03-03 10:58:00 +01:00
2023-03-03 22:30:21 +01:00
2023-03-02 11:05:44 +01:00
2022-07-22 19:18:21 +00:00
2023-02-21 19:37:43 +03:00
2022-06-22 15:00:00 +02:00
2022-03-13 04:22:21 +00:00
2023-02-27 16:31:26 +01:00
2023-02-14 11:15:24 +01:00
2023-01-29 18:04:48 +03:00

Webstudio Builder

Webstudio Builder is a NoCode Visual Tool inspired by Webflow. It is the place where you can build your site or app visually.

Contributing

Don't hesitate to reach out of you have questions around contributing to the project.

Contributing guide

Community

Twitter

Discussions

Discord

Languages
TypeScript 98.9%
PLpgSQL 0.5%
CSS 0.3%
Shell 0.2%
JavaScript 0.1%