@flamingo-stack/openframe-frontend-core 0.0.711 → 0.0.713

package/dist/components/features/devices/devices-panel-view.d.ts

@@ -0,0 +1,79 @@
+import type { ReactNode, RefObject } from 'react';
+import { type ColumnDef, type ColumnFiltersState, type OnChangeFn, type PageActionButton } from '../../ui';
+import { type DevicesFilterToolbarProps } from './devices-filter-toolbar';
+import { type DeviceFilterColumn } from './devices-table-columns';
+import type { DeviceFilters, DeviceRow } from './types';
+export type DevicesViewMode = 'table' | 'grid';
+/** A toolbar with nothing in it and nothing wired: what a loading panel and a picture draw. */
+export declare const IDLE_DEVICES_TOOLBAR: DevicesFilterToolbarProps;
+export interface DevicesPanelViewProps<T extends DeviceRow = DeviceRow> {
+    /** Page title shown in the PageLayout header. */
+    title?: string;
+    /** Back button rendered above the title (e.g. on the archive page). */
+    backButton?: {
+        label?: string;
+        onClick: () => void;
+    };
+    /** The PageLayout wrapper's className, already resolved by the caller. */
+    className?: string;
+    /**
+     * Drawn in place of the panel's own header (title, view switch, actions),
+     * for a host that brings its own, such as a page hero.
+     */
+    headerSlot?: ReactNode;
+    viewMode: DevicesViewMode;
+    onViewModeChange?: (mode: DevicesViewMode) => void;
+    /** Header buttons: see `buildDevicePanelActions`. */
+    actions?: PageActionButton[];
+    /** The rows to draw, already narrowed. The view never fetches and never filters. */
+    devices: T[];
+    /**
+     * The request has not answered: the header, the view switch and the toolbar
+     * are the real ones, locked, and only the rows are skeletons.
+     */
+    loading?: boolean;
+    /** The rows on screen answer the previous narrowing while the next loads: dimmed, not replaced. */
+    isNarrowing?: boolean;
+    /** Server-side total for the current narrowing. */
+    totalCount?: number;
+    /** Facets behind the column funnels and the grid's filter row, from the server. */
+    deviceFilters?: DeviceFilters | null;
+    /** The filter columns the grid row offers. Defaults to every column of `deviceFilters` not in `hideFilters`. */
+    filterColumns?: DeviceFilterColumn[];
+    /** Search box, tag chips and the tags modal. Omit for an idle toolbar. */
+    toolbar?: DevicesFilterToolbarProps;
+    /** The table's column funnels. */
+    columnFilters?: ColumnFiltersState;
+    onColumnFiltersChange?: OnChangeFn<ColumnFiltersState>;
+    /** The grid filter row's selection, keyed by column id, and its writer. */
+    gridFilters?: Record<string, string[]>;
+    onGridFiltersChange?: (filters: Record<string, string[]>) => void;
+    /** The row-actions column: see `getDeviceActionsColumn`. */
+    actionsColumn?: ColumnDef<T>;
+    /** Column ids to drop from the table (e.g. 'organization' when scoped to one customer). */
+    hideColumns?: string[];
+    /** Filter keys to drop from the funnels and the grid row; the column itself stays. */
+    hideFilters?: string[];
+    /** Message shown when the list is empty. */
+    emptyMessage?: string;
+    /** Drawn instead of the toolbar and the list: the pristine, genuinely empty panel. */
+    emptyState?: ReactNode;
+    /** The tenant has no customers yet: a banner says a device needs one. */
+    noOrganizations?: boolean;
+    hasNextPage?: boolean;
+    isFetchingNextPage?: boolean;
+    onLoadMore?: () => void;
+    /** The grid's infinite-scroll sentinel. */
+    gridSentinelRef?: RefObject<HTMLDivElement | null>;
+}
+/**
+ * The device list as a page: header with the table / grid switch and the
+ * actions, the search and tag toolbar, and the rows as a table or as cards.
+ *
+ * Everything it shows is a prop. The product's container owns the queries and
+ * the URL state and maps them here; a fixture passes plain rows. Its loading
+ * state is the same component with `loading`: the chrome is the real one,
+ * locked, so the page does not move when the rows land.
+ */
+export declare function DevicesPanelView<T extends DeviceRow = DeviceRow>({ title, backButton, className, headerSlot, viewMode, onViewModeChange, actions, devices, loading, isNarrowing, totalCount, deviceFilters, filterColumns, toolbar, columnFilters, onColumnFiltersChange, gridFilters, onGridFiltersChange, actionsColumn, hideColumns, hideFilters, emptyMessage, emptyState, noOrganizations, hasNextPage, isFetchingNextPage, onLoadMore, gridSentinelRef, }: DevicesPanelViewProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=devices-panel-view.d.ts.map

package/dist/components/features/devices/devices-panel-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devices-panel-view.d.ts","sourceRoot":"","sources":["../../../../src/components/features/devices/devices-panel-view.tsx"],"names":[],"mappings":"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"}

package/dist/components/features/devices/devices-table-columns.d.ts

@@ -0,0 +1,76 @@
+import type React from 'react';
+import { type ReactNode } from 'react';
+import { type ColumnDef, type ColumnFiltersState, type NoDataProps, type OnChangeFn } from '../../ui';
+import type { DeviceFilters, DeviceRow } from './types';
+/**
+ * The row-actions column, declared here beside every other device column so the
+ * loaded table and its loading state can't disagree about the column set.
+ *
+ * `renderRowActions` is optional because a loading table has no rows to act on
+ *, omit it and the column keeps its width and alignment while drawing nothing,
+ * which is exactly what the skeleton needs. Leaving the column out instead
+ * shifted every other column, since it takes real width from them.
+ */
+export declare function getDeviceActionsColumn<T extends DeviceRow = DeviceRow>(renderRowActions?: (device: T) => React.ReactNode): ColumnDef<T>;
+export declare function getDeviceOpenColumn<T extends DeviceRow = DeviceRow>(): ColumnDef<T>;
+export interface DevicesTableBodyProps<T extends DeviceRow = DeviceRow> {
+    devices: T[];
+    isLoading?: boolean;
+    /**
+     * The empty state, as the design's `data-placeholder`: icon over a title over
+     * a description. Wins over `emptyMessage` when both are given.
+     */
+    emptyState?: NoDataProps;
+    /** @deprecated Single-line variant of {@link emptyState}, pass `emptyState` instead. */
+    emptyMessage?: string;
+    skeletonRows?: number;
+    stickyHeaderOffset?: string;
+    footerSlot?: ReactNode;
+    deviceFilters?: DeviceFilters | null;
+    columnFilters?: ColumnFiltersState;
+    onColumnFiltersChange?: OnChangeFn<ColumnFiltersState>;
+    /** Optional extra column inserted before the open-in-new-tab column (e.g. row actions on the dedicated page). */
+    actionsColumn?: ColumnDef<T>;
+    /** Column ids to drop from the base table columns (e.g. ['organization'] when scoped to a single org). */
+    hideColumns?: string[];
+    /** Column ids whose header filter is dropped while the column stays visible (e.g. ['status'] on the archive page). */
+    disableColumnFilters?: string[];
+    /** The facet query is still in flight, see `getDeviceTableColumns`. */
+    filtersPending?: boolean;
+    /** Server-side total (for paginated lists). Falls back to loaded-row count when omitted. */
+    totalCount?: number;
+    /**
+     * Render the column header. Default true.
+     *
+     * Pass `false` to drop it over a genuinely empty list, column labels above
+     * nothing are noise, and the empty message reads better without a row of
+     * headings it does not explain. Keep it `true` while loading (the skeleton
+     * rows are the content it belongs to) and whenever the emptiness is the RESULT
+     * of narrowing: the column funnels live in this header, so removing it would
+     * strip the only way to undo the filter that emptied the table.
+     */
+    showHeader?: boolean;
+}
+export declare function DevicesTableBody<T extends DeviceRow = DeviceRow>({ devices, isLoading, emptyState, emptyMessage, skeletonRows, stickyHeaderOffset, footerSlot, deviceFilters, columnFilters, onColumnFiltersChange, actionsColumn, hideColumns, disableColumnFilters, filtersPending, totalCount, showHeader, }: DevicesTableBodyProps<T>): React.JSX.Element;
+export interface DeviceFilterColumn {
+    key: string;
+    label: string;
+    filterable?: boolean;
+    filterOptions?: DeviceFilterOption[];
+}
+/** A device filter dropdown entry: `meta.filter.options` plus the facet count. */
+export interface DeviceFilterOption {
+    id: string;
+    label: string;
+    value: string;
+    count?: number;
+}
+export declare function getDeviceFilterColumns(deviceFilters?: DeviceFilters | null): DeviceFilterColumn[];
+/**
+ * @param filtersPending The `deviceFilters` query is in flight, keeps the
+ * funnels drawn (inert) rather than growing them when it answers. Absent means
+ * these are the final options: an empty one then hides its funnel, which is what
+ * a list with no facet source of its own wants.
+ */
+export declare function getDeviceTableColumns<T extends DeviceRow = DeviceRow>(deviceFilters?: DeviceFilters | null, filtersPending?: boolean): ColumnDef<T>[];
+//# sourceMappingURL=devices-table-columns.d.ts.map

package/dist/components/features/devices/devices-table-columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devices-table-columns.d.ts","sourceRoot":"","sources":["../../../../src/components/features/devices/devices-table-columns.tsx"],"names":[],"mappings":"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"}

package/dist/components/features/devices/devices-view-config.d.ts

@@ -0,0 +1,25 @@
+import { type ReactNode } from 'react';
+import type { DeviceRow } from './types';
+/**
+ * What the device views cannot know by themselves, because it belongs to the
+ * host: where a device's page lives, where images are served from, and whether
+ * the page runs inside the mobile shell. The product provides it once, above
+ * every page; without a provider the views render as a picture (no links,
+ * image URLs used as given).
+ */
+export interface DevicesViewConfig {
+    /** The device's page. Absent: rows and cards are not links. */
+    getDeviceHref?: (device: DeviceRow) => string | undefined;
+    /** A customer image's full URL from its stored path and content hash. */
+    resolveImageUrl?: (imageUrl: string | null | undefined, hash?: string | null) => string | undefined;
+    /** The page runs inside the mobile shell: options nobody can pick there are dropped. */
+    isMobileShell?: boolean;
+}
+export declare function DevicesViewConfigProvider({ value, children }: {
+    value: DevicesViewConfig;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useDevicesViewConfig(): DevicesViewConfig;
+/** A customer image's URL as the host resolves it; the stored value when no host says otherwise. */
+export declare function useDeviceImageUrl(imageUrl: string | null | undefined, hash?: string | null): string | undefined;
+//# sourceMappingURL=devices-view-config.d.ts.map

package/dist/components/features/devices/devices-view-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devices-view-config.d.ts","sourceRoot":"","sources":["../../../../src/components/features/devices/devices-view-config.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;GAMG;AACH,MAAM,WAAW,iBAAiB;IAChC,+DAA+D;IAC/D,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAC1D,yEAAyE;IACzE,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,MAAM,GAAG,SAAS,CAAC;IACpG,wFAAwF;IACxF,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAMD,wBAAgB,yBAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,EAAE,iBAAiB,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAE/G;AAED,wBAAgB,oBAAoB,IAAI,iBAAiB,CAExD;AAED,oGAAoG;AACpG,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAG/G"}

package/dist/components/features/devices/index.d.ts

@@ -0,0 +1,24 @@
+export { formatLastOnline } from './device-last-online';
+export { type DeviceNameSource, getDeviceName, matchesDeviceName } from './device-name';
+export { DeviceSelectionModeRadio, type DeviceSelectionModeRadioProps, } from './device-selector/device-selection-mode-radio';
+export { DeviceSelector } from './device-selector/device-selector';
+export type { DeviceSelectionMode, DeviceSelectorInfiniteScroll, DeviceSelectorNarrowing, DeviceSelectorProps, DeviceSelectorServer, SubTab, } from './device-selector/device-selector.types';
+export { DeviceSelectorSkeleton } from './device-selector/device-selector-skeleton';
+export { EMPTY_NARROWING, narrowingToFilter } from './device-selector/narrowing';
+export { type DeviceCardStatus, type DeviceStatusConfig, type DeviceStatusVariant, getDeviceOperatingSystem, getDeviceStatusConfig, } from './device-status';
+export { DEFAULT_DASHBOARD_STATUSES, DEFAULT_DEVICES_LIST_STATUSES, DEFAULT_VISIBLE_STATUSES, type DefaultVisibleStatus, DEVICE_ENRICHMENT_FILTER, DEVICE_ENRICHMENT_STATUSES, DEVICE_STATUS, type DeviceStatus, HIDDEN_DEVICE_STATUSES, type HiddenDeviceStatus, } from './device-statuses';
+export { DeviceTagsFilterButton } from './device-tags-filter-button';
+export { renderDeviceTypeIcon } from './device-type-icon';
+export { DeviceTypeTile } from './device-type-tile';
+export { DevicesFilterToolbar, type DevicesFilterToolbarProps } from './devices-filter-toolbar';
+export { DevicesGrid, type DevicesGridProps } from './devices-grid';
+export { DevicesGridFilters, type DevicesGridFiltersProps } from './devices-grid-filters';
+export { DevicesList, type DevicesListNarrowing, type DevicesListProps, EMPTY_DEVICES_NARROWING, isNarrowed, } from './devices-list';
+export { buildDevicePanelActions, DEVICE_VIEW_MODE_ITEMS, type DevicePanelActionsOptions, } from './devices-panel-header';
+export { DevicesPanelView, type DevicesPanelViewProps, type DevicesViewMode, IDLE_DEVICES_TOOLBAR, } from './devices-panel-view';
+export { type DeviceFilterColumn, type DeviceFilterOption, DevicesTableBody, type DevicesTableBodyProps, getDeviceActionsColumn, getDeviceFilterColumns, getDeviceOpenColumn, getDeviceTableColumns, } from './devices-table-columns';
+export { type DevicesViewConfig, DevicesViewConfigProvider, useDeviceImageUrl, useDevicesViewConfig, } from './devices-view-config';
+export type { DeviceFilterInput, DeviceFilters, DeviceFilterTag, DeviceFilterValue, DeviceRow, DeviceTag, TagFilterOption, } from './types';
+export { useStickyToolbar } from '../../../hooks/ui/use-sticky-toolbar';
+export { useTagFilterModal } from './use-tag-filter-modal';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/features/devices/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/devices/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,KAAK,gBAAgB,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACxF,OAAO,EACL,wBAAwB,EACxB,KAAK,6BAA6B,GACnC,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,YAAY,EACV,mBAAmB,EACnB,4BAA4B,EAC5B,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,MAAM,GACP,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AACpF,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,0BAA0B,EAC1B,6BAA6B,EAC7B,wBAAwB,EACxB,KAAK,oBAAoB,EACzB,wBAAwB,EACxB,0BAA0B,EAC1B,aAAa,EACb,KAAK,YAAY,EACjB,sBAAsB,EACtB,KAAK,kBAAkB,GACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAC1F,OAAO,EACL,WAAW,EACX,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,uBAAuB,EACvB,UAAU,GACX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,uBAAuB,EACvB,sBAAsB,EACtB,KAAK,yBAAyB,GAC/B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACpB,oBAAoB,GACrB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,KAAK,iBAAiB,EACtB,yBAAyB,EACzB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,SAAS,EACT,eAAe,GAChB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/features/devices/types.d.ts

@@ -0,0 +1,68 @@
+import type { DeviceNameSource } from './device-name';
+/** A tag on a device: one key and the values the device carries for it. */
+export interface DeviceTag {
+    tagId: string;
+    key: string;
+    description?: string;
+    color?: string;
+    values: string[];
+    createdAt?: string;
+}
+/**
+ * A device as the list views draw it: the plain fields a row, a card and a
+ * picker read, and nothing a details page needs. The product's full device
+ * record is a superset of this, so it is passed as is.
+ */
+export interface DeviceRow extends DeviceNameSource {
+    id: string;
+    /** The agent's id. Empty when the agent is not connected. */
+    machineId: string;
+    status: string;
+    /** When the device was last seen, ISO. Two spellings, one per source. */
+    last_seen?: string;
+    lastSeen?: string;
+    /** desktop / laptop / server / mobile / tablet. */
+    type?: string;
+    osType?: string;
+    operating_system?: string;
+    organizationId?: string;
+    organization?: string;
+    /** Primary contact of the customer: the CUSTOMER column's second line in the picker. */
+    organizationEmail?: string;
+    organizationImageUrl?: string | null;
+    organizationImageHash?: string | null;
+    tags?: DeviceTag[];
+}
+export interface DeviceFilterValue {
+    value: string;
+    count: number;
+}
+export interface DeviceFilterTag {
+    value: string;
+    label: string;
+    count: number;
+}
+export interface TagFilterOption {
+    key: string;
+    value: string;
+    count: number;
+}
+/** The facets behind the device filters, as the server counts them. */
+export interface DeviceFilters {
+    statuses: DeviceFilterValue[];
+    deviceTypes: DeviceFilterValue[];
+    osTypes: DeviceFilterValue[];
+    organizationIds: DeviceFilterTag[];
+    tagKeys: TagFilterOption[];
+    filteredCount: number;
+}
+/** What narrows a device list, in the backend's field names. */
+export interface DeviceFilterInput {
+    statuses?: string[];
+    deviceTypes?: string[];
+    osTypes?: string[];
+    organizationIds?: string[];
+    tagKeys?: string[];
+    tagValues?: string[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/features/devices/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/devices/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,2EAA2E;AAC3E,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,SAAU,SAAQ,gBAAgB;IACjD,EAAE,EAAE,MAAM,CAAC;IACX,6DAA6D;IAC7D,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wFAAwF;IACxF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,uEAAuE;AACvE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,gEAAgE;AAChE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB"}

package/dist/components/features/devices/use-tag-filter-modal.d.ts

@@ -0,0 +1,50 @@
+import type { DeviceFilters } from './types';
+/** One selectable value in a FilterModal group. */
+interface FilterOption {
+    id: string;
+    label: string;
+    count?: number;
+}
+interface UseTagFilterModalParams {
+    tags: string[];
+    deviceFilters: DeviceFilters | null;
+    columns: Array<{
+        key: string;
+        label: string;
+        filterable?: boolean;
+        filterOptions?: FilterOption[];
+    }>;
+    /** `useApiParams`' setter, each device list param is a list of ids. */
+    setParams: (params: Record<string, string[]>) => void;
+    /**
+     * Runs after the filters are applied, to bring the list back to its top.
+     * Default: the page's `<main>` scrolls to the top. A host whose list scrolls
+     * in another container passes its own.
+     */
+    onApplied?: () => void;
+}
+export declare function useTagFilterModal({ tags, deviceFilters, columns, setParams, onApplied, }: UseTagFilterModalParams): {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    isMdUp: boolean | undefined;
+    filterGroups: {
+        id: string;
+        title: string;
+        options: FilterOption[];
+    }[];
+    tagFilterKeys: {
+        key: string;
+        label: string;
+        values: {
+            id: string;
+            label: string;
+            count?: number;
+        }[];
+    }[];
+    handleFilterChange: (columnFilters: Record<string, string[]>) => void;
+    handleTagsChange: (newTags: string[]) => void;
+    selectedTags: string[];
+};
+export {};
+//# sourceMappingURL=use-tag-filter-modal.d.ts.map

package/dist/components/features/devices/use-tag-filter-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tag-filter-modal.d.ts","sourceRoot":"","sources":["../../../../src/components/features/devices/use-tag-filter-modal.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAO7C,mDAAmD;AACnD,UAAU,YAAY;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,uBAAuB;IAC/B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IACpC,OAAO,EAAE,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;KAAE,CAAC,CAAC;IACrG,uEAAuE;IACvE,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IACtD;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAID,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,aAAa,EACb,OAAO,EACP,SAAS,EACT,SAA2B,GAC5B,EAAE,uBAAuB;;;;;;;;;;;;;;gBAwBgB,MAAM;mBAAS,MAAM;oBAAU,MAAM;;;wCAatB,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;gCAMnE,MAAM,EAAE;;EAyBrB"}