add max int to number input

Author: GraceGardner

src/lib/components/workflow/search-attribute-input/index.svelte

@@ -76,11 +76,16 @@
   {:else if attribute.type === SEARCH_ATTRIBUTE_TYPE.DATETIME}
     <DatetimeInput bind:value={attribute.value} />
   {:else if attribute.type === SEARCH_ATTRIBUTE_TYPE.INT || attribute.type === SEARCH_ATTRIBUTE_TYPE.DOUBLE}
-    <NumberInput
-      label={translate('common.value')}
-      id="attribute-value"
-      bind:value={attribute.value}
-    />
+    <div>
+      <NumberInput
+        label={translate('common.value')}
+        id="attribute-value"
+        valid={attribute.value < Number.MAX_SAFE_INTEGER}
+        hintText="Number is too large"
+        bind:value={attribute.value}
+        max={Number.MAX_SAFE_INTEGER}
+      />
+    </div>
   {:else if attribute.type === SEARCH_ATTRIBUTE_TYPE.KEYWORDLIST}
     <ChipInput
       label={translate('common.value')}

src/lib/holocene/input/number-input.svelte

@@ -39,7 +39,7 @@
   <Label {required} {label} hidden={labelHidden} for={id} />
   <div class="flex items-center gap-2">
     <div
-      class="surface-primary relative box-border flex h-10 w-16 items-center border border-subtle text-sm focus-within:outline-none focus-within:ring-2 focus-within:ring-primary/70"
+      class="surface-primary relative box-border flex h-10 min-w-16 items-center border border-subtle text-sm focus-within:outline-none focus-within:ring-2 focus-within:ring-primary/70"
       class:opacity-50={disabled}
       class:search
       class:invalid={!valid}