@namuna-nur/ui-kit 1.9.18 → 1.9.21

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/MultiSelect/MultiSelect.types.d.ts

@@ -10,7 +10,7 @@ export type MultiSelectRef = {
 };
 export type MultiSelectOption = {
     label: string;
-    id: string | number;
+    value: string;
 };
 export type MultiSelectTokens = {
     trigger: string;
@@ -60,6 +60,6 @@ export type MultiSelectProps = {
     };
 };
 export declare const items: {
-    id: number;
+    value: string;
     label: string;
 }[];

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

@@ -2,18 +2,15 @@ import { FilterItemType } from '..';
 export declare const SearchInput: import('react').ForwardRefExoticComponent<import('react').InputHTMLAttributes<HTMLInputElement> & {
     value: string;
     isHasFilter?: boolean;
-    filterByStatus?: FilterItemType[];
     filterByModule?: FilterItemType[];
-    onFilterClick?: (updated: {
-        status: FilterItemType[];
-        module: FilterItemType[];
-    }) => void;
+    onFilterClick?: (selectedModule: FilterItemType) => void;
     debounceDelay?: number;
     onDebouncedSearch?: (value: string) => void;
     searchResults?: string[];
     onResultClick?: (result: string) => void;
     isSearchIcon?: boolean;
     isSearchResultDisabled?: boolean;
+    isLoading?: boolean;
     classNames?: {
         base?: string;
         input?: string;

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

@@ -0,0 +1,4 @@
+import { FilterItemType } from '..';
+export declare const FILTER_BY_STATUS: FilterItemType[];
+export declare const FILTER_BY_MODULE: FilterItemType[];
+export declare const OPTIONS_ITEMS: string[];

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

@@ -3,5 +3,6 @@ import { SearchInput, SearchInputStory } from '..';
 declare const meta: Meta<typeof SearchInput>;
 export declare const Default: SearchInputStory;
 export declare const Disabled: SearchInputStory;
+export declare const LoadingSearch: SearchInputStory;
 export declare const WithoutFilter: SearchInputStory;
 export default meta;

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

@@ -12,9 +12,7 @@ export declare const searchInputTokens: {
     };
     dropdown: {
         content: string;
-        wrapperByStatus: string;
-        wrapperByModule: string;
-        title: string;
+        wrapperModule: string;
         typeFilter: string;
     };
     popover: {
@@ -39,4 +37,9 @@ export declare const searchInputTokens: {
         wrapper: string;
         text: string;
     };
+    options: {
+        items: string;
+        itemsText: string;
+        active: string;
+    };
 };

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

@@ -5,18 +5,15 @@ export type SearchInputStory = StoryObj<typeof SearchInput>;
 export type SearchInputProps = InputHTMLAttributes<HTMLInputElement> & {
     value: string;
     isHasFilter?: boolean;
-    filterByStatus?: FilterItemType[];
     filterByModule?: FilterItemType[];
-    onFilterClick?: (updated: {
-        status: FilterItemType[];
-        module: FilterItemType[];
-    }) => void;
+    onFilterClick?: (selectedModule: FilterItemType) => void;
     debounceDelay?: number;
     onDebouncedSearch?: (value: string) => void;
     searchResults?: string[];
     onResultClick?: (result: string) => void;
     isSearchIcon?: boolean;
     isSearchResultDisabled?: boolean;
+    isLoading?: boolean;
     classNames?: {
         base?: string;
         input?: string;
@@ -27,13 +24,8 @@ export type SearchInputProps = InputHTMLAttributes<HTMLInputElement> & {
 export type FilterItemType = {
     id: string;
     label: string;
-    checked?: boolean;
 };
 export type FilterListProps = {
-    type: 'status' | 'module';
     title: string;
     items: FilterItemType[] | undefined;
 };
-export declare const FILTER_BY_STATUS: FilterItemType[];
-export declare const FILTER_BY_MODULE: FilterItemType[];
-export declare const OPTIONS_ITEMS: 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.18",
+  "version": "1.9.21",
   "description": "UI Kit for Namuna NUR",
   "type": "module",
   "main": "lib/index.js",