@overmap-ai/blocks 1.0.40-slide-out-resize-handle.0 → 1.0.40-slide-out-resize-handle.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,6 +7,5 @@ export interface SlideOutContentProps extends ComponentPropsWithRef<"div"> {
7
7
  initialSize: number | string;
8
8
  minSize?: number | string;
9
9
  maxSize?: number | string;
10
- hide?: boolean;
11
10
  }
12
11
  export declare const SlideOutContent: import('react').NamedExoticComponent<SlideOutContentProps>;
@@ -4,5 +4,6 @@ export interface SlideOutRootProps extends ComponentPropsWithRef<"div"> {
4
4
  open?: boolean;
5
5
  onOpenChange?: (open: boolean) => void;
6
6
  modal?: boolean;
7
+ hide?: boolean;
7
8
  }
8
9
  export declare const SlideOutRoot: import('react').NamedExoticComponent<SlideOutRootProps>;
@@ -4,6 +4,7 @@ export interface ISlideOutRootContext {
4
4
  open: boolean;
5
5
  setOpen: (open: boolean) => void;
6
6
  modal: boolean;
7
+ hide: boolean;
7
8
  }
8
9
  export declare const SlideOutRootContext: import('react').Context<ISlideOutRootContext>;
9
10
  export interface ISlideOutContentContext {
package/dist/blocks.js CHANGED
@@ -2337,9 +2337,9 @@ function useCallbackRef(callback) {
2337
2337
  }, []);
2338
2338
  }
2339
2339
  const SlideOutContent = memo((props) => {
2340
- const { ref, children, style, side, type, resizeable = false, initialSize, minSize, maxSize, hide: hide2, ...rest } = props;
2340
+ const { ref, children, style, side, type, resizeable = false, initialSize, minSize, maxSize, ...rest } = props;
2341
2341
  const internalRef = useRef(null);
2342
- const { open, setOpen, parentElement, modal } = use(SlideOutRootContext);
2342
+ const { open, setOpen, parentElement, modal, hide: hide2 } = use(SlideOutRootContext);
2343
2343
  const [computedSize, setComputedSize] = useState(null);
2344
2344
  const handleClose = useCallback(() => {
2345
2345
  if (modal) setOpen(false);
@@ -2569,12 +2569,21 @@ const SlideOutHandle = memo((props) => {
2569
2569
  SlideOutHandle.displayName = "SlideOutHandle";
2570
2570
  const SlideOutOverlay = memo((props) => {
2571
2571
  const { ref, ...rest } = props;
2572
- const { open } = use(SlideOutRootContext);
2573
- return open ? /* @__PURE__ */ jsx("div", { ref, "data-open": open, ...rest }) : null;
2572
+ const { open, hide: hide2 } = use(SlideOutRootContext);
2573
+ return open && !hide2 ? /* @__PURE__ */ jsx("div", { ref, "data-open": open, ...rest }) : null;
2574
2574
  });
2575
2575
  SlideOutOverlay.displayName = "SlideOutOverlay";
2576
2576
  const SlideOutRoot = memo((props) => {
2577
- const { ref, children, defaultOpen = false, open: controlledOpen, onOpenChange, modal = false, ...rest } = props;
2577
+ const {
2578
+ ref,
2579
+ children,
2580
+ defaultOpen = false,
2581
+ open: controlledOpen,
2582
+ onOpenChange,
2583
+ modal = false,
2584
+ hide: hide2 = false,
2585
+ ...rest
2586
+ } = props;
2578
2587
  const [parentElement, setParentElement] = useState(null);
2579
2588
  const [open, setOpen] = useControlledState(defaultOpen, controlledOpen, onOpenChange);
2580
2589
  const contextValue = useMemo(
@@ -2582,9 +2591,10 @@ const SlideOutRoot = memo((props) => {
2582
2591
  parentElement,
2583
2592
  open,
2584
2593
  setOpen,
2585
- modal
2594
+ modal,
2595
+ hide: hide2
2586
2596
  }),
2587
- [modal, open, parentElement, setOpen]
2597
+ [hide2, modal, open, parentElement, setOpen]
2588
2598
  );
2589
2599
  return /* @__PURE__ */ jsx("div", { ref: mergeRefs([ref, setParentElement]), ...rest, children: /* @__PURE__ */ jsx(SlideOutRootContext, { value: contextValue, children }) });
2590
2600
  });
@@ -2636,9 +2646,9 @@ const LayoutSlideOutClose = memo((props) => {
2636
2646
  });
2637
2647
  LayoutSlideOutClose.displayName = "LayoutSlideOutClose";
2638
2648
  const LayoutSlideOutContent = memo((props) => {
2639
- const { ref, type, hide: hide2, ...rest } = props;
2640
- const { small, hideLayout } = use(LayoutContext);
2641
- return /* @__PURE__ */ jsx(SlideOutContent, { ref, type: type ?? (small ? "overlay" : "inline"), hide: hide2 ?? hideLayout, ...rest });
2649
+ const { ref, type, ...rest } = props;
2650
+ const { small } = use(LayoutContext);
2651
+ return /* @__PURE__ */ jsx(SlideOutContent, { ref, type: type ?? (small ? "overlay" : "inline"), ...rest });
2642
2652
  });
2643
2653
  LayoutSlideOutContent.displayName = "LayoutSlideOutContent";
2644
2654
  const LayoutSlideOutHandle = memo((props) => {
@@ -2658,8 +2668,8 @@ const LayoutSlideOutOverlay = memo((props) => {
2658
2668
  });
2659
2669
  LayoutSlideOutOverlay.displayName = "SlideOutOverlay";
2660
2670
  const LayoutSlideOutRoot = memo((props) => {
2661
- const { ref, slideOutId, defaultOpen, ...rest } = props;
2662
- const { isOpen, setOpen, small } = use(LayoutContext);
2671
+ const { ref, slideOutId, defaultOpen, hide: hide2, ...rest } = props;
2672
+ const { isOpen, setOpen, small, hideLayout } = use(LayoutContext);
2663
2673
  const open = isOpen(slideOutId);
2664
2674
  const handleOpenChange = useCallback(
2665
2675
  (open2) => {
@@ -2674,7 +2684,17 @@ const LayoutSlideOutRoot = memo((props) => {
2674
2684
  setOpen(slideOutId, defaultOpen == null ? void 0 : defaultOpen.large);
2675
2685
  }
2676
2686
  }, [defaultOpen, slideOutId, setOpen, small]);
2677
- return /* @__PURE__ */ jsx(SlideOutRoot, { ref, open, onOpenChange: handleOpenChange, modal: small, ...rest });
2687
+ return /* @__PURE__ */ jsx(
2688
+ SlideOutRoot,
2689
+ {
2690
+ ref,
2691
+ open,
2692
+ onOpenChange: handleOpenChange,
2693
+ modal: small,
2694
+ hide: hide2 ?? hideLayout,
2695
+ ...rest
2696
+ }
2697
+ );
2678
2698
  });
2679
2699
  LayoutSlideOutRoot.displayName = "LayoutSlideOutRoot";
2680
2700
  const LayoutSlideOutTrigger = memo((props) => {