Issue 1534: disabling collapse element new

[Alinochka07]

• [Minor] На форме редактирования ПО - есть ненужный коллапс элемент который ничего не делает #1534

[Iogsotot]

Если нет PageObject вообще (пустой лист PO), то CaretDown тоже должен быть disabled

[Iogsotot]

В целом всё ок, нужны небольшие правки

я бы рекомендовала создать два состояния для каретки - isDisabled: true и isDisabled: false
isDisabled должно быть комплексным состоянием: стрелка повёрнута вниз, цвет цвет 000000 25% (Character/Disabled); это состояние наступает, когда нет PO, когда нет древовидной структуры локаторов

Ещё заметила какое-то дёрганье каретки, возможно это связано с useEffect и логикой внутри него

1534.1.mp4

[Alinochka07]

Насчет дерганья каретки, обернула логику в useCallback. Вроде у меня нормально показывает.
И переделано в целом все как и было запрошено в комментах.

[Iogsotot]

Судя по коду и задаче, header-collapse может иметь 3 состояния:
disabled - быть НЕкликабельным, смотреть вниз, цвет 000000 25% (Character/Disabled)
expanded - стрелка вверх, кликабельный, активный цвет
collapsed (или default) - стрелка вниз, кликабельный, активный цвет

Как можно упростить и организовать эти стили?
К примеру так:

• выделить общее: "кликабельный" (курсор, евенты), активный цвет, - вынести эти стили в общий класс header-collapse

• Затем можно вынести начальное (default) состояние для header-collapse - это состояние можно обозначить классом, а можно оставить "по умолчанию".
  - Если обозначить классом, то собрать все стили, отвечающие за default state в один класс (collapsed, как у тебя было сделано).
  - Можно не обозначать отдельным классом, и тогда все стили, относящиеся к default state, перенести в header-collapse

• собрать все стили для disabled в одноименный класс (уже сделано, тут ок)

• написать логику, по которой собирается класс для header-collapse (используя classnames, например)

• отслеживать факторы, которые влияют на стейт коллапса и менять их по useEffect, props, useState или useMemo (выбрать наиболее оптимальный в данном кейсе вариант)