fix: cannot toggle custom toolbar state(active, disabled)

[js87zz]

Please check if the PR fulfills these requirements

• It's the right issue type on the title
• When resolving a specific issue, it's referenced in the PR's title (e.g. fix #xxx[,#xxx], where "xxx" is the issue number)
• The commit message follows our guidelines
• Tests for the changes have been added (for bug fixes/features)
• Docs have been added/updated (for bug fixes/features)
• It does not introduce a breaking change or has a description of the breaking change

Description

• fixed that which cannot toggle custom toolbar state(active, disabled)
• related issue
  • Custom buttons no longer show toggled state #1592
  • EditorOptions.toolbarItems type definition is incorrect #1596
  • How can i disable additional button in preview mode #1619

---

Thank you for your contribution to TOAST UI product. 🎉 😘 ✨

[adhrinae]

리뷰 완료합니다.
사소한거지만 classname 이어붙이기 할 때 상태가 엮여들어가면 역시 코드가 지저분해지게 되는데 classnames 같은 방식으로 정의하는 것은 어떻게 보시나요? 캘린더에도 이런 형태의 헬퍼 함수를 하나 만들어서 적용하려 합니다.

[js87zz]

@adhrinae

리뷰 완료합니다.
사소한거지만 classname 이어붙이기 할 때 상태가 엮여들어가면 역시 코드가 지저분해지게 되는데 classnames 같은 방식으로 정의하는 것은 어떻게 보시나요? 캘린더에도 이런 형태의 헬퍼 함수를 하나 만들어서 적용하려 합니다.

넵 좋네요ㅎㅎ 아래처럼 변경해서 조건에 따라 사용할게요~

export function cls(...names: (string | [boolean, string])[]) {
  const result = [];

  for (const name of names) {
    let className: string | null;

    if (Array.isArray(name)) {
      className = name[0] ? name[1] : null;
    } else {
      className = name;
    }

    if (className) {
      result.push(`${CLS_PREFIX}${className}`);
    }
  }

  return result.join(' ');
}

[jwlee1108]

리뷰 완료합니다.

[lja1018]

리뷰완료합니다.

[lja1018]

Suggested change

	if (item.onUpdated) {
	if (prevProps.active !== active || prevProps.disabled !== disabled) {
	item.onUpdated({ active, disabled });
	}
	}
	if (prevProps.active !== active || prevProps.disabled !== disabled) {
	item.onUpdated?.({ active, disabled });
	}

이렇게는 안될까요?

[js87zz]

좋네요ㅎㅎ