pixel-react 1.7.1 → 1.7.2

package/src/components/VariableInput/types.ts

@@ -1,56 +1,56 @@
-export interface VariableInputProps {
-  /**
-   * Name | name of the input field
-   */
-  name: string;
-  /**
-   * Label | field label to be displayed
-   */
-  label: string;
-  /**
-   * value | input field value
-   */
-  value: string | null;
-  /**
-   * type to set color/style of the input field
-   */
-  type: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
-  /**
-   * error | If true, error message will be displayed
-   */
-  error?: boolean;
-  /**
-   * to disable the input field
-   */
-  disabled?: boolean;
-  /**
-   * if true, input field will be mandatory
-   */
-  required?: boolean;
-  /**
-   * placeholder for the input field
-   */
-  placeholder?: string;
-  /**
-   * classnames to style the input field
-   */
-  className?: string;
-  /**
-   * onChange, onKeyDown, onBlur, onFocus actions
-   */
-  onChange?: (value: string) => void | undefined;
-
-  onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-
-  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-
-  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
-  /**
-   * id to select the input field uniquely
-   */
-  id?: string;
-  /**
-   * list of variables
-   */
-  list?: string[];
-}
+export interface VariableInputProps {
+  /**
+   * Name | name of the input field
+   */
+  name: string;
+  /**
+   * Label | field label to be displayed
+   */
+  label: string;
+  /**
+   * value | input field value
+   */
+  value: string | null;
+  /**
+   * type to set color/style of the input field
+   */
+  type: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
+  /**
+   * error | If true, error message will be displayed
+   */
+  error?: boolean;
+  /**
+   * to disable the input field
+   */
+  disabled?: boolean;
+  /**
+   * if true, input field will be mandatory
+   */
+  required?: boolean;
+  /**
+   * placeholder for the input field
+   */
+  placeholder?: string;
+  /**
+   * classnames to style the input field
+   */
+  className?: string;
+  /**
+   * onChange, onKeyDown, onBlur, onFocus actions
+   */
+  onChange?: (value: string) => void | undefined;
+
+  onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+
+  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+  /**
+   * id to select the input field uniquely
+   */
+  id?: string;
+  /**
+   * list of variables
+   */
+  list?: string[];
+}

package/src/hooks/keyboardevents/useEscKeyEvent.tsx

@@ -1,30 +1,30 @@
-import {  useEffect } from 'react';
-
-function useEscapeKey(key: string) {
-
-  return (callBack: ()=>void)=>{
- 
-  
-    const handleKeyDown: (event: KeyboardEvent) => void = (event) => {
-      if (event?.key === key) {
-        callBack()
-      }
-    };
-    useEffect(() => {
-      window.addEventListener('keydown', handleKeyDown);
-  
-      return () => {
-        window.removeEventListener('keydown', handleKeyDown);
-      };
-    }, []);
-
-  }
-
-
-
-  
-
- 
-}
-
-export default useEscapeKey;
+import {  useEffect } from 'react';
+
+function useEscapeKey(key: string) {
+
+  return (callBack: ()=>void)=>{
+ 
+  
+    const handleKeyDown: (event: KeyboardEvent) => void = (event) => {
+      if (event?.key === key) {
+        callBack()
+      }
+    };
+    useEffect(() => {
+      window.addEventListener('keydown', handleKeyDown);
+  
+      return () => {
+        window.removeEventListener('keydown', handleKeyDown);
+      };
+    }, []);
+
+  }
+
+
+
+  
+
+ 
+}
+
+export default useEscapeKey;

package/src/hooks/useClickOutside.tsx

@@ -1,30 +1,30 @@
-import { useEffect } from 'react';
-
-const useClickOutside = (
-  ref: React.RefObject<HTMLElement>,
-  callback: () => void,
-  ignoreRefs: Array<React.RefObject<HTMLElement> | undefined> = []
-) => {
-  useEffect(() => {
-    const handleClickOutside = (event: MouseEvent) => {
-      if (
-        ref.current &&
-        !ref.current.contains(event.target as Node) &&
-        !ignoreRefs.some(
-          (ignoreRef) =>
-            ignoreRef?.current &&
-            ignoreRef.current.contains(event.target as Node)
-        )
-      ) {
-        callback();
-      }
-    };
-
-    document.addEventListener('mousedown', handleClickOutside);
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [ref, callback, ignoreRefs]);
-};
-
-export default useClickOutside;
+import { useEffect } from 'react';
+
+const useClickOutside = (
+  ref: React.RefObject<HTMLElement>,
+  callback: () => void,
+  ignoreRefs: Array<React.RefObject<HTMLElement> | undefined> = []
+) => {
+  useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      if (
+        ref.current &&
+        !ref.current.contains(event.target as Node) &&
+        !ignoreRefs.some(
+          (ignoreRef) =>
+            ignoreRef?.current &&
+            ignoreRef.current.contains(event.target as Node)
+        )
+      ) {
+        callback();
+      }
+    };
+
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [ref, callback, ignoreRefs]);
+};
+
+export default useClickOutside;