@cagatayfdn/flora-components 0.0.111 → 0.0.113

package/dist/components/Confirm/Confirm.js

@@ -1,52 +1,60 @@
-import { j as o } from "../../jsx-runtime-BcAkpsdy.js";
-import x from "../Button/Button.js";
-import C from "../Modal/Modal.js";
-import N from "../../hooks/useNiceModal.js";
-import { ThemeAppearance as r, AppearanceButton as b } from "../../enums/appearance.js";
-import { c as h } from "../../index-BHf7G3IG.js";
-import { N as j } from "../../index-H7XbDVmH.js";
-import { u as _ } from "../../useTranslation-CnCPcxVj.js";
-import '../../Confirm.css';const B = "_btnWrap_ztmp0_1", M = "_dark_ztmp0_9", s = {
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import { useEffect as h } from "react";
+import w from "../Button/Button.js";
+import N from "../Modal/Modal.js";
+import b from "../../hooks/useNiceModal.js";
+import { ThemeAppearance as c, AppearanceButton as j } from "../../enums/appearance.js";
+import { c as _ } from "../../index-BHf7G3IG.js";
+import { N as y } from "../../index-H7XbDVmH.js";
+import { u as v } from "../../useTranslation-CnCPcxVj.js";
+import '../../Confirm.css';const B = "_btnWrap_ztmp0_1", E = "_dark_ztmp0_9", l = {
   btnWrap: B,
-  dark: M
-}, T = (a) => {
-  const { t } = _(), [, c] = N(a.id), {
-    onClose: e,
-    okBtnCallback: i,
-    isLoading: l,
-    appearence: p = r.LIGHT,
-    description: m,
-    descriptionClassName: d,
-    title: f = t("title.warning"),
-    okBtnText: k = t("button.yes_proceed"),
-    cancelBtnText: u = t("button.cancel")
-  } = a, n = () => {
-    c(), e && e();
+  dark: E
+}, M = (t) => {
+  const { t: n } = v(), [, m] = b(t.id), {
+    onClose: o,
+    okBtnCallback: r,
+    isLoading: p,
+    appearence: d = c.LIGHT,
+    description: f,
+    descriptionClassName: k,
+    title: u = n("title.warning"),
+    okBtnText: x = n("button.yes_proceed"),
+    cancelBtnText: C = n("button.cancel")
+  } = t, a = () => {
+    m(), o && o();
   };
-  return /* @__PURE__ */ o.jsxs(C, { title: f, appearance: p, onClose: n, children: [
-    /* @__PURE__ */ o.jsx(
+  return h(() => {
+    const s = (i) => {
+      i.key === "Enter" && (i.preventDefault(), r());
+    };
+    return window.addEventListener("keydown", s), () => {
+      window.removeEventListener("keydown", s);
+    };
+  }, []), /* @__PURE__ */ e.jsxs(N, { title: u, appearance: d, onClose: a, children: [
+    /* @__PURE__ */ e.jsx(
       "p",
       {
-        className: h(d, {
-          [s.dark]: r.DARK
+        className: _(k, {
+          [l.dark]: c.DARK
         }),
-        children: m
+        children: f
       }
     ),
-    /* @__PURE__ */ o.jsxs("div", { className: s.btnWrap, children: [
-      /* @__PURE__ */ o.jsx(
-        x,
+    /* @__PURE__ */ e.jsxs("div", { className: l.btnWrap, children: [
+      /* @__PURE__ */ e.jsx(
+        w,
         {
-          appearance: b.PRIMARY,
-          onClick: i,
-          isLoading: l,
-          children: k
+          appearance: j.PRIMARY,
+          onClick: r,
+          isLoading: p,
+          children: x
         }
       ),
-      /* @__PURE__ */ o.jsx("a", { className: "link", onClick: n, children: u })
+      /* @__PURE__ */ e.jsx("a", { className: "link", onClick: a, children: C })
     ] })
   ] });
-}, v = j.create(T);
+}, K = y.create(M);
 export {
-  v as default
+  K as default
 };

package/dist/components/ScrollContainer/ScrollContainer.js

@@ -1,21 +1,23 @@
-import { j as o } from "../../jsx-runtime-BcAkpsdy.js";
-import { c as e } from "../../index-BHf7G3IG.js";
-import '../../ScrollContainer.css';const r = "_container_hnayg_1", c = {
-  container: r
-}, m = ({
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import { c as r } from "../../index-BHf7G3IG.js";
+import '../../ScrollContainer.css';const c = "_container_hnayg_1", i = {
+  container: c
+}, d = ({
   children: t,
   maxHeight: s,
   height: a,
-  className: n
-}) => /* @__PURE__ */ o.jsx(
+  className: n,
+  onScroll: o
+}) => /* @__PURE__ */ e.jsx(
   "div",
   {
+    onScroll: o,
     "data-testid": "scroll-container",
-    className: e(n, c.container),
+    className: r(n, i.container),
     style: { maxHeight: s, height: a },
     children: t
   }
 );
 export {
-  m as default
+  d as default
 };

package/dist/index.d.mts

@@ -1078,13 +1078,14 @@ export declare type RowProps = {
     className?: string;
 };
 
-export declare const ScrollContainer: ({ children, maxHeight, height, className, }: ScrollContainerProps) => JSX.Element;
+export declare const ScrollContainer: ({ children, maxHeight, height, className, onScroll }: ScrollContainerProps) => JSX.Element;
 
 export declare type ScrollContainerProps = {
     children: ReactNode;
     maxHeight?: number;
     height?: string | number;
     className?: string;
+    onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;
 };
 
 export declare const Select: {

package/dist/index.d.ts

@@ -1078,13 +1078,14 @@ export declare type RowProps = {
     className?: string;
 };
 
-export declare const ScrollContainer: ({ children, maxHeight, height, className, }: ScrollContainerProps) => JSX.Element;
+export declare const ScrollContainer: ({ children, maxHeight, height, className, onScroll }: ScrollContainerProps) => JSX.Element;
 
 export declare type ScrollContainerProps = {
     children: ReactNode;
     maxHeight?: number;
     height?: string | number;
     className?: string;
+    onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;
 };
 
 export declare const Select: {

package/package.json

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