profinansy-ui-lib 3.5.66 → 3.5.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,5 +2,6 @@ import { TTypeLike } from './Like.typed';
2
2
  export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
3
3
  isLike: boolean;
4
4
  $type: TTypeLike;
5
+ isViewMode: boolean;
5
6
  }, never>;
6
7
  export declare const Like: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;
@@ -4,5 +4,5 @@ export interface ILikeProps {
4
4
  type?: TTypeLike;
5
5
  isActive: boolean;
6
6
  amount: number;
7
- onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
7
+ onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
8
8
  }
@@ -43,7 +43,7 @@ export declare function useDrop({ placement, onOpenList }: {
43
43
  };
44
44
  getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
45
45
  getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
46
- getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
46
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
47
47
  active?: boolean;
48
48
  selected?: boolean;
49
49
  }) => Record<string, unknown>;
@@ -42,7 +42,7 @@ export declare function useDrop({ placement }: {
42
42
  };
43
43
  getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
44
44
  getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
45
- getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
45
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
46
46
  active?: boolean;
47
47
  selected?: boolean;
48
48
  }) => Record<string, unknown>;
@@ -44,7 +44,7 @@ export declare function useHint({ placement, isClickMobile }?: HintOptions): {
44
44
  };
45
45
  getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
46
46
  getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
47
- getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
47
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
48
48
  active?: boolean;
49
49
  selected?: boolean;
50
50
  }) => Record<string, unknown>;
@@ -47,7 +47,7 @@ export declare function usePopup({ placement, isHover }: {
47
47
  };
48
48
  getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
49
49
  getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
50
- getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
50
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
51
51
  active?: boolean;
52
52
  selected?: boolean;
53
53
  }) => Record<string, unknown>;
@@ -44,7 +44,7 @@ export declare function useTooltip({ placement, isHover, showArrow }: {
44
44
  };
45
45
  getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
46
46
  getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
47
- getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
47
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
48
48
  active?: boolean;
49
49
  selected?: boolean;
50
50
  }) => Record<string, unknown>;
package/dist/index.js CHANGED
@@ -255,7 +255,7 @@
255
255
  padding: ${e=>"content"===e.$type?"4px 8px":"0px"};
256
256
  background: ${e=>"content"===e.$type?e.theme.background.secondary:"transparent"};
257
257
  border: none;
258
- cursor: pointer;
258
+ cursor: ${e=>e.isViewMode?"default":"pointer"};
259
259
  border-radius: 90px;
260
260
  & span {
261
261
  transition: all 0.3s ${s.AnimationFunctions.animation_1};
@@ -269,24 +269,26 @@
269
269
  fill: transparent;
270
270
  stroke: ${e=>e.theme.icons.secondary};
271
271
  }
272
- &:hover {
273
- & span {
274
- color: ${e=>e.isLike?e.theme.text.negative:e.theme.text.fourth};
275
- }
276
- & path {
277
- fill: #fff2ec;
278
- stroke: ${e=>e.theme.icons.negative};
279
- }
280
- }
281
- &:active {
282
- & svg {
283
- transform: scale(0.85);
284
- }
285
- & path {
286
- fill: ${e=>e.theme.icons.negative};
287
- stroke: ${e=>e.theme.icons.negative};
288
- }
289
- }
272
+ ${({isViewMode:e,isLike:t,theme:n})=>!e&&u.css`
273
+ &:hover {
274
+ & span {
275
+ color: ${t?n.text.negative:n.text.fourth};
276
+ }
277
+ & path {
278
+ fill: #fff2ec;
279
+ stroke: ${e=>e.theme.icons.negative};
280
+ }
281
+ }
282
+ &:active {
283
+ & svg {
284
+ transform: scale(0.85);
285
+ }
286
+ & path {
287
+ fill: ${e=>e.theme.icons.negative};
288
+ stroke: ${e=>e.theme.icons.negative};
289
+ }
290
+ }
291
+ `};
290
292
  `,t.Like=(0,u.default)(l.default)`
291
293
  &.like_active {
292
294
  animation: ${c} 0.3s forwards;
@@ -301,7 +303,7 @@
301
303
  }
302
304
  }
303
305
  }
304
- `},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`
306
+ `},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`
305
307
  position: relative;
306
308
  width: 388px;
307
309
  border-radius: 12px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "profinansy-ui-lib",
3
- "version": "3.5.66",
3
+ "version": "3.5.67",
4
4
  "main": "./dist/index.js",
5
5
  "license": "MIT",
6
6
  "devDependencies": {