@jetbrains/ring-ui-built 7.0.62 → 7.0.63

package/components/breadcrumbs/breadcrumbs.figma.js

@@ -1,8 +1,7 @@
 import { c as _taggedTemplateLiteral } from '../_helpers/_rollupPluginBabelHelpers.js';
+import figma from '@figma/code-connect';
 
 var _templateObject;
-// url=https://www.figma.com/design/HY6d4uE1xxaQXCMG9fe6Y2/RingUI?node-id=460%3A2730
-const figma = require('figma');
 const instance = figma.selectedInstance;
 const imports = ["import Breadcrumbs from '@jetbrains/ring-ui/components/breadcrumbs/breadcrumbs'", "import Link from '@jetbrains/ring-ui/components/link/link'"];
 const children = instance.findLayers(() => true).map(layer => layer.textContent).filter(text => text !== '/');

package/components/button/{button__classes.d.ts → button.classes.d.ts}

@@ -1,2 +1,2 @@
-import { ButtonProps } from './button';
+import { type ButtonProps } from './button';
 export declare function getButtonClasses({ className, active, disabled, loader, primary, success, error, secondary, ghost, short, inline, danger, delayed, icon, iconRight, height, children, }: ButtonProps): string;

package/components/button/button.classes.js

@@ -0,0 +1,2 @@
+import 'classnames';
+export { g as getButtonClasses } from '../_helpers/button.classes.js';

package/components/button/button.d.ts

@@ -1,8 +1,8 @@
-import { PureComponent, ButtonHTMLAttributes } from 'react';
+import { PureComponent, type ButtonHTMLAttributes } from 'react';
 import * as React from 'react';
-import { IconProps, IconType, Size } from '../icon/icon';
-import { ClickableLinkProps } from '../link/clickableLink';
-import { ControlsHeight, ControlsHeightContext } from '../global/controls-height';
+import { type IconProps, type IconType, Size } from '../icon/icon';
+import { type ClickableLinkProps } from '../link/clickable-link';
+import { type ControlsHeight, ControlsHeightContext } from '../global/controls-height';
 export interface ButtonBaseProps {
     height?: ControlsHeight | undefined;
     active?: boolean | null | undefined;

package/components/button/button.figma.js

@@ -1,8 +1,7 @@
 import { c as _taggedTemplateLiteral } from '../_helpers/_rollupPluginBabelHelpers.js';
+import figma from '@figma/code-connect';
 
 var _templateObject;
-// url=https://www.figma.com/design/HY6d4uE1xxaQXCMG9fe6Y2/RingUI?node-id=9954-528
-const figma = require('figma');
 const instance = figma.selectedInstance;
 const size = instance.getString('Size');
 const type = instance.getString('Type');

package/components/button/button.js

@@ -7,11 +7,11 @@ import chevronDownIcon from '@jetbrains/icons/chevron-down';
 import chevron12pxDown from '@jetbrains/icons/chevron-12px-down';
 import deprecate from 'util-deprecate';
 import Icon from '../icon/icon.js';
-import ClickableLink from '../link/clickableLink.js';
+import ClickableLink from '../link/clickable-link.js';
 import { ControlsHeightContext } from '../global/controls-height.js';
-import { g as getButtonClasses, s as styles } from '../_helpers/button__classes.js';
-import { Size } from '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import { g as getButtonClasses, s as styles } from '../_helpers/button.classes.js';
+import { Size } from '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
@@ -79,8 +79,8 @@ class Button extends PureComponent {
         disabled
       } = _this$props,
       props = _objectWithoutProperties(_this$props, _excluded2);
-    const isInline = (_ref = inline !== null && inline !== void 0 ? inline : text) !== null && _ref !== void 0 ? _ref : icon != null;
-    if (text != null) {
+    const isInline = (_ref = inline !== null && inline !== void 0 ? inline : text) !== null && _ref !== void 0 ? _ref : !!icon;
+    if (text) {
       warnText();
     }
     const classes = getButtonClasses(_objectSpread2(_objectSpread2({}, this.props), {}, {
@@ -102,7 +102,7 @@ class Button extends PureComponent {
       })]
     });
     const isDisabled = disabled || loader || undefined;
-    const commonProps = _objectSpread2(_objectSpread2({}, props.href != null && isDisabled ? removeLinkProps(props) : props), {}, {
+    const commonProps = _objectSpread2(_objectSpread2({}, props.href !== undefined && isDisabled ? removeLinkProps(props) : props), {}, {
       className: classes,
       children: jsxs(Fragment, {
         children: [loader && !isInline && jsx("div", {
@@ -110,9 +110,9 @@ class Button extends PureComponent {
         }), content]
       })
     });
-    return commonProps.href != null ? jsx(ClickableLink, _objectSpread2({}, commonProps)) : jsx("button", _objectSpread2({
+    return 'href' in this.props && this.props.href !== undefined ? jsx(ClickableLink, _objectSpread2({}, commonProps)) : jsx("button", _objectSpread2({
       ref: this.buttonRef,
-      type: "button",
+      type: 'button',
       disabled: isDisabled
     }, commonProps));
   }

package/components/button-group/button-group.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, HTMLAttributes, ReactNode } from 'react';
+import { PureComponent, type HTMLAttributes, type ReactNode } from 'react';
 import Caption from './caption';
 export interface ButtonGroupProps extends HTMLAttributes<HTMLElement> {
     split?: boolean | null | undefined;

package/components/button-group/button-group.js

@@ -26,7 +26,7 @@ class ButtonGroup extends PureComponent {
       } = _this$props,
       restProps = _objectWithoutProperties(_this$props, _excluded);
     const classes = classNames(split ? styles.split : styles.buttonGroup, className, {
-      [styles.disabled]: Children.toArray(this.props.children).every(child => child != null && typeof child === 'object' && 'props' in child && child.props.disabled)
+      [styles.disabled]: Children.toArray(this.props.children).every(child => !!child && typeof child === 'object' && 'props' in child && child.props.disabled)
     });
     return jsxs(Fragment, {
       children: [label && jsx(ControlLabel, {

package/components/button-group/caption.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, HTMLAttributes } from 'react';
+import { PureComponent, type HTMLAttributes } from 'react';
 export default class Caption extends PureComponent<HTMLAttributes<HTMLElement>> {
     render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/button-set/button-set.d.ts

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

package/components/button-toolbar/button-toolbar.d.ts

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

package/components/caret/caret.js

@@ -38,9 +38,10 @@ class Caret {
    * @return {number}
    */
   getAbsolutePosition(node) {
+    // eslint-disable-next-line no-underscore-dangle
     let _curNode = node;
     let curPos = 0;
-    while (_curNode != null && _curNode !== this.target) {
+    while (_curNode && _curNode !== this.target) {
       while (_curNode.previousSibling) {
         var _curNode$previousSibl, _curNode$previousSibl2;
         curPos += (_curNode$previousSibl = (_curNode$previousSibl2 = _curNode.previousSibling.textContent) === null || _curNode$previousSibl2 === void 0 ? void 0 : _curNode$previousSibl2.length) !== null && _curNode$previousSibl !== void 0 ? _curNode$previousSibl : 0;
@@ -70,35 +71,36 @@ class Caret {
       const range2 = range1.cloneRange();
       range2.selectNodeContents(this.target);
       range2.setEnd(range1.endContainer, range1.endOffset);
+      // eslint-disable-next-line no-underscore-dangle
       const _curNode = range1.startContainer;
       if (this.target === _curNode) {
-        return range1.startOffset === 0 || _curNode.textContent == null ? 0 : _curNode.textContent.length;
-      } else if (!this.target.contains(_curNode)) {
+        return range1.startOffset === 0 || _curNode.textContent === null || _curNode.textContent === undefined ? 0 : _curNode.textContent.length;
+      }
+      if (!this.target.contains(_curNode)) {
         return -1;
-      } else if (!_curNode) {
+      }
+      if (!_curNode) {
         return 'selectionStart' in this.target && this.target.selectionStart || -1;
       }
       const curPos = this.getAbsolutePosition(_curNode);
       if (range1.startContainer === range1.endContainer) {
         if (range1.startOffset === range1.endOffset) {
           return curPos + range1.startOffset;
-        } else {
-          return {
-            startOffset: curPos + range1.startOffset,
-            endOffset: curPos + range1.endOffset,
-            position: range2.toString().length
-          };
         }
-      } else {
-        const startOffset = curPos + range1.startOffset;
-        const endPos = this.getAbsolutePosition(range1.endContainer);
-        const endOffset = endPos + range1.endOffset;
         return {
-          startOffset,
-          endOffset,
+          startOffset: curPos + range1.startOffset,
+          endOffset: curPos + range1.endOffset,
           position: range2.toString().length
         };
       }
+      const startOffset = curPos + range1.startOffset;
+      const endPos = this.getAbsolutePosition(range1.endContainer);
+      const endOffset = endPos + range1.endOffset;
+      return {
+        startOffset,
+        endOffset,
+        position: range2.toString().length
+      };
     }
     return 'selectionStart' in this.target && this.target.selectionStart || -1;
   }
@@ -110,6 +112,7 @@ class Caret {
    */
   getRelativePosition(curNode, position) {
     let curPos = 0;
+    // eslint-disable-next-line no-underscore-dangle
     let _curNode = curNode;
     const nodeTypeText = 3;
     if (!_curNode) {
@@ -122,6 +125,7 @@ class Caret {
       while (_curNode.nodeType !== nodeTypeText) {
         _curNode = _curNode.childNodes[0];
       }
+      // eslint-disable-next-line no-underscore-dangle
       const _correctedPosition = position;
       return {
         _curNode,
@@ -132,7 +136,7 @@ class Caret {
     if (_curNode && _curNode.nodeType !== undefined) {
       while (curPos < position && _curNode.nodeType !== nodeTypeText) {
         i++;
-        if (_curNode.childNodes[i] != null) {
+        if (_curNode.childNodes[i]) {
           var _curNode$childNodes$i, _curNode$childNodes$i2;
           curPos += (_curNode$childNodes$i = (_curNode$childNodes$i2 = _curNode.childNodes[i].textContent) === null || _curNode$childNodes$i2 === void 0 ? void 0 : _curNode$childNodes$i2.length) !== null && _curNode$childNodes$i !== void 0 ? _curNode$childNodes$i : 0;
           if (curPos >= position) {
@@ -146,6 +150,7 @@ class Caret {
         }
       }
     }
+    // eslint-disable-next-line no-underscore-dangle
     const _correctedPosition = position - curPos;
     return {
       _curNode,
@@ -165,8 +170,10 @@ class Caret {
       if (typeof position === 'object') {
         const range = new Range();
         const start = this.getRelativePosition(curNode, position.startOffset);
+        // eslint-disable-next-line no-underscore-dangle
         range.setStart(start._curNode, start._correctedPosition);
         const end = this.getRelativePosition(curNode, position.endOffset);
+        // eslint-disable-next-line no-underscore-dangle
         range.setEnd(end._curNode, end._correctedPosition);
         correctedPosition = range;
       } else if (position === -1) {

package/components/checkbox/checkbox-group.figma.js

@@ -1,9 +1,8 @@
 import { c as _taggedTemplateLiteral } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import figma from '@figma/code-connect';
 
 var _templateObject;
-// url=https://www.figma.com/design/HY6d4uE1xxaQXCMG9fe6Y2/RingUI-(Internal)?node-id=226-2666
-const figma = require('figma');
 const instance = figma.selectedInstance;
 const labelType = instance.getString('Label');
 const children = instance.findConnectedInstances(() => true);

package/components/checkbox/checkbox.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, InputHTMLAttributes, CSSProperties, Ref, ReactNode } from 'react';
+import { PureComponent, type InputHTMLAttributes, type CSSProperties, type Ref, type ReactNode } from 'react';
 export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: string | null | undefined;
     containerClassName?: string | null | undefined;

package/components/checkbox/checkbox.figma.js

@@ -1,8 +1,7 @@
 import { c as _taggedTemplateLiteral } from '../_helpers/_rollupPluginBabelHelpers.js';
+import figma from '@figma/code-connect';
 
 var _templateObject;
-// url=https://www.figma.com/design/HY6d4uE1xxaQXCMG9fe6Y2/RingUI?node-id=224%3A1943
-const figma = require('figma');
 const instance = figma.selectedInstance;
 const selected = instance.getString('Selected');
 const hasLabel = instance.getBoolean('Label');

package/components/checkbox/checkbox.js

@@ -6,11 +6,11 @@ import classNames from 'classnames';
 import checkmarkIcon from '@jetbrains/icons/checkmark-12px';
 import minusIcon from '@jetbrains/icons/remove-12px';
 import Icon from '../icon/icon.js';
-import { createComposedRef } from '../global/composeRefs.js';
+import { createComposedRef } from '../global/compose-refs.js';
 import ControlHelp from '../control-help/control-help.js';
 import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
@@ -30,7 +30,7 @@ class Checkbox extends PureComponent {
     super(...arguments);
     _defineProperty(this, "input", void 0);
     _defineProperty(this, "inputRef", el => {
-      if (el != null) {
+      if (el) {
         el.indeterminate = this.props.indeterminate;
       }
       this.input = el;
@@ -38,7 +38,7 @@ class Checkbox extends PureComponent {
     _defineProperty(this, "composedInputRef", createComposedRef());
   }
   componentDidMount() {
-    if (this.input != null) {
+    if (this.input) {
       this.input.indeterminate = this.props.indeterminate;
     }
   }
@@ -46,7 +46,7 @@ class Checkbox extends PureComponent {
     const {
       indeterminate
     } = this.props;
-    if (this.input != null && indeterminate !== prevProps.indeterminate) {
+    if (this.input && indeterminate !== prevProps.indeterminate) {
       this.input.indeterminate = this.props.indeterminate;
     }
   }
@@ -72,11 +72,11 @@ class Checkbox extends PureComponent {
     return jsxs("label", {
       className: containerClasses,
       style: containerStyle,
-      "data-test": "ring-checkbox",
+      "data-test": 'ring-checkbox',
       children: [jsx("input", _objectSpread2(_objectSpread2({}, restProps), {}, {
         "data-checked": restProps.checked,
         ref: this.composedInputRef(this.inputRef, inputRef),
-        type: "checkbox",
+        type: 'checkbox',
         className: classes
       })), jsx("div", {
         className: styles.cellWrapper,

package/components/clipboard/clipboard.js

@@ -14,8 +14,8 @@ import '@jetbrains/icons/warning';
 import '@jetbrains/icons/close';
 import '../icon/icon.js';
 import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
@@ -25,10 +25,10 @@ import '../global/dom.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import '../link/clickableLink.js';
+import '../link/clickable-link.js';
 import '../global/controls-height.js';
 import '../global/configuration.js';
-import '../_helpers/button__classes.js';
+import '../_helpers/button.classes.js';
 import '../_helpers/theme.js';
 import 'react-dom';
 import '../popup/popup.target.js';
@@ -82,13 +82,13 @@ async function copy(text, successMessage, errorMessage) {
   }
 }
 const clipboard = {
-  copyText: async function (text, successMessage, errorMessage) {
+  copyText: function (text, successMessage, errorMessage) {
     let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ALERT_DELAY;
-    return await copy(text, successMessage, errorMessage, delay);
+    return copy(text, successMessage, errorMessage, delay);
   },
-  copyHTML: async function (html, successMessage, errorMessage) {
+  copyHTML: function (html, successMessage, errorMessage) {
     let delay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ALERT_DELAY;
-    return await copy(html, successMessage, errorMessage, delay, true);
+    return copy(html, successMessage, errorMessage, delay, true);
   }
 };
 

package/components/code/code.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, Ref } from 'react';
+import { PureComponent, type Ref } from 'react';
 import highlight from 'highlight.js/lib/core';
 declare function noop(): void;
 export interface CodeProps {

package/components/code/code.js

@@ -36,7 +36,7 @@ class Code extends PureComponent {
   }
   async highlight() {
     const codeRef = this.codeRef;
-    if (codeRef == null) {
+    if (!codeRef) {
       return;
     }
     const {
@@ -45,7 +45,7 @@ class Code extends PureComponent {
       replacer
     } = this.props;
     if (!inline) {
-      if (language != null && highlight.getLanguage(language) == null) {
+      if (language !== null && language !== undefined && (highlight.getLanguage(language) === null || highlight.getLanguage(language) === undefined)) {
         await registerLanguage(language);
       }
       // @ts-expect-error https://github.com/highlightjs/highlight.js/issues/2945
@@ -89,7 +89,7 @@ class Code extends PureComponent {
     });
     return jsx(Tag, {
       className: classes,
-      "data-test": "ring-code",
+      "data-test": 'ring-code',
       children: jsx("code", {
         // should be focusable because it can be scrollable
         tabIndex: inline ? -1 : 0,

package/components/collapse/collapse-content.d.ts

@@ -1,9 +1,9 @@
-import React, { PropsWithChildren } from 'react';
-type Props = {
+import React, { type PropsWithChildren } from 'react';
+interface Props {
     minHeight?: number;
     className?: string;
     'data-test'?: string | null | undefined;
-};
+}
 /**
  * @name CollapseContent
  */

package/components/collapse/collapse-control.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 type ChildrenFunction = (collapsed: boolean) => React.ReactElement<any>;
-type Props = {
+interface Props {
     children: ChildrenFunction | React.ReactElement<any>;
     'data-test'?: string | null | undefined;
-};
+}
 /**
  * @name CollapseControl
  */

package/components/collapse/collapse.d.ts

@@ -1,13 +1,13 @@
-import { PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
 import * as React from 'react';
-type Props = {
+interface Props {
     onChange?: (collapsed: boolean) => void;
     duration?: number;
     disableAnimation?: boolean;
     className?: string;
     defaultCollapsed?: boolean;
     collapsed?: boolean | null;
-};
+}
 /**
  * @name Collapse
  */

package/components/confirm/confirm.d.ts

@@ -1,4 +1,4 @@
-import { PureComponent, ReactNode } from 'react';
+import { PureComponent, type ReactNode } from 'react';
 import * as React from 'react';
 export interface ConfirmProps {
     text: string;

package/components/confirm/confirm.js

@@ -35,18 +35,18 @@ import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/position-css.js';
-import '../_helpers/dialog__body-scroll-preventer.js';
+import '../_helpers/dialog-body-scroll-preventer.js';
 import 'scrollbar-width';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
 import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
 import '../global/memoize.js';
-import '../link/clickableLink.js';
+import '../link/clickable-link.js';
 import '../global/controls-height.js';
-import '../_helpers/button__classes.js';
+import '../_helpers/button.classes.js';
 
 /**
  * @name Confirm
@@ -80,7 +80,7 @@ class Confirm extends PureComponent {
       onEscPress: this.onEscPress,
       show: show,
       trapFocus: true,
-      "data-test": "ring-confirm",
+      "data-test": 'ring-confirm',
       native: native,
       children: [text && jsx(HeaderWrapper, {
         children: text
@@ -88,14 +88,14 @@ class Confirm extends PureComponent {
         children: description
       }), jsxs(Panel, {
         children: [jsx(Button, {
-          "data-test": "confirm-ok-button",
+          "data-test": 'confirm-ok-button',
           primary: !cancelIsDefault,
           loader: inProgress,
           disabled: inProgress,
           onClick: onConfirm,
           children: confirmLabel
         }), jsx(Button, {
-          "data-test": "confirm-reject-button",
+          "data-test": 'confirm-reject-button',
           onClick: onReject,
           disabled: inProgress,
           primary: cancelIsDefault,

package/components/confirm-service/confirm-service.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { ConfirmAttributes } from '../confirm/confirm';
-import { ControlsHeight } from '../global/controls-height';
+import { type ReactNode } from 'react';
+import { type ConfirmAttributes } from '../confirm/confirm';
+import { type ControlsHeight } from '../global/controls-height';
 /**
  * @name Confirm Service
  */

package/components/confirm-service/confirm-service.js

@@ -33,12 +33,12 @@ import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import 'util-deprecate';
 import '../icon/icon.js';
-import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../icon/icon.constants.js';
+import '../_helpers/icon-svg.js';
 import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
-import '../link/clickableLink.js';
-import '../_helpers/button__classes.js';
+import '../link/clickable-link.js';
+import '../_helpers/button.classes.js';
 import '../global/configuration.js';
 import '../popup/popup.target.js';
 import '../popup/popup.js';
@@ -46,7 +46,7 @@ import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/position-css.js';
-import '../_helpers/dialog__body-scroll-preventer.js';
+import '../_helpers/dialog-body-scroll-preventer.js';
 import 'scrollbar-width';
 import '../panel/panel.js';
 

package/components/content-layout/content-layout.d.ts

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes } from 'react';
+import { Component, type HTMLAttributes } from 'react';
 export interface ContentLayoutProps extends HTMLAttributes<HTMLElement> {
     responsive: boolean;
     contentClassName?: string | null | undefined;

package/components/content-layout/content-layout.js

@@ -36,13 +36,13 @@ class ContentLayout extends Component {
     });
     const contentClasses = classNames(styles.contentLayoutContent, contentClassName);
     const childrenArray = Children.toArray(children);
-    const sidebarChild = childrenArray.filter(child => child != null && typeof child === 'object' && 'type' in child && child.type === Sidebar)[0];
+    const sidebarChild = childrenArray.filter(child => !!child && typeof child === 'object' && 'type' in child && child.type === Sidebar)[0];
     const sidebar = sidebarChild && /*#__PURE__*/cloneElement(sidebarChild, {
       contentNode: this.state.contentNode
     });
     const contentChildren = childrenArray.filter(child => child !== sidebarChild);
     return jsxs("div", _objectSpread2(_objectSpread2({
-      "data-test": "content-layout"
+      "data-test": 'content-layout'
     }, restProps), {}, {
       className: classes,
       children: [sidebar, jsx("main", {

package/components/content-layout/sidebar.d.ts

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes } from 'react';
+import { Component, type HTMLAttributes } from 'react';
 import { Waypoint } from 'react-waypoint';
 export interface SidebarProps extends HTMLAttributes<HTMLElement> {
     right?: boolean | null | undefined;

package/components/contenteditable/contenteditable.d.ts

@@ -1,4 +1,4 @@
-import { Component, HTMLAttributes, Ref } from 'react';
+import { Component, type HTMLAttributes, type Ref } from 'react';
 /**
  * @name ContentEditable
  */

package/components/contenteditable/contenteditable.js

@@ -11,6 +11,7 @@ const _excluded = ["__html", "onComponentUpdate", "disabled", "tabIndex", "input
 function noop() {}
 class ContentEditableBase extends Component {
   shouldComponentUpdate(nextProps) {
+    // eslint-disable-next-line no-underscore-dangle
     return nextProps.disabled !== this.props.disabled || nextProps.__html !== this.props.__html;
   }
   componentDidUpdate(prevProps) {
@@ -31,7 +32,7 @@ class ContentEditableBase extends Component {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       disabled: disabled,
-      role: "textbox",
+      role: 'textbox',
       tabIndex: disabled ? undefined : tabIndex,
       contentEditable: !this.props.disabled,
       dangerouslySetInnerHTML: {

package/components/control-help/control-help.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 type ControlHelpProps = HTMLAttributes<HTMLDivElement>;
 export default function ControlHelp({ className, ...restProps }: ControlHelpProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/control-label/control-label.d.ts

@@ -1,4 +1,4 @@
-import { LabelHTMLAttributes } from 'react';
+import { type LabelHTMLAttributes } from 'react';
 import * as React from 'react';
 export declare enum LabelType {
     SECONDARY = "secondary",

package/components/data-list/data-list.d.ts

@@ -2,11 +2,11 @@
  * @name Data List
  */
 import { Component } from 'react';
-import { FocusSensorOuterProps } from '../global/focus-sensor-hoc';
-import { SelectionShortcutsAddProps, SelectionShortcutsOuterProps } from '../table/selection-shortcuts-hoc';
-import { DisableHoverAddProps } from '../table/disable-hover-hoc';
-import { SelectionItem } from '../table/selection';
-import { FormattedItem, moreLessButtonStates } from './item';
+import { type FocusSensorOuterProps } from '../global/focus-sensor-hoc';
+import { type SelectionShortcutsAddProps, type SelectionShortcutsOuterProps } from '../table/selection-shortcuts-hoc';
+import { type DisableHoverAddProps } from '../table/disable-hover-hoc';
+import { type SelectionItem } from '../table/selection';
+import { type FormattedItem, moreLessButtonStates } from './item';
 export interface DataListBaseProps<T extends SelectionItem> {
     data: readonly T[];
     itemFormatter: (item: T) => FormattedItem<T>;