@namuna-nur/ui-kit 1.9.17 → 1.9.19

package/lib/src/atoms/Avatar/Avatar.d.ts

@@ -1,2 +1,3 @@
 import { AvatarProps } from '..';
-export declare const Avatar: ({ imageSrc, alt, hasBadge, iconSize, isActive, isHasCamera, classNames, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+import * as React from 'react';
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -6,4 +6,5 @@ export declare const WithPhotoOnly: AvatarStory;
 export declare const WithBadgeOnly: AvatarStory;
 export declare const WithPhotoAndBadge: AvatarStory;
 export declare const ActivePhotoAndBadge: AvatarStory;
+export declare const AvatarImageUpload: AvatarStory;
 export default meta;

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

@@ -21,4 +21,5 @@ export type AvatarProps = {
     classNames?: AvatarClassNames;
     isActive?: boolean;
     isHasCamera?: boolean;
+    onAvatarChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };

package/lib/src/molecules/CommentList/CommentList.tokens.d.ts

@@ -6,6 +6,7 @@ export declare const commentItemTokens: {
         wrapperComment: string;
         wrapperReview: string;
         img: string;
+        fallbackIcon: string;
     };
     author: {
         fullNameBase: string;

package/lib/src/molecules/PhoneInput/PhoneInput.stories.d.ts

@@ -3,6 +3,7 @@ import { PhoneInput } from './PhoneInput';
 import { PhoneInputStory } from '..';
 declare const meta: Meta<typeof PhoneInput>;
 export declare const Default: PhoneInputStory;
+export declare const PhoneNumberUz: PhoneInputStory;
 export declare const Focus: PhoneInputStory;
 export declare const Filled: PhoneInputStory;
 export declare const Disabled: PhoneInputStory;

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

@@ -8,6 +8,7 @@ export type PhoneInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'onCha
     status?: PhoneInputStatusType;
     message?: string;
     label?: string;
+    countryCode?: 'UZ' | 'DEFAULT';
     onChange: (rawValue: string) => void;
     classNames?: {
         parent?: string;
@@ -19,6 +20,7 @@ export type PhoneInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'onCha
 export type PhoneInputTokens = {
     parent: string;
     base: string;
+    title: string;
     hover: string;
     focus: string;
     disabled: string;

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

@@ -1 +1,3 @@
-export declare function formatDateToDayMonthYear(date: Date | string): string;
+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;

package/lib/utils/index.js

@@ -3,28 +3,28 @@ 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 h, TitleComponent as M, TooltipComponent as x, LegendComponent as T } from "echarts/components";
-import * as C from "echarts/core";
+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 g = "dd.MM.yyyy";
-function S(t) {
-  return c(new Date(t), g);
+const R = "yyyy.MM.dd", S = "yyyy-MM-dd";
+function w(t, o) {
+  return c(new Date(t), o);
 }
-const m = (t, { splitClassName: e } = { splitClassName: !0 }) => {
-  const o = {};
-  return Object.keys(t).forEach((r) => {
-    const [n, s] = e ? r.split("-") : ["", r], a = `text-${e ? n : r}`;
-    o[a] || (o[a] = []), o[a].push(s);
-  }), o;
-}, y = (t) => {
+const m = (t, { splitClassName: o } = { splitClassName: !0 }) => {
   const e = {};
-  return Object.entries(t).forEach(([o, r]) => {
-    const n = `text-${o}`;
-    e[n] = Object.keys(r).filter(
+  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) => {
+  const o = {};
+  return Object.entries(t).forEach(([e, r]) => {
+    const n = `text-${e}`;
+    o[n] = Object.keys(r).filter(
       (s) => !isNaN(Number(s))
     );
-  }), e;
-}, b = p({
+  }), o;
+}, _ = p({
   extend: {
     classGroups: {
       "font-size": [
@@ -36,28 +36,30 @@ const m = (t, { splitClassName: e } = { splitClassName: !0 }) => {
           splitClassName: !1
         })
       ],
-      "text-color": [y(f)]
+      "text-color": [C(f)]
     }
   }
-}), A = (...t) => b(l(t)), E = (t) => new Intl.NumberFormat("ru-RU").format(Number(t)), R = (t) => {
-  const e = ["B", "KB", "MB", "GB"];
+}), z = (...t) => _(l(t)), B = (t) => new Intl.NumberFormat("ru-RU").format(Number(t)), G = (t) => {
+  const o = ["B", "KB", "MB", "GB"];
   if (t === 0) return "0 B";
-  const o = Math.floor(Math.log(t) / Math.log(1024));
-  return `${(t / Math.pow(1024, o)).toFixed(2)}${e[o]}`;
+  const e = Math.floor(Math.log(t) / Math.log(1024));
+  return `${(t / Math.pow(1024, e)).toFixed(2)}${o[e]}`;
 };
-C.use([
+x.use([
   N,
   u,
   d,
-  h,
   M,
-  x,
-  T
+  T,
+  h,
+  y
 ]);
 export {
-  A as cn,
+  S as DATE_FORMAT_DAY_MONTH_YEAR_DASH,
+  R as DATE_FORMAT_DAY_MONTH_YEAR_DOT,
+  z as cn,
   m as convertToGroupedFontSizes,
-  S as formatDateToDayMonthYear,
-  R as formatFileSize,
-  E as numberFormat
+  w as formatDateToDayMonthYear,
+  G as formatFileSize,
+  B as numberFormat
 };

package/package.json

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