@nexxtmove/ui 0.1.31 → 0.1.33

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.
Files changed (58) hide show
  1. package/dist/index.d.ts +124 -17
  2. package/dist/index.js +1079 -980
  3. package/dist/nuxt.js +8 -7
  4. package/package.json +1 -1
  5. package/src/components/Calendar/_CalendarDayView.vue +1 -1
  6. package/src/components/Chip/Chip.vue +9 -4
  7. package/src/components/Pagination/Pagination.vue +93 -0
  8. package/src/components/Table/Table.vue +2 -2
  9. package/src/components.json +1 -0
  10. package/src/index.ts +1 -0
  11. package/src/components/AnimatedNumber/AnimatedNumber.stories.ts +0 -15
  12. package/src/components/AnimatedNumber/AnimatedNumber.test.ts +0 -56
  13. package/src/components/Avatar/Avatar.stories.ts +0 -28
  14. package/src/components/Avatar/Avatar.test.ts +0 -55
  15. package/src/components/Button/Button.stories.ts +0 -212
  16. package/src/components/Button/Button.test.ts +0 -318
  17. package/src/components/Calendar/Calendar.stories.ts +0 -91
  18. package/src/components/Calendar/Calendar.test.ts +0 -279
  19. package/src/components/Calendar/_CalendarDayView.test.ts +0 -104
  20. package/src/components/Calendar/_CalendarHeader.test.ts +0 -86
  21. package/src/components/Calendar/_CalendarMonthView.test.ts +0 -52
  22. package/src/components/Calendar/_CalendarYearView.test.ts +0 -56
  23. package/src/components/Checkbox/Checkbox.stories.ts +0 -35
  24. package/src/components/Checkbox/Checkbox.test.ts +0 -55
  25. package/src/components/Chip/Chip.stories.ts +0 -42
  26. package/src/components/Chip/Chip.test.ts +0 -51
  27. package/src/components/CustomerJourneyTile/CustomerJourneyTile.stories.ts +0 -86
  28. package/src/components/CustomerJourneyTile/CustomerJourneyTile.test.ts +0 -178
  29. package/src/components/DatePicker/DatePicker.stories.ts +0 -149
  30. package/src/components/DatePicker/DatePicker.test.ts +0 -191
  31. package/src/components/DropdownButton/DropdownButton.stories.ts +0 -68
  32. package/src/components/DropdownButton/DropdownButton.test.ts +0 -124
  33. package/src/components/Header/Header.stories.ts +0 -54
  34. package/src/components/Header/Header.test.ts +0 -183
  35. package/src/components/Icon/Icon.stories.ts +0 -50
  36. package/src/components/Icon/Icon.test.ts +0 -73
  37. package/src/components/InfoBlock/InfoBlock.stories.ts +0 -90
  38. package/src/components/InfoBlock/InfoBlock.test.ts +0 -101
  39. package/src/components/ProgressBar/ProgressBar.stories.ts +0 -30
  40. package/src/components/ProgressBar/ProgressBar.test.ts +0 -314
  41. package/src/components/SocialIcons/SocialIcons.stories.ts +0 -34
  42. package/src/components/SocialIcons/SocialIcons.test.ts +0 -58
  43. package/src/components/SocialMediaCustomTemplate/SocialMediaCustomTemplate.stories.ts +0 -11
  44. package/src/components/SocialMediaCustomTemplate/SocialMediaCustomTemplate.test.ts +0 -131
  45. package/src/components/SocialMediaTemplate/SocialMediaTemplate.stories.ts +0 -71
  46. package/src/components/SocialMediaTemplate/SocialMediaTemplate.test.ts +0 -466
  47. package/src/components/SocialMediaType/SocialMediaType.stories.ts +0 -43
  48. package/src/components/SocialMediaType/SocialMediaType.test.ts +0 -126
  49. package/src/components/StepperHeader/StepperHeader.stories.ts +0 -47
  50. package/src/components/StepperHeader/StepperHeader.test.ts +0 -244
  51. package/src/components/Table/Table.stories.ts +0 -283
  52. package/src/components/Table/Table.test.ts +0 -220
  53. package/src/components/TimelineEvent/TimelineEvent.stories.ts +0 -291
  54. package/src/components/TimelineEvent/TimelineEvent.test.ts +0 -166
  55. package/src/components/TimelinePhaseblock/TimelinePhaseblock.stories.ts +0 -198
  56. package/src/components/TimelinePhaseblock/TimelinePhaseblock.test.ts +0 -283
  57. package/src/components/Tooltip/Tooltip.stories.ts +0 -146
  58. package/src/components/Tooltip/Tooltip.test.ts +0 -122
package/dist/index.d.ts CHANGED
@@ -1,19 +1,25 @@
1
+ import { AllowedComponentProps } from 'vue';
2
+ import { ComponentCustomProps } from 'vue';
1
3
  import { ComponentOptionsMixin } from 'vue';
2
4
  import { ComponentProvideOptions } from 'vue';
5
+ import { CreateComponentPublicInstanceWithMixins } from 'vue';
3
6
  import { DefineComponent } from 'vue';
7
+ import { GlobalComponents } from 'vue';
8
+ import { GlobalDirectives } from 'vue';
4
9
  import { IconName } from '@awesome.me/kit-37b149f3ef/icons';
5
10
  import { Locale } from 'date-fns';
6
- import { default as NexxtCalendar } from './components/Calendar/Calendar.vue';
7
- import { default as NexxtTable } from './components/Table/Table.vue';
8
11
  import { PublicProps } from 'vue';
12
+ import { ShallowUnwrapRef } from 'vue';
13
+ import { VNode } from 'vue';
14
+ import { VNodeProps } from 'vue';
9
15
 
10
16
  declare const __VLS_component: DefineComponent<NexxtButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NexxtButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
11
17
 
12
18
  declare const __VLS_component_2: DefineComponent<NexxtChipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NexxtChipProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
13
19
 
14
- declare const __VLS_component_3: DefineComponent<__VLS_PublicProps_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
20
+ declare const __VLS_component_3: DefineComponent<__VLS_PublicProps_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
15
21
  "update:modelValue": (value: Date | null) => any;
16
- }, string, PublicProps, Readonly<__VLS_PublicProps_2> & Readonly<{
22
+ }, string, PublicProps, Readonly<__VLS_PublicProps_3> & Readonly<{
17
23
  "onUpdate:modelValue"?: ((value: Date | null) => any) | undefined;
18
24
  }>, {
19
25
  anchor: CalendarAnchor;
@@ -37,22 +43,30 @@ declare const __VLS_component_6: DefineComponent<NexxtStepperHeaderProps, {}, {}
37
43
 
38
44
  declare const __VLS_component_7: DefineComponent<NexxtTooltip_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NexxtTooltip_2> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
39
45
 
46
+ declare type __VLS_PrettifyLocal<T> = {
47
+ [K in keyof T]: T[K];
48
+ } & {};
49
+
40
50
  declare type __VLS_Props = {
41
51
  value: number;
42
52
  duration?: number;
43
53
  easing?: EasingFunction;
44
54
  };
45
55
 
46
- declare type __VLS_Props_2 = NexxtCheckboxProps;
56
+ declare type __VLS_Props_2 = NexxtCalendarProps;
57
+
58
+ declare type __VLS_Props_3 = NexxtCheckboxProps;
59
+
60
+ declare type __VLS_Props_4 = NexxtDatePickerProps;
47
61
 
48
- declare type __VLS_Props_3 = NexxtDatePickerProps;
62
+ declare type __VLS_Props_5 = NexxtPaginationProps;
49
63
 
50
- declare type __VLS_Props_4 = {
64
+ declare type __VLS_Props_6 = {
51
65
  event: TimelineEvent;
52
66
  splitView?: boolean;
53
67
  };
54
68
 
55
- declare type __VLS_Props_5 = {
69
+ declare type __VLS_Props_7 = {
56
70
  phase: TimelinePhase;
57
71
  /** Index within the filtered phases array (used to determine phase direction/date). */
58
72
  index: number;
@@ -63,13 +77,21 @@ declare type __VLS_Props_5 = {
63
77
  };
64
78
 
65
79
  declare type __VLS_PublicProps = {
66
- modelValue?: boolean;
80
+ modelValue?: Date | null;
67
81
  } & __VLS_Props_2;
68
82
 
69
83
  declare type __VLS_PublicProps_2 = {
70
- modelValue?: Date | null;
84
+ modelValue?: boolean;
71
85
  } & __VLS_Props_3;
72
86
 
87
+ declare type __VLS_PublicProps_3 = {
88
+ modelValue?: Date | null;
89
+ } & __VLS_Props_4;
90
+
91
+ declare type __VLS_PublicProps_4 = {
92
+ 'page'?: number;
93
+ } & __VLS_Props_5;
94
+
73
95
  declare function __VLS_template(): {
74
96
  attrs: Partial<{}>;
75
97
  slots: {
@@ -200,6 +222,16 @@ declare type __VLS_WithTemplateSlots_7<T, S> = T & {
200
222
 
201
223
  declare type CalendarAnchor = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
202
224
 
225
+ declare interface CalendarDayViewProps {
226
+ viewDate: Date;
227
+ calendarDays: Date[];
228
+ modelValue: Date | null;
229
+ markedDates: Date[];
230
+ locale: Locale;
231
+ isDisabled: (day: Date) => boolean;
232
+ timezone: string;
233
+ }
234
+
203
235
  declare type EasingFunction = 'ease-linear' | 'ease-in' | 'ease-out' | 'ease-in-out';
204
236
 
205
237
  declare type IconType = 'regular' | 'solid' | 'light' | 'duotone' | 'brands';
@@ -226,7 +258,35 @@ declare interface NexxtButtonProps {
226
258
  buttonType?: 'button' | 'submit' | 'reset';
227
259
  }
228
260
 
229
- export { NexxtCalendar }
261
+ export declare const NexxtCalendar: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
262
+ "update:modelValue": (value: Date | null) => any;
263
+ } & {
264
+ select: (day: Date) => any;
265
+ }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
266
+ onSelect?: ((day: Date) => any) | undefined;
267
+ "onUpdate:modelValue"?: ((value: Date | null) => any) | undefined;
268
+ }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
269
+ dayViewRef: CreateComponentPublicInstanceWithMixins<Readonly<CalendarDayViewProps> & Readonly<{
270
+ onSelect?: ((day: Date) => any) | undefined;
271
+ }>, {
272
+ focus: (date: Date) => void;
273
+ }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
274
+ select: (day: Date) => any;
275
+ }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
276
+ dayButtonsRef: HTMLButtonElement;
277
+ }, HTMLDivElement, ComponentProvideOptions, {
278
+ P: {};
279
+ B: {};
280
+ D: {};
281
+ C: {};
282
+ M: {};
283
+ Defaults: {};
284
+ }, Readonly<CalendarDayViewProps> & Readonly<{
285
+ onSelect?: ((day: Date) => any) | undefined;
286
+ }>, {
287
+ focus: (date: Date) => void;
288
+ }, {}, {}, {}, {}> | null;
289
+ }, HTMLDivElement>;
230
290
 
231
291
  declare interface NexxtCalendarProps {
232
292
  locale?: Locale;
@@ -238,9 +298,9 @@ declare interface NexxtCalendarProps {
238
298
  timezone?: string;
239
299
  }
240
300
 
241
- export declare const NexxtCheckbox: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
301
+ export declare const NexxtCheckbox: DefineComponent<__VLS_PublicProps_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
242
302
  "update:modelValue": (value: boolean) => any;
243
- }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
303
+ }, string, PublicProps, Readonly<__VLS_PublicProps_2> & Readonly<{
244
304
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
245
305
  }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
246
306
  inputRef: HTMLInputElement;
@@ -254,7 +314,7 @@ declare interface NexxtCheckboxProps {
254
314
  export declare const NexxtChip: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
255
315
 
256
316
  declare interface NexxtChipProps {
257
- variant?: 'default' | 'warning' | 'success' | 'danger';
317
+ variant?: 'default' | 'warning' | 'success' | 'danger' | 'ghost';
258
318
  }
259
319
 
260
320
  export declare const NexxtCustomerJourneyTile: DefineComponent<NexxtCustomerJourneyTileProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<NexxtCustomerJourneyTileProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
@@ -316,6 +376,20 @@ declare interface NexxtInfoBlockProps {
316
376
  color?: 'green' | 'purple' | 'blue' | 'rose';
317
377
  }
318
378
 
379
+ export declare const NexxtPagination: DefineComponent<__VLS_PublicProps_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
380
+ "update:page": (value: number) => any;
381
+ }, string, PublicProps, Readonly<__VLS_PublicProps_4> & Readonly<{
382
+ "onUpdate:page"?: ((value: number) => any) | undefined;
383
+ }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
384
+
385
+ declare interface NexxtPaginationProps {
386
+ total: number;
387
+ itemsPerPage?: number;
388
+ siblingCount?: number;
389
+ showEdges?: boolean;
390
+ disabled?: boolean;
391
+ }
392
+
319
393
  export declare const NexxtProgressBar: DefineComponent<NexxtProgressBarProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
320
394
  "update:currentStep": (...args: any[]) => void;
321
395
  }, string, PublicProps, Readonly<NexxtProgressBarProps> & Readonly<{
@@ -388,13 +462,39 @@ declare interface NexxtStepperHeaderProps {
388
462
  backButtonAction: InstanceType<typeof NexxtHeader>['backButtonAction'];
389
463
  }
390
464
 
391
- export { NexxtTable }
465
+ export declare const NexxtTable: <TKey extends string>(__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<{
466
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
467
+ readonly onSort?: ((key: string, direction: "desc" | "asc") => any) | undefined;
468
+ readonly "onUpdate:modelValue"?: ((selected: number[]) => any) | undefined;
469
+ } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onUpdate:modelValue" | "onSort"> & NexxtTableProps<TKey> & Partial<{}>> & PublicProps;
470
+ expose(exposed: ShallowUnwrapRef< {}>): void;
471
+ attrs: any;
472
+ slots: Partial<Record<`cell-${TKey}`, (_: {
473
+ row: Record<TKey, unknown>;
474
+ value: Record<TKey, unknown>[TKey];
475
+ }) => any>> & {
476
+ toolbar?(_: {}): any;
477
+ empty?(_: {}): any;
478
+ };
479
+ emit: ((evt: "sort", key: string, direction: "desc" | "asc") => void) & ((evt: "update:modelValue", selected: number[]) => void);
480
+ }>) => VNode & {
481
+ __ctx?: Awaited<typeof __VLS_setup>;
482
+ };
483
+
484
+ declare interface NexxtTableProps<TKey extends string = string> {
485
+ columns: TableColumn<TKey>[];
486
+ rows: Record<TKey, unknown>[];
487
+ sortKey?: TKey;
488
+ sortDirection?: 'asc' | 'desc';
489
+ selectable?: boolean;
490
+ modelValue?: number[];
491
+ }
392
492
 
393
- export declare const NexxtTimelineEvent: DefineComponent<__VLS_Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_4> & Readonly<{}>, {
493
+ export declare const NexxtTimelineEvent: DefineComponent<__VLS_Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_6> & Readonly<{}>, {
394
494
  splitView: boolean;
395
495
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
396
496
 
397
- export declare const NexxtTimelinePhaseblock: DefineComponent<__VLS_Props_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_5> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
497
+ export declare const NexxtTimelinePhaseblock: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
398
498
 
399
499
  export declare const NexxtTooltip: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
400
500
 
@@ -408,6 +508,13 @@ declare interface NexxtTooltip_2 {
408
508
 
409
509
  declare type SocialPlatform = 'tiktok' | 'facebook' | 'instagram' | 'linkedin' | 'x' | 'twitter' | 'google';
410
510
 
511
+ declare interface TableColumn<K extends string = string> {
512
+ key: K;
513
+ label: string;
514
+ sortable?: boolean;
515
+ width?: string;
516
+ }
517
+
411
518
  declare interface TimelineEvent {
412
519
  id: number;
413
520
  type: string;