remoraid 2.34.2 → 2.36.2

package/dist/core/index.cjs

@@ -5561,6 +5561,9 @@ var useWidgets = () => {
 };
 var useWidget = (pageId, widgetId) => {
   const { widgets } = useWidgets();
+  if (pageId === undefined || widgetId === undefined) {
+    return null;
+  }
   return widgets?.[pageId]?.[widgetId] ?? null;
 };
 function WidgetsProvider({
@@ -6909,6 +6912,7 @@ function Pinnable({
   layoutId,
   controlsContainer,
   hidden = false,
+  onPinnedValueChange,
   componentsProps,
   children
 }) {
@@ -6927,7 +6931,7 @@ function Pinnable({
     order: 100,
     ...componentsProps?.button,
     onClick: (e) => {
-      setPinned((p) => !p);
+      setPinned((prev) => !prev);
       componentsProps?.button?.onClick?.(e);
     }
   }, undefined, false, undefined, this), [pinned, componentsProps?.button]);
@@ -6950,6 +6954,9 @@ function Pinnable({
       children
     ]
   }, undefined, true, undefined, this);
+  import_react13.useEffect(() => {
+    onPinnedValueChange?.(pinned);
+  }, [pinned]);
   if (!layout) {
     return null;
   }

package/dist/core/index.d.ts

@@ -185,7 +185,7 @@ declare enum ClickTransformation {
 }
 declare const getDefaultWidgetContext: (configuration: WidgetConfiguration) => WidgetContext;
 declare const useWidgets: () => WidgetsContext;
-declare const useWidget: (pageId: string, widgetId: string) => WidgetContext | null;
+declare const useWidget: (pageId: string | undefined, widgetId: string | undefined) => WidgetContext | null;
 interface WidgetsProviderProps {}
 import { PartialDeep as PartialDeep2 } from "type-fest";
 declare const defaultTransitionDurations: RemoraidTheme["transitionDurations"];
@@ -485,6 +485,7 @@ interface ExplicitPinnableProps<T extends LayoutType> {
 	layoutId?: string;
 	controlsContainer?: HTMLDivElement | null;
 	hidden?: boolean;
+	onPinnedValueChange?: (newValue: boolean) => void;
 	componentsProps?: {
 		controls?: Partial<ControlsProps>
 		button?: Partial<ControlButtonProps>
@@ -493,7 +494,7 @@ interface ExplicitPinnableProps<T extends LayoutType> {
 	};
 }
 type PinnableProps<T extends LayoutType = PinnableDefaultLayoutType> = OptionalIfExtends<ExplicitPinnableProps<T>, "layoutType", PinnableDefaultLayoutType, T>;
-declare function Pinnable2<T extends LayoutType = PinnableDefaultLayoutType>({ layoutType: layoutTypeProp, section, initialValue, layoutId, controlsContainer, hidden, componentsProps, children }: PropsWithChildren15<PinnableProps<T>>): ReactNode20;
+declare function Pinnable2<T extends LayoutType = PinnableDefaultLayoutType>({ layoutType: layoutTypeProp, section, initialValue, layoutId, controlsContainer, hidden, onPinnedValueChange, componentsProps, children }: PropsWithChildren15<PinnableProps<T>>): ReactNode20;
 interface WidgetSelectionHeaderProps {
 	title?: string;
 	pinnableSection?: FrameLayoutSection.Top | FrameLayoutSection.Bottom | null;

package/dist/core/index.js

@@ -5462,6 +5462,9 @@ var useWidgets = () => {
 };
 var useWidget = (pageId, widgetId) => {
   const { widgets } = useWidgets();
+  if (pageId === undefined || widgetId === undefined) {
+    return null;
+  }
   return widgets?.[pageId]?.[widgetId] ?? null;
 };
 function WidgetsProvider({
@@ -6661,7 +6664,7 @@ function Page({
 
 // src/core/components/WidgetSelectionHeader/index.tsx
 import { IconCheck, IconFocus, IconNavigation } from "@tabler/icons-react";
-import { useEffect as useEffect4, useRef as useRef3, useState as useState8 } from "react";
+import { useEffect as useEffect5, useRef as useRef3, useState as useState8 } from "react";
 
 // src/core/components/ScrollableChipGroup/index.tsx
 import {
@@ -6704,6 +6707,7 @@ var import_lodash8 = __toESM(require_lodash(), 1);
 
 // src/core/components/Pinnable/index.tsx
 import {
+  useEffect as useEffect4,
   useMemo as useMemo4,
   useRef as useRef2,
   useState as useState7
@@ -6885,6 +6889,7 @@ function Pinnable({
   layoutId,
   controlsContainer,
   hidden = false,
+  onPinnedValueChange,
   componentsProps,
   children
 }) {
@@ -6903,7 +6908,7 @@ function Pinnable({
     order: 100,
     ...componentsProps?.button,
     onClick: (e) => {
-      setPinned((p) => !p);
+      setPinned((prev) => !prev);
       componentsProps?.button?.onClick?.(e);
     }
   }, undefined, false, undefined, this), [pinned, componentsProps?.button]);
@@ -6926,6 +6931,9 @@ function Pinnable({
       children
     ]
   }, undefined, true, undefined, this);
+  useEffect4(() => {
+    onPinnedValueChange?.(pinned);
+  }, [pinned]);
   if (!layout) {
     return null;
   }
@@ -7071,7 +7079,7 @@ function WidgetSelectionHeader({
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!activeWidget) {
       return;
     }
@@ -7389,7 +7397,7 @@ function RemoraidButton({
 import { Paper as Paper3, Transition as Transition7 } from "@mantine/core";
 import {
   useCallback as useCallback2,
-  useEffect as useEffect5,
+  useEffect as useEffect6,
   useRef as useRef4,
   useState as useState9
 } from "react";
@@ -7526,7 +7534,7 @@ function WidgetWrapper({
       children: element
     }, undefined, false, undefined, this);
   }
-  useEffect5(() => {
+  useEffect6(() => {
     if (!page) {
       return;
     }

package/dist/jsonforms/index.cjs

@@ -6409,6 +6409,7 @@ function Pinnable({
   layoutId,
   controlsContainer,
   hidden = false,
+  onPinnedValueChange,
   componentsProps,
   children
 }) {
@@ -6427,7 +6428,7 @@ function Pinnable({
     order: 100,
     ...componentsProps?.button,
     onClick: (e) => {
-      setPinned((p) => !p);
+      setPinned((prev) => !prev);
       componentsProps?.button?.onClick?.(e);
     }
   }, undefined, false, undefined, this), [pinned, componentsProps?.button]);
@@ -6450,6 +6451,9 @@ function Pinnable({
       children
     ]
   }, undefined, true, undefined, this);
+  import_react13.useEffect(() => {
+    onPinnedValueChange?.(pinned);
+  }, [pinned]);
   if (!layout) {
     return null;
   }

package/dist/jsonforms/index.js

@@ -6253,7 +6253,7 @@ var usePage = () => {
 
 // src/core/components/WidgetSelectionHeader/index.tsx
 import { IconCheck, IconFocus, IconNavigation } from "@tabler/icons-react";
-import { useEffect as useEffect4, useRef as useRef3, useState as useState8 } from "react";
+import { useEffect as useEffect5, useRef as useRef3, useState as useState8 } from "react";
 
 // src/core/components/ScrollableChipGroup/index.tsx
 import {
@@ -6268,6 +6268,7 @@ var import_lodash8 = __toESM(require_lodash(), 1);
 
 // src/core/components/Pinnable/index.tsx
 import {
+  useEffect as useEffect4,
   useMemo as useMemo4,
   useRef as useRef2,
   useState as useState7
@@ -6449,6 +6450,7 @@ function Pinnable({
   layoutId,
   controlsContainer,
   hidden = false,
+  onPinnedValueChange,
   componentsProps,
   children
 }) {
@@ -6467,7 +6469,7 @@ function Pinnable({
     order: 100,
     ...componentsProps?.button,
     onClick: (e) => {
-      setPinned((p) => !p);
+      setPinned((prev) => !prev);
       componentsProps?.button?.onClick?.(e);
     }
   }, undefined, false, undefined, this), [pinned, componentsProps?.button]);
@@ -6490,6 +6492,9 @@ function Pinnable({
       children
     ]
   }, undefined, true, undefined, this);
+  useEffect4(() => {
+    onPinnedValueChange?.(pinned);
+  }, [pinned]);
   if (!layout) {
     return null;
   }
@@ -6764,7 +6769,7 @@ function RemoraidButton({
 import { Paper as Paper3, Transition as Transition7 } from "@mantine/core";
 import {
   useCallback as useCallback2,
-  useEffect as useEffect5,
+  useEffect as useEffect6,
   useRef as useRef4,
   useState as useState9
 } from "react";
@@ -6901,7 +6906,7 @@ function WidgetWrapper({
       children: element
     }, undefined, false, undefined, this);
   }
-  useEffect5(() => {
+  useEffect6(() => {
     if (!page) {
       return;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remoraid",
-  "version": "2.34.2",
+  "version": "2.36.2",
   "author": "Konrad Goldammer",
   "repository": {
     "type": "git",