milk-lib 0.0.37 → 0.0.39

package/dist/components/Accordion/AccordionContent.svelte

@@ -1,15 +1,24 @@
 <script lang="ts">
-  import { getContext } from "svelte";
+  import { getContext, onMount } from "svelte";
   import type {IAccordionContentProps, IAccordionItemContext} from "./Accordion.types";
 
   let { children }: IAccordionContentProps = $props();
   const { isOpen } = getContext<IAccordionItemContext>('accordion-item-context');
   let accordionContent: HTMLDivElement | null = $state(null);
-  let height = $derived<number>(
-    accordionContent
-      ? (accordionContent as HTMLDivElement).getBoundingClientRect?.().height
-      : 0
-  );
+  let height = $state(0);
+
+  const recalcHeight = () => {
+    height = accordionContent?.getBoundingClientRect?.().height ?? 0;
+  };
+
+  $effect(() => {
+    recalcHeight();
+  });
+
+  onMount(() => {
+    window.addEventListener('resize', recalcHeight);
+    return () => window.removeEventListener('resize', recalcHeight);
+  });
 
 </script>
 

package/dist/components/TextInput/TextInput.svelte

@@ -20,6 +20,8 @@
     style,
     classNames='',
     autoFocus,
+    prohibitFraction = false,
+    prohibitNegative = false,
     ariaHasPopup,
     ariaExpanded,
     ariaControls,
@@ -41,6 +43,62 @@
     }
   })
 
+  const shouldRestrictNumberInput = () =>
+    type === 'number' && (prohibitFraction || prohibitNegative);
+
+  const sanitizeNumberInput = (rawValue: string) => {
+    if (!shouldRestrictNumberInput()) {
+      return rawValue;
+    }
+
+    let nextValue = rawValue;
+
+    if (prohibitFraction) {
+      nextValue = nextValue.split(/[.,]/)[0];
+    }
+
+    if (prohibitNegative) {
+      nextValue = nextValue.replace(/-/g, '');
+    } else {
+      nextValue = nextValue.replace(/(?!^)-/g, '');
+    }
+
+    nextValue = nextValue.replace(/(?!^-)[^\d]/g, '');
+
+    return nextValue;
+  };
+
+  const handleKeyDown = (event: KeyboardEvent) => {
+    if (shouldRestrictNumberInput() && !(event.ctrlKey || event.metaKey || event.altKey)) {
+      if (prohibitFraction && (event.key === '.' || event.key === ',')) {
+        event.preventDefault();
+      }
+
+      if (prohibitNegative && event.key === '-') {
+        event.preventDefault();
+      }
+    }
+
+    onKeyDown?.(event as KeyboardEvent & { currentTarget: EventTarget & HTMLInputElement });
+  };
+
+  const handleInput = (event: Event) => {
+    if (!shouldRestrictNumberInput()) {
+      return;
+    }
+
+    const target = event.target as HTMLInputElement | null;
+    if (!target) {
+      return;
+    }
+
+    const sanitizedValue = sanitizeNumberInput(target.value);
+    if (sanitizedValue !== target.value) {
+      target.value = sanitizedValue;
+      value = sanitizedValue;
+    }
+  };
+
 </script>
 
 <input 
@@ -49,8 +107,9 @@
   class={`TextInput ${invalid ? 'invalid' : ''} ${classNames}`}
   onfocus={onFocus}
   onblur={onBlur} 
-  onkeydown={onKeyDown} 
+  onkeydown={handleKeyDown} 
   onkeyup={onKeyUp}
+  oninput={handleInput}
   onchange={onChange}
   onclick={onClick}
   {type} 

package/dist/components/TextInput/TextInput.types.d.ts

@@ -22,6 +22,8 @@ export interface ITextInputProps {
     style?: string;
     classNames?: string;
     autoFocus?: boolean;
+    prohibitFraction?: boolean;
+    prohibitNegative?: boolean;
     ariaHasPopup?: "dialog" | "menu" | "listbox" | "tree" | "grid" | null | undefined;
     ariaExpanded?: boolean;
     ariaControls?: string;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "milk-lib",
 	"license": "MIT",
-	"version": "0.0.37",
+	"version": "0.0.39",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",