@cagatayfdn/flora-components 0.0.88 → 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/index.d.mts

@@ -438,20 +438,24 @@ export declare type DividerProps = {
     margin?: string;
 };
 
-export declare function Drawer({ children, title }: DrawerProps): JSX_2.Element | null;
+export declare function Drawer({ id, children, title }: DrawerProps): JSX_2.Element | null;
 
 export declare type DrawerContextType = {
-    isOpen: boolean;
-    openDrawer: () => void;
-    closeDrawer: () => void;
-    toggleDrawer: () => void;
+    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;

package/dist/index.d.ts

@@ -438,20 +438,24 @@ export declare type DividerProps = {
     margin?: string;
 };
 
-export declare function Drawer({ children, title }: DrawerProps): JSX_2.Element | null;
+export declare function Drawer({ id, children, title }: DrawerProps): JSX_2.Element | null;
 
 export declare type DrawerContextType = {
-    isOpen: boolean;
-    openDrawer: () => void;
-    closeDrawer: () => void;
-    toggleDrawer: () => void;
+    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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cagatayfdn/flora-components",
-  "version": "0.0.88",
+  "version": "0.0.89",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",