sit-onyx 1.0.0-beta.66 → 1.0.0-beta.68

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

@@ -1,5 +1,5 @@
-import { type DataGridEntry, type OnyxDataGridProps } from "../..";
 import { type DataGridFeature } from "./features";
+import type { DataGridEntry, OnyxDataGridProps } from "./types";
 declare const _default: <TEntry extends DataGridEntry, TFeatures extends DataGridFeature<TEntry, symbol>[] | []>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Partial<{}> & OnyxDataGridProps<TEntry, TFeatures>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;

package/dist/components/OnyxDataGrid/features/sorting/types.d.ts

@@ -11,7 +11,7 @@ export type Compare<T> = (a: T, b: T) => number;
  * The values by which the data is currently sorted.
  * A `undefined` column or a direction of "none" means no sorting is applied.
  */
-export type SortState<TEntry extends DataGridEntry> = {
+export type SortState<TEntry extends DataGridEntry = DataGridEntry> = {
     /**
      * The column which is used to sort by.
      * `undefined` means no sorting is applied.
@@ -51,5 +51,5 @@ export type SortOptions<TEntry extends DataGridEntry> = {
     /**
      * The options for each column, including whether sorting is enabled and a custom sorting function. If undefined, sorting is enabled for all columns (default).
      */
-    columns?: MaybeRefOrGetter<SortColumnOptions<TEntry>>;
+    columns?: MaybeRefOrGetter<SortColumnOptions<TEntry> | undefined>;
 };

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

@@ -6,6 +6,24 @@ export type DataGridMetadata = Record<string, unknown>;
 export type OnyxDataGridProps<TEntry extends DataGridEntry = DataGridEntry, TFeatures extends DataGridFeature<TEntry, symbol>[] = DataGridFeature<TEntry, symbol>[]> = {
     /**
      * Features that should be applied.
+     * They allow the modification of the behavior and rendering.
+     * Usually you want to use the provided features of the exported `DataGridFeature` namespace:
+     *
+     * @example
+     * ```vue
+     * <script setup lang="ts">
+     * import { ref, watch } from "vue";
+     * import type { DataGridEntry, OnyxDataGridProps } from "sit-onyx";
+     * import { DataGridFeatures, OnyxDataGrid } from "sit-onyx";
+     *
+     * const withSorting = DataGridFeatures.useSorting(sortOptions);
+     * </script>
+     *
+     * <template>
+     *   <OnyxDataGrid :columns :data :features=[withSorting] />
+     * </template>
+     *
+     * ```
      */
     features?: TFeatures;
     /**

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

@@ -24,7 +24,10 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<OnyxTabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxTabProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<OnyxTabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxTabProps> & Readonly<{}>, {
+    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
+    disabled: boolean;
+}, {}, {}, {}, 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 & {

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

@@ -1,4 +1,5 @@
 import type { DensityProp } from "../../composables/density";
+import type { SkeletonInjected } from "../../composables/useSkeletonState";
 export type OnyxTabProps = DensityProp & {
     /**
      * Value of the tab when its selected. Will be the `modelValue` / `v-model` of the `OnyxTabs` component.
@@ -8,4 +9,12 @@ export type OnyxTabProps = DensityProp & {
      * Tab label to display. Alternatively, the `tab` slot can be used.
      */
     label?: string;
+    /**
+     * Whether the tab should be disabled and prevent the user from interacting with it.
+     */
+    disabled?: boolean;
+    /**
+     * Whether to show a skeleton tab.
+     */
+    skeleton?: SkeletonInjected;
 };

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

@@ -1,7 +1,8 @@
 import type { createTabs } from "@sit-onyx/headless";
 import type { InjectionKey, Ref } from "vue";
 import type { DensityProp } from "../../composables/density";
-export type OnyxTabsProps<TValue extends PropertyKey = PropertyKey> = DensityProp & {
+import type { SkeletonProvidedProp } from "../../composables/useSkeletonState";
+export type OnyxTabsProps<TValue extends PropertyKey = PropertyKey> = DensityProp & Partial<SkeletonProvidedProp> & {
     /**
      * Label of the tabs. Needed for accessibility / screen readers.
      */

package/dist/composables/useSkeletonState.d.ts

@@ -4,6 +4,10 @@ import { type ComputedRef, type Reactive } from "vue";
  * It's value is provided, so that it can be used in child components.
  */
 export type SkeletonProvidedProp = {
+    /**
+     * Whether to show all supported child components as skeleton.
+     * Can be overridden on each child component if necessary.
+     */
     skeleton: boolean;
 };
 /**

package/dist/i18n/index.d.ts

@@ -1,4 +1,4 @@
-import { type App, type ComputedRef, type MaybeRef } from "vue";
+import { type App, type ComputedRef, type InjectionKey, type MaybeRef } from "vue";
 import type { FlattenedKeysOf } from "../types/i18n";
 import type { DeepPartial } from "../types/utils";
 import enUS from "./locales/en-US.json";
@@ -63,6 +63,14 @@ export type TranslationFunction = (key: OnyxTranslationKey,
 placeholders?: Record<string, string | number | undefined> & {
     n?: number;
 }) => string;
+export declare const I18N_INJECTION_KEY: InjectionKey<ReturnType<typeof createI18n>>;
+/**
+ * Creates a new i18n instance.
+ */
+declare const createI18n: (options?: ProvideI18nOptions) => {
+    t: ComputedRef<TranslationFunction>;
+    locale: ComputedRef<string>;
+};
 /**
  * Provides a global i18n instance that is used by onyx.
  * Must only be called once in the `App.vue` file of a project that consumes onyx.