o2sdev · tomaszpacior · Jan 12, 2026 · Jan 8, 2026 · Jan 9, 2026 · Jan 9, 2026
diff --git a/.changeset/dull-dancers-hide.md b/.changeset/dull-dancers-hide.md
@@ -0,0 +1,8 @@
+---
+'@o2s/integrations.mocked': minor
+'@o2s/blocks.ticket-list': minor
+'@o2s/framework': minor
+'@o2s/ui': minor
+---
+
+add inline filters variant with expandable sections
diff --git a/packages/blocks/ticket-list/src/api-harmonization/ticket-list.model.ts b/packages/blocks/ticket-list/src/api-harmonization/ticket-list.model.ts
@@ -23,6 +23,9 @@ export class TicketListBlock extends ApiModels.Block.Block {
     labels!: {
         showMore: string;
         clickToSelect: string;
+        showMoreFilters?: string;
+        hideMoreFilters?: string;
+        noActiveFilters?: string;
     };
     initialFilters?: Partial<Tickets.Model.Ticket & { sort?: string }>;
     meta?: CMS.Model.TicketListBlock.TicketListBlock['meta'];

diff --git a/packages/blocks/ticket-list/src/api-harmonization/ticket-list.request.ts b/packages/blocks/ticket-list/src/api-harmonization/ticket-list.request.ts
@@ -7,4 +7,6 @@ export class GetTicketListBlockQuery
     offset?: number;
     limit?: number;
     preview?: boolean;
+    search?: string;
+    priority?: string;
 }
diff --git a/packages/blocks/ticket-list/src/frontend/TicketList.client.tsx b/packages/blocks/ticket-list/src/frontend/TicketList.client.tsx
@@ -38,6 +38,8 @@ export const TicketListPure: React.FC<TicketListPureProps> = ({ locale, accessTo
         id: component.id,
         offset: 0,
         limit: component.pagination?.limit || 5,
+        search: '',
+        priority: '',
     };
 
     const initialData = component.tickets.data;
@@ -203,8 +205,12 @@ export const TicketListPure: React.FC<TicketListPureProps> = ({ locale, accessTo
                         initialValues={filters}
                         onSubmit={handleFilter}
                         onReset={handleReset}
+                        variant="inline"
                         labels={{
                             clickToSelect: data.labels.clickToSelect,
+                            showMoreFilters: data.labels.showMoreFilters,
+                            hideMoreFilters: data.labels.hideMoreFilters,
+                            noActiveFilters: data.labels.noActiveFilters,
                         }}
                     />
 

diff --git a/packages/framework/src/modules/cms/models/blocks/ticket-list.model.ts b/packages/framework/src/modules/cms/models/blocks/ticket-list.model.ts
@@ -9,7 +9,9 @@ export class TicketListBlock extends Block.Block<Meta> {
     table!: DataTable.DataTable<Ticket>;
     fieldMapping!: Mapping.Mapping<Ticket>;
     pagination?: Pagination.Pagination;
-    filters?: Filters.Filters<Ticket & { sort?: string; viewMode?: 'list' | 'grid' }>;
+    filters?: Filters.Filters<
+        Ticket & { sort?: string; viewMode?: 'list' | 'grid'; search?: string; priority?: string }
+    >;
     noResults!: {
         title: string;
         description?: string;
@@ -19,6 +21,9 @@ export class TicketListBlock extends Block.Block<Meta> {
         yesterday: string;
         showMore: string;
         clickToSelect: string;
+        showMoreFilters?: string;
+        hideMoreFilters?: string;
+        noActiveFilters?: string;
     };
     detailsUrl!: string;
     forms?: Link[];
@@ -37,8 +42,6 @@ export class Meta {
     subtitle!: string;
     table!: DataTable.DataTableMeta;
     fieldMapping!: Mapping.MappingMeta<Ticket>;
-    // pagination!: string;
-    // filters!: string;
     noResults!: {
         __id: string;
         title: string;
@@ -50,7 +53,9 @@ export class Meta {
         yesterday: string;
         showMore: string;
         clickToSelect: string;
+        showMoreFilters?: string;
+        hideMoreFilters?: string;
+        noActiveFilters?: string;
     };
     detailsUrl!: string;
-    // forms!: string;
 }
diff --git a/packages/framework/src/modules/tickets/tickets.request.ts b/packages/framework/src/modules/tickets/tickets.request.ts
@@ -18,5 +18,7 @@ export class GetTicketListQuery extends PaginationQuery {
     dateFrom?: Date;
     dateTo?: Date;
     sort?: string;
+    search?: string;
+    priority?: string;
     locale?: string;
 }
diff --git a/packages/framework/src/utils/models/filters.ts b/packages/framework/src/utils/models/filters.ts
@@ -34,6 +34,7 @@ export class FilterSelect<T> extends Filter<T> {
 export class FilterToggleGroup<T> extends Filter<T> {
     __typename!: 'FilterToggleGroup';
     allowMultiple!: boolean;
+    isLabelHidden?: boolean;
     options!: {
         value: string;
         label: string;

diff --git a/packages/integrations/mocked/src/modules/cms/mappers/blocks/cms.ticket-list.mapper.ts b/packages/integrations/mocked/src/modules/cms/mappers/blocks/cms.ticket-list.mapper.ts
@@ -124,13 +124,26 @@ const MOCK_TICKET_LIST_BLOCK_EN: CMS.Model.TicketListBlock.TicketListBlock = {
                 __typename: 'FilterSelect',
                 id: 'type',
                 label: 'Case type',
-                allowMultiple: false,
+                allowMultiple: true,
+                isLeading: false,
                 options: [
                     { label: 'Urgent', value: 'URGENT' },
                     { label: 'Standard', value: 'STANDARD' },
                     { label: 'Low Priority', value: 'LOW_PRIORITY' },
                 ],
             },
+            {
+                __typename: 'FilterSelect',
+                id: 'priority',
+                label: 'Priority',
+                allowMultiple: false,
+                isLeading: false,
+                options: [
+                    { label: 'High', value: 'HIGH' },
+                    { label: 'Medium', value: 'MEDIUM' },
+                    { label: 'Low', value: 'LOW' },
+                ],
+            },
             {
                 __typename: 'FilterDateRange',
                 id: 'updatedAt',
@@ -158,6 +171,9 @@ const MOCK_TICKET_LIST_BLOCK_EN: CMS.Model.TicketListBlock.TicketListBlock = {
         yesterday: 'Yesterday',
         showMore: 'Show more',
         clickToSelect: 'Click to select',
+        showMoreFilters: 'Show more filters',
+        hideMoreFilters: 'Hide more filters',
+        noActiveFilters: 'No active filters',
     },
     detailsUrl: '/cases/{id}',
 };
@@ -237,12 +253,24 @@ const MOCK_TICKET_LIST_BLOCK_DE: CMS.Model.TicketListBlock.TicketListBlock = {
         close: 'Filter schließen',
         removeFilters: 'Filter entfernen ({active})',
         items: [
+            {
+                __typename: 'FilterToggleGroup',
+                id: 'status',
+                label: 'Status',
+                allowMultiple: true,
+                isLeading: true,
+                options: [
+                    { label: 'Alle', value: 'ALL' },
+                    { label: 'In Bearbeitung', value: 'OPEN' },
+                    { label: 'Gelöst', value: 'CLOSED' },
+                    { label: 'Neue Antwort', value: 'IN_PROGRESS' },
+                ],
+            },
             {
                 __typename: 'FilterSelect',
                 id: 'sort',
                 label: 'Sortieren nach',
                 allowMultiple: false,
-                isLeading: true,
                 options: [
                     { label: 'Thema aufsteigend', value: 'topic_ASC' },
                     { label: 'Thema absteigend', value: 'topic_DESC' },
@@ -254,24 +282,11 @@ const MOCK_TICKET_LIST_BLOCK_DE: CMS.Model.TicketListBlock.TicketListBlock = {
                     { label: 'Aktualisiert absteigend', value: 'updatedAt_DESC' },
                 ],
             },
-            {
-                __typename: 'FilterToggleGroup',
-                id: 'status',
-                label: 'Status',
-                allowMultiple: false,
-                isLeading: false,
-                options: [
-                    { label: 'Alle', value: 'ALL' },
-                    { label: 'In Bearbeitung', value: 'OPEN' },
-                    { label: 'Gelöst', value: 'CLOSED' },
-                    { label: 'Neue Antwort', value: 'IN_PROGRESS' },
-                ],
-            },
             {
                 __typename: 'FilterSelect',
                 id: 'topic',
                 label: 'Thema',
-                allowMultiple: true,
+                allowMultiple: false,
                 isLeading: false,
                 options: [
                     { label: 'Alle', value: 'ALL' },
@@ -288,13 +303,26 @@ const MOCK_TICKET_LIST_BLOCK_DE: CMS.Model.TicketListBlock.TicketListBlock = {
                 __typename: 'FilterSelect',
                 id: 'type',
                 label: 'Falltyp',
-                allowMultiple: false,
+                allowMultiple: true,
+                isLeading: false,
                 options: [
                     { label: 'Dringend', value: 'URGENT' },
                     { label: 'Standard', value: 'STANDARD' },
                     { label: 'Niedrige Priorität', value: 'LOW_PRIORITY' },
                 ],
             },
+            {
+                __typename: 'FilterSelect',
+                id: 'priority',
+                label: 'Priorität',
+                allowMultiple: false,
+                isLeading: false,
+                options: [
+                    { label: 'Hoch', value: 'HIGH' },
+                    { label: 'Mittel', value: 'MEDIUM' },
+                    { label: 'Niedrig', value: 'LOW' },
+                ],
+            },
             {
                 __typename: 'FilterDateRange',
                 id: 'updatedAt',
@@ -322,6 +350,9 @@ const MOCK_TICKET_LIST_BLOCK_DE: CMS.Model.TicketListBlock.TicketListBlock = {
         yesterday: 'Gestern',
         showMore: 'Mehr anzeigen',
         clickToSelect: 'Klicken Sie, um auszuwählen',
+        showMoreFilters: 'Mehr Filter anzeigen',
+        hideMoreFilters: 'Weniger Filter anzeigen',
+        noActiveFilters: 'Keine aktiven Filter',
     },
     detailsUrl: '/faelle/{id}',
 };
@@ -403,6 +434,19 @@ const MOCK_TICKET_LIST_BLOCK_PL: CMS.Model.TicketListBlock.TicketListBlock = {
         close: 'Zamknij filtry',
         removeFilters: 'Usuń filtry ({active})',
         items: [
+            {
+                __typename: 'FilterToggleGroup',
+                id: 'status',
+                label: 'Status',
+                allowMultiple: true,
+                isLeading: true,
+                options: [
+                    { label: 'Wszystko', value: 'ALL' },
+                    { label: 'W rozpatrzeniu', value: 'OPEN' },
+                    { label: 'Rozwiązane', value: 'CLOSED' },
+                    { label: 'Nowa odpowiedź', value: 'IN_PROGRESS' },
+                ],
+            },
             {
                 __typename: 'FilterSelect',
                 id: 'sort',
@@ -419,19 +463,6 @@ const MOCK_TICKET_LIST_BLOCK_PL: CMS.Model.TicketListBlock.TicketListBlock = {
                     { label: 'Aktualizacja malejąco', value: 'updatedAt_DESC' },
                 ],
             },
-            {
-                __typename: 'FilterToggleGroup',
-                id: 'status',
-                label: 'Status',
-                allowMultiple: false,
-                isLeading: true,
-                options: [
-                    { label: 'Wszystko', value: 'ALL' },
-                    { label: 'W rozpatrzeniu', value: 'OPEN' },
-                    { label: 'Rozwiązane', value: 'CLOSED' },
-                    { label: 'Nowa odpowiedź', value: 'IN_PROGRESS' },
-                ],
-            },
             {
                 __typename: 'FilterSelect',
                 id: 'topic',
@@ -453,13 +484,26 @@ const MOCK_TICKET_LIST_BLOCK_PL: CMS.Model.TicketListBlock.TicketListBlock = {
                 __typename: 'FilterSelect',
                 id: 'type',
                 label: 'Typ zgłoszenia',
-                allowMultiple: false,
+                allowMultiple: true,
+                isLeading: false,
                 options: [
                     { label: 'Pilne', value: 'URGENT' },
                     { label: 'Standardowe', value: 'STANDARD' },
                     { label: 'Niski priorytet', value: 'LOW_PRIORITY' },
                 ],
             },
+            {
+                __typename: 'FilterSelect',
+                id: 'priority',
+                label: 'Priorytet',
+                allowMultiple: false,
+                isLeading: false,
+                options: [
+                    { label: 'Wysoki', value: 'HIGH' },
+                    { label: 'Średni', value: 'MEDIUM' },
+                    { label: 'Niski', value: 'LOW' },
+                ],
+            },
             {
                 __typename: 'FilterDateRange',
                 id: 'updatedAt',
@@ -487,6 +531,9 @@ const MOCK_TICKET_LIST_BLOCK_PL: CMS.Model.TicketListBlock.TicketListBlock = {
         yesterday: 'Wczoraj',
         showMore: 'Pokaż więcej',
         clickToSelect: 'Kliknij, aby wybrać',
+        showMoreFilters: 'Pokaż więcej filtrów',
+        hideMoreFilters: 'Ukryj więcej filtrów',
+        noActiveFilters: 'Brak aktywnych filtrów',
     },
     detailsUrl: '/zgloszenia/{id}',
 };