@cxbox-ui/core 1.34.1

package/components/ui/Dictionary/Dictionary.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { MultivalueSingleValue } from '../../../interfaces/data';
+import { BaseFieldProps } from '../../Field/Field';
+export interface DictionaryProps extends BaseFieldProps {
+    value?: MultivalueSingleValue[] | string | null;
+    onChange?: (value: MultivalueSingleValue[] | string) => void;
+    values: Array<{
+        value: string;
+        icon?: string;
+    }>;
+    fieldName: string;
+    placeholder?: string;
+    style?: React.CSSProperties;
+    metaIcon?: JSX.Element;
+    valueIcon?: string;
+    popupContainer?: HTMLElement;
+    multiple?: boolean;
+}
+/**
+ * Returns Icon component
+ *
+ * @param params Contains `type` and `color`
+ * @param extraStyleClasses extra css classes
+ */
+export declare function getIconByParams(params: string, extraStyleClasses?: string): JSX.Element;
+/**
+ * @category Components
+ */
+declare const MemoizedDictionary: React.NamedExoticComponent<DictionaryProps>;
+export default MemoizedDictionary;

package/components/ui/Dictionary/Dictionary.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/ui/ErrorPopup/ErrorPopup.d.ts

@@ -0,0 +1,18 @@
+import React, { FunctionComponent } from 'react';
+import { ApplicationError } from '../../../interfaces/view';
+export interface ErrorPopupOwnProps {
+    className?: string;
+    title?: string;
+    error: ApplicationError;
+    onClose?: () => void;
+}
+interface ErrorPopupProps extends ErrorPopupOwnProps {
+    exportState: () => void;
+    exportStateEnabled: boolean;
+}
+export declare const ErrorPopup: FunctionComponent<ErrorPopupProps>;
+/**
+ * @category Components
+ */
+declare const MemoizedErrorPopup: import("react-redux").ConnectedComponent<React.FunctionComponent<ErrorPopupProps>, Pick<ErrorPopupProps, "title" | "className" | "error" | "onClose">>;
+export default MemoizedErrorPopup;

package/components/ui/ErrorPopup/ErrorPopup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/ui/FilterField/FilterField.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Decides what control will be used for specific field type
+ */
+import React from 'react';
+import { DataValue } from '../../../interfaces/data';
+import { WidgetListField, WidgetMeta } from '../../../interfaces/widget';
+import { RowMetaField } from '../../../interfaces/rowMeta';
+export interface ColumnFilterControlProps {
+    widgetFieldMeta: WidgetListField;
+    rowFieldMeta: RowMetaField;
+    value: DataValue | DataValue[];
+    onChange: (value: DataValue | DataValue[]) => void;
+    widgetOptions?: WidgetMeta['options'];
+}
+/**
+ *
+ * @param props
+ * @category Components
+ */
+export declare const ColumnFilterControl: React.FC<ColumnFilterControlProps>;
+/**
+ * @category Components
+ */
+declare const MemoizedColumnFilterControl: React.NamedExoticComponent<ColumnFilterControlProps>;
+export default MemoizedColumnFilterControl;

package/components/ui/FilterField/FilterField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/ui/FilterField/components/RangePicker.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { DatePickerProps } from 'antd/lib/date-picker/interface';
+import { DataValue } from '@cxbox-ui/schema';
+interface RangePickerProps extends Omit<DatePickerProps, 'onChange' | 'value'> {
+    dateOnly?: boolean;
+    onChange: (v: DataValue[]) => void;
+    value: DataValue[];
+}
+declare function RangePicker({ value, onChange, dateOnly, ...rest }: RangePickerProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof RangePicker>;
+export default _default;

package/components/ui/FilterField/components/RangePicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/ui/HistoryField/HistoryField.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { WidgetField } from '../../../interfaces/widget';
+import { DataItem } from '../../../interfaces/data';
+export interface HistoryFieldProps {
+    fieldMeta: WidgetField;
+    data: DataItem;
+    bcName: string;
+    cursor: string;
+    widgetName: string;
+}
+/**
+ * @category Components
+ */
+declare const MemoizedHistoryField: React.NamedExoticComponent<HistoryFieldProps>;
+export default MemoizedHistoryField;

package/components/ui/InteractiveInput/InteractiveInput.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Интерактивных полей ввода, которые нуждаются в префиксах/суффиксах компонента <Input />,
+ * но сделаны на основе другого компонента (например Select)
+ *
+ * TODO:
+ * - перенести на них InlinePickList
+ * - перенести на них MultivalueTag
+ * - согласовать цвета рамочек по макетам (у MultivalueTag рамочка темнее чем у обычных)
+ * - сделать префиксы
+ */
+import React, { FunctionComponent } from 'react';
+export interface InteractiveInputProps {
+    suffixClassName?: string;
+    suffix?: React.ReactNode;
+    children: React.ReactNode;
+    onSuffixClick?: () => void;
+}
+/**
+ *
+ * @param props
+ * @category Components
+ */
+export declare const InteractiveInput: FunctionComponent<InteractiveInputProps>;
+/**
+ * @category Components
+ */
+declare const MemoizedInteractiveInput: React.NamedExoticComponent<InteractiveInputProps>;
+export default MemoizedInteractiveInput;

package/components/ui/Link/Link.d.ts

@@ -0,0 +1,13 @@
+import React, { FunctionComponent } from 'react';
+export interface LinkProps {
+    children: React.ReactNode;
+    className: string;
+    href: string;
+}
+/**
+ *
+ * @param props
+ * @category Components
+ */
+export declare const Link: FunctionComponent<LinkProps>;
+export default Link;

package/components/ui/MultiField/MultiField.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { WidgetField } from '../../../interfaces/widget';
+import { DataItem } from '../../../interfaces/data';
+export interface MultiFieldProps {
+    bcName: string;
+    fields: WidgetField[];
+    data: DataItem;
+    cursor: string;
+    widgetName: string;
+    style: 'inline' | 'list';
+}
+/**
+ * @category Components
+ */
+declare const MemoizedMultiField: React.NamedExoticComponent<MultiFieldProps>;
+export default MemoizedMultiField;

package/components/ui/Multivalue/MultivalueHover.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { DataValue, MultivalueSingleValue } from '../../../interfaces/data';
+import { BaseFieldProps } from '../../Field/Field';
+export interface MultivalueHoverProps extends BaseFieldProps {
+    data: MultivalueSingleValue[];
+    displayedValue: DataValue;
+    onDrillDown?: () => void;
+    className?: string;
+    backgroundColor?: string;
+}
+/**
+ * @category Components
+ */
+declare const MemoizedMultivalue: React.NamedExoticComponent<MultivalueHoverProps>;
+export default MemoizedMultivalue;

package/components/ui/Multivalue/MultivalueList.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { MultivalueSingleValue } from '../../../interfaces/data';
+import { MultivalueFieldMeta } from '../../../interfaces/widget';
+export interface MultivalueListProps {
+    fieldTitle: React.ReactNode;
+    field: MultivalueFieldMeta;
+    data: MultivalueSingleValue[];
+    isFloat: boolean;
+    noLineSeparator: boolean;
+    isColumnDirection?: boolean;
+    className?: string;
+}
+/**
+ * @category Components
+ */
+declare const MemoizedMultivalueList: React.NamedExoticComponent<MultivalueListProps>;
+export default MemoizedMultivalueList;

package/components/ui/Multivalue/MultivalueTag.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { MultivalueSingleValue } from '../../../interfaces/data';
+import { MultivalueFieldMeta } from '../../../interfaces/widget';
+export interface MultivalueTagProps {
+    disabled: boolean;
+    placeholder?: string;
+    value: MultivalueSingleValue[];
+    widgetFieldMeta: MultivalueFieldMeta;
+    /**
+     * @deprecated TODO: Remove in 2.0.0 in favor of `widgetName`
+     */
+    bcName: string;
+    widgetName?: string;
+    loading?: boolean;
+    page: number;
+    metaError: string;
+    onPopupOpen: (bcName: string, widgetFieldMeta: MultivalueFieldMeta, page: number, widgetName?: string) => void;
+    onChange: (newValue: MultivalueSingleValue[], removedValue: MultivalueSingleValue) => void;
+}
+/**
+ * @category Components
+ */
+declare const MemoizedMultivalueTag: React.NamedExoticComponent<MultivalueTagProps>;
+export default MemoizedMultivalueTag;

package/components/ui/NavigationTabs/NavigationTabs.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface NavigationTabsProps {
+    navigationLevel: number;
+}
+declare function NavigationTabs({ navigationLevel }: NavigationTabsProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof NavigationTabs>;
+export default _default;

package/components/ui/NavigationTabs/NavigationTabs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/ui/NumberInput/NumberInput.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { NumberTypes } from '../../../components/ui/NumberInput/formaters';
+import { BaseFieldProps } from '../../Field/Field';
+export interface NumberInputProps extends BaseFieldProps {
+    onChange?: (value: number) => void;
+    value: number;
+    nullable?: boolean;
+    digits?: number;
+    type: NumberTypes;
+    maxInput?: number;
+    forceFocus?: boolean;
+}
+/**
+ * @category Components
+ */
+declare const MemoizedNumberInput: React.NamedExoticComponent<NumberInputProps>;
+export default MemoizedNumberInput;

package/components/ui/NumberInput/NumberInput.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/ui/NumberInput/formaters.d.ts

@@ -0,0 +1,31 @@
+export declare enum NumberTypes {
+    number = "number",
+    percent = "percent",
+    money = "money"
+}
+export declare const NumberInputFormat: {
+    number: (value: number, digits?: number, nullable?: boolean) => string;
+    money: (value: number, digits?: number, nullable?: boolean) => string;
+    percent: (value: number, digits?: number, nullable?: boolean) => string;
+};
+/**
+ * TODO
+ *
+ * @param value
+ * @param digits
+ * @param useGrouping
+ */
+export declare function getFormattedNumber(value: number, digits: number, useGrouping?: boolean): string;
+/**
+ * Rounding to the nearest value of specified precision
+ *
+ * @param value
+ * @param precision
+ */
+export declare function fractionsRound(value: number, precision: number): number;
+/**
+ * TODO
+ *
+ * @param digits
+ */
+export declare function getPrecision(digits: number): number;

package/components/ui/Pagination/Pagination.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import { PaginationMode } from '../../../interfaces/widget';
+/**
+ * Pagination component properties
+ *
+ * TODO: Rename PaginataionProps in 2.0.0
+ */
+export interface PaginationOwnProps {
+    /**
+     * Business component storing pagination data and loading state
+     *
+     * @deprecated TODO: Remove in favor of widgetName in 2.0.0
+     */
+    bcName?: string;
+    /**
+     * Name of the widget showing pagination
+     *
+     * TODO: Will be mandatory in 2.0.0
+     */
+    widgetName?: string;
+    /**
+     * Type of paginator (prev/next buttons, loadMore button, etc.)
+     */
+    mode: PaginationMode;
+    /**
+     * Callback on page change
+     */
+    onChangePage?: (newPage?: number) => void;
+}
+/**
+ * @deprecated Connected internally
+ */
+interface PaginationStateProps {
+    hasNext: boolean;
+    page: number;
+    loading: boolean;
+    widgetName: string;
+}
+/**
+ * @deprecated Connected internally
+ */
+interface PaginationDispatchProps {
+    changePage: (bcName: string, page: number) => void;
+    loadMore: (bcName: string, widgetName: string) => void;
+}
+declare type PaginationAllProps = PaginationOwnProps & Partial<PaginationStateProps> & Partial<PaginationDispatchProps>;
+/**
+ * @category Components
+ */
+declare const MemoizedPagination: React.NamedExoticComponent<PaginationAllProps>;
+export default MemoizedPagination;

package/components/ui/Pagination/Pagination.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/ui/PickInput/PickInput.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface PickInputProps {
+    disabled?: boolean;
+    value?: string;
+    onClick?: () => void;
+    onClear?: () => void;
+    className?: string;
+    placeholder?: string;
+    loading?: boolean;
+}
+/**
+ * @category Components
+ */
+declare const MemoizedPickInput: React.NamedExoticComponent<PickInputProps>;
+export default MemoizedPickInput;

package/components/ui/Popup/Popup.d.ts

@@ -0,0 +1,29 @@
+import React, { FunctionComponent } from 'react';
+import { ModalProps } from 'antd/lib/modal';
+export interface PopupProps extends ModalProps {
+    onOkHandler?: () => void;
+    onCancelHandler?: () => void;
+    size?: 'medium' | 'large';
+    children: any;
+    showed: boolean;
+    bcName: string;
+    widgetName?: string;
+    disablePagination?: boolean;
+    defaultOkText?: string;
+    defaultCancelText?: string;
+}
+export declare const widths: {
+    medium: string;
+    large: string;
+};
+/**
+ *
+ * @param props
+ * @category Components
+ */
+export declare const Popup: FunctionComponent<PopupProps>;
+/**
+ * @category Components
+ */
+declare const MemoizedPopup: React.NamedExoticComponent<PopupProps>;
+export default MemoizedPopup;

package/components/ui/Popup/Popup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/ui/Popup/PopupFooter.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface PopupFooterProps {
+    onAccept?: () => void;
+    onCancel?: () => void;
+}
+/**
+ *
+ * @param props
+ * @category Components
+ */
+export declare const PopupFooter: React.FC<PopupFooterProps>;
+/**
+ * @category Components
+ */
+declare const MemoizedPopupFooter: React.NamedExoticComponent<PopupFooterProps>;
+export default MemoizedPopupFooter;

package/components/ui/RadioButton/RadioButton.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { BaseFieldProps } from '../../../components/Field/Field';
+export interface RadioButtonProps extends BaseFieldProps {
+    value?: string | null;
+    onChange?: (value: string) => void;
+    values: Array<{
+        value: string;
+        icon?: string;
+    }>;
+    style?: React.CSSProperties;
+}
+/**
+ * @category Components
+ */
+declare const MemoizedRadioButton: React.NamedExoticComponent<RadioButtonProps>;
+export default MemoizedRadioButton;

package/components/ui/RadioButton/RadioButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/ui/ReadOnlyField/ReadOnlyField.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { WidgetFieldBase } from '../../../interfaces/widget';
+export interface ReadOnlyFieldProps {
+    /**
+     * TODO: Will be mandatory in 2.0.0
+     */
+    widgetName?: string;
+    /**
+     * TODO: Will be mandatory in 2.0.0
+     */
+    cursor?: string;
+    meta?: WidgetFieldBase;
+    backgroundColor?: string;
+    className?: string;
+    onDrillDown?: () => void;
+    children: React.ReactNode;
+}
+/**
+ * @category Components
+ */
+declare const MemoizedReadOnlyField: React.NamedExoticComponent<ReadOnlyFieldProps>;
+export default MemoizedReadOnlyField;

package/components/ui/SearchHightlight/SearchHightlight.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface SearchHighlightProps {
+    source: string;
+    search: string | RegExp;
+    match?: (substring: string) => React.ReactNode;
+    notMatch?: (substring: string) => React.ReactNode;
+}
+/**
+ * Default renderer for highlighting search results.
+ *
+ * Wraps an argument into `<b>` tag.
+ *
+ * @param value
+ */
+export declare const defaultHighlighter: (value: string) => JSX.Element;
+/**
+ * @category Components
+ */
+declare const MemoizedSearchHighlight: React.NamedExoticComponent<SearchHighlightProps>;
+export default MemoizedSearchHighlight;

package/components/ui/Select/Select.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Select as AntdSelect } from 'antd';
+import { SelectProps as AntdSelectProps, SelectValue } from 'antd/lib/select';
+export declare type SelectProps = AntdSelectProps & {
+    forwardedRef?: React.RefObject<AntdSelect<string>>;
+};
+/**
+ * Wrapper for original rc-select due to performance problems with last version
+ * https://github.com/react-component/select/issues/378
+ *
+ * @category Components
+ */
+export declare class Select<T = SelectValue> extends React.PureComponent<SelectProps> {
+    /**
+     * STUB
+     */
+    static Option: React.ClassicComponentClass<import("antd/lib/select").OptionProps>;
+    /**
+     * STUB
+     */
+    render(): JSX.Element;
+}
+/**
+ * @category Components
+ */
+export default Select;

package/components/ui/TextArea/TextArea.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { TextAreaProps as AntdTextAreaProps } from 'antd/lib/input/TextArea';
+import { BaseFieldProps } from '../../Field/Field';
+declare type AdditionalAntdTextAreaProps = Partial<Omit<AntdTextAreaProps, 'onChange'>>;
+export interface TextAreaProps extends BaseFieldProps, AdditionalAntdTextAreaProps {
+    defaultValue?: string | null;
+    maxInput?: number;
+    onChange?: (value: string) => void;
+    popover?: boolean;
+    style?: React.CSSProperties;
+    minRows?: number;
+    maxRows?: number;
+}
+/**
+ *
+ * @param props
+ * @category Components
+ */
+export declare const TextArea: React.FunctionComponent<TextAreaProps>;
+/**
+ * @category Components
+ */
+declare const MemoizedTextArea: React.NamedExoticComponent<TextAreaProps>;
+export default MemoizedTextArea;

package/components/ui/TextArea/TextArea.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/ui/TreeVirtualized/TreeVirtualized.d.ts

@@ -0,0 +1,63 @@
+import React from 'react';
+import { FixedSizeListProps, ListChildComponentProps, Align } from 'react-window';
+import { DataNode } from '../../../interfaces/tree';
+import { BcFilter } from '../../../interfaces/filters';
+import { WidgetListField } from '../../../interfaces/widget';
+/**
+ * Properties for TreeVirtualized component
+ */
+export interface TreeVirtualizedProps<T> extends Omit<FixedSizeListProps, 'itemCount' | 'children'> {
+    /**
+     * Flat array of nodes
+     */
+    items: T[];
+    /**
+     * Fields to display as tree node
+     */
+    fields: WidgetListField[];
+    /**
+     * Allow selecting multiple items
+     */
+    multiple?: boolean;
+    /**
+     * Fired when node is selected
+     */
+    onSelect?: ((item: T) => void) | ((item: T, selected: boolean) => void);
+    /**
+     * Custom node render can be provided
+     */
+    children?: React.ComponentType<ListChildComponentProps>;
+    /**
+     * Filters for the tree
+     */
+    filters?: BcFilter[];
+    /**
+     * If true, casing of searchExpression will be respected
+     */
+    matchCase?: boolean;
+}
+/**
+ * Container element containing console helpers for autotests
+ */
+export declare type TreeVirtualizedDomContainer = HTMLDivElement & {
+    /**
+     * Scroll to the specified item
+     *
+     * @param column Target column key
+     * @param value Target cell value
+     * @param align `react-window` Align
+     */
+    scrollToItem(column: string, value: string, align?: Align): void;
+};
+/**
+ * Tree component based on `react-window` to virtualize tree data.
+ *
+ * @param props Component properties
+ * @category Components
+ */
+export declare function TreeVirtualized<T extends DataNode>(props: TreeVirtualizedProps<T>): JSX.Element;
+/**
+ * @category Components
+ */
+declare const MemoizedTreeVirtualized: typeof TreeVirtualized;
+export default MemoizedTreeVirtualized;