@invopop/popui 0.1.4-beta.36 → 0.1.4-beta.38

package/dist/DatePicker.svelte

@@ -141,21 +141,22 @@
     end: undefined
   })
   let isOpen = $state(false)
+  let selectedLabel = $state(label)
   let isStacked = $derived(stackLeft || stackRight)
   let hasSelectedDates = $derived(value.start !== undefined)
+  let hasConfirmedDates = $derived(selectedLabel !== label)
   let styles = $derived(
     isStacked
-      ? cn(buttonVariants({
+      ? buttonVariants({
           variant: 'ghost',
           stackedLeft: stackLeft,
           stackedRight: stackRight
-        }), 'font-normal')
+        })
       : clsx('border backdrop-blur-sm backdrop-filter', {
           'border-border-selected-bold shadow-active': isOpen,
           'border-border-default-secondary hover:border-border-default-secondary-hover': !isOpen
         })
   )
-  let selectedLabel = $state(label)
 
   $effect(() => {
     if (!value.end) {
@@ -240,9 +241,11 @@
       />
     {/if}
     <span
-      class="flex-1 text-base truncate {hasSelectedDates
-        ? 'text-foreground'
-        : 'text-foreground-default-secondary'}"
+      class={clsx('flex-1 text-base truncate', {
+        'text-foreground': hasConfirmedDates,
+        'text-foreground-default-secondary': !hasConfirmedDates,
+        'font-normal': isStacked && !hasConfirmedDates
+      })}
     >
       {selectedLabel}
     </span>

package/dist/DropdownSelect.svelte

@@ -95,9 +95,11 @@
 
 {#snippet label()}
   <span
-    class="flex-1 text-base truncate {selectedItems.length
-      ? 'text-foreground'
-      : 'text-foreground-default-secondary'}"
+    class={clsx('flex-1 text-base truncate', {
+      'text-foreground': selectedItems.length,
+      'text-foreground-default-secondary': !selectedItems.length,
+      'font-normal': isStacked && !selectedItems.length
+    })}
   >
     {selectedLabel}
   </span>

package/dist/data-table/data-table.svelte

@@ -119,7 +119,9 @@
 
   // Sync pagination pageIndex with initialPage prop (for manual pagination resets)
   $effect(() => {
-    pagination.pageIndex = initialPage
+    if (manualPagination) {
+      pagination.pageIndex = initialPage
+    }
   })
 
   // Reorder initial frozen columns on mount
@@ -204,12 +206,42 @@
     }
   }
 
+  function reorderUnfrozenColumn(columnId: string) {
+    const currentOrder = table.getState().columnOrder.length > 0
+      ? table.getState().columnOrder
+      : table.getAllLeafColumns().map(col => col.id)
+
+    const newOrder = [...currentOrder]
+    const columnIndex = newOrder.indexOf(columnId)
+
+    if (columnIndex > -1) {
+      newOrder.splice(columnIndex, 1)
+
+      const selectIndex = newOrder.indexOf('select')
+      const insertIndex = selectIndex >= 0 ? selectIndex + 1 : 0
+
+      // Find the first unfrozen column position (after all frozen columns)
+      let firstUnfrozenIndex = insertIndex
+      for (let i = insertIndex; i < newOrder.length; i++) {
+        if (frozenColumns.has(newOrder[i])) {
+          firstUnfrozenIndex = i + 1
+        } else {
+          break
+        }
+      }
+
+      newOrder.splice(firstUnfrozenIndex, 0, columnId)
+      table.setColumnOrder(newOrder)
+    }
+  }
+
   function handleFreezeColumn(columnId: string) {
     const isFrozen = frozenColumns.has(columnId)
 
     if (isFrozen) {
       frozenColumns.delete(columnId)
       frozenColumns = new Set(frozenColumns)
+      reorderUnfrozenColumn(columnId)
     } else {
       frozenColumns.add(columnId)
       frozenColumns = new Set(frozenColumns)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@invopop/popui",
   "license": "MIT",
-  "version": "0.1.4-beta.36",
+  "version": "0.1.4-beta.38",
   "repository": {
     "url": "https://github.com/invopop/popui"
   },