@cagatayfdn/flora-components 0.0.86 → 0.0.88

package/dist/components/Drawer/Provider.js

@@ -0,0 +1,10 @@
+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);
+export {
+  D as DrawerProvider,
+  f as useDrawer
+};

package/dist/components/Drawer/index.js

@@ -0,0 +1,40 @@
+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
+};
+function j({ children: s, title: a }) {
+  const { isOpen: t, closeDrawer: d } = i();
+  return t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        "data-testid": "drawer-overlay",
+        onClick: d,
+        style: {
+          position: "fixed",
+          top: 0,
+          left: 0,
+          width: "100%",
+          height: "100%",
+          background: "rgba(0, 0, 0, 0.5)",
+          zIndex: 999
+        }
+      }
+    ),
+    /* @__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.jsx("div", { "data-testid": "drawer-body", className: r.body, children: s })
+    ] })
+  ] }) : null;
+}
+export {
+  j as default
+};

package/dist/components/ErrorLogModal/ErrorLogModal.js

@@ -15,6 +15,7 @@ import "../Checkbox/Checkbox.js";
 import "../Confirm/Confirm.js";
 import "../Datepicker/Datepicker.js";
 import t from "../Divider/Divider.js";
+import "../Drawer/Provider.js";
 import "../FileUpload/FileUpload.js";
 import j from "../Modal/Modal.js";
 import l from "../Grid/Column.js";
@@ -57,7 +58,7 @@ import '../../ErrorLogModal.css';const M = "_realTimeLogModalStyle_2pv2e_1", g =
       ] }, r == null ? void 0 : r.id)) : /* @__PURE__ */ o.jsx(h, { i18nKey: "text.not_found", values: { dataname: "Log" } }) })
     }
   );
-}, X = c.create(v);
+}, Y = c.create(v);
 export {
-  X as default
+  Y as default
 };

package/dist/components/NavigatorCard/index.js

@@ -6,7 +6,7 @@ import h from "../Tooltip/Tooltip.js";
 import { Icons as j } from "../../assets/icons/icons.js";
 import { c as v } from "../../index-BHf7G3IG.js";
 import { u } from "../../useTranslation-CnCPcxVj.js";
-import '../../index.css';const f = "_wrapper_14erv_1", N = "_content_14erv_11", G = "_iconWrapper_14erv_19", w = "_titleGroup_14erv_30", C = "_title_14erv_30", W = "_textGroup_14erv_46", I = "_footer_14erv_51", e = {
+import '../../index2.css';const f = "_wrapper_14erv_1", N = "_content_14erv_11", G = "_iconWrapper_14erv_19", w = "_titleGroup_14erv_30", C = "_title_14erv_30", W = "_textGroup_14erv_46", I = "_footer_14erv_51", e = {
   wrapper: f,
   content: N,
   iconWrapper: G,

package/dist/components/index.js

@@ -8,56 +8,57 @@ import { default as C } from "./AuthUserCan/Permission.js";
 import { default as T } from "./Autocomplete/Autocomplete.js";
 import { default as S } from "./Card/Card.js";
 import { default as P } from "./Charts/index.js";
-import { default as b } from "./Checkbox/Checkbox.js";
+import { default as w } from "./Checkbox/Checkbox.js";
 import { default as A } from "./Config/Config.js";
-import { default as v } from "./Confirm/Confirm.js";
+import { default as N } from "./Confirm/Confirm.js";
 import { default as F } from "./ContentHeader/ContentHeader.js";
 import { default as R } from "./ContentLoader/ContentLoader.js";
 import { default as y } from "./Countdown/Countdown.js";
 import { default as U } from "./Datepicker/Datepicker.js";
 import { default as E } from "./Divider/Divider.js";
-import { default as W } from "./Dropdown/DropdownList.js";
-import { default as q } from "./FileUpload/FileUpload.js";
-import { default as G } from "./FileUpload/ImagePreview.js";
-import { default as K } from "./FileUpload/LengthCard.js";
-import { default as Q } from "./FileUpload/PreviewModal.js";
-import { default as Y } from "./Grid/Column.js";
-import { default as _ } from "./Grid/Row.js";
-import { default as oo } from "./Heading/Heading.js";
-import { default as ro } from "./Icon/index.js";
-import { default as ao } from "./InfiniteScroll/InfiniteScroll.js";
-import { default as lo } from "./InfoBoxList/InfoBoxList.js";
-import { createConnectedService as mo } from "./InfoBoxList/helper.js";
-import { default as so } from "./InfoDate/InfoDate.js";
-import { InfoText as io } from "./InfoText/InfoText.js";
-import { default as co } from "./Input/Input.js";
-import { default as go } from "./Label/Label.js";
-import { default as Io } from "./Loading/Loading.js";
-import { default as Lo } from "./Modal/Modal.js";
-import { default as ho } from "./NavigatorCard/index.js";
-import { default as wo } from "./NoResult/NoResult.js";
-import { Notification as No } from "./Notification/Notification.js";
-import { default as Do } from "./PageWrapper/PageWrap.js";
-import { default as Mo } from "./Pager/Pager.js";
-import { default as ko } from "./Panel/Panel.js";
-import { default as Bo } from "./PermaLink/PermaLink.js";
-import { default as Ho, RadioList as Eo } from "./Radio/Radio.js";
-import { default as Wo } from "./ResultError/ResultError.js";
-import { default as qo } from "./ScrollContainer/ScrollContainer.js";
-import { default as Go } from "./Select/NoData.js";
-import { S as Ko } from "../Select-DcLZCXNo.js";
-import { default as Qo } from "./Sidebar/index.js";
-import { M as Yo } from "../MenuItem-DAf7NU3h.js";
-import { default as _o } from "./StatusTypography/StatusTypography.js";
-import { default as oe } from "./Stepper/Stepper.js";
-import { default as re } from "./Switch/Switch.js";
-import { default as ae } from "./Tab/Tab.js";
-import { default as le } from "./Table/Table.js";
-import { T as pe } from "../TableHeader-Cjx9ZwYH.js";
-import { default as xe } from "./Textarea/Textarea.js";
-import { default as ue } from "./Tooltip/Tooltip.js";
-import { default as ne } from "./TypographyText/TypographyText.js";
-import { default as Ce } from "./ValidationError/ValidationError.js";
+import { default as W } from "./Drawer/index.js";
+import { default as q } from "./Dropdown/DropdownList.js";
+import { default as G } from "./FileUpload/FileUpload.js";
+import { default as K } from "./FileUpload/ImagePreview.js";
+import { default as Q } from "./FileUpload/LengthCard.js";
+import { default as Y } from "./FileUpload/PreviewModal.js";
+import { default as _ } from "./Grid/Column.js";
+import { default as oo } from "./Grid/Row.js";
+import { default as ro } from "./Heading/Heading.js";
+import { default as ao } from "./Icon/index.js";
+import { default as lo } from "./InfiniteScroll/InfiniteScroll.js";
+import { default as mo } from "./InfoBoxList/InfoBoxList.js";
+import { createConnectedService as so } from "./InfoBoxList/helper.js";
+import { default as io } from "./InfoDate/InfoDate.js";
+import { InfoText as co } from "./InfoText/InfoText.js";
+import { default as go } from "./Input/Input.js";
+import { default as Io } from "./Label/Label.js";
+import { default as Lo } from "./Loading/Loading.js";
+import { default as ho } from "./Modal/Modal.js";
+import { default as bo } from "./NavigatorCard/index.js";
+import { default as Do } from "./NoResult/NoResult.js";
+import { Notification as vo } from "./Notification/Notification.js";
+import { default as Mo } from "./PageWrapper/PageWrap.js";
+import { default as ko } from "./Pager/Pager.js";
+import { default as Bo } from "./Panel/Panel.js";
+import { default as Ho } from "./PermaLink/PermaLink.js";
+import { default as Vo, RadioList as Wo } from "./Radio/Radio.js";
+import { default as qo } from "./ResultError/ResultError.js";
+import { default as Go } from "./ScrollContainer/ScrollContainer.js";
+import { default as Ko } from "./Select/NoData.js";
+import { S as Qo } from "../Select-DcLZCXNo.js";
+import { default as Yo } from "./Sidebar/index.js";
+import { M as _o } from "../MenuItem-DAf7NU3h.js";
+import { default as oe } from "./StatusTypography/StatusTypography.js";
+import { default as re } from "./Stepper/Stepper.js";
+import { default as ae } from "./Switch/Switch.js";
+import { default as le } from "./Tab/Tab.js";
+import { default as pe } from "./Table/Table.js";
+import { T as xe } from "../TableHeader-Cjx9ZwYH.js";
+import { default as ue } from "./Textarea/Textarea.js";
+import { default as ne } from "./Tooltip/Tooltip.js";
+import { default as Ce } from "./TypographyText/TypographyText.js";
+import { default as Te } from "./ValidationError/ValidationError.js";
 export {
   m as Accordion,
   x as AccordionItem,
@@ -67,59 +68,60 @@ export {
   r as Button,
   S as Card,
   P as Chart,
-  b as Checkbox,
-  Y as Column,
+  w as Checkbox,
+  _ as Column,
   A as Config,
-  v as Confirm,
+  N as Confirm,
   F as ContentHeader,
   R as ContentLoader,
   y as Countdown,
   U as Datepicker,
   E as Divider,
-  W as DropdownList,
-  q as FileUpload,
-  G as FileUploadImagePreview,
-  K as FileUploadLengthCard,
-  Q as FileUploadPreviewModal,
-  oo as Heading,
-  ro as Icon,
-  ao as InfiniteScroll,
-  lo as InfoBoxList,
-  so as InfoDate,
-  io as InfoText,
-  co as Input,
-  go as Label,
-  Io as Loading,
-  Yo as MenuItem,
-  Lo as Modal,
-  ho as NavigatorCard,
+  W as Drawer,
+  q as DropdownList,
+  G as FileUpload,
+  K as FileUploadImagePreview,
+  Q as FileUploadLengthCard,
+  Y as FileUploadPreviewModal,
+  ro as Heading,
+  ao as Icon,
+  lo as InfiniteScroll,
+  mo as InfoBoxList,
+  io as InfoDate,
+  co as InfoText,
+  go as Input,
+  Io as Label,
+  Lo as Loading,
+  _o as MenuItem,
+  ho as Modal,
+  bo as NavigatorCard,
   a as NiceModal,
-  Go as NoData,
-  wo as NoResult,
-  No as Notification,
-  Do as PageWrapper,
-  Mo as Pager,
-  ko as Panel,
+  Ko as NoData,
+  Do as NoResult,
+  vo as Notification,
+  Mo as PageWrapper,
+  ko as Pager,
+  Bo as Panel,
   l as PermFallBack,
-  Bo as PermaLink,
+  Ho as PermaLink,
   C as Permission,
-  Ho as Radio,
-  Eo as RadioList,
-  Wo as ResultError,
-  _ as Row,
-  qo as ScrollContainer,
-  Ko as Select,
-  Qo as Sidebar,
-  _o as StatusTypography,
-  oe as Stepper,
-  re as Switch,
-  ae as Tab,
-  le as Table,
-  pe as TableHeader,
-  xe as Textarea,
-  ue as Tooltip,
-  ne as TypographyText,
-  Ce as ValidationError,
-  mo as createConnectedService,
+  Vo as Radio,
+  Wo as RadioList,
+  qo as ResultError,
+  oo as Row,
+  Go as ScrollContainer,
+  Qo as Select,
+  Yo as Sidebar,
+  oe as StatusTypography,
+  re as Stepper,
+  ae as Switch,
+  le as Tab,
+  pe as Table,
+  xe as TableHeader,
+  ue as Textarea,
+  ne as Tooltip,
+  Ce as TypographyText,
+  Te as ValidationError,
+  so as createConnectedService,
   d as getAuth
 };

package/dist/hooks/index.js

@@ -2,10 +2,12 @@ import { AuthProvider as o, useAuth as u } from "./useAauth.js";
 import { default as t } from "./useDisclosure.js";
 import { default as f } from "./useNiceModal.js";
 import { default as l } from "./useMediaQuery.js";
+import { useDrawer as p } from "../components/Drawer/Provider.js";
 export {
   o as AuthProvider,
   u as useAuth,
   t as useDisclosure,
+  p as useDrawer,
   l as useMediaQuery,
   f as useNiceModal
 };

package/dist/index.css

@@ -1 +1 @@
-._wrapper_14erv_1{width:100%;height:180px;display:flex;overflow:hidden;min-height:100px;max-height:180px;flex-direction:row;border-radius:10px}._wrapper_14erv_1 ._content_14erv_11{width:100%;background:#fff;padding:20px;display:flex;flex-direction:column;justify-content:space-between}._wrapper_14erv_1 ._iconWrapper_14erv_19{width:25%;min-width:25%;max-width:25%;background:#788195;color:#fff!important;font-size:32px;display:flex;align-items:center;justify-content:center}._wrapper_14erv_1 ._titleGroup_14erv_30{display:flex;justify-content:space-between}._wrapper_14erv_1 ._title_14erv_30{color:#062a4a;font-size:20px;overflow:hidden;max-height:35px;max-width:170px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;line-height:1;margin-bottom:5px}._wrapper_14erv_1 ._textGroup_14erv_46{color:#000;display:flex;flex-direction:column}._wrapper_14erv_1 ._footer_14erv_51{display:flex;flex-direction:column}._wrapper_14erv_1 ._footer_14erv_51>span{text-decoration:underline;font-weight:500}._wrapper_14erv_1 ._footer_14erv_51>span:hover{text-decoration:none}
+._drawer_1bno3_1{position:fixed;background-color:#333b57;top:0;right:0;height:100%;width:540px;z-index:1000}._drawer_1bno3_1 ._header_1bno3_10{padding:20px 28px;position:relative;display:flex;justify-content:space-between;font-size:20px;font-weight:500;border-bottom:1px solid #293245}._drawer_1bno3_1 ._header_1bno3_10:after{content:"";position:absolute;left:-1px;top:23px;width:4px;height:16px;background-color:#d2282e}._drawer_1bno3_1 ._header_1bno3_10 i{font-size:12px;cursor:pointer}._drawer_1bno3_1 ._body_1bno3_32{padding:20px 36px}

package/dist/index.d.mts

@@ -438,6 +438,20 @@ export declare type DividerProps = {
     margin?: string;
 };
 
+export declare function Drawer({ children, title }: DrawerProps): JSX_2.Element | null;
+
+export declare type DrawerContextType = {
+    isOpen: boolean;
+    openDrawer: () => void;
+    closeDrawer: () => void;
+    toggleDrawer: () => void;
+};
+
+export declare type DrawerProps = {
+    children: React.ReactNode;
+    title: string;
+};
+
 export declare type DropdownItemType = {
     text: string;
     to?: string;
@@ -1358,6 +1372,8 @@ export declare function useDisclosure(isOpenInit?: boolean): {
     onToggle: () => void;
 };
 
+export declare const useDrawer: () => DrawerContextType;
+
 export declare const useMediaQuery: ({ query, onMatch, onUnmatch }: MediaQueryProps) => boolean;
 
 declare type UseNiceModal = [() => void, () => void, string];

package/dist/index.d.ts

@@ -438,6 +438,20 @@ export declare type DividerProps = {
     margin?: string;
 };
 
+export declare function Drawer({ children, title }: DrawerProps): JSX_2.Element | null;
+
+export declare type DrawerContextType = {
+    isOpen: boolean;
+    openDrawer: () => void;
+    closeDrawer: () => void;
+    toggleDrawer: () => void;
+};
+
+export declare type DrawerProps = {
+    children: React.ReactNode;
+    title: string;
+};
+
 export declare type DropdownItemType = {
     text: string;
     to?: string;
@@ -1358,6 +1372,8 @@ export declare function useDisclosure(isOpenInit?: boolean): {
     onToggle: () => void;
 };
 
+export declare const useDrawer: () => DrawerContextType;
+
 export declare const useMediaQuery: ({ query, onMatch, onUnmatch }: MediaQueryProps) => boolean;
 
 declare type UseNiceModal = [() => void, () => void, string];