profinansy-ui-lib 3.5.65 → 3.5.67

package/dist/components/blocks/Like/Like.styled.d.ts

@@ -2,5 +2,6 @@ import { TTypeLike } from './Like.typed';
 export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
     isLike: boolean;
     $type: TTypeLike;
+    isViewMode: boolean;
 }, never>;
 export declare const Like: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/dist/components/blocks/Like/Like.typed.d.ts

@@ -4,5 +4,5 @@ export interface ILikeProps {
     type?: TTypeLike;
     isActive: boolean;
     amount: number;
-    onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }

package/dist/index.js

@@ -255,7 +255,7 @@
   padding: ${e=>"content"===e.$type?"4px 8px":"0px"};
   background: ${e=>"content"===e.$type?e.theme.background.secondary:"transparent"};
   border: none;
-  cursor: pointer;
+  cursor: ${e=>e.isViewMode?"default":"pointer"};
   border-radius: 90px;
   & span {
     transition: all 0.3s ${s.AnimationFunctions.animation_1};
@@ -269,24 +269,26 @@
     fill: transparent;
     stroke: ${e=>e.theme.icons.secondary};
   }
-  &:hover {
-    & span {
-      color: ${e=>e.isLike?e.theme.text.negative:e.theme.text.fourth};
-    }
-    & path {
-      fill: #fff2ec;
-      stroke: ${e=>e.theme.icons.negative};
-    }
-  }
-  &:active {
-    & svg {
-      transform: scale(0.85);
-    }
-    & path {
-      fill: ${e=>e.theme.icons.negative};
-      stroke: ${e=>e.theme.icons.negative};
-    }
-  }
+  ${({isViewMode:e,isLike:t,theme:n})=>!e&&u.css`
+      &:hover {
+        & span {
+          color: ${t?n.text.negative:n.text.fourth};
+        }
+        & path {
+          fill: #fff2ec;
+          stroke: ${e=>e.theme.icons.negative};
+        }
+      }
+      &:active {
+        & svg {
+          transform: scale(0.85);
+        }
+        & path {
+          fill: ${e=>e.theme.icons.negative};
+          stroke: ${e=>e.theme.icons.negative};
+        }
+      }
+    `};
 `,t.Like=(0,u.default)(l.default)`
   &.like_active {
     animation: ${c} 0.3s forwards;
@@ -301,7 +303,7 @@
       }
     }
   }
-`},24005: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.Like=void 0;const o=i(n(8156)),u=i(n(33133)),l=n(65492),s=n(41899),c=n(11608),d=n(91197);t.Like=({isActive:e,amount:t,onClick:n,type:r="primary"})=>{const[a,i]=(0,o.useState)(0),[f,m]=(0,o.useState)(!1);(0,o.useEffect)((()=>{m(e)}),[e]),(0,o.useEffect)((()=>{0===a&&i(t)}),[t]);const{mode:h}=(0,d.useMode)();return o.default.createElement(c.ThemeProvider,{theme:s.palette[h]},o.default.createElement(u.Button,{onClick:e=>{i(f?e=>e-1:e=>e+1),m(!f),n(e)},isLike:f,$type:r},o.default.createElement(u.Like,{className:f&&"like_active"}),o.default.createElement(l.Typography,{variant:"description-Medium",tag:"span"},a)))}},19633:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Like=void 0;var r=n(24005);Object.defineProperty(t,"Like",{enumerable:!0,get:function(){return r.Like}})},62095: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.Close=t.IconContainer=t.Left=t.Header=t.Container=void 0;const o=i(n(11608)),u=n(64542),l=n(40140),s=n(60098);t.Container=o.default.div`
+`},24005: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.Like=void 0;const o=i(n(8156)),u=i(n(33133)),l=n(65492),s=n(41899),c=n(11608),d=n(91197);t.Like=({isActive:e,amount:t,onClick:n,type:r="primary"})=>{const[a,i]=(0,o.useState)(0),[f,m]=(0,o.useState)(!1);(0,o.useEffect)((()=>{m(e)}),[e]),(0,o.useEffect)((()=>{0===a&&i(t)}),[t]);const{mode:h}=(0,d.useMode)();return o.default.createElement(c.ThemeProvider,{theme:s.palette[h]},o.default.createElement(u.Button,{onClick:e=>{n&&(i(f?e=>e-1:e=>e+1),m(!f),n(e))},isViewMode:!n,isLike:f,$type:r},o.default.createElement(u.Like,{className:f&&"like_active"}),o.default.createElement(l.Typography,{variant:"description-Medium",tag:"span"},a)))}},19633:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Like=void 0;var r=n(24005);Object.defineProperty(t,"Like",{enumerable:!0,get:function(){return r.Like}})},62095: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.Close=t.IconContainer=t.Left=t.Header=t.Container=void 0;const o=i(n(11608)),u=n(64542),l=n(40140),s=n(60098);t.Container=o.default.div`
   position: relative;
   width: 388px;
   border-radius: 12px;
@@ -4540,6 +4542,7 @@
   justify-content: space-between;
   align-items: center;
   position: relative;
+  min-width: 28px;
 `,t.ScrollBar=a.default.div`
   position: absolute;
   left: 50%;
@@ -4558,7 +4561,7 @@
   background: ${e=>e.theme.stroke.secondary};
   border-radius: 12px;
   top: ${({thumbPosition:e})=>e}%;
-`},9906: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.ScrollButton=void 0;const o=i(n(8156)),u=i(n(59950)),l=n(8760);t.ScrollButton=function({data:e,contentRef:t}){const[n,r]=(0,o.useState)(!1),[a,i]=(0,o.useState)(0),[s,c]=(0,o.useState)(0),[d,f]=(0,o.useState)(!1),[m,h]=(0,o.useState)(0),[p,g]=(0,o.useState)(0),v=e=>{if(!d||!t.current)return;const{scrollHeight:n,clientHeight:r}=t.current,i=n-r,o=100-a,u=e.clientY-m,l=Math.min(Math.max(p+u/r*100,0),o);c(l),t.current.scrollTop=l/o*i},b=()=>{f(!1)},y=e=>{if(t.current){const n=200;t.current.scrollBy({top:"up"===e?-n:n,behavior:"smooth"})}};return(0,o.useEffect)((()=>{const e=()=>{const e=t.current;if(e){const{scrollTop:t,scrollHeight:n,clientHeight:r}=e;c(t/(n-r)*(100-a))}},n=t.current;if(n)return(()=>{if(t.current){const{clientHeight:e,scrollHeight:n}=t.current;i(e/n*100)}})(),n.addEventListener("scroll",e),()=>{n.removeEventListener("scroll",e)}}),[t,e,a]),(0,o.useEffect)((()=>(d?(document.addEventListener("mousemove",v),document.addEventListener("mouseup",b)):(document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",b)),()=>{document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",b)})),[d]),(0,o.useEffect)((()=>{const e=t.current;e&&e.scrollHeight-e.clientHeight>0&&r(!0)}),[e,t]),n?o.default.createElement(u.Container,null,o.default.createElement(l.ArrowButton,{onClick:()=>y("up"),size:"M",style:{transform:"rotate(90deg)"}}),o.default.createElement(u.ScrollBar,null,o.default.createElement(u.ScrollThumb,{onMouseDown:e=>{f(!0),h(e.clientY),g(s)},thumbHeight:a,thumbPosition:s})),o.default.createElement(l.ArrowButton,{onClick:()=>y("down"),size:"M",style:{transform:"rotate(-90deg)"}})):null}},28530: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.TDItem=t.ExpandTR=t.TR=t.TD=t.TBody=void 0;const o=i(n(11608)),u=n(35892),l=n(40140);t.TBody=o.default.tbody`
+`},9906: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.ScrollButton=void 0;const o=i(n(8156)),u=i(n(59950)),l=n(8760);t.ScrollButton=function({data:e,contentRef:t}){const[n,r]=(0,o.useState)(!1),[a,i]=(0,o.useState)(0),[s,c]=(0,o.useState)(0),[d,f]=(0,o.useState)(!1),[m,h]=(0,o.useState)(0),[p,g]=(0,o.useState)(0),v=e=>{if(!d||!t.current)return;const{scrollHeight:n,clientHeight:r}=t.current,i=n-r,o=100-a,u=e.clientY-m,l=Math.min(Math.max(p+u/r*100,0),o);c(l),t.current.scrollTop=l/o*i},b=()=>{f(!1)},y=e=>{if(t.current){const n=300;t.current.scrollBy({top:"up"===e?-n:n,behavior:"smooth"})}};return(0,o.useEffect)((()=>{const e=()=>{const e=t.current;if(e){const{scrollTop:t,scrollHeight:n,clientHeight:r}=e;c(t/(n-r)*(100-a))}},n=t.current;if(n)return(()=>{if(t.current){const{clientHeight:e,scrollHeight:n}=t.current;i(e/n*100)}})(),n.addEventListener("scroll",e),()=>{n.removeEventListener("scroll",e)}}),[t,e,a]),(0,o.useEffect)((()=>(d?(document.addEventListener("mousemove",v),document.addEventListener("mouseup",b)):(document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",b)),()=>{document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",b)})),[d]),(0,o.useEffect)((()=>{const e=t.current;e&&e.scrollHeight-e.clientHeight>0&&r(!0)}),[e,t]),n?o.default.createElement(u.Container,null,o.default.createElement(l.ArrowButton,{onClick:()=>y("up"),size:"M",style:{transform:"rotate(90deg)"}}),o.default.createElement(u.ScrollBar,null,o.default.createElement(u.ScrollThumb,{onMouseDown:e=>{f(!0),h(e.clientY),g(s)},thumbHeight:a,thumbPosition:s})),o.default.createElement(l.ArrowButton,{onClick:()=>y("down"),size:"M",style:{transform:"rotate(-90deg)"}})):null}},28530: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.TDItem=t.ExpandTR=t.TR=t.TD=t.TBody=void 0;const o=i(n(11608)),u=n(35892),l=n(40140);t.TBody=o.default.tbody`
   &:before {
     position: relative;
     z-index: 3;

package/package.json

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