norma-library 0.5.71 → 0.5.73
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/esm/components/ChatMessageBalloon/ChatMessageBalloon.js +2 -2
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.js.map +1 -1
- package/dist/esm/interfaces/ChatMessageBalloon.d.ts +2 -2
- package/package.json +1 -1
- package/src/components/ChatMessageBalloon/ChatMessageBalloon.tsx +2 -2
- package/src/interfaces/ChatMessageBalloon.ts +2 -2
- package/src/stories/ChatMessageBalloon.stories.tsx +1 -1
|
@@ -2,10 +2,10 @@ import React from 'react';
|
|
|
2
2
|
import { Typography } from '@mui/material';
|
|
3
3
|
import * as S from './ChatMessageBalloon.style';
|
|
4
4
|
export var ChatMessageBalloon = function (_a) {
|
|
5
|
-
var label = _a.label, description = _a.description, date = _a.date, direction = _a.direction, children = _a.children, className = _a.className,
|
|
5
|
+
var label = _a.label, description = _a.description, date = _a.date, direction = _a.direction, children = _a.children, className = _a.className, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave;
|
|
6
6
|
return (React.createElement(S.ChatMessageBalloonContainerStyle, { className: className },
|
|
7
7
|
React.createElement(S.ChatMessageBalloonRowStyle, { direction: direction },
|
|
8
|
-
React.createElement(S.ChatMessageBalloonStyle, {
|
|
8
|
+
React.createElement(S.ChatMessageBalloonStyle, { onMouseLeave: onMouseLeave, onMouseEnter: onMouseEnter, direction: direction, className: !!onMouseEnter ? 'is-interactive' : "" },
|
|
9
9
|
React.createElement(Typography, { variant: "subtitle2", style: {
|
|
10
10
|
fontSize: "1rem",
|
|
11
11
|
fontWeight: "600",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatMessageBalloon.js","sourceRoot":"","sources":["../../../../src/components/ChatMessageBalloon/ChatMessageBalloon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,KAAK,CAAC,MAAM,4BAA4B,CAAA;AAG/C,MAAM,CAAC,IAAM,kBAAkB,GAAsC,UAAC,
|
|
1
|
+
{"version":3,"file":"ChatMessageBalloon.js","sourceRoot":"","sources":["../../../../src/components/ChatMessageBalloon/ChatMessageBalloon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,KAAK,CAAC,MAAM,4BAA4B,CAAA;AAG/C,MAAM,CAAC,IAAM,kBAAkB,GAAsC,UAAC,EAAwF;QAAtF,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,YAAY,kBAAA;IAC1J,OAAO,CACL,oBAAC,CAAC,CAAC,gCAAgC,IAAC,SAAS,EAAE,SAAS;QACtD,oBAAC,CAAC,CAAC,0BAA0B,IAAC,SAAS,EAAE,SAAS;YAChD,oBAAC,CAAC,CAAC,uBAAuB,IAAC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;gBACxJ,oBAAC,UAAU,IACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE;wBACL,QAAQ,EAAE,MAAM;wBAChB,UAAU,EAAE,KAAK;wBACjB,YAAY,EAAE,KAAK;qBACpB,IAEA,KAAK,CACK;gBACZ,WAAW,CACc;YAC5B,oBAAC,CAAC,CAAC,wBAAwB,IAAC,SAAS,EAAE,SAAS,IAC7C,QAAQ,CACkB,CACA;QAC/B,oBAAC,CAAC,CAAC,0BAA0B,IAAC,SAAS,EAAE,SAAS;YAChD,oBAAC,CAAC,CAAC,oBAAoB,IAAC,QAAQ,EAAE,QAAQ,IAAG,IAAI,CAA0B,CAC9C,CACI,CACtC,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -4,8 +4,8 @@ export interface ChatMessageBalloonProps {
|
|
|
4
4
|
description: ReactNode;
|
|
5
5
|
date: string;
|
|
6
6
|
direction: "I" | "O";
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
onMouseEnter?: MouseEventHandler<HTMLDivElement>;
|
|
8
|
+
onMouseLeave?: MouseEventHandler<HTMLDivElement>;
|
|
9
9
|
attachments?: string[];
|
|
10
10
|
children?: ReactNode;
|
|
11
11
|
className?: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "norma-library",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.73",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.",
|
|
6
6
|
"scripts": {
|
|
@@ -4,11 +4,11 @@ import { ChatMessageBalloonProps } from '../../interfaces';
|
|
|
4
4
|
import * as S from './ChatMessageBalloon.style'
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
export const ChatMessageBalloon: React.FC<ChatMessageBalloonProps> = ({ label, description, date, direction, children, className,
|
|
7
|
+
export const ChatMessageBalloon: React.FC<ChatMessageBalloonProps> = ({ label, description, date, direction, children, className, onMouseEnter, onMouseLeave }) => {
|
|
8
8
|
return (
|
|
9
9
|
<S.ChatMessageBalloonContainerStyle className={className}>
|
|
10
10
|
<S.ChatMessageBalloonRowStyle direction={direction}>
|
|
11
|
-
<S.ChatMessageBalloonStyle
|
|
11
|
+
<S.ChatMessageBalloonStyle onMouseLeave={onMouseLeave} onMouseEnter={onMouseEnter} direction={direction} className={!!onMouseEnter ? 'is-interactive' : ""}>
|
|
12
12
|
<Typography
|
|
13
13
|
variant="subtitle2"
|
|
14
14
|
style={{
|
|
@@ -5,8 +5,8 @@ export interface ChatMessageBalloonProps {
|
|
|
5
5
|
description: ReactNode;
|
|
6
6
|
date: string;
|
|
7
7
|
direction: "I" | "O";
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
onMouseEnter?: MouseEventHandler<HTMLDivElement>;
|
|
9
|
+
onMouseLeave?: MouseEventHandler<HTMLDivElement>;
|
|
10
10
|
attachments?: string[];
|
|
11
11
|
children?:ReactNode;
|
|
12
12
|
className?:string;
|
|
@@ -21,7 +21,7 @@ export const ChatMessageBalloonBasic = () => {
|
|
|
21
21
|
return (
|
|
22
22
|
<div style={{backgroundColor: "#F0F0F0", boxSizing: "border-box", padding: "20px"}}>
|
|
23
23
|
<ChatMessageBalloon
|
|
24
|
-
|
|
24
|
+
onMouseEnter={ () => console.log('onMouseEnter') }
|
|
25
25
|
label="Agente Marcos"
|
|
26
26
|
description={
|
|
27
27
|
<Typography
|