SwatchContainer: Improve typing (#30781)

Co-authored-by: marker dao ® <[email protected]>

Author: marker-dao

packages/devextreme/js/__internal/core/utils/m_swatch_container.ts

@@ -1,13 +1,19 @@
+import type { dxElementWrapper } from '@js/core/renderer';
 import $ from '@js/core/renderer';
 import { value } from '@js/core/utils/view_port';
 
 const SWATCH_CONTAINER_CLASS_PREFIX = 'dx-swatch-';
 
-const getSwatchContainer = (element) => {
+const getSwatchContainer = (
+  element: Element | dxElementWrapper,
+): dxElementWrapper => {
   const $element = $(element);
   const swatchContainer = $element.closest(`[class^="${SWATCH_CONTAINER_CLASS_PREFIX}"], [class*=" ${SWATCH_CONTAINER_CLASS_PREFIX}"]`);
-  const viewport = value();
-  if (!swatchContainer.length) return viewport;
+  const viewport: dxElementWrapper = value();
+
+  if (!swatchContainer.length) {
+    return viewport;
+  }
 
   const swatchClassRegex = new RegExp(`(\\s|^)(${SWATCH_CONTAINER_CLASS_PREFIX}.*?)(\\s|$)`);
   const swatchClass = swatchContainer[0].className.match(swatchClassRegex)[2];

packages/devextreme/js/__internal/ui/overlay/m_overlay_position_controller.ts

@@ -210,9 +210,11 @@ export class OverlayPositionController<
       this._properties.container = element;
     }
 
-    this._$markupContainer = element
-      ? $(element)
-      : swatch.getSwatchContainer(this._$root);
+    if (element) {
+      this._$markupContainer = $(element);
+    } else if (this._$root) {
+      this._$markupContainer = swatch.getSwatchContainer(this._$root);
+    }
 
     this.updateVisualContainer(this._properties.visualContainer);
   }