@hashrytech/quick-components-kit 0.19.2 → 0.19.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @hashrytech/quick-components-kit
 
+## 0.19.4
+
+### Patch Changes
+
+- patch: Adding compare-objects function
+
+## 0.19.3
+
+### Patch Changes
+
+- TextInput css updates
+
 ## 0.19.2
 
 ### Patch Changes

package/dist/components/text-input/TextInput.svelte

@@ -107,6 +107,12 @@
         lg: "text-base placeholder:text-base px-3"
     };
 
+    let iconStyle: Record<TextInputSize, string> = {
+        sm: "pl-2.5",
+        md: "px-2.5",
+        lg: "text-base placeholder:text-base px-3"
+    };
+
     let textBoxStyle: Record<TextInputSize, string> = {
         sm: "h-[2.05rem]",
         md: "h-[2.375rem]",
@@ -122,7 +128,7 @@
 
     // --- Debounce logic ---
 	let localValue = value; // local for immediate typing
-	let debounceTimer: ReturnType<typeof setTimeout>;	
+	let debounceTimer: ReturnType<typeof setTimeout>;
 
     function handleInput(e: Event) {
 		localValue = (e.target as HTMLInputElement).value;
@@ -145,12 +151,12 @@
         <div class={twMerge("flex flex-row items-center rounded-primary border border-primary-input-border focus-within:ring focus-within:border-primary-focus focus-within:ring-primary-focus has-[input:disabled]:bg-neutral-300/30 has-[input:disabled]:border-neutral-300/30", 
             error ? "bg-red-50 border-red-300" : "", textBoxStyle[size], thirdDivClass)}>
             
-            {#if leftIcon}<div class="h-full flex flex-col items-center justify-center pl-2">{@render leftIcon()}</div>{/if}
+            {#if leftIcon}<div class="h-full flex flex-col items-center justify-center {size == 'lg' ? 'pl-3' : 'pl-2.5'}">{@render leftIcon()}</div>{/if}
             
             <input {disabled} {required} {type} {id} name={name ? name: id} {placeholder} {onmouseup} bind:value {autocomplete} {inputmode} {min} {max} oninput={handleInput}
-                class={twMerge("border-0 focus:border-0 focus:ring-0 active:border-0 outline-none p-0 bg-transparent placeholder:text-neutral-600/50 h-full w-full", sizeStyle[size], restProps.class)} />
+                class={twMerge("border-0 focus:border-0 focus:ring-0 active:border-0 outline-none p-0 bg-transparent placeholder:text-neutral-600/50 h-full w-full rounded-primary", sizeStyle[size], restProps.class)} />
 
-            {#if rightIcon}<div class="h-full flex flex-col items-center justify-center pr-2">{@render rightIcon()}</div>{/if}
+            {#if rightIcon}<div class="h-full flex flex-col items-center justify-center {size == 'lg' ? 'pr-3' : 'pr-2.5'}">{@render rightIcon()}</div>{/if}
         </div>
         
     </div>

package/dist/functions/compare-objects.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @description This function takes two objects and compares them recursively. It returns true if both objects are the same.
+ * @param {any} object1
+ * @param {any} object2
+ * @returns {boolean}
+ */
+export declare function compareObjectsDeep(object1: any, object2: any): boolean;

package/dist/functions/compare-objects.js

@@ -0,0 +1,14 @@
+/**
+ * @description This function takes two objects and compares them recursively. It returns true if both objects are the same.
+ * @param {any} object1
+ * @param {any} object2
+ * @returns {boolean}
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function compareObjectsDeep(object1, object2) {
+    const objectKeys = Object.keys;
+    const object1Type = typeof object1;
+    const object2Type = typeof object2;
+    return object1 && object2 && object1Type === 'object' && object1Type === object2Type ? (objectKeys(object1).length === objectKeys(object2).length &&
+        objectKeys(object1).every(key => compareObjectsDeep(object1[key], object2[key]))) : (object1 === object2);
+}

package/dist/index.d.ts

@@ -22,6 +22,7 @@ export * from './modules/api-proxy.js';
 export * from './modules/crypto.js';
 export * from './modules/problem-details.js';
 export * from './functions/object-to-form-data.js';
+export * from './functions/compare-objects.js';
 export * from './ui/headers/header-1/index.js';
 export * from './ui/footers/footer-1/index.js';
 export * from './ui/banners/banner-1/index.js';

package/dist/index.js

@@ -24,6 +24,7 @@ export * from './modules/api-proxy.js';
 export * from './modules/crypto.js';
 export * from './modules/problem-details.js';
 export * from './functions/object-to-form-data.js';
+export * from './functions/compare-objects.js';
 export * from './ui/headers/header-1/index.js';
 export * from './ui/footers/footer-1/index.js';
 export * from './ui/banners/banner-1/index.js';

package/package.json

@@ -5,7 +5,7 @@
     "type": "git",
     "url": "git+https://github.com/hashrytech/quick-components-kit.git"
   },
-  "version": "0.19.2",
+  "version": "0.19.4",
   "license": "MIT",
   "author": "Hashry Tech",
   "files": [