First pass fix errors due to Holocene update

temporalio · Jan 28, 2025 · 3621efe · 3621efe
1 parent 5b154cc
commit 3621efe
Show file tree

Hide file tree

Showing 82 changed files with 380 additions and 366 deletions.
diff --git a/src/lib/components/auto-refresh-workflow.svelte b/src/lib/components/auto-refresh-workflow.svelte
@@ -18,6 +18,6 @@
     labelPosition="left"
     id="autorefresh"
     {checked}
-    on:change={onChange}
+    onchange={onChange}
   />
 </Tooltip>
diff --git a/src/lib/components/batch-operations/header.svelte b/src/lib/components/batch-operations/header.svelte
@@ -54,7 +54,7 @@
         label={translate('common.auto-refresh')}
         labelPosition="left"
         checked={$autoRefresh}
-        on:change={handleToggleAutoRefresh}
+        onchange={handleToggleAutoRefresh}
       />
     </Tooltip>
   {/if}

diff --git a/src/lib/components/bottom-nav.svelte b/src/lib/components/bottom-nav.svelte
@@ -127,7 +127,7 @@
       leadingIcon="namespace-switcher"
       size="xs"
       class="grow text-white"
-      on:click={onNamespaceClick}>{truncateNamespace(namespace)}</Button
+      onclick={onNamespaceClick}>{truncateNamespace(namespace)}</Button
     >
     <div class="ml-1 h-full w-1 border-l border-subtle"></div>
     <Button

diff --git a/src/lib/components/data-encoder-settings.svelte b/src/lib/components/data-encoder-settings.svelte
@@ -140,13 +140,13 @@
         <Button
           disabled={Boolean(error)}
           data-testid="confirm-data-encoder-button"
-          on:click={onConfirm}
+          onclick={onConfirm}
           type="submit">{translate('common.apply')}</Button
         >
         <Button
           variant="ghost"
           data-testid="cancel-data-encoder-button"
-          on:click={onCancel}>{translate('common.cancel')}</Button
+          onclick={onCancel}>{translate('common.cancel')}</Button
         >
       </div>
     </div>

diff --git a/src/lib/components/data-encoder-status.svelte b/src/lib/components/data-encoder-status.svelte
@@ -35,7 +35,7 @@
           class="relative flex items-center"
           data-testid="data-encoder-status-configured"
           icon="transcoder-on"
-          on:click={onIconClick}
+          onclick={onIconClick}
         />
       </Tooltip>
     {:else if $dataEncoder.hasError}
@@ -46,7 +46,7 @@
           class="relative flex items-center"
           data-testid="data-encoder-status-error"
           icon="transcoder-error"
-          on:click={onIconClick}
+          onclick={onIconClick}
         />
       </Tooltip>
     {:else if $dataEncoder.hasSuccess}
@@ -60,7 +60,7 @@
           class="relative flex items-center"
           data-testid="data-encoder-status-success"
           icon="transcoder-on"
-          on:click={onIconClick}
+          onclick={onIconClick}
         />
       </Tooltip>
     {/if}
@@ -75,7 +75,7 @@
         class="relative flex items-center"
         data-testid="data-encoder-status"
         icon="transcoder-off"
-        on:click={onIconClick}
+        onclick={onIconClick}
       />
     </Tooltip>
   {/if}

diff --git a/src/lib/components/event/event-date-filter.svelte b/src/lib/components/event/event-date-filter.svelte
@@ -68,13 +68,13 @@
     {#each sortOptions as { option, label }}
       <MenuItem
         selected={$eventFilterSort === option}
-        on:click={() => onSortOptionClick(option)}>{label}</MenuItem
+        onclick={() => onSortOptionClick(option)}>{label}</MenuItem
       >
     {/each}
     <MenuDivider />
     <MenuItem
       selected={$eventShowElapsed === 'true'}
-      on:click={onShowElapsedClick}
+      onclick={onShowElapsedClick}
       >{translate('events.show-elapsed-time')}</MenuItem
     >
   </Menu>

diff --git a/src/lib/components/event/event-shortcut-keys.svelte b/src/lib/components/event/event-shortcut-keys.svelte
@@ -15,7 +15,7 @@
     size="sm"
     variant="secondary"
     leadingIcon="keyboard"
-    on:click={onOpen}
+    onclick={onOpen}
   />
 </div>
 <Drawer

diff --git a/src/lib/components/event/event-summary-table.svelte b/src/lib/components/event/event-summary-table.svelte
@@ -49,58 +49,61 @@
   pageButtonLabel={(page) => translate('common.go-to-page', { page })}
   {updating}
   items={filteredForStatus(items)}
-  let:visibleItems
   variant="split"
   maxHeight="calc(100vh - 200px)"
 >
-  {#if !compact}
-    <HistoryGraph {groups} history={history(visibleItems)} />
-  {/if}
-  <div class="w-full">
-    {#each visibleItems as event, index}
-      {#if isEventGroup(event)}
-        <EventSummaryRow
-          {event}
-          {index}
-          group={event}
-          {compact}
-          {expandAll}
-          {initialItem}
-        />
-      {:else if isPendingActivity(event)}
-        <PendingActivitySummaryRow
-          {event}
-          {index}
-          group={groups.find(
-            (g) =>
-              isPendingActivity(event) && g?.pendingActivity?.id === event.id,
-          )}
-          {expandAll}
-        />
-      {:else if isPendingNexusOperation(event)}
-        <PendingNexusSummaryRow
-          {event}
-          {index}
-          group={groups.find(
-            (g) =>
-              isPendingNexusOperation(event) &&
-              g?.pendingNexusOperation?.scheduledEventId ===
-                event.scheduledEventId,
-          )}
-          {expandAll}
-        />
+  {#snippet children({ visibleItems })}
+    {#if !compact}
+      <HistoryGraph {groups} history={history(visibleItems)} />
+    {/if}
+    <div class="w-full">
+      {#each visibleItems as event, index}
+        {#if isEventGroup(event)}
+          <EventSummaryRow
+            {event}
+            {index}
+            group={event}
+            {compact}
+            {expandAll}
+            {initialItem}
+          />
+        {:else if isPendingActivity(event)}
+          <PendingActivitySummaryRow
+            {event}
+            {index}
+            group={groups.find(
+              (g) =>
+                isPendingActivity(event) && g?.pendingActivity?.id === event.id,
+            )}
+            {expandAll}
+          />
+        {:else if isPendingNexusOperation(event)}
+          <PendingNexusSummaryRow
+            {event}
+            {index}
+            group={groups.find(
+              (g) =>
+                isPendingNexusOperation(event) &&
+                g?.pendingNexusOperation?.scheduledEventId ===
+                  event.scheduledEventId,
+            )}
+            {expandAll}
+          />
+        {:else}
+          <EventSummaryRow
+            {event}
+            {index}
+            group={groups.find(
+              (g) => isEvent(event) && g.eventIds.has(event.id),
+            )}
+            {compact}
+            {expandAll}
+            {initialItem}
+          />
+        {/if}
       {:else}
-        <EventSummaryRow
-          {event}
-          {index}
-          group={groups.find((g) => isEvent(event) && g.eventIds.has(event.id))}
-          {compact}
-          {expandAll}
-          {initialItem}
-        />
-      {/if}
-    {:else}
-      <EventEmptyRow loading={!$fullEventHistory.length} />
-    {/each}
-  </div>
+        <EventEmptyRow loading={!$fullEventHistory.length} />
+      {/each}
+    </div>
+  {/snippet}
 </Paginated>
diff --git a/src/lib/components/event/event-summary.svelte b/src/lib/components/event/event-summary.svelte
@@ -88,17 +88,17 @@
         <ToggleButton
           active={$eventViewType === 'feed'}
           data-testid="feed"
-          on:click={onAllClick}>All</ToggleButton
+          onclick={onAllClick}>All</ToggleButton
         >
         <ToggleButton
           active={$eventViewType === 'compact'}
           data-testid="compact"
-          on:click={onCompactClick}>Compact</ToggleButton
+          onclick={onCompactClick}>Compact</ToggleButton
         >
         <ToggleButton
           active={$eventViewType === 'json'}
           data-testid="json"
-          on:click={onJSONClick}>JSON</ToggleButton
+          onclick={onJSONClick}>JSON</ToggleButton
         >
       </ToggleButtons>
     </div>
@@ -108,13 +108,13 @@
           <ToggleButton
             icon={reverseSort ? 'arrow-down' : 'arrow-up'}
             data-testid="zoom-in"
-            on:click={onSort}>{reverseSort ? 'Desc' : 'Asc'}</ToggleButton
+            onclick={onSort}>{reverseSort ? 'Desc' : 'Asc'}</ToggleButton
           >
           <ToggleButton
             icon={expandAll ? 'chevron-up' : 'chevron-down'}
             data-testid="expandAll"
             tooltip={expandAll ? 'Collapse All Events' : 'Expand All Events'}
-            on:click={onExpandAll}
+            onclick={onExpandAll}
           />
         </ToggleButtons>
       {/if}
@@ -126,13 +126,13 @@
           tooltip={$pauseLiveUpdates
             ? 'Resume Live Updates'
             : 'Pause Live Updates'}
-          on:click={() => ($pauseLiveUpdates = !$pauseLiveUpdates)}
+          onclick={() => ($pauseLiveUpdates = !$pauseLiveUpdates)}
         />
         <ToggleButton
           data-testid="download"
           icon="download"
           tooltip="Download Event History"
-          on:click={() => (showDownloadPrompt = true)}
+          onclick={() => (showDownloadPrompt = true)}
         />
       </ToggleButtons>
     </div>

diff --git a/src/lib/components/import/event-history-file-import.svelte b/src/lib/components/import/event-history-file-import.svelte
@@ -72,7 +72,7 @@
     accept=".json"
     on:change={onFileSelect}
   />
-  <Button leadingIcon="file-upload" on:click={onConfirm} disabled={!fileLoaded}
+  <Button leadingIcon="file-upload" onclick={onConfirm} disabled={!fileLoaded}
     >{translate('common.import')}</Button
   >
 </div>
diff --git a/src/lib/components/lines-and-dots/event-sort-filter.svelte b/src/lib/components/lines-and-dots/event-sort-filter.svelte
@@ -68,13 +68,13 @@
     {#each sortOptions as { option, label }}
       <MenuItem
         selected={$eventFilterSort === option}
-        on:click={() => onSortOptionClick(option)}>{label}</MenuItem
+        onclick={() => onSortOptionClick(option)}>{label}</MenuItem
       >
     {/each}
     <MenuDivider />
     <MenuItem
       selected={$eventShowElapsed === 'true'}
-      on:click={onShowElapsedClick}
+      onclick={onShowElapsedClick}
       >{translate('events.show-elapsed-time')}</MenuItem
     >
   </Menu>

diff --git a/src/lib/components/lines-and-dots/event-type-filter.svelte b/src/lib/components/lines-and-dots/event-type-filter.svelte
@@ -83,7 +83,7 @@
   >
     <MenuItem
       data-testid={translate('common.all')}
-      on:click={() => {
+      onclick={() => {
         $eventTypeFilter = defaultOptions;
       }}
     >
@@ -101,7 +101,7 @@
     </MenuItem>
     <MenuItem
       data-testid={translate('common.none')}
-      on:click={() => {
+      onclick={() => {
         $eventTypeFilter = [];
       }}
     >
@@ -122,7 +122,7 @@
       <MenuItem
         data-testid={option.label}
         description={option.description}
-        on:click={() => {
+        onclick={() => {
           onOptionClick(option);
         }}
         className="items-start"

diff --git a/src/lib/components/lines-and-dots/svg/timeline-graph.svelte b/src/lib/components/lines-and-dots/svg/timeline-graph.svelte
@@ -77,7 +77,7 @@
       size="xs"
       variant="ghost"
       class="sticky left-0.5 top-1"
-      on:click={onExpandCollapse}
+      onclick={onExpandCollapse}
     >
       <Icon
         name={viewportHeight === 360 ? 'chevron-down' : 'chevron-up'}

diff --git a/src/lib/components/namespace-picker.svelte b/src/lib/components/namespace-picker.svelte
@@ -15,10 +15,8 @@
   );
   $: href = routeForNamespace({ namespace });
 
-  const handleNamespaceSelect = (
-    event: CustomEvent<{ value: NamespaceListItem }>,
-  ) => {
-    const namespaceListItem = event.detail.value;
+  const handleNamespaceSelect = ({ value }: { value: NamespaceListItem }) => {
+    const namespaceListItem = value;
     $lastUsedNamespace = namespaceListItem.namespace;
     namespaceListItem?.onClick(namespaceListItem.namespace);
   };
@@ -33,7 +31,7 @@
   leadingIcon="namespace-switcher"
   options={namespaceList}
   optionValueKey="namespace"
-  on:change={handleNamespaceSelect}
+  change={handleNamespaceSelect}
   minSize={32}
   actionTooltip={translate('namespaces.go-to-namespace')}
   {href}

diff --git a/src/lib/components/payload-input.svelte b/src/lib/components/payload-input.svelte
@@ -28,8 +28,8 @@
     }
   };
 
-  const handleInputChange = (event: CustomEvent<string>): void => {
-    input = event.detail;
+  const handleInputChange = (value: string): void => {
+    input = value;
   };
 
   const clearValues = () => {
@@ -52,7 +52,7 @@
         {id}
         maxHeight={320}
         content={input}
-        on:change={handleInputChange}
+        change={handleInputChange}
         editable={editing}
         copyable={false}
       />