@mobileaction/action-kit 1.40.6 → 1.40.7-beta.0

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 (31) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/action-kit.mjs +9468 -9053
  3. package/dist/{chevron-down-C2QrbBk7.js → chevron-down-Crl-9ZCo.js} +3 -3
  4. package/dist/chevron-left-dQluou6f.js +22 -0
  5. package/dist/chevron-right-eujt5l7O.js +22 -0
  6. package/dist/{chevron-up-BN5TUeRs.js → chevron-up-gGvSq6tg.js} +3 -3
  7. package/dist/src/components/date-picker-2/index.vue.d.ts +5 -4
  8. package/dist/src/components/date-picker-2/types.d.ts +10 -4
  9. package/dist/src/components/popconfirm/index.vue.d.ts +2 -2
  10. package/dist/src/components/popconfirm/stories/constants.d.ts +5 -5
  11. package/dist/src/components/popover-2/index.vue.d.ts +3 -1
  12. package/dist/src/components/popover-2/stories/constants.d.ts +6 -3
  13. package/dist/src/components/select-2/components/selectOption.vue.d.ts +33 -0
  14. package/dist/src/components/select-2/components/selectOptionGroup.vue.d.ts +19 -0
  15. package/dist/src/components/select-2/composables/use-keyboard-navigation.d.ts +8 -0
  16. package/dist/src/components/select-2/composables/use-options-registry.d.ts +7 -0
  17. package/dist/src/components/select-2/index.vue.d.ts +328 -0
  18. package/dist/src/components/select-2/select.test.d.ts +1 -0
  19. package/dist/src/components/select-2/stories/borderless.stories.d.ts +8 -0
  20. package/dist/src/components/select-2/stories/constants.d.ts +12 -0
  21. package/dist/src/components/select-2/stories/inline.stories.d.ts +8 -0
  22. package/dist/src/components/select-2/stories/multiple.stories.d.ts +14 -0
  23. package/dist/src/components/select-2/stories/select-option-group.stories.d.ts +41 -0
  24. package/dist/src/components/select-2/stories/select-option.stories.d.ts +81 -0
  25. package/dist/src/components/select-2/stories/single.stories.d.ts +25 -0
  26. package/dist/src/components/select-2/types.d.ts +180 -0
  27. package/dist/src/index.d.ts +3 -0
  28. package/dist/style.css +1 -1
  29. package/package.json +2 -1
  30. package/dist/chevron-left-Do1nR84c.js +0 -21
  31. package/dist/chevron-right-DSAfvAlZ.js +0 -21
@@ -1,15 +1,15 @@
1
1
  import { openBlock as o, createElementBlock as n, createElementVNode as r } from "vue";
2
2
  const t = {
3
- viewBox: "0 0 20 20",
3
+ viewBox: "0 0 24 24",
4
4
  fill: "none",
5
5
  xmlns: "http://www.w3.org/2000/svg"
6
6
  };
7
7
  function l(s, e) {
8
8
  return o(), n("svg", t, e[0] || (e[0] = [
9
9
  r("path", {
10
- d: "M5 7.5L10 12.5L15 7.5",
10
+ d: "M6 9L12 15L18 9",
11
11
  stroke: "currentColor",
12
- "stroke-width": "1.66667",
12
+ "stroke-width": "1.5",
13
13
  "stroke-linecap": "round",
14
14
  "stroke-linejoin": "round"
15
15
  }, null, -1)
@@ -0,0 +1,22 @@
1
+ import { openBlock as o, createElementBlock as t, createElementVNode as r } from "vue";
2
+ const n = {
3
+ viewBox: "0 0 24 24",
4
+ fill: "none",
5
+ xmlns: "http://www.w3.org/2000/svg"
6
+ };
7
+ function l(s, e) {
8
+ return o(), t("svg", n, e[0] || (e[0] = [
9
+ r("path", {
10
+ d: "M15 18L9 12L15 6",
11
+ stroke: "currentColor",
12
+ "stroke-width": "1.5",
13
+ "stroke-linecap": "round",
14
+ "stroke-linejoin": "round"
15
+ }, null, -1)
16
+ ]));
17
+ }
18
+ const d = { render: l };
19
+ export {
20
+ d as default,
21
+ l as render
22
+ };
@@ -0,0 +1,22 @@
1
+ import { openBlock as o, createElementBlock as t, createElementVNode as r } from "vue";
2
+ const n = {
3
+ viewBox: "0 0 24 24",
4
+ fill: "none",
5
+ xmlns: "http://www.w3.org/2000/svg"
6
+ };
7
+ function l(s, e) {
8
+ return o(), t("svg", n, e[0] || (e[0] = [
9
+ r("path", {
10
+ d: "M9 18L15 12L9 6",
11
+ stroke: "currentColor",
12
+ "stroke-width": "1.5",
13
+ "stroke-linecap": "round",
14
+ "stroke-linejoin": "round"
15
+ }, null, -1)
16
+ ]));
17
+ }
18
+ const c = { render: l };
19
+ export {
20
+ c as default,
21
+ l as render
22
+ };
@@ -1,15 +1,15 @@
1
1
  import { openBlock as o, createElementBlock as r, createElementVNode as t } from "vue";
2
2
  const n = {
3
- viewBox: "0 0 20 20",
3
+ viewBox: "0 0 24 24",
4
4
  fill: "none",
5
5
  xmlns: "http://www.w3.org/2000/svg"
6
6
  };
7
7
  function l(s, e) {
8
8
  return o(), r("svg", n, e[0] || (e[0] = [
9
9
  t("path", {
10
- d: "M15 12.5L10 7.5L5 12.5",
10
+ d: "M18 15L12 9L6 15",
11
11
  stroke: "currentColor",
12
- "stroke-width": "1.66667",
12
+ "stroke-width": "1.5",
13
13
  "stroke-linecap": "round",
14
14
  "stroke-linejoin": "round"
15
15
  }, null, -1)
@@ -21,8 +21,8 @@ declare function __VLS_template(): {
21
21
  datepickerInput: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<string[]> | import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<import("@vuepic/vue-datepicker").VueDatePickerProps>>> & {
22
22
  onFocus?: (...args: any[]) => any;
23
23
  onBlur?: (...args: any[]) => any;
24
- onClosed?: (...args: any[]) => any;
25
24
  onCleared?: (...args: any[]) => any;
25
+ onClosed?: (...args: any[]) => any;
26
26
  onOpen?: (...args: any[]) => any;
27
27
  "onUpdate:model-value"?: (...args: any[]) => any;
28
28
  "onUpdate:model-timezone-value"?: (...args: any[]) => any;
@@ -56,8 +56,8 @@ declare function __VLS_template(): {
56
56
  }, {} & (Readonly<import("vue").ExtractPropTypes<string[]> | import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<import("@vuepic/vue-datepicker").VueDatePickerProps>>> & {
57
57
  onFocus?: (...args: any[]) => any;
58
58
  onBlur?: (...args: any[]) => any;
59
- onClosed?: (...args: any[]) => any;
60
59
  onCleared?: (...args: any[]) => any;
60
+ onClosed?: (...args: any[]) => any;
61
61
  onOpen?: (...args: any[]) => any;
62
62
  "onUpdate:model-value"?: (...args: any[]) => any;
63
63
  "onUpdate:model-timezone-value"?: (...args: any[]) => any;
@@ -99,10 +99,10 @@ declare const __VLS_component: import("vue").DefineComponent<MaDatePickerProps,
99
99
  change: (...args: any[]) => void;
100
100
  focus: (...args: any[]) => void;
101
101
  "update:value": (...args: any[]) => void;
102
+ cleared: (...args: any[]) => void;
102
103
  opened: (...args: any[]) => void;
103
104
  closed: (...args: any[]) => void;
104
105
  openChange: (...args: any[]) => void;
105
- cleared: (...args: any[]) => void;
106
106
  rangeStart: (...args: any[]) => void;
107
107
  rangeEnd: (...args: any[]) => void;
108
108
  }, string, import("vue").PublicProps, Readonly<MaDatePickerProps> & Readonly<{
@@ -110,16 +110,17 @@ declare const __VLS_component: import("vue").DefineComponent<MaDatePickerProps,
110
110
  onChange?: (...args: any[]) => any;
111
111
  onFocus?: (...args: any[]) => any;
112
112
  "onUpdate:value"?: (...args: any[]) => any;
113
+ onCleared?: (...args: any[]) => any;
113
114
  onOpened?: (...args: any[]) => any;
114
115
  onClosed?: (...args: any[]) => any;
115
116
  onOpenChange?: (...args: any[]) => any;
116
- onCleared?: (...args: any[]) => any;
117
117
  onRangeStart?: (...args: any[]) => any;
118
118
  onRangeEnd?: (...args: any[]) => any;
119
119
  }>, {
120
120
  size: typeof import("./types").MaDatePickerSizes[number];
121
121
  disabled: boolean;
122
122
  value: import("@vuepic/vue-datepicker").ModelValue;
123
+ overlayClassName: string;
123
124
  position: typeof import("./types").MaDatePickerPositions[number];
124
125
  format: string | ((date: Date) => string) | ((dates: Date[]) => string);
125
126
  valueFormat: string;
@@ -37,8 +37,8 @@ export interface MaDatePickerProps {
37
37
  */
38
38
  readonly?: boolean;
39
39
  /**
40
- * Disable specific dates
41
- * Date[] | string[] | (date: Date) => boolean
40
+ * Disable specific dates
41
+ * Date[] | string[] | (date: Date) => boolean
42
42
  */
43
43
  disabledDates?: Date[] | string[] | ((date: Date) => boolean);
44
44
  /**
@@ -84,8 +84,8 @@ export interface MaDatePickerProps {
84
84
  */
85
85
  quarterPicker?: boolean;
86
86
  /**
87
- * If set to true, clicking on a date value will automatically select the value
88
- * @default false
87
+ * If set to true, clicking on a date value will automatically select the value
88
+ * @default false
89
89
  */
90
90
  autoApply?: boolean;
91
91
  /**
@@ -177,6 +177,12 @@ export interface MaDatePickerProps {
177
177
  * @default false
178
178
  */
179
179
  hideCalendarIcon?: boolean;
180
+ /**
181
+ * Custom class name for the menu overlay of the datepicker.
182
+ * This can be used to apply specific styles to the menu overlay.
183
+ * @default undefined
184
+ */
185
+ overlayClassName?: string;
180
186
  }
181
187
  export declare const MaDefaultVisibleDateFormat = "MMM D, YYYY";
182
188
  export declare const MaDefaultDateFormat = "YYYY-MM-DD";
@@ -20,14 +20,14 @@ export interface MaPopconfirmProps {
20
20
  }
21
21
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<MaPopconfirmProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
22
22
  cancel: (...args: any[]) => void;
23
- confirm: (...args: any[]) => void;
24
23
  "update:visible": (...args: any[]) => void;
25
24
  visibleChange: (...args: any[]) => void;
25
+ confirm: (...args: any[]) => void;
26
26
  }, string, import("vue").PublicProps, Readonly<MaPopconfirmProps> & Readonly<{
27
27
  onCancel?: (...args: any[]) => any;
28
- onConfirm?: (...args: any[]) => any;
29
28
  "onUpdate:visible"?: (...args: any[]) => any;
30
29
  onVisibleChange?: (...args: any[]) => any;
30
+ onConfirm?: (...args: any[]) => any;
31
31
  }>, {
32
32
  icon: string;
33
33
  placement: PopconfirmPlacement;
@@ -4,14 +4,14 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
4
4
  MaPopconfirm: {
5
5
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("@/components/popconfirm/index.vue").MaPopconfirmProps> & Readonly<{
6
6
  onCancel?: (...args: any[]) => any;
7
- onConfirm?: (...args: any[]) => any;
8
7
  "onUpdate:visible"?: (...args: any[]) => any;
9
8
  onVisibleChange?: (...args: any[]) => any;
9
+ onConfirm?: (...args: any[]) => any;
10
10
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
11
11
  cancel: (...args: any[]) => void;
12
- confirm: (...args: any[]) => void;
13
12
  "update:visible": (...args: any[]) => void;
14
13
  visibleChange: (...args: any[]) => void;
14
+ confirm: (...args: any[]) => void;
15
15
  }, import("vue").PublicProps, {
16
16
  icon: string;
17
17
  placement: import("@/components/popconfirm/types").PopconfirmPlacement;
@@ -30,9 +30,9 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
30
30
  Defaults: {};
31
31
  }, Readonly<import("@/components/popconfirm/index.vue").MaPopconfirmProps> & Readonly<{
32
32
  onCancel?: (...args: any[]) => any;
33
- onConfirm?: (...args: any[]) => any;
34
33
  "onUpdate:visible"?: (...args: any[]) => any;
35
34
  onVisibleChange?: (...args: any[]) => any;
35
+ onConfirm?: (...args: any[]) => any;
36
36
  }>, {}, {}, {}, {}, {
37
37
  icon: string;
38
38
  placement: import("@/components/popconfirm/types").PopconfirmPlacement;
@@ -48,14 +48,14 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
48
48
  __isSuspense?: never;
49
49
  } & import("vue").ComponentOptionsBase<Readonly<import("@/components/popconfirm/index.vue").MaPopconfirmProps> & Readonly<{
50
50
  onCancel?: (...args: any[]) => any;
51
- onConfirm?: (...args: any[]) => any;
52
51
  "onUpdate:visible"?: (...args: any[]) => any;
53
52
  onVisibleChange?: (...args: any[]) => any;
53
+ onConfirm?: (...args: any[]) => any;
54
54
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
55
55
  cancel: (...args: any[]) => void;
56
- confirm: (...args: any[]) => void;
57
56
  "update:visible": (...args: any[]) => void;
58
57
  visibleChange: (...args: any[]) => void;
58
+ confirm: (...args: any[]) => void;
59
59
  }, string, {
60
60
  icon: string;
61
61
  placement: import("@/components/popconfirm/types").PopconfirmPlacement;
@@ -10,6 +10,7 @@ export interface MaPopover2Props {
10
10
  showArrow?: boolean;
11
11
  noPadding?: boolean;
12
12
  popupContainer?: HTMLElement | null | string;
13
+ noAutoFocus?: boolean;
13
14
  }
14
15
  declare function __VLS_template(): {
15
16
  attrs: Partial<{}>;
@@ -34,10 +35,11 @@ declare const __VLS_component: import("vue").DefineComponent<MaPopover2Props, {}
34
35
  overlayClassName: string;
35
36
  visible: boolean | undefined;
36
37
  showArrow: boolean;
37
- noPadding: boolean;
38
38
  autoHide: boolean;
39
39
  isMobile: boolean;
40
+ noPadding: boolean;
40
41
  popupContainer: HTMLElement | null | string;
42
+ noAutoFocus: boolean;
41
43
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
42
44
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
43
45
  export default _default;
@@ -15,10 +15,11 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
15
15
  overlayClassName: string;
16
16
  visible: boolean | undefined;
17
17
  showArrow: boolean;
18
- noPadding: boolean;
19
18
  autoHide: boolean;
20
19
  isMobile: boolean;
20
+ noPadding: boolean;
21
21
  popupContainer: HTMLElement | null | string;
22
+ noAutoFocus: boolean;
22
23
  }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
23
24
  P: {};
24
25
  B: {};
@@ -36,10 +37,11 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
36
37
  overlayClassName: string;
37
38
  visible: boolean | undefined;
38
39
  showArrow: boolean;
39
- noPadding: boolean;
40
40
  autoHide: boolean;
41
41
  isMobile: boolean;
42
+ noPadding: boolean;
42
43
  popupContainer: HTMLElement | null | string;
44
+ noAutoFocus: boolean;
43
45
  }>;
44
46
  __isFragment?: never;
45
47
  __isTeleport?: never;
@@ -57,10 +59,11 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
57
59
  overlayClassName: string;
58
60
  visible: boolean | undefined;
59
61
  showArrow: boolean;
60
- noPadding: boolean;
61
62
  autoHide: boolean;
62
63
  isMobile: boolean;
64
+ noPadding: boolean;
63
65
  popupContainer: HTMLElement | null | string;
66
+ noAutoFocus: boolean;
64
67
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
65
68
  $slots: {
66
69
  default?(_: {}): any;
@@ -0,0 +1,33 @@
1
+ import { MaSelectOptionProps } from '../types';
2
+ declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
4
+ slots: Readonly<{
5
+ /**
6
+ * Customized label area
7
+ */
8
+ default(): unknown;
9
+ }> & {
10
+ /**
11
+ * Customized label area
12
+ */
13
+ default(): unknown;
14
+ };
15
+ refs: {};
16
+ rootEl: HTMLDivElement;
17
+ };
18
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
19
+ declare const __VLS_component: import("vue").DefineComponent<MaSelectOptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
20
+ selected: (...args: any[]) => void;
21
+ }, string, import("vue").PublicProps, Readonly<MaSelectOptionProps> & Readonly<{
22
+ onSelected?: (...args: any[]) => any;
23
+ }>, {
24
+ checkboxPosition: import("../types").MaSelectOptionCheckboxPosition;
25
+ multiSelectionInput: import("../types").MaSelectMultiSelectionInput;
26
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
27
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
28
+ export default _default;
29
+ type __VLS_WithTemplateSlots<T, S> = T & {
30
+ new (): {
31
+ $slots: S;
32
+ };
33
+ };
@@ -0,0 +1,19 @@
1
+ import { MaSelectGroupProps } from '../types';
2
+ declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
4
+ slots: {
5
+ label?(_: {}): any;
6
+ default?(_: {}): any;
7
+ };
8
+ refs: {};
9
+ rootEl: HTMLDivElement;
10
+ };
11
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
12
+ declare const __VLS_component: import("vue").DefineComponent<MaSelectGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MaSelectGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
13
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
14
+ export default _default;
15
+ type __VLS_WithTemplateSlots<T, S> = T & {
16
+ new (): {
17
+ $slots: S;
18
+ };
19
+ };
@@ -0,0 +1,8 @@
1
+ import { Ref, ComputedRef } from 'vue';
2
+ import { MaSelectOption } from '../types';
3
+ import { DynamicScroller } from 'vue-virtual-scroller';
4
+ export declare function useArrowNavigation(isOpen: Ref<boolean>, optionList: ComputedRef<MaSelectOption[]>, dynamicScrollerRef: Ref<InstanceType<typeof DynamicScroller> | null>, select: (i: number) => void, isDisabled: ComputedRef<boolean>): {
5
+ getOptionClass: (index: number) => {
6
+ 'ma-select-option--highlighted': boolean;
7
+ };
8
+ };
@@ -0,0 +1,7 @@
1
+ import { MaSelectOptionValue } from '../types';
2
+ export declare const useOptionsRegistry: () => {
3
+ optionsMap: import("vue").Ref<Map<string, string> & Omit<Map<string, string>, keyof Map<any, any>>, Map<string, string> | (Map<string, string> & Omit<Map<string, string>, keyof Map<any, any>>)>;
4
+ registerOption: (value: MaSelectOptionValue, label: string) => void;
5
+ unregisterOption: (value: MaSelectOptionValue) => void;
6
+ getOptionLabel: (value: MaSelectOptionValue) => string;
7
+ };