@namuna-nur/ui-kit 1.10.6 → 1.10.8

package/lib/src/atoms/ReplyMessage/ReplyMessage.data.d.ts

@@ -0,0 +1 @@
+export declare const MEDIA_LABELS: Record<string, string>;

package/lib/src/atoms/ReplyMessage/ReplyMessage.stories.d.ts

@@ -1,6 +1,5 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { ReplyMessage } from '..';
-type ReplyMessageStory = StoryObj<typeof ReplyMessage>;
+import { Meta } from '@storybook/react';
+import { ReplyMessageStory, ReplyMessage } from '..';
 declare const meta: Meta<typeof ReplyMessage>;
 export declare const Default: ReplyMessageStory;
 export declare const WithoutCloseButton: ReplyMessageStory;

package/lib/src/atoms/ReplyMessage/ReplyMessage.types.d.ts

@@ -1,3 +1,5 @@
+import { StoryObj } from '@storybook/react-vite';
+import { ReplyMessage } from '..';
 type MessageContentType = 'text' | 'image' | 'video' | 'audio' | 'file';
 export type ReplyMessageProps = {
     senderName: string;
@@ -19,4 +21,5 @@ export type ReplyMessageProps = {
         mediaIcon?: string;
     };
 };
+export type ReplyMessageStory = StoryObj<typeof ReplyMessage>;
 export {};

package/lib/src/atoms/ReplyMessage/ReplyMessage.utils.d.ts

@@ -0,0 +1 @@
+export declare const getSubtitleText: (contentType: string, fileName?: string, messageText?: string) => string | null;

package/lib/src/molecules/CardFiles/CardFiles.types.d.ts

@@ -3,7 +3,7 @@ import { CardFiles } from './CardFiles';
 export type CardFilesProps = {
     title: string;
     file?: File | null;
-    dateAndTime: Date | string;
+    dateTime: Date | string;
     className?: string;
     isDisabled: boolean;
     onDelete?: (e: React.MouseEvent<HTMLButtonElement>) => void;
@@ -27,7 +27,7 @@ export type CardFilesTokens = {
         basic: string;
         active: string;
     };
-    dateAndTime: string;
+    dateTime: Date | string;
     fileName: string;
     sizeFile: string;
     disabled: string;

package/lib/src/molecules/ChatMessage/ChatMessage.d.ts

@@ -1,2 +1,2 @@
 import { ChatMessageProps } from '..';
-export declare const ChatMessage: ({ currentUserId, senderId, senderName, messages, avatar, isGroupChat, selectedMessages, onSelectedMessage, visibleSelections, classNames, onMessageAction, }: ChatMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChatMessage: ({ currentUserId, senderId, senderName, messages, avatar, isGroupChat, selectedMessages, onSelectedMessage, visibleSelections, classNames, onMessageAction, mediaContent, }: ChatMessageProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/ChatMessage/ChatMessage.types.d.ts

@@ -20,6 +20,7 @@ export type ChatMessageProps = {
     selectedMessages?: string[];
     onSelectedMessage?: (id: string | undefined) => void;
     visibleSelections?: boolean;
+    mediaContent?: (message: MessageType, isMine: boolean) => React.ReactNode;
     classNames?: {
         root?: string;
         list?: string;

package/lib/src/molecules/DocumentMessage/DocumentMessage.d.ts

@@ -1,2 +1,2 @@
 import { DocumentMessageProps } from '..';
-export declare const DocumentMessage: ({ title, size, dateAndTime, timestamp, status, isMine, onClick, classNames, }: DocumentMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DocumentMessage: ({ title, size, dateTime, timestamp, status, isMine, onClick, classNames, }: DocumentMessageProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/DocumentMessage/DocumentMessage.data.d.ts

@@ -1,4 +1,4 @@
 import { DocumentMessageProps } from '..';
-export declare const DocumentMessageData: DocumentMessageProps;
-export declare const DocumentMessageDeliveredData: DocumentMessageProps;
-export declare const DocumentMessageReceivedData: DocumentMessageProps;
+export declare const DOCUMENT_MESSAGE_DATA: DocumentMessageProps;
+export declare const DOCUMENT_MESSAGE_DELIVERED_DATA: DocumentMessageProps;
+export declare const DOCUMENT_MESSAGE_RECEIVED_DATA: DocumentMessageProps;

package/lib/src/molecules/DocumentMessage/DocumentMessage.types.d.ts

@@ -4,7 +4,7 @@ export type DocumentMessageStatus = 'delivered' | 'read';
 export type DocumentMessageProps = {
     title: string;
     size: string;
-    dateAndTime: Date | string;
+    dateTime: Date | string;
     timestamp?: Date | string;
     status?: DocumentMessageStatus;
     isMine?: boolean;
@@ -15,7 +15,7 @@ export type DocumentMessageProps = {
         content?: string;
         title?: string;
         size?: string;
-        dateAndTime?: string;
+        dateTime?: string;
         footer?: string;
     };
 };

package/lib/src/molecules/FileCard/FileCard.d.ts

@@ -1,7 +1,7 @@
 export declare const FileCard: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
     name: string;
     size: number;
-    dateAndTime: Date;
+    dateTime: Date | string;
     isDownloaded?: boolean;
     classNames?: {
         wrapper?: string;

package/lib/src/molecules/FileCard/FileCard.types.d.ts

@@ -4,7 +4,7 @@ import { FileCard } from './FileCard';
 export type FileCardProps = HTMLAttributes<HTMLDivElement> & {
     name: string;
     size: number;
-    dateAndTime: Date;
+    dateTime: Date | string;
     isDownloaded?: boolean;
     classNames?: {
         wrapper?: string;

package/lib/src/molecules/Message/Message.types.d.ts

@@ -3,6 +3,14 @@ import { HTMLAttributes } from 'react';
 import { Message } from './Message';
 export type MessageStory = StoryObj<typeof Message>;
 export type MessageStatus = 'sent' | 'delivered' | 'read';
+export type MessageMedia = {
+    type: 'image' | 'video' | 'file';
+    url: string;
+    mxcUrl: string;
+    filename: string;
+    mimetype: string;
+    size: number;
+};
 export type MessageType = {
     id: string | undefined;
     text: string;
@@ -12,6 +20,7 @@ export type MessageType = {
         senderName: string;
         messageText: string;
     };
+    media?: MessageMedia;
 };
 export type MessageTokens = {
     base: string;

package/lib/src/molecules/PaymentCard/PaymentCard.d.ts

@@ -1,2 +1,2 @@
 import { PaymentCardProps } from '..';
-export declare const PaymentCard: ({ title, dateAndTime, onDelete, onDownload, onShow, firstStatus, lastStatus, firstStatusText, lastStatusText, price, classNames, }: PaymentCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PaymentCard: ({ title, dateTime, onDelete, onDownload, onShow, firstStatus, lastStatus, firstStatusText, lastStatusText, price, classNames, }: PaymentCardProps) => import("react/jsx-runtime").JSX.Element;

package/lib/src/molecules/PaymentCard/PaymentCard.types.d.ts

@@ -3,7 +3,7 @@ import { PaymentCard } from '..';
 export type PaymentCardStory = StoryObj<typeof PaymentCard>;
 export type PaymentCardProps = {
     title: string;
-    dateAndTime: Date | string;
+    dateTime: Date | string;
     onDelete?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     onDownload?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     onShow?: (e: React.MouseEvent<HTMLButtonElement>) => void;

package/lib/src/utils/date.d.ts

@@ -1,3 +1,5 @@
 export declare const DATE_FORMAT_DAY_MONTH_YEAR_DOT = "yyyy.MM.dd";
 export declare const DATE_FORMAT_DAY_MONTH_YEAR_DASH = "yyyy-MM-dd";
 export declare function formatDateToDayMonthYear(date: Date | string, formatDate: string): string;
+export declare function formatTime(date: Date | string): string;
+export declare function formatDate(date: Date | string): string;

package/lib/utils/index.js

@@ -1,22 +1,28 @@
 import { format as c } from "date-fns";
-import { clsx as l } from "clsx";
-import { extendTailwindMerge as p } from "tailwind-merge";
-import { typographyTokens as i, colorTokens as f } from "../tokens/index.js";
-import { PieChart as u, LineChart as d } from "echarts/charts";
-import { GridComponent as M, TitleComponent as T, TooltipComponent as h, LegendComponent as y } from "echarts/components";
-import * as x from "echarts/core";
-import { CanvasRenderer as N } from "echarts/renderers";
-const R = "yyyy.MM.dd", S = "yyyy-MM-dd";
-function w(t, o) {
+import { clsx as f } from "clsx";
+import { extendTailwindMerge as l } from "tailwind-merge";
+import { typographyTokens as m, colorTokens as p } from "../tokens/index.js";
+import { PieChart as u, LineChart as M } from "echarts/charts";
+import { GridComponent as T, TitleComponent as d, TooltipComponent as y, LegendComponent as _ } from "echarts/components";
+import * as N from "echarts/core";
+import { CanvasRenderer as h } from "echarts/renderers";
+const w = "yyyy.MM.dd", k = "yyyy-MM-dd", O = "kk:mm", D = "dd.MM.yyyy HH:mm:ss";
+function x(t, o) {
   return c(new Date(t), o);
 }
-const m = (t, { splitClassName: o } = { splitClassName: !0 }) => {
+function z(t) {
+  return t ? c(new Date(t), O) : "";
+}
+function B(t) {
+  return x(t, D);
+}
+const i = (t, { splitClassName: o } = { splitClassName: !0 }) => {
   const e = {};
   return Object.keys(t).forEach((r) => {
     const [n, s] = o ? r.split("-") : ["", r], a = `text-${o ? n : r}`;
     e[a] || (e[a] = []), e[a].push(s);
   }), e;
-}, C = (t) => {
+}, A = (t) => {
   const o = {};
   return Object.entries(t).forEach(([e, r]) => {
     const n = `text-${e}`;
@@ -24,42 +30,44 @@ const m = (t, { splitClassName: o } = { splitClassName: !0 }) => {
       (s) => !isNaN(Number(s))
     );
   }), o;
-}, _ = p({
+}, C = l({
   extend: {
     classGroups: {
       "font-size": [
-        m(i.textStyles.body),
-        m(i.textStyles.headings, {
+        i(m.textStyles.body),
+        i(m.textStyles.headings, {
           splitClassName: !1
         }),
-        m(i.textStyles.link, {
+        i(m.textStyles.link, {
           splitClassName: !1
         })
       ],
-      "text-color": [C(f)]
+      "text-color": [A(p)]
     }
   }
-}), z = (...t) => _(l(t)), B = (t) => new Intl.NumberFormat("ru-RU").format(Number(t)), G = (t) => {
+}), G = (...t) => C(f(t)), I = (t) => new Intl.NumberFormat("ru-RU").format(Number(t)), U = (t) => {
   const o = ["B", "KB", "MB", "GB"];
   if (t === 0) return "0 B";
   const e = Math.floor(Math.log(t) / Math.log(1024));
   return `${(t / Math.pow(1024, e)).toFixed(2)}${o[e]}`;
 };
-x.use([
-  N,
+N.use([
+  h,
   u,
-  d,
   M,
   T,
-  h,
-  y
+  d,
+  y,
+  _
 ]);
 export {
-  S as DATE_FORMAT_DAY_MONTH_YEAR_DASH,
-  R as DATE_FORMAT_DAY_MONTH_YEAR_DOT,
-  z as cn,
-  m as convertToGroupedFontSizes,
-  w as formatDateToDayMonthYear,
-  G as formatFileSize,
-  B as numberFormat
+  k as DATE_FORMAT_DAY_MONTH_YEAR_DASH,
+  w as DATE_FORMAT_DAY_MONTH_YEAR_DOT,
+  G as cn,
+  i as convertToGroupedFontSizes,
+  B as formatDate,
+  x as formatDateToDayMonthYear,
+  U as formatFileSize,
+  z as formatTime,
+  I as numberFormat
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@namuna-nur/ui-kit",
-  "version": "1.10.6",
+  "version": "1.10.8",
   "description": "UI Kit for Namuna NUR",
   "type": "module",
   "main": "lib/index.js",