@cagatayfdn/flora-components 0.0.112 → 0.0.114

package/dist/components/Modal/Modal.js

@@ -1,18 +1,18 @@
 import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
-import { useEffect as u } from "react";
+import { useEffect as w } from "react";
 import { c as s } from "../../index-BHf7G3IG.js";
-import { Icons as w } from "../../assets/icons/icons.js";
-import N from "../Icon/index.js";
-import '../../Modal.css';const b = "_overlay_yit4w_1", f = "_modal_yit4w_10", g = "_content_yit4w_25", C = "_header_yit4w_35", k = "_close_yit4w_55", E = "_body_yit4w_62", S = "_desc_yit4w_66", F = "_modal__light_yit4w_70", o = {
-  overlay: b,
-  modal: f,
-  content: g,
-  header: C,
-  close: k,
-  body: E,
-  desc: S,
-  modal__light: F
-}, H = (i) => {
+import { Icons as N } from "../../assets/icons/icons.js";
+import b from "../Icon/index.js";
+import '../../Modal.css';const f = "_overlay_yit4w_1", g = "_modal_yit4w_10", C = "_content_yit4w_25", k = "_header_yit4w_35", E = "_close_yit4w_55", S = "_body_yit4w_62", F = "_desc_yit4w_66", B = "_modal__light_yit4w_70", o = {
+  overlay: f,
+  modal: g,
+  content: C,
+  header: k,
+  close: E,
+  body: S,
+  desc: F,
+  modal__light: B
+}, K = (i) => {
   const {
     children: m,
     header: a,
@@ -20,23 +20,24 @@ import '../../Modal.css';const b = "_overlay_yit4w_1", f = "_modal_yit4w_10", g
     description: d,
     className: y,
     onClose: _,
+    showClose: h = !0,
     visible: c = !0,
     appearance: l,
-    headerClass: h,
-    descriptionClass: v
-  } = i, x = () => {
+    headerClass: v,
+    descriptionClass: x
+  } = i, p = () => {
     document.body.style.width = "calc(100% - 15px)", document.body.className = "overflow-hidden";
-  }, p = () => {
+  }, j = () => {
     document.body.className = "", document.body.removeAttribute("style");
   }, n = () => {
     _();
   };
-  return u(() => {
-    const r = (j) => {
-      j.key === "Escape" && n();
+  return w(() => {
+    const r = (u) => {
+      u.key === "Escape" && n();
     };
-    return document.addEventListener("keydown", r), c && x(), () => {
-      p(), document.removeEventListener("keydown", r);
+    return document.addEventListener("keydown", r), c && p(), () => {
+      j(), document.removeEventListener("keydown", r);
     };
   }, [c]), /* @__PURE__ */ e.jsx(e.Fragment, { children: c && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
@@ -55,12 +56,12 @@ import '../../Modal.css';const b = "_overlay_yit4w_1", f = "_modal_yit4w_10", g
         }),
         "data-testid": "modal-container",
         children: /* @__PURE__ */ e.jsxs("div", { className: s(y, o.content), children: [
-          t || a ? /* @__PURE__ */ e.jsxs("div", { className: s(o.header, h), children: [
+          t || a ? /* @__PURE__ */ e.jsxs("div", { className: s(o.header, v), children: [
             t ? /* @__PURE__ */ e.jsx("h2", { children: t }) : a,
-            /* @__PURE__ */ e.jsx("span", { className: o.close, onClick: n, children: /* @__PURE__ */ e.jsx(N, { name: w.Close }) })
+            h && /* @__PURE__ */ e.jsx("span", { className: o.close, onClick: n, children: /* @__PURE__ */ e.jsx(b, { name: N.Close }) })
           ] }) : /* @__PURE__ */ e.jsx(e.Fragment, {}),
           /* @__PURE__ */ e.jsxs("div", { className: o.body, children: [
-            d && /* @__PURE__ */ e.jsx("p", { className: s(o.desc, v), children: d }),
+            d && /* @__PURE__ */ e.jsx("p", { className: s(o.desc, x), children: d }),
             m
           ] })
         ] })
@@ -69,5 +70,5 @@ import '../../Modal.css';const b = "_overlay_yit4w_1", f = "_modal_yit4w_10", g
   ] }) });
 };
 export {
-  H 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

@@ -863,6 +863,7 @@ export declare type ModalProps = {
     title?: string;
     header?: ReactNode;
     headerClass?: any;
+    showClose?: boolean;
     descriptionClass?: any;
     description?: string;
     className?: string;
@@ -1078,13 +1079,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

@@ -863,6 +863,7 @@ export declare type ModalProps = {
     title?: string;
     header?: ReactNode;
     headerClass?: any;
+    showClose?: boolean;
     descriptionClass?: any;
     description?: string;
     className?: string;
@@ -1078,13 +1079,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.112",
+  "version": "0.0.114",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",