elseware-ui 2.37.0 → 2.37.1

package/dist/index.d.mts

@@ -1836,10 +1836,13 @@ interface DrawerProps {
     side?: "left" | "right" | "top" | "bottom";
     handleClose: () => void;
     styles?: string;
+    backdropStyles?: string;
     showBackdrop?: boolean;
     closeOnBackdropClick?: boolean;
+    offsetTop?: string;
+    offsetBottom?: string;
 }
-declare const Drawer: ({ children, visibility, side, handleClose, styles, showBackdrop, closeOnBackdropClick, }: DrawerProps) => React__default.JSX.Element;
+declare const Drawer: ({ children, visibility, side, handleClose, styles, backdropStyles, showBackdrop, closeOnBackdropClick, offsetTop, offsetBottom, }: DrawerProps) => React__default.JSX.Element;
 
 interface DrawerTogglerProps {
     icon?: ReactNode;

package/dist/index.d.ts

@@ -1836,10 +1836,13 @@ interface DrawerProps {
     side?: "left" | "right" | "top" | "bottom";
     handleClose: () => void;
     styles?: string;
+    backdropStyles?: string;
     showBackdrop?: boolean;
     closeOnBackdropClick?: boolean;
+    offsetTop?: string;
+    offsetBottom?: string;
 }
-declare const Drawer: ({ children, visibility, side, handleClose, styles, showBackdrop, closeOnBackdropClick, }: DrawerProps) => React__default.JSX.Element;
+declare const Drawer: ({ children, visibility, side, handleClose, styles, backdropStyles, showBackdrop, closeOnBackdropClick, offsetTop, offsetBottom, }: DrawerProps) => React__default.JSX.Element;
 
 interface DrawerTogglerProps {
     icon?: ReactNode;

package/dist/index.js

@@ -20196,26 +20196,40 @@ var Drawer = ({
   side = "left",
   handleClose,
   styles,
+  backdropStyles,
   showBackdrop = true,
-  closeOnBackdropClick = true
+  closeOnBackdropClick = true,
+  offsetTop = "0px",
+  offsetBottom = "0px"
 }) => {
   const isHorizontal = side === "left" || side === "right";
   const isMobile = useIsMobile_default();
+  const hasOffset = offsetTop !== "0px" || offsetBottom !== "0px";
+  const drawerStyle = isHorizontal ? {
+    top: offsetTop,
+    bottom: offsetBottom,
+    height: hasOffset ? `calc(100vh - ${offsetTop} - ${offsetBottom})` : void 0
+  } : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     isMobile && showBackdrop && /* @__PURE__ */ jsxRuntime.jsx(TransitionFade_default, { visibility, leaveDuration: 200, children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: "fixed inset-0 bg-black/50 z-40",
+        className: classNames17__default.default(
+          "fixed inset-0 bg-black/50 z-40",
+          backdropStyles
+        ),
         onClick: closeOnBackdropClick ? handleClose : void 0
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx(TransitionSlide_default, { visibility, side, leaveDuration: 200, children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
+        style: drawerStyle,
         className: classNames17__default.default(
           "fixed shadow-lg z-50",
           {
-            "h-full w-[300px] top-0": isHorizontal,
+            "h-full w-[300px] top-0": isHorizontal && !hasOffset,
+            "w-[300px]": isHorizontal && hasOffset,
             "w-full h-[300px] left-0": !isHorizontal,
             "left-0": side === "left",
             "right-0": side === "right",
@@ -23561,12 +23575,7 @@ function MyReviewPanel({
             maxRating: config.maxRating
           }
         ),
-        config.allowRecommendation && /* @__PURE__ */ jsxRuntime.jsx(
-          RecommendationComponent,
-          {
-            isRecommended: myReview.isRecommended
-          }
-        )
+        config.allowRecommendation && /* @__PURE__ */ jsxRuntime.jsx(RecommendationComponent, { isRecommended: myReview.isRecommended })
       ] })
     ] }) })
   ] });
@@ -23940,7 +23949,13 @@ function ReviewItem({
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(ContentComponent, { review }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(RatingComponent, { rating: review.rating, maxRating: config.maxRating }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        RatingComponent,
+        {
+          rating: review.rating,
+          maxRating: config.maxRating
+        }
+      ),
       config.allowRecommendation && /* @__PURE__ */ jsxRuntime.jsx(RecommendationComponent, { isRecommended: review.isRecommended })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -23991,13 +24006,7 @@ function ReviewList({
   const ItemComponent = components?.Item ?? ReviewItem_default;
   const EmptyStateComponent = components?.EmptyState ?? ReviewEmptyState_default;
   if (!reviews.length) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      EmptyStateComponent,
-      {
-        title: config.emptyTitle,
-        text: config.emptyText
-      }
-    );
+    return /* @__PURE__ */ jsxRuntime.jsx(EmptyStateComponent, { title: config.emptyTitle, text: config.emptyText });
   }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-5", children: reviews.map((review) => /* @__PURE__ */ jsxRuntime.jsx(
     ItemComponent,
@@ -24220,12 +24229,7 @@ function useReviewThreadState({
         setIsCreatingReviewReply(false);
       }
     },
-    [
-      applyReview,
-      applyReviewUpdater,
-      config.maxRepliesPerReview,
-      dataSource
-    ]
+    [applyReview, applyReviewUpdater, config.maxRepliesPerReview, dataSource]
   );
   const updateReviewReply2 = React2.useCallback(
     async (input) => {