Core: add overload for the css() method (#30561)

Author: aleksei-semikozov

packages/devextreme/js/__internal/grids/grid_core/sticky_columns/dom.ts

@@ -138,7 +138,6 @@ const getLastLeftFixedCell = (
   $container: dxElementWrapper,
   addWidgetPrefix,
 ): dxElementWrapper => {
-  // @ts-expect-error
   const rtlEnabled = $container.css('direction') === 'rtl';
   const processedCells = rtlEnabled ? $cells.toArray() : $cells.toArray().reverse();
   const lastLeftFixedCell = processedCells
@@ -153,7 +152,6 @@ const getFirstRightFixedCell = (
   $container: dxElementWrapper,
   addWidgetPrefix,
 ): dxElementWrapper => {
-  // @ts-expect-error
   const rtlEnabled = $container.css('direction') === 'rtl';
   const processedCells = rtlEnabled ? $cells.toArray().reverse() : $cells.toArray();
   const firstRightFixedCell = processedCells

packages/devextreme/js/__internal/m_sortable.ts

@@ -712,13 +712,11 @@ class Sortable extends Draggable {
   _isPositionVisible(position) {
     const $element = this.$element();
     let scrollContainer;
-    // @ts-expect-error ts-error
     if ($element.css('overflow') !== 'hidden') {
       scrollContainer = $element.get(0);
     } else {
       // @ts-expect-error ts-error
       $element.parents().each(function () {
-        // @ts-expect-error
         if ($(this).css('overflow') !== 'visible') {
           scrollContainer = this;
           return false;

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

@@ -402,7 +402,6 @@ class ContextMenu<
     const $submenu = $curItem.children(`.${DX_SUBMENU_CLASS}`);
 
     if (isItemHasSubmenu && !$curItem.hasClass(DX_STATE_DISABLED_CLASS)) {
-      // @ts-expect-error ts-error
       if (!$submenu.length || $submenu.css('visibility') === 'hidden') {
         this._showSubmenu($curItem);
       }
@@ -894,7 +893,6 @@ class ContextMenu<
   }
 
   _isSubmenuVisible($submenu: dxElementWrapper): boolean {
-    // @ts-expect-error ts-error
     return $submenu.css('visibility') === 'visible';
   }
 

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

@@ -1098,7 +1098,6 @@ class Overlay<
     $parent.add($parent.parents()).each((index, element) => {
       const $element = $(element);
 
-      // @ts-expect-error css should can get 1 argument
       if ($element.css('display') === 'none') {
         isHidden = true;
         return false;

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

@@ -223,7 +223,6 @@ class Resizable extends DOMComponent<Resizable, ResizableProperties> {
 
   _getElementSize(): ElementSize {
     const $element = this.$element();
-    // @ts-expect-error ts-error
     return $element.css('boxSizing') === 'border-box'
       ? {
         width: getOuterWidth($element),

packages/devextreme/js/__internal/ui/scroll_view/scrollable.simulated.ts

@@ -620,7 +620,6 @@ export class Scroller {
   }
 
   _contentSize(): number {
-    // @ts-expect-error CSS method access
     const isOverflowHidden = this._$content.css(`overflow${this._axis.toUpperCase()}`) === 'hidden';
     let contentSize = this._getRealDimension(this._$content.get(0), this._dimension);
 

packages/devextreme/js/__internal/ui/scroll_view/scrollbar.ts

@@ -169,7 +169,6 @@ class Scrollbar extends Widget<ScrollbarProperties> {
     const { visibilityMode } = this.option();
     if (visibilityMode === 'onScroll') {
       // NOTE: need to relayout thumb and show it instantly
-      // @ts-expect-error ts-error
       this._$thumb.css('opacity');
     }
 

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

@@ -234,7 +234,6 @@ class SpeedDialMainItem extends SpeedDialItem {
     for (let i = 0; i < actions.length; i++) {
       actions[i].option('animation', this._getActionAnimation(actions[i], i, lastActionIndex));
       actions[i].option('position', this._getActionPosition(actions, i));
-      // @ts-expect-error
       actions[i]._$wrapper.css('position', this._$wrapper.css('position'));
       actions[i].toggle();
     }

packages/devextreme/js/__internal/ui/toolbar/toolbar.base.ts

@@ -541,7 +541,6 @@ class ToolbarBase<
         const promises: Promise<unknown>[] = [];
         $labels.each((_, label): boolean => {
           const text = $(label).text();
-          // @ts-expect-error ts-error
           const fontWeight = $(label).css('fontWeight');
           promises.push(waitWebFont(text, fontWeight));
           return true;

packages/devextreme/js/core/renderer.d.ts

@@ -31,6 +31,7 @@ export interface dxElementWrapper {
 
   css(propertyName: string, value: string | number): this;
   css(properties: Record<string, any>): this;
+  css(propertyName: string): string | undefined;
 
   data(key: string, value?: any): this;