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.
- package/dist/components/blocks/Like/Like.styled.d.ts +1 -0
- package/dist/components/blocks/Like/Like.typed.d.ts +1 -1
- package/dist/components/uikit/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/uikit/FilterButton/Drop/Drop.d.ts +1 -1
- package/dist/components/uikit/Hint/Hint.d.ts +1 -1
- package/dist/components/uikit/Popup/Popup.d.ts +1 -1
- package/dist/components/uikit/Tooltip/Tooltip.d.ts +1 -1
- package/dist/index.js +22 -20
- package/package.json +1 -1
|
@@ -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>;
|
|
@@ -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>, "
|
|
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>, "
|
|
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>, "
|
|
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>, "
|
|
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>, "
|
|
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
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
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;
|