refactor: add useOpenClose controller

packages/calcite-components/src/controllers/useOpenClose

@@ -0,0 +1,14 @@
+import { makeGenericController } from "@arcgis/components-controllers";
+import { onToggleOpenCloseComponent, OpenCloseComponent } from "../utils/openCloseComponent";
+
+export interface UseOpenClose {
+  afterToggle: () => void;
+}
+
+export const useOpenClose = makeGenericController<UseOpenClose, OpenCloseComponent>((component, controller) => {
+  return {
+    afterToggle: () => {
+      onToggleOpenCloseComponent(component);
+    },
+  };
+});

packages/calcite-components/src/utils/openCloseComponent.ts

@@ -7,9 +7,6 @@ import { whenTransitionDone } from "./dom";
  * All implementations of this interface must handle the following events: `beforeOpen`, `open`, `beforeClose`, `close`.
  */
 export interface OpenCloseComponent {
-  /** The host element. */
-  readonly el: HTMLElement;
-
   /**
    * Specifies property on which active transition is watched for.
    *
@@ -18,7 +15,7 @@ export interface OpenCloseComponent {
   openProp?: string;
 
   /** Specifies the name of CSS transition property. */
-  transitionProp?: KebabCase<Extract<keyof CSSStyleDeclaration, string>>;
+  transitionProp: KebabCase<Extract<keyof CSSStyleDeclaration, string>>;
 
   /** Specifies element that the transition is allowed to emit on. */
   transitionEl: HTMLElement;