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

package/components/popup/popup.js

@@ -4,7 +4,6 @@ import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
 import { createPortal } from 'react-dom';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import getUID from '../global/get-uid.js';
 import scheduleRAF from '../global/schedule-raf.js';
@@ -362,45 +361,5 @@ _defineProperty(Popup, "PopupProps", {
   MinWidth,
   MaxHeight
 });
-Popup.propTypes = {
-  anchorElement: PropTypes.instanceOf(Node),
-  target: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(Element)]),
-  className: PropTypes.string,
-  style: PropTypes.object,
-  hidden: PropTypes.bool.isRequired,
-  onOutsideClick: PropTypes.func,
-  onEscPress: PropTypes.func,
-  // onCloseAttempt is a common callback for ESC pressing and outside clicking.
-  // Use it if you don't need different behaviors for this cases.
-  onCloseAttempt: PropTypes.func,
-  children: PropTypes.node.isRequired,
-  dontCloseOnAnchorClick: PropTypes.bool,
-  shortcuts: PropTypes.bool,
-  keepMounted: PropTypes.bool,
-  // pass this prop to preserve the popup's DOM state while hidden
-  'data-test': PropTypes.string,
-  client: PropTypes.bool,
-  // true means that it's never used in SSR
-  directions: PropTypes.arrayOf(PropTypes.string),
-  autoPositioning: PropTypes.bool,
-  autoCorrectTopOverflow: PropTypes.bool,
-  left: PropTypes.number,
-  top: PropTypes.number,
-  maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  minWidth: PropTypes.number,
-  sidePadding: PropTypes.number,
-  attached: PropTypes.bool,
-  // Popup adjacent to an input, without upper border and shadow
-  onMouseDown: PropTypes.func,
-  onMouseUp: PropTypes.func,
-  onMouseOver: PropTypes.func,
-  onMouseOut: PropTypes.func,
-  onContextMenu: PropTypes.func,
-  onDirectionChange: PropTypes.func,
-  onShow: PropTypes.func,
-  // set to true whenever popup contains focusable and scrollable content
-  trapFocus: PropTypes.bool,
-  autoFocusFirst: PropTypes.bool
-};
 
 export { PopupTarget, PopupTargetContext, Popup as default, getPopupContainer };

package/components/popup/popup.target.js

@@ -1,6 +1,5 @@
 import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { createContext, forwardRef } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["id", "children"];
@@ -21,9 +20,5 @@ const PopupTarget = /*#__PURE__*/forwardRef(function PopupTarget(_ref, ref) {
     children: typeof children === 'function' ? children(target) : target
   });
 });
-PopupTarget.propTypes = {
-  id: PropTypes.string.isRequired,
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
-};
 
 export { PopupTarget, PopupTargetContext };

package/components/popup-menu/popup-menu.js

@@ -1,6 +1,5 @@
-import { a as _objectWithoutProperties, _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, b as _objectSpread2, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
-import PropTypes from 'prop-types';
 import Popup from '../popup/popup.js';
 import List from '../list/list.js';
 import { jsx } from 'react/jsx-runtime';
@@ -48,7 +47,6 @@ import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
-import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../control-help/control-help.js';
 import '../list/list__custom.js';
@@ -59,11 +57,6 @@ import '../list/list__hint.js';
 import '../list/consts.js';
 
 const _excluded = ["className"];
-const _ref = Popup.propTypes || {},
-  popupPropTypes = _objectWithoutProperties(_ref, ["children"]);
-/**
- * @name Popup Menu
- */
 class PopupMenu extends Popup {
   constructor() {
     super(...arguments);
@@ -99,10 +92,6 @@ _defineProperty(PopupMenu, "defaultProps", _objectSpread2(_objectSpread2(_object
   renderOptimization: false,
   closeOnSelect: false
 }));
-PopupMenu.propTypes = _objectSpread2(_objectSpread2(_objectSpread2({}, popupPropTypes), List.propTypes), {}, {
-  maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  closeOnSelect: PropTypes.bool
-});
 const {
   ListProps
 } = List;

package/components/progress-bar/progress-bar.d.ts

@@ -1,10 +1,28 @@
 import { HTMLAttributes, PureComponent } from 'react';
-import PropTypes from 'prop-types';
 export interface ProgressBarProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * A floating point number that specifies minimum completion rate for a task to be considered
+     * complete. Default value is 1.0.
+     * @type {number}
+     */
     max: number;
+    /**
+     * A floating point number that specifies current task completion rate.
+     * @type {number}
+     */
     value: number;
     label: string;
+    /**
+     * Sets the ring-progress-bar_global class to position the progress bar on top of the screen.
+     * Should be placed directly inside body, will be positioned right below .ring-header
+     * if placed adjacent to it.
+     * @type {boolean}
+     */
     global?: boolean | null | undefined;
+    /**
+     * Disables Disabled progress bar color animation and sets it to static color.
+     * @type {boolean}
+     */
     staticColor?: boolean;
 }
 /**
@@ -18,38 +36,6 @@ export default class ProgressBar extends PureComponent<ProgressBarProps> {
      * @private
      */
     static toPercent(value: number, max: number): number;
-    static propTypes: {
-        label: PropTypes.Requireable<string>;
-        /**
-         * Sets the ring-progress-bar_global class to position the progress bar on top of the screen.
-         * Should be placed directly inside body, will be positioned right below .ring-header
-         * if placed adjacent to it.
-         * @type {boolean}
-         */
-        global: PropTypes.Requireable<boolean>;
-        /**
-         * Custom class
-         * @type {string}
-         */
-        className: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<object>;
-        /**
-         * A floating point number that specifies minimum completion rate for a task to be considered
-         * complete. Default value is 1.0.
-         * @type {number}
-         */
-        max: PropTypes.Requireable<number>;
-        /**
-         * A floating point number that specifies current task completion rate.
-         * @type {number}
-         */
-        value: PropTypes.Requireable<number>;
-        /**
-         * Disables Disabled progress bar color animation and sets it to static color.
-         * @type {boolean}
-         */
-        staticColor: PropTypes.Requireable<boolean>;
-    };
     static defaultProps: {
         max: number;
         value: number;

package/components/progress-bar/progress-bar.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 { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
@@ -65,38 +64,6 @@ class ProgressBar extends PureComponent {
     }));
   }
 }
-_defineProperty(ProgressBar, "propTypes", {
-  label: PropTypes.string,
-  /**
-   * Sets the ring-progress-bar_global class to position the progress bar on top of the screen.
-   * Should be placed directly inside body, will be positioned right below .ring-header
-   * if placed adjacent to it.
-   * @type {boolean}
-   */
-  global: PropTypes.bool,
-  /**
-   * Custom class
-   * @type {string}
-   */
-  className: PropTypes.string,
-  style: PropTypes.object,
-  /**
-   * A floating point number that specifies minimum completion rate for a task to be considered
-   * complete. Default value is 1.0.
-   * @type {number}
-   */
-  max: PropTypes.number,
-  /**
-   * A floating point number that specifies current task completion rate.
-   * @type {number}
-   */
-  value: PropTypes.number,
-  /**
-   * Disables Disabled progress bar color animation and sets it to static color.
-   * @type {boolean}
-   */
-  staticColor: PropTypes.bool
-});
 _defineProperty(ProgressBar, "defaultProps", {
   max: 1.0,
   value: 0,

package/components/query-assist/query-assist.d.ts

@@ -1,6 +1,5 @@
 import { Component, ComponentRef, ReactNode, SyntheticEvent } from 'react';
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import Caret, { Position } from '../caret/caret';
 import PopupMenu from '../popup-menu/popup-menu';
 import Button from '../button/button';
@@ -37,27 +36,90 @@ export interface QueryAssistRequestParams {
     omitSuggestions?: boolean;
 }
 export interface QueryAssistProps {
+    /**
+     * Called when the query is applied. An object with fields `caret`, `focus` and `query` is passed as an argument
+     */
     onApply: (change: QueryAssistChange) => void;
+    /**
+     * Called when the query is changed. An object with fields `caret` and `query` is passed as an argument
+     */
     onChange: (change: QueryAssistChange) => void;
+    /**
+     * Called when the suggestion is applied
+     */
     onApplySuggestion: (suggestion: QueryAssistSuggestion, change: QueryAssistChange) => void;
+    /**
+     * Called when the query is cleared. Called without arguments
+     */
     onClear: () => void;
+    /**
+     * Called when the focus status is changed. An object with fields `focus` is passed as an argument
+     */
     onFocusChange: (change: FocusChange) => void;
     translations?: QueryAssistTranslations | null | undefined;
+    /**
+     * Open suggestions popup during the initial render
+     */
     autoOpen?: boolean | null | undefined | 'force';
+    /**
+     * Initial caret position
+     */
     caret?: number | null | undefined;
+    /**
+     * Show clickable "cross" icon on the right which clears the query
+     */
     clear?: boolean | null | undefined;
+    /**
+     * Additional class for the component
+     */
     className?: string | null | undefined;
+    /**
+     * Additional class for the popup
+     */
     popupClassName?: string | null | undefined;
+    /**
+     * Additional class for the input
+     */
     inputClassName?: string | null | undefined;
+    /**
+     * Data source function
+     */
     dataSource: (params: QueryAssistRequestParams) => Promise<QueryAssistResponse> | QueryAssistResponse;
+    /**
+     * Input debounce delay
+     */
     delay?: number | null | undefined;
+    /**
+     * Disable the component
+     */
     disabled?: boolean | undefined;
+    /**
+     * Initial focus
+     */
     focus?: boolean | null | undefined;
+    /**
+     * Hint under the suggestions list
+     */
     hint?: string | null | undefined;
+    /**
+     * Hint under the suggestions list visible when a suggestion is selected
+     */
     hintOnSelection?: string | null | undefined;
+    /**
+     * Show clickable "glass" icon on the right which applies the query
+     */
     glass?: boolean | null | undefined;
+    /**
+     * Show loader when a data request is in process
+     */
     loader?: boolean | null | undefined;
+    /**
+     * Field placeholder value
+     */
     placeholder?: string | null | undefined;
+    /**
+     * Initial query
+     */
     query?: string | null | undefined;
     useCustomItemRender?: boolean | null | undefined;
     actions?: ReactNode[] | null | undefined;
@@ -129,98 +191,6 @@ interface HistoryEntry {
  + __icon__ \`string=\` Icon URI, Data URI is possible
  */
 export default class QueryAssist extends Component<QueryAssistProps> {
-    static propTypes: {
-        /**
-         * Open suggestions popup during the initial render
-         */
-        autoOpen: PropTypes.Requireable<string | boolean>;
-        /**
-         * Initial caret position
-         */
-        caret: PropTypes.Requireable<number>;
-        /**
-         * Show clickable "cross" icon on the right which clears the query
-         */
-        clear: PropTypes.Requireable<boolean>;
-        /**
-         * Additional class for the component
-         */
-        className: PropTypes.Requireable<string>;
-        /**
-         * Additional class for the popup
-         */
-        popupClassName: PropTypes.Requireable<string>;
-        /**
-         * Additional class for the input
-         */
-        inputClassName: PropTypes.Requireable<string>;
-        /**
-         * Data source function
-         */
-        dataSource: PropTypes.Validator<(...args: any[]) => any>;
-        /**
-         * Input debounce delay
-         */
-        delay: PropTypes.Requireable<number>;
-        /**
-         * Disable the component
-         */
-        disabled: PropTypes.Requireable<boolean>;
-        /**
-         * Initial focus
-         */
-        focus: PropTypes.Requireable<boolean>;
-        /**
-         * Hint under the suggestions list
-         */
-        hint: PropTypes.Requireable<string>;
-        /**
-         * Hint under the suggestions list visible when a suggestion is selected
-         */
-        hintOnSelection: PropTypes.Requireable<string>;
-        /**
-         * Show clickable "glass" icon on the right which applies the query
-         */
-        glass: PropTypes.Requireable<boolean>;
-        /**
-         * Show loader when a data request is in process
-         */
-        loader: PropTypes.Requireable<boolean>;
-        /**
-         * Field placeholder value
-         */
-        placeholder: PropTypes.Requireable<string>;
-        /**
-         * Called when the query is applied. An object with fields `caret`, `focus` and `query` is passed as an argument
-         */
-        onApply: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Called when the query is changed. An object with fields `caret` and `query` is passed as an argument
-         */
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Called when the query is cleared. Called without arguments
-         */
-        onClear: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Called when the suggestion is applied
-         */
-        onApplySuggestion: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Called when the focus status is changed. An object with fields `focus` is passed as an argument
-         */
-        onFocusChange: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Initial query
-         */
-        query: PropTypes.Requireable<string>;
-        useCustomItemRender: PropTypes.Requireable<boolean>;
-        translations: PropTypes.Requireable<object>;
-        actions: PropTypes.Requireable<any[]>;
-        'data-test': PropTypes.Requireable<string>;
-        huge: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<string>;
-    };
     static defaultProps: {
         onApply: typeof noop;
         onChange: typeof noop;

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

@@ -4,10 +4,9 @@ import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import debounce from 'just-debounce-it';
 import classNames from 'classnames';
-import deepEqual from 'deep-equal';
+import { dequal } from 'dequal';
 import searchIcon from '@jetbrains/icons/search';
 import closeIcon from '@jetbrains/icons/close-12px';
 import getUID from '../global/get-uid.js';
@@ -57,7 +56,6 @@ import '../avatar/fallback-avatar.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
-import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../control-help/control-help.js';
 import '../list/list__custom.js';
@@ -360,7 +358,7 @@ class QueryAssist extends Component {
           };
           _this.immediateState.suggestionsQuery = query;
           // Do not update deep equal styleRanges to simplify shouldComponentUpdate check
-          if (!deepEqual(_this.state.styleRanges, styleRanges)) {
+          if (!dequal(_this.state.styleRanges, styleRanges)) {
             state.styleRanges = styleRanges;
           }
           _this.immediateState.selection = (_this$caret7 = _this.caret) === null || _this$caret7 === void 0 ? void 0 : _this$caret7.getPosition({
@@ -934,98 +932,6 @@ class QueryAssist extends Component {
     });
   }
 }
-_defineProperty(QueryAssist, "propTypes", {
-  /**
-   * Open suggestions popup during the initial render
-   */
-  autoOpen: PropTypes.oneOf([true, false, 'force']),
-  /**
-   * Initial caret position
-   */
-  caret: PropTypes.number,
-  /**
-   * Show clickable "cross" icon on the right which clears the query
-   */
-  clear: PropTypes.bool,
-  /**
-   * Additional class for the component
-   */
-  className: PropTypes.string,
-  /**
-   * Additional class for the popup
-   */
-  popupClassName: PropTypes.string,
-  /**
-   * Additional class for the input
-   */
-  inputClassName: PropTypes.string,
-  /**
-   * Data source function
-   */
-  dataSource: PropTypes.func.isRequired,
-  /**
-   * Input debounce delay
-   */
-  delay: PropTypes.number,
-  /**
-   * Disable the component
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Initial focus
-   */
-  focus: PropTypes.bool,
-  /**
-   * Hint under the suggestions list
-   */
-  hint: PropTypes.string,
-  /**
-   * Hint under the suggestions list visible when a suggestion is selected
-   */
-  hintOnSelection: PropTypes.string,
-  /**
-   * Show clickable "glass" icon on the right which applies the query
-   */
-  glass: PropTypes.bool,
-  /**
-   * Show loader when a data request is in process
-   */
-  loader: PropTypes.bool,
-  /**
-   * Field placeholder value
-   */
-  placeholder: PropTypes.string,
-  /**
-   * Called when the query is applied. An object with fields `caret`, `focus` and `query` is passed as an argument
-   */
-  onApply: PropTypes.func,
-  /**
-   * Called when the query is changed. An object with fields `caret` and `query` is passed as an argument
-   */
-  onChange: PropTypes.func,
-  /**
-   * Called when the query is cleared. Called without arguments
-   */
-  onClear: PropTypes.func,
-  /**
-   * Called when the suggestion is applied
-   */
-  onApplySuggestion: PropTypes.func,
-  /**
-   * Called when the focus status is changed. An object with fields `focus` is passed as an argument
-   */
-  onFocusChange: PropTypes.func,
-  /**
-   * Initial query
-   */
-  query: PropTypes.string,
-  useCustomItemRender: PropTypes.bool,
-  translations: PropTypes.object,
-  actions: PropTypes.array,
-  'data-test': PropTypes.string,
-  huge: PropTypes.bool,
-  size: PropTypes.string
-});
 _defineProperty(QueryAssist, "defaultProps", {
   onApply: noop,
   onChange: noop,

package/components/query-assist/query-assist__suggestions.js

@@ -5,7 +5,6 @@ import 'react/jsx-runtime';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
-import 'prop-types';
 import 'classnames';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
@@ -42,7 +41,6 @@ import '@jetbrains/icons/remove-12px';
 import '../icon/icon.js';
 import '../icon/icon__constants.js';
 import '../_helpers/icon__svg.js';
-import '../global/prop-types.js';
 import '../global/composeRefs.js';
 import '../control-help/control-help.js';
 import '../list/list__custom.js';

package/components/radio/radio.d.ts

@@ -1,17 +1,9 @@
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { RadioProps } from './radio__item';
 /**
  * @name Radio
  */
 export default class Radio extends Component<RadioProps> {
-    static propTypes: {
-        name: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        value: PropTypes.Requireable<NonNullable<string | number | boolean | null | undefined>>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-    };
     static Item: import("react").ForwardRefExoticComponent<import("./radio__item").RadioItemProps & import("react").RefAttributes<import("./radio__item").RadioItemInner>>;
     uid: string;
     render(): import("react").JSX.Element;

package/components/radio/radio.js

@@ -1,7 +1,6 @@
 import { _ as _defineProperty, 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 RadioItem, { RadioContext } from './radio__item.js';
 import { jsx } from 'react/jsx-runtime';
@@ -22,13 +21,6 @@ class Radio extends Component {
     });
   }
 }
-_defineProperty(Radio, "propTypes", {
-  name: PropTypes.string,
-  disabled: PropTypes.bool,
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]),
-  onChange: PropTypes.func,
-  children: PropTypes.node.isRequired
-});
 _defineProperty(Radio, "Item", RadioItem);
 
 export { Radio as default };

package/components/radio/radio__item.d.ts

@@ -1,5 +1,4 @@
 import { Component, InputHTMLAttributes, ReactNode } from 'react';
-import PropTypes from 'prop-types';
 export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
     value?: string | undefined;
     onChange?: ((value: string) => void) | null | undefined;
@@ -9,14 +8,6 @@ export interface RadioItemInnerProps extends InputHTMLAttributes<HTMLInputElemen
     help?: ReactNode;
 }
 export declare class RadioItemInner extends Component<RadioItemInnerProps> {
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        value: PropTypes.Requireable<string>;
-        name: PropTypes.Requireable<string>;
-        checked: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     uid: string;
     input?: HTMLElement | null;
     inputRef: (el: HTMLElement | null) => void;

package/components/radio/radio__item.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 { createContext, Component, forwardRef } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import getUID from '../global/get-uid.js';
 import ControlHelp from '../control-help/control-help.js';
@@ -55,14 +54,6 @@ class RadioItemInner extends Component {
     });
   }
 }
-_defineProperty(RadioItemInner, "propTypes", {
-  className: PropTypes.string,
-  children: PropTypes.node,
-  value: PropTypes.string,
-  name: PropTypes.string,
-  checked: PropTypes.bool,
-  onChange: PropTypes.func
-});
 const RadioItem = /*#__PURE__*/forwardRef(function RadioItem(props, ref) {
   return /*#__PURE__*/jsx(RadioContext.Consumer, {
     children: _ref => {
@@ -80,6 +71,5 @@ const RadioItem = /*#__PURE__*/forwardRef(function RadioItem(props, ref) {
     }
   });
 });
-RadioItem.propTypes = RadioItemInner.propTypes;
 
 export { RadioContext, RadioItemInner, RadioItem as default };