@cagatayfdn/flora-components 0.0.89 → 0.0.90

package/dist/components/Drawer/index.js

@@ -1,20 +1,25 @@
 import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
-import { c as n } from "../../index-BHf7G3IG.js";
-import { useDrawer as i } from "./Provider.js";
-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
+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 p({ id: r, children: d, title: t }) {
-  const { state: o, closeDrawer: a } = i();
-  return o[r] || !1 ? /* @__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",
       {
         "data-testid": "drawer-overlay",
-        onClick: () => a(r),
+        onClick: d,
         style: {
           position: "fixed",
           top: 0,
@@ -26,15 +31,15 @@ function p({ id: r, children: d, title: t }) {
         }
       }
     ),
-    /* @__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.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: o }),
+        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(m, { onClick: d, name: "close" }) })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { "data-testid": "drawer-body", className: s.body, children: d })
+      /* @__PURE__ */ e.jsx("div", { "data-testid": "drawer-body", className: r.body, children: t })
     ] })
-  ] }) : null;
+  ] });
 }
 export {
-  p as default
+  u as default
 };

package/dist/index.d.mts

@@ -438,7 +438,7 @@ export declare type DividerProps = {
     margin?: string;
 };
 
-export declare function Drawer({ id, children, title }: DrawerProps): JSX_2.Element | null;
+export declare function Drawer({ id, children, title, onClose }: DrawerProps): JSX_2.Element | null;
 
 export declare type DrawerContextType = {
     state: DrawerState;
@@ -450,6 +450,7 @@ export declare type DrawerProps = {
     id: string;
     children: React.ReactNode;
     title: string;
+    onClose?: () => void;
 };
 
 declare type DrawerState = {

package/dist/index.d.ts

@@ -438,7 +438,7 @@ export declare type DividerProps = {
     margin?: string;
 };
 
-export declare function Drawer({ id, children, title }: DrawerProps): JSX_2.Element | null;
+export declare function Drawer({ id, children, title, onClose }: DrawerProps): JSX_2.Element | null;
 
 export declare type DrawerContextType = {
     state: DrawerState;
@@ -450,6 +450,7 @@ export declare type DrawerProps = {
     id: string;
     children: React.ReactNode;
     title: string;
+    onClose?: () => void;
 };
 
 declare type DrawerState = {

package/package.json

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