@namuna-nur/ui-kit 1.9.12 → 1.9.14

package/lib/hooks/index.js

@@ -1,6 +1,6 @@
-import { useEffect as u, useCallback as a, useState as d } from "react";
-const m = (e, t) => {
-  u(() => {
+import { useEffect as d, useCallback as m, useState as l } from "react";
+const p = (e, t) => {
+  d(() => {
     const n = (s) => {
       e.current && !e.current.contains(s.target) && t();
     }, c = (s) => {
@@ -10,12 +10,12 @@ const m = (e, t) => {
       document.removeEventListener("mousedown", n), document.removeEventListener("keydown", c);
     };
   }, [e, t]);
-}, b = (e) => a(
+}, L = (e) => m(
   (t) => e.find((n) => n.value === t),
   [e]
-), p = (e, t) => {
-  const [n, c] = d(e);
-  return u(() => {
+), U = (e, t) => {
+  const [n, c] = l(e);
+  return d(() => {
     const s = setTimeout(() => {
       c(e);
     }, t);
@@ -24,23 +24,26 @@ const m = (e, t) => {
     };
   }, [e, t]), n;
 };
-function L(e = []) {
-  const [t, n] = d(e);
-  return { files: t, handleUploadFiles: (s) => {
-    const o = s.target.files;
-    if (!o) return;
-    const i = Array.from(o).map(
-      (r) => Object.assign(r, {
-        dowloadUrl: URL.createObjectURL(r),
-        publicUrl: URL.createObjectURL(r)
+function f(e = []) {
+  const [t, n] = l(e);
+  return { files: t, handleUploadFiles: (r) => {
+    const u = r.target.files;
+    if (!u) return;
+    const a = Array.from(u).map(
+      (o, i) => Object.assign(o, {
+        downloadUrl: URL.createObjectURL(o),
+        publicUrl: URL.createObjectURL(o),
+        id: `${i}`
       })
     );
-    n((r) => [...r, ...i]);
+    n((o) => [...o, ...a]);
+  }, handleDelete: (r) => {
+    console.log(r);
   } };
 }
 export {
-  m as useClickOutside,
-  p as useDebounce,
-  L as useFiles,
-  b as useOption
+  p as useClickOutside,
+  U as useDebounce,
+  f as useFiles,
+  L as useOption
 };

package/lib/index.js

@@ -1,8 +1,8 @@
-import { Avatar as t, Button as n, Checkbox as s, Headline as a, IconButton as r, Input as T, Label as k, Message as i, Notification as c, Radio as l, Select as p, Skeleton as u, Spinner as d, Status as g, Switch as h, Tab as b, TabDots as C, Text as S, Textarea as m, Toggle as I, Tooltip as G, avatarIconTokens as P, buttonTokens as x, checkboxTokens as D, iconButtonTokens as f, inputTokens as v, labelTokens as L, messageTokens as B, radioTokens as M, selectTokens as w, skeletonTokens as y, spinnerTokens as F, statusTokens as R, switchTokens as A, tabDotsTokens as O, tabTokens as U, textareaTokens as N, toggleTokens as V, tooltipTokens as W } from "./atoms/index.js";
+import { Avatar as t, Button as n, Checkbox as s, Headline as a, IconButton as r, Input as T, Label as k, Message as i, Notification as c, Radio as l, Select as p, Skeleton as u, Spinner as d, Status as g, Switch as h, Tab as b, TabDots as C, Text as S, Textarea as m, Toggle as I, Tooltip as G, avatarIconTokens as P, buttonTokens as x, checkboxTokens as f, iconButtonTokens as D, inputTokens as v, labelTokens as L, messageTokens as B, radioTokens as M, selectTokens as F, skeletonTokens as w, spinnerTokens as y, statusTokens as R, switchTokens as A, tabDotsTokens as O, tabTokens as U, textareaTokens as z, toggleTokens as N, tooltipTokens as V } from "./atoms/index.js";
 import { useClickOutside as H, useDebounce as Y, useFiles as j, useOption as q } from "./hooks/index.js";
-import { Accordion as J, ApartmentCard as K, AvatarGroup as Q, Breadcrumb as X, CardFiles as Z, CardMonthly as _, CardPieChart as $, CardProgress as ee, CardRingChart as oe, CardServices as te, CardStat as ne, ChatButton as se, ChatCard as ae, ChatList as re, ChatMessage as Te, ChatSidebar as ke, CheckboxGroup as ie, CommentInput as ce, CommentList as le, DateOfBirth as pe, DatePicker as ue, DateRangePicker as de, DeleteMessage as ge, DragAndDrop as he, Dropdown as be, FileUploader as Ce, FilterTable as Se, FloorSelect as me, IconTitle as Ie, InputGroup as Ge, LabelWithValue as Pe, Languages as xe, Link as De, MessageSettings as fe, MultiSelect as ve, NavButton as Le, Pagination as Be, PaginationTokens as Me, PasswordInput as we, PaymentCard as ye, PhoneInput as Fe, Plate as Re, ProgressItem as Ae, RadioGroup as Oe, Rating as Ue, SearchInput as Ne, SelectGroup as Ve, SelectList as We, ServiceOrders as ze, Sidebar as He, StatusSelect as Ye, Stepper as je, TabGroup as qe, TabList as Ee, TabSwitch as Je, TabSwitchTokens as Ke, Table as Qe, TextareaGroup as Xe, ToggleGroup as Ze, UploadInput as _e, UserContact as $e, accordionTokens as eo, apartmentCardTokens as oo, avatarTokens as to, breadcrumnbTokens as no, cardFilesTokens as so, cardMonthlyTokens as ao, cardPieChartTokens as ro, cardProgressTokens as To, cardRingChartTokens as ko, cardServicesTokens as io, cardStatTokens as co, chatButtonTokens as lo, chatCardTokens as po, chatListTokens as uo, chatMessageTokens as go, chatSidebarTokens as ho, checkboxGroupTokens as bo, commentInputTokens as Co, commentItemTokens as So, dateOfBirthClasses as mo, datePickerTokens as Io, dateRangePickerTokens as Go, dayPickerClasses as Po, deleteMessageTokens as xo, dragAndDropTokens as Do, dropdownTokens as fo, fileUploaderTokens as vo, filterTableTokens as Lo, floorSelectTokens as Bo, iconTitleTokens as Mo, inputGroupTokens as wo, labelWithValueTokens as yo, languagesTokens as Fo, linkTokens as Ro, messageSettingsTokens as Ao, multiSelectTokens as Oo, navButtonTokens as Uo, passwordInputTokens as No, paymentCardTokens as Vo, phoneInputTokens as Wo, plateTokens as zo, progressItemsTokens as Ho, radioGroupTokens as Yo, ratingTokens as jo, searchInputTokens as qo, selectGroupTokens as Eo, selectListTokens as Jo, serviceOrdersTokens as Ko, sidebarTokens as Qo, statusSelectTokens as Xo, stepperTokens as Zo, tabGroupTokens as _o, tabListTokens as $o, tableTokens as et, textareaGroupTokens as ot, toggleGroupTokens as tt, uploadInputTokens as nt, userContactTokens as st } from "./molecules/index.js";
+import { Accordion as J, ApartmentCard as K, AvatarGroup as Q, Breadcrumb as X, CardFiles as Z, CardMonthly as _, CardPieChart as $, CardProgress as ee, CardRingChart as oe, CardServices as te, CardStat as ne, ChatButton as se, ChatCard as ae, ChatList as re, ChatMessage as Te, ChatSidebar as ke, CheckboxGroup as ie, CommentInput as ce, CommentList as le, DateOfBirth as pe, DatePicker as ue, DateRangePicker as de, DeleteMessage as ge, DragAndDrop as he, Dropdown as be, FileUploader as Ce, FilterTable as Se, FloorSelect as me, IconTitle as Ie, InputGroup as Ge, LabelWithValue as Pe, Languages as xe, Link as fe, MessageSettings as De, MultiSelect as ve, NavButton as Le, Pagination as Be, PaginationTokens as Me, PasswordInput as Fe, PaymentCard as we, PhoneInput as ye, Plate as Re, ProgressItem as Ae, RadioGroup as Oe, Rating as Ue, SearchInput as ze, SelectGroup as Ne, SelectList as Ve, ServiceOrders as We, Sidebar as He, StatusSelect as Ye, Stepper as je, TabGroup as qe, TabList as Ee, TabSwitch as Je, TabSwitchTokens as Ke, Table as Qe, TextareaGroup as Xe, ToggleGroup as Ze, UploadInput as _e, UserContact as $e, accordionTokens as eo, apartmentCardTokens as oo, avatarTokens as to, breadcrumnbTokens as no, cardFilesTokens as so, cardMonthlyTokens as ao, cardPieChartTokens as ro, cardProgressTokens as To, cardRingChartTokens as ko, cardServicesTokens as io, cardStatTokens as co, chatButtonTokens as lo, chatCardTokens as po, chatListTokens as uo, chatMessageTokens as go, chatSidebarTokens as ho, checkboxGroupTokens as bo, commentInputTokens as Co, commentItemTokens as So, dateOfBirthClasses as mo, datePickerTokens as Io, dateRangePickerTokens as Go, dayPickerClasses as Po, deleteMessageTokens as xo, dragAndDropTokens as fo, dropdownTokens as Do, fileUploaderTokens as vo, filterTableTokens as Lo, floorSelectTokens as Bo, iconTitleTokens as Mo, inputGroupTokens as Fo, labelWithValueTokens as wo, languagesTokens as yo, linkTokens as Ro, messageSettingsTokens as Ao, multiSelectTokens as Oo, navButtonTokens as Uo, passwordInputTokens as zo, paymentCardTokens as No, phoneInputTokens as Vo, plateTokens as Wo, progressItemsTokens as Ho, radioGroupTokens as Yo, ratingTokens as jo, searchInputTokens as qo, selectGroupTokens as Eo, selectListTokens as Jo, serviceOrdersTokens as Ko, sidebarTokens as Qo, statusSelectTokens as Xo, stepperTokens as Zo, tabGroupTokens as _o, tabListTokens as $o, tableTokens as et, textareaGroupTokens as ot, toggleGroupTokens as tt, uploadInputTokens as nt, userContactTokens as st } from "./molecules/index.js";
 import { colorTokens as rt, typographyTokens as Tt } from "./tokens/index.js";
-import { cn as it, convertToGroupedFontSizes as ct, formatDateToDayMonthYear as lt, numberFormat as pt } from "./utils/index.js";
+import { cn as it, convertToGroupedFontSizes as ct, formatDateToDayMonthYear as lt, formatFileSize as pt, numberFormat as ut } from "./utils/index.js";
 export {
   J as Accordion,
   K as ApartmentCard,
@@ -43,27 +43,27 @@ export {
   k as Label,
   Pe as LabelWithValue,
   xe as Languages,
-  De as Link,
+  fe as Link,
   i as Message,
-  fe as MessageSettings,
+  De as MessageSettings,
   ve as MultiSelect,
   Le as NavButton,
   c as Notification,
   Be as Pagination,
   Me as PaginationTokens,
-  we as PasswordInput,
-  ye as PaymentCard,
-  Fe as PhoneInput,
+  Fe as PasswordInput,
+  we as PaymentCard,
+  ye as PhoneInput,
   Re as Plate,
   Ae as ProgressItem,
   l as Radio,
   Oe as RadioGroup,
   Ue as Rating,
-  Ne as SearchInput,
+  ze as SearchInput,
   p as Select,
-  Ve as SelectGroup,
-  We as SelectList,
-  ze as ServiceOrders,
+  Ne as SelectGroup,
+  Ve as SelectList,
+  We as ServiceOrders,
   He as Sidebar,
   u as Skeleton,
   d as Spinner,
@@ -105,7 +105,7 @@ export {
   go as chatMessageTokens,
   ho as chatSidebarTokens,
   bo as checkboxGroupTokens,
-  D as checkboxTokens,
+  f as checkboxTokens,
   it as cn,
   rt as colorTokens,
   Co as commentInputTokens,
@@ -116,29 +116,30 @@ export {
   Go as dateRangePickerTokens,
   Po as dayPickerClasses,
   xo as deleteMessageTokens,
-  Do as dragAndDropTokens,
-  fo as dropdownTokens,
+  fo as dragAndDropTokens,
+  Do as dropdownTokens,
   vo as fileUploaderTokens,
   Lo as filterTableTokens,
   Bo as floorSelectTokens,
   lt as formatDateToDayMonthYear,
-  f as iconButtonTokens,
+  pt as formatFileSize,
+  D as iconButtonTokens,
   Mo as iconTitleTokens,
-  wo as inputGroupTokens,
+  Fo as inputGroupTokens,
   v as inputTokens,
   L as labelTokens,
-  yo as labelWithValueTokens,
-  Fo as languagesTokens,
+  wo as labelWithValueTokens,
+  yo as languagesTokens,
   Ro as linkTokens,
   Ao as messageSettingsTokens,
   B as messageTokens,
   Oo as multiSelectTokens,
   Uo as navButtonTokens,
-  pt as numberFormat,
-  No as passwordInputTokens,
-  Vo as paymentCardTokens,
-  Wo as phoneInputTokens,
-  zo as plateTokens,
+  ut as numberFormat,
+  zo as passwordInputTokens,
+  No as paymentCardTokens,
+  Vo as phoneInputTokens,
+  Wo as plateTokens,
   Ho as progressItemsTokens,
   Yo as radioGroupTokens,
   M as radioTokens,
@@ -146,11 +147,11 @@ export {
   qo as searchInputTokens,
   Eo as selectGroupTokens,
   Jo as selectListTokens,
-  w as selectTokens,
+  F as selectTokens,
   Ko as serviceOrdersTokens,
   Qo as sidebarTokens,
-  y as skeletonTokens,
-  F as spinnerTokens,
+  w as skeletonTokens,
+  y as spinnerTokens,
   Xo as statusSelectTokens,
   R as statusTokens,
   Zo as stepperTokens,
@@ -161,10 +162,10 @@ export {
   U as tabTokens,
   et as tableTokens,
   ot as textareaGroupTokens,
-  N as textareaTokens,
+  z as textareaTokens,
   tt as toggleGroupTokens,
-  V as toggleTokens,
-  W as tooltipTokens,
+  N as toggleTokens,
+  V as tooltipTokens,
   Tt as typographyTokens,
   nt as uploadInputTokens,
   H as useClickOutside,