@cagatayfdn/flora-components 0.0.88 → 0.0.90

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

package/dist/index.d.mts

@@ -438,18 +438,23 @@ export declare type DividerProps = {
     margin?: string;
 };
 
-export declare function Drawer({ children, title }: DrawerProps): JSX_2.Element | null;
+export declare function Drawer({ id, children, title, onClose }: 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;
+    onClose?: () => void;
+};
+
+declare type DrawerState = {
+    [id: string]: boolean;
 };
 
 export declare type DropdownItemType = {

package/dist/index.d.ts

@@ -438,18 +438,23 @@ export declare type DividerProps = {
     margin?: string;
 };
 
-export declare function Drawer({ children, title }: DrawerProps): JSX_2.Element | null;
+export declare function Drawer({ id, children, title, onClose }: 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;
+    onClose?: () => void;
+};
+
+declare type DrawerState = {
+    [id: string]: boolean;
 };
 
 export declare type DropdownItemType = {

package/package.json

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