@hh.ru/magritte-ui-chat-marker 1.0.5 → 1.0.7

package/ChatMarker.d.ts

@@ -1,2 +1,2 @@
-import { ChatMarkerProps } from '@hh.ru/magritte-ui-chat-marker/types';
+import { ChatMarkerProps } from './types';
 export declare const ChatMarker: import("react").ForwardRefExoticComponent<ChatMarkerProps & import("react").RefAttributes<HTMLDivElement>>;

package/ChatMarker.js

@@ -1,5 +1,5 @@
 import './index.css';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useState } from 'react';
 import classnames from 'classnames';
 import { useResizeObserver } from '@hh.ru/magritte-common-resize';
@@ -8,27 +8,56 @@ import { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';
 import { LoaderDefaultPropsContext } from '@hh.ru/magritte-ui-loader';
 import { Text } from '@hh.ru/magritte-ui-typography';
 
-var styles = {"chat-marker":"magritte-chat-marker___ya9dO_1-0-5","chatMarker":"magritte-chat-marker___ya9dO_1-0-5","line":"magritte-line___0zxh4_1-0-5","icon":"magritte-icon___RUogw_1-0-5","label":"magritte-label___RKh8J_1-0-5","label-outgoing":"magritte-label-outgoing___gqTn0_1-0-5","labelOutgoing":"magritte-label-outgoing___gqTn0_1-0-5","fade-out":"magritte-fade-out___Mog0k_1-0-5","fadeOut":"magritte-fade-out___Mog0k_1-0-5","label-outgoing-centered":"magritte-label-outgoing-centered___GikqE_1-0-5","labelOutgoingCentered":"magritte-label-outgoing-centered___GikqE_1-0-5","label-incoming":"magritte-label-incoming___cq-7a_1-0-5","labelIncoming":"magritte-label-incoming___cq-7a_1-0-5","fade-in":"magritte-fade-in___gDnCc_1-0-5","fadeIn":"magritte-fade-in___gDnCc_1-0-5"};
+var styles = {"chat-marker":"magritte-chat-marker___ya9dO_1-0-7","chatMarker":"magritte-chat-marker___ya9dO_1-0-7","line":"magritte-line___0zxh4_1-0-7","icon":"magritte-icon___RUogw_1-0-7","label":"magritte-label___RKh8J_1-0-7","label-outgoing":"magritte-label-outgoing___gqTn0_1-0-7","labelOutgoing":"magritte-label-outgoing___gqTn0_1-0-7","fade-out":"magritte-fade-out___Mog0k_1-0-7","fadeOut":"magritte-fade-out___Mog0k_1-0-7","label-outgoing-centered":"magritte-label-outgoing-centered___GikqE_1-0-7","labelOutgoingCentered":"magritte-label-outgoing-centered___GikqE_1-0-7","label-incoming":"magritte-label-incoming___cq-7a_1-0-7","labelIncoming":"magritte-label-incoming___cq-7a_1-0-7","fade-in":"magritte-fade-in___gDnCc_1-0-7","fadeIn":"magritte-fade-in___gDnCc_1-0-7"};
 
-const LABEL_ID = 'label';
-const ChatMarker = forwardRef(({ className, 'data-qa': dataQa = 'chat-marker', divider = false, icon, label, mode = 'secondary', ...props }, ref) => {
+const LABEL_ID = "label";
+const ChatMarker = forwardRef(
+  ({ className, "data-qa": dataQa = "chat-marker", divider = false, icon, label, mode = "secondary", ...props }, ref) => {
     const labelWidth = useRef(0);
     const [transition, setTransition] = useState({ label, outgoing: null });
     const observeLabel = useResizeObserver((elements) => {
-        labelWidth.current = elements.get(LABEL_ID)?.getBoundingClientRect().width ?? 0;
+      labelWidth.current = elements.get(LABEL_ID)?.getBoundingClientRect().width ?? 0;
     });
     if (transition.label !== label) {
-        const width = Math.ceil(labelWidth.current);
-        setTransition({ label, outgoing: width > 0 ? { text: transition.label, width } : null });
+      const width = Math.ceil(labelWidth.current);
+      setTransition({ label, outgoing: width > 0 ? { text: transition.label, width } : null });
     }
     const { outgoing } = transition;
-    const renderText = (value) => (jsx(Text, { typography: "label-3-regular", style: mode, children: value }));
-    const line = divider && (jsx("div", { className: styles.line, "data-qa": "chat-marker-divider", "aria-hidden": true, children: jsx(Divider, {}) }));
-    return (jsxs("div", { ...props, className: classnames(className, styles.chatMarker), "data-qa": dataQa, ref: ref, children: [line, icon && (jsx(IconDefaultPropsContext, { props: { initialColor: mode }, children: jsx(LoaderDefaultPropsContext, { props: { size: 16, color: mode }, children: jsx("span", { className: styles.icon, "data-qa": "chat-marker-icon", "aria-hidden": true, children: icon }) }) })), jsxs("div", { ref: observeLabel(LABEL_ID), className: styles.label, "data-qa": "chat-marker-label", children: [jsx("span", { className: classnames({ [styles.labelIncoming]: outgoing !== null }), "data-qa": "chat-marker-label-text", children: renderText(label) }, label), outgoing !== null && (jsx("span", { className: classnames(styles.labelOutgoing, {
-                            [styles.labelOutgoingCentered]: divider,
-                        }), style: { width: outgoing.width }, "data-qa": "chat-marker-label-outgoing", onAnimationEnd: () => setTransition({ label, outgoing: null }), "aria-hidden": true, children: renderText(outgoing.text) }, outgoing.text))] }), line] }));
-});
-ChatMarker.displayName = 'ChatMarker';
+    const renderText = (value) => /* @__PURE__ */ jsx(Text, { typography: "label-3-regular", style: mode, children: value });
+    const line = divider && /* @__PURE__ */ jsx("div", { className: styles.line, "data-qa": "chat-marker-divider", "aria-hidden": true, children: /* @__PURE__ */ jsx(Divider, {}) });
+    return /* @__PURE__ */ jsxs("div", { ...props, className: classnames(className, styles.chatMarker), "data-qa": dataQa, ref, children: [
+      line,
+      icon && /* @__PURE__ */ jsx(IconDefaultPropsContext, { props: { initialColor: mode }, children: /* @__PURE__ */ jsx(LoaderDefaultPropsContext, { props: { size: 16, color: mode }, children: /* @__PURE__ */ jsx("span", { className: styles.icon, "data-qa": "chat-marker-icon", "aria-hidden": true, children: icon }) }) }),
+      /* @__PURE__ */ jsxs("div", { ref: observeLabel(LABEL_ID), className: styles.label, "data-qa": "chat-marker-label", children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: classnames({ [styles.labelIncoming]: outgoing !== null }),
+            "data-qa": "chat-marker-label-text",
+            children: renderText(label)
+          },
+          label
+        ),
+        outgoing !== null && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: classnames(styles.labelOutgoing, {
+              [styles.labelOutgoingCentered]: divider
+            }),
+            style: { width: outgoing.width },
+            "data-qa": "chat-marker-label-outgoing",
+            onAnimationEnd: () => setTransition({ label, outgoing: null }),
+            "aria-hidden": true,
+            children: renderText(outgoing.text)
+          },
+          outgoing.text
+        )
+      ] }),
+      line
+    ] });
+  }
+);
+ChatMarker.displayName = "ChatMarker";
 
 export { ChatMarker };
 //# sourceMappingURL=ChatMarker.js.map

package/ChatMarker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMarker.js","sources":["src/ChatMarker.tsx"],"sourcesContent":["import { forwardRef, useRef, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { useResizeObserver } from '@hh.ru/magritte-common-resize';\nimport { ChatMarkerProps } from '@hh.ru/magritte-ui-chat-marker/types';\nimport { Divider } from '@hh.ru/magritte-ui-divider';\nimport { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';\nimport { LoaderDefaultPropsContext } from '@hh.ru/magritte-ui-loader';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './chat-marker.less';\n\nconst LABEL_ID = 'label';\n\nexport const ChatMarker = forwardRef<HTMLDivElement, ChatMarkerProps>(\n    (\n        { className, 'data-qa': dataQa = 'chat-marker', divider = false, icon, label, mode = 'secondary', ...props },\n        ref\n    ) => {\n        const labelWidth = useRef(0);\n        const [transition, setTransition] = useState<{\n            label: string;\n            outgoing: { text: string; width: number } | null;\n        }>({ label, outgoing: null });\n\n        const observeLabel = useResizeObserver((elements) => {\n            labelWidth.current = elements.get(LABEL_ID)?.getBoundingClientRect().width ?? 0;\n        });\n\n        if (transition.label !== label) {\n            const width = Math.ceil(labelWidth.current);\n            setTransition({ label, outgoing: width > 0 ? { text: transition.label, width } : null });\n        }\n\n        const { outgoing } = transition;\n\n        const renderText = (value: string) => (\n            <Text typography=\"label-3-regular\" style={mode}>\n                {value}\n            </Text>\n        );\n\n        const line = divider && (\n            <div className={styles.line} data-qa=\"chat-marker-divider\" aria-hidden>\n                <Divider />\n            </div>\n        );\n\n        return (\n            <div {...props} className={classnames(className, styles.chatMarker)} data-qa={dataQa} ref={ref}>\n                {line}\n                {icon && (\n                    <IconDefaultPropsContext props={{ initialColor: mode }}>\n                        <LoaderDefaultPropsContext props={{ size: 16, color: mode }}>\n                            <span className={styles.icon} data-qa=\"chat-marker-icon\" aria-hidden>\n                                {icon}\n                            </span>\n                        </LoaderDefaultPropsContext>\n                    </IconDefaultPropsContext>\n                )}\n                <div ref={observeLabel(LABEL_ID)} className={styles.label} data-qa=\"chat-marker-label\">\n                    <span\n                        key={label}\n                        className={classnames({ [styles.labelIncoming]: outgoing !== null })}\n                        data-qa=\"chat-marker-label-text\"\n                    >\n                        {renderText(label)}\n                    </span>\n                    {outgoing !== null && (\n                        <span\n                            key={outgoing.text}\n                            className={classnames(styles.labelOutgoing, {\n                                [styles.labelOutgoingCentered]: divider,\n                            })}\n                            style={{ width: outgoing.width }}\n                            data-qa=\"chat-marker-label-outgoing\"\n                            onAnimationEnd={() => setTransition({ label, outgoing: null })}\n                            aria-hidden\n                        >\n                            {renderText(outgoing.text)}\n                        </span>\n                    )}\n                </div>\n                {line}\n            </div>\n        );\n    }\n);\n\nChatMarker.displayName = 'ChatMarker';\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"ChatMarker.js","sources":["src/ChatMarker.tsx"],"sourcesContent":["import { forwardRef, useRef, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { useResizeObserver } from '@hh.ru/magritte-common-resize';\nimport { ChatMarkerProps } from '@hh.ru/magritte-ui-chat-marker/types';\nimport { Divider } from '@hh.ru/magritte-ui-divider';\nimport { IconDefaultPropsContext } from '@hh.ru/magritte-ui-icon';\nimport { LoaderDefaultPropsContext } from '@hh.ru/magritte-ui-loader';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './chat-marker.less';\n\nconst LABEL_ID = 'label';\n\nexport const ChatMarker = forwardRef<HTMLDivElement, ChatMarkerProps>(\n    (\n        { className, 'data-qa': dataQa = 'chat-marker', divider = false, icon, label, mode = 'secondary', ...props },\n        ref\n    ) => {\n        const labelWidth = useRef(0);\n        const [transition, setTransition] = useState<{\n            label: string;\n            outgoing: { text: string; width: number } | null;\n        }>({ label, outgoing: null });\n\n        const observeLabel = useResizeObserver((elements) => {\n            labelWidth.current = elements.get(LABEL_ID)?.getBoundingClientRect().width ?? 0;\n        });\n\n        if (transition.label !== label) {\n            const width = Math.ceil(labelWidth.current);\n            setTransition({ label, outgoing: width > 0 ? { text: transition.label, width } : null });\n        }\n\n        const { outgoing } = transition;\n\n        const renderText = (value: string) => (\n            <Text typography=\"label-3-regular\" style={mode}>\n                {value}\n            </Text>\n        );\n\n        const line = divider && (\n            <div className={styles.line} data-qa=\"chat-marker-divider\" aria-hidden>\n                <Divider />\n            </div>\n        );\n\n        return (\n            <div {...props} className={classnames(className, styles.chatMarker)} data-qa={dataQa} ref={ref}>\n                {line}\n                {icon && (\n                    <IconDefaultPropsContext props={{ initialColor: mode }}>\n                        <LoaderDefaultPropsContext props={{ size: 16, color: mode }}>\n                            <span className={styles.icon} data-qa=\"chat-marker-icon\" aria-hidden>\n                                {icon}\n                            </span>\n                        </LoaderDefaultPropsContext>\n                    </IconDefaultPropsContext>\n                )}\n                <div ref={observeLabel(LABEL_ID)} className={styles.label} data-qa=\"chat-marker-label\">\n                    <span\n                        key={label}\n                        className={classnames({ [styles.labelIncoming]: outgoing !== null })}\n                        data-qa=\"chat-marker-label-text\"\n                    >\n                        {renderText(label)}\n                    </span>\n                    {outgoing !== null && (\n                        <span\n                            key={outgoing.text}\n                            className={classnames(styles.labelOutgoing, {\n                                [styles.labelOutgoingCentered]: divider,\n                            })}\n                            style={{ width: outgoing.width }}\n                            data-qa=\"chat-marker-label-outgoing\"\n                            onAnimationEnd={() => setTransition({ label, outgoing: null })}\n                            aria-hidden\n                        >\n                            {renderText(outgoing.text)}\n                        </span>\n                    )}\n                </div>\n                {line}\n            </div>\n        );\n    }\n);\n\nChatMarker.displayName = 'ChatMarker';\n"],"names":[],"mappings":"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"}

package/index.css

@@ -1,55 +1,55 @@
 :root{
-  --magritte-semantic-animation-time-s-duration-v25-1-1:200ms;
-  --magritte-semantic-animation-ease-base-timing-function-v25-1-1:cubic-bezier(0.4, 0.24, 0, 1);
+  --magritte-semantic-animation-time-s-duration-v26-0-1:200ms;
+  --magritte-semantic-animation-ease-base-timing-function-v26-0-1:cubic-bezier(0.4, 0.24, 0, 1);
 }
-.magritte-chat-marker___ya9dO_1-0-5{
+.magritte-chat-marker___ya9dO_1-0-7{
   --label-animation-duration:0ms;
   display:flex;
   align-items:flex-start;
   gap:12px;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-chat-marker___ya9dO_1-0-5{
-    --label-animation-duration:var(--magritte-semantic-animation-time-s-duration-v25-1-1);
+  .magritte-chat-marker___ya9dO_1-0-7{
+    --label-animation-duration:var(--magritte-semantic-animation-time-s-duration-v26-0-1);
   }
 }
-.magritte-line___0zxh4_1-0-5,
-.magritte-icon___RUogw_1-0-5{
+.magritte-line___0zxh4_1-0-7,
+.magritte-icon___RUogw_1-0-7{
   display:flex;
   align-items:center;
   height:20px;
 }
-.magritte-line___0zxh4_1-0-5{
+.magritte-line___0zxh4_1-0-7{
   flex:1 1 0;
 }
-.magritte-icon___RUogw_1-0-5{
+.magritte-icon___RUogw_1-0-7{
   flex-shrink:0;
 }
-.magritte-label___RKh8J_1-0-5{
+.magritte-label___RKh8J_1-0-7{
   position:relative;
   flex:0 1 auto;
   min-width:0;
 }
-.magritte-label-outgoing___gqTn0_1-0-5{
+.magritte-label-outgoing___gqTn0_1-0-7{
   position:absolute;
   top:0;
   left:0;
-  animation-name:magritte-fade-out___Mog0k_1-0-5;
+  animation-name:magritte-fade-out___Mog0k_1-0-7;
 }
-.magritte-label-outgoing-centered___GikqE_1-0-5{
+.magritte-label-outgoing-centered___GikqE_1-0-7{
   left:50%;
   transform:translateX(-50%);
 }
-.magritte-label-incoming___cq-7a_1-0-5,
-.magritte-label-outgoing___gqTn0_1-0-5{
+.magritte-label-incoming___cq-7a_1-0-7,
+.magritte-label-outgoing___gqTn0_1-0-7{
   animation-duration:var(--label-animation-duration);
-  animation-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v25-1-1);
+  animation-timing-function:var(--magritte-semantic-animation-ease-base-timing-function-v26-0-1);
   animation-fill-mode:forwards;
 }
-.magritte-label-incoming___cq-7a_1-0-5{
-  animation-name:magritte-fade-in___gDnCc_1-0-5;
+.magritte-label-incoming___cq-7a_1-0-7{
+  animation-name:magritte-fade-in___gDnCc_1-0-7;
 }
-@keyframes magritte-fade-in___gDnCc_1-0-5{
+@keyframes magritte-fade-in___gDnCc_1-0-7{
   from{
     opacity:0;
   }
@@ -57,7 +57,7 @@
     opacity:1;
   }
 }
-@keyframes magritte-fade-out___Mog0k_1-0-5{
+@keyframes magritte-fade-out___Mog0k_1-0-7{
   from{
     opacity:1;
   }

package/index.d.ts

@@ -1,2 +1,2 @@
-export * from '@hh.ru/magritte-ui-chat-marker/ChatMarker';
-export { type ChatMarkerMode, type ChatMarkerProps } from '@hh.ru/magritte-ui-chat-marker/types';
+export * from './ChatMarker';
+export { type ChatMarkerMode, type ChatMarkerProps } from './types';

package/index.mock.d.ts

@@ -1,3 +1,3 @@
 import { ForwardRefExoticComponent } from 'react';
-export { type ChatMarkerMode, type ChatMarkerProps } from '@hh.ru/magritte-ui-chat-marker/types';
+export { type ChatMarkerMode, type ChatMarkerProps } from './types';
 export declare const ChatMarker: ForwardRefExoticComponent<Record<string, unknown>>;

package/index.mock.js

@@ -1,7 +1,7 @@
 import './index.css';
 import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
 
-const ChatMarker = mockComponent('ChatMarker');
+const ChatMarker = mockComponent("ChatMarker");
 
 export { ChatMarker };
 //# sourceMappingURL=index.mock.js.map

package/index.mock.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport { type ChatMarkerMode, type ChatMarkerProps } from '@hh.ru/magritte-ui-chat-marker/types';\n\nexport const ChatMarker: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('ChatMarker');\n"],"names":[],"mappings":";;MAMa,UAAU,GAAuD,aAAa,CAAC,YAAY;;;;"}
+{"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport { type ChatMarkerMode, type ChatMarkerProps } from '@hh.ru/magritte-ui-chat-marker/types';\n\nexport const ChatMarker: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('ChatMarker');\n"],"names":[],"mappings":";;AAMa,MAAA,UAAA,GAAiE,cAAc,YAAY;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-chat-marker",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -23,16 +23,16 @@
   },
   "dependencies": {
     "@hh.ru/magritte-common-resize": "0.2.3",
-    "@hh.ru/magritte-design-tokens": "25.1.1",
-    "@hh.ru/magritte-ui-divider": "3.2.10",
-    "@hh.ru/magritte-ui-icon": "15.1.3",
-    "@hh.ru/magritte-ui-loader": "4.1.4",
+    "@hh.ru/magritte-design-tokens": "26.0.1",
+    "@hh.ru/magritte-ui-divider": "3.2.12",
+    "@hh.ru/magritte-ui-icon": "15.1.5",
+    "@hh.ru/magritte-ui-loader": "4.1.6",
     "@hh.ru/magritte-ui-mock-component": "1.1.8",
-    "@hh.ru/magritte-ui-typography": "5.3.14"
+    "@hh.ru/magritte-ui-typography": "5.3.16"
   },
   "peerDependencies": {
     "classnames": ">=2.3.2",
     "react": ">=18.2.0"
   },
-  "gitHead": "46d606980abbb523a41afba452c0a852ee902864"
+  "gitHead": "f6539d7a0e7cd42dd851458db1de04a748bbee03"
 }