@bigbinary/neeto-commons-frontend 2.1.11 → 2.1.13

package/react-utils.d.ts

@@ -4,6 +4,8 @@ import { Notice } from "@honeybadger-io/js/dist/server/types/core/types";
 import { History } from "history";
 import { StoreApi, UseBoundStore } from "zustand";
 import { UseQueryOptions, UseQueryResult, UseMutationOptions, UseMutationResult } from "react-query";
+import { KeyPrefix, Namespace } from "i18next";
+import { DefaultNamespace } from "react-i18next/TransWithoutContext";
 import { qsOptionsType, QueryParamsType } from "./utils";
 /**
  *
@@ -1315,13 +1317,35 @@ export function useFetchNeetoApps(options?: UseQueryOptions): ReturnType<typeof
  *
  * // Example usage of withT:
  * const ComponentWithTranslation = withT(({ t }) => <div>{t("some.key")}</div>);
+ * 
+ * // Example usage of withT with forwarded ref:
+ * const ComponentWithRef = withT(
+ *   React.forwardRef(({ t }, ref) => <div ref={ref}>{t("some.key")}</div>),
+ *   {
+ *     withRef: true,
+ *   }
+ * );
+ * 
+ * // Example usage of withT with keyPrefix:
+ * const ComponentWithTranslation = withT(
+ *   ({ t }) => (
+ *     // t function will be called with the key "very.nested.key.some.key"
+ *     <div ref={ref}>{t("some.key")}</div>
+ *   ),
+ *   {
+ *     keyPrefix: "very.nested.key",
+ *   }
+ * );
  * @endexample
 */
 export const withT: <Props extends {
   [key: string]: any;
-}>(Component: React.ComponentType<Props & {
+}, N extends Namespace = DefaultNamespace, TKPrefix extends KeyPrefix<N> = undefined>(Component: React.ComponentType<Props & {
   t: TFunction;
-}>) => React.ComponentType<Props>;
+}>, options?: {
+  withRef?: boolean;
+  keyPrefix?: TKPrefix;
+}, ns?: N) => React.ComponentType<Props>;
 /**
  *
  * useMutationWithInvalidation is a wrapper function around the

package/react-utils.js

@@ -6281,7 +6281,10 @@ var isMetaKeyPressed = function isMetaKeyPressed(event) {
   return !!(event !== null && event !== void 0 && event.ctrlKey || event !== null && event !== void 0 && event.metaKey);
 };
 
-var withT = withTranslation();
+var withT = function withT(Component, options) {
+  var namespace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+  return withTranslation(namespace, options)(Component);
+};
 
 var withTitle = function withTitle(Component) {
   var title = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;