profinansy-ui-lib 3.1.71 → 3.1.72

package/dist/components/uikit/FilterButton/Drop/Drop.d.ts

@@ -0,0 +1,52 @@
+import { Placement } from '@floating-ui/react';
+import React from 'react';
+import { IDropFilter } from '../FilterButton.typed';
+export declare function useDrop({ placement }: {
+    placement?: Placement;
+}): {
+    placement: Placement;
+    strategy: import("@floating-ui/utils").Strategy;
+    middlewareData: import("@floating-ui/core").MiddlewareData;
+    x: number;
+    y: number;
+    isPositioned: boolean;
+    update: () => void;
+    floatingStyles: React.CSSProperties;
+    refs: {
+        reference: React.MutableRefObject<import("@floating-ui/react-dom").ReferenceType>;
+        floating: React.MutableRefObject<HTMLElement>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType) => void;
+        setFloating: (node: HTMLElement) => void;
+    } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    elements: {
+        reference: import("@floating-ui/react-dom").ReferenceType;
+        floating: HTMLElement;
+    } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    context: {
+        placement: Placement;
+        x: number;
+        y: number;
+        strategy: import("@floating-ui/utils").Strategy;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: React.CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
+        active?: boolean;
+        selected?: boolean;
+    }) => Record<string, unknown>;
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export declare const FilterDrop: ({ children, isConfirmWithoutClose, isCancelWithoutClose, resetFilter, handleConfirm, ...props }: IDropFilter) => JSX.Element;

package/dist/components/uikit/FilterButton/Drop/Drop.styled.d.ts

@@ -0,0 +1,3 @@
+export declare const Tooltip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Footer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/uikit/FilterButton/FilterButton.d.ts

@@ -0,0 +1,3 @@
+import { IFilterButton } from './FilterButton.typed';
+declare const FilterButton: ({ text, activeElements, isStroke, children, resetFilter, handleConfirm, size, isConfirmWithoutClose, isCancelWithoutClose }: IFilterButton) => JSX.Element;
+export { FilterButton };

package/dist/components/uikit/FilterButton/FilterButton.stories.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    component: ({ text, activeElements, isStroke, children, resetFilter, handleConfirm, size, isConfirmWithoutClose, isCancelWithoutClose }: import("./FilterButton.typed").IFilterButton) => JSX.Element;
+    tags: string[];
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+export declare const FilterButton: () => JSX.Element;

package/dist/components/uikit/FilterButton/FilterButton.styled.d.ts

@@ -0,0 +1,9 @@
+import { IFilterButton } from './FilterButton.typed';
+export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    activeElements: number;
+    isStroke: boolean;
+    size: IFilterButton['size'];
+}, never>;
+export declare const Counter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    size: IFilterButton['size'];
+}, never>;

package/dist/components/uikit/FilterButton/FilterButton.typed.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+export interface IFilterButton {
+    /**Текст кнопки */
+    text?: string;
+    /**Количество выбранных элементов */
+    activeElements: number;
+    /** Тип кнопки stroke */
+    isStroke?: boolean;
+    /** Размер кнопки */
+    size?: 'S' | 'M';
+    /** Callback по кликуна Сбросить */
+    resetFilter?: () => void;
+    /** Callback по кликуна Поиск */
+    handleConfirm?: () => void;
+    /** Нужно ли закрывать контент после клика на Поиск */
+    isConfirmWithoutClose?: boolean;
+    /** Нужно ли закрывать контент после клика на Сбросить */
+    isCancelWithoutClose?: boolean;
+    /** Контент*/
+    children: ReactNode;
+}
+export interface IDropFilter {
+    targetElement: ReactNode;
+    placement?: Placement;
+    children: ReactNode;
+    resetFilter?: () => void;
+    handleConfirm?: () => void;
+    isConfirmWithoutClose?: boolean;
+    isCancelWithoutClose?: boolean;
+}

package/dist/components/uikit/FilterButton/index.d.ts

@@ -0,0 +1 @@
+export { FilterButton } from './FilterButton';

package/dist/index.js

@@ -2273,7 +2273,7 @@
   background-color: ${e=>e.theme.background.content};
   border-radius: ${e=>"circle"===e.form?"50%":"5px"};
   border: ${e=>`1.5px solid ${e.theme.stroke.secondary}`};
-  transition: ${()=>`all 0.2s ${o.AnimationFunctions.animation_1}`};
+  transition: ${()=>`all 0.1s ${o.AnimationFunctions.animation_1}`};
   &::after {
     content: '';
     position: absolute;
@@ -2914,7 +2914,7 @@
   background-color: ${e=>e.theme.background.content};
   border-radius: 50%;
   border: 1.5px solid ${e=>e.theme.stroke.secondary};
-  transition: ${()=>`all 0.2s ${o.AnimationFunctions.animation_1}`};
+  transition: ${()=>`all 0.1s ${o.AnimationFunctions.animation_1}`};
   &::after {
     content: '';
     position: absolute;
@@ -3411,7 +3411,7 @@
   transition: ${()=>`all 0.3s ${o.AnimationFunctions.animation_1}`};
   will-change: transform;
   transform: ${e=>`translateX(${e.position}px)`};
-`},1579:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.Tabs=void 0;const i=o(n(8156)),l=o(n(1713)),u=n(1489),c=n(5492),s=n(4103),d=n(1197),f=n(1899),p=n(1608);t.Tabs=({style:e,onChange:t,options:n,selectedValue:r,indent:a=16,counterType:o,classWrapper:h})=>{const[m,v]=(0,i.useState)({left:0,width:0}),g=(0,i.useRef)(null);(0,i.useEffect)((()=>{if(r&&(null==n?void 0:n.length)){const e=n.findIndex((e=>e.value===r));b(e)}}),[r,n]);const b=e=>{if(g.current&&g.current.children[e]){const t=g.current.children[e],n=g.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=g.current.scrollLeft,o=r.left-n.left+a,i=r.width;v({left:o,width:i})}},{mode:y}=(0,d.useMode)();return i.default.createElement(p.ThemeProvider,{theme:f.palette[y]},i.default.createElement(l.Wrapper,{className:h},i.default.createElement(u.DragScroll,null,i.default.createElement(l.Container,{indent:a,style:e,ref:g},n.map(((e,n)=>i.default.createElement(l.Button,{key:n,onClick:r=>((e,n,r)=>{t&&t(e,n),(e=>{if(g.current&&g.current.children[e]){const t=g.current.children[e],n=g.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.right-n.right,o=r.left-n.left;a>0?g.current.scrollTo({left:g.current.scrollLeft+a+10,behavior:"smooth"}):o<0&&g.current.scrollTo({left:g.current.scrollLeft+o-10,behavior:"smooth"})}})(r)})(e.value,r,n),isActive:r===e.value},i.default.createElement(c.Typography,{tag:"span",variant:"controls-Medium"},e.label),void 0!==e.dataCount&&i.default.createElement(s.Counter,{number:e.dataCount,type:o,style:{marginLeft:"4px"}})))),i.default.createElement(l.LineIndicator,{position:m.left,width:m.width})))))}},9532:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Tabs=void 0;var r=n(1579);Object.defineProperty(t,"Tabs",{enumerable:!0,get:function(){return r.Tabs}})},6952:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getMode=t.TextButtonSize=void 0,t.TextButtonSize={M:{fontWeight:400,fontSize:"14px",lineHeight:"16px"},S:{fontWeight:400,fontSize:"12px",lineHeight:"16px"}},t.getMode=e=>({blue:{default:{color:e.text.accent},hover:{color:e.text.accentSecondary},active:{color:e.text.accent},disabled:{color:e.text.tertiary}},gray:{default:{color:e.text.secondary},hover:{color:e.text.secondary},active:{color:e.text.secondary},disabled:{color:e.text.tertiary}}})},9876:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.IconRight=t.IconLeft=t.TextButton=void 0;const a=r(n(1608)),o=n(6952);t.TextButton=a.default.button`
+`},1579:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.Tabs=void 0;const i=o(n(8156)),l=o(n(1713)),u=n(1489),c=n(5492),s=n(4103),d=n(1197),f=n(1899),p=n(1608);t.Tabs=({style:e,onChange:t,options:n,selectedValue:r,indent:a=16,counterType:o,classWrapper:h})=>{const[m,v]=(0,i.useState)({left:0,width:0}),g=(0,i.useRef)(null);(0,i.useEffect)((()=>{if(r&&(null==n?void 0:n.length)){const e=n.findIndex((e=>e.value===r));b(e)}}),[r,n]);const b=e=>{if(g.current&&g.current.children[e]){const t=g.current.children[e],n=g.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=g.current.scrollLeft,o=r.left-n.left+a,i=r.width;v({left:o,width:i})}},{mode:y}=(0,d.useMode)();return i.default.createElement(p.ThemeProvider,{theme:f.palette[y]},i.default.createElement(l.Wrapper,{className:h},i.default.createElement(u.DragScroll,null,i.default.createElement(l.Container,{indent:a,style:e,ref:g},n.map(((e,n)=>i.default.createElement(l.Button,{key:n,onClick:r=>((e,n,r)=>{t&&t(e,n),(e=>{if(g.current&&g.current.children[e]){const t=g.current.children[e],n=g.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.right-n.right,o=r.left-n.left;a>0?g.current.scrollTo({left:g.current.scrollLeft+a+10,behavior:"smooth"}):o<0&&g.current.scrollTo({left:g.current.scrollLeft+o-10,behavior:"smooth"})}})(r)})(e.value,r,n),isActive:r===e.value},i.default.createElement(c.Typography,{tag:"span",variant:"controls-Medium"},e.label),void 0!==e.dataCount&&i.default.createElement(s.Counter,{number:e.dataCount,type:o,style:{marginLeft:"4px",background:r===e.value?f.palette[y].other.violet:f.palette[y].other.gray}})))),i.default.createElement(l.LineIndicator,{position:m.left,width:m.width})))))}},9532:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Tabs=void 0;var r=n(1579);Object.defineProperty(t,"Tabs",{enumerable:!0,get:function(){return r.Tabs}})},6952:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getMode=t.TextButtonSize=void 0,t.TextButtonSize={M:{fontWeight:400,fontSize:"14px",lineHeight:"16px"},S:{fontWeight:400,fontSize:"12px",lineHeight:"16px"}},t.getMode=e=>({blue:{default:{color:e.text.accent},hover:{color:e.text.accentSecondary},active:{color:e.text.accent},disabled:{color:e.text.tertiary}},gray:{default:{color:e.text.secondary},hover:{color:e.text.secondary},active:{color:e.text.secondary},disabled:{color:e.text.tertiary}}})},9876:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.IconRight=t.IconLeft=t.TextButton=void 0;const a=r(n(1608)),o=n(6952);t.TextButton=a.default.button`
   font-family: Manrope, sans-serif;
   cursor: pointer;
   width: fit-content;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "profinansy-ui-lib",
-  "version": "3.1.71",
+  "version": "3.1.72",
   "main": "./dist/index.js",
   "license": "MIT",
   "devDependencies": {