@fkui/vue 6.37.0 → 6.38.0

package/dist/types/index.d.ts

@@ -42,6 +42,7 @@ import { ShallowRef } from 'vue';
 import { Slot } from 'vue';
 import { Slots } from 'vue';
 import { StackHandle } from '@fkui/logic';
+import { TranslateFunction } from '@fkui/logic';
 import { UnwrapRef } from 'vue';
 import { UnwrapRefSimple } from '@vue/reactivity';
 import { ValidatableHTMLElement } from '@fkui/logic';
@@ -6848,73 +6849,7 @@ rotate: string;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare const __VLS_export_47: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal_8<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: PublicProps & __VLS_PrettifyLocal_8<ExtractPublicPropTypes<    {
-    /**
-    * The data that you wish to sort or filter.
-    */
-    data: {
-    type: PropType<T[]>;
-    required: boolean;
-    };
-    /**
-    * All the attributes you want to enable sorting for and the corresponding name to display in the dropdown.
-    * Structured as `{attributeName: "Name for dropdown", secondAttributeName: "Name for dropdown"}`
-    */
-    sortableAttributes: {
-    type: PropType<Record<string, string | Readonly<Ref<string>>>>;
-    required: boolean;
-    };
-    /**
-    * If set the data will be sorted by this attribute by default.
-    */
-    defaultSortAttribute: {
-    type: StringConstructor;
-    required: boolean;
-    default: () => string;
-    };
-    /**
-    * Show/hides the sort dropdown.
-    */
-    showSort: {
-    type: BooleanConstructor;
-    required: boolean;
-    default: boolean;
-    };
-    /**
-    * Show/hides the filter input.
-    */
-    showFilter: {
-    type: BooleanConstructor;
-    required: boolean;
-    default: boolean;
-    };
-    /**
-    * Set placeholder text in filter input field.
-    * Default is textkey "fkui.sort-filter-dataset.placeholder.filter"
-    */
-    placeholderFilter: {
-    type: StringConstructor;
-    required: boolean;
-    default: string;
-    };
-    /**
-    * The order the data will be sorted by if defaultSortAttribute has been set.
-    */
-    defaultSortAscending: {
-    type: BooleanConstructor;
-    required: boolean;
-    default: () => boolean;
-    };
-    /**
-    * Attributes that should be included in search when filtering by input.
-    * Default includes all attributes.
-    */
-    filterAttributes: {
-    type: PropType<string[]>;
-    required: boolean;
-    default: undefined;
-    };
-    }> & {
+    props: PublicProps & __VLS_PrettifyLocal_8<FSortFilterDatasetProps<T> & {
         onDatasetSorted?: ((items: T[]) => any) | undefined;
         onUsedSortAttributes?: ((sortAttribute: SortOrder) => any) | undefined;
     }> & (typeof globalThis extends {
@@ -18204,7 +18139,7 @@ export declare const FSortFilterDataset: typeof __VLS_export_47;
  *
  * @public
  */
-export declare function FSortFilterDatasetInjected(): FSortFilterDatasetInterface;
+export declare function FSortFilterDatasetInjected<TKeys = PropertyKey>(): FSortFilterDatasetInterface<TKeys>;
 
 /**
  * This interface can be implemented (provided) by Vue components
@@ -18212,35 +18147,73 @@ export declare function FSortFilterDatasetInjected(): FSortFilterDatasetInterfac
  *
  * @public
  */
-export declare interface FSortFilterDatasetInterface {
+export declare interface FSortFilterDatasetInterface<TKeys = PropertyKey> {
     /**
      * Sort the dataset
      * @param attribute - is the field that gets sorted
      * @param ascending - is the order the fields get sorted
      */
-    sort(this: void, attribute: string, ascending: boolean): void;
+    sort(this: void, attribute: TKeys, ascending: boolean): void;
     /**
      * Callback function that is called when dataset get sorted
      */
-    registerCallbackOnSort(this: void, callback: FSortFilterDatasetSortCallback): void;
+    registerCallbackOnSort(this: void, callback: FSortFilterDatasetSortCallback<TKeys>): void;
     /**
      * Called when FSortFilterDataset is mounted.
      * Returns the sortable field names.
      */
-    registerCallbackOnMount(this: void, callback: FSortFilterDatasetMountCallback): void;
+    registerCallbackOnMount(this: void, callback: FSortFilterDatasetMountCallback<TKeys>): void;
 }
 
 /**
  * @public
  */
-export declare type FSortFilterDatasetMountCallback = (columnNames: string[]) => void;
+export declare type FSortFilterDatasetMountCallback<TKeys = PropertyKey> = (columnNames: TKeys[]) => void;
+
+declare interface FSortFilterDatasetProps<T> {
+    /**
+     * The data that you wish to sort or filter.
+     */
+    data: T[];
+    /**
+     * All the attributes you want to enable sorting for and the corresponding name to display in the dropdown.
+     * Structured as `{attributeName: "Name for dropdown", secondAttributeName: "Name for dropdown"}`
+     */
+    sortableAttributes: Record<PropertyKey, string | Readonly<Ref<string>>>;
+    /**
+     * If set the data will be sorted by this attribute by default.
+     */
+    defaultSortAttribute?: PropertyKey;
+    /**
+     * Show/hides the sort dropdown.
+     */
+    showSort?: boolean;
+    /**
+     * Show/hides the filter input.
+     */
+    showFilter?: boolean;
+    /**
+     * Set placeholder text in filter input field.
+     * Default is textkey "fkui.sort-filter-dataset.placeholder.filter"
+     */
+    placeholderFilter?: string;
+    /**
+     * The order the data will be sorted by if defaultSortAttribute has been set.
+     */
+    defaultSortAscending?: boolean;
+    /**
+     * Attributes that should be included in search when filtering by input.
+     * Default includes all attributes.
+     */
+    filterAttributes?: PropertyKey[];
+}
 
 /**
  * @public
  * @param attribute - is the field that got sorted
  * @param ascending - is the order the fields got sorted
  */
-export declare type FSortFilterDatasetSortCallback = (attribute: string, ascending: boolean) => void;
+export declare type FSortFilterDatasetSortCallback<TKeys = PropertyKey> = (attribute: TKeys, ascending: boolean) => void;
 
 export declare const FStaticField: typeof __VLS_export_48;
 
@@ -18253,7 +18226,7 @@ export declare const FTableColumn: typeof __VLS_export_50;
  */
 export declare interface FTableColumnData {
     id: string;
-    name?: string;
+    name?: PropertyKey;
     title: string;
     description?: string;
     size: FTableColumnSize;
@@ -19056,7 +19029,7 @@ export declare function setRunningContext(app: App): void;
  * @public
  */
 export declare interface SortOrder {
-    attribute: string;
+    attribute: PropertyKey;
     name: string;
     ascendingName: string;
     ascending: boolean;
@@ -19112,44 +19085,7 @@ export declare interface TextFieldSetupProps {
 }
 
 /* Excluded from this release type: tooltipAttachTo */
-
-/**
- * @public
- */
-export declare interface TranslateFunction {
-    /**
-     * Returns the translation for the key.
-     *
-     * @param key - The translation key.
-     */
-    (key: string): string;
-    /**
-     * Returns the translation for the key or the default value if no
-     * translation exists.
-     *
-     * @param key - The translation key.
-     * @param defaultValue - The default value.
-     */
-    (key: string, defaultValue: string): string;
-    /**
-     * Returns the translation for the key. The translation is interpolated
-     * with the given arguments.
-     *
-     * @param key - The translation key.
-     * @param args - The interpolation arguments.
-     */
-    (key: string, args: Record<string, unknown>): string;
-    /**
-     * Returns the translation for the key or the default value if no
-     * translation exists. The translation is interpolated with the given
-     * arguments.
-     *
-     * @param key - The translation key.
-     * @param defaultValue - The default value.
-     * @param args - The interpolation arguments.
-     */
-    (key: string, defaultValue: string, args: Record<string, unknown>): string;
-}
+export { TranslateFunction }
 
 /**
  * @public

package/dist/types/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.56.3"
+      "packageVersion": "7.57.3"
     }
   ]
 }

package/htmlvalidate/elements/components.js

@@ -125,6 +125,9 @@ module.exports = defineMetadata({
             size: {
                 enum: ["small", "medium", "large"],
             },
+            type: {
+                enum: ["submit", "reset", "button"],
+            },
             "icon-left": {
                 allowed: allowedIfAttributeIsAbsent("icon-right"),
                 enum: ["/.+/"],
@@ -148,6 +151,12 @@ module.exports = defineMetadata({
             "mobile-full-width": {
                 boolean: true,
             },
+            variant: {
+                enum: ["primary", "secondary", "tertiary"],
+            },
+        },
+        submitButton(node) {
+            return node.getAttribute("type") === "submit";
         },
     },
 

package/htmlvalidate/rules/classdeprecated.rule.js

@@ -37,6 +37,11 @@ const deprecatedClasses = [
             "Stacked icons are no longer used for file item links.",
         url: "/components/file-upload/ffileitem.html",
     },
+    {
+        name: "icon--stack",
+        replacement: "icon-stack",
+        url: "/components/ficon.html",
+    },
 ];
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fkui/vue",
-  "version": "6.37.0",
+  "version": "6.38.0",
   "description": "Vue implementation of FKUI components",
   "keywords": [
     "fkui",
@@ -66,9 +66,9 @@
     "unit:watch": "jest --watch"
   },
   "peerDependencies": {
-    "@fkui/date": "^6.37.0",
-    "@fkui/design": "^6.37.0",
-    "@fkui/logic": "^6.37.0",
+    "@fkui/date": "^6.38.0",
+    "@fkui/design": "^6.38.0",
+    "@fkui/logic": "^6.38.0",
     "fk-icons": "^4.30.1",
     "html-validate": ">= 7.9.0",
     "vue": "^3.5.0"
@@ -85,5 +85,5 @@
     "node": ">= 20",
     "npm": ">= 7"
   },
-  "gitHead": "15bcc047ba64657946b3e429cbf68abae064ebcc"
+  "gitHead": "ea8e50d8567159581a628106e93ac0e7c1d43a1b"
 }