sit-onyx 1.0.0-beta.164 → 1.0.0-beta.166
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/OnyxDataGrid/examples/DefaultExample.vue.d.ts +2 -0
- package/dist/components/OnyxDataGrid/examples/FilteringExample.vue.d.ts +2 -0
- package/dist/components/OnyxDataGrid/examples/SelectionExample.vue.d.ts +2 -0
- package/dist/components/OnyxDataGrid/examples/SortingExample.vue.d.ts +2 -0
- package/dist/components/OnyxDataGrid/features/filtering/filtering.d.ts +1 -1
- package/dist/components/OnyxDataGrid/features/index.d.ts +7 -4
- package/dist/components/OnyxDataGrid/features/sorting/sorting.d.ts +11 -3
- package/dist/components/OnyxDialog/examples/LeftAlignedExample.vue.d.ts +2 -0
- package/dist/components/OnyxDialog/examples/ModalExample.vue.d.ts +2 -0
- package/dist/components/OnyxDialog/examples/RightAlignedExample.vue.d.ts +2 -0
- package/dist/components/{examples/FormExample/FormExample.vue.d.ts → OnyxForm/examples/AdvancedExample.vue.d.ts} +1 -1
- package/dist/components/OnyxForm/examples/DefaultExample.vue.d.ts +2 -0
- package/dist/components/OnyxInfoCard/OnyxInfoCard.vue.d.ts +27 -0
- package/dist/components/OnyxInfoCard/types.d.ts +21 -0
- package/dist/components/OnyxModalDialog/examples/DefaultExample.vue.d.ts +2 -0
- package/dist/components/OnyxSelect/examples/CustomOptionsExample.vue.d.ts +2 -0
- package/dist/components/OnyxSelect/examples/CustomSearchExample.vue.d.ts +2 -0
- package/dist/components/OnyxSelect/examples/LazyLoadingExample.vue.d.ts +2 -0
- package/dist/components/OnyxSelect/examples/LoadMoreExample.vue.d.ts +2 -0
- package/dist/components/OnyxSystemButton/examples/FlyoutMenuExample.vue.d.ts +2 -0
- package/dist/components/OnyxSystemButton/examples/TooltipExample.vue.d.ts +2 -0
- package/dist/components/OnyxToast/examples/ToastExample.vue.d.ts +2 -0
- package/dist/components/examples/GridPlayground/GridOverlay/GridOverlay.vue.d.ts +4 -0
- package/dist/composables/AnimationTestCase.vue.d.ts +2 -0
- package/dist/composables/animation.d.ts +5 -0
- package/dist/index.cjs +4 -4
- package/dist/index.d.ts +2 -0
- package/dist/index.js +1852 -1776
- package/dist/style.css +1 -1
- package/dist/utils/storybook.d.ts +35 -0
- package/package.json +4 -4
- package/dist/components/examples/DataGrid/FilteringDataGrid.vue.d.ts +0 -11
- package/dist/components/examples/DataGrid/SelectionDataGrid.vue.d.ts +0 -13
- package/dist/components/examples/DataGrid/SortingDataGrid.vue.d.ts +0 -26
- /package/dist/components/{OnyxSystemButton/examples/WithFlyoutMenu.vue.d.ts → OnyxAlertDialog/examples/DefaultExample.vue.d.ts} +0 -0
- /package/dist/components/{examples/OnyxCard → OnyxCard/examples}/DetailsCardExample.vue.d.ts +0 -0
- /package/dist/components/{examples/OnyxCard → OnyxCard/examples}/HeadlineCardExample.vue.d.ts +0 -0
- /package/dist/components/{examples/OnyxCard → OnyxCard/examples}/IconCardExample.vue.d.ts +0 -0
- /package/dist/components/{examples/OnyxCard → OnyxCard/examples}/ImageCardExample.vue.d.ts +0 -0
- /package/dist/components/{examples/OnyxCard → OnyxCard/examples}/KPICardExample.vue.d.ts +0 -0
- /package/dist/components/{OnyxSystemButton/examples/WithTooltip.vue.d.ts → OnyxDataGrid/examples/CustomColumnTypes.vue.d.ts} +0 -0
- /package/dist/components/{OnyxToast/StorybookExample.vue.d.ts → OnyxDataGrid/examples/CustomFeatureExample.vue.d.ts} +0 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -16,7 +16,7 @@ export declare const useFiltering: <TEntry extends DataGridEntry>(options?: Filt
|
|
|
16
16
|
iconComponent: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
17
17
|
[key: string]: any;
|
|
18
18
|
}>;
|
|
19
|
-
|
|
19
|
+
alwaysShowInHeader: true;
|
|
20
20
|
} | undefined;
|
|
21
21
|
menuItems: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
22
22
|
[key: string]: any;
|
|
@@ -21,7 +21,7 @@ export type TypeRenderer<TEntry extends DataGridEntry> = {
|
|
|
21
21
|
* Maps a "type" key to a column renderer.
|
|
22
22
|
* `symbol` keys are intended for internal/helper columns.
|
|
23
23
|
*/
|
|
24
|
-
export type TypeRenderMap<TEntry extends DataGridEntry> = Record<
|
|
24
|
+
export type TypeRenderMap<TEntry extends DataGridEntry, TKey extends PropertyKey = PropertyKey> = Partial<Record<TKey, TypeRenderer<TEntry>>>;
|
|
25
25
|
/**
|
|
26
26
|
* ColumnConfig as it can be defined by the user.
|
|
27
27
|
*/
|
|
@@ -47,7 +47,7 @@ export type InternalColumnConfig<TEntry extends DataGridEntry, TColumnGroup exte
|
|
|
47
47
|
thAttributes?: ThHTMLAttributes;
|
|
48
48
|
} & PublicNormalizedColumnConfig<TEntry, TColumnGroup, TTypes>;
|
|
49
49
|
/**
|
|
50
|
-
* Normalized column config for
|
|
50
|
+
* Normalized column config for public/external usage.
|
|
51
51
|
*/
|
|
52
52
|
export type PublicNormalizedColumnConfig<TEntry extends DataGridEntry, TColumnGroup extends ColumnGroupConfig = any, TTypes = PropertyKey> = {
|
|
53
53
|
/**
|
|
@@ -125,9 +125,12 @@ export type DataGridFeature<TEntry extends DataGridEntry, TTypeRenderer extends
|
|
|
125
125
|
actions?: (column: PublicNormalizedColumnConfig<TEntry>) => {
|
|
126
126
|
iconComponent?: Component | {
|
|
127
127
|
iconComponent: Component;
|
|
128
|
-
|
|
128
|
+
/**
|
|
129
|
+
* Will force the iconcomponent to be always shown in the header and not be put into the menu
|
|
130
|
+
*/
|
|
131
|
+
alwaysShowInHeader?: boolean;
|
|
129
132
|
};
|
|
130
|
-
menuItems
|
|
133
|
+
menuItems?: Component<typeof OnyxMenuItem>[];
|
|
131
134
|
showFlyoutMenu?: boolean;
|
|
132
135
|
}[];
|
|
133
136
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type Ref } from "vue";
|
|
2
2
|
import type { DataGridEntry } from "../../types";
|
|
3
3
|
import type { SortDirection, SortOptions, SortState } from "./types";
|
|
4
|
-
export declare const nextSortDirection: (current?: SortDirection) => SortDirection;
|
|
4
|
+
export declare const nextSortDirection: (current?: SortDirection, skipNone?: boolean) => SortDirection;
|
|
5
5
|
export declare const SORTING_FEATURE: unique symbol;
|
|
6
6
|
export declare const useSorting: <TEntry extends DataGridEntry>(options?: SortOptions<TEntry>) => {
|
|
7
7
|
name: symbol;
|
|
@@ -10,13 +10,21 @@ export declare const useSorting: <TEntry extends DataGridEntry>(options?: SortOp
|
|
|
10
10
|
func: (data: Readonly<TEntry>[]) => void;
|
|
11
11
|
};
|
|
12
12
|
header: {
|
|
13
|
-
actions: ({ key: column }: import("..").PublicNormalizedColumnConfig<any, any, PropertyKey>) => {
|
|
13
|
+
actions: ({ key: column }: import("..").PublicNormalizedColumnConfig<any, any, PropertyKey>) => ({
|
|
14
14
|
iconComponent: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
15
15
|
[key: string]: any;
|
|
16
16
|
}>;
|
|
17
17
|
menuItems: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
18
18
|
[key: string]: any;
|
|
19
19
|
}>[];
|
|
20
|
-
}
|
|
20
|
+
} | {
|
|
21
|
+
iconComponent: {
|
|
22
|
+
iconComponent: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
23
|
+
[key: string]: any;
|
|
24
|
+
}>;
|
|
25
|
+
alwaysShowInHeader: boolean;
|
|
26
|
+
};
|
|
27
|
+
menuItems?: undefined;
|
|
28
|
+
})[];
|
|
21
29
|
};
|
|
22
30
|
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import { type OnyxFormProps } from "../../..";
|
|
2
2
|
declare const _default: import("vue").DefineComponent<OnyxFormProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxFormProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
3
3
|
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { OnyxInfoCardProps } from "./types";
|
|
2
|
+
type __VLS_Slots = {
|
|
3
|
+
/**
|
|
4
|
+
* Slot to provide description / further information.
|
|
5
|
+
*/
|
|
6
|
+
default?(): unknown;
|
|
7
|
+
/**
|
|
8
|
+
* Slot to provide optional buttons/actions.
|
|
9
|
+
*/
|
|
10
|
+
buttons?(): unknown;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_component: import("vue").DefineComponent<OnyxInfoCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
13
|
+
close: () => any;
|
|
14
|
+
}, string, import("vue").PublicProps, Readonly<OnyxInfoCardProps> & Readonly<{
|
|
15
|
+
onClose?: (() => any) | undefined;
|
|
16
|
+
}>, {
|
|
17
|
+
color: import("../../index.ts").OnyxColor;
|
|
18
|
+
icon: string | false;
|
|
19
|
+
closable: boolean;
|
|
20
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
21
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { DensityProp } from "../../composables/density";
|
|
2
|
+
import type { OnyxColor } from "../../types";
|
|
3
|
+
export type OnyxInfoCardProps = DensityProp & {
|
|
4
|
+
/**
|
|
5
|
+
* Card headline.
|
|
6
|
+
*/
|
|
7
|
+
headline?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Toast color.
|
|
10
|
+
*/
|
|
11
|
+
color?: OnyxColor;
|
|
12
|
+
/**
|
|
13
|
+
* Icon to display. If unset, a default icon will be displayed.
|
|
14
|
+
* Can be set to `false` to hide the icon.
|
|
15
|
+
*/
|
|
16
|
+
icon?: string | false;
|
|
17
|
+
/**
|
|
18
|
+
* Whether the info card can be closed. Will show an "x" icon.
|
|
19
|
+
*/
|
|
20
|
+
closable?: boolean;
|
|
21
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -3,6 +3,10 @@ type __VLS_Props = {
|
|
|
3
3
|
* The number of grid columns.
|
|
4
4
|
*/
|
|
5
5
|
columns?: number;
|
|
6
|
+
/**
|
|
7
|
+
* The visibility of grid lines.
|
|
8
|
+
*/
|
|
9
|
+
showGridLines: boolean;
|
|
6
10
|
};
|
|
7
11
|
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
8
12
|
columns: number;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|