@pitcher/canvas-ui 2026.1.5-131138-beta → 2026.1.6-120415-beta

package/canvas-ui.css

@@ -903,7 +903,7 @@ button[data-v-052f4440]:focus {
   cursor: pointer;
   color: var(--000c7396);
 }
-.c-assigned-canvas-management[data-v-f6151990] {
+.c-assigned-canvas-management[data-v-df004301] {
   display: flex;
   flex-direction: column;
 }

package/canvas-ui.js

@@ -111034,6 +111034,7 @@ function useCanvasStandardFilters(options = {}) {
     includeTagsFilter = true,
     includeDraftFilter = true,
     includeTemplateFilter = false,
+    templateOptions,
     includeOwnerFilter = false,
     ownerLabel
   } = options;
@@ -111062,9 +111063,10 @@ function useCanvasStandardFilters(options = {}) {
     }
     if (includeTemplateFilter) {
       components.push({
-        type: MetadataTemplateFieldTypeEnum.TEXT,
-        name: "template__name__icontains",
-        label: t("canvasUI.composables.useCanvasStandardFilters.templateUsed")
+        type: MetadataTemplateFieldTypeEnum.SELECT,
+        name: "template__id",
+        label: t("canvasUI.composables.useCanvasStandardFilters.templateUsed"),
+        options: templateOptions?.value ?? []
       });
     }
     return components;
@@ -118284,6 +118286,7 @@ const _sfc_main$4q = /*@__PURE__*/defineComponent({
     const fetchedData = ref([]);
     const isLoading = ref(false);
     const accessibleTemplateIds = ref(new Set());
+    const availableTemplates = ref([]);
     const isCheckingTemplateAccess = ref(false);
     const isBulkDeleting = ref(false);
     const isBulkUpdating = ref(false);
@@ -118359,11 +118362,32 @@ const _sfc_main$4q = /*@__PURE__*/defineComponent({
         return systemTags.includes(lowerTag);
       }) ?? false;
     }
+    const templateOptions = computed(() => availableTemplates.value.map(t => ({
+      label: t.name,
+      value: t.id
+    })).sort((a, b) => a.label.localeCompare(b.label)));
+    async function fetchTemplates() {
+      try {
+        const {
+          results
+        } = await props.fetcher({
+          is_template: true,
+          is_section: false,
+          page: 1,
+          page_size: 1000,
+          fields: 'id,name'
+        });
+        availableTemplates.value = results;
+      } catch (e) {
+        console.error('Failed to fetch templates for filter:', e);
+      }
+    }
     const {
       filterComponents: dataFilterComponents
     } = useCanvasStandardFilters({
       includeTemplateFilter: true,
-      includeOwnerFilter: props.isAnyTypeOfAdmin ?? false
+      includeOwnerFilter: props.isAnyTypeOfAdmin ?? false,
+      templateOptions
     });
     const {
       height: canvasManagementToolbarHeight
@@ -119119,6 +119143,7 @@ const _sfc_main$4q = /*@__PURE__*/defineComponent({
     onMounted(async () => {
       try {
         isLoading.value = true;
+        fetchTemplates();
         await fetch(fetchingParams.value);
       } catch (e) {
         console.error(e);
@@ -119293,6 +119318,9 @@ const _sfc_main$4o = /*@__PURE__*/defineComponent({
     fetcher: {
       type: Function
     },
+    templatesFetcher: {
+      type: Function
+    },
     byIdFetcher: {
       type: Function
     },
@@ -119338,21 +119366,43 @@ const _sfc_main$4o = /*@__PURE__*/defineComponent({
     const tableRef = ref(null);
     const toolbarWrapper = ref(null);
     const launchDarkly = inject('launchDarkly', computed(() => ({})));
+    const isLoading = ref(false);
+    const fetchedData = ref([]);
+    const totalCount = ref(0);
+    const availableTemplates = ref([]);
+    const templateOptions = computed(() => availableTemplates.value.map(t => ({
+      label: t.name,
+      value: t.id
+    })).sort((a, b) => a.label.localeCompare(b.label)));
+    async function fetchTemplates() {
+      if (!props.templatesFetcher) return;
+      try {
+        const {
+          results
+        } = await props.templatesFetcher({
+          is_template: true,
+          is_section: false,
+          page: 1,
+          page_size: 1000,
+          fields: 'id,name'
+        });
+        availableTemplates.value = results;
+      } catch (e) {
+        console.error('Failed to fetch templates for filter:', e);
+      }
+    }
     const {
       filterComponents: dataFilterComponents
     } = useCanvasStandardFilters({
       includeTemplateFilter: true,
       includeOwnerFilter: true,
-      // Include owner filter for assigned canvases
       includeTagsFilter: true,
-      includeDraftFilter: true
+      includeDraftFilter: true,
+      templateOptions
     });
     const {
       height: canvasManagementToolbarHeight
     } = useElementSize(toolbarWrapper);
-    const isLoading = ref(false);
-    const fetchedData = ref([]);
-    const totalCount = ref(0);
     const {
       search,
       pageSize,
@@ -119599,6 +119649,7 @@ const _sfc_main$4o = /*@__PURE__*/defineComponent({
     onMounted(async () => {
       try {
         isLoading.value = true;
+        fetchTemplates();
         await fetch(fetchingParams.value);
       } catch (e) {
         console.error(e);
@@ -119652,7 +119703,7 @@ const _sfc_main$4o = /*@__PURE__*/defineComponent({
   }
 });
 
-const CAssignedCanvasesManagement = /* @__PURE__ */ _export_sfc(_sfc_main$4o, [["__scopeId", "data-v-f6151990"]]);
+const CAssignedCanvasesManagement = /* @__PURE__ */ _export_sfc(_sfc_main$4o, [["__scopeId", "data-v-df004301"]]);
 
 const _hoisted_1$3v = { class: "w-fit flex items-center justify-center text-truncate rd uppercase c-table-select" };
 const __default__ = {