profinansy-ui-lib 3.2.4 → 3.2.6

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

@@ -24,9 +24,9 @@ export declare function useDrop({ placement }: {
     } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
         placement: Placement;
-        strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
+        strategy: import("@floating-ui/utils").Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;
@@ -42,7 +42,7 @@ export declare function useDrop({ placement }: {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

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

@@ -25,9 +25,9 @@ export declare function useHint({ placement }?: HintOptions): {
     } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
         placement: Placement;
-        strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
+        strategy: import("@floating-ui/utils").Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;
@@ -43,7 +43,7 @@ export declare function useHint({ placement }?: HintOptions): {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

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

@@ -1,12 +1,17 @@
 export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     open: boolean;
+    isOverflowAuto: boolean;
 }, never>;
 export declare const Layout: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     open: boolean;
     showCloseButton: boolean;
+    isOverflowAuto: boolean;
+}, never>;
+export declare const ContentInside: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isOverflowAuto: boolean;
 }, never>;
-export declare const ContentInside: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Title: import("styled-components").StyledComponent<({ tag, className, children, variant, title, ...props }: import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties) => JSX.Element, import("styled-components").DefaultTheme, {
     titlePosition: 'left' | 'center';

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

@@ -30,4 +30,7 @@ export interface IModal {
     titlePosition?: 'left' | 'center';
     /** ID для контейнера, куда будет монтирроваться модалка */
     containerId?: string;
+    /** Можете использовать это свойство, если нужна модалка, которая не ограничивает контент внутри. Нужно, если, например, у вас используются различные
+     * выпадашки внутри */
+    isOverflowAuto?: boolean;
 }

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

@@ -29,9 +29,9 @@ export declare function usePopup({ placement, isHover }: {
     } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     context: {
         placement: Placement;
-        strategy: import("@floating-ui/utils").Strategy;
         x: number;
         y: number;
+        strategy: import("@floating-ui/utils").Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
         isPositioned: boolean;
         update: () => void;
@@ -47,7 +47,7 @@ export declare function usePopup({ placement, isHover }: {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

package/dist/index.js

@@ -2760,18 +2760,16 @@
     color: ${e=>e.color||e.theme.background.accent};
     animation: ${c} 1s infinite linear;
   }
-`;t.Dot=p},5585:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=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 o(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Loader=void 0;const l=i(n(8156)),u=a(n(8379)),c=n(1608),s=n(1197),d=n(1899);t.Loader=({size:e="S",color:t})=>{const{mode:n}=(0,s.useMode)();return l.default.createElement(c.ThemeProvider,{theme:d.palette[n]},l.default.createElement(u.Container,{size:e,className:"loader"},l.default.createElement(u.Dot,{size:e,color:t})))}},5529:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Loader=void 0;var r=n(5585);Object.defineProperty(t,"Loader",{enumerable:!0,get:function(){return r.Loader}})},8105:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=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 o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.CloseButton=t.Subtitle=t.Title=t.Header=t.ContentInside=t.Content=t.Layout=t.Wrapper=void 0;const i=a(n(1608)),l=n(1230),u=n(140),c=n(5492),s=n(4542);t.Wrapper=i.default.div`
+`;t.Dot=p},5585:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=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 o(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Loader=void 0;const l=i(n(8156)),u=a(n(8379)),c=n(1608),s=n(1197),d=n(1899);t.Loader=({size:e="S",color:t})=>{const{mode:n}=(0,s.useMode)();return l.default.createElement(c.ThemeProvider,{theme:d.palette[n]},l.default.createElement(u.Container,{size:e,className:"loader"},l.default.createElement(u.Dot,{size:e,color:t})))}},5529:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Loader=void 0;var r=n(5585);Object.defineProperty(t,"Loader",{enumerable:!0,get:function(){return r.Loader}})},8105:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=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 o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.CloseButton=t.Subtitle=t.Title=t.Header=t.ContentInside=t.Content=t.ContentWrapper=t.Layout=t.Wrapper=void 0;const i=a(n(1608)),l=n(1230),u=n(140),c=n(5492),s=n(4542);t.Wrapper=i.default.div`
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 100000;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   opacity: 0;
   transition: opacity 0.3s ${s.AnimationFunctions.animation_2};
+  overflow: ${e=>e.isOverflowAuto?"auto":"hidden"};
   ${e=>e.open&&i.css`
       opacity: 1;
       pointer-events: auto;
@@ -2783,6 +2781,11 @@
   left: 0;
   right: 0;
   background: ${e=>e.theme.other.gray};
+`,t.ContentWrapper=i.default.div`
+  min-height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 `,t.Content=i.default.div`
   position: relative;
   padding: 24px 16px;
@@ -2790,7 +2793,7 @@
   box-shadow: 0 14px 30px -4px rgba(0, 0, 0, 0.2);
   background: ${e=>e.theme.background.content};
   margin: 20px ${e=>e.showCloseButton?"50px":"24px"};
-  max-height: calc(100vh - 30px);
+  max-height: ${e=>e.isOverflowAuto?"auto":"calc(100vh - 30px)"};
   min-width: 300px;
   max-width: 100vw;
   animation: ${e=>{return i.css`
@@ -2826,9 +2829,8 @@
   }
 `,t.ContentInside=i.default.div`
   height: 100%;
-  max-height: calc(100vh - 78px);
-  overflow: hidden;
-  overflow-y: auto;
+  max-height: ${e=>e.isOverflowAuto?"auto":"calc(100vh - 78px)"};
+  overflow-y: ${e=>e.isOverflowAuto?"visible":"auto"};
   padding: 0 8px;
   ${l.Scroll};
   @media (max-width: ${u.MOBILE_WIDTH}px) {
@@ -2872,7 +2874,7 @@
     right: 0;
     top: -48px;
   }
-`},1673:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=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 o(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;const l=i(n(8156)),u=a(n(8105)),c=n(7033),s=n(3848),d=i(n(4230)),f=i(n(4184)),p=n(1608),h=n(1197),m=n(1899);t.Modal=e=>{const{animation:t,showModal:n,content:r,handleClose:o}=(0,c.useTransitionModal)({isOpen:e.open,children:e.children,onClose:e.onClose});return n?l.default.createElement(v,Object.assign({},e,{onClose:o,animation:t}),r):null};const v=({onClose:e,children:t,title:n,subtitle:r,showCloseButton:o=!0,styleContent:a,styleContentInside:i,classNameWrapper:v,styleBackground:g,styleWrapper:b,classNameBackground:y,classNameContent:w,classNameHeader:x,animation:_,titlePosition:O="left",containerId:M="react-modals"})=>{const k=()=>{e&&e()};(0,c.useControlsForModal)(e);const{mode:E}=(0,h.useMode)();return l.default.createElement(s.Portal,{id:M},l.default.createElement(p.ThemeProvider,{theme:m.palette[E]},l.default.createElement(u.Wrapper,{className:(0,f.default)(v,"modal-wrapper"),open:_,style:b},l.default.createElement(u.Layout,{className:y,onClick:k,style:g}),l.default.createElement(u.Content,{open:_,showCloseButton:o,className:(0,f.default)(w,"modal-content"),style:a},o&&l.default.createElement(u.CloseButton,{onClick:k},l.default.createElement(d.default,{className:"modal-closeBtn"})),l.default.createElement(u.ContentInside,{style:i,className:"modal-contentInside"},!!n&&l.default.createElement(u.Header,{className:(0,f.default)(x,"modal-header")},l.default.createElement(u.Title,{titlePosition:O,tag:"h5",variant:"header5-Bold"},n),!!r&&l.default.createElement(u.Subtitle,{tag:"span",variant:"text-Regular"},r)),t)))))}},6298:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;var r=n(1673);Object.defineProperty(t,"Modal",{enumerable:!0,get:function(){return r.Modal}})},1417: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.CloseButton=t.Title=t.Header=t.Content=t.Layout=t.Wrapper=void 0;const o=r(n(1608)),a=n(1230),i=o.default.div`
+`},1673:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=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 o(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;const l=i(n(8156)),u=a(n(8105)),c=n(7033),s=n(3848),d=i(n(4230)),f=i(n(4184)),p=n(1608),h=n(1197),m=n(1899);t.Modal=e=>{const{animation:t,showModal:n,content:r,handleClose:o}=(0,c.useTransitionModal)({isOpen:e.open,children:e.children,onClose:e.onClose});return n?l.default.createElement(v,Object.assign({},e,{onClose:o,animation:t}),r):null};const v=({onClose:e,children:t,title:n,subtitle:r,showCloseButton:o=!0,styleContent:a,styleContentInside:i,classNameWrapper:v,styleBackground:g,styleWrapper:b,classNameBackground:y,classNameContent:w,classNameHeader:x,animation:_,titlePosition:O="left",isOverflowAuto:M=!1,containerId:k="react-modals"})=>{const E=()=>{e&&e()};(0,c.useControlsForModal)(e);const{mode:P}=(0,h.useMode)();return l.default.createElement(s.Portal,{id:k},l.default.createElement(p.ThemeProvider,{theme:m.palette[P]},l.default.createElement(u.Wrapper,{className:(0,f.default)(v,"modal-wrapper"),open:_,style:b,isOverflowAuto:M},l.default.createElement(u.Layout,{className:y,onClick:E,style:g}),l.default.createElement(u.ContentWrapper,null,l.default.createElement(u.Content,{isOverflowAuto:M,open:_,showCloseButton:o,className:(0,f.default)(w,"modal-content"),style:a},o&&l.default.createElement(u.CloseButton,{onClick:E},l.default.createElement(d.default,{className:"modal-closeBtn"})),l.default.createElement(u.ContentInside,{isOverflowAuto:M,style:i,className:"modal-contentInside"},!!n&&l.default.createElement(u.Header,{className:(0,f.default)(x,"modal-header")},l.default.createElement(u.Title,{titlePosition:O,tag:"h5",variant:"header5-Bold"},n),!!r&&l.default.createElement(u.Subtitle,{tag:"span",variant:"text-Regular"},r)),t))))))}},6298:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Modal=void 0;var r=n(1673);Object.defineProperty(t,"Modal",{enumerable:!0,get:function(){return r.Modal}})},1417: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.CloseButton=t.Title=t.Header=t.Content=t.Layout=t.Wrapper=void 0;const o=r(n(1608)),a=n(1230),i=o.default.div`
   position: fixed;
   top: 0;
   bottom: 0;

package/package.json

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