elseware-ui 2.37.1 → 2.37.2

package/dist/index.d.mts

@@ -1708,7 +1708,7 @@ interface ContentAreaProps {
     styles?: string;
     enablePadding?: boolean;
 }
-declare function ContentArea({ children, styles, enablePadding, }: ContentAreaProps): React__default.JSX.Element;
+declare const ContentArea: React__default.ForwardRefExoticComponent<ContentAreaProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface FlexColProps$1 {
     children?: React__default.ReactNode;
@@ -3152,6 +3152,7 @@ declare const useDrawer: (defaultVisibility?: boolean) => {
     show: boolean;
     openDrawer: () => void;
     closeDrawer: () => void;
+    toggleDrawer: () => void;
 };
 
 declare const useModal: () => {

package/dist/index.d.ts

@@ -1708,7 +1708,7 @@ interface ContentAreaProps {
     styles?: string;
     enablePadding?: boolean;
 }
-declare function ContentArea({ children, styles, enablePadding, }: ContentAreaProps): React__default.JSX.Element;
+declare const ContentArea: React__default.ForwardRefExoticComponent<ContentAreaProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface FlexColProps$1 {
     children?: React__default.ReactNode;
@@ -3152,6 +3152,7 @@ declare const useDrawer: (defaultVisibility?: boolean) => {
     show: boolean;
     openDrawer: () => void;
     closeDrawer: () => void;
+    toggleDrawer: () => void;
 };
 
 declare const useModal: () => {

package/dist/index.js

@@ -19596,25 +19596,24 @@ function TextArea({
   ] });
 }
 var TextArea_default = TextArea;
-function ContentArea({
-  children,
-  styles,
-  enablePadding = false
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: classNames17__default.default({
-        "min-h-screen h-full w-full py-3 px-5": true,
-        "py-3 px-5": !enablePadding,
-        "py-3 px-5 lg:px-[150px]": enablePadding,
-        "transition-all duration-[200ms]": true,
-        [`${styles}`]: styles
-      }),
-      children
-    }
-  );
-}
+var ContentArea = React2.forwardRef(
+  ({ children, styles, enablePadding = false }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: classNames17__default.default({
+          "min-h-screen h-full w-full transition-all duration-[200ms]": true,
+          "py-3 px-5": !enablePadding,
+          "py-3 px-5 lg:px-[150px]": enablePadding,
+          [`${styles}`]: Boolean(styles)
+        }),
+        children
+      }
+    );
+  }
+);
+ContentArea.displayName = "ContentArea";
 var ContentArea_default = ContentArea;
 function FlexCol({ children, gap = 3, styles }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -21765,16 +21764,20 @@ function CommentHeader({ comment, config }) {
 var CommentHeader_default = CommentHeader;
 var useDrawer = (defaultVisibility = true) => {
   const [show, setShow] = React2.useState(defaultVisibility);
-  const openDrawer = () => {
-    setShow((prev) => !prev);
-  };
-  const closeDrawer = () => {
+  const openDrawer = React2.useCallback(() => {
+    setShow(true);
+  }, []);
+  const closeDrawer = React2.useCallback(() => {
     setShow(false);
-  };
+  }, []);
+  const toggleDrawer = React2.useCallback(() => {
+    setShow((prev) => !prev);
+  }, []);
   return {
     show,
     openDrawer,
-    closeDrawer
+    closeDrawer,
+    toggleDrawer
   };
 };
 var useDrawer_default = useDrawer;