@mieweb/ui 0.11.0-dev.44 → 0.11.0-dev.45

package/dist/{chunk-YVKBXNPK.js → chunk-JBNQ2L3K.js}

@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useRef } from 'react';
 
 // src/hooks/useDirection.ts
 var RTL_LOCALES = ["ar", "he", "fa", "ur"];
@@ -29,13 +29,17 @@ function useDirection(elementRef) {
     });
     return () => observer.disconnect();
   }, [elementRef]);
-  const currentElement = elementRef?.current ?? null;
+  const lastElement = useRef(null);
   useEffect(() => {
-    setDirection(resolveDirection(currentElement));
-  }, [currentElement]);
+    const element = elementRef?.current ?? null;
+    if (element !== lastElement.current) {
+      lastElement.current = element;
+      setDirection(resolveDirection(element));
+    }
+  });
   return direction;
 }
 
 export { RTL_LOCALES, isRtl, isRtlLocale, useDirection };
-//# sourceMappingURL=chunk-YVKBXNPK.js.map
-//# sourceMappingURL=chunk-YVKBXNPK.js.map
+//# sourceMappingURL=chunk-JBNQ2L3K.js.map
+//# sourceMappingURL=chunk-JBNQ2L3K.js.map

package/dist/chunk-JBNQ2L3K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useDirection.ts"],"names":[],"mappings":";;;AAMO,IAAM,WAAA,GAAc,CAAC,IAAA,EAAM,IAAA,EAAM,MAAM,IAAI;AAM3C,SAAS,YAAY,MAAA,EAAyB;AACnD,EAAA,MAAM,OAAO,MAAA,CAAO,WAAA,GAAc,KAAA,CAAM,MAAM,EAAE,CAAC,CAAA;AACjD,EAAA,OAAQ,WAAA,CAAkC,SAAS,IAAI,CAAA;AACzD;AAEA,SAAS,iBAAiB,OAAA,EAAqC;AAC7D,EAAA,IAAI,OAAO,QAAA,KAAa,WAAA,EAAa,OAAO,KAAA;AAC5C,EAAA,MAAM,MAAA,GAAS,WAAW,QAAA,CAAS,eAAA;AACnC,EAAA,OAAO,gBAAA,CAAiB,MAAM,CAAA,CAAE,SAAA,KAAc,QAAQ,KAAA,GAAQ,KAAA;AAChE;AAaO,SAAS,MAAM,OAAA,EAAmC;AACvD,EAAA,OAAO,gBAAA,CAAiB,OAAO,CAAA,KAAM,KAAA;AACvC;AAoBO,SAAS,aACd,UAAA,EACW;AACX,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAAA;AAAA,IAAoB,MACpD,gBAAA,CAAiB,UAAA,EAAY,OAAO;AAAA,GACtC;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,SAAS,MAAM,YAAA,CAAa,gBAAA,CAAiB,UAAA,EAAY,OAAO,CAAC,CAAA;AACvE,IAAA,MAAA,EAAO;AAEP,IAAA,MAAM,QAAA,GAAW,IAAI,gBAAA,CAAiB,MAAM,CAAA;AAC5C,IAAA,QAAA,CAAS,OAAA,CAAQ,SAAS,eAAA,EAAiB;AAAA,MACzC,UAAA,EAAY,IAAA;AAAA,MACZ,eAAA,EAAiB,CAAC,KAAK,CAAA;AAAA,MACvB,OAAA,EAAS;AAAA,KACV,CAAA;AACD,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAUf,EAAA,MAAM,WAAA,GAAc,OAAuB,IAAI,CAAA;AAE/C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,OAAA,GAAU,YAAY,OAAA,IAAW,IAAA;AACvC,IAAA,IAAI,OAAA,KAAY,YAAY,OAAA,EAAS;AACnC,MAAA,WAAA,CAAY,OAAA,GAAU,OAAA;AACtB,MAAA,YAAA,CAAa,gBAAA,CAAiB,OAAO,CAAC,CAAA;AAAA,IACxC;AAAA,EACF,CAAC,CAAA;AAED,EAAA,OAAO,SAAA;AACT","file":"chunk-JBNQ2L3K.js","sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport type { RefObject } from 'react';\n\nexport type Direction = 'ltr' | 'rtl';\n\n/** Locales whose primary script reads right-to-left. */\nexport const RTL_LOCALES = ['ar', 'he', 'fa', 'ur'] as const;\n\n/**\n * Returns true when the given locale (e.g. `ar`, `ar-SA`, `he_IL`) uses a\n * right-to-left script.\n */\nexport function isRtlLocale(locale: string): boolean {\n  const lang = locale.toLowerCase().split(/[-_]/)[0];\n  return (RTL_LOCALES as readonly string[]).includes(lang);\n}\n\nfunction resolveDirection(element?: Element | null): Direction {\n  if (typeof document === 'undefined') return 'ltr';\n  const target = element ?? document.documentElement;\n  return getComputedStyle(target).direction === 'rtl' ? 'rtl' : 'ltr';\n}\n\n/**\n * Non-hook check for event handlers: true when the element currently renders\n * right-to-left. Use inside `onKeyDown` to invert ArrowLeft/ArrowRight so\n * horizontal arrows follow the *visual* direction:\n *\n * ```ts\n * const rtl = isRtl(event.currentTarget);\n * ```\n *\n * Prefer `useDirection()` when the direction drives rendering.\n */\nexport function isRtl(element?: Element | null): boolean {\n  return resolveDirection(element) === 'rtl';\n}\n\n/**\n * Hook returning the effective text direction (`ltr` | `rtl`) inherited from\n * the nearest `dir` attribute — zero setup for consumers who set\n * `<html dir=\"rtl\">`.\n *\n * Use for JS-level direction logic that CSS logical properties can't cover:\n * inverting ArrowLeft/ArrowRight keyboard handling, popover/toast placement,\n * drag math, etc.\n *\n * @param elementRef - Optional ref; when provided, direction is resolved from\n *   that element (respecting any local `dir` override) instead of `<html>`.\n *\n * @example\n * ```tsx\n * const direction = useDirection();\n * const nextKey = direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight';\n * ```\n */\nexport function useDirection(\n  elementRef?: RefObject<HTMLElement | null>\n): Direction {\n  const [direction, setDirection] = useState<Direction>(() =>\n    resolveDirection(elementRef?.current)\n  );\n\n  useEffect(() => {\n    const update = () => setDirection(resolveDirection(elementRef?.current));\n    update();\n    // dir changes are rare; observing the whole tree for just this attribute is cheap.\n    const observer = new MutationObserver(update);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['dir'],\n      subtree: true,\n    });\n    return () => observer.disconnect();\n  }, [elementRef]);\n\n  // Re-sync when a commit points elementRef.current at a different node: the\n  // MutationObserver only fires on `dir` attribute mutations, so a replaced\n  // ref target whose `dir` was already set before insertion would otherwise\n  // go stale. No dependency array — ref targets are swapped during commit,\n  // *after* render captured any snapshot, so the check must run after every\n  // commit (ref targets change without this hook's deps re-rendering). The\n  // identity guard keeps it to one comparison per render and prevents\n  // update loops.\n  const lastElement = useRef<Element | null>(null);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => {\n    const element = elementRef?.current ?? null;\n    if (element !== lastElement.current) {\n      lastElement.current = element;\n      setDirection(resolveDirection(element));\n    }\n  });\n\n  return direction;\n}\n"]}

package/dist/{chunk-GU6TPVXF.cjs → chunk-JK2IWOI7.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkKQXD6BFO_cjs = require('./chunk-KQXD6BFO.cjs');
+var chunkXM3D4KAF_cjs = require('./chunk-XM3D4KAF.cjs');
 var luxon = require('luxon');
 var templit = require('@mieweb/templit');
 var markdown = require('@mieweb/templit/markdown');
@@ -1304,7 +1304,7 @@ async function renderEncounterMdy(source) {
   let parsed = parseEncounterMdy(source);
   let fields = fieldsFromFrontMatter(parsed.frontMatter ?? {});
   if (parsed.definition && parsed.response) {
-    const { createEncounterSnapshot: createEncounterSnapshot2 } = await import('./model-5PB6KNYH.cjs');
+    const { createEncounterSnapshot: createEncounterSnapshot2 } = await import('./model-2TISYEYF.cjs');
     const snapshot = createEncounterSnapshot2(parsed.definition, {
       ...parsed.response,
       [ENCOUNTER_DOCUMENT_FIELD_ID]: encounterDocumentResponse(source)
@@ -1940,7 +1940,7 @@ function validateCoding(section, parsed, fieldId, externalConcerns = []) {
     if (Array.isArray(parsed.concerns))
       parsed.concerns.forEach((entry, index) => {
         if (!record2(entry) || !Array.isArray(entry.assertions)) return;
-        const assertion = chunkKQXD6BFO_cjs.currentAssertion(
+        const assertion = chunkXM3D4KAF_cjs.currentAssertion(
           entry
         );
         if (!assertion?.coding?.some(coded)) add(`concerns.${index}.coding`);
@@ -2273,7 +2273,7 @@ function exportCustom(section, answer, externalConcerns = []) {
   }
   if (section.kind === "conditions") {
     return parsed.concerns.flatMap((concern) => {
-      const assertion = chunkKQXD6BFO_cjs.currentAssertion(concern);
+      const assertion = chunkXM3D4KAF_cjs.currentAssertion(concern);
       if (!assertion) return [];
       return [
         {
@@ -2453,5 +2453,5 @@ exports.validateEncounterMedicationValue = validateEncounterMedicationValue;
 exports.validateEncounterPlan = validateEncounterPlan;
 exports.validateEncounterResponses = validateEncounterResponses;
 exports.validateEncounterVitals = validateEncounterVitals;
-//# sourceMappingURL=chunk-GU6TPVXF.cjs.map
-//# sourceMappingURL=chunk-GU6TPVXF.cjs.map
+//# sourceMappingURL=chunk-JK2IWOI7.cjs.map
+//# sourceMappingURL=chunk-JK2IWOI7.cjs.map