@edrlab/thorium-web 1.4.1 → 1.5.1

package/dist/{chunk-ETLIGONP.mjs → chunk-AXX4U2FW.mjs}

@@ -1,9 +1,9 @@
 import { usePrevious } from './chunk-YZ73DHRU.mjs';
 import { useCollapsibility } from './chunk-AQSJDL63.mjs';
-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 React22, { useCallback, useMemo, useRef, Fragment as Fragment$1, useState, useEffect, createElement } from 'react';
 import { useObjectRef, useOverlayPosition, OverlayContainer, FocusScope, OverlayProvider, useDialog, useOverlay, useModal } from 'react-aria';
 import { Toolbar, TooltipTrigger, Button, Tooltip, MenuTrigger, Popover, Menu, useRenderProps, 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 { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
 import { useOverlayTriggerState } from 'react-stately';
 import { Sheet } from 'react-modal-sheet';
@@ -75,116 +75,6 @@ var useActions = (actionMap) => {
     everyOpenDocked
   }), [findOpen, anyOpen, isOpen, findDocked, anyDocked, isDocked, whichDocked, getDockedWidth, everyOpenDocked]);
 };
-
-// src/components/Plugins/PluginRegistry.ts
-var pluginsStore = [];
-var PluginRegistryClass = class {
-  register(plugin) {
-    const existingPluginIndex = pluginsStore.findIndex((p) => p.id === plugin.id);
-    if (existingPluginIndex >= 0) {
-      pluginsStore[existingPluginIndex] = plugin;
-    } else {
-      pluginsStore.push(plugin);
-    }
-  }
-  unregister(pluginId) {
-    const filteredPlugins = pluginsStore.filter((plugin) => plugin.id !== pluginId);
-    pluginsStore.length = 0;
-    pluginsStore.push(...filteredPlugins);
-  }
-  getPlugins() {
-    return [...pluginsStore];
-  }
-  getComponentMaps() {
-    const actionsComponentsMap = {};
-    const settingsComponentsMap = {};
-    const primaryAudioActionsMap = {};
-    [...pluginsStore].reverse().forEach((plugin) => {
-      if (plugin.components.actions) {
-        Object.entries(plugin.components.actions).forEach(([key, component]) => {
-          actionsComponentsMap[key] = component;
-        });
-      }
-      if (plugin.components.settings) {
-        Object.entries(plugin.components.settings).forEach(([key, component]) => {
-          settingsComponentsMap[key] = component;
-        });
-      }
-      if (plugin.components.primaryAudioActions) {
-        Object.entries(plugin.components.primaryAudioActions).forEach(([key, component]) => {
-          primaryAudioActionsMap[key] = component;
-        });
-      }
-    });
-    return {
-      actionsComponentsMap,
-      settingsComponentsMap,
-      primaryAudioActionsMap
-    };
-  }
-};
-var ThPluginRegistry = new PluginRegistryClass();
-var ThPluginContext = createContext({
-  actionsComponentsMap: {},
-  settingsComponentsMap: {},
-  textSettingsComponentsMap: {},
-  spacingSettingsComponentsMap: {},
-  primaryAudioActionsMap: {},
-  registerPlugin: ThPluginRegistry.register.bind(ThPluginRegistry),
-  unregisterPlugin: ThPluginRegistry.unregister.bind(ThPluginRegistry)
-});
-var usePlugins = () => useContext(ThPluginContext);
-var ThPluginProvider = ({ children }) => {
-  const [componentMaps, setComponentMaps] = useState(() => {
-    const maps = ThPluginRegistry.getComponentMaps();
-    return {
-      ...maps,
-      textSettingsComponentsMap: getTypedSettingsComponents(maps.settingsComponentsMap, "text"),
-      spacingSettingsComponentsMap: getTypedSettingsComponents(maps.settingsComponentsMap, "spacing")
-    };
-  });
-  function getTypedSettingsComponents(componentsMap, type) {
-    return Object.entries(componentsMap).filter(([_, component]) => component.type === type).reduce((acc, [key, component]) => {
-      acc[key] = component;
-      return acc;
-    }, {});
-  }
-  useEffect(() => {
-    const updateComponentMaps = () => {
-      const maps = ThPluginRegistry.getComponentMaps();
-      setComponentMaps({
-        ...maps,
-        textSettingsComponentsMap: getTypedSettingsComponents(maps.settingsComponentsMap, "text"),
-        spacingSettingsComponentsMap: getTypedSettingsComponents(maps.settingsComponentsMap, "spacing")
-      });
-    };
-    updateComponentMaps();
-  }, []);
-  const registerPlugin = (plugin) => {
-    ThPluginRegistry.register(plugin);
-  };
-  const unregisterPlugin = (pluginId) => {
-    ThPluginRegistry.unregister(pluginId);
-  };
-  const value = {
-    ...componentMaps,
-    registerPlugin,
-    unregisterPlugin
-  };
-  return /* @__PURE__ */ jsx(ThPluginContext.Provider, { value, children });
-};
-
-// src/core/Components/Actions/hooks/useActionComponentStatus.ts
-function useActionComponentStatus(options) {
-  const { actionKey } = options;
-  const { actionsComponentsMap, primaryAudioActionsMap } = usePlugins();
-  return useMemo(() => {
-    const isComponentRegistered = !!actionsComponentsMap?.[actionKey] || !!primaryAudioActionsMap?.[actionKey];
-    return {
-      isComponentRegistered
-    };
-  }, [actionKey, actionsComponentsMap, primaryAudioActionsMap]);
-}
 var ThActionsTriggerVariant = /* @__PURE__ */ ((ThActionsTriggerVariant2) => {
   ThActionsTriggerVariant2["button"] = "iconButton";
   ThActionsTriggerVariant2["menu"] = "menuItem";
@@ -285,7 +175,7 @@ var ThMenu = ({
         {
           ...compounds?.menuTrigger,
           children: [
-            compounds?.button && React23.isValidElement(compounds.button) ? compounds.button : /* @__PURE__ */ jsx(
+            compounds?.button && React22.isValidElement(compounds.button) ? compounds.button : /* @__PURE__ */ jsx(
               ThMenuButton,
               {
                 ref: buttonRef,
@@ -363,7 +253,7 @@ var ThCollapsibleActionsBar = ({
             Target && /* @__PURE__ */ jsx(Target, { triggerRef: resolvedRef, placement: targetPlacement }, `${key}-container`)
           ] }, key)
         ),
-        React23.isValidElement(compounds?.menu) ? React23.cloneElement(compounds.menu, {
+        React22.isValidElement(compounds?.menu) ? React22.cloneElement(compounds.menu, {
           id,
           triggerRef: resolvedRef,
           items: Actions.MenuItems,
@@ -526,8 +416,8 @@ var ThAudioProgress = ({
         children: hoverLabel
       }
     ) }),
-    /* @__PURE__ */ jsx("span", { ...compounds?.elapsedTime, children: defaultElapsedTime }),
-    /* @__PURE__ */ jsx("span", { ...compounds?.remainingTime, children: defaultRemainingTime })
+    /* @__PURE__ */ jsx("span", { ...compounds?.elapsedTime, "aria-hidden": "true", children: defaultElapsedTime }),
+    /* @__PURE__ */ jsx("span", { ...compounds?.remainingTime, "aria-hidden": "true", children: defaultRemainingTime })
   ] });
 };
 var SvgClose = (props) => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "inherit", ...props, children: /* @__PURE__ */ jsx("path", { d: "m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z" }) });
@@ -602,7 +492,7 @@ var ThNavigationButton = ({
   children,
   ...props
 }) => {
-  const fallBackChildren = /* @__PURE__ */ jsxs(React23.Fragment, { children: [
+  const fallBackChildren = /* @__PURE__ */ jsxs(React22.Fragment, { children: [
     direction === "right" ? /* @__PURE__ */ jsx(arrow_forward_default, { "aria-hidden": "true", focusable: "false" }) : /* @__PURE__ */ jsx(arrow_back_default, { "aria-hidden": "true", focusable: "false" }),
     label
   ] });
@@ -744,6 +634,7 @@ var useFirstFocusable = (props) => {
 };
 var ThPopover = ({
   ref,
+  id,
   triggerRef,
   focusOptions,
   compounds,
@@ -768,12 +659,13 @@ var ThPopover = ({
       triggerRef,
       maxHeight: maxHeight || computeMaxHeight(),
       ...props,
-      children: /* @__PURE__ */ jsx(Dialog, { ...compounds?.dialog, children })
+      children: /* @__PURE__ */ jsx(Dialog, { id, ...compounds?.dialog, children })
     }
   );
 };
 var ThModal = ({
   ref,
+  id,
   focusOptions,
   compounds,
   children,
@@ -790,7 +682,7 @@ var ThModal = ({
     {
       ref: resolvedRef,
       ...props,
-      children: /* @__PURE__ */ jsx(Dialog, { ...compounds?.dialog, children })
+      children: /* @__PURE__ */ jsx(Dialog, { id, ...compounds?.dialog, children })
     }
   );
 };
@@ -959,7 +851,7 @@ var ThBottomSheetContainer = ({
   const [Header, Body] = useMemo(() => {
     const header = children.find((child) => child.type === ThContainerHeader);
     const body = children.find((child) => child.type === ThContainerBody);
-    const modifiedHeader = header ? React23.cloneElement(header, {
+    const modifiedHeader = header ? React22.cloneElement(header, {
       ...header.props,
       compounds: {
         ...header.props.compounds,
@@ -1085,7 +977,7 @@ var ThTypedComponentRenderer = ({
   if (!Component) {
     throw new Error(`Unsupported type: ${type}`);
   }
-  return React23.createElement(Component, props, children);
+  return React22.createElement(Component, props, children);
 };
 var ThForm = ({
   ref,
@@ -1101,7 +993,7 @@ var ThForm = ({
       ...props,
       children: [
         children,
-        compounds?.button && React23.isValidElement(compounds.button) ? compounds.button : /* @__PURE__ */ jsx(
+        compounds?.button && React22.isValidElement(compounds.button) ? compounds.button : /* @__PURE__ */ jsx(
           Button,
           {
             ...compounds?.button,
@@ -1183,8 +1075,8 @@ var ThFormSearchField = ({
         label && /* @__PURE__ */ jsx(Label, { ...compounds?.label, children: label }),
         errorMessage && /* @__PURE__ */ jsx(FieldError, { ...compounds?.fieldError, children: errorMessage }),
         /* @__PURE__ */ jsx(Input, { ...compounds?.input }),
-        compounds?.searchIcon && React23.isValidElement(compounds.searchIcon) ? compounds.searchIcon : /* @__PURE__ */ jsx("div", { ...compounds?.searchIcon, children: /* @__PURE__ */ jsx(search_default, { "aria-hidden": "true", focusable: "false" }) }),
-        compounds?.clearButton && React23.isValidElement(compounds.clearButton) ? compounds.clearButton : /* @__PURE__ */ jsx(ThCloseButton, { ...compounds?.clearButton, type: "button" }),
+        compounds?.searchIcon && React22.isValidElement(compounds.searchIcon) ? compounds.searchIcon : /* @__PURE__ */ jsx("div", { ...compounds?.searchIcon, children: /* @__PURE__ */ jsx(search_default, { "aria-hidden": "true", focusable: "false" }) }),
+        compounds?.clearButton && React22.isValidElement(compounds.clearButton) ? compounds.clearButton : /* @__PURE__ */ jsx(ThCloseButton, { ...compounds?.clearButton, type: "button" }),
         compounds?.description && /* @__PURE__ */ jsx(Text, { slot: "description", children: compounds?.description })
       ] }) })
     }
@@ -1583,7 +1475,7 @@ var ThRadioGroup = ({
       }
     }
   }, [items, value]);
-  if (React23.isValidElement(children)) {
+  if (React22.isValidElement(children)) {
     return /* @__PURE__ */ jsxs(
       RadioGroup,
       {
@@ -1614,7 +1506,7 @@ var ThRadioGroup = ({
               value: item.value,
               isDisabled: item.isDisabled
             },
-            /* @__PURE__ */ jsxs(React23.Fragment, { children: [
+            /* @__PURE__ */ jsxs(React22.Fragment, { children: [
               item.icon && /* @__PURE__ */ jsx(item.icon, { "aria-hidden": "true", focusable: "false" }),
               /* @__PURE__ */ jsx("span", { ...compounds?.radioLabel, children: item.label })
             ] })
@@ -1761,7 +1653,7 @@ var ThDropdown = ({
   compounds,
   ...props
 }) => {
-  if (!items && !React23.isValidElement(compounds?.listbox)) {
+  if (!items && !React22.isValidElement(compounds?.listbox)) {
     return null;
   }
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
@@ -1771,12 +1663,12 @@ var ThDropdown = ({
       ...props,
       children: [
         label && /* @__PURE__ */ jsx(Label, { ...compounds?.label, children: label }),
-        compounds?.button && React23.isValidElement(compounds.button) ? compounds.button : /* @__PURE__ */ jsx(ThDropdownButton, { ...compounds?.button }),
+        compounds?.button && React22.isValidElement(compounds.button) ? compounds.button : /* @__PURE__ */ jsx(ThDropdownButton, { ...compounds?.button }),
         /* @__PURE__ */ jsx(
           Popover,
           {
             ...compounds?.popover,
-            children: compounds?.listbox && React23.isValidElement(compounds.listbox) ? compounds.listbox : /* @__PURE__ */ jsx(
+            children: compounds?.listbox && React22.isValidElement(compounds.listbox) ? compounds.listbox : /* @__PURE__ */ jsx(
               ListBox,
               {
                 items,
@@ -1839,7 +1731,7 @@ var ThSettingsWrapper = ({
         ref,
         ...props,
         children: [
-          isAdvanced && (compounds?.heading && React23.isValidElement(compounds.heading) ? compounds.heading : label && /* @__PURE__ */ jsx(Heading, { ...compounds?.heading || {}, children: label })),
+          isAdvanced && (compounds?.heading && React22.isValidElement(compounds.heading) ? compounds.heading : label && /* @__PURE__ */ jsx(Heading, { ...compounds?.heading || {}, children: label })),
           main.map((key, index) => {
             const match = items[key];
             return match && /* @__PURE__ */ jsx(match.Comp, { standalone: !isAdvanced || index !== 0, ...props }, key);
@@ -1883,6 +1775,6 @@ 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-ETLIGONP.mjs.map
-//# sourceMappingURL=chunk-ETLIGONP.mjs.map
+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, ThPopover, ThRadioGroup, ThRunningHead, ThSettingsResetButton, ThSettingsWrapper, ThSettingsWrapperButton, ThSlider, ThSliderWithPresets, ThSwitch, ThTypedComponentRenderer, useActions, useFirstFocusable };
+//# sourceMappingURL=chunk-AXX4U2FW.mjs.map
+//# sourceMappingURL=chunk-AXX4U2FW.mjs.map