npm - @skbkontur/react-ui - Versions diffs - 0.0.0-b0853da840 → 0.0.0-b08da15166 - Mend

@skbkontur/react-ui 0.0.0-b0853da840 → 0.0.0-b08da15166

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4246) hide show

package/components/CustomComboBox/ComboBoxView.js DELETED Viewed

@@ -1,282 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import { findDOMNode } from 'react-dom';
-import { DropdownContainer } from '../DropdownContainer';
-import { Input } from '../Input';
-import { InputLikeText } from '../internal/InputLikeText';
-import { RenderLayer } from '../RenderLayer';
-import { Spinner } from '../Spinner';
-import { ArrowTriangleDownIcon } from '../internal/icons/16px';import
-styles from "./CustomComboBox.module.css";
-import { ComboBoxMenu } from './ComboBoxMenu';
-import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
-export var ComboBoxView = /*#__PURE__*/function (_React$Component) {_inheritsLoose(ComboBoxView, _React$Component);function ComboBoxView() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
-    input = void 0;_this.
-    renderAddButton = function () {
-      return _this.props.renderAddButton(_this.props.textValue);
-    };_this.
-    handleItemSelect = function (item) {
-      if (_this.props.onValueChange) {
-        _this.props.onValueChange(item);
-      }
-    };_this.
-    refInput = function (input) {
-      if (_this.props.refInput) {
-        _this.props.refInput(input);
-      }
-      _this.input = input;
-    };_this.
-    renderSpinner = function () {return (
-        React.createElement("span", { className: styles.spinnerWrapper },
-        React.createElement(Spinner, { type: "mini", caption: "", dimmed: true })));};_this.
-    getRightIcon = function () {var _this$props =
-      _this.props,loading = _this$props.loading,items = _this$props.items,drawArrow = _this$props.drawArrow;
-      if (loading && items && !!items.length) {
-        return _this.renderSpinner();
-      }
-      if (drawArrow) {
-        return (
-          React.createElement("span", { className: styles.arrowWrapper },
-          React.createElement(ArrowTriangleDownIcon, null)));
-      }
-      return null;
-    };return _this;}var _proto = ComboBoxView.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.autoFocus && this.props.onFocus) {this.props.onFocus();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var input = this.input,props = this.props;if (props.editing && !prevProps.editing && input) {input.focus();}};_proto.render = function render() {var _this2 = this;var _this$props2 = this.props,items = _this$props2.items,loading = _this$props2.loading,menuAlign = _this$props2.menuAlign,onClickOutside = _this$props2.onClickOutside,onFocusOutside = _this$props2.onFocusOutside,onMouseEnter = _this$props2.onMouseEnter,onMouseLeave = _this$props2.onMouseLeave,onMouseOver = _this$props2.onMouseOver,opened = _this$props2.opened,refMenu = _this$props2.refMenu,maxMenuHeight = _this$props2.maxMenuHeight,renderTotalCount = _this$props2.renderTotalCount,renderItem = _this$props2.renderItem,renderNotFound = _this$props2.renderNotFound,repeatRequest = _this$props2.repeatRequest,requestStatus = _this$props2.requestStatus,totalCount = _this$props2.totalCount,size = _this$props2.size,width = _this$props2.width;var input = this.renderInput();var topOffsets = { spinner: 6, arrow: 15 };if (size === 'medium') {topOffsets.spinner += 4;topOffsets.arrow += 4;}if (size === 'large') {topOffsets.spinner += 6;topOffsets.arrow += 6;}return React.createElement(RenderLayer, { onClickOutside: onClickOutside, onFocusOutside: onFocusOutside, active: opened }, React.createElement("span", { style: { width: width }, className: styles.root, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver }, input, opened && React.createElement(DropdownContainer, { align: menuAlign, getParent: function getParent() {return findDOMNode(_this2);}, offsetY: 1, disablePortal: this.props.disablePortal }, React.createElement(ComboBoxMenu, { items: items, loading: loading, maxMenuHeight: maxMenuHeight, onValueChange: this.handleItemSelect, opened: opened, refMenu: refMenu, renderTotalCount: renderTotalCount, renderItem: renderItem, renderNotFound: renderNotFound, renderAddButton: this.renderAddButton, repeatRequest: repeatRequest, requestStatus: requestStatus, totalCount: totalCount }))));};_proto.renderInput = function renderInput() {var _this$props3 = this.props,align = _this$props3.align,borderless = _this$props3.borderless,disabled = _this$props3.disabled,editing = _this$props3.editing,error = _this$props3.error,onFocus = _this$props3.onFocus,onInputBlur = _this$props3.onInputBlur,onInputValueChange = _this$props3.onInputValueChange,onInputFocus = _this$props3.onInputFocus,onInputClick = _this$props3.onInputClick,onInputKeyDown = _this$props3.onInputKeyDown,placeholder = _this$props3.placeholder,renderValue = _this$props3.renderValue,size = _this$props3.size,textValue = _this$props3.textValue,value = _this$props3.value,warning = _this$props3.warning,refInputLikeText = _this$props3.refInputLikeText;var rightIcon = this.getRightIcon();if (editing) {return React.createElement(Input, { align: align, borderless: borderless, disabled: disabled, error: error, maxLength: this.props.maxLength, onBlur: onInputBlur, onValueChange: onInputValueChange, onFocus: onInputFocus, onClick: onInputClick, rightIcon: rightIcon, value: textValue || '', onKeyDown: onInputKeyDown, placeholder: placeholder, width: "100%", size: size, ref: this.refInput, warning: warning });}return React.createElement(InputLikeText, { align: align, borderless: borderless, error: error, onFocus: onFocus, rightIcon: rightIcon, disabled: disabled, warning: warning, placeholder: placeholder, size: size, width: "100%", ref: refInputLikeText }, value ? renderValue(value) : null);};return ComboBoxView;}(React.Component);ComboBoxView.__KONTUR_REACT_UI__ = 'ComboBoxView';ComboBoxView.defaultProps = { renderItem: function renderItem(item) {return item;}, renderValue: function renderValue(item) {return item;}, renderAddButton: function renderAddButton() {return null;}, repeatRequest: function repeatRequest() {return undefined;}, requestStatus: ComboBoxRequestStatus.Unknown, onClickOutside: function onClickOutside() {/**/}, onFocusOutside: function onFocusOutside() {/**/}, size: 'small', width: 250 };

package/components/CustomComboBox/ComboBoxView.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["ComboBoxView.tsx"],"names":["React","findDOMNode","DropdownContainer","Input","InputLikeText","RenderLayer","Spinner","ArrowTriangleDownIcon","styles","ComboBoxMenu","ComboBoxRequestStatus","ComboBoxView","input","renderAddButton","props","textValue","handleItemSelect","item","onValueChange","refInput","renderSpinner","spinnerWrapper","getRightIcon","loading","items","drawArrow","length","arrowWrapper","componentDidMount","autoFocus","onFocus","componentDidUpdate","prevProps","editing","focus","render","menuAlign","onClickOutside","onFocusOutside","onMouseEnter","onMouseLeave","onMouseOver","opened","refMenu","maxMenuHeight","renderTotalCount","renderItem","renderNotFound","repeatRequest","requestStatus","totalCount","size","width","renderInput","topOffsets","spinner","arrow","root","disablePortal","align","borderless","disabled","error","onInputBlur","onInputValueChange","onInputFocus","onInputClick","onInputKeyDown","placeholder","renderValue","value","warning","refInputLikeText","rightIcon","maxLength","Component","__KONTUR_REACT_UI__","defaultProps","undefined","Unknown"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\n\r\nimport { DropdownContainer } from '../DropdownContainer';\r\nimport { Input } from '../Input';\r\nimport { InputLikeText } from '../internal/InputLikeText';\r\nimport { Menu } from '../Menu';\r\nimport { MenuItemState } from '../MenuItem';\r\nimport { RenderLayer } from '../RenderLayer';\r\nimport { Spinner } from '../Spinner';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { ArrowTriangleDownIcon } from '../internal/icons/16px';\r\n\r\nimport styles from './CustomComboBox.module.less';\r\nimport { ComboBoxMenu } from './ComboBoxMenu';\r\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\r\n\r\ninterface ComboBoxViewProps<T> {\r\n align?: 'left' | 'center' | 'right';\r\n autoFocus?: boolean;\r\n borderless?: boolean;\r\n disablePortal?: boolean;\r\n disabled?: boolean;\r\n editing?: boolean;\r\n error?: boolean;\r\n items?: Nullable<T[]>;\r\n loading?: boolean;\r\n menuAlign?: 'left' | 'right';\r\n opened?: boolean;\r\n drawArrow?: boolean;\r\n placeholder?: string;\r\n size?: 'small' | 'medium' | 'large';\r\n textValue?: string;\r\n totalCount?: number;\r\n value?: Nullable<T>;\r\n warning?: boolean;\r\n width?: string | number;\r\n maxLength?: number;\r\n maxMenuHeight?: number | string;\r\n\r\n onValueChange?: (value: T) => void;\r\n onClickOutside?: (e: Event) => void;\r\n onFocus?: () => void;\r\n onFocusOutside?: () => void;\r\n onInputBlur?: () => void;\r\n onInputValueChange?: (value: string) => void;\r\n onInputFocus?: () => void;\r\n onInputClick?: () => void;\r\n onInputKeyDown?: (e: React.KeyboardEvent) => void;\r\n onMouseEnter?: (e: React.MouseEvent) => void;\r\n onMouseOver?: (e: React.MouseEvent) => void;\r\n onMouseLeave?: (e: React.MouseEvent) => void;\r\n renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\r\n renderNotFound?: () => React.ReactNode;\r\n renderTotalCount?: (found: number, total: number) => React.ReactNode;\r\n renderValue?: (item: T) => React.ReactNode;\r\n renderAddButton: (query?: string) => React.ReactNode;\r\n repeatRequest?: () => void;\r\n requestStatus?: ComboBoxRequestStatus;\r\n refInput?: (input: Nullable<Input>) => void;\r\n refMenu?: (menu: Nullable<Menu>) => void;\r\n refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;\r\n}\r\n\r\nexport class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>> {\r\n public static __KONTUR_REACT_UI__ = 'ComboBoxView';\r\n\r\n public static defaultProps = {\r\n renderItem: (item: any) => item,\r\n renderValue: (item: any) => item,\r\n renderAddButton: () => null,\r\n repeatRequest: () => undefined,\r\n requestStatus: ComboBoxRequestStatus.Unknown,\r\n onClickOutside: () => {\r\n /**/\r\n },\r\n onFocusOutside: () => {\r\n /**/\r\n },\r\n size: 'small',\r\n width: 250 as string | number,\r\n };\r\n\r\n private input: Nullable<Input>;\r\n\r\n public componentDidMount() {\r\n if (this.props.autoFocus && this.props.onFocus) {\r\n this.props.onFocus();\r\n }\r\n }\r\n\r\n public componentDidUpdate(prevProps: ComboBoxViewProps<T>) {\r\n const { input, props } = this;\r\n if (props.editing && !prevProps.editing && input) {\r\n input.focus();\r\n }\r\n }\r\n\r\n public render() {\r\n const {\r\n items,\r\n loading,\r\n menuAlign,\r\n onClickOutside,\r\n onFocusOutside,\r\n onMouseEnter,\r\n onMouseLeave,\r\n onMouseOver,\r\n opened,\r\n refMenu,\r\n maxMenuHeight,\r\n renderTotalCount,\r\n renderItem,\r\n renderNotFound,\r\n repeatRequest,\r\n requestStatus,\r\n totalCount,\r\n size,\r\n width,\r\n } = this.props;\r\n\r\n const input = this.renderInput();\r\n\r\n const topOffsets = {\r\n spinner: 6,\r\n arrow: 15,\r\n };\r\n if (size === 'medium') {\r\n topOffsets.spinner += 4;\r\n topOffsets.arrow += 4;\r\n }\r\n if (size === 'large') {\r\n topOffsets.spinner += 6;\r\n topOffsets.arrow += 6;\r\n }\r\n\r\n return (\r\n <RenderLayer onClickOutside={onClickOutside} onFocusOutside={onFocusOutside} active={opened}>\r\n <span\r\n style={{ width }}\r\n className={styles.root}\r\n onMouseEnter={onMouseEnter}\r\n onMouseLeave={onMouseLeave}\r\n onMouseOver={onMouseOver}\r\n >\r\n {input}\r\n {opened && (\r\n <DropdownContainer\r\n align={menuAlign}\r\n getParent={() => findDOMNode(this)}\r\n offsetY={1}\r\n disablePortal={this.props.disablePortal}\r\n >\r\n <ComboBoxMenu\r\n items={items}\r\n loading={loading}\r\n maxMenuHeight={maxMenuHeight}\r\n onValueChange={this.handleItemSelect}\r\n opened={opened}\r\n refMenu={refMenu}\r\n renderTotalCount={renderTotalCount}\r\n renderItem={renderItem!}\r\n renderNotFound={renderNotFound}\r\n renderAddButton={this.renderAddButton}\r\n repeatRequest={repeatRequest}\r\n requestStatus={requestStatus}\r\n totalCount={totalCount}\r\n />\r\n </DropdownContainer>\r\n )}\r\n </span>\r\n </RenderLayer>\r\n );\r\n }\r\n\r\n private renderAddButton = (): React.ReactNode => {\r\n return this.props.renderAddButton(this.props.textValue);\r\n };\r\n\r\n private renderInput(): React.ReactNode {\r\n const {\r\n align,\r\n borderless,\r\n disabled,\r\n editing,\r\n error,\r\n onFocus,\r\n onInputBlur,\r\n onInputValueChange,\r\n onInputFocus,\r\n onInputClick,\r\n onInputKeyDown,\r\n placeholder,\r\n renderValue,\r\n size,\r\n textValue,\r\n value,\r\n warning,\r\n refInputLikeText,\r\n } = this.props;\r\n\r\n const rightIcon = this.getRightIcon();\r\n\r\n if (editing) {\r\n return (\r\n <Input\r\n align={align}\r\n borderless={borderless}\r\n disabled={disabled}\r\n error={error}\r\n maxLength={this.props.maxLength}\r\n onBlur={onInputBlur}\r\n onValueChange={onInputValueChange}\r\n onFocus={onInputFocus}\r\n onClick={onInputClick}\r\n rightIcon={rightIcon}\r\n value={textValue || ''}\r\n onKeyDown={onInputKeyDown}\r\n placeholder={placeholder}\r\n width=\"100%\"\r\n size={size}\r\n ref={this.refInput}\r\n warning={warning}\r\n />\r\n );\r\n }\r\n\r\n return (\r\n <InputLikeText\r\n align={align}\r\n borderless={borderless}\r\n error={error}\r\n onFocus={onFocus}\r\n rightIcon={rightIcon}\r\n disabled={disabled}\r\n warning={warning}\r\n placeholder={placeholder}\r\n size={size}\r\n width=\"100%\"\r\n ref={refInputLikeText}\r\n >\r\n {value ? renderValue!(value) : null}\r\n </InputLikeText>\r\n );\r\n }\r\n\r\n private handleItemSelect = (item: T) => {\r\n if (this.props.onValueChange) {\r\n this.props.onValueChange(item);\r\n }\r\n };\r\n\r\n private refInput = (input: Nullable<Input>) => {\r\n if (this.props.refInput) {\r\n this.props.refInput(input);\r\n }\r\n this.input = input;\r\n };\r\n\r\n private renderSpinner = () => (\r\n <span className={styles.spinnerWrapper}>\r\n <Spinner type=\"mini\" caption=\"\" dimmed />\r\n </span>\r\n );\r\n\r\n private getRightIcon = () => {\r\n const { loading, items, drawArrow } = this.props;\r\n\r\n if (loading && items && !!items.length) {\r\n return this.renderSpinner();\r\n }\r\n\r\n if (drawArrow) {\r\n return (\r\n <span className={styles.arrowWrapper}>\r\n <ArrowTriangleDownIcon />\r\n </span>\r\n );\r\n }\r\n\r\n return null;\r\n };\r\n}\r\n"]}

package/components/CustomComboBox/CustomComboBox.d.ts DELETED Viewed

@@ -1,125 +0,0 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { Input } from '../Input';
-import { Menu } from '../Menu';
-import { InputLikeText } from '../internal/InputLikeText';
-import { MenuItemState } from '../MenuItem';
-import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
-export interface CustomComboBoxProps<T> {
-    align?: 'left' | 'center' | 'right';
-    autoFocus?: boolean;
-    borderless?: boolean;
-    disablePortal?: boolean;
-    disabled?: boolean;
-    error?: boolean;
-    maxLength?: number;
-    menuAlign?: 'left' | 'right';
-    drawArrow?: boolean;
-    searchOnFocus?: boolean;
-    onValueChange?: (value: T) => void;
-    onInputValueChange?: (value: string) => Nullable<string> | void;
-    onUnexpectedInput?: (value: string) => void | null | T;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    onMouseEnter?: (e: React.MouseEvent) => void;
-    onMouseOver?: (e: React.MouseEvent) => void;
-    onMouseLeave?: (e: React.MouseEvent) => void;
-    onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
-    placeholder?: string;
-    size?: 'small' | 'medium' | 'large';
-    totalCount?: number;
-    value?: Nullable<T>;
-    warning?: boolean;
-    width?: string | number;
-    maxMenuHeight?: number | string;
-    renderNotFound?: () => React.ReactNode;
-    renderTotalCount?: (found: number, total: number) => React.ReactNode;
-    renderItem: (item: T, state?: MenuItemState) => React.ReactNode;
-    renderValue: (value: T) => React.ReactNode;
-    renderAddButton?: (query?: string) => React.ReactNode;
-    valueToString: (value: T) => string;
-    itemToValue: (item: T) => string | number;
-    getItems: (query: string) => Promise<T[]>;
-}
-export interface CustomComboBoxState<T> {
-    editing: boolean;
-    loading: boolean;
-    opened: boolean;
-    textValue: string;
-    items: Nullable<T[]>;
-    inputChanged: boolean;
-    focused: boolean;
-    repeatRequest: () => void;
-    requestStatus: ComboBoxRequestStatus;
-}
-export declare const DELAY_BEFORE_SHOW_LOADER = 300;
-export declare const LOADER_SHOW_TIME = 1000;
-export declare const DefaultState: {
-    inputChanged: boolean;
-    editing: boolean;
-    items: null;
-    loading: boolean;
-    opened: boolean;
-    focused: boolean;
-    textValue: string;
-    repeatRequest: () => undefined;
-    requestStatus: ComboBoxRequestStatus;
-};
-export declare class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {
-    static __KONTUR_REACT_UI__: string;
-    state: CustomComboBoxState<T>;
-    input: Nullable<Input>;
-    menu: Nullable<Menu>;
-    inputLikeText: Nullable<InputLikeText>;
-    requestId: number;
-    loaderShowDelay: Nullable<Promise<never>>;
-    private focused;
-    private cancelationToken;
-    private reducer;
-    cancelLoaderDelay: () => void;
-    /**
-     * @public
-     */
-    focus: () => void;
-    /**
-     * @public
-     */
-    selectInputText: () => void;
-    /**
-     * @public
-     */
-    blur: () => void;
-    /**
-     * @public
-     */
-    search(query?: string): Promise<void>;
-    /**
-     * @public
-     */
-    cancelSearch(): void;
-    /**
-     * @public
-     */
-    open(): void;
-    /**
-     * @public
-     */
-    close(): void;
-    render(): JSX.Element;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: CustomComboBoxProps<T>, prevState: CustomComboBoxState<T>): void;
-    /**
-     * @public
-     */
-    reset(): void;
-    private dispatch;
-    private handleEffect;
-    private getProps;
-    private getState;
-    private handleValueChange;
-    private handleFocus;
-    private handleClickOutside;
-    private handleBlur;
-    private handleInputBlur;
-    private handleInputClick;
-}