@yahoo/uds-mobile 2.24.0-beta.4 → 2.24.0-beta.6

package/dist/portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal.js","names":[],"sources":["../src/portal.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport {\n  createContext,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useReducer,\n} from 'react';\nimport { StyleSheet, View } from 'react-native';\n\n// ---------------------------------------------------------------------------\n// State\n// ---------------------------------------------------------------------------\n\ntype PortalState = Map<string, ReactNode>;\n\ntype PortalAction =\n  { type: 'register'; id: string; node: ReactNode } | { type: 'unregister'; id: string };\n\nfunction portalReducer(state: PortalState, action: PortalAction): PortalState {\n  switch (action.type) {\n    case 'register': {\n      const next = new Map(state);\n      next.set(action.id, action.node);\n      return next;\n    }\n    case 'unregister': {\n      if (!state.has(action.id)) {\n        return state;\n      }\n      const next = new Map(state);\n      next.delete(action.id);\n      return next;\n    }\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ninterface PortalContextValue {\n  register: (id: string, node: ReactNode) => void;\n  unregister: (id: string) => void;\n}\n\nconst PortalContext = createContext<PortalContextValue | null>(null);\n\nfunction usePortalContext(): PortalContextValue {\n  const ctx = useContext(PortalContext);\n  if (!ctx) {\n    throw new Error('Portal must be used within a UDSGestureProvider.');\n  }\n  return ctx;\n}\n\n// ---------------------------------------------------------------------------\n// PortalHost — renders registered portals. Place after children for z-order.\n// ---------------------------------------------------------------------------\n\nconst PortalHost = memo(function PortalHost({ state }: { state: PortalState }) {\n  if (state.size === 0) {\n    return null;\n  }\n\n  const nodes: ReactNode[] = [];\n  state.forEach((node, id) => {\n    nodes.push(\n      <View key={id} style={styles.overlay} pointerEvents=\"box-none\">\n        {node}\n      </View>,\n    );\n  });\n  return nodes;\n});\n\n// ---------------------------------------------------------------------------\n// Portal — registers children with the host. Renders nothing itself.\n// ---------------------------------------------------------------------------\n\nfunction Portal({ children }: { children: ReactNode }) {\n  const id = useId();\n  const { register, unregister } = usePortalContext();\n\n  useEffect(() => {\n    register(id, children);\n  }, [id, children, register]);\n\n  useEffect(() => {\n    return () => unregister(id);\n  }, [id, unregister]);\n\n  return null;\n}\n\n// ---------------------------------------------------------------------------\n// PortalProvider — sets up the portal context and host.\n// ---------------------------------------------------------------------------\n\nfunction PortalProvider({ children }: { children: ReactNode }) {\n  const [state, dispatch] = useReducer(portalReducer, new Map() as PortalState);\n\n  const register = useCallback(\n    (id: string, node: ReactNode) => dispatch({ type: 'register', id, node }),\n    [],\n  );\n  const unregister = useCallback((id: string) => dispatch({ type: 'unregister', id }), []);\n\n  const contextValue = useMemo(() => ({ register, unregister }), [register, unregister]);\n\n  return (\n    <PortalContext.Provider value={contextValue}>\n      {children}\n      <PortalHost state={state} />\n    </PortalContext.Provider>\n  );\n}\n\nconst styles = StyleSheet.create({\n  overlay: {\n    ...StyleSheet.absoluteFill,\n  },\n});\n\nexport { Portal, PortalProvider, usePortalContext };\nexport type { PortalContextValue };\n"],"mappings":";;;;;AAsBA,SAAS,cAAc,OAAoB,QAAmC;CAC5E,QAAQ,OAAO,MAAf;EACE,KAAK,YAAY;GACf,MAAM,OAAO,IAAI,IAAI,MAAM;GAC3B,KAAK,IAAI,OAAO,IAAI,OAAO,KAAK;GAChC,OAAO;;EAET,KAAK,cAAc;GACjB,IAAI,CAAC,MAAM,IAAI,OAAO,GAAG,EACvB,OAAO;GAET,MAAM,OAAO,IAAI,IAAI,MAAM;GAC3B,KAAK,OAAO,OAAO,GAAG;GACtB,OAAO;;;;AAcb,MAAM,gBAAgB,cAAyC,KAAK;AAEpE,SAAS,mBAAuC;CAC9C,MAAM,MAAM,WAAW,cAAc;CACrC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mDAAmD;CAErE,OAAO;;AAOT,MAAM,aAAa,KAAK,SAAS,WAAW,EAAE,SAAiC;CAC7E,IAAI,MAAM,SAAS,GACjB,OAAO;CAGT,MAAM,QAAqB,EAAE;CAC7B,MAAM,SAAS,MAAM,OAAO;EAC1B,MAAM,KACJ,oBAAC,MAAD;GAAe,OAAO,OAAO;GAAS,eAAc;aACjD;GACI,EAFI,GAEJ,CACR;GACD;CACF,OAAO;EACP;AAMF,SAAS,OAAO,EAAE,YAAqC;CACrD,MAAM,KAAK,OAAO;CAClB,MAAM,EAAE,UAAU,eAAe,kBAAkB;CAEnD,gBAAgB;EACd,SAAS,IAAI,SAAS;IACrB;EAAC;EAAI;EAAU;EAAS,CAAC;CAE5B,gBAAgB;EACd,aAAa,WAAW,GAAG;IAC1B,CAAC,IAAI,WAAW,CAAC;CAEpB,OAAO;;AAOT,SAAS,eAAe,EAAE,YAAqC;CAC7D,MAAM,CAAC,OAAO,YAAY,WAAW,+BAAe,IAAI,KAAK,CAAgB;CAE7E,MAAM,WAAW,aACd,IAAY,SAAoB,SAAS;EAAE,MAAM;EAAY;EAAI;EAAM,CAAC,EACzE,EAAE,CACH;CACD,MAAM,aAAa,aAAa,OAAe,SAAS;EAAE,MAAM;EAAc;EAAI,CAAC,EAAE,EAAE,CAAC;CAExF,MAAM,eAAe,eAAe;EAAE;EAAU;EAAY,GAAG,CAAC,UAAU,WAAW,CAAC;CAEtF,OACE,qBAAC,cAAc,UAAf;EAAwB,OAAO;YAA/B,CACG,UACD,oBAAC,YAAD,EAAmB,OAAS,CAAA,CACL;;;AAI7B,MAAM,SAAS,WAAW,OAAO,EAC/B,SAAS,EACP,GAAG,WAAW,cACf,EACF,CAAC"}
+{"version":3,"file":"portal.js","names":[],"sources":["../src/portal.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport {\n  createContext,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useReducer,\n} from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { FontScalingContext } from './fontScaling/FontScalingContext';\n\n// ---------------------------------------------------------------------------\n// State\n// ---------------------------------------------------------------------------\n\ntype PortalState = Map<string, ReactNode>;\n\ntype PortalAction =\n  { type: 'register'; id: string; node: ReactNode } | { type: 'unregister'; id: string };\n\nfunction portalReducer(state: PortalState, action: PortalAction): PortalState {\n  switch (action.type) {\n    case 'register': {\n      const next = new Map(state);\n      next.set(action.id, action.node);\n      return next;\n    }\n    case 'unregister': {\n      if (!state.has(action.id)) {\n        return state;\n      }\n      const next = new Map(state);\n      next.delete(action.id);\n      return next;\n    }\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ninterface PortalContextValue {\n  register: (id: string, node: ReactNode) => void;\n  unregister: (id: string) => void;\n}\n\nconst PortalContext = createContext<PortalContextValue | null>(null);\n\nfunction usePortalContext(): PortalContextValue {\n  const ctx = useContext(PortalContext);\n  if (!ctx) {\n    throw new Error('Portal must be used within a UDSGestureProvider.');\n  }\n  return ctx;\n}\n\n// ---------------------------------------------------------------------------\n// PortalHost — renders registered portals. Place after children for z-order.\n// ---------------------------------------------------------------------------\n\nconst PortalHost = memo(function PortalHost({ state }: { state: PortalState }) {\n  if (state.size === 0) {\n    return null;\n  }\n\n  const nodes: ReactNode[] = [];\n  state.forEach((node, id) => {\n    nodes.push(\n      <View key={id} style={styles.overlay} pointerEvents=\"box-none\">\n        {node}\n      </View>,\n    );\n  });\n  return nodes;\n});\n\n// ---------------------------------------------------------------------------\n// Portal — registers children with the host. Renders nothing itself.\n// ---------------------------------------------------------------------------\n\nfunction Portal({ children }: { children: ReactNode }) {\n  const id = useId();\n  const { register, unregister } = usePortalContext();\n  const fontScalingConfig = useContext(FontScalingContext);\n\n  // This portal host renders beside the app tree, so React context would\n  // otherwise resolve at the host and lose both root and nested overrides.\n  const bridgedChildren = useMemo(\n    () => (\n      <FontScalingContext.Provider value={fontScalingConfig}>\n        {children}\n      </FontScalingContext.Provider>\n    ),\n    [children, fontScalingConfig],\n  );\n\n  useEffect(() => {\n    register(id, bridgedChildren);\n  }, [id, bridgedChildren, register]);\n\n  useEffect(() => {\n    return () => unregister(id);\n  }, [id, unregister]);\n\n  return null;\n}\n\n// ---------------------------------------------------------------------------\n// PortalProvider — sets up the portal context and host.\n// ---------------------------------------------------------------------------\n\nfunction PortalProvider({ children }: { children: ReactNode }) {\n  const [state, dispatch] = useReducer(portalReducer, new Map() as PortalState);\n\n  const register = useCallback(\n    (id: string, node: ReactNode) => dispatch({ type: 'register', id, node }),\n    [],\n  );\n  const unregister = useCallback((id: string) => dispatch({ type: 'unregister', id }), []);\n\n  const contextValue = useMemo(() => ({ register, unregister }), [register, unregister]);\n\n  return (\n    <PortalContext.Provider value={contextValue}>\n      {children}\n      <PortalHost state={state} />\n    </PortalContext.Provider>\n  );\n}\n\nconst styles = StyleSheet.create({\n  overlay: {\n    ...StyleSheet.absoluteFill,\n  },\n});\n\nexport { Portal, PortalProvider, usePortalContext };\nexport type { PortalContextValue };\n"],"mappings":";;;;;;AAwBA,SAAS,cAAc,OAAoB,QAAmC;CAC5E,QAAQ,OAAO,MAAf;EACE,KAAK,YAAY;GACf,MAAM,OAAO,IAAI,IAAI,MAAM;GAC3B,KAAK,IAAI,OAAO,IAAI,OAAO,KAAK;GAChC,OAAO;;EAET,KAAK,cAAc;GACjB,IAAI,CAAC,MAAM,IAAI,OAAO,GAAG,EACvB,OAAO;GAET,MAAM,OAAO,IAAI,IAAI,MAAM;GAC3B,KAAK,OAAO,OAAO,GAAG;GACtB,OAAO;;;;AAcb,MAAM,gBAAgB,cAAyC,KAAK;AAEpE,SAAS,mBAAuC;CAC9C,MAAM,MAAM,WAAW,cAAc;CACrC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mDAAmD;CAErE,OAAO;;AAOT,MAAM,aAAa,KAAK,SAAS,WAAW,EAAE,SAAiC;CAC7E,IAAI,MAAM,SAAS,GACjB,OAAO;CAGT,MAAM,QAAqB,EAAE;CAC7B,MAAM,SAAS,MAAM,OAAO;EAC1B,MAAM,KACJ,oBAAC,MAAD;GAAe,OAAO,OAAO;GAAS,eAAc;aACjD;GACI,EAFI,GAEJ,CACR;GACD;CACF,OAAO;EACP;AAMF,SAAS,OAAO,EAAE,YAAqC;CACrD,MAAM,KAAK,OAAO;CAClB,MAAM,EAAE,UAAU,eAAe,kBAAkB;CACnD,MAAM,oBAAoB,WAAW,mBAAmB;CAIxD,MAAM,kBAAkB,cAEpB,oBAAC,mBAAmB,UAApB;EAA6B,OAAO;EACjC;EAC2B,CAAA,EAEhC,CAAC,UAAU,kBAAkB,CAC9B;CAED,gBAAgB;EACd,SAAS,IAAI,gBAAgB;IAC5B;EAAC;EAAI;EAAiB;EAAS,CAAC;CAEnC,gBAAgB;EACd,aAAa,WAAW,GAAG;IAC1B,CAAC,IAAI,WAAW,CAAC;CAEpB,OAAO;;AAOT,SAAS,eAAe,EAAE,YAAqC;CAC7D,MAAM,CAAC,OAAO,YAAY,WAAW,+BAAe,IAAI,KAAK,CAAgB;CAE7E,MAAM,WAAW,aACd,IAAY,SAAoB,SAAS;EAAE,MAAM;EAAY;EAAI;EAAM,CAAC,EACzE,EAAE,CACH;CACD,MAAM,aAAa,aAAa,OAAe,SAAS;EAAE,MAAM;EAAc;EAAI,CAAC,EAAE,EAAE,CAAC;CAExF,MAAM,eAAe,eAAe;EAAE;EAAU;EAAY,GAAG,CAAC,UAAU,WAAW,CAAC;CAEtF,OACE,qBAAC,cAAc,UAAf;EAAwB,OAAO;YAA/B,CACG,UACD,oBAAC,YAAD,EAAmB,OAAS,CAAA,CACL;;;AAI7B,MAAM,SAAS,WAAW,OAAO,EAC/B,SAAS,EACP,GAAG,WAAW,cACf,EACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yahoo/uds-mobile",
-  "version": "2.24.0-beta.4",
+  "version": "2.24.0-beta.6",
   "type": "module",
   "bin": {
     "uds-mobile": "./cli/uds-mobile.js"