fix()

Author: marker dao ®

packages/devextreme/js/__internal/ui/m_action_sheet.ts

@@ -169,8 +169,7 @@ class ActionSheet extends CollectionWidget<Properties> {
       target: this.option('target'),
     }));
 
-    this._popup.$overlayContent().attr('role', 'dialog');
-
+    this._popup.$overlayContent()?.attr('role', 'dialog');
     this._popup.$wrapper()?.addClass(ACTION_SHEET_POPOVER_WRAPPER_CLASS);
   }
 
@@ -250,16 +249,19 @@ class ActionSheet extends CollectionWidget<Properties> {
 
     if (this.option('showCancelButton')) {
       const cancelClickAction = this._createActionByOption('onCancelClick') || noop;
-      const that = this;
-
-      this._$cancelButton = $('<div>').addClass(ACTION_SHEET_CANCEL_BUTTON_CLASS);
 
       const $content = this._popup?.$content();
 
-      if ($content) {
-        this._$cancelButton.appendTo($content);
+      if (!$content) {
+        return;
       }
 
+      const that = this;
+
+      this._$cancelButton = $('<div>')
+        .addClass(ACTION_SHEET_CANCEL_BUTTON_CLASS)
+        .appendTo($content);
+
       this._createComponent(this._$cancelButton, Button, {
         disabled: false,
         stylingMode: ACTION_SHEET_BUTTON_DEFAULT_STYLING_MODE,

packages/devextreme/js/__internal/ui/m_dialog.ts

@@ -97,11 +97,11 @@ export const custom = function (options) {
     dragAndResizeArea: window,
     onContentReady(args) {
       args.component.$content()
-        .addClass(DX_DIALOG_CONTENT_CLASSNAME)
+        ?.addClass(DX_DIALOG_CONTENT_CLASSNAME)
         .append($message);
 
       if (messageId) {
-        args.component.$overlayContent().attr('aria-labelledby', messageId);
+        args.component.$overlayContent()?.attr('aria-labelledby', messageId);
       }
     },
     onShowing(e) {

packages/devextreme/js/__internal/ui/m_drop_down_box.ts

@@ -226,19 +226,20 @@ class DropDownBox<
     if (!(contentTemplate && this.option('contentTemplate'))) {
       return;
     }
-    // @ts-expect-error ts-error
-    const $popupContent = this._popup.$content();
-    const templateData = {
-      value: this._fieldRenderData(),
-      component: this,
-    };
 
-    $popupContent?.empty();
+    const $popupContent = this._popup?.$content();
 
     if (!$popupContent) {
       return;
     }
 
+    const templateData = {
+      value: this._fieldRenderData(),
+      component: this,
+    };
+
+    $popupContent.empty();
+
     contentTemplate.render({
       container: getPublicElement($popupContent),
       model: templateData,

packages/devextreme/js/__internal/ui/m_load_panel.ts

@@ -134,16 +134,17 @@ class LoadPanel extends Overlay<LoadPanelProperties> {
   _renderContentImpl(): void {
     super._renderContentImpl();
 
-    this.$content()?.addClass(LOADPANEL_CONTENT_CLASS);
-
-    this._$loadPanelContentWrapper = $('<div>').addClass(LOADPANEL_CONTENT_WRAPPER_CLASS);
-
     const $content = this.$content();
 
-    if ($content) {
-      this._$loadPanelContentWrapper.appendTo($content);
+    if (!$content) {
+      return;
     }
 
+    this.$content()?.addClass(LOADPANEL_CONTENT_CLASS);
+
+    this._$loadPanelContentWrapper = $('<div>').addClass(LOADPANEL_CONTENT_WRAPPER_CLASS);
+    this._$loadPanelContentWrapper.appendTo($content);
+
     this._togglePaneVisible();
 
     this._cleanPreviousContent();

packages/devextreme/js/__internal/ui/speed_dial_action/m_speed_dial_item.ts

@@ -83,7 +83,7 @@ class SpeedDialItem extends Overlay<SpeedDialItemProperties> {
 
   _moveToContainer(): void {
     if (this._$wrapper) {
-      this._$wrapper?.appendTo(this.$element());
+      this._$wrapper.appendTo(this.$element());
       this._$content?.appendTo(this._$wrapper);
     }
   }

packages/devextreme/js/__internal/ui/text_box/m_text_editor.clear.ts

@@ -38,7 +38,7 @@ export default class ClearButton extends TextEditorButton {
     return !!editor?._isClearButtonVisible();
   }
 
-  _attachEvents(instance, $button: dxElementWrapper): void {
+  _attachEvents(instance: dxElementWrapper, $button: dxElementWrapper): void {
     const editorName = this.editor?.NAME ?? '';
 
     eventsEngine.on(

packages/devextreme/js/__internal/ui/toast/m_toast.ts

@@ -189,7 +189,7 @@ TProperties extends ToastProperties = ToastProperties,
   _render(): void {
     super._render();
 
-    this.$element().addClass(TOAST_CLASS);
+    this.$element()?.addClass(TOAST_CLASS);
     this.$wrapper()?.addClass(TOAST_WRAPPER_CLASS);
 
     const { type } = this.option();