@namuna-nur/ui-kit 1.10.5 → 1.10.7

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

@@ -0,0 +1,25 @@
+import { StoryObj } from '@storybook/react';
+import { VideoMessage } from '..';
+export type VideoMessageStatus = 'delivered' | 'read';
+export type VideoMessageProps = {
+    src: string;
+    poster?: string;
+    alt?: string;
+    duration: string;
+    timestamp?: Date | string;
+    status?: VideoMessageStatus;
+    isMine?: boolean;
+    onClick?: () => void;
+    onToggleMute?: () => void;
+    classNames?: {
+        root?: string;
+        video?: string;
+        topBar?: string;
+        duration?: string;
+        muteButton?: string;
+        footer?: string;
+        timestamp?: string;
+        status?: string;
+    };
+};
+export type VideoMessageStory = StoryObj<typeof VideoMessage>;

package/lib/src/molecules/VideoMessage/index.d.ts

@@ -0,0 +1,3 @@
+export { VideoMessage } from './VideoMessage';
+export * from './VideoMessage.tokens';
+export type * from './VideoMessage.types';

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

@@ -58,3 +58,9 @@ export * from './CardRingChart';
 export * from './CardProgress';
 export * from './ProgressItem';
 export * from './Combobox';
+export * from './FileCard';
+export * from './Message';
+export * from './DocumentMessage';
+export * from './ImageMessage';
+export * from './VideoMessage';
+export * from './AudioMessage';

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.5",
+  "version": "1.10.7",
   "description": "UI Kit for Namuna NUR",
   "type": "module",
   "main": "lib/index.js",