@foxford/ui 2.7.1 → 2.7.3

package/dts/index.d.ts

@@ -2,16 +2,8 @@
 import * as styled_components from 'styled-components';
 import { DefaultTheme, FlattenSimpleInterpolation, CSSObject, SimpleInterpolation, css } from 'styled-components';
 import * as react from 'react';
-import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, PureComponent } from 'react';
-import { ResponsiveNamedProperty as ResponsiveNamedProperty$1, ResponsiveProperty as ResponsiveProperty$1 } from 'mixins/responsive-property';
-import { BaseProps as BaseProps$1, Nullable as Nullable$1, FontWeight as FontWeight$1, InputField as InputField$1 } from 'shared/interfaces';
-import { SizeLatin as SizeLatin$1 } from 'shared/enums/sizeLatin';
+import { Component, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, PureComponent } from 'react';
 import { Link, NavLink } from 'react-router-dom';
-import { Display as Display$1 } from 'mixins/display';
-import { Color as Color$1 } from 'mixins/color';
-import { Anchor as Anchor$1 } from 'components/Anchor';
-import { TextHeadingProps } from 'components/Text.Heading';
-import { TextEllipse } from 'components/Text.Ellipse';
 import { Classes } from 'react-modal';
 import * as rc_scrollbars_lib_Scrollbars_types from 'rc-scrollbars/lib/Scrollbars/types';
 import * as rc_scrollbars from 'rc-scrollbars';
@@ -214,11 +206,11 @@ declare enum ColorNames {
 }
 
 declare type ColorPropsProperties = 'color' | 'fontColor' | `${string}Color` | `color${string}`;
-declare type ColorValue = keyof typeof ColorNames | RGB | RGBA | HEX;
+declare type ColorValue = keyof typeof ColorNames | RGB | RGBA | HEX | 'inherit' | 'initial';
 declare type ColorCalcProperty = (_color: ColorValue) => FlattenSimpleInterpolation | null;
 declare type ColorCssProperty = string | ColorCalcProperty;
 declare type Color<T extends ColorPropsProperties = 'color'> = {
-    [key in `${T}`]?: RGB | RGBA | HEX | keyof typeof ColorNames;
+    [key in `${T}`]?: RGB | RGBA | HEX | keyof typeof ColorNames | 'inherit' | 'initial';
 };
 declare const color: (color?: ColorValue, cssProperty?: ColorCssProperty) => () => (props: {
     theme: DefaultTheme;
@@ -657,16 +649,16 @@ declare namespace Anchor {
 }
 
 declare type ButtonStaticSize = 'xl' | 'l' | 'm' | 's' | 'xs';
-declare type ButtonSize = ButtonStaticSize | ResponsiveProperty$1<`${number}rem` | number>;
-interface ButtonProps extends BaseProps$1, Display$1, Color$1, Color$1<'fontColor'>, ResponsiveNamedProperty$1<'padding'>, ResponsiveNamedProperty$1<'paddingTop'>, ResponsiveNamedProperty$1<'paddingRight'>, ResponsiveNamedProperty$1<'paddingBottom'>, ResponsiveNamedProperty$1<'paddingLeft'>, ResponsiveNamedProperty$1<'margin'>, ResponsiveNamedProperty$1<'marginTop'>, ResponsiveNamedProperty$1<'marginRight'>, ResponsiveNamedProperty$1<'marginBottom'>, ResponsiveNamedProperty$1<'marginLeft'>, ResponsiveNamedProperty$1<'fontSize'>, ResponsiveNamedProperty$1<'fluid', boolean>, ResponsiveNamedProperty$1<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, ResponsiveNamedProperty$1<'height', 'l' | 'm' | 's' | 'xs' | number> {
+declare type ButtonSize = ButtonStaticSize | ResponsiveProperty<`${number}rem` | number>;
+interface ButtonProps extends BaseProps, Display, Color, Color<'fontColor'>, ResponsiveNamedProperty<'padding'>, ResponsiveNamedProperty<'paddingTop'>, ResponsiveNamedProperty<'paddingRight'>, ResponsiveNamedProperty<'paddingBottom'>, ResponsiveNamedProperty<'paddingLeft'>, ResponsiveNamedProperty<'margin'>, ResponsiveNamedProperty<'marginTop'>, ResponsiveNamedProperty<'marginRight'>, ResponsiveNamedProperty<'marginBottom'>, ResponsiveNamedProperty<'marginLeft'>, ResponsiveNamedProperty<'fontSize'>, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
     /** Root node polymorphic type */
-    as?: 'div' | 'span' | 'a' | 'button' | typeof Link | typeof Anchor$1;
+    as?: 'div' | 'span' | 'a' | 'button' | typeof Link | typeof Anchor;
     /** Button size */
     size?: ButtonSize;
     /** Button type attribute */
     type?: 'button' | 'submit' | 'reset';
     /** Button icons */
-    icon?: JSX.Element | [Nullable$1<JSX.Element>, Nullable$1<JSX.Element>];
+    icon?: JSX.Element | [Nullable<JSX.Element>, Nullable<JSX.Element>];
     /** Button success state */
     success?: boolean;
     /** Loading state */
@@ -695,7 +687,7 @@ interface ButtonProps extends BaseProps$1, Display$1, Color$1, Color$1<'fontColo
     /** Outline appearance */
     outline?: boolean;
     /** Content font weight */
-    fontWeight?: FontWeight$1;
+    fontWeight?: FontWeight;
     /** Associated form */
     form?: string;
     /** @preset {Default} Primary appearance */
@@ -733,8 +725,53 @@ interface ButtonProps extends BaseProps$1, Display$1, Color$1, Color$1<'fontColo
  */
 declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLElement>>;
 
+declare type H = 'h1' | 'h2' | 'h3' | 'h4';
+interface TextHeadingProps extends Omit<TextProps, 'content' | 'as'> {
+    /** Default set of size, lineHeight and weight props */
+    h?: H;
+    /** Children react node */
+    children?: React.ReactNode;
+}
+
+interface TextEllipseProps extends Omit<TextProps, 'content'> {
+    /** Toggle text for folded state */
+    moreText?: string;
+    /** Toggle text for unfolded state */
+    lessText?: string;
+    /** Classname */
+    className?: string;
+    /** Html content */
+    content: string | string[];
+    /** Characters quantity for ellipsed text */
+    chars?: number;
+    /** Wrap text in quotes */
+    quoted?: boolean;
+    /** Flag to show toggler */
+    showToggler?: boolean;
+}
+interface TextEllipseState {
+    isUnFolded: boolean;
+    isEllipsed: boolean;
+}
+/**
+ * Расширен:
+ * - [`BaseProps`](#/Миксины)
+ * - [`Color`](#/Миксины)
+ * - [`Display`](#/Миксины)
+ * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)
+ */
+declare class TextEllipse extends Component<TextEllipseProps, TextEllipseState> {
+    static displayName: string;
+    constructor(props: TextEllipseProps);
+    componentDidUpdate({ content }: TextEllipseProps): void;
+    getContent: (props: Omit<TextEllipseProps, 'className' | 'moreText' | 'lessText' | 'showToggler'>) => "" | JSX.Element;
+    getQuted: (content: string) => string;
+    toggle: () => void;
+    render(): JSX.Element;
+}
+
 declare type TextAppearance = 'display' | 'heading' | 'subheading' | 'subheading-compact' | 'body' | 'caption';
-interface TextProps extends Display$1, Color$1, ResponsiveNamedProperty$1<'size'>, BaseProps$1 {
+interface TextProps extends Display, Color, ResponsiveNamedProperty<'size'>, BaseProps {
     /** Root node polymorphic type */
     as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
     /** Root id attribute */
@@ -742,7 +779,7 @@ interface TextProps extends Display$1, Color$1, ResponsiveNamedProperty$1<'size'
     /** Use predefined props with low priority */
     appearance?: TextAppearance;
     /** Custom sizes set */
-    sizes?: Record<SizeLatin$1, number>;
+    sizes?: Record<SizeLatin, number>;
     /** Sizing units */
     fontUnits?: string;
     /** Font family */
@@ -776,8 +813,8 @@ interface TextComponent extends ForwardRefExoticComponent<PropsWithoutRef<TextPr
 declare const Text: TextComponent;
 
 declare type AlertType = 'warning' | 'error' | 'info' | 'success';
-declare type AlertSize = keyof Pick<typeof SizeLatin$1, 'l' | 's'>;
-interface AlertProps extends BaseProps$1 {
+declare type AlertSize = keyof Pick<typeof SizeLatin, 'l' | 's'>;
+interface AlertProps extends BaseProps {
     /** Text of the timer cancellation button */
     cancelTimerText?: string | React.ReactNode;
     /** Children react node */
@@ -825,7 +862,7 @@ interface AlertProps extends BaseProps$1 {
     title?: string;
     titleProps?: TextProps;
     type?: AlertType;
-    width?: ResponsiveProperty$1;
+    width?: ResponsiveProperty;
 }
 
 declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
@@ -1006,8 +1043,8 @@ declare class Amount extends PureComponent<AmountProps> {
 }
 
 declare type ArrowStaticSize = 'l' | 'm' | 'xs';
-declare type ArrowSize = ArrowStaticSize | ResponsiveProperty$1<`${number}rem` | number>;
-interface ArrowProps extends BaseProps$1 {
+declare type ArrowSize = ArrowStaticSize | ResponsiveProperty<`${number}rem` | number>;
+interface ArrowProps extends BaseProps {
     /** Square shape */
     square?: boolean;
     /** Used on colored background */
@@ -2094,7 +2131,7 @@ declare class ContextMenu extends PureComponent<ContextMenuProps, {
                     minWidth: number;
                     opacity: number;
                     position: string;
-                    transition: string;
+                    transition: string; /** Indicates if button is active (e.g. when context menu is open) */
                     visibility: string;
                     zIndex: number;
                 };
@@ -2108,19 +2145,19 @@ declare class ContextMenu extends PureComponent<ContextMenuProps, {
                     visibility: string;
                 };
                 floaterClosing: {
-                    opacity: number;
+                    opacity: number; /** On close menu callback  */
                     visibility: string;
                 };
                 floaterCentered: {
                     left: string;
-                    position: string;
+                    position: string; /** Content */
                     top: string;
-                    transform: string; /** Properties for inner Tooltip component */
+                    transform: string;
                 };
                 container: {
                     boxSizing: string;
                     borderRadius: number;
-                    border: string; /** Hide overlay for debug */
+                    border: string;
                     color: string;
                     backgroundColor: string;
                     minHeight: number;
@@ -2149,7 +2186,7 @@ declare class ContextMenu extends PureComponent<ContextMenuProps, {
 }
 
 declare type TextAreaHTMLAttributes = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'cols' | 'rows' | 'color'>;
-interface TextareaProps extends BaseProps$1, InputField$1, TextAreaHTMLAttributes {
+interface TextareaProps extends BaseProps, InputField, TextAreaHTMLAttributes {
     /** Specifies the visible width of a text area */
     cols?: number;
     /** Specifies the visible number of lines in a text area */
@@ -2374,8 +2411,8 @@ declare namespace Radio {
 }
 
 declare type CheckboxStaticSize = 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge' | 'xs' | 's' | 'm' | 'l' | 'xl';
-declare type CheckboxSize = CheckboxStaticSize | ResponsiveProperty$1<`${number}rem` | number>;
-interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width' | 'value'>, BaseProps$1 {
+declare type CheckboxSize = CheckboxStaticSize | ResponsiveProperty<`${number}rem` | number>;
+interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width' | 'value'>, BaseProps {
     /** Checkbox value */
     value?: string | number;
     /** Checkbox size */
@@ -2387,7 +2424,7 @@ interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>
     /** Root label width 100% */
     fluid?: boolean;
     /** Root label width */
-    width?: ResponsiveProperty$1<number | string>;
+    width?: ResponsiveProperty<number | string>;
     /** Label content */
     children?: React.ReactNode;
     /** @preset {Brand} Checkbox success appearance */
@@ -2399,7 +2436,7 @@ interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>
     /** @deprecated Use children */
     label?: string;
 }
-interface CheckboxGroupProps extends BaseProps$1 {
+interface CheckboxGroupProps extends BaseProps {
     inline?: boolean;
     children: React.ReactNode;
 }