@edrlab/thorium-web 1.3.0 → 1.4.0

package/dist/{chunk-4ODYHZKD.mjs → chunk-P6ILEQ5P.mjs}

@@ -1,27 +1,26 @@
 import { usePrevious } from './chunk-YZ73DHRU.mjs';
 import { useCollapsibility } from './chunk-MLEYTQGK.mjs';
-import React23, { createContext, useContext, useState, useEffect, useMemo, useRef, Fragment as Fragment$1, useCallback, createElement } from 'react';
+import React23, { createContext, useContext, useCallback, useMemo, useState, useEffect, useRef, Fragment as Fragment$1, createElement } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useObjectRef, useLocale, useOverlayPosition, OverlayContainer, FocusScope, OverlayProvider, useDialog, useOverlay, useModal } from 'react-aria';
+import { useObjectRef, useOverlayPosition, OverlayContainer, FocusScope, OverlayProvider, useDialog, useOverlay, useModal } from 'react-aria';
 import { Toolbar, TooltipTrigger, Button, Tooltip, MenuTrigger, Popover, Menu, Slider, SliderTrack, SliderThumb, Dialog, Modal, Heading, Form, NumberField, Label, FieldError, Input, Text, TextField, SearchField, Link, MenuItem, Keyboard, Group, RadioGroup, Radio, SliderOutput, Switch, SelectValue, Select, ListBox, ListBoxItem } from 'react-aria-components';
 import { createPortal } from 'react-dom';
 import { useOverlayTriggerState } from 'react-stately';
 import { Sheet } from 'react-modal-sheet';
 import { useTransform } from 'motion/react';
 
-// src/core/Components/Actions/hooks/useActions.ts
 var useActions = (actionMap) => {
-  const findOpen = () => {
+  const findOpen = useCallback(() => {
     const open = [];
     Object.entries(actionMap).forEach(([key, value]) => {
       if (value?.isOpen) open.push(key);
     });
     return open;
-  };
-  const anyOpen = () => {
+  }, [actionMap]);
+  const anyOpen = useCallback(() => {
     return Object.values(actionMap).some((value) => value?.isOpen);
-  };
-  const isOpen = (key) => {
+  }, [actionMap]);
+  const isOpen = useCallback((key) => {
     if (key) {
       if (actionMap[key]?.isOpen == null) {
         return false;
@@ -30,8 +29,8 @@ var useActions = (actionMap) => {
       }
     }
     return false;
-  };
-  const findDocked = () => {
+  }, [actionMap]);
+  const findDocked = useCallback(() => {
     const docked = [];
     Object.entries(actionMap).forEach(([key, value]) => {
       const docking = value?.docking;
@@ -40,31 +39,31 @@ var useActions = (actionMap) => {
       }
     });
     return docked;
-  };
-  const anyDocked = () => {
+  }, [actionMap]);
+  const anyDocked = useCallback(() => {
     return Object.values(actionMap).some((value) => {
       const docking = value?.docking;
       return docking === "dockingStart" /* start */ || docking === "dockingEnd" /* end */;
     });
-  };
-  const isDocked = (key) => {
+  }, [actionMap]);
+  const isDocked = useCallback((key) => {
     if (!key) return false;
     const docking = actionMap[key]?.docking;
     return docking === "dockingStart" /* start */ || docking === "dockingEnd" /* end */;
-  };
-  const whichDocked = (key) => {
+  }, [actionMap]);
+  const whichDocked = useCallback((key) => {
     return key ? actionMap[key]?.docking : null;
-  };
-  const getDockedWidth = (key) => {
-    return key && actionMap[key]?.dockedWidth || void 0;
-  };
-  const everyOpenDocked = () => {
+  }, [actionMap]);
+  const getDockedWidth = useCallback((key) => {
+    return key ? actionMap[key]?.dockedWidth : void 0;
+  }, [actionMap]);
+  const everyOpenDocked = useCallback(() => {
     const opens = findOpen();
     return opens.every((key) => {
       return isDocked(key);
     });
-  };
-  return {
+  }, [findOpen, isDocked]);
+  return useMemo(() => ({
     findOpen,
     anyOpen,
     isOpen,
@@ -74,7 +73,7 @@ var useActions = (actionMap) => {
     whichDocked,
     getDockedWidth,
     everyOpenDocked
-  };
+  }), [findOpen, anyOpen, isOpen, findDocked, anyDocked, isDocked, whichDocked, getDockedWidth, everyOpenDocked]);
 };
 
 // src/components/Plugins/PluginRegistry.ts
@@ -387,7 +386,6 @@ var ThAudioProgress = ({
   segments,
   compounds
 }) => {
-  const { direction } = useLocale();
   const anchorRef = useRef(null);
   const overlayRef = useObjectRef(compounds?.tooltip?.ref);
   const [isOpen, setIsOpen] = useState(false);
@@ -425,12 +423,10 @@ var ThAudioProgress = ({
   const handleTrackMouseMove = (e) => {
     const rect = e.currentTarget.getBoundingClientRect();
     const raw = (e.clientX - rect.left) / rect.width;
-    const x = Math.max(0, Math.min(1, direction === "rtl" ? 1 - raw : raw));
+    const x = Math.max(0, Math.min(1, raw));
     if (anchorRef.current) {
-      const side = direction === "rtl" ? "right" : "left";
-      anchorRef.current.style.left = "";
+      anchorRef.current.style.left = `${x * 100}%`;
       anchorRef.current.style.right = "";
-      anchorRef.current.style[side] = `${x * 100}%`;
       updatePosition();
     }
     if (!isOpen) setIsOpen(true);
@@ -479,7 +475,7 @@ var ThAudioProgress = ({
                 {
                   ...compounds?.seekableRange,
                   style: {
-                    [direction === "rtl" ? "right" : "left"]: `${range.start / duration * 100}%`,
+                    left: `${range.start / duration * 100}%`,
                     width: `${(range.end - range.start) / duration * 100}%`,
                     ...compounds?.seekableRange?.style
                   }
@@ -492,7 +488,7 @@ var ThAudioProgress = ({
                   ...compounds?.fragmentTick,
                   style: {
                     position: "absolute",
-                    [direction === "rtl" ? "right" : "left"]: `${segment.percentage}%`,
+                    left: `${segment.percentage}%`,
                     ...compounds?.fragmentTick?.style
                   }
                 },
@@ -502,7 +498,7 @@ var ThAudioProgress = ({
                 "span",
                 {
                   ref: anchorRef,
-                  style: { position: "absolute", [direction === "rtl" ? "right" : "left"]: "0%", width: 0, height: "100%", top: 0 },
+                  style: { position: "absolute", left: "0%", width: 0, height: "100%", top: 0 },
                   "aria-hidden": "true"
                 }
               ),
@@ -1347,11 +1343,12 @@ var ThLoader = ({
     {
       ref,
       ...props,
+      style: { position: "relative", ...props.style },
       "aria-busy": isLoading,
       "aria-live": "polite",
       children: [
-        isLoading && loader,
-        children
+        children,
+        isLoading && /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, zIndex: 1e4 }, children: loader })
       ]
     }
   ) });
@@ -1400,44 +1397,45 @@ var ThInteractiveOverlay = ({
 };
 var ThPagination = ({
   ref,
-  direction = "left",
   links,
   compounds,
   children,
-  ...props
+  dir,
+  ...restProps
 }) => {
   if (!links) {
     return null;
   }
-  const { previous, next } = links;
+  const { left, right } = links;
   return /* @__PURE__ */ jsxs(
     "nav",
     {
       ref,
-      ...props,
+      dir: "ltr",
+      ...restProps,
       children: [
-        previous && /* @__PURE__ */ jsx("li", { ...compounds?.listItem, children: /* @__PURE__ */ jsxs(
+        left && /* @__PURE__ */ jsx("li", { ...compounds?.listItem, children: /* @__PURE__ */ jsxs(
           Button,
           {
-            ...compounds?.previousButton,
+            ...compounds?.leftButton,
             type: "button",
-            onPress: previous.onPress,
+            onPress: left.onPress,
             children: [
-              previous.icon ? /* @__PURE__ */ jsx(previous.icon, { "aria-hidden": "true", focusable: "false" }) : direction === "left" ? /* @__PURE__ */ jsx(arrow_back_default, { "aria-hidden": "true", focusable: "false" }) : /* @__PURE__ */ jsx(arrow_forward_default, { "aria-hidden": "true", focusable: "false" }),
-              previous.node
+              left.icon ? /* @__PURE__ */ jsx(left.icon, { "aria-hidden": "true", focusable: "false" }) : /* @__PURE__ */ jsx(arrow_back_default, { "aria-hidden": "true", focusable: "false" }),
+              left.node
             ]
           }
         ) }),
-        children && /* @__PURE__ */ jsx("li", { ...compounds?.listItem, children }),
-        next && /* @__PURE__ */ jsx("li", { ...compounds?.listItem, children: /* @__PURE__ */ jsxs(
+        children && /* @__PURE__ */ jsx("li", { ...compounds?.listItem, dir, children }),
+        right && /* @__PURE__ */ jsx("li", { ...compounds?.listItem, children: /* @__PURE__ */ jsxs(
           Button,
           {
-            ...compounds?.nextButton,
+            ...compounds?.rightButton,
             type: "button",
-            onPress: next.onPress,
+            onPress: right.onPress,
             children: [
-              next.node,
-              next.icon ? /* @__PURE__ */ jsx(next.icon, { "aria-hidden": "true", focusable: "false" }) : direction === "left" ? /* @__PURE__ */ jsx(arrow_forward_default, { "aria-hidden": "true", focusable: "false" }) : /* @__PURE__ */ jsx(arrow_back_default, { "aria-hidden": "true", focusable: "false" })
+              right.node,
+              right.icon ? /* @__PURE__ */ jsx(right.icon, { "aria-hidden": "true", focusable: "false" }) : /* @__PURE__ */ jsx(arrow_forward_default, { "aria-hidden": "true", focusable: "false" })
             ]
           }
         ) })
@@ -1878,5 +1876,5 @@ var ThGrid = ({
 };
 
 export { ThActionButton, ThActionsBar, ThActionsTriggerVariant, ThAudioProgress, ThBackArrow, ThBottomSheet, ThCloseButton, ThCollapsibleActionsBar, ThContainerBody, ThContainerHeader, ThContainerHeaderWithClose, ThContainerHeaderWithPrevious, ThDeleteButton, ThDockedPanel, ThDragIndicatorButton, ThDropdown, ThDropdownButton, ThFooter, ThForm, ThFormNumberField, ThFormSearchField, ThFormTextField, ThGrid, ThHeader, ThHome, ThInteractiveOverlay, ThLibrary, ThLink, ThLoader, ThMenu, ThMenuButton, ThMenuItem, ThModal, ThNavigationButton, ThNumberField, ThPagination, ThPluginProvider, ThPluginRegistry, ThPopover, ThRadioGroup, ThRunningHead, ThSettingsResetButton, ThSettingsWrapper, ThSettingsWrapperButton, ThSlider, ThSliderWithPresets, ThSwitch, ThTypedComponentRenderer, useActionComponentStatus, useActions, useFirstFocusable, usePlugins };
-//# sourceMappingURL=chunk-4ODYHZKD.mjs.map
-//# sourceMappingURL=chunk-4ODYHZKD.mjs.map
+//# sourceMappingURL=chunk-P6ILEQ5P.mjs.map
+//# sourceMappingURL=chunk-P6ILEQ5P.mjs.map