@jetbrains/ring-ui-built 7.0.65 → 7.0.70

package/components/_helpers/loader-core.js

@@ -0,0 +1,260 @@
+import { getPixelRatio } from '../global/dom.js';
+
+var styles = {"canvas":"ring-loader-canvas","squares":"ring-loader-squares","square":"ring-loader-square","square-animation-main":"ring-loader-square-animation-main","square-animation-pseudo":"ring-loader-square-animation-pseudo","inner":"ring-loader-inner","middle":"ring-loader-middle","outer":"ring-loader-outer","animate":"ring-loader-animate","rotation-keyframes":"ring-loader-rotation-keyframes","text":"ring-loader-text"};
+
+const INITIAL_TICKS = 100;
+class Particle {
+  radius;
+  x;
+  y;
+  color;
+  decay;
+  life;
+  constructor({
+    x,
+    y,
+    radius,
+    color
+  }) {
+    this.radius = radius;
+    this.x = x;
+    this.y = y;
+    this.color = color;
+    this.decay = 0.01;
+    this.life = 1;
+  }
+  step() {
+    this.life -= this.decay;
+  }
+  isAlive() {
+    return this.life >= 0;
+  }
+  draw(ctx) {
+    const alpha = this.life >= 0 ? this.life : 0;
+    ctx.fillStyle = `rgba(${this.color.r}, ${this.color.g}, ${this.color.b}, ${alpha})`;
+    ctx.beginPath();
+    ctx.arc(this.x + this.radius, this.y + this.radius, this.radius, 0, Math.PI * 2);
+    ctx.fill();
+  }
+}
+const DETERMINISTIC_VALUE = 0.5;
+function deterministic() {
+  return DETERMINISTIC_VALUE;
+}
+class LoaderCore {
+  static defaultProps = {
+    size: 64,
+    stop: false,
+    deterministic: false,
+    colors: [{
+      r: 215,
+      g: 60,
+      b: 234
+    },
+    //#D73CEA
+    {
+      r: 145,
+      g: 53,
+      b: 224
+    },
+    //#9135E0
+    {
+      r: 88,
+      g: 72,
+      b: 224
+    },
+    //#5848F4
+    {
+      r: 37,
+      g: 183,
+      b: 255
+    },
+    //#25B7FF
+    {
+      r: 89,
+      g: 189,
+      b: 0
+    },
+    //#59BD00
+    {
+      r: 251,
+      g: 172,
+      b: 2
+    },
+    //#FBAC02
+    {
+      r: 227,
+      g: 37,
+      b: 129
+    } //#E32581
+    ]
+  };
+  static calculateGradient(startColor, stopColor, position) {
+    const calculateChannelValue = (a, b) => a + Math.round((b - a) * position);
+    return {
+      r: calculateChannelValue(startColor.r, stopColor.r),
+      g: calculateChannelValue(startColor.g, stopColor.g),
+      b: calculateChannelValue(startColor.b, stopColor.b)
+    };
+  }
+  props;
+  canvas;
+  textNode;
+  ctx;
+  height;
+  width;
+  particles;
+  baseSpeed;
+  colorIndex;
+  maxRadius;
+  minRadius;
+  colorChangeTick;
+  x;
+  y;
+  radius;
+  hSpeed;
+  vSpeed;
+  radiusSpeed;
+  tick;
+  isRunning;
+  constructor(containerNode, props) {
+    this.props = Object.assign({}, LoaderCore.defaultProps, props);
+    this.canvas = document.createElement('canvas');
+    this.canvas.dataset.test = 'ring-loader';
+    this.canvas.classList.add(styles.canvas);
+    this.textNode = document.createElement('div');
+    this.textNode.dataset.test = 'ring-loader-text';
+    this.textNode.classList.add(styles.text);
+    this.textNode.textContent = this.props.message ? this.props.message : '';
+    containerNode.appendChild(this.canvas);
+    containerNode.appendChild(this.textNode);
+    const pixelRatio = LoaderCore.getPixelRatio();
+    const canvasSize = this.props.size * pixelRatio;
+    this.canvas.width = canvasSize;
+    this.canvas.height = canvasSize;
+    //Fixate canvas physical size to avoid real size scaling
+    this.canvas.style.width = `${this.props.size}px`;
+    this.canvas.style.height = `${this.props.size}px`;
+    this.ctx = this.canvas.getContext('2d');
+    this.ctx?.scale(pixelRatio, pixelRatio);
+    this.height = this.props.size;
+    this.width = this.props.size;
+    this.particles = [];
+    //Configuration
+    this.baseSpeed = 1.0;
+    this.colorIndex = 0;
+    this.maxRadius = 10;
+    this.minRadius = 6;
+    this.colorChangeTick = 40;
+    //State
+    this.x = 0;
+    this.y = 0;
+    this.radius = 8;
+    this.hSpeed = 1.5;
+    this.vSpeed = 0.5;
+    this.radiusSpeed = 0.05;
+    this.tick = 0;
+    this.prepareInitialState(INITIAL_TICKS);
+    this.isRunning = !this.props.stop;
+    if (this.isRunning) {
+      this.startAnimation();
+    } else {
+      this.draw();
+    }
+  }
+  static getPixelRatio() {
+    return getPixelRatio();
+  }
+  prepareInitialState(ticks) {
+    for (let i = 0; i < ticks; i++) {
+      this.step();
+    }
+  }
+  handleLimits(coord, radius, speed, limit) {
+    const randomFunc = this.props.deterministic ? deterministic : Math.random;
+    const randomizedSpeedChange = randomFunc() - this.baseSpeed / 2;
+    if (coord + radius * 2 + this.baseSpeed >= limit) {
+      return -(this.baseSpeed + randomizedSpeedChange);
+    }
+    if (coord <= this.baseSpeed) {
+      return this.baseSpeed + randomizedSpeedChange;
+    }
+    return speed;
+  }
+  calculateNextCoordinates() {
+    this.x += this.hSpeed;
+    this.y += this.vSpeed;
+    this.hSpeed = this.handleLimits(this.x, this.radius, this.hSpeed, this.width);
+    this.vSpeed = this.handleLimits(this.y, this.radius, this.vSpeed, this.height);
+  }
+  calculateNextRadius() {
+    this.radius += this.radiusSpeed;
+    if (this.radius > this.maxRadius || this.radius < this.minRadius) {
+      this.radiusSpeed = -this.radiusSpeed;
+    }
+  }
+  getNextColor() {
+    const colors = this.props.colors;
+    const currentColor = colors[this.colorIndex];
+    const nextColor = colors[this.colorIndex + 1] || colors[0];
+    return LoaderCore.calculateGradient(currentColor, nextColor, this.tick / this.colorChangeTick);
+  }
+  nextTick() {
+    this.tick++;
+    if (this.tick > this.colorChangeTick) {
+      this.tick = 0;
+      this.colorIndex++;
+      if (this.colorIndex > this.props.colors.length - 1) {
+        this.colorIndex = 0;
+      }
+    }
+  }
+  step() {
+    this.nextTick();
+    this.calculateNextCoordinates();
+    this.calculateNextRadius();
+    this.particles.forEach(particle => particle.step());
+    this.particles.push(new Particle({
+      x: this.x,
+      y: this.y,
+      radius: this.radius,
+      color: this.getNextColor()
+    }));
+  }
+  removeDeadParticles() {
+    this.particles = this.particles.filter(it => it.isAlive());
+  }
+  draw() {
+    const ctx = this.ctx;
+    if (ctx === null) {
+      return;
+    }
+    ctx.clearRect(0, 0, this.width, this.height);
+    this.removeDeadParticles();
+    this.particles.forEach(particle => particle.draw(ctx));
+  }
+  loop() {
+    this.step();
+    this.draw();
+    if (this.isRunning) {
+      window.requestAnimationFrame(() => this.loop());
+    }
+  }
+  updateMessage(text) {
+    this.textNode.textContent = text || '';
+  }
+  stopAnimation() {
+    this.isRunning = false;
+    this.canvas.classList.remove(styles.animate);
+  }
+  startAnimation() {
+    this.isRunning = true;
+    this.canvas.classList.add(styles.animate);
+    this.loop();
+  }
+  destroy() {
+    this.isRunning = false;
+  }
+}
+
+export { LoaderCore as L, styles as s };

package/components/_helpers/query-assist-suggestions.js

@@ -1,4 +1,3 @@
-import 'core-js/modules/es.symbol.description.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import List from '../list/list.js';
 

package/components/_helpers/select-filter.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
@@ -10,17 +8,11 @@ import { I18nContext } from '../i18n/i18n-context.js';
 
 var styles = {"filterWithTagsFocused":"ring-select-popup-filterWithTagsFocused","filterWithTags":"ring-select-popup-filterWithTags","filterWrapper":"ring-select-popup-filterWrapper","filterWithTagsInput":"ring-select-popup-filterWithTagsInput","filter":"ring-select-popup-filter","popup":"ring-select-popup-popup","filterIcon":"ring-select-popup-filterIcon","bottomLine":"ring-select-popup-bottomLine","bottomLineOverItem":"ring-select-popup-bottomLineOverItem","message":"ring-select-popup-message","selectAll":"ring-select-popup-selectAll"};
 
-const _excluded = ["className", "listId"];
 function noop() {}
 class SelectFilter extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "input", void 0);
-    _defineProperty(this, "inputRef", el => {
-      this.input = el;
-      this.props.inputRef(el);
-    });
-  }
+  static defaultProps = {
+    inputRef: noop
+  };
   focus() {
     const {
       input
@@ -38,22 +30,26 @@ class SelectFilter extends Component {
       this.input.blur();
     }
   }
+  input;
+  inputRef = el => {
+    this.input = el;
+    this.props.inputRef(el);
+  };
   render() {
-    const _this$props = this.props,
-      {
-        className,
-        listId
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      className,
+      listId,
+      ...restProps
+    } = this.props;
     const classes = classNames(styles.filter, className);
     return jsx(ActiveItemContext.ValueContext.Consumer, {
       children: activeItemId => jsx(I18nContext.Consumer, {
-        children: _ref => {
+        children: ({
+          translate
+        }) => {
           var _restProps$placeholde;
-          let {
-            translate
-          } = _ref;
-          return jsx(Input, _objectSpread2(_objectSpread2({}, restProps), {}, {
+          return jsx(Input, {
+            ...restProps,
             placeholder: (_restProps$placeholde = restProps.placeholder) !== null && _restProps$placeholde !== void 0 ? _restProps$placeholde : translate('filterItems'),
             "aria-owns": listId,
             "aria-activedescendant": activeItemId,
@@ -62,14 +58,11 @@ class SelectFilter extends Component {
             borderless: true,
             inputRef: this.inputRef,
             className: classes
-          }));
+          });
         }
       })
     });
   }
 }
-_defineProperty(SelectFilter, "defaultProps", {
-  inputRef: noop
-});
 
 export { SelectFilter as S, styles as s };

package/components/_helpers/services-link.js

@@ -1,31 +1,28 @@
-import { a as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import Link from '../link/link.js';
 
 var styles = {"services":"ring-services-services","active":"ring-services-active","item":"ring-services-item","itemLogo":"ring-services-itemLogo","activeItem":"ring-services-activeItem ring-services-item ring-services-active","line":"ring-services-line","itemStacked":"ring-services-itemStacked","activeItemStacked":"ring-services-activeItemStacked ring-services-itemStacked ring-services-active"};
 
-const _excluded = ["service"];
 class ServicesLink extends PureComponent {
   render() {
-    const _this$props = this.props,
-      {
-        service
-      } = _this$props,
-      props = _objectWithoutProperties(_this$props, _excluded);
-    return jsx(Link, _objectSpread2(_objectSpread2({
+    const {
+      service,
+      ...props
+    } = this.props;
+    return jsx(Link, {
       target: '_self',
-      href: service.homeUrl
-    }, props), {}, {
+      href: service.homeUrl,
+      ...props,
       children: service.iconUrl ? [jsx("span", {
         className: styles.itemLogo,
         style: {
-          backgroundImage: "url(".concat(service.iconUrl, ")")
+          backgroundImage: `url(${service.iconUrl})`
         }
       }, 'icon'), jsx("div", {
         children: service.name
       }, 'text')] : service.name
-    }));
+    });
   }
 }
 

package/components/_helpers/sidebar.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
@@ -7,40 +5,31 @@ import { Waypoint } from 'react-waypoint';
 
 var styles = {"extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","contentLayout":"ring-content-layout-contentLayout","contentLayoutContent":"ring-content-layout-contentLayoutContent","sidebarContainer":"ring-content-layout-sidebarContainer","sidebarContainerRight":"ring-content-layout-sidebarContainerRight","sidebar":"ring-content-layout-sidebar","sidebarRight":"ring-content-layout-sidebarRight","sidebarFixedTop":"ring-content-layout-sidebarFixedTop","sidebarFixedBottom":"ring-content-layout-sidebarFixedBottom","bottomMarker":"ring-content-layout-bottomMarker","contentLayoutResponsive":"ring-content-layout-contentLayoutResponsive"};
 
-const _excluded = ["right", "children", "className", "containerClassName", "fixedClassName", "contentNode"];
 const ABOVE = 'above';
 const INSIDE = 'inside';
 class Sidebar extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      topIsOutside: true,
-      bottomIsOutside: true,
-      sidebarVisibleHeight: undefined
+  state = {
+    topIsOutside: true,
+    bottomIsOutside: true,
+    sidebarVisibleHeight: undefined
+  };
+  sidebarNode;
+  handleTopWaypoint = ({
+    currentPosition
+  }) => {
+    this.setState({
+      topIsOutside: currentPosition === ABOVE
     });
-    _defineProperty(this, "sidebarNode", void 0);
-    _defineProperty(this, "handleTopWaypoint", _ref => {
-      let {
-        currentPosition
-      } = _ref;
-      this.setState({
-        topIsOutside: currentPosition === ABOVE
-      });
+  };
+  handleBottomWaypoint = ({
+    currentPosition,
+    waypointTop
+  }) => {
+    this.setState({
+      sidebarVisibleHeight: waypointTop,
+      bottomIsOutside: currentPosition !== INSIDE
     });
-    _defineProperty(this, "handleBottomWaypoint", _ref2 => {
-      let {
-        currentPosition,
-        waypointTop
-      } = _ref2;
-      this.setState({
-        sidebarVisibleHeight: waypointTop,
-        bottomIsOutside: currentPosition !== INSIDE
-      });
-    });
-    _defineProperty(this, "sidebarRef", node => {
-      this.sidebarNode = node;
-    });
-  }
+  };
   shouldUseFixation() {
     const {
       contentNode
@@ -60,17 +49,19 @@ class Sidebar extends Component {
     } = this.state;
     return !bottomIsOutside && topIsOutside && this.shouldUseFixation();
   }
+  sidebarRef = node => {
+    this.sidebarNode = node;
+  };
   render() {
-    const _this$props = this.props,
-      {
-        right,
-        children,
-        className,
-        containerClassName,
-        fixedClassName,
-        contentNode
-      } = _this$props,
-      restProps = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      right,
+      children,
+      className,
+      containerClassName,
+      fixedClassName,
+      contentNode,
+      ...restProps
+    } = this.props;
     const {
       topIsOutside,
       bottomIsOutside,
@@ -88,7 +79,7 @@ class Sidebar extends Component {
       [fixedClassName !== null && fixedClassName !== void 0 ? fixedClassName : '']: shouldFixateTop || shouldFixateBottom
     });
     const style = {
-      maxHeight: shouldFixateBottom && sidebarVisibleHeight ? "".concat(sidebarVisibleHeight, "px") : undefined
+      maxHeight: shouldFixateBottom && sidebarVisibleHeight ? `${sidebarVisibleHeight}px` : undefined
     };
     return jsxs("aside", {
       className: containerClasses,
@@ -96,11 +87,12 @@ class Sidebar extends Component {
       children: [jsx(Waypoint, {
         onEnter: this.handleTopWaypoint,
         onLeave: this.handleTopWaypoint
-      }), jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
+      }), jsx("div", {
+        ...restProps,
         style: style,
         className: classes,
         children: children
-      })), jsx("div", {
+      }), jsx("div", {
         className: styles.bottomMarker,
         children: jsx(Waypoint, {
           onEnter: this.handleBottomWaypoint,

package/components/_helpers/tab-link.js

@@ -1,20 +1,18 @@
-import { a as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo } from 'react';
 import Link from '../link/link.js';
 
 var styles = {"tabs":"ring-tabs-tabs ring-global-font","titles":"ring-tabs-titles","title":"ring-tabs-title ring-global-font","selected":"ring-tabs-selected","collapsed":"ring-tabs-collapsed","titleLegacy":"ring-tabs-titleLegacy","visible":"ring-tabs-visible","container":"ring-tabs-container","hidden":"ring-tabs-hidden","hiddenBold":"ring-tabs-hiddenBold","hiddenRegular":"ring-tabs-hiddenRegular","tabCounter":"ring-tabs-tabCounter","autoCollapseContainer":"ring-tabs-autoCollapseContainer","autoCollapse":"ring-tabs-autoCollapse","rendered":"ring-tabs-rendered","adjusted":"ring-tabs-adjusted","measure":"ring-tabs-measure","morePopup":"ring-tabs-morePopup","morePopupBeforeEnd":"ring-tabs-morePopupBeforeEnd"};
 
-const _excluded = ["isSelected", "title", "collapsed"];
-function TabLink(_ref) {
-  let {
-      isSelected,
-      title,
-      collapsed
-    } = _ref,
-    restProps = _objectWithoutProperties(_ref, _excluded);
+function TabLink({
+  isSelected,
+  title,
+  collapsed,
+  ...restProps
+}) {
   const renderedTitle = typeof title === 'function' ? title(isSelected, collapsed) : title;
-  return jsx(Link, _objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx(Link, {
+    ...restProps,
     children: jsxs("div", {
       className: styles.container,
       children: [jsx("span", {
@@ -31,7 +29,7 @@ function TabLink(_ref) {
         children: renderedTitle
       })]
     })
-  }));
+  });
 }
 var TabLink$1 = /*#__PURE__*/memo(TabLink);
 

package/components/_helpers/theme.js

@@ -1,5 +1,3 @@
-import { a as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createContext, forwardRef, useMemo, useEffect, useContext, useState } from 'react';
 import classNames from 'classnames';
@@ -12,7 +10,6 @@ var defaultStyles = {"light":"ring-variables-light"};
 
 var darkStyles = {"dark":"ring-variables_dark-dark"};
 
-const _excluded = ["theme", "className", "passToPopups", "children", "WrapperComponent", "target"];
 var Theme;
 (function (Theme) {
   Theme["AUTO"] = "auto";
@@ -42,11 +39,10 @@ function useThemeClasses(theme) {
     [defaultStyles.light]: resolvedTheme === Theme.LIGHT
   });
 }
-function WithThemeClasses(_ref) {
-  let {
-    theme,
-    children
-  } = _ref;
+function WithThemeClasses({
+  theme,
+  children
+}) {
   const themeClasses = useThemeClasses(theme);
   return children(themeClasses);
 }
@@ -62,20 +58,20 @@ function applyTheme(theme, container) {
   }
 }
 const DefaultWrapper = /*#__PURE__*/forwardRef(function Wrapper(props, ref) {
-  return jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
+  return jsx("div", {
+    ...props,
     ref: ref
-  }));
+  });
 });
-const ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider(_ref2, ref) {
-  let {
-      theme = Theme.AUTO,
-      className,
-      passToPopups,
-      children,
-      WrapperComponent = DefaultWrapper,
-      target
-    } = _ref2,
-    restProps = _objectWithoutProperties(_ref2, _excluded);
+const ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider({
+  theme = Theme.AUTO,
+  className,
+  passToPopups,
+  children,
+  WrapperComponent = DefaultWrapper,
+  target,
+  ...restProps
+}, ref) {
   const systemTheme = useTheme();
   const resolvedTheme = theme === Theme.AUTO ? systemTheme : theme;
   const id = useMemo(() => getUID('popups-with-theme-'), []);
@@ -91,10 +87,10 @@ const ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider(_ref2, ref)
   const parentTarget = useContext(PopupTargetContext);
   return jsx(ThemeContext.Provider, {
     value: themeValue,
-    children: jsx(WrapperComponent, _objectSpread2(_objectSpread2({
+    children: jsx(WrapperComponent, {
       ref: ref,
-      className: target ? undefined : classNames(className, themeClasses)
-    }, restProps), {}, {
+      className: target ? undefined : classNames(className, themeClasses),
+      ...restProps,
       children: passToPopups ? jsx(PopupTarget, {
         id: id,
         children: popupTarget => jsxs(Fragment, {
@@ -104,7 +100,7 @@ const ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider(_ref2, ref)
           }), parentTarget && getPopupContainer(parentTarget) || document.body)]
         })
       }) : children
-    }))
+    })
   });
 });
 var Theme$1 = Theme;

package/components/_helpers/title.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty } from './_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
@@ -10,16 +8,18 @@ import getUID from '../global/get-uid.js';
 var styles = {"dataListWrapper":"ring-data-list-dataListWrapper","dataList":"ring-data-list-dataList","itemContent":"ring-data-list-itemContent","title":"ring-data-list-title","disabledHover":"ring-data-list-disabledHover","titleSelected":"ring-data-list-titleSelected","titleFocused":"ring-data-list-titleFocused","showMore":"ring-data-list-showMore","boxes":"ring-data-list-boxes","checkboxBox":"ring-data-list-checkboxBox","collapseButton":"ring-data-list-collapseButton","collapseIcon":"ring-data-list-collapseIcon","loadingOverlay":"ring-data-list-loadingOverlay","showMoreLoader":"ring-data-list-showMoreLoader"};
 
 class Title extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "id", getUID('data-list-title'));
-    _defineProperty(this, "onCheckboxFocus", () => {
-      this.props.onFocusRestore();
-    });
-    _defineProperty(this, "onCheckboxChange", () => {
-      this.toggleSelection();
-    });
-  }
+  static defaultProps = {
+    selectable: false,
+    selected: false,
+    showFocus: false
+  };
+  id = getUID('data-list-title');
+  onCheckboxFocus = () => {
+    this.props.onFocusRestore();
+  };
+  onCheckboxChange = () => {
+    this.toggleSelection();
+  };
   toggleSelection() {
     const {
       selectable,
@@ -72,11 +72,6 @@ class Title extends PureComponent {
     });
   }
 }
-_defineProperty(Title, "defaultProps", {
-  selectable: false,
-  selected: false,
-  showFocus: false
-});
 var Title$1 = focusSensorHOC(Title);
 
 export { Title$1 as T, styles as s };