@cagatayfdn/flora-components 0.0.77 → 0.0.79

package/dist/hooks/index.js

@@ -1,9 +1,11 @@
-import { AuthProvider as r, useAuth as u } from "./useAauth.js";
+import { AuthProvider as o, useAuth as u } from "./useAauth.js";
 import { default as t } from "./useDisclosure.js";
 import { default as f } from "./useNiceModal.js";
+import { default as l } from "./useMediaQuery.js";
 export {
-  r as AuthProvider,
+  o as AuthProvider,
   u as useAuth,
   t as useDisclosure,
+  l as useMediaQuery,
   f as useNiceModal
 };

package/dist/hooks/useMediaQuery.js

@@ -0,0 +1,21 @@
+import { useState as h, useEffect as m } from "react";
+const f = ({ query: s, onMatch: n, onUnmatch: c }) => {
+  const i = window.matchMedia(s), [r, d] = h(i.matches), t = (e) => {
+    e ? n && n() : c && c(), d(e);
+  };
+  return m(() => {
+    const e = window.matchMedia(s);
+    return t(e.matches), e.addEventListener && e.addEventListener(
+      "change",
+      (a) => t(a.matches)
+    ), () => {
+      e.removeEventListener && e.removeEventListener(
+        "change",
+        (a) => t(a.matches)
+      );
+    };
+  }, []), r;
+};
+export {
+  f as default
+};

package/dist/index.d.mts

@@ -782,6 +782,12 @@ export declare type LoadingProps = {
     layer?: boolean;
 };
 
+declare type MediaQueryProps = {
+    query: string;
+    onMatch?: () => void;
+    onUnmatch?: () => void;
+};
+
 export declare const MenuItem: ({ icon, title, to, visibleTooltip, }: MenuItemProps) => JSX.Element;
 
 export declare type MenuItemProps = {
@@ -1330,6 +1336,8 @@ export declare function useDisclosure(isOpenInit?: boolean): {
     onToggle: () => void;
 };
 
+export declare const useMediaQuery: ({ query, onMatch, onUnmatch }: MediaQueryProps) => boolean;
+
 declare type UseNiceModal = [() => void, () => void, string];
 
 export declare function useNiceModal(modalId?: string): UseNiceModal;

package/dist/index.d.ts

@@ -782,6 +782,12 @@ export declare type LoadingProps = {
     layer?: boolean;
 };
 
+declare type MediaQueryProps = {
+    query: string;
+    onMatch?: () => void;
+    onUnmatch?: () => void;
+};
+
 export declare const MenuItem: ({ icon, title, to, visibleTooltip, }: MenuItemProps) => JSX.Element;
 
 export declare type MenuItemProps = {
@@ -1330,6 +1336,8 @@ export declare function useDisclosure(isOpenInit?: boolean): {
     onToggle: () => void;
 };
 
+export declare const useMediaQuery: ({ query, onMatch, onUnmatch }: MediaQueryProps) => boolean;
+
 declare type UseNiceModal = [() => void, () => void, string];
 
 export declare function useNiceModal(modalId?: string): UseNiceModal;

package/dist/index.js

@@ -1,8 +1,8 @@
-import { AppAndServicesStatusApperenceType as r, AppearanceAlertCard as a, AppearanceButton as t, AppearanceDirection as f, AppearanceSpinner as p, AppearanceTag as l, DividerAppearance as d, FormFieldAppearance as m, ModalAppearanceType as u, NotificationAppearanceType as s, ThemeAppearance as x } from "./enums/appearance.js";
+import { AppAndServicesStatusApperenceType as r, AppearanceAlertCard as a, AppearanceButton as t, AppearanceDirection as f, AppearanceSpinner as p, AppearanceTag as l, DividerAppearance as d, FormFieldAppearance as u, ModalAppearanceType as m, NotificationAppearanceType as s, ThemeAppearance as x } from "./enums/appearance.js";
 import { ApplicationTypeSlug as i } from "./enums/applicationTypeSlug.js";
 import { isActiveColor as A } from "./enums/isActiveColor.js";
 import { Size as E } from "./enums/size.js";
-import { AppTypeEnum as C, CopyTextStatusEnum as R, PodStatusEnum as I, ReportStatus as M, StatusEnum as D, StatusType as S } from "./enums/status.js";
+import { AppTypeEnum as C, CopyTextStatusEnum as M, PodStatusEnum as R, ReportStatus as I, StatusEnum as D, StatusType as S } from "./enums/status.js";
 import { default as N } from "./components/Button/Button.js";
 import { N as F } from "./index-H7XbDVmH.js";
 import { PermFallBack as y, getAuth as P } from "./components/AuthUserCan/index.js";
@@ -12,22 +12,22 @@ import { default as H } from "./components/AlertCard/AlertCard.js";
 import { default as V } from "./components/AuthUserCan/Permission.js";
 import { default as j } from "./components/Autocomplete/Autocomplete.js";
 import { default as K } from "./components/Card/Card.js";
-import { default as q } from "./components/Charts/index.js";
-import { default as J } from "./components/Checkbox/Checkbox.js";
+import { default as Y } from "./components/Charts/index.js";
+import { default as G } from "./components/Checkbox/Checkbox.js";
 import { default as X } from "./components/Config/Config.js";
 import { default as $ } from "./components/Confirm/Confirm.js";
 import { default as oe } from "./components/ContentHeader/ContentHeader.js";
 import { default as ae } from "./components/ContentLoader/ContentLoader.js";
 import { default as fe } from "./components/Countdown/Countdown.js";
 import { default as le } from "./components/Datepicker/Datepicker.js";
-import { default as me } from "./components/Divider/Divider.js";
+import { default as ue } from "./components/Divider/Divider.js";
 import { default as se } from "./components/Dropdown/DropdownList.js";
 import { default as ne } from "./components/FileUpload/FileUpload.js";
 import { default as Te } from "./components/FileUpload/ImagePreview.js";
 import { default as ce } from "./components/FileUpload/LengthCard.js";
 import { default as _e } from "./components/FileUpload/PreviewModal.js";
-import { default as Re } from "./components/Grid/Column.js";
-import { default as Me } from "./components/Grid/Row.js";
+import { default as Me } from "./components/Grid/Column.js";
+import { default as Ie } from "./components/Grid/Row.js";
 import { default as Se } from "./components/Heading/Heading.js";
 import { default as Ne } from "./components/Icon/index.js";
 import { default as Fe } from "./components/InfiniteScroll/InfiniteScroll.js";
@@ -39,21 +39,21 @@ import { default as He } from "./components/Input/Input.js";
 import { default as Ve } from "./components/Label/Label.js";
 import { default as je } from "./components/Loading/Loading.js";
 import { default as Ke } from "./components/Modal/Modal.js";
-import { default as qe } from "./components/NavigatorCard/index.js";
-import { default as Je } from "./components/NoResult/NoResult.js";
+import { default as Ye } from "./components/NavigatorCard/index.js";
+import { default as Ge } from "./components/NoResult/NoResult.js";
 import { Notification as Xe } from "./components/Notification/Notification.js";
 import { default as $e } from "./components/PageWrapper/PageWrap.js";
 import { default as oo } from "./components/Pager/Pager.js";
 import { default as ao } from "./components/Panel/Panel.js";
 import { default as fo } from "./components/PermaLink/PermaLink.js";
-import { default as lo, RadioList as mo } from "./components/Radio/Radio.js";
+import { default as lo, RadioList as uo } from "./components/Radio/Radio.js";
 import { default as so } from "./components/ResultError/ResultError.js";
 import { default as no } from "./components/ScrollContainer/ScrollContainer.js";
 import { default as To } from "./components/Select/NoData.js";
 import { S as co } from "./Select-DcLZCXNo.js";
 import { default as _o } from "./components/Sidebar/index.js";
-import { M as Ro } from "./MenuItem-DAf7NU3h.js";
-import { default as Mo } from "./components/StatusTypography/StatusTypography.js";
+import { M as Mo } from "./MenuItem-DAf7NU3h.js";
+import { default as Io } from "./components/StatusTypography/StatusTypography.js";
 import { default as So } from "./components/Stepper/Stepper.js";
 import { default as No } from "./components/Switch/Switch.js";
 import { default as Fo } from "./components/Tab/Tab.js";
@@ -64,12 +64,13 @@ import { default as ko } from "./components/Tooltip/Tooltip.js";
 import { default as Ho } from "./components/TypographyText/TypographyText.js";
 import { default as Vo } from "./components/ValidationError/ValidationError.js";
 import { AuthProvider as jo, useAuth as zo } from "./hooks/useAauth.js";
-import { default as Yo } from "./hooks/useDisclosure.js";
-import { default as Go } from "./hooks/useNiceModal.js";
-import { default as Qo, t as Xo } from "./locales/i18n.js";
-import { CLIENT_DATE_AND_TIME_FORMAT as $o, CLIENT_DATE_AND_TIME_SHORT_FORMAT as er, CLIENT_DATE_COMPARE_FORMAT as or, CLIENT_DATE_FILTER_FORMAT as rr, CLIENT_DATE_SHORT_FORMAT as ar, CLIENT_TIME_FORMAT as tr, CLIENT_TIME_FORMAT_PICKER as fr, DateFormats as pr, MIN_DATE_TODAY as lr, MIN_DATE_TOMORROW as dr, SERVER_DATE_AND_TIME_FORMAT as mr, SERVER_DATE_FORMAT as ur, default as sr, friendlyDate as xr } from "./utils/date.js";
-import { changeLanguage as ir, getCurrentLanguage as Tr, getDatepickerLocale as Ar } from "./utils/language.js";
-import { default as Er } from "./prodivers.js";
+import { default as Qo } from "./hooks/useDisclosure.js";
+import { default as qo } from "./hooks/useNiceModal.js";
+import { default as Jo } from "./hooks/useMediaQuery.js";
+import { default as Zo, t as $o } from "./locales/i18n.js";
+import { CLIENT_DATE_AND_TIME_FORMAT as or, CLIENT_DATE_AND_TIME_SHORT_FORMAT as rr, CLIENT_DATE_COMPARE_FORMAT as ar, CLIENT_DATE_FILTER_FORMAT as tr, CLIENT_DATE_SHORT_FORMAT as fr, CLIENT_TIME_FORMAT as pr, CLIENT_TIME_FORMAT_PICKER as lr, DateFormats as dr, MIN_DATE_TODAY as ur, MIN_DATE_TOMORROW as mr, SERVER_DATE_AND_TIME_FORMAT as sr, SERVER_DATE_FORMAT as xr, default as nr, friendlyDate as ir } from "./utils/date.js";
+import { changeLanguage as Ar, getCurrentLanguage as cr, getDatepickerLocale as Er } from "./utils/language.js";
+import { default as Cr } from "./prodivers.js";
 export {
   v as Accordion,
   b as AccordionItem,
@@ -86,33 +87,33 @@ export {
   jo as AuthProvider,
   j as Autocomplete,
   N as Button,
-  $o as CLIENT_DATE_AND_TIME_FORMAT,
-  er as CLIENT_DATE_AND_TIME_SHORT_FORMAT,
-  or as CLIENT_DATE_COMPARE_FORMAT,
-  rr as CLIENT_DATE_FILTER_FORMAT,
-  ar as CLIENT_DATE_SHORT_FORMAT,
-  tr as CLIENT_TIME_FORMAT,
-  fr as CLIENT_TIME_FORMAT_PICKER,
+  or as CLIENT_DATE_AND_TIME_FORMAT,
+  rr as CLIENT_DATE_AND_TIME_SHORT_FORMAT,
+  ar as CLIENT_DATE_COMPARE_FORMAT,
+  tr as CLIENT_DATE_FILTER_FORMAT,
+  fr as CLIENT_DATE_SHORT_FORMAT,
+  pr as CLIENT_TIME_FORMAT,
+  lr as CLIENT_TIME_FORMAT_PICKER,
   K as Card,
-  q as Chart,
-  J as Checkbox,
-  Re as Column,
+  Y as Chart,
+  G as Checkbox,
+  Me as Column,
   X as Config,
   $ as Confirm,
   oe as ContentHeader,
   ae as ContentLoader,
-  R as CopyTextStatusEnum,
+  M as CopyTextStatusEnum,
   fe as Countdown,
-  pr as DateFormats,
+  dr as DateFormats,
   le as Datepicker,
-  me as Divider,
+  ue as Divider,
   d as DividerAppearance,
   se as DropdownList,
   ne as FileUpload,
   Te as FileUploadImagePreview,
   ce as FileUploadLengthCard,
   _e as FileUploadPreviewModal,
-  m as FormFieldAppearance,
+  u as FormFieldAppearance,
   Se as Heading,
   Ne as Icon,
   Fe as InfiniteScroll,
@@ -122,15 +123,15 @@ export {
   He as Input,
   Ve as Label,
   je as Loading,
-  lr as MIN_DATE_TODAY,
-  dr as MIN_DATE_TOMORROW,
-  Ro as MenuItem,
+  ur as MIN_DATE_TODAY,
+  mr as MIN_DATE_TOMORROW,
+  Mo as MenuItem,
   Ke as Modal,
-  u as ModalAppearanceType,
-  qe as NavigatorCard,
+  m as ModalAppearanceType,
+  Ye as NavigatorCard,
   F as NiceModal,
   To as NoData,
-  Je as NoResult,
+  Ge as NoResult,
   Xe as Notification,
   s as NotificationAppearanceType,
   $e as PageWrapper,
@@ -139,22 +140,22 @@ export {
   y as PermFallBack,
   fo as PermaLink,
   V as Permission,
-  I as PodStatusEnum,
-  Er as Provider,
+  R as PodStatusEnum,
+  Cr as Provider,
   lo as Radio,
-  mo as RadioList,
-  M as ReportStatus,
+  uo as RadioList,
+  I as ReportStatus,
   so as ResultError,
-  Me as Row,
-  mr as SERVER_DATE_AND_TIME_FORMAT,
-  ur as SERVER_DATE_FORMAT,
+  Ie as Row,
+  sr as SERVER_DATE_AND_TIME_FORMAT,
+  xr as SERVER_DATE_FORMAT,
   no as ScrollContainer,
   co as Select,
   _o as Sidebar,
   E as Size,
   D as StatusEnum,
   S as StatusType,
-  Mo as StatusTypography,
+  Io as StatusTypography,
   So as Stepper,
   No as Switch,
   Fo as Tab,
@@ -165,17 +166,18 @@ export {
   ko as Tooltip,
   Ho as TypographyText,
   Vo as ValidationError,
-  ir as changeLanguage,
+  Ar as changeLanguage,
   he as createConnectedService,
-  sr as dayjs,
-  xr as friendlyDate,
+  nr as dayjs,
+  ir as friendlyDate,
   P as getAuth,
-  Tr as getCurrentLanguage,
-  Ar as getDatepickerLocale,
-  Qo as i18n,
+  cr as getCurrentLanguage,
+  Er as getDatepickerLocale,
+  Zo as i18n,
   A as isActiveColor,
-  Xo as t,
+  $o as t,
   zo as useAuth,
-  Yo as useDisclosure,
-  Go as useNiceModal
+  Qo as useDisclosure,
+  Jo as useMediaQuery,
+  qo as useNiceModal
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cagatayfdn/flora-components",
-  "version": "0.0.77",
+  "version": "0.0.79",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -55,7 +55,6 @@
     "react-router-dom": "6.22.0",
     "react-toastify": "8.1.0",
     "react-tooltip": "4.2.21",
-    "react-use": "15.3.4",
     "vite-plugin-dts": "^3.7.3",
     "yup": "0.32.11"
   },