@onereach/ui-components 2.69.1-beta.2097.0 → 2.69.1-beta.2099.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.
- package/dist/bundled/v2/{OrCardCollection-8606c407.js → OrCardCollection-953657a7.js} +15 -4
- package/dist/bundled/v2/{OrSearch-19f43fe5.js → OrSearch-a11b3621.js} +7 -1
- package/dist/bundled/v2/components/index.js +2 -2
- package/dist/bundled/v2/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +1 -0
- package/dist/bundled/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts +4 -4
- package/dist/bundled/v2/components/or-card-collection-v3/index.js +2 -2
- package/dist/bundled/v2/components/or-search-v3/OrSearch.vue.d.ts +13 -0
- package/dist/bundled/v2/components/or-search-v3/index.js +1 -1
- package/dist/bundled/v2/index.js +3 -3
- package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-80c10c12.js → OrCardCollection.vue_vue_type_script_lang-4debae8a.js} +2 -2
- package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-cb2d6612.js → OrSearch.vue_vue_type_script_lang-0ae8a6dd.js} +7 -1
- package/dist/bundled/v3/components/index.js +2 -2
- package/dist/bundled/v3/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +1 -0
- package/dist/bundled/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts +4 -4
- package/dist/bundled/v3/components/or-card-collection-v3/index.js +2 -2
- package/dist/bundled/v3/components/or-search-v3/OrSearch.vue.d.ts +13 -0
- package/dist/bundled/v3/components/or-search-v3/index.js +1 -1
- package/dist/bundled/v3/index.js +15 -7
- package/dist/esm/v2/{OrCardCollection-e7a4ead6.js → OrCardCollection-55e282a7.js} +15 -4
- package/dist/esm/v2/{OrSearch-ddb7c1fe.js → OrSearch-62d91301.js} +7 -1
- package/dist/esm/v2/components/index.js +2 -2
- package/dist/esm/v2/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +1 -0
- package/dist/esm/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts +4 -4
- package/dist/esm/v2/components/or-card-collection-v3/index.js +2 -2
- package/dist/esm/v2/components/or-search-v3/OrSearch.vue.d.ts +13 -0
- package/dist/esm/v2/components/or-search-v3/index.js +1 -1
- package/dist/esm/v2/index.js +2 -2
- package/dist/esm/v3/{OrCardCollection-3bd67c5c.js → OrCardCollection-0c6da4b8.js} +13 -5
- package/dist/esm/v3/{OrSearch-cdde55ce.js → OrSearch-aafb93b4.js} +7 -1
- package/dist/esm/v3/components/index.js +2 -2
- package/dist/esm/v3/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +1 -0
- package/dist/esm/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts +4 -4
- package/dist/esm/v3/components/or-card-collection-v3/index.js +2 -2
- package/dist/esm/v3/components/or-search-v3/OrSearch.vue.d.ts +13 -0
- package/dist/esm/v3/components/or-search-v3/index.js +1 -1
- package/dist/esm/v3/index.js +2 -2
- package/package.json +1 -1
- package/src/components/or-card-collection-v3/OrCardCollection.stories3.ts +40 -4
- package/src/components/or-card-collection-v3/OrCardCollection.vue +11 -2
- package/src/components/or-search-v3/OrSearch.vue +7 -1
|
@@ -7,7 +7,7 @@ import { s as script$5 } from './OrMenu.vue_vue_type_script_lang-2446a69a.js';
|
|
|
7
7
|
import './OrMenuItem-4feaba6c.js';
|
|
8
8
|
import { s as script$6 } from './OrMenuItem.vue_vue_type_script_lang-0ffaef05.js';
|
|
9
9
|
import './OrIcon-d878b768.js';
|
|
10
|
-
import { s as script$2 } from './OrSearch.vue_vue_type_script_lang-
|
|
10
|
+
import { s as script$2 } from './OrSearch.vue_vue_type_script_lang-0ae8a6dd.js';
|
|
11
11
|
import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
|
|
12
12
|
import { s as script$4 } from './OrButton.vue_vue_type_script_lang-3718b300.js';
|
|
13
13
|
import { s as script$7 } from './OrIcon.vue_vue_type_script_lang-a119a715.js';
|
|
@@ -156,7 +156,7 @@ var script = defineComponent({
|
|
|
156
156
|
},
|
|
157
157
|
search: {
|
|
158
158
|
type: String,
|
|
159
|
-
default:
|
|
159
|
+
default: ''
|
|
160
160
|
}
|
|
161
161
|
},
|
|
162
162
|
emits: ['viewChange', 'sortChange', 'searchChange'],
|
|
@@ -12,6 +12,11 @@ var script = defineComponent({
|
|
|
12
12
|
},
|
|
13
13
|
inheritAttrs: false,
|
|
14
14
|
props: {
|
|
15
|
+
modelValue: {
|
|
16
|
+
type: String,
|
|
17
|
+
default: '',
|
|
18
|
+
required: false
|
|
19
|
+
},
|
|
15
20
|
size: {
|
|
16
21
|
type: String,
|
|
17
22
|
default: InputBoxSize.M
|
|
@@ -36,13 +41,14 @@ var script = defineComponent({
|
|
|
36
41
|
emits: ['search', 'input', 'keydown', 'keyup', 'focus', 'blur', 'clear'],
|
|
37
42
|
expose: ['root', 'focus', 'clear'],
|
|
38
43
|
setup(props, context) {
|
|
44
|
+
var _a;
|
|
39
45
|
// Refs
|
|
40
46
|
const root = ref();
|
|
41
47
|
// Styles
|
|
42
48
|
const classAttribute = useClassAttribute();
|
|
43
49
|
const rootStyles = computed(() => ['or-search', classAttribute.value]);
|
|
44
50
|
// State
|
|
45
|
-
const localModelValue = ref('');
|
|
51
|
+
const localModelValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : '');
|
|
46
52
|
// Events
|
|
47
53
|
debouncedWatch(localModelValue, () => context.emit('search', localModelValue.value), {
|
|
48
54
|
debounce: props.debounce
|
|
@@ -8,7 +8,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
|
|
|
8
8
|
export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton.vue_vue_type_script_lang-3718b300.js';
|
|
9
9
|
export { s as OrCard } from '../OrCard.vue_vue_type_script_lang-90ba001b.js';
|
|
10
10
|
export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection.vue_vue_type_script_lang-d8124dda.js';
|
|
11
|
-
export { C as CardCollectionView, s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-
|
|
11
|
+
export { C as CardCollectionView, s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-4debae8a.js';
|
|
12
12
|
export { s as OrCardV3 } from '../OrCard.vue_vue_type_script_lang-165de137.js';
|
|
13
13
|
export { a as OrCarousel, s as OrCarouselItem } from '../OrCarouselItem.vue_vue_type_script_lang-ad286afc.js';
|
|
14
14
|
export { s as OrCheckbox } from '../OrCheckbox.vue_vue_type_script_lang-d8a66818.js';
|
|
@@ -63,7 +63,7 @@ export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrP
|
|
|
63
63
|
export { s as OrRadio } from '../OrRadio.vue_vue_type_script_lang-c956b54b.js';
|
|
64
64
|
export { s as OrRadioGroup } from '../OrRadioGroup.vue_vue_type_script_lang-caea7bcb.js';
|
|
65
65
|
export { s as OrRadioV3 } from '../OrRadio.vue_vue_type_script_lang-2e666a56.js';
|
|
66
|
-
export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-
|
|
66
|
+
export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-0ae8a6dd.js';
|
|
67
67
|
export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl.vue_vue_type_script_lang-579406f5.js';
|
|
68
68
|
export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-26c0a70a.js';
|
|
69
69
|
export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-dfadd12f.js';
|
|
@@ -19,3 +19,4 @@ export declare const WithSorting: StoryFn<import("vue").ComponentOptions<import(
|
|
|
19
19
|
export declare const OverrideViewContainer: StoryFn<typeof OrCardCollection>;
|
|
20
20
|
export declare const ExtraViewMode: StoryFn<typeof OrCardCollection>;
|
|
21
21
|
export declare const WithLink: StoryFn<typeof OrCardCollection>;
|
|
22
|
+
export declare const EmptySearchResults: StoryFn<typeof OrCardCollection>;
|
|
@@ -29,7 +29,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
29
29
|
default: CardCollectionItem[];
|
|
30
30
|
};
|
|
31
31
|
view: {
|
|
32
|
-
type:
|
|
32
|
+
type: StringConstructor;
|
|
33
33
|
default: CardCollectionView;
|
|
34
34
|
};
|
|
35
35
|
viewModes: {
|
|
@@ -46,7 +46,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
46
46
|
};
|
|
47
47
|
search: {
|
|
48
48
|
type: StringConstructor;
|
|
49
|
-
default:
|
|
49
|
+
default: string;
|
|
50
50
|
};
|
|
51
51
|
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
52
52
|
items: {
|
|
@@ -54,7 +54,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
54
54
|
default: CardCollectionItem[];
|
|
55
55
|
};
|
|
56
56
|
view: {
|
|
57
|
-
type:
|
|
57
|
+
type: StringConstructor;
|
|
58
58
|
default: CardCollectionView;
|
|
59
59
|
};
|
|
60
60
|
viewModes: {
|
|
@@ -71,7 +71,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
71
71
|
};
|
|
72
72
|
search: {
|
|
73
73
|
type: StringConstructor;
|
|
74
|
-
default:
|
|
74
|
+
default: string;
|
|
75
75
|
};
|
|
76
76
|
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
77
77
|
search: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { C as CardCollectionView, s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-
|
|
1
|
+
export { C as CardCollectionView, s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-4debae8a.js';
|
|
2
2
|
import 'vue';
|
|
3
3
|
import '../../OrIconButton-4bd33e3c.js';
|
|
4
4
|
import '../../OrIconButton.vue_vue_type_script_lang-641f6e06.js';
|
|
@@ -23,7 +23,7 @@ import '../../OrMenu-f26e8e55.js';
|
|
|
23
23
|
import '../../OrMenu.vue_vue_type_script_lang-2446a69a.js';
|
|
24
24
|
import '../../OrMenuItem-4feaba6c.js';
|
|
25
25
|
import '../../OrMenuItem.vue_vue_type_script_lang-0ffaef05.js';
|
|
26
|
-
import '../../OrSearch.vue_vue_type_script_lang-
|
|
26
|
+
import '../../OrSearch.vue_vue_type_script_lang-0ae8a6dd.js';
|
|
27
27
|
import '../../OrInput-fa782fc1.js';
|
|
28
28
|
import '../../OrInput.vue_vue_type_script_lang-f6d793d3.js';
|
|
29
29
|
import '../../OrHint-9592499e.js';
|
|
@@ -11,6 +11,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
11
11
|
focus: () => void;
|
|
12
12
|
clear: () => void;
|
|
13
13
|
}> & import("@vue/composition-api").Data, {}, {}, {
|
|
14
|
+
modelValue: {
|
|
15
|
+
type: StringConstructor;
|
|
16
|
+
default: string;
|
|
17
|
+
required: false;
|
|
18
|
+
};
|
|
14
19
|
size: {
|
|
15
20
|
type: PropType<SearchSize>;
|
|
16
21
|
default: SearchSize;
|
|
@@ -32,6 +37,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
32
37
|
default: boolean;
|
|
33
38
|
};
|
|
34
39
|
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
40
|
+
modelValue: {
|
|
41
|
+
type: StringConstructor;
|
|
42
|
+
default: string;
|
|
43
|
+
required: false;
|
|
44
|
+
};
|
|
35
45
|
size: {
|
|
36
46
|
type: PropType<SearchSize>;
|
|
37
47
|
default: SearchSize;
|
|
@@ -53,6 +63,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
53
63
|
default: boolean;
|
|
54
64
|
};
|
|
55
65
|
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
66
|
+
modelValue: string;
|
|
56
67
|
size: SearchSize;
|
|
57
68
|
placeholder: string;
|
|
58
69
|
debounce: number;
|
|
@@ -71,6 +82,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
71
82
|
focus: () => void;
|
|
72
83
|
clear: () => void;
|
|
73
84
|
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
|
|
85
|
+
modelValue: string;
|
|
74
86
|
size: SearchSize;
|
|
75
87
|
placeholder: string;
|
|
76
88
|
debounce: number;
|
|
@@ -79,6 +91,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
79
91
|
} & {} & {
|
|
80
92
|
[x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
|
|
81
93
|
}, {
|
|
94
|
+
modelValue: string;
|
|
82
95
|
size: SearchSize;
|
|
83
96
|
placeholder: string;
|
|
84
97
|
debounce: number;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-
|
|
1
|
+
export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-0ae8a6dd.js';
|
|
2
2
|
export { a as SearchSize } from '../../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
|
|
3
3
|
import 'vue';
|
|
4
4
|
import '@vueuse/core';
|