fds-vue-core 8.3.2 → 8.4.0

package/components.d.ts

@@ -16,6 +16,7 @@ import type { FdsCopyButtonProps } from './dist/components/Buttons/FdsButtonCopy
 import type { FdsButtonDownloadProps } from './dist/components/Buttons/FdsButtonDownload/types'
 import type { FdsIconButtonProps } from './dist/components/Buttons/FdsButtonIcon/types'
 import type { FdsIconProps } from './dist/components/FdsIcon/types'
+import type { FdsDrawerProps } from './dist/components/FdsDrawer/types'
 import type { FdsModalProps } from './dist/components/FdsModal/types'
 import type { FdsPaginationProps } from './dist/components/FdsPagination/types'
 import type { FdsPopoverProps } from './dist/components/FdsPopover/types'
@@ -77,6 +78,7 @@ declare module 'vue' {
     FdsSticker: DefineComponent<FdsStickerProps>
     FdsTabs: DefineComponent<FdsTabsProps>
     FdsTabsItem: DefineComponent<FdsTabsItemProps>
+    FdsDrawer: DefineComponent<FdsDrawerProps>
     FdsModal: DefineComponent<FdsModalProps>
     FdsPagination: DefineComponent<FdsPaginationProps>
     FdsPopover: DefineComponent<FdsPopoverProps>

package/dist/components/FdsDrawer/FdsDrawer.vue.d.ts

@@ -0,0 +1,35 @@
+import { Slot } from 'vue';
+import { FdsDrawerProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?: Slot;
+    }> & {
+        default?: Slot;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<FdsDrawerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<FdsDrawerProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg" | "xl";
+    dataTestid: string;
+    heading: string;
+    open: boolean;
+    strict: boolean;
+    lockScroll: boolean;
+    info: "valid" | "invalid" | "warning";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/FdsDrawer/types.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from 'vue';
+export interface FdsDrawerProps extends /* @vue-ignore */ HTMLAttributes {
+    open?: boolean;
+    heading?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    strict?: boolean;
+    lockScroll?: boolean;
+    info?: 'valid' | 'invalid' | 'warning';
+    dataTestid?: string;
+    onClose?: (value: boolean) => void;
+}

package/dist/composables/useRouteFilters.d.ts

@@ -0,0 +1,73 @@
+import { Ref } from 'vue';
+import { LocationQuery, LocationQueryRaw } from 'vue-router';
+export type RouteFilterValue = string | number | boolean | string[];
+export type RouteFilterRecord = Record<string, RouteFilterValue>;
+export interface RouteSortDefault {
+    field?: string;
+    dir?: 'asc' | 'desc' | '';
+}
+export interface UseRouteFiltersSchema<F extends RouteFilterRecord, D extends RouteFilterRecord> {
+    filter: F;
+    draft?: D;
+    sort?: RouteSortDefault;
+    search?: string;
+    page?: number;
+}
+export type RouteFilterState<F extends RouteFilterRecord> = {
+    [K in keyof F]: F[K] extends string[] ? string[] : F[K];
+};
+export interface RouteSort {
+    /** Current sort value, e.g. `'-created'`, `'+name'`, or `''` */
+    readonly value: string;
+    /** Current field being sorted (without sign prefix) */
+    readonly field: string;
+    /** Current direction */
+    readonly dir: 'asc' | 'desc' | '';
+    /**
+     * Toggle sort for `field`.
+     * - none / other field → desc (`-field`)
+     * - `-field` → asc (`+field`)
+     * - `+field` → none (`''`)
+     */
+    toggle: (field: string) => void;
+    set: (field: string, dir: 'asc' | 'desc') => void;
+    clear: () => void;
+    /** Icon hint for table header */
+    iconFor: (field: string) => 'ascending' | 'descending' | 'sort';
+}
+export interface RouteDraftControl<D extends RouteFilterRecord> {
+    /** Reactive draft state — edit directly without .value */
+    readonly state: RouteFilterState<D>;
+    /** Copy active filter values into draft (call before opening modal) */
+    open: () => void;
+    /** Apply draft values to active filter (call on save) */
+    apply: () => void;
+    /** Discard draft changes (call on cancel) */
+    cancel: () => void;
+    /** Reset draft to schema defaults */
+    reset: () => void;
+}
+export interface UseRouteFiltersReturn<F extends RouteFilterRecord, D extends RouteFilterRecord> {
+    /** Reactive filter state — read/write directly without .value */
+    filter: RouteFilterState<F>;
+    /** Draft state + controls (only when `draft` was provided in schema) */
+    draft: RouteDraftControl<D>;
+    /** Sort controls */
+    sort: RouteSort;
+    /** Reactive search ref (for v-model on input) */
+    search: Ref<string>;
+    /** Reactive page ref (for v-model / pagination) */
+    page: Ref<number>;
+    /** Reset filter, search, page and sort to defaults */
+    reset: () => Promise<void>;
+    /** Clear all schema-managed query params */
+    clear: () => Promise<void>;
+}
+export declare function useRouteFilters<F extends RouteFilterRecord, D extends RouteFilterRecord = RouteFilterRecord>(schema: UseRouteFiltersSchema<F, D>): UseRouteFiltersReturn<F, D>;
+/** @deprecated Use `useRouteFilters` with the new schema API instead */
+export type RouteFilterSchema = RouteFilterRecord;
+/** @deprecated */
+export declare const parseRouteFiltersFromQuery: <T extends RouteFilterRecord>(query: LocationQuery, defaults: T) => RouteFilterState<T>;
+/** @deprecated */
+export declare const serializeRouteFiltersToQuery: <T extends RouteFilterRecord>(state: RouteFilterState<T>, defaults: T) => LocationQueryRaw;
+export type { RouteFilterRecord as RouteFilterRefs };