@bigbinary/neeto-commons-frontend 2.1.12 → 2.1.14

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";
 /**
  *
@@ -331,7 +333,9 @@ export function useLocalStorage<T>(key: string, initialValue?: T): [T, (value: T
  * };
  * @endexample
 */
-export function useOnClickOutside<T>(ref: React.MutableRefObject<T>, handler: (event: MouseEvent | TouchEvent) => any);
+export function useOnClickOutside<T>(ref: React.MutableRefObject<T>, handler: (event: MouseEvent | TouchEvent) => any, options: {
+  enabled: boolean;
+});
 /**
  *
  * The usePrevious hook is a convenient utility to track the previous value of
@@ -1315,13 +1319,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

@@ -3590,6 +3590,9 @@ var useMutationWithInvalidation = function useMutationWithInvalidation(mutationF
 };
 
 var useOnClickOutside = function useOnClickOutside(ref, handler) {
+  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+    _ref$enabled = _ref.enabled,
+    enabled = _ref$enabled === void 0 ? true : _ref$enabled;
   useEffect(function () {
     var listener = function listener(event) {
       // Do nothing if clicking ref's element or descendent elements
@@ -3598,13 +3601,15 @@ var useOnClickOutside = function useOnClickOutside(ref, handler) {
       }
       handler(event);
     };
-    document.addEventListener("mousedown", listener);
-    document.addEventListener("touchstart", listener);
+    if (enabled) {
+      document.addEventListener("mousedown", listener);
+      document.addEventListener("touchstart", listener);
+    }
     return function () {
       document.removeEventListener("mousedown", listener);
       document.removeEventListener("touchstart", listener);
     };
-  }, [handler]);
+  }, [handler, enabled]);
 };
 
 var usePrevious = function usePrevious(value) {
@@ -6281,7 +6286,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;