indicator-ui 0.0.155 → 0.0.157

package/dist/scss/styles/colors/primary.scss

@@ -38,7 +38,7 @@ $error-600: #D92D20 !default;
 $error-700: #B42318 !default;
 $error-800: #912018 !default;
 $error-900: #7A271A !default;
-$error-950: #FEFDF0 !default;
+$error-950: #55160C !default;
 
 $warning-25: #FFFCF5 !default;
 $warning-50: #FFFAEB !default;

package/dist/types/src/test/pages/DropdownItemPage.d.ts

@@ -0,0 +1 @@
+export declare function DropdownItemPage(): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/test/pages/UserPickPage.d.ts

@@ -0,0 +1 @@
+export declare function UserPickPage(): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/test/pages/index.d.ts

@@ -13,3 +13,5 @@ export * from './TagPage';
 export * from './SlideTransitionPage';
 export * from './TabFramePage';
 export * from './PaginationPage';
+export * from './UserPickPage';
+export * from './DropdownItemPage';

package/dist/types/src/ui/DropdownItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ui';
+export * from './types';

package/dist/types/src/ui/DropdownItem/styles/index.d.ts

@@ -0,0 +1 @@
+export { default as DropdownItemStyle } from './DropdownItem.module.scss';

package/dist/types/src/ui/DropdownItem/types/DropdownItemTypes.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import { UserPickUrlType } from "../../../ui";
+export type DropdownItemSizeType = 'small' | 'medium';
+export type DropdownItemPropsType = {
+    selected?: boolean;
+    size?: DropdownItemSizeType;
+    /**
+     * При `false` не показывает ничего.
+     *
+     * При `true` не показывает `Новое`.
+     *
+     * Иначе показывает пользовательский компонент.
+     * */
+    supportingText?: React.ReactNode | string;
+    showIcon?: React.ReactNode;
+    /**
+     * Если передан `false`, то не покажет `user`.
+     * */
+    user?: UserPickUrlType | false;
+    text?: React.ReactNode;
+    disabled?: boolean;
+    width?: 'fill' | 'hug';
+    /** Дополнительные имена стилей */
+    additionStyles?: string | string[];
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+};

package/dist/types/src/ui/DropdownItem/types/index.d.ts

@@ -0,0 +1 @@
+export * from './DropdownItemTypes';

package/dist/types/src/ui/DropdownItem/ui/DropdownItem.d.ts

@@ -0,0 +1,2 @@
+import { DropdownItemPropsType } from "../types";
+export declare function DropdownItem({ size, selected, disabled, supportingText, showIcon, user, text, additionStyles, onClick, width, }: DropdownItemPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/DropdownItem/ui/index.d.ts

@@ -0,0 +1 @@
+export * from './DropdownItem';

package/dist/types/src/ui/InputFields/FlexField/types/FlexFieldTypes.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from "react";
 import { FieldsBasePropsType } from "../../FieldsBase";
+import { UserPickUrlType } from "../../../../ui";
 export type BlocksType = any;
 export type PatternType = any;
 export type FlexFieldPropsType = FieldsBasePropsType<string> & {
@@ -36,8 +37,12 @@ export type FlexFieldPropsType = FieldsBasePropsType<string> & {
     icon?: ReactNode;
     /** Text Support. По умолчанию `'+7', можно передать свой компонент, он подставится без обертки, также можно передать строку, она подставится с оберткой`*/
     textSupport?: boolean | string | ReactNode;
-    /** Принимает url **Картинки пользователя**. Можно передать свой компонент **Картинки пользователя**.*/
-    userPic?: string | ReactNode;
+    /**
+     * При `userPic === ReactNode` подставляет пользовательский компонент.
+     *
+     * При `userPic === false` не показывает `userPic`.
+     * */
+    userPic?: UserPickUrlType | ReactNode | false;
     /** Подставляет **Help** при `help === true`. Можно передать свой компонент **Help**.*/
     help?: boolean | ReactNode;
     /** Подставляет **Dropdown** при `dropdown === true`. Можно передать свой компонент **Dropdown**.*/

package/dist/types/src/ui/InputFields/FlexField/ui/FlexField.d.ts

@@ -1,18 +1,18 @@
 import React from "react";
-declare const FlexField: React.ForwardRefExoticComponent<import("../..").FieldsBasePropsType<string> & {
+declare const FlexField: React.ForwardRefExoticComponent<import("../../../../ui").FieldsBasePropsType<string> & {
     type?: string;
     name?: string;
     mask?: any;
     unmask?: any;
-    blocks?: import("../types").BlocksType;
-    pattern?: import("../types").PatternType;
+    blocks?: import("../../../../ui").BlocksType;
+    pattern?: import("../../../../ui").PatternType;
     placeholder?: string;
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
     offFocus?: boolean;
     notInput?: boolean;
     icon?: React.ReactNode;
     textSupport?: boolean | string | React.ReactNode;
-    userPic?: string | React.ReactNode;
+    userPic?: import("../../../../ui").UserPickUrlType | React.ReactNode | false;
     help?: boolean | React.ReactNode;
     dropdown?: boolean | React.ReactNode;
     onDropdownClick?: (e: any) => void;

package/dist/types/src/ui/SlideTransition/types/SlideTransitionTypes.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+export type SlideTransitionAnimationType = 'enter-down' | 'enter-up' | 'exit-down' | 'exit-up' | 'hide' | 'show';
+export type SlideTransitionPropsType = {
+    children?: ReactNode;
+    animation?: SlideTransitionAnimationType;
+    additionStyles?: string | string[];
+};

package/dist/types/src/ui/SlideTransition/types/index.d.ts

@@ -1 +1 @@
-export * from './AnimateDropTypes';
+export * from './SlideTransitionTypes';

package/dist/types/src/ui/SlideTransition/ui/SlideTransition.d.ts

@@ -17,7 +17,7 @@ import { SlideTransitionPropsType } from '../types';
  * ```'show'``` - изначально показывает элемент.
  *
  * ---
- * Учтите, что анимации **"снизу"** сужают компонент, поэтому он будет деформироваться.
- * При высокой (автор проводил тесты на 300ms) скорости анимации это незаметно (если вы не Флеш).
+ * Учтите, что анимации сужают компонент, поэтому он будет деформироваться.
+ * При высокой (автор проводил тесты на 300ms) скорости анимации ощущается нормально (если вы не Флеш).
  * */
-export declare function SlideTransition({ children, animation, additionStyles, additionStylesContent, animationOptions }: SlideTransitionPropsType): import("react/jsx-runtime").JSX.Element;
+export declare function SlideTransition({ children, animation, additionStyles, }: SlideTransitionPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/UserPick/assets/index.d.ts

@@ -0,0 +1 @@
+export { default as PlaceholderSVG } from './placeholder.svg';

package/dist/types/src/ui/UserPick/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ui';
+export * from './types';

package/dist/types/src/ui/UserPick/styles/index.d.ts

@@ -0,0 +1 @@
+export { default as UserPickStyle } from './UserPick.module.scss';

package/dist/types/src/ui/UserPick/types/UserPickTypes.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Один из предоставленных размеров, либо кастомный,
+ * которому будет равна длинна и высота картинки.
+ * */
+export type UserPickSizeType = '20' | '24' | '32' | '40' | '48' | '64' | '72' | '80' | '96' | '120' | '144' | '160' | number;
+/**
+ * Ссылка на изображение.
+ *
+ * __Если не указано (```url === undefined```) появится заглушка.__
+ * */
+export type UserPickUrlType = string | undefined;
+export type UserPickPropsType = {
+    url?: UserPickUrlType;
+    size?: UserPickSizeType;
+    /** Дополнительные имена стилей */
+    additionStyles?: string | string[];
+};

package/dist/types/src/ui/UserPick/types/index.d.ts

@@ -0,0 +1 @@
+export * from './UserPickTypes';

package/dist/types/src/ui/UserPick/ui/UserPick.d.ts

@@ -0,0 +1,2 @@
+import { UserPickPropsType } from "../types";
+export declare function UserPick({ size, url, additionStyles }: UserPickPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/UserPick/ui/index.d.ts

@@ -0,0 +1 @@
+export * from "./UserPick";

package/dist/types/src/ui/index.d.ts

@@ -16,3 +16,5 @@ export * from './TabFrame';
 export * from './TabButtons';
 export * from './PaginationBar';
 export * from './ScrollProvider';
+export * from './UserPick';
+export * from './DropdownItem';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "indicator-ui",
-  "version": "0.0.155",
+  "version": "0.0.157",
   "main": "dist/index.js",
   "types": "dist/types/src/index.d.ts",
   "style": "dist/index.css",

package/dist/types/src/ui/SlideTransition/types/AnimateDropTypes.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from "react";
-export type SlideTransitionAnimationOptionsType = KeyframeAnimationOptions | {
-    enterDown?: KeyframeAnimationOptions;
-    enterUp?: KeyframeAnimationOptions;
-    exitDown?: KeyframeAnimationOptions;
-    exitUp?: KeyframeAnimationOptions;
-};
-export type SlideTransitionAnimationType = 'enter-down' | 'enter-up' | 'exit-down' | 'exit-up' | 'hide' | 'show' | undefined;
-export type SlideTransitionPropsType = {
-    children?: ReactNode;
-    animation?: SlideTransitionAnimationType;
-    animationOptions?: SlideTransitionAnimationOptionsType;
-    additionStyles?: string | string[];
-    additionStylesContent?: string | string[];
-};