@jetbrains/ring-ui 7.0.61 → 7.0.63

package/components/shortcuts/core.js

@@ -19,7 +19,7 @@ class Shortcuts {
         for (let i = this._scopeChain.length - 1; i >= 0; i--) {
             const scopeInChain = this._scopeChain[i];
             currentScope = this._scopes[scopeInChain.scopeId];
-            if (currentScope && key != null && currentScope[key]) {
+            if (currentScope && key !== null && key !== undefined && currentScope[key]) {
                 const ret = currentScope[key](e, key, scopeInChain.scopeId);
                 // Fall down in chain when returning true
                 if (ret !== true) {
@@ -75,7 +75,7 @@ class Shortcuts {
             throw new Error("Shortcuts map shouldn't be empty");
         }
         for (const key in map) {
-            if (map.hasOwnProperty(key)) {
+            if (Object.prototype.hasOwnProperty.call(map, key)) {
                 this.bind(Object.assign({}, options || {}, { key, handler: map[key] }));
             }
         }
@@ -125,7 +125,7 @@ class Shortcuts {
     setScope(scope) {
         if (scope) {
             let scopeChain;
-            if (typeof scope === 'string' || (!Array.isArray(scope) && typeof scope === 'object' && scope !== null)) {
+            if (typeof scope === 'string' || (!Array.isArray(scope) && typeof scope === 'object')) {
                 scopeChain = [scope];
             }
             else {
@@ -154,11 +154,11 @@ class Shortcuts {
         // if the element or its parents have the class "ring-js-shortcuts" then no need to stop
         if (element === document ||
             !(element instanceof HTMLElement) ||
-            key == null ||
+            key === null ||
             element.matches(this.ALLOW_SHORTCUTS_SELECTOR) ||
-            (element.dataset.enabledShortcuts != null
-                ? element.dataset.enabledShortcuts.split(',').includes(key)
-                : element.closest(this.ALLOW_SHORTCUTS_SELECTOR) != null)) {
+            (element.dataset.enabledShortcuts
+                ? key && element.dataset.enabledShortcuts.split(',').includes(key)
+                : !!element.closest(this.ALLOW_SHORTCUTS_SELECTOR))) {
             return false;
         }
         const elementContentEditableAttribute = element.contentEditable;

package/components/shortcuts/shortcuts-hoc.d.ts

@@ -1,5 +1,5 @@
-import { ComponentClass, ComponentType } from 'react';
-import { ShortcutsMap, ShortcutsScopeOptions } from './core';
+import { type ComponentClass, type ComponentType } from 'react';
+import { type ShortcutsMap, type ShortcutsScopeOptions } from './core';
 export interface ShortcutsHOCOptions extends ShortcutsScopeOptions {
     disabled?: boolean | null | undefined;
 }

package/components/shortcuts/shortcuts.d.ts

@@ -1,5 +1,5 @@
 import { PureComponent, type ReactNode } from 'react';
-import { ShortcutsMap, ShortcutsScopeOptions } from './core';
+import { type ShortcutsMap, type ShortcutsScopeOptions } from './core';
 export interface ShortcutsProps {
     map: ShortcutsMap;
     scope: string;

package/components/sidebar/sidebar.css

@@ -1,4 +1,4 @@
-@import "../global/global.css";
+@import '../global/global.css';
 
 @keyframes show-sidebar {
   0% {

package/components/slider/slider.css

@@ -67,7 +67,7 @@
 }
 
 .thumb {
-  composes: resetButton from "../global/global.css";
+  composes: resetButton from '../global/global.css';
 
   position: absolute;
   z-index: 1;
@@ -161,7 +161,7 @@
     top: 100%;
     left: calc(50% - 3px);
 
-    content: " ";
+    content: ' ';
 
     border-top: 3px solid var(--ring-main-color);
 

package/components/slider/slider.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import * as React from 'react';
-type Mark = {
+interface Mark {
     value: number;
     label?: ReactNode;
-};
-type Props = {
+}
+interface Props {
     defaultValue?: number | number[];
     value?: number | number[];
     min?: number;
@@ -17,6 +17,6 @@ type Props = {
     className?: string;
     renderTag?: (value: number) => ReactNode;
     onChange?: (value: number | number[]) => void;
-};
+}
 export declare const Slider: React.FC<Props>;
 export {};

package/components/slider/slider.js

@@ -20,7 +20,7 @@ export const Slider = ({ defaultValue, value, min = 0, max = HUNDRED, step = 1,
         if (isArray(marks)) {
             return marks.map(mark => ({ ...mark, value: validateValue(mark.value, min, max) }));
         }
-        else if (marks) {
+        if (marks) {
             return calculateMarks(min, max, validStep);
         }
         return [];
@@ -78,7 +78,7 @@ export const Slider = ({ defaultValue, value, min = 0, max = HUNDRED, step = 1,
         }
         const index = e.currentTarget.getAttribute('data-index');
         const nextValue = calculateValue(ref, e.pageX, min, max, validStep);
-        if (nextValue !== null && !isNaN(nextValue) && !index) {
+        if (nextValue && !isNaN(nextValue) && !index) {
             const rangeIndex = Number(Math.abs(validValues[0] - nextValue) > Math.abs(validValues[1] - nextValue));
             setDraggedIndex(isRange ? rangeIndex : 0);
         }
@@ -123,7 +123,7 @@ export const Slider = ({ defaultValue, value, min = 0, max = HUNDRED, step = 1,
             window.removeEventListener('mouseup', handleMouseUp);
         };
     }, [isDragging, handleMouseMove, handleMouseUp, disabled]);
-    return (_jsxs("div", { ref: ref, role: "presentation" // contains interactive elements
+    return (_jsxs("div", { ref: ref, role: 'presentation' // contains interactive elements
         , className: classNames(styles.slider, className, {
             [styles.disabled]: disabled,
             [styles.marked]: !!marks || showTag,
@@ -140,10 +140,10 @@ export const Slider = ({ defaultValue, value, min = 0, max = HUNDRED, step = 1,
                 const percent = toPercent(numValue, min, max);
                 return (
                 // eslint-disable-next-line react/no-array-index-key
-                _jsxs(Fragment, { children: [_jsx("div", { tabIndex: 0, "aria-label": "Pick value", role: "slider", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": numValue, "data-index": index, style: { left: `${percent}%` }, className: classNames(styles.thumb, {
+                _jsxs(Fragment, { children: [_jsx("div", { tabIndex: 0, "aria-label": 'Pick value', role: 'slider', "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": numValue, "data-index": index, style: { left: `${percent}%` }, className: classNames(styles.thumb, {
                                 [styles.disabled]: disabled,
                                 [styles.dragged]: isDragging && draggedIndex === index,
-                            }), onMouseDown: handleMouseDown }), showTag && (_jsx("div", { style: { left: `${percent}%` }, className: classNames(styles.tag, { [styles.disabled]: disabled }), role: "tooltip", children: renderTag ? renderTag(numValue) : numValue }))] }, index));
+                            }), onMouseDown: handleMouseDown }), showTag && (_jsx("div", { style: { left: `${percent}%` }, className: classNames(styles.tag, { [styles.disabled]: disabled }), role: 'tooltip', children: renderTag ? renderTag(numValue) : numValue }))] }, index));
             }), markValues.map(({ value: markValue, label }, index) => {
                 const percent = toPercent(markValue, min, max);
                 return (_jsx("div", { style: { left: `${percent}%` }, className: classNames(styles.markValue, { [styles.disabled]: disabled }), children: label ?? markValue }, index));

package/components/slider/slider.utils.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { type RefObject } from 'react';
 export declare const HUNDRED = 100;
 export declare function toPercent(value: number, min: number, max: number): number;
 export declare function calculateValue(ref: RefObject<HTMLDivElement | null>, x: number, min: number, max: number, step: number): number | null;

package/components/slider/slider.utils.js

@@ -35,14 +35,12 @@ export function toRange(value, min, max) {
         }
         return nextValues;
     }
-    else {
-        return [validateValue(value, min, max)];
-    }
+    return [validateValue(value, min, max)];
 }
 export function adjustValues(values, ref, index, x, max, min, step) {
     const nextValue = calculateValue(ref, x, min, max, step);
     const nextValues = [...values];
-    if (nextValue !== null && !isNaN(nextValue)) {
+    if (nextValue && !isNaN(nextValue)) {
         nextValues[index] = validateValue(nextValue, min, max);
     }
     return nextValues;

package/components/storage/{storage__local.d.ts → storage-local.d.ts}

@@ -1,4 +1,4 @@
-import { StorageInterface, StorageConfig } from './storage';
+import { type StorageInterface, type StorageConfig } from './storage';
 /**
  * @return {LocalStorage}
  * @param {{type: string}} config Set to "session" to use sessionStorage

package/components/storage/{storage__local.js → storage-local.js}

@@ -29,7 +29,7 @@ export default class LocalStorage {
     get(name) {
         return LocalStorage.safePromise(resolve => {
             const value = window[this.storageType].getItem(name);
-            if (value != null) {
+            if (value) {
                 try {
                     resolve(JSON.parse(value));
                 }
@@ -38,7 +38,7 @@ export default class LocalStorage {
                 }
             }
             else {
-                resolve(value);
+                resolve(null);
             }
         });
     }
@@ -60,7 +60,7 @@ export default class LocalStorage {
     remove(name) {
         const storageType = this.storageType;
         return LocalStorage.safePromise(resolve => {
-            if (window[storageType].hasOwnProperty(name)) {
+            if (Object.prototype.hasOwnProperty.call(window[storageType], name)) {
                 window[storageType].removeItem(name);
             }
             resolve();
@@ -75,10 +75,10 @@ export default class LocalStorage {
         return LocalStorage.safePromise(resolve => {
             const promises = [];
             for (const item in window[storageType]) {
-                if (window[storageType].hasOwnProperty(item)) {
+                if (Object.prototype.hasOwnProperty.call(window[storageType], item)) {
                     const value = window[storageType].getItem(item);
                     let resolvedValue = null;
-                    if (value != null) {
+                    if (value) {
                         try {
                             resolvedValue = JSON.parse(value);
                         }
@@ -100,7 +100,7 @@ export default class LocalStorage {
     on(name, callback) {
         function handleStorage(e) {
             if (e.key === name) {
-                if (e.newValue != null) {
+                if (e.newValue) {
                     try {
                         callback(JSON.parse(e.newValue));
                     }
@@ -109,7 +109,7 @@ export default class LocalStorage {
                     }
                 }
                 else {
-                    callback(e.newValue);
+                    callback(null);
                 }
             }
         }

package/components/storage/storage.d.ts

@@ -1,4 +1,4 @@
-import LocalStorage from './storage__local';
+import LocalStorage from './storage-local';
 export interface StorageConfig {
     type?: 'local' | 'session' | null | undefined;
     cookieName?: string | null | undefined;

package/components/storage/storage.js

@@ -1,2 +1,2 @@
-import LocalStorage from './storage__local';
+import LocalStorage from './storage-local';
 export default LocalStorage;

package/components/tab-trap/tab-trap.css

@@ -1,4 +1,4 @@
-@import "../global/variables.css";
+@import '../global/variables.css';
 
 .trapButton {
   position: absolute;

package/components/tab-trap/tab-trap.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { type HTMLAttributes, type ReactNode } from 'react';
 import * as React from 'react';
 export declare const FOCUSABLE_ELEMENTS = "input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])";
 export interface TabTrapProps extends HTMLAttributes<HTMLElement> {

package/components/tab-trap/tab-trap.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, } from 'react';
 import { isNodeInVisiblePartOfPage } from '../global/dom';
 import styles from './tab-trap.css';
 export const FOCUSABLE_ELEMENTS = 'input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])';
@@ -75,10 +75,7 @@ const TabTrap = forwardRef(function TabTrap({ children, trapDisabled = false, au
         }
         if (focusBackOnExit) {
             const prevFocused = event.nativeEvent.relatedTarget;
-            if (prevFocused != null &&
-                nodeRef.current != null &&
-                prevFocused instanceof Element &&
-                nodeRef.current.contains(prevFocused)) {
+            if (prevFocused && nodeRef.current && prevFocused instanceof Element && nodeRef.current.contains(prevFocused)) {
                 restoreFocus();
             }
         }

package/components/table/cell.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, TdHTMLAttributes } from 'react';
+import { PureComponent, type TdHTMLAttributes } from 'react';
 export interface CellProps extends TdHTMLAttributes<HTMLTableDataCellElement> {
     'data-test'?: string | null | undefined;
 }

package/components/table/disable-hover-hoc.d.ts

@@ -1,4 +1,4 @@
-import { ComponentClass } from 'react';
+import { type ComponentClass } from 'react';
 export interface DisableHoverAddProps {
     disabledHover: boolean;
 }

package/components/table/header-cell.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, ReactNode, SyntheticEvent, ThHTMLAttributes } from 'react';
+import { PureComponent, type ReactNode, type SyntheticEvent, type ThHTMLAttributes } from 'react';
 export interface Column<T = never> {
     id: string;
     sortable?: boolean | null | undefined;

package/components/table/header-cell.js

@@ -33,6 +33,6 @@ export default class HeaderCell extends PureComponent {
             [style.sortedUp]: sortOrder && this.sorted,
             [style.cellRight]: column.rightAlign,
         });
-        return (_jsxs("th", { ...restProps, className: classes, onClick: this.onClick, "data-test": dataTests('ring-table-header-cell', dataTest), children: [_jsx("span", { onClick: this.onChildrenClick, role: "presentation", children: this.props.children }), column.getHeaderValue ? column.getHeaderValue() : column.title, this.sortable && (_jsx("span", { className: style.sorter, children: _jsx(Icon, { glyph: glyph, className: style.icon }) }))] }));
+        return (_jsxs("th", { ...restProps, className: classes, onClick: this.onClick, "data-test": dataTests('ring-table-header-cell', dataTest), children: [_jsx("span", { onClick: this.onChildrenClick, role: 'presentation', children: this.props.children }), column.getHeaderValue ? column.getHeaderValue() : column.title, this.sortable && (_jsx("span", { className: style.sorter, children: _jsx(Icon, { glyph: glyph, className: style.icon }) }))] }));
     }
 }

package/components/table/header.d.ts

@@ -1,5 +1,5 @@
-import { ChangeEventHandler, PureComponent, SyntheticEvent } from 'react';
-import { Column, SortParams } from './header-cell';
+import { type ChangeEventHandler, PureComponent, type SyntheticEvent } from 'react';
+import { type Column, type SortParams } from './header-cell';
 export interface HeaderProps {
     columns: readonly Column[];
     selectable: boolean;

package/components/table/header.js

@@ -34,9 +34,9 @@ export default class Header extends PureComponent {
     render() {
         const { caption, sticky, topStickOffset } = this.props;
         const regularCells = this.createCells();
-        return (_jsxs("thead", { id: this.id, "data-test": "ring-table-header", style: { top: topStickOffset }, className: classNames({
+        return (_jsxs("thead", { id: this.id, "data-test": 'ring-table-header', style: { top: topStickOffset }, className: classNames({
                 [style.tableHead]: true,
                 [style.subHeaderSticky]: sticky,
-            }), children: [caption && (_jsx("tr", { "data-test": "ring-table-header-row", children: _jsx("th", { className: classNames(style.headerCell, style.caption), colSpan: regularCells.length + 1, "data-test": "ring-table-header-cell", children: caption }) })), _jsx("tr", { className: style.subHeader, "data-test": "ring-table-header-row", children: regularCells })] }));
+            }), children: [caption && (_jsx("tr", { "data-test": 'ring-table-header-row', children: _jsx("th", { className: classNames(style.headerCell, style.caption), colSpan: regularCells.length + 1, "data-test": 'ring-table-header-cell', children: caption }) })), _jsx("tr", { className: style.subHeader, "data-test": 'ring-table-header-row', children: regularCells })] }));
     }
 }

package/components/table/multitable.d.ts

@@ -1,6 +1,6 @@
-import { PureComponent, ReactElement } from 'react';
-import { TableAttrs } from './table';
-import { SelectionItem } from './selection';
+import { PureComponent, type ReactElement } from 'react';
+import { type TableAttrs } from './table';
+import { type SelectionItem } from './selection';
 type TableComponent = ReactElement<TableAttrs<SelectionItem>>;
 export interface MultiTableProps {
     children: TableComponent[];

package/components/table/multitable.js

@@ -70,7 +70,7 @@ export default class MultiTable extends PureComponent {
         'ctrl+a': this.onCmdAPress,
     };
     render() {
-        return (_jsx("div", { "data-test": "ring-multitable", children: Children.map(this.props.children, child => {
+        return (_jsx("div", { "data-test": 'ring-multitable', children: Children.map(this.props.children, child => {
                 const props = { shortcuts: this.shortcuts };
                 return cloneElement(child, props);
             }) }));

package/components/table/row-with-focus-sensor.d.ts

@@ -1,7 +1,7 @@
 import { PureComponent } from 'react';
-import { FocusSensorProps } from '../global/focus-sensor-hoc';
-import Row, { RowProps } from './row';
-import { SelectionItem } from './selection';
+import { type FocusSensorProps } from '../global/focus-sensor-hoc';
+import Row, { type RowProps } from './row';
+import { type SelectionItem } from './selection';
 export interface RowWithFocusSensorCallbacksProps<T extends SelectionItem> extends Omit<FocusSensorProps<RowProps<T>, HTMLTableRowElement, typeof Row>, 'onFocus'> {
     onFocus?: (item: T) => void;
     onSelect?: (item: T, selected: boolean) => void;

package/components/table/row.d.ts

@@ -1,8 +1,8 @@
-import { HTMLAttributes, PureComponent } from 'react';
+import { type HTMLAttributes, PureComponent } from 'react';
 import * as React from 'react';
-import { FocusSensorAddProps } from '../global/focus-sensor-hoc';
-import { Column } from './header-cell';
-import { SelectionItem } from './selection';
+import { type FocusSensorAddProps } from '../global/focus-sensor-hoc';
+import { type Column } from './header-cell';
+import { type SelectionItem } from './selection';
 export interface RowProps<T extends SelectionItem> extends Omit<HTMLAttributes<HTMLTableRowElement>, 'onClick' | 'onDoubleClick' | 'onSelect'>, FocusSensorAddProps<HTMLTableRowElement> {
     item: T;
     columns: readonly Column<T>[] | ((item: T) => readonly Column<T>[]);

package/components/table/row.js

@@ -9,7 +9,7 @@ import Button from '../button/button';
 import Tooltip from '../tooltip/tooltip';
 import dataTests from '../global/data-tests';
 import getUID from '../global/get-uid';
-import { createComposedRef } from '../global/composeRefs';
+import { createComposedRef } from '../global/compose-refs';
 import Cell from './cell';
 import style from './table.css';
 const DragHandle = ({ alwaysShowDragHandle, dragHandleTitle = 'Drag to reorder' }) => {

package/components/table/selection-adapter.d.ts

@@ -1,4 +1,5 @@
-import Selection, { SelectionItem } from './selection';
+import type Selection from './selection';
+import type { SelectionItem } from './selection';
 export default function selectionAdapter(getSelection: () => Selection<SelectionItem>): {
     readonly size: number;
     readonly items: SelectionItem[];

package/components/table/selection-shortcuts-hoc.d.ts

@@ -1,6 +1,7 @@
-import { ComponentClass } from 'react';
-import { ShortcutsMap } from '../shortcuts/core';
-import Selection, { SelectionItem } from './selection';
+import { type ComponentClass } from 'react';
+import { type ShortcutsMap } from '../shortcuts/core';
+import type Selection from './selection';
+import type { SelectionItem } from './selection';
 export interface SelectionShortcutsOuterProps<T extends SelectionItem> {
     selection: Selection<T>;
     selectable?: boolean | undefined;

package/components/table/selection-shortcuts-hoc.js

@@ -32,9 +32,7 @@ export default function selectionShortcutsHOC(ComposedComponent) {
             if (this.shiftSelectionMode === 'addition') {
                 return selection.select();
             }
-            else {
-                return selection.deselect();
-            }
+            return selection.deselect();
         };
         onShiftUpPress = (e) => {
             e.preventDefault();

package/components/table/selection.js

@@ -107,9 +107,7 @@ export default class Selection {
         if (this.isSelected(value)) {
             return this.deselect(value);
         }
-        else {
-            return this.select(value);
-        }
+        return this.select(value);
     }
     selectAll() {
         return this.cloneWith({ selected: [...this._data] });
@@ -127,7 +125,7 @@ export default class Selection {
         return this._focused === value;
     }
     isSelected(value) {
-        return value != null && this._selected.has(value);
+        return value !== null && this._selected.has(value);
     }
     getFocused() {
         return this._focused;
@@ -139,11 +137,9 @@ export default class Selection {
         if (this._selected.size) {
             return new Set(this._selected);
         }
-        else if (this._focused) {
+        if (this._focused) {
             return new Set([this._focused]);
         }
-        else {
-            return new Set();
-        }
+        return new Set();
     }
 }

package/components/table/simple-table.d.ts

@@ -1,6 +1,6 @@
 import { PureComponent } from 'react';
-import { TableAttrs } from './table';
-import Selection, { SelectionItem } from './selection';
+import { type TableAttrs } from './table';
+import Selection, { type SelectionItem } from './selection';
 export interface SimpleTableProps<T extends SelectionItem> extends Omit<TableAttrs<T>, 'selection' | 'onSelect' | 'selectable'> {
 }
 declare class SimpleTable<T extends SelectionItem> extends PureComponent<SimpleTableProps<T>> {

package/components/table/smart-table.d.ts

@@ -1,6 +1,6 @@
 import { PureComponent } from 'react';
-import { TableAttrs } from './table';
-import Selection, { SelectionItem } from './selection';
+import { type TableAttrs } from './table';
+import Selection, { type SelectionItem } from './selection';
 export interface SmartTableProps<T extends SelectionItem> extends Omit<TableAttrs<T>, 'selection' | 'onSelect'> {
     onSelectionChange: (selection: Selection<T>) => void;
     selection?: Selection<T>;

package/components/table/table.css

@@ -1,8 +1,8 @@
-@import "../global/variables.css";
+@import '../global/variables.css';
 
 .tableWrapper {
   --ring-table-compensate: 2px;
-  --ring-table-compensated:  calc(calc(4 * var(--ring-unit)) - var(--ring-table-compensate));
+  --ring-table-compensated: calc(calc(4 * var(--ring-unit)) - var(--ring-table-compensate));
   --ring-table-top: -3px;
 
   position: relative;
@@ -20,7 +20,7 @@
 }
 
 .headerCell {
-  composes: font-smaller-lower from "../global/global.css";
+  composes: font-smaller-lower from '../global/global.css';
 
   box-sizing: border-box;
   height: calc(var(--ring-unit) * 3);
@@ -81,7 +81,7 @@
   padding-bottom: 6px;
 
   color: var(--ring-text-color);
-  border-bottom: none;
+  border-bottom: 0;
 
   font-size: var(--ring-font-size);
   font-weight: var(--ring-font-weight-bold);
@@ -95,7 +95,7 @@
 
   height: 1px;
 
-  content: "";
+  content: '';
 
   background-color: var(--ring-line-color);
 }
@@ -147,7 +147,7 @@
 }
 
 .cell {
-  composes: ellipsis from "../global/global.css";
+  composes: ellipsis from '../global/global.css';
 
   box-sizing: content-box;
 

package/components/table/table.d.ts

@@ -1,15 +1,15 @@
 /**
  * @name Table
  */
-import { Component, PureComponent, ReactNode, SyntheticEvent } from 'react';
+import { Component, PureComponent, type ReactNode, type SyntheticEvent } from 'react';
 import * as React from 'react';
-import { OnChangeMeta } from 'react-movable/lib/types';
-import { FocusSensorAddProps, FocusSensorProps } from '../global/focus-sensor-hoc';
-import { SelectionItem } from './selection';
-import { SelectionShortcutsAddProps, SelectionShortcutsProps } from './selection-shortcuts-hoc';
-import { DisableHoverAddProps, DisableHoverProps } from './disable-hover-hoc';
+import { type OnChangeMeta } from 'react-movable/lib/types';
+import { type FocusSensorAddProps, type FocusSensorProps } from '../global/focus-sensor-hoc';
+import { type SelectionItem } from './selection';
+import { type SelectionShortcutsAddProps, type SelectionShortcutsProps } from './selection-shortcuts-hoc';
+import { type DisableHoverAddProps, type DisableHoverProps } from './disable-hover-hoc';
 import Row from './row-with-focus-sensor';
-import { Column, SortParams } from './header-cell';
+import { type Column, type SortParams } from './header-cell';
 export interface ReorderParams<T> {
     data: T[];
     oldIndex: number;

package/components/table/table.js

@@ -142,17 +142,17 @@ export class Table extends PureComponent {
         const renderList = ({ children, props }) => {
             const empty = (_jsx("tr", { children: _jsx("td", { colSpan: columnsArray.length || 1, className: style.tableMessage, children: renderEmpty ? renderEmpty() : null }) }));
             const tbody = Array.isArray(children) && children.length > 0 ? children : empty;
-            return (_jsxs("table", { className: classes, "data-test": "ring-table", children: [_jsx(Header, { ...headerProps }), _jsx("tbody", { ...props, "data-test": "ring-table-body", children: tbody })] }));
+            return (_jsxs("table", { className: classes, "data-test": 'ring-table', children: [_jsx(Header, { ...headerProps }), _jsx("tbody", { ...props, "data-test": 'ring-table-body', children: tbody })] }));
         };
         const renderItem = ({ value, props = {}, isDragged }) => {
-            if (value == null) {
+            if (value === null || value === undefined) {
                 return null;
             }
             const { ref, ...restProps } = props;
             const row = (_createElement(RowComponent, { innerRef: ref, level: getItemLevel(value), item: value, showFocus: selection.isFocused(value), autofocus: selection.isFocused(value), focused: focused && selection.isFocused(value), selectable: selectable && isItemSelectable(value), selected: selectable && selection.isSelected(value), onFocus: this.onRowFocus, onSelect: this.onRowSelect, onDoubleClick: onItemDoubleClick, onClick: onItemClick, collapsible: isItemCollapsible(value), parentCollapsible: isParentCollapsible(value), collapsed: isItemCollapsed(value), onCollapse: onItemCollapse, onExpand: onItemExpand, showDisabledSelection: isDisabledSelectionVisible(value), checkboxTooltip: getCheckboxTooltip(value), className: classNames(getItemClassName(value), { [style.draggingRow]: isDragged }), metaColumnClassName: getMetaColumnClassName(value), draggable: draggable, alwaysShowDragHandle: alwaysShowDragHandle, dragHandleTitle: dragHandleTitle, columns: columns, "data-test": getItemDataTest(value), ...restProps, key: restProps.key ?? getItemKey(value) }));
             return isDragged ? (_jsx("table", { style: { ...props.style }, className: style.draggingTable, children: _jsx("tbody", { children: row }) })) : (row);
         };
-        return (_jsxs("div", { className: wrapperClasses, "data-test": "ring-table-wrapper", ref: this.props.innerRef, children: [focused && _jsx(Shortcuts, { map: this.props.shortcutsMap, scope: this.state.shortcutsScope }), _jsx("div", { role: "presentation", onMouseDown: this.onMouseDown, children: draggable ? (_jsx(List, { values: data, renderList: renderList, renderItem: renderItem, onChange: this.onSortEnd })) : (renderList({ children: data.map((value, index) => renderItem({ value, index })) })) }), loading && (_jsx("div", { className: style.loadingOverlay, children: renderLoader ? renderLoader(loaderClassName) : _jsx(Loader, { className: loaderClassName }) }))] }));
+        return (_jsxs("div", { className: wrapperClasses, "data-test": 'ring-table-wrapper', ref: this.props.innerRef, children: [focused && _jsx(Shortcuts, { map: this.props.shortcutsMap, scope: this.state.shortcutsScope }), _jsx("div", { role: 'presentation', onMouseDown: this.onMouseDown, children: draggable ? (_jsx(List, { values: data, renderList: renderList, renderItem: renderItem, onChange: this.onSortEnd })) : (renderList({ children: data.map((value, index) => renderItem({ value, index })) })) }), loading && (_jsx("div", { className: style.loadingOverlay, children: renderLoader ? renderLoader(loaderClassName) : _jsx(Loader, { className: loaderClassName }) }))] }));
     }
 }
 const getContainer = () => disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(Table)));

package/components/tabs/collapsible-more.d.ts

@@ -1,6 +1,6 @@
-import { ReactElement, ReactNode } from 'react';
-import { ButtonButtonProps, ContainerProps } from '../button/button';
-import { TabProps } from './tab';
+import { type ReactElement, type ReactNode } from 'react';
+import { type ButtonButtonProps, type ContainerProps } from '../button/button';
+import { type TabProps } from './tab';
 export interface FakeMoreButtonProps {
     hasActiveChildren: boolean;
     moreClassName?: string | null | undefined;

package/components/tabs/collapsible-more.js

@@ -14,7 +14,7 @@ export const AnchorLink = ({ hasActiveChildren, moreClassName, moreActiveClassNa
 };
 const morePopupDirections = [Directions.BOTTOM_CENTER, Directions.BOTTOM_LEFT, Directions.BOTTOM_RIGHT];
 export const MoreButton = memo(({ items, selected, onSelect, moreClassName, moreActiveClassName, morePopupClassName, morePopupItemClassName, morePopupBeforeEnd, }) => {
-    const onSelectHandler = useMemo(() => onSelect != null
+    const onSelectHandler = useMemo(() => (onSelect
         ? (listItem) => {
             if (listItem.disabled === true || listItem.custom === true) {
                 return;
@@ -22,7 +22,7 @@ export const MoreButton = memo(({ items, selected, onSelect, moreClassName, more
             const cb = onSelect(String(listItem.key));
             cb();
         }
-        : undefined, [onSelect]);
+        : undefined), [onSelect]);
     const hasActiveChild = useMemo(() => items.some(item => item.props.alwaysHidden && item.props.id === selected), [items, selected]);
     const data = useMemo(() => {
         const popupItems = getTabTitles({

package/components/tabs/collapsible-tab.d.ts

@@ -1,6 +1,6 @@
-import { ReactElement } from 'react';
+import { type ReactElement } from 'react';
 import * as React from 'react';
-import { TabProps } from './tab';
+import { type TabProps } from './tab';
 export interface TabTitleProps {
     selected: boolean;
     child: ReactElement<TabProps> | null;