profinansy-ui-lib 3.5.77 → 3.5.78

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

@@ -49,4 +49,4 @@ export declare function useDrop({ placement }: {
     open: boolean;
     setOpen: React.Dispatch<React.SetStateAction<boolean>>;
 };
-export declare const FilterDrop: ({ children, isConfirmWithoutClose, isCancelWithoutClose, resetFilter, handleConfirm, padding, ...props }: IDropFilter) => JSX.Element;
+export declare const FilterDrop: ({ children, isConfirmWithoutClose, isCancelWithoutClose, resetFilter, handleConfirm, widthDrop, padding, ...props }: IDropFilter) => JSX.Element;

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

@@ -1,4 +1,5 @@
 export declare const Tooltip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    widthDrop: number;
     mode: string;
 }, never>;
 export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

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

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

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

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: ({ text, activeElements, isStroke, children, resetFilter, handleConfirm, size, isConfirmWithoutClose, isCancelWithoutClose, handleCustomOpen, padding, withoutTextOnMobile }: import("./FilterButton.typed").IFilterButton) => JSX.Element;
+    component: ({ text, activeElements, isStroke, children, resetFilter, handleConfirm, size, isConfirmWithoutClose, isCancelWithoutClose, handleCustomOpen, padding, widthDrop, withoutTextOnMobile }: import("./FilterButton.typed").IFilterButton) => JSX.Element;
     tags: string[];
     parameters: {
         design: {

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

@@ -23,6 +23,8 @@ export interface IFilterButton {
     handleCustomOpen?: () => void;
     /** Если у вас кнопка с текстом, но его надо убрать на мобилке, можно использовать это свойство. */
     withoutTextOnMobile?: boolean;
+    /** Ширина выпадашки. По умолчанию 240 */
+    widthDrop?: number;
     /** Контент*/
     children: ReactNode;
 }
@@ -31,6 +33,7 @@ export interface IDropFilter {
     placement?: Placement;
     children: ReactNode;
     padding: string;
+    widthDrop: number;
     resetFilter?: () => void;
     handleConfirm?: () => void;
     isConfirmWithoutClose?: boolean;

package/dist/index.js

@@ -3344,7 +3344,7 @@
 `},95014: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}),i=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},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Button=void 0;const l=i(n(8156)),s=i(n(32682)),c=n(65492),d=u(n(83065)),f=(0,l.forwardRef)(((e,t)=>{var{activeElements:n,text:r,isStroke:a,size:i,withoutTextOnMobile:u=!1}=e,f=o(e,["activeElements","text","isStroke","size","withoutTextOnMobile"]);return l.default.createElement(s.Button,Object.assign({isText:!!r,ref:t,activeElements:n,isStroke:a,size:i,withoutTextOnMobile:u},f),!!r&&l.default.createElement(c.Typography,{variant:"description-Medium",tag:"span"},r),l.default.createElement(d.default,null),!!n&&l.default.createElement(s.Counter,{size:i},l.default.createElement(c.Typography,{variant:"tag-Medium9",tag:"span"},n)))}));t.Button=f},69749: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}),i=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.Footer=t.Content=t.Tooltip=void 0;const o=i(n(11608)),u=n(62998);t.Tooltip=o.default.div`
   font-family: 'Manrope', sans-serif;
   box-sizing: border-box;
-  width: 240px;
+  width: ${e=>e.widthDrop}px;
   max-height: 448px;
   overflow: hidden;
   background-color: ${e=>e.theme.background.field};
@@ -3370,7 +3370,7 @@
     font-size: 14px;
     font-weight: 400;
   }
-`},67763: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}),i=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},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};Object.defineProperty(t,"__esModule",{value:!0}),t.FilterDrop=t.useDrop=void 0;const u=n(33279),l=i(n(8156)),s=i(n(69749)),c=n(91197),d=n(11608),f=n(41899),m=n(77493),h=n(60098);function p({placement:e="bottom-end"}){const[t,n]=(0,l.useState)(!1),r=(0,u.useFloating)({placement:e,open:t,onOpenChange:n,whileElementsMounted:u.autoUpdate,middleware:[(0,u.offset)(4),(0,u.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),(0,u.shift)({padding:{top:70,bottom:10,left:10,right:10}})]}),a=r.context,i=(0,u.useClick)(a),o=(0,u.useDismiss)(a),s=(0,u.useRole)(a),c=(0,u.useInteractions)([o,s,i]);return l.default.useMemo((()=>Object.assign(Object.assign({open:t,setOpen:n},c),r)),[t,n,c,r])}t.useDrop=p;const g=l.default.createContext(null);t.FilterDrop=e=>{var{children:t,isConfirmWithoutClose:n,isCancelWithoutClose:r,resetFilter:a,handleConfirm:i,padding:u}=e,s=o(e,["children","isConfirmWithoutClose","isCancelWithoutClose","resetFilter","handleConfirm","padding"]);const c=p(Object.assign({},s));return l.default.createElement(g.Provider,{value:c},l.default.createElement(v,{targetElement:s.targetElement}),l.default.createElement(b,{padding:u,resetFilter:a,handleConfirm:i,isConfirmWithoutClose:n,isCancelWithoutClose:r},t))};const v=({targetElement:e})=>{const t=(0,l.useContext)(g),n=(0,u.useMergeRefs)([t.refs.setReference]);return e&&l.default.isValidElement(e)?l.default.cloneElement(e,t.getReferenceProps(Object.assign(Object.assign({ref:n},e.props),{"data-state":t.open?"open":"closed"}))):null},b=({children:e,padding:t,resetFilter:n,handleConfirm:r,isCancelWithoutClose:a,isConfirmWithoutClose:i})=>{const p=(0,l.useContext)(g),{context:v}=p,b=o(p,["context"]),y=(0,u.useMergeRefs)([b.refs.setFloating]),{mode:w}=(0,c.useMode)(),{styles:M}=(0,u.useTransitionStyles)(v,{duration:{open:300,close:300},initial:{opacity:0}});return v.open?l.default.createElement(u.FloatingPortal,null,l.default.createElement(u.FloatingFocusManager,{context:v,modal:!1},l.default.createElement("div",Object.assign({ref:y,style:Object.assign({zIndex:h.zIndex.zIndex5},b.floatingStyles)},b.getFloatingProps()),l.default.createElement(d.ThemeProvider,{theme:f.palette[w]},l.default.createElement("div",{style:M},l.default.createElement(s.Tooltip,{mode:w},l.default.createElement(s.Content,{padding:t},e),(r||n)&&l.default.createElement(s.Footer,null,r&&l.default.createElement(m.TextButton,{text:"Поиск",onClick:()=>{r(),i||b.setOpen(!1)}}),n&&l.default.createElement(m.TextButton,{text:"Сбросить",onClick:()=>{n(),a||b.setOpen(!1)},style:{marginLeft:"auto"}})))))))):null}},69186: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.FilterButton=void 0;const a=r(n(8156)),i=n(91197),o=n(11608),u=n(41899),l=n(67763),s=n(95014);t.FilterButton=({text:e,activeElements:t,isStroke:n=!1,children:r,resetFilter:c,handleConfirm:d,size:f="XS",isConfirmWithoutClose:m=!1,isCancelWithoutClose:h=!1,handleCustomOpen:p,padding:g,withoutTextOnMobile:v})=>{const{mode:b}=(0,i.useMode)();return p?a.default.createElement(o.ThemeProvider,{theme:u.palette[b]},a.default.createElement(s.Button,{withoutTextOnMobile:v,onClick:p,activeElements:t,isStroke:n,size:f,text:e})):a.default.createElement(o.ThemeProvider,{theme:u.palette[b]},a.default.createElement(l.FilterDrop,{padding:g,isCancelWithoutClose:h,isConfirmWithoutClose:m,resetFilter:c,handleConfirm:d,targetElement:a.default.createElement(s.Button,{withoutTextOnMobile:v,activeElements:t,isStroke:n,size:f,text:e})},r))}},82558:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FilterButton=void 0;var r=n(69186);Object.defineProperty(t,"FilterButton",{enumerable:!0,get:function(){return r.FilterButton}})},86917: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.MultiLine=t.Text=void 0;const a=r(n(11608));t.Text=a.default.div`
+`},67763: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}),i=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},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};Object.defineProperty(t,"__esModule",{value:!0}),t.FilterDrop=t.useDrop=void 0;const u=n(33279),l=i(n(8156)),s=i(n(69749)),c=n(91197),d=n(11608),f=n(41899),m=n(77493),h=n(60098);function p({placement:e="bottom-end"}){const[t,n]=(0,l.useState)(!1),r=(0,u.useFloating)({placement:e,open:t,onOpenChange:n,whileElementsMounted:u.autoUpdate,middleware:[(0,u.offset)(4),(0,u.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),(0,u.shift)({padding:{top:70,bottom:10,left:10,right:10}})]}),a=r.context,i=(0,u.useClick)(a),o=(0,u.useDismiss)(a),s=(0,u.useRole)(a),c=(0,u.useInteractions)([o,s,i]);return l.default.useMemo((()=>Object.assign(Object.assign({open:t,setOpen:n},c),r)),[t,n,c,r])}t.useDrop=p;const g=l.default.createContext(null);t.FilterDrop=e=>{var{children:t,isConfirmWithoutClose:n,isCancelWithoutClose:r,resetFilter:a,handleConfirm:i,widthDrop:u,padding:s}=e,c=o(e,["children","isConfirmWithoutClose","isCancelWithoutClose","resetFilter","handleConfirm","widthDrop","padding"]);const d=p(Object.assign({},c));return l.default.createElement(g.Provider,{value:d},l.default.createElement(v,{targetElement:c.targetElement}),l.default.createElement(b,{padding:s,widthDrop:u,resetFilter:a,handleConfirm:i,isConfirmWithoutClose:n,isCancelWithoutClose:r},t))};const v=({targetElement:e})=>{const t=(0,l.useContext)(g),n=(0,u.useMergeRefs)([t.refs.setReference]);return e&&l.default.isValidElement(e)?l.default.cloneElement(e,t.getReferenceProps(Object.assign(Object.assign({ref:n},e.props),{"data-state":t.open?"open":"closed"}))):null},b=({children:e,padding:t,widthDrop:n,resetFilter:r,handleConfirm:a,isCancelWithoutClose:i,isConfirmWithoutClose:p})=>{const v=(0,l.useContext)(g),{context:b}=v,y=o(v,["context"]),w=(0,u.useMergeRefs)([y.refs.setFloating]),{mode:M}=(0,c.useMode)(),{styles:x}=(0,u.useTransitionStyles)(b,{duration:{open:300,close:300},initial:{opacity:0}});return b.open?l.default.createElement(u.FloatingPortal,null,l.default.createElement(u.FloatingFocusManager,{context:b,modal:!1},l.default.createElement("div",Object.assign({ref:w,style:Object.assign({zIndex:h.zIndex.zIndex5},y.floatingStyles)},y.getFloatingProps()),l.default.createElement(d.ThemeProvider,{theme:f.palette[M]},l.default.createElement("div",{style:x},l.default.createElement(s.Tooltip,{widthDrop:n,mode:M},l.default.createElement(s.Content,{padding:t},e),(a||r)&&l.default.createElement(s.Footer,null,a&&l.default.createElement(m.TextButton,{text:"Поиск",onClick:()=>{a(),p||y.setOpen(!1)}}),r&&l.default.createElement(m.TextButton,{text:"Сбросить",onClick:()=>{r(),i||y.setOpen(!1)},style:{marginLeft:"auto"}})))))))):null}},69186: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.FilterButton=void 0;const a=r(n(8156)),i=n(91197),o=n(11608),u=n(41899),l=n(67763),s=n(95014);t.FilterButton=({text:e,activeElements:t,isStroke:n=!1,children:r,resetFilter:c,handleConfirm:d,size:f="XS",isConfirmWithoutClose:m=!1,isCancelWithoutClose:h=!1,handleCustomOpen:p,padding:g,widthDrop:v=240,withoutTextOnMobile:b})=>{const{mode:y}=(0,i.useMode)();return p?a.default.createElement(o.ThemeProvider,{theme:u.palette[y]},a.default.createElement(s.Button,{withoutTextOnMobile:b,onClick:p,activeElements:t,isStroke:n,size:f,text:e})):a.default.createElement(o.ThemeProvider,{theme:u.palette[y]},a.default.createElement(l.FilterDrop,{padding:g,widthDrop:v,isCancelWithoutClose:h,isConfirmWithoutClose:m,resetFilter:c,handleConfirm:d,targetElement:a.default.createElement(s.Button,{withoutTextOnMobile:b,activeElements:t,isStroke:n,size:f,text:e})},r))}},82558:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FilterButton=void 0;var r=n(69186);Object.defineProperty(t,"FilterButton",{enumerable:!0,get:function(){return r.FilterButton}})},86917: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.MultiLine=t.Text=void 0;const a=r(n(11608));t.Text=a.default.div`
   overflow: hidden;
   & > * {
     display: block;

package/package.json

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