@cagatayfdn/flora-components 0.0.87 → 0.0.89

package/dist/components/Drawer/Provider.js

@@ -1,10 +1,24 @@
-import { j as p } from "../../jsx-runtime-BcAkpsdy.js";
-import { createContext as i, useState as u, useContext as x } from "react";
-const r = i({ isOpen: !1 }), D = ({ children: t }) => {
-  const [s, e] = u(!1), o = () => e(!0), n = () => e(!1), a = () => e((c) => !c);
-  return /* @__PURE__ */ p.jsx(r.Provider, { value: { isOpen: s, openDrawer: o, closeDrawer: n, toggleDrawer: a }, children: t });
-}, f = () => x(r);
+import { j as a } from "../../jsx-runtime-BcAkpsdy.js";
+import { createContext as c, useReducer as i, useContext as d } from "react";
+const w = {}, D = (e, r) => {
+  switch (r.type) {
+    case "OPEN_DRAWER":
+      return { ...e, [r.id]: !0 };
+    case "CLOSE_DRAWER":
+      return { ...e, [r.id]: !1 };
+    default:
+      return e;
+  }
+}, s = c(void 0), p = ({ children: e }) => {
+  const [r, o] = i(D, w), n = (t) => o({ type: "OPEN_DRAWER", id: t }), u = (t) => o({ type: "CLOSE_DRAWER", id: t });
+  return /* @__PURE__ */ a.jsx(s.Provider, { value: { state: r, openDrawer: n, closeDrawer: u }, children: e });
+}, x = () => {
+  const e = d(s);
+  if (!e)
+    throw new Error("useDrawer must be used within a DrawerProvider");
+  return e;
+};
 export {
-  D as DrawerProvider,
-  f as useDrawer
+  p as DrawerProvider,
+  x as useDrawer
 };

package/dist/components/Drawer/index.js

@@ -1,20 +1,20 @@
 import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
-import { c as o } from "../../index-BHf7G3IG.js";
+import { c as n } from "../../index-BHf7G3IG.js";
 import { useDrawer as i } from "./Provider.js";
-import n from "../Icon/index.js";
-import '../../index.css';const c = "_drawer_1bno3_1", l = "_header_1bno3_10", m = "_body_1bno3_32", r = {
-  drawer: c,
-  header: l,
-  body: m
+import c from "../Icon/index.js";
+import '../../index.css';const l = "_drawer_1bno3_1", m = "_header_1bno3_10", h = "_body_1bno3_32", s = {
+  drawer: l,
+  header: m,
+  body: h
 };
-function j({ children: s, title: a }) {
-  const { isOpen: t, closeDrawer: d } = i();
-  return t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+function p({ id: r, children: d, title: t }) {
+  const { state: o, closeDrawer: a } = i();
+  return o[r] || !1 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       "div",
       {
         "data-testid": "drawer-overlay",
-        onClick: d,
+        onClick: () => a(r),
         style: {
           position: "fixed",
           top: 0,
@@ -26,15 +26,15 @@ function j({ children: s, title: a }) {
         }
       }
     ),
-    /* @__PURE__ */ e.jsxs("div", { "data-testid": "drawer", className: o(r.drawer), children: [
-      /* @__PURE__ */ e.jsxs("div", { "data-testid": "drawer-header", className: r.header, children: [
-        /* @__PURE__ */ e.jsx("div", { children: a }),
-        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(n, { onClick: d, name: "close" }) })
+    /* @__PURE__ */ e.jsxs("div", { "data-testid": "drawer", className: n(s.drawer), children: [
+      /* @__PURE__ */ e.jsxs("div", { "data-testid": "drawer-header", className: s.header, children: [
+        /* @__PURE__ */ e.jsx("div", { children: t }),
+        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(c, { onClick: () => a(r), name: "close" }) })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { "data-testid": "drawer-body", className: r.body, children: s })
+      /* @__PURE__ */ e.jsx("div", { "data-testid": "drawer-body", className: s.body, children: d })
     ] })
   ] }) : null;
 }
 export {
-  j as default
+  p as default
 };

package/dist/components/ErrorLogModal/ErrorLogModal.js

@@ -15,6 +15,7 @@ import "../Checkbox/Checkbox.js";
 import "../Confirm/Confirm.js";
 import "../Datepicker/Datepicker.js";
 import t from "../Divider/Divider.js";
+import "../Drawer/Provider.js";
 import "../FileUpload/FileUpload.js";
 import j from "../Modal/Modal.js";
 import l from "../Grid/Column.js";
@@ -57,7 +58,7 @@ import '../../ErrorLogModal.css';const M = "_realTimeLogModalStyle_2pv2e_1", g =
       ] }, r == null ? void 0 : r.id)) : /* @__PURE__ */ o.jsx(h, { i18nKey: "text.not_found", values: { dataname: "Log" } }) })
     }
   );
-}, X = c.create(v);
+}, Y = c.create(v);
 export {
-  X as default
+  Y as default
 };

package/dist/components/index.js

@@ -8,56 +8,57 @@ import { default as C } from "./AuthUserCan/Permission.js";
 import { default as T } from "./Autocomplete/Autocomplete.js";
 import { default as S } from "./Card/Card.js";
 import { default as P } from "./Charts/index.js";
-import { default as b } from "./Checkbox/Checkbox.js";
+import { default as w } from "./Checkbox/Checkbox.js";
 import { default as A } from "./Config/Config.js";
-import { default as v } from "./Confirm/Confirm.js";
+import { default as N } from "./Confirm/Confirm.js";
 import { default as F } from "./ContentHeader/ContentHeader.js";
 import { default as R } from "./ContentLoader/ContentLoader.js";
 import { default as y } from "./Countdown/Countdown.js";
 import { default as U } from "./Datepicker/Datepicker.js";
 import { default as E } from "./Divider/Divider.js";
-import { default as W } from "./Dropdown/DropdownList.js";
-import { default as q } from "./FileUpload/FileUpload.js";
-import { default as G } from "./FileUpload/ImagePreview.js";
-import { default as K } from "./FileUpload/LengthCard.js";
-import { default as Q } from "./FileUpload/PreviewModal.js";
-import { default as Y } from "./Grid/Column.js";
-import { default as _ } from "./Grid/Row.js";
-import { default as oo } from "./Heading/Heading.js";
-import { default as ro } from "./Icon/index.js";
-import { default as ao } from "./InfiniteScroll/InfiniteScroll.js";
-import { default as lo } from "./InfoBoxList/InfoBoxList.js";
-import { createConnectedService as mo } from "./InfoBoxList/helper.js";
-import { default as so } from "./InfoDate/InfoDate.js";
-import { InfoText as io } from "./InfoText/InfoText.js";
-import { default as co } from "./Input/Input.js";
-import { default as go } from "./Label/Label.js";
-import { default as Io } from "./Loading/Loading.js";
-import { default as Lo } from "./Modal/Modal.js";
-import { default as ho } from "./NavigatorCard/index.js";
-import { default as wo } from "./NoResult/NoResult.js";
-import { Notification as No } from "./Notification/Notification.js";
-import { default as Do } from "./PageWrapper/PageWrap.js";
-import { default as Mo } from "./Pager/Pager.js";
-import { default as ko } from "./Panel/Panel.js";
-import { default as Bo } from "./PermaLink/PermaLink.js";
-import { default as Ho, RadioList as Eo } from "./Radio/Radio.js";
-import { default as Wo } from "./ResultError/ResultError.js";
-import { default as qo } from "./ScrollContainer/ScrollContainer.js";
-import { default as Go } from "./Select/NoData.js";
-import { S as Ko } from "../Select-DcLZCXNo.js";
-import { default as Qo } from "./Sidebar/index.js";
-import { M as Yo } from "../MenuItem-DAf7NU3h.js";
-import { default as _o } from "./StatusTypography/StatusTypography.js";
-import { default as oe } from "./Stepper/Stepper.js";
-import { default as re } from "./Switch/Switch.js";
-import { default as ae } from "./Tab/Tab.js";
-import { default as le } from "./Table/Table.js";
-import { T as pe } from "../TableHeader-Cjx9ZwYH.js";
-import { default as xe } from "./Textarea/Textarea.js";
-import { default as ue } from "./Tooltip/Tooltip.js";
-import { default as ne } from "./TypographyText/TypographyText.js";
-import { default as Ce } from "./ValidationError/ValidationError.js";
+import { default as W } from "./Drawer/index.js";
+import { default as q } from "./Dropdown/DropdownList.js";
+import { default as G } from "./FileUpload/FileUpload.js";
+import { default as K } from "./FileUpload/ImagePreview.js";
+import { default as Q } from "./FileUpload/LengthCard.js";
+import { default as Y } from "./FileUpload/PreviewModal.js";
+import { default as _ } from "./Grid/Column.js";
+import { default as oo } from "./Grid/Row.js";
+import { default as ro } from "./Heading/Heading.js";
+import { default as ao } from "./Icon/index.js";
+import { default as lo } from "./InfiniteScroll/InfiniteScroll.js";
+import { default as mo } from "./InfoBoxList/InfoBoxList.js";
+import { createConnectedService as so } from "./InfoBoxList/helper.js";
+import { default as io } from "./InfoDate/InfoDate.js";
+import { InfoText as co } from "./InfoText/InfoText.js";
+import { default as go } from "./Input/Input.js";
+import { default as Io } from "./Label/Label.js";
+import { default as Lo } from "./Loading/Loading.js";
+import { default as ho } from "./Modal/Modal.js";
+import { default as bo } from "./NavigatorCard/index.js";
+import { default as Do } from "./NoResult/NoResult.js";
+import { Notification as vo } from "./Notification/Notification.js";
+import { default as Mo } from "./PageWrapper/PageWrap.js";
+import { default as ko } from "./Pager/Pager.js";
+import { default as Bo } from "./Panel/Panel.js";
+import { default as Ho } from "./PermaLink/PermaLink.js";
+import { default as Vo, RadioList as Wo } from "./Radio/Radio.js";
+import { default as qo } from "./ResultError/ResultError.js";
+import { default as Go } from "./ScrollContainer/ScrollContainer.js";
+import { default as Ko } from "./Select/NoData.js";
+import { S as Qo } from "../Select-DcLZCXNo.js";
+import { default as Yo } from "./Sidebar/index.js";
+import { M as _o } from "../MenuItem-DAf7NU3h.js";
+import { default as oe } from "./StatusTypography/StatusTypography.js";
+import { default as re } from "./Stepper/Stepper.js";
+import { default as ae } from "./Switch/Switch.js";
+import { default as le } from "./Tab/Tab.js";
+import { default as pe } from "./Table/Table.js";
+import { T as xe } from "../TableHeader-Cjx9ZwYH.js";
+import { default as ue } from "./Textarea/Textarea.js";
+import { default as ne } from "./Tooltip/Tooltip.js";
+import { default as Ce } from "./TypographyText/TypographyText.js";
+import { default as Te } from "./ValidationError/ValidationError.js";
 export {
   m as Accordion,
   x as AccordionItem,
@@ -67,59 +68,60 @@ export {
   r as Button,
   S as Card,
   P as Chart,
-  b as Checkbox,
-  Y as Column,
+  w as Checkbox,
+  _ as Column,
   A as Config,
-  v as Confirm,
+  N as Confirm,
   F as ContentHeader,
   R as ContentLoader,
   y as Countdown,
   U as Datepicker,
   E as Divider,
-  W as DropdownList,
-  q as FileUpload,
-  G as FileUploadImagePreview,
-  K as FileUploadLengthCard,
-  Q as FileUploadPreviewModal,
-  oo as Heading,
-  ro as Icon,
-  ao as InfiniteScroll,
-  lo as InfoBoxList,
-  so as InfoDate,
-  io as InfoText,
-  co as Input,
-  go as Label,
-  Io as Loading,
-  Yo as MenuItem,
-  Lo as Modal,
-  ho as NavigatorCard,
+  W as Drawer,
+  q as DropdownList,
+  G as FileUpload,
+  K as FileUploadImagePreview,
+  Q as FileUploadLengthCard,
+  Y as FileUploadPreviewModal,
+  ro as Heading,
+  ao as Icon,
+  lo as InfiniteScroll,
+  mo as InfoBoxList,
+  io as InfoDate,
+  co as InfoText,
+  go as Input,
+  Io as Label,
+  Lo as Loading,
+  _o as MenuItem,
+  ho as Modal,
+  bo as NavigatorCard,
   a as NiceModal,
-  Go as NoData,
-  wo as NoResult,
-  No as Notification,
-  Do as PageWrapper,
-  Mo as Pager,
-  ko as Panel,
+  Ko as NoData,
+  Do as NoResult,
+  vo as Notification,
+  Mo as PageWrapper,
+  ko as Pager,
+  Bo as Panel,
   l as PermFallBack,
-  Bo as PermaLink,
+  Ho as PermaLink,
   C as Permission,
-  Ho as Radio,
-  Eo as RadioList,
-  Wo as ResultError,
-  _ as Row,
-  qo as ScrollContainer,
-  Ko as Select,
-  Qo as Sidebar,
-  _o as StatusTypography,
-  oe as Stepper,
-  re as Switch,
-  ae as Tab,
-  le as Table,
-  pe as TableHeader,
-  xe as Textarea,
-  ue as Tooltip,
-  ne as TypographyText,
-  Ce as ValidationError,
-  mo as createConnectedService,
+  Vo as Radio,
+  Wo as RadioList,
+  qo as ResultError,
+  oo as Row,
+  Go as ScrollContainer,
+  Qo as Select,
+  Yo as Sidebar,
+  oe as StatusTypography,
+  re as Stepper,
+  ae as Switch,
+  le as Tab,
+  pe as Table,
+  xe as TableHeader,
+  ue as Textarea,
+  ne as Tooltip,
+  Ce as TypographyText,
+  Te as ValidationError,
+  so as createConnectedService,
   d as getAuth
 };

package/dist/hooks/index.js

@@ -2,10 +2,12 @@ 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";
+import { useDrawer as p } from "../components/Drawer/Provider.js";
 export {
   o as AuthProvider,
   u as useAuth,
   t as useDisclosure,
+  p as useDrawer,
   l as useMediaQuery,
   f as useNiceModal
 };

package/dist/index.d.mts

@@ -438,6 +438,24 @@ export declare type DividerProps = {
     margin?: string;
 };
 
+export declare function Drawer({ id, children, title }: DrawerProps): JSX_2.Element | null;
+
+export declare type DrawerContextType = {
+    state: DrawerState;
+    openDrawer: (id: string) => void;
+    closeDrawer: (id: string) => void;
+};
+
+export declare type DrawerProps = {
+    id: string;
+    children: React.ReactNode;
+    title: string;
+};
+
+declare type DrawerState = {
+    [id: string]: boolean;
+};
+
 export declare type DropdownItemType = {
     text: string;
     to?: string;
@@ -1358,6 +1376,8 @@ export declare function useDisclosure(isOpenInit?: boolean): {
     onToggle: () => void;
 };
 
+export declare const useDrawer: () => DrawerContextType;
+
 export declare const useMediaQuery: ({ query, onMatch, onUnmatch }: MediaQueryProps) => boolean;
 
 declare type UseNiceModal = [() => void, () => void, string];

package/dist/index.d.ts

@@ -438,6 +438,24 @@ export declare type DividerProps = {
     margin?: string;
 };
 
+export declare function Drawer({ id, children, title }: DrawerProps): JSX_2.Element | null;
+
+export declare type DrawerContextType = {
+    state: DrawerState;
+    openDrawer: (id: string) => void;
+    closeDrawer: (id: string) => void;
+};
+
+export declare type DrawerProps = {
+    id: string;
+    children: React.ReactNode;
+    title: string;
+};
+
+declare type DrawerState = {
+    [id: string]: boolean;
+};
+
 export declare type DropdownItemType = {
     text: string;
     to?: string;
@@ -1358,6 +1376,8 @@ export declare function useDisclosure(isOpenInit?: boolean): {
     onToggle: () => void;
 };
 
+export declare const useDrawer: () => DrawerContextType;
+
 export declare const useMediaQuery: ({ query, onMatch, onUnmatch }: MediaQueryProps) => boolean;
 
 declare type UseNiceModal = [() => void, () => void, string];