@proyecto-viviana/solidaria 0.2.5 → 0.2.8

package/src/i18n/utils.ts

@@ -1,99 +1,99 @@
-/**
- * i18n utilities for solidaria
- *
- * RTL detection and locale utilities.
- *
- * Port of @react-aria/i18n utils.
- */
-
-// https://en.wikipedia.org/wiki/Right-to-left
-const RTL_SCRIPTS = new Set([
-  'Arab',
-  'Syrc',
-  'Samr',
-  'Mand',
-  'Thaa',
-  'Mend',
-  'Nkoo',
-  'Adlm',
-  'Rohg',
-  'Hebr',
-]);
-
-const RTL_LANGS = new Set([
-  'ae',
-  'ar',
-  'arc',
-  'bcc',
-  'bqi',
-  'ckb',
-  'dv',
-  'fa',
-  'glk',
-  'he',
-  'ku',
-  'mzn',
-  'nqo',
-  'pnb',
-  'ps',
-  'sd',
-  'ug',
-  'ur',
-  'yi',
-]);
-
-/**
- * Determines if a locale is read right to left.
- * Uses Intl.Locale API when available for accurate detection.
- */
-export function isRTL(localeString: string): boolean {
-  // If the Intl.Locale API is available, use it to get the locale's text direction.
-  if (typeof Intl !== 'undefined' && Intl.Locale) {
-    try {
-      const locale = new Intl.Locale(localeString).maximize();
-
-      // Use the text info object to get the direction if possible.
-      // getTextInfo() was implemented as a property by some browsers before it was standardized as a function.
-      const localeAny = locale as unknown as {
-        getTextInfo?: () => { direction: string };
-        textInfo?: { direction: string };
-      };
-      const textInfo = typeof localeAny.getTextInfo === 'function'
-        ? localeAny.getTextInfo()
-        : localeAny.textInfo;
-
-      if (textInfo) {
-        return textInfo.direction === 'rtl';
-      }
-
-      // Fallback: guess using the script.
-      if (locale.script) {
-        return RTL_SCRIPTS.has(locale.script);
-      }
-    } catch {
-      // Fall through to language-based detection
-    }
-  }
-
-  // If not, just guess by the language (first part of the locale)
-  const lang = localeString.split('-')[0];
-  return RTL_LANGS.has(lang);
-}
-
-/**
- * Creates a cache key for formatter options.
- */
-export function createCacheKey(
-  locale: string,
-  options?: Record<string, unknown>
-): string {
-  if (!options) {
-    return locale;
-  }
-  return (
-    locale +
-    Object.entries(options)
-      .sort((a, b) => (a[0] < b[0] ? -1 : 1))
-      .join()
-  );
-}
+/**
+ * i18n utilities for solidaria
+ *
+ * RTL detection and locale utilities.
+ *
+ * Port of @react-aria/i18n utils.
+ */
+
+// https://en.wikipedia.org/wiki/Right-to-left
+const RTL_SCRIPTS = new Set([
+  'Arab',
+  'Syrc',
+  'Samr',
+  'Mand',
+  'Thaa',
+  'Mend',
+  'Nkoo',
+  'Adlm',
+  'Rohg',
+  'Hebr',
+]);
+
+const RTL_LANGS = new Set([
+  'ae',
+  'ar',
+  'arc',
+  'bcc',
+  'bqi',
+  'ckb',
+  'dv',
+  'fa',
+  'glk',
+  'he',
+  'ku',
+  'mzn',
+  'nqo',
+  'pnb',
+  'ps',
+  'sd',
+  'ug',
+  'ur',
+  'yi',
+]);
+
+/**
+ * Determines if a locale is read right to left.
+ * Uses Intl.Locale API when available for accurate detection.
+ */
+export function isRTL(localeString: string): boolean {
+  // If the Intl.Locale API is available, use it to get the locale's text direction.
+  if (typeof Intl !== 'undefined' && Intl.Locale) {
+    try {
+      const locale = new Intl.Locale(localeString).maximize();
+
+      // Use the text info object to get the direction if possible.
+      // getTextInfo() was implemented as a property by some browsers before it was standardized as a function.
+      const localeAny = locale as unknown as {
+        getTextInfo?: () => { direction: string };
+        textInfo?: { direction: string };
+      };
+      const textInfo = typeof localeAny.getTextInfo === 'function'
+        ? localeAny.getTextInfo()
+        : localeAny.textInfo;
+
+      if (textInfo) {
+        return textInfo.direction === 'rtl';
+      }
+
+      // Fallback: guess using the script.
+      if (locale.script) {
+        return RTL_SCRIPTS.has(locale.script);
+      }
+    } catch {
+      // Fall through to language-based detection
+    }
+  }
+
+  // If not, just guess by the language (first part of the locale)
+  const lang = localeString.split('-')[0];
+  return RTL_LANGS.has(lang);
+}
+
+/**
+ * Creates a cache key for formatter options.
+ */
+export function createCacheKey(
+  locale: string,
+  options?: Record<string, unknown>
+): string {
+  if (!options) {
+    return locale;
+  }
+  return (
+    locale +
+    Object.entries(options)
+      .sort((a, b) => (a[0] < b[0] ? -1 : 1))
+      .join()
+  );
+}

package/src/index.ts

@@ -2,12 +2,48 @@
 export {
   createButton,
   createToggleButton,
+  createToggleButtonGroup,
+  createToggleButtonGroupItem,
   type AriaButtonProps,
   type ButtonAria,
   type AriaToggleButtonProps,
   type ToggleButtonAria,
+  type AriaToggleButtonGroupProps,
+  type ToggleButtonGroupAria,
+  type AriaToggleButtonGroupItemProps,
 } from './button';
 
+// ActionGroup
+export {
+  createActionGroup,
+  createActionGroupItem,
+  type AriaActionGroupProps,
+  type ActionGroupAria,
+  type AriaActionGroupItemProps,
+  type ActionGroupItemAria,
+} from './actiongroup';
+
+// Collections
+export {
+  CollectionBuilder,
+  Collection,
+  createLeafComponent,
+  createBranchComponent,
+  createHideableComponent,
+  useIsHidden,
+  useCachedChildren,
+  BaseCollection,
+  type CollectionBuilderProps,
+  type CollectionProps,
+  type CachedChildrenOptions,
+  type CollectionNode,
+  type ItemNode,
+  type SectionNode,
+  type FilterableNode,
+  type LoaderNode,
+  type HeaderNode,
+} from './collections';
+
 // Checkbox
 export {
   createCheckbox,
@@ -204,11 +240,15 @@ export {
   ModalProvider,
   OverlayProvider,
   OverlayContainer,
+  UNSAFE_PortalProvider,
   useModalProvider,
+  useUNSAFE_PortalContext,
   createModal,
   type ModalProviderProps,
   type ModalProviderAria,
   type OverlayContainerProps,
+  type PortalProviderProps,
+  type PortalProviderContextValue,
   type AriaModalOptions,
   type ModalAria,
 } from './overlays';
@@ -443,11 +483,18 @@ export {
   createTimeField,
   type AriaTimeFieldProps,
   type TimeFieldAria,
+  // Time Segment
+  createTimeSegment,
+  type AriaTimeSegmentProps,
+  type TimeSegmentAria,
   // Date Picker
   createDatePicker,
+  createDateRangePicker,
   type AriaDatePickerProps,
   type DatePickerAria,
   type DatePickerState,
+  type AriaDateRangePickerProps,
+  type DateRangePickerAria,
 } from './datepicker';
 
 // Grid
@@ -555,6 +602,10 @@ export {
   // Global state
   setGlobalDraggingCollectionRef,
   getGlobalDraggingCollectionRef,
+  setGlobalDraggingKeys,
+  getGlobalDraggingKeys,
+  setGlobalDraggingTypes,
+  getGlobalDraggingTypes,
   setGlobalDropCollectionRef,
   getGlobalDropCollectionRef,
   // Types

package/src/interactions/createFocus.ts

@@ -40,9 +40,7 @@ export interface FocusResult {
  * Most browsers fire a native focusout event in this case, except for Firefox.
  * We use a MutationObserver to watch for the disabled attribute.
  */
-function createSyntheticBlurHandler(
-  onBlur: ((e: FocusEvent) => void) | undefined
-): (_e: FocusEvent, target: Element) => (() => void) | undefined {
+function createSyntheticBlurHandler(): (_e: FocusEvent, target: Element) => (() => void) | undefined {
   let isFocused = false;
   let observer: MutationObserver | null = null;
 
@@ -68,8 +66,11 @@ function createSyntheticBlurHandler(
 
       observer = new MutationObserver(() => {
         if (isFocused && (target as HTMLButtonElement).disabled) {
+          isFocused = false;
           observer?.disconnect();
-          const relatedTarget = target === document.activeElement ? null : document.activeElement;
+          observer = null;
+          const ownerDocument = target.ownerDocument;
+          const relatedTarget = target === ownerDocument.activeElement ? null : ownerDocument.activeElement;
           target.dispatchEvent(new FocusEvent('blur', { relatedTarget }));
           target.dispatchEvent(new FocusEvent('focusout', { bubbles: true, relatedTarget }));
         }
@@ -100,7 +101,7 @@ export function createFocus(props: CreateFocusProps = {}): FocusResult {
   const { isDisabled, onFocus: onFocusProp, onBlur: onBlurProp, onFocusChange } = props;
 
   let cleanupRef: (() => void) | undefined;
-  const syntheticBlurHandler = createSyntheticBlurHandler(onBlurProp);
+  const syntheticBlurHandler = createSyntheticBlurHandler();
 
   // Cleanup on unmount
   onCleanup(() => {

package/src/interactions/createFocusWithin.ts

@@ -32,9 +32,7 @@ function getActiveElement(doc: Document): Element | null {
   return activeElement;
 }
 
-function createSyntheticBlurHandler(
-  onBlurWithin: ((e: FocusEvent) => void) | undefined
-): (_e: FocusEvent, target: Element) => (() => void) | undefined {
+function createSyntheticBlurHandler(): (_e: FocusEvent, target: Element) => (() => void) | undefined {
   let isFocused = false;
   let observer: MutationObserver | null = null;
 
@@ -60,8 +58,11 @@ function createSyntheticBlurHandler(
 
       observer = new MutationObserver(() => {
         if (isFocused && (target as HTMLButtonElement).disabled) {
+          isFocused = false;
           observer?.disconnect();
-          const relatedTarget = target === document.activeElement ? null : document.activeElement;
+          observer = null;
+          const ownerDocument = target.ownerDocument;
+          const relatedTarget = target === ownerDocument.activeElement ? null : ownerDocument.activeElement;
           target.dispatchEvent(new FocusEvent('blur', { relatedTarget }));
           target.dispatchEvent(new FocusEvent('focusout', { bubbles: true, relatedTarget }));
         }
@@ -94,7 +95,7 @@ export function createFocusWithin(props: FocusWithinProps = {}): FocusWithinResu
 
   // Global listeners manager
   const { addGlobalListener, removeAllGlobalListeners } = createGlobalListeners();
-  const syntheticBlurHandler = createSyntheticBlurHandler(onBlurWithin);
+  const syntheticBlurHandler = createSyntheticBlurHandler();
   let cleanupRef: (() => void) | undefined;
 
   // Cleanup on unmount