react-intlayer/dist/esm/IntlayerNode.mjs.map

Easily internationalize i18n your React applications with type-safe multilingual content management.

{"version":3,"file":"IntlayerNode.mjs","names":["element: ReactElement<any>"],"sources":["../../src/IntlayerNode.tsx"],"sourcesContent":["import type { NodeProps } from '@intlayer/core';\nimport {\n  isValidElement,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nexport type IntlayerNode<\n  T = NodeProps['children'],\n  AdditionalProps = Record<string, never>,\n> = ReactNode & {\n  value: T;\n} & AdditionalProps;\n\ntype RenderIntlayerNodeProps<T> = PropsWithChildren<{\n  value: T;\n  children: ReactNode;\n  additionalProps?: { [key: string]: any };\n}>;\n\nexport const renderIntlayerNode = <\n  T extends number | string | boolean | undefined | null,\n>({\n  children,\n  value,\n  additionalProps,\n}: RenderIntlayerNodeProps<T>): IntlayerNode<T> => {\n  // If children is not a valid ReactElement, wrap it in a fragment\n  const element: ReactElement<any> = isValidElement(children) ? (\n    children\n  ) : (\n    <>{children}</>\n  );\n\n  // Return a Proxy that pretends to be the original element\n  // but also has a .value getter.\n  return new Proxy(element as ReactElement, {\n    get(target, prop, receiver) {\n      if (prop === 'value') {\n        return value;\n      }\n\n      if (\n        additionalProps &&\n        Object.keys(additionalProps).includes(prop as string)\n      ) {\n        return additionalProps[prop as keyof typeof additionalProps];\n      }\n\n      return Reflect.get(target, prop, receiver);\n    },\n  }) as IntlayerNode<T>;\n};\n"],"mappings":";;;;AAqBA,MAAa,sBAEX,EACA,UACA,OACA,sBACiD;CAEjD,MAAMA,UAA6B,eAAe,SAAS,GACzD,WAEA,gCAAG,WAAY;AAKjB,QAAO,IAAI,MAAM,SAAyB,EACxC,IAAI,QAAQ,MAAM,UAAU;AAC1B,MAAI,SAAS,QACX,QAAO;AAGT,MACE,mBACA,OAAO,KAAK,gBAAgB,CAAC,SAAS,KAAe,CAErD,QAAO,gBAAgB;AAGzB,SAAO,QAAQ,IAAI,QAAQ,MAAM,SAAS;IAE7C,CAAC"}