indicator-ui 0.1.117 → 0.1.119

package/dist/scss/styles/mixins/modify-svg.scss

@@ -1,4 +1,4 @@
-@mixin simple-modify-svg($stroke: null, $fill: null, $stroke-width: null) {
+@mixin simple-modify-svg($stroke: null, $fill: null, $stroke-width: null, $transition: null) {
   & {
     * {
       @if ($stroke != null) {
@@ -12,6 +12,9 @@
       @if ($stroke-width != null) {
         stroke-width: $stroke-width;
       }
+      @if ($transition != null) {
+        transition: $transition;
+      }
     }
 
     & {
@@ -20,12 +23,10 @@
   }
 }
 
-@mixin modify-svg($stroke: null, $fill: null, $stroke-width: null) {
-  & {
-    svg {
-      @include simple-modify-svg($stroke: $stroke, $fill: $fill, $stroke-width: $stroke-width) {
-        @content;
-      }
+@mixin modify-svg($stroke: null, $fill: null, $stroke-width: null, $transition: null) {
+  & > svg {
+    @include simple-modify-svg($stroke: $stroke, $fill: $fill, $stroke-width: $stroke-width) {
+      @content;
     }
   }
 }

package/dist/ts/src/test/pages/DropdownV2Page.d.ts

@@ -0,0 +1 @@
+export declare function DropdownV2Page(): JSX.Element;

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

@@ -27,3 +27,4 @@ export * from './FormPage';
 export * from './SelectFieldPage';
 export * from './BreadcrumbsPage';
 export * from './UseDragPage';
+export * from './DropdownV2Page';

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

@@ -1,5 +1,6 @@
 import React from "react";
-import { UserPickUrlType } from "../../../ui";
+import { UserPick } from "../../../ui";
+type UserPickUrlType = React.ComponentProps<typeof UserPick>['url'];
 type AdditionElementPropsType = {
     isHover?: boolean;
     selected?: boolean;

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

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

package/dist/ts/src/ui/DropdownV2/styles/components/index.d.ts

@@ -0,0 +1,2 @@
+export { default as InfoStyle } from './Info.module.scss';
+export { default as CheckStyle } from './Check.module.scss';

package/dist/ts/src/ui/DropdownV2/styles/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DropdownV2Style } from './DropdownV2.module.scss';
+export { default as DropdownItemV2Style } from './DropdownItemV2.module.scss';
+export * from './components';

package/dist/ts/src/ui/DropdownV2/ui/DropdownItemV2.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { AsProps } from "../../../types";
+type PropsType<T extends React.ElementType> = AsProps<T, {
+    selected?: boolean;
+    disabled?: boolean;
+    title?: React.ReactNode;
+    avatar?: string;
+    subtitle?: React.ReactNode;
+    icon?: React.ReactNode;
+    size?: 'small' | 'medium';
+}>;
+export declare function DropdownItemV2<T extends React.ElementType = 'li'>(props: PropsType<T>): JSX.Element;
+export {};

package/dist/ts/src/ui/DropdownV2/ui/DropdownV2.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Merge } from "../../../types";
+import { DropdownItemV2 } from "./DropdownItemV2";
+type ListItemType = React.ComponentProps<typeof DropdownItemV2>;
+type ListType = ListItemType[];
+type PropsType = Merge<React.ComponentProps<'ul'>, {
+    list?: ListType;
+}>;
+export declare const DropdownV2: React.ForwardRefExoticComponent<Omit<PropsType, "ref"> & React.RefAttributes<HTMLUListElement>>;
+export {};

package/dist/ts/src/ui/DropdownV2/ui/components/Check.d.ts

@@ -0,0 +1,6 @@
+type PropsType = {
+    selected?: boolean;
+    disabled?: boolean;
+};
+export declare function Check(props: PropsType): JSX.Element;
+export {};

package/dist/ts/src/ui/DropdownV2/ui/components/Info.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { DropdownItemV2 } from "../DropdownItemV2";
+type PropsType = {
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    disabled?: boolean;
+    size?: React.ComponentProps<typeof DropdownItemV2>['size'];
+};
+export declare function Info(props: PropsType): JSX.Element;
+export {};

package/dist/ts/src/ui/DropdownV2/ui/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Check';
+export * from './Info';

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

@@ -0,0 +1,2 @@
+export * from './DropdownItemV2';
+export * from './DropdownV2';

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

@@ -1,6 +1,7 @@
 import React, { ReactNode } from "react";
+import { UserPick } from "../../../../ui";
 import { FieldsBasePropsType } from "../../FieldsBase";
-import { UserPickUrlType } from "../../../../ui";
+type UserPickUrlType = React.ComponentProps<typeof UserPick>['url'];
 export type DisplayTypes = "small" | "large" | undefined;
 export type BlocksType = any;
 export type PatternType = any;
@@ -75,3 +76,4 @@ export type FlexFieldPropsType = FieldsBasePropsType<FlexFieldValueType> & {
      * */
     theme?: "dark" | "light" | undefined;
 };
+export {};

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

@@ -13,7 +13,7 @@ export declare const FlexField: React.ForwardRefExoticComponent<import("../../..
     notInput?: boolean;
     icon?: React.ReactNode;
     textSupport?: boolean | string | React.ReactNode;
-    userPic?: import("../../../../ui").UserPickUrlType | React.ReactNode | false;
+    userPic?: (string | null | undefined) | React.ReactNode | false;
     help?: boolean | React.ReactNode;
     dropdown?: boolean | React.ReactNode;
     onDropdownClick?: (e: any) => void;

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

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

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

@@ -1,2 +1,18 @@
-import { UserPickPropsType } from "../types";
-export declare function UserPick({ size, url, additionStyles }: UserPickPropsType): JSX.Element;
+export type PropsType = {
+    /**
+     * Ссылка на изображение.
+     *
+     * __Если не указано (```!!url === false```) появится заглушка.__
+     * */
+    url?: string | null;
+    /**
+     * Один из предоставленных размеров, либо кастомный,
+     * которому будет равна длинна и высота картинки.
+     * */
+    size?: '20' | '24' | '32' | '40' | '48' | '64' | '72' | '80' | '96' | '120' | '144' | '160' | number;
+    /** Дополнительные имена стилей */
+    additionStyles?: string | string[];
+    className?: string;
+    disabled?: boolean;
+};
+export declare function UserPick(props: PropsType): JSX.Element;

package/dist/ts/src/ui/formFields/FormPaginatedSelectField/hooks/useFormPaginatedSelectField.d.ts

@@ -28,7 +28,7 @@ export declare function useFormPaginatedSelectField<D, M extends boolean = false
     canSearch: boolean;
     canPaginate: boolean;
     isLoading: boolean;
-    fieldState: "view" | "search";
+    fieldState: "search" | "view";
     setIsFocus: React.Dispatch<React.SetStateAction<boolean>>;
     isShow: boolean;
     getIsShow: () => boolean;
@@ -40,6 +40,7 @@ export declare function useFormPaginatedSelectField<D, M extends boolean = false
     modalRef: React.MutableRefObject<HTMLDivElement | null>;
     targetRef: React.MutableRefObject<HTMLDivElement | null>;
     otherProps: {
+        id?: string | undefined | undefined;
         ref?: React.LegacyRef<HTMLDivElement> | undefined;
         color?: string | undefined | undefined;
         content?: string | undefined | undefined;
@@ -48,8 +49,6 @@ export declare function useFormPaginatedSelectField<D, M extends boolean = false
         slot?: string | undefined | undefined;
         style?: React.CSSProperties | undefined;
         title?: string | undefined | undefined;
-        id?: string | undefined | undefined;
-        onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
         onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
         onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
         key?: React.Key | null | undefined;
@@ -207,6 +206,7 @@ export declare function useFormPaginatedSelectField<D, M extends boolean = false
         onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
         onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
         onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+        onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
         onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
         onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
         onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;

package/dist/ts/src/ui/formFields/FormPaginatedSelectField/hooks/useSelectFieldState.d.ts

@@ -1,4 +1,4 @@
 export declare function useSelectFieldState(): {
-    fieldState: "view" | "search";
+    fieldState: "search" | "view";
     setIsFocus: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };

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

@@ -27,3 +27,4 @@ export * from './Tooltip';
 export * from './Dropdown';
 export * from './formFields';
 export * from './Breadcrumbs';
+export * from './DropdownV2';

package/package.json

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

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

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

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

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