Commit Graph

21 Commits

Author SHA1 Message Date
Tom Cafferkey 16ef869587
CYS: Revert Zoom Feature (#50535)
* Revert "CYS: E2E Tests for device and zoom toolbar (#50436)"

This reverts commit 94f6ec5ccc.

* Revert "CYS: Fix DeviceToolbar animation (#50411)"

This reverts commit f01e945204.

* Revert "CYS: Add Zoomed Out feature (#50070)"

This reverts commit a579e866b7.
2024-08-09 16:15:06 +01:00
Tom Cafferkey a579e866b7
CYS: Add Zoomed Out feature (#50070)
* useZoomOut hook

* Update iframe with logic with zoomed out feature

* Add back in styling code for margins

* Spaces to tabs

* Device size toolbar

* Move zoom out state to context

* Rename variable

* Fork iframe component from Gutenberg

* Add getCompatibilityStyles needed for forked iframe

* Update usePopoverHandler iframe selector

* Remove zoom out context as its not needed

* Revert "Remove zoom out context as its not needed"

This reverts commit b29780d805.

* Add Zoom Out toggle to icons WIP

* Fix icon fill

* Update selectors to fix toolbar and sidebar pattern bugs

* Add comment to get getCompatibilityStyles file

* Update iframe comment

* Move device toolbar into its own component

* Resize and device changes

* Add prop to disable the resize handler

* Update toolbar to work with Zoom Out

* Hide changes behind feature gate so they dont impact design with AI flow

* Toolbar account for top device bar

* Add body class for with/without AI flow

* Adds changelog

* Fix typo

* Change TS comment to expect error

* Cleanup iframe with unneeded code

* Remove getcompatibilitystyles

* Remove device code from resizable frame

* Add ? operator

* Remove keydown code from iframe

* Fix toolbar scroll

* Pass deviceType as a prop to resizable frame

* Disable devicetoolbar whilst editor is loading

* Disable focus state

* Remove comment

* not disabled selector for button hover states

* Fix linting

* Remove unused fn

* Focus specific styles
2024-08-06 14:29:21 +01:00
Luigi Teschio 859fd9f001
CYS: Hide shuffle button when only one pattern is available (#49790)
* CYS: Hide shuffle button when only one pattern is available

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-07-23 09:43:01 +00:00
Alba Rincón b11ec75df2
CYS - Add tracking for patterns (#49556)
* Add tracking for patterns

* Fix type

* Add changefile(s) from automation for the following project(s): woocommerce

* Fix lint error

* Add missing import

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-07-16 13:24:55 +02:00
Alba Rincón 620fd4efed
CYS - Update delete button copy to `Delete` (#49295)
* Update delete button copy to match Dotcom

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-07-10 09:13:55 +02:00
Luigi Teschio d95b43a6f5
CYS: Fix Shuffle feature logic (#49153)
* CYS: fix shuffle feature

* improve types and add comment

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-07-04 15:46:18 +02:00
Luigi Teschio a511ce77e9
CYS: fix toolbar position after the site preview resizes (#49028)
* CYS: fix toolbar position

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-07-03 09:25:23 +02:00
Luigi Teschio d709d53d9a
CYS: make the entire shuffle section clickable (#48889)
* CYS: make the entire shuffle section clickable

* Add changefile(s) from automation for the following project(s): woocommerce

* fix import

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-07-01 13:56:41 +02:00
Luigi Teschio c119a1b64f
CYS: Improve Block Toolbar logic (#48799)
* CYS: Improve Block Toolbar logic

* disable animation

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-27 08:22:32 +00:00
Luigi Teschio 4d2ed9fd67
CYS: Update Block Toolbar Position (#48662)
* fix toolbar position

* improve layout toolbar

* Add changefile(s) from automation for the following project(s): woocommerce

* fix import

* fix position during the scroll

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-20 11:26:06 +00:00
Luigi Teschio 29d4b18a85
CYS: add pattern category in the block toolbar (#48501)
* WIP

* CYS: Refactor routing approach

* fix type

* Add changefile(s) from automation for the following project(s): woocommerce

* remove focus logic

* remove routekey prop

* fix scroll after insert pattern

* pass onNavigateBackClick callback as prop

* fix scroll

* Add changefile(s) from automation for the following project(s): woocommerce

* fix back arrow click

* fix css

* fix tooltip position

* create dedicated CSS class

* lint css

* restore change

* improve css class name

* remove not necessary class

* add github link to the todo

* lint css

* add want more pattern section

* remove not used import

* CYS: set new default patterns

* Add changefile(s) from automation for the following project(s): woocommerce

* fix logic after merge trunk

* CYS: fix tooltip position

* Add changefile(s) from automation for the following project(s): woocommerce

* trigger CI

* CYS: add pattern category in the block toolbar

* remove not necessary import

* improve style

* Add changefile(s) from automation for the following project(s): woocommerce

* improve CSS

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-18 13:07:56 +00:00
Luigi Teschio 408af71b27
CYS: Show Patterns from PTK (#48207)
* WIP

* CYS: Refactor routing approach

* fix type

* Add changefile(s) from automation for the following project(s): woocommerce

* remove focus logic

* remove routekey prop

* fix scroll after insert pattern

* pass onNavigateBackClick callback as prop

* fix scroll

* Add changefile(s) from automation for the following project(s): woocommerce

* fix back arrow click

* fix css

* fix tooltip position

* create dedicated CSS class

* lint css

* restore change

* improve css class name

* remove not necessary class

* add github link to the todo

* lint css

* add want more pattern section

* remove not used import

* fix logic after merge trunk

* CYS: fix tooltip position

* Add changefile(s) from automation for the following project(s): woocommerce

* trigger CI

* improve logic

* use Optional Chaining

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-18 12:16:16 +00:00
Luigi Teschio 317fcaedc8
CYS: fix logic to disable mover buttons (#48502)
* CYS: fix logic to disable mover buttons

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-17 08:56:45 +00:00
Alba Rincón c18dbb1ce4
[CYS] Show tooltips in delete and shuffle buttons (#48465)
* Show tooltips in delete and shuffle buttons

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-14 10:21:44 +02:00
Alba Rincón 9d114c6d2d
[CYS - Full Composability] Select the next block after deleting the selected one (#48316)
* Select the next block after deleting one

* Add changefile(s) from automation for the following project(s): woocommerce

* Fix lint error

* Check if next block client is defined

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-10 14:33:32 +02:00
Luigi Teschio 84c12e1501
CYS: Add the Delete button to the Block Toolbar (#48143)
* CYS: Show popover when the user clicks on the pattern

* Add changefile(s) from automation for the following project(s): woocommerce

* fix errors

* add documentation

* fix calculation

* improve performance

* remove not necessary else branch

* restore pnpm-lock

* improve function naming

* fix label

* improve logic

* remove dispatch

* remove console.log

* fix setLogoBlockIds

* CYS - BlockToolbar: Add Delete button

* fix import

* no show toolbar

* fix build

* not allow click on no blocks placeholder

* Add changefile(s) from automation for the following project(s): woocommerce

* remove not necessary comment

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-06 09:25:07 +02:00
Luigi Teschio 2698eabcbf
CYS: Ensure that toolbar appears only when the homepage sidebar is open (#48115)
* CYS: Ensure that toolbar appears only when the homepage sidebar is open

* Add changefile(s) from automation for the following project(s): woocommerce

* CYS: Ensure that toolbar appears only when the homepage sidebar is open

* use usequery hook instead of navigation API

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-06-04 14:11:10 +02:00
Luigi Teschio 72d7a8b929
[CYS Full Composability] Ensure that the assembler doesn't crash when the feature flag is enabled, but the site doesn't have the latest version of Gutenberg. (#47546)
* CYS: allow to the user to move the pattern

* add feature flag

* Add changefile(s) from automation for the following project(s): woocommerce

* CYS: Add shuffle button

* CYS - add shuffle feature

* Add changefile(s) from automation for the following project(s): woocommerce

* use WooCommerce feature flag approach

* fix lint error

* Highlight the pattern when the user hovers it

* Add changefile(s) from automation for the following project(s): woocommerce

* CYS - Assembler: improve feature flag check

* Add changefile(s) from automation for the following project(s): woocommerce

* improve logic

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-05-28 08:40:16 +00:00
Luigi Teschio 8c1173c94b
Highlight main block at hover (#47415)
* CYS: allow to the user to move the pattern

* add feature flag

* Add changefile(s) from automation for the following project(s): woocommerce

* CYS: Add shuffle button

* CYS - add shuffle feature

* Add changefile(s) from automation for the following project(s): woocommerce

* use WooCommerce feature flag approach

* fix lint error

* Highlight the pattern when the user hovers it

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-05-28 08:16:25 +00:00
Luigi Teschio abbcb94709
CYS - add shuffle feature (#47356)
* CYS: allow to the user to move the pattern

* add feature flag

* Add changefile(s) from automation for the following project(s): woocommerce

* CYS: Add shuffle button

* CYS - add shuffle feature

* Add changefile(s) from automation for the following project(s): woocommerce

* use WooCommerce feature flag approach

* fix lint error

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-05-28 07:32:26 +00:00
Luigi Teschio f12d6e4726
CYS: allow to the user to move the pattern (#47322)
* CYS: allow to the user to move the pattern

* add feature flag

* Add changefile(s) from automation for the following project(s): woocommerce

* use WooCommerce feature flag approach

* hide scrollbar on the body

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-05-28 08:55:14 +02:00