@jetbrains/ring-ui-built 7.0.0-beta.3 → 7.0.0-beta.5

package/components/select/select.js

@@ -6,10 +6,9 @@ import 'core-js/modules/es.string.trim.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { Component, Fragment } from 'react';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import chevronDownIcon from '@jetbrains/icons/chevron-down';
 import closeIcon from '@jetbrains/icons/close-12px';
-import deepEqual from 'deep-equal';
+import { dequal } from 'dequal';
 import '../dropdown/dropdown.js';
 import Avatar, { Size as Size$1 } from '../avatar/avatar.js';
 import Popup from '../popup/popup.js';
@@ -25,7 +24,6 @@ import fuzzyHighlight from '../global/fuzzy-highlight.js';
 import memoize from '../global/memoize.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import { createComposedRef } from '../global/composeRefs.js';
-import { refObject } from '../global/prop-types.js';
 import { isArray } from '../global/typescript-utils.js';
 import { ControlsHeight, ControlsHeightContext } from '../global/controls-height.js';
 import SelectPopup from './select__popup.js';
@@ -620,7 +618,7 @@ class Select extends Component {
         });
       }
     }
-    if (prevMultiple !== multiple && !deepEqual(prevMultiple, multiple)) {
+    if (prevMultiple !== multiple && !dequal(prevMultiple, multiple)) {
       nextState.selected = multiple ? [] : null;
     }
     if (multiple && !nextState.selected) {
@@ -658,7 +656,7 @@ class Select extends Component {
     } else if (!prevState.showPopup && showPopup) {
       onOpen();
     }
-    if (multiple !== prevProps.multiple && !deepEqual(multiple, prevProps.multiple)) {
+    if (multiple !== prevProps.multiple && !dequal(multiple, prevProps.multiple)) {
       onChange(selected);
     }
   }
@@ -1168,69 +1166,6 @@ _defineProperty(Select, "defaultProps", {
 _defineProperty(Select, "contextType", ControlsHeightContext);
 _defineProperty(Select, "Type", Type);
 _defineProperty(Select, "Size", Size);
-Select.propTypes = {
-  className: PropTypes.string,
-  buttonClassName: PropTypes.string,
-  id: PropTypes.string,
-  multiple: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
-  allowAny: PropTypes.bool,
-  filter: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
-  filterIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  filterRef: PropTypes.oneOfType([PropTypes.func, refObject(PropTypes.instanceOf(HTMLInputElement))]),
-  getInitial: PropTypes.func,
-  onClose: PropTypes.func,
-  onOpen: PropTypes.func,
-  onDone: PropTypes.func,
-  onFilter: PropTypes.func,
-  onChange: PropTypes.func,
-  onReset: PropTypes.func,
-  onLoadMore: PropTypes.func,
-  onAdd: PropTypes.func,
-  onBeforeOpen: PropTypes.func,
-  onSelect: PropTypes.func,
-  onDeselect: PropTypes.func,
-  onOutsideClick: PropTypes.func,
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  selected: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
-  data: PropTypes.array,
-  tags: PropTypes.object,
-  targetElement: PropTypes.object,
-  loading: PropTypes.bool,
-  loadingMessage: PropTypes.string,
-  notFoundMessage: PropTypes.string,
-  maxHeight: PropTypes.number,
-  minWidth: PropTypes.number,
-  directions: PropTypes.array,
-  popupClassName: PropTypes.string,
-  popupStyle: PropTypes.object,
-  preventListOverscroll: PropTypes.bool,
-  top: PropTypes.number,
-  left: PropTypes.number,
-  renderOptimization: PropTypes.bool,
-  ringPopupTarget: PropTypes.string,
-  error: PropTypes.string,
-  hint: List.ListHint.propTypes.label,
-  add: PropTypes.object,
-  type: PropTypes.oneOf(Object.values(Type)),
-  disabled: PropTypes.bool,
-  hideSelected: PropTypes.bool,
-  label: PropTypes.string,
-  selectedLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-  inputPlaceholder: PropTypes.string,
-  clear: PropTypes.bool,
-  hideArrow: PropTypes.bool,
-  showPopup: PropTypes.bool,
-  tryKeepOpen: PropTypes.bool,
-  compact: PropTypes.bool,
-  size: PropTypes.oneOf(Object.values(Size)),
-  customAnchor: PropTypes.func,
-  disableMoveOverflow: PropTypes.bool,
-  disableScrollToActive: PropTypes.bool,
-  dir: PropTypes.oneOf(['ltr', 'rtl']),
-  'data-test': PropTypes.string
-};
 const RerenderableSelect = rerenderHOC(Select);
 
 export { RerenderableSelect, Type, Select as default };

package/components/select/select__filter.js

@@ -1,7 +1,6 @@
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
-import 'prop-types';
 import 'classnames';
 import '../_helpers/input.js';
 import '../global/sniffer.js';
@@ -10,7 +9,6 @@ import '../i18n/i18n-context.js';
 export { S as default } from '../_helpers/select__filter.js';
 import 'react/jsx-runtime';
 import '@jetbrains/icons/close-12px';
-import '../global/prop-types.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '../icon/icon.js';

package/components/select/select__popup.js

@@ -5,7 +5,6 @@ import { PureComponent } from 'react';
 import classNames from 'classnames';
 import searchIcon from '@jetbrains/icons/search';
 import memoizeOne from 'memoize-one';
-import PropTypes from 'prop-types';
 import Icon from '../icon/icon.js';
 import Popup, { getPopupContainer } from '../popup/popup.js';
 import { maxHeightForDirection } from '../popup/position.js';
@@ -22,10 +21,9 @@ import Shortcuts from '../shortcuts/shortcuts.js';
 import { Button } from '../button/button.js';
 import Text from '../text/text.js';
 import { ControlsHeight } from '../global/controls-height.js';
-import { refObject } from '../global/prop-types.js';
 import { createComposedRef } from '../global/composeRefs.js';
 import { DEFAULT_DIRECTIONS } from '../popup/popup.consts.js';
-import { S as SelectFilter, m as modules_b607bec2 } from '../_helpers/select__filter.js';
+import { m as modules_b607bec2, S as SelectFilter } from '../_helpers/select__filter.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
@@ -499,54 +497,5 @@ _defineProperty(SelectPopup, "defaultProps", {
   onSelectAll: noop,
   onEmptyPopupEnter: noop
 });
-SelectPopup.propTypes = {
-  activeIndex: PropTypes.number,
-  anchorElement: PropTypes.instanceOf(HTMLElement),
-  className: PropTypes.string,
-  compact: PropTypes.bool,
-  data: PropTypes.array,
-  dir: PropTypes.oneOf(['ltr', 'rtl']),
-  directions: PropTypes.array,
-  disabled: PropTypes.bool,
-  disableMoveOverflow: PropTypes.bool,
-  disableScrollToActive: PropTypes.bool,
-  filter: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
-    value: PropTypes.string,
-    placeholder: PropTypes.string
-  })]),
-  filterValue: PropTypes.string,
-  filterIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
-  filterRef: PropTypes.oneOfType([PropTypes.func, refObject(PropTypes.instanceOf(HTMLInputElement))]),
-  hidden: PropTypes.bool,
-  isInputMode: PropTypes.bool,
-  listId: PropTypes.string,
-  maxHeight: PropTypes.number,
-  message: PropTypes.string,
-  minWidth: PropTypes.number,
-  multiple: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
-    label: PropTypes.string,
-    limit: PropTypes.number,
-    selectAll: PropTypes.bool
-  })]),
-  left: PropTypes.number,
-  loading: PropTypes.bool,
-  onClear: PropTypes.func,
-  onCloseAttempt: PropTypes.func,
-  onOutsideClick: PropTypes.func,
-  onEmptyPopupEnter: PropTypes.func,
-  onFilter: PropTypes.func,
-  onLoadMore: PropTypes.func,
-  onSelect: PropTypes.func,
-  onSelectAll: PropTypes.func,
-  renderOptimization: PropTypes.bool,
-  ringPopupTarget: PropTypes.string,
-  selected: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
-  style: PropTypes.object,
-  tags: PropTypes.object,
-  toolbar: PropTypes.node,
-  topbar: PropTypes.node,
-  top: PropTypes.number,
-  preventListOverscroll: PropTypes.bool
-};
 
 export { SelectPopup as default };

package/components/shortcuts/core.js

@@ -35,7 +35,7 @@ class Shortcuts {
     });
     _defineProperty(this, "_defaultFilter", (e, element, key) => {
       // 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 || element.matches(this.ALLOW_SHORTCUTS_SELECTOR) || (element.dataset.enabledShortcuts != null ? element.dataset.enabledShortcuts.split(',').includes(key) : element.closest(this.ALLOW_SHORTCUTS_SELECTOR) != null)) {
+      if (element === document || !(element instanceof HTMLElement) || key == null || element.matches(this.ALLOW_SHORTCUTS_SELECTOR) || element.closest(this.ALLOW_SHORTCUTS_SELECTOR) != null || element.dataset.enabledShortcuts != null && element.dataset.enabledShortcuts.split(',').includes(key)) {
         return false;
       }
       const elementContentEditableAttribute = element.contentEditable;

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

@@ -1,5 +1,4 @@
 import { ComponentType } from 'react';
-import PropTypes from 'prop-types';
 import { ShortcutsMap, ShortcutsScopeOptions } from './core';
 export interface ShortcutsHOCOptions extends ShortcutsScopeOptions {
     disabled?: boolean | null | undefined;
@@ -57,9 +56,5 @@ export default function shortcutsHOC<P extends {}>(ComposedComponent: ComponentT
         componentWillUpdate?(nextProps: Readonly<P & ShortcutsHOCProps>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<P & ShortcutsHOCProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    propTypes: {
-        rgShortcutsOptions: PropTypes.Requireable<object>;
-        rgShortcutsMap: PropTypes.Requireable<object>;
-    };
     contextType?: import("react").Context<any> | undefined;
 };

package/components/shortcuts/shortcuts-hoc.js

@@ -1,7 +1,6 @@
 import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import getUID from '../global/get-uid.js';
 import Shortcuts from './shortcuts.js';
 import { jsx } from 'react/jsx-runtime';
@@ -13,8 +12,7 @@ import 'sniffr';
 
 const _excluded = ["rgShortcutsOptions", "rgShortcutsMap"];
 function shortcutsHOC(ComposedComponent) {
-  var _WithShortcuts;
-  return _WithShortcuts = class WithShortcuts extends Component {
+  return class WithShortcuts extends Component {
     constructor() {
       super(...arguments);
       _defineProperty(this, "_shortcutsScopeUid", getUID('rg-shortcuts-'));
@@ -34,10 +32,7 @@ function shortcutsHOC(ComposedComponent) {
         children: /*#__PURE__*/jsx(ComposedComponent, _objectSpread2({}, props))
       });
     }
-  }, _defineProperty(_WithShortcuts, "propTypes", {
-    rgShortcutsOptions: PropTypes.object,
-    rgShortcutsMap: PropTypes.object
-  }), _WithShortcuts;
+  };
 }
 
 export { shortcutsHOC as default };

package/components/shortcuts/shortcuts.d.ts

@@ -1,5 +1,4 @@
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import { ShortcutsMap, ShortcutsScopeOptions } from './core';
 export interface ShortcutsProps {
     map: ShortcutsMap;
@@ -9,13 +8,6 @@ export interface ShortcutsProps {
     disabled?: boolean | null | undefined;
 }
 export default class Shortcuts extends PureComponent<ShortcutsProps> {
-    static propTypes: {
-        map: PropTypes.Validator<object>;
-        scope: PropTypes.Validator<string>;
-        options: PropTypes.Requireable<object>;
-        disabled: PropTypes.Requireable<boolean>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
     static defaultProps: {
         options: {};
     };

package/components/shortcuts/shortcuts.js

@@ -1,6 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import shortcuts from './core.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'combokeys';
@@ -53,13 +52,6 @@ class Shortcuts extends PureComponent {
     return this.props.children || null;
   }
 }
-_defineProperty(Shortcuts, "propTypes", {
-  map: PropTypes.object.isRequired,
-  scope: PropTypes.string.isRequired,
-  options: PropTypes.object,
-  disabled: PropTypes.bool,
-  children: PropTypes.node
-});
 _defineProperty(Shortcuts, "defaultProps", {
   options: {}
 });

package/components/slider/slider.js

@@ -8,7 +8,6 @@ import Shortcuts from '../shortcuts/shortcuts.js';
 import getUID from '../global/get-uid.js';
 import { toRange, validateValue, calculateMarks, toPercent, calculateValue, adjustValues, HUNDRED } from './slider.utils.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'prop-types';
 import '../shortcuts/core.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'combokeys';

package/components/storage/storage.d.ts

@@ -1,3 +1,4 @@
+import LocalStorage from './storage__local';
 export interface StorageConfig {
     type?: 'local' | 'session' | null | undefined;
     cookieName?: string | null | undefined;
@@ -12,7 +13,5 @@ export interface StorageInterface {
 }
 export interface StorageClass {
     new (config?: StorageConfig | undefined): StorageInterface;
-    QUOTA?: number;
 }
-declare const ActualStorage: StorageClass;
-export default ActualStorage;
+export default LocalStorage;

package/components/storage/storage.js

@@ -1,5 +1,4 @@
 import LocalStorage from './storage__local.js';
-import FallbackStorage from './storage__fallback.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../alert-service/alert-service.js';
@@ -8,7 +7,6 @@ import '../global/get-uid.js';
 import '../alert/alert.js';
 import 'react';
 import 'classnames';
-import 'prop-types';
 import '@jetbrains/icons/exception';
 import '@jetbrains/icons/checkmark';
 import '@jetbrains/icons/warning';
@@ -45,25 +43,7 @@ import '../popup/position.js';
 import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../alert/container.js';
-import 'deep-equal';
 
-/**
- * @name Storage
- */
-/**
- * @constructor
- * @extends {LocalStorage}
- */
-let Storage = LocalStorage;
-// Using try/catch here because of IE10+ protected mode and other browsers' quirks
-// See https://github.com/Modernizr/Modernizr/blob/master/feature-detects/storage/localstorage.js
-try {
-  const temp = 'testStorage';
-  localStorage.setItem(temp, temp);
-  localStorage.removeItem(temp);
-} catch (e) {
-  Storage = FallbackStorage;
-}
-const ActualStorage = Storage;
 
-export { ActualStorage as default };
+
+export { LocalStorage as default };

package/components/storage/storage__local.js

@@ -6,7 +6,6 @@ import '../global/get-uid.js';
 import '../alert/alert.js';
 import 'react';
 import 'classnames';
-import 'prop-types';
 import '@jetbrains/icons/exception';
 import '@jetbrains/icons/checkmark';
 import '@jetbrains/icons/warning';