sit-onyx 1.0.0-beta.151 → 1.0.0-beta.153

package/dist/components/OnyxButton/ButtonOrLinkLayout.vue.d.ts

@@ -0,0 +1,27 @@
+import type { OnyxButtonProps } from "./types";
+type __VLS_Props = Pick<OnyxButtonProps, "disabled" | "link" | "loading" | "type" | "autofocus">;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Button content.
+         */
+        default(): unknown;
+    }> & {
+        /**
+         * Button content.
+         */
+        default(): unknown;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/OnyxButton/types.d.ts

@@ -2,6 +2,7 @@ import type { DensityProp } from "../../composables/density";
 import type { SkeletonInjected } from "../../composables/useSkeletonState";
 import type { AutofocusProp } from "../../types";
 import type { FormInjected } from "../OnyxForm/OnyxForm.core";
+import type { WithLinkProp } from "../OnyxRouterLink/types";
 export type OnyxButtonProps = DensityProp & AutofocusProp & {
     /**
      * The text content of the button.
@@ -35,6 +36,11 @@ export type OnyxButtonProps = DensityProp & AutofocusProp & {
      * Whether to show a skeleton button.
      */
     skeleton?: SkeletonInjected;
+    /**
+     * If set, the button will be rendered as link.
+     * Note that not all button properties are supported when used as link, e.g. `disabled`, `type` and `autofocus` are not supported.
+     */
+    link?: WithLinkProp["link"];
 };
 export declare const BUTTON_TYPES: readonly ["button", "submit", "reset"];
 export type ButtonType = (typeof BUTTON_TYPES)[number];

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

@@ -1,5 +1,5 @@
 import { type Component, type MaybeRefOrGetter, type WatchSource } from "vue";
-import { injectI18n } from "../../../i18n";
+import { type OnyxI18n } from "../../../i18n";
 import type { OnyxMenuItem } from "../../OnyxNavBar/modules";
 import type { DataGridRendererCell, DataGridRendererColumn, DataGridRendererRow } from "../OnyxDataGridRenderer/types";
 import type { DataGridEntry, DataGridMetadata } from "../types";
@@ -25,6 +25,7 @@ export type TypeRenderMap<TEntry extends DataGridEntry> = Record<PropertyKey, Ty
  * ColumnConfig as it can be defined by the user.
  */
 export type ColumnConfig<TEntry extends DataGridEntry, TTypes> = keyof TEntry | NormalizedColumnConfig<TEntry, TTypes>;
+export type DefaultSupportedTypes = "string" | "number";
 /**
  * Normalized column config for internal usage.
  */
@@ -42,7 +43,7 @@ export type NormalizedColumnConfig<TEntry extends DataGridEntry, TTypes = Proper
      * The `type` of the column. It defines how the header and cells of a column is rendered.
      * If not defined the values are displayed as plain strings.
      */
-    type?: TTypes;
+    type?: TTypes | DefaultSupportedTypes;
 };
 /**
  * Complete Type for a single data grid feature.
@@ -118,7 +119,7 @@ export declare function createFeature<TArgs extends any[], TFeature extends Data
 type CheckDataGridFeature<T> = T extends DataGridFeature<infer A, TypeRenderMap<infer A>, infer C> ? DataGridFeature<A, TypeRenderMap<A>, C> : never;
 export type UseDataGridFeaturesOptions<TEntry extends DataGridEntry> = {
     columnConfig: MaybeRefOrGetter<ColumnConfig<TEntry, PropertyKey>[]>;
-    t: ReturnType<typeof injectI18n>["t"];
+    i18n: OnyxI18n;
 };
 /**
  * Uses the defined datagrid features to provide factory functions.
@@ -154,7 +155,7 @@ export type UseDataGridFeaturesOptions<TEntry extends DataGridEntry> = {
  * </template>
  * ```
  */
-export declare const useDataGridFeatures: <TEntry extends DataGridEntry, TFeatureName extends symbol, TTypeRenderer extends TypeRenderMap<TEntry>, T extends DataGridFeature<TEntry, TTypeRenderer, TFeatureName>[] | []>(features: T, { t, columnConfig }: UseDataGridFeaturesOptions<TEntry>) => {
+export declare const useDataGridFeatures: <TEntry extends DataGridEntry, TFeatureName extends symbol, TTypeRenderer extends TypeRenderMap<TEntry>, T extends DataGridFeature<TEntry, TTypeRenderer, TFeatureName>[] | []>(features: T, { i18n, columnConfig }: UseDataGridFeaturesOptions<TEntry>) => {
     /** Takes the column definition and maps all, calls mutation func and maps at the end to RendererCell */
     createRendererRows: (entries: TEntry[]) => DataGridRendererRow<TEntry, DataGridMetadata>[];
     /** Takes the column definition and creates a RenderHeader for each, adds actions from features */

package/dist/components/OnyxDataGrid/features/renderer.d.ts

@@ -0,0 +1,11 @@
+import type { DataGridEntry } from "../types";
+import type { DataGridFeature, TypeRenderer, TypeRenderMap } from "./index";
+import "./renderer.scss";
+export type DefaultSupportedTypes = "string" | "number";
+export declare const createRenderer: <TEntry extends DataGridEntry>(features: DataGridFeature<TEntry, TypeRenderMap<TEntry>, symbol>[]) => {
+    /**
+     * Returns a renderer for any given component and type.
+     * Uses the fallbackRenderer if necessary.
+     */
+    getFor: <TComponent extends "cell" | "header">(component: TComponent, type?: PropertyKey) => NonNullable<TypeRenderer<TEntry>[TComponent]>;
+};

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

@@ -1,9 +1,9 @@
 import type { DensityProp } from "../../composables/density";
 import type { SkeletonInjected } from "../../composables/useSkeletonState";
 import type { AutofocusProp } from "../../types";
-import type { ButtonColor, ButtonType } from "../OnyxButton/types";
+import type { ButtonColor, ButtonType, OnyxButtonProps } from "../OnyxButton/types";
 import type { FormInjected } from "../OnyxForm/OnyxForm.core";
-export type OnyxIconButtonProps = DensityProp & AutofocusProp & {
+export type OnyxIconButtonProps = DensityProp & AutofocusProp & Pick<OnyxButtonProps, "link"> & {
     /**
      * The aria-label of the button.
      */

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

@@ -1,5 +1,5 @@
 import type { OnyxButtonProps } from "../OnyxButton/types";
-export type OnyxSystemButtonProps = Pick<OnyxButtonProps, "disabled" | "autofocus" | "skeleton"> & {
+export type OnyxSystemButtonProps = Pick<OnyxButtonProps, "disabled" | "autofocus" | "skeleton" | "link"> & {
     /**
      * Button label / text to show. Is always required (even if `icon` is set) for screen readers / accessibility.
      */

package/dist/i18n/index.d.ts

@@ -63,7 +63,8 @@ export type TranslationFunction = (key: OnyxTranslationKey,
 placeholders?: Record<string, string | number | undefined> & {
     n?: number;
 }) => string;
-export declare const I18N_INJECTION_KEY: InjectionKey<ReturnType<typeof createI18n>>;
+export declare const I18N_INJECTION_KEY: InjectionKey<OnyxI18n>;
+export type OnyxI18n = ReturnType<typeof createI18n>;
 /**
  * Creates a new i18n instance.
  */