@onereach/ui-components 2.68.2 → 2.69.0-beta.2076.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-a9a779ea.js → OrCardCollection-dac9fd1e.js} +1 -1
- package/dist/bundled/v2/{OrConfirm-18c534df.js → OrConfirm-ff57274f.js} +1 -1
- package/dist/bundled/v2/{OrInput-8b90e08f.js → OrInput-4b82eb59.js} +4 -4
- package/dist/bundled/v2/{OrSearch-9d402f56.js → OrSearch-e34afaee.js} +1 -1
- package/dist/bundled/v2/{OrSelect-759b4410.js → OrSelect-a2dbc872.js} +2 -2
- package/dist/bundled/v2/components/index.js +5 -5
- package/dist/bundled/v2/components/or-card-collection-v3/index.js +2 -2
- package/dist/bundled/v2/components/or-confirm-v3/index.js +2 -2
- package/dist/bundled/v2/components/or-empty-state-v3/OrEmptyState.stories3.d.ts +24 -0
- package/dist/bundled/v2/components/or-empty-state-v3/OrEmptyState.vue.d.ts +103 -0
- package/dist/bundled/v2/components/or-empty-state-v3/index.d.ts +3 -0
- package/dist/bundled/v2/components/or-empty-state-v3/index.js +161 -0
- package/dist/bundled/v2/components/or-empty-state-v3/props.d.ts +4 -0
- package/dist/bundled/v2/components/or-empty-state-v3/styles.d.ts +10 -0
- package/dist/bundled/v2/components/or-empty-state-v3/types.d.ts +2 -0
- package/dist/bundled/v2/components/or-input-v3/index.js +1 -1
- package/dist/bundled/v2/components/or-search-v3/index.js +2 -2
- package/dist/bundled/v2/components/or-select-v3/index.js +2 -2
- package/dist/bundled/v2/index.js +6 -6
- package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-3993a015.js → OrCardCollection.vue_vue_type_script_lang-7a07be47.js} +1 -1
- package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-289b5600.js → OrConfirm.vue_vue_type_script_lang-2e7fa659.js} +1 -1
- package/dist/bundled/v3/{OrInput-fa782fc1.js → OrInput-e97211bb.js} +1 -1
- package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-ed78b21f.js → OrSearch.vue_vue_type_script_lang-1d2a20e0.js} +1 -1
- package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-dfadd12f.js → OrSelect.vue_vue_type_script_lang-619d6eb7.js} +1 -1
- package/dist/bundled/v3/components/index.js +5 -5
- package/dist/bundled/v3/components/or-card-collection-v3/index.js +2 -2
- package/dist/bundled/v3/components/or-confirm-v3/index.js +2 -2
- package/dist/bundled/v3/components/or-empty-state-v3/OrEmptyState.stories3.d.ts +24 -0
- package/dist/bundled/v3/components/or-empty-state-v3/OrEmptyState.vue.d.ts +103 -0
- package/dist/bundled/v3/components/or-empty-state-v3/index.d.ts +3 -0
- package/dist/bundled/v3/components/or-empty-state-v3/index.js +134 -0
- package/dist/bundled/v3/components/or-empty-state-v3/props.d.ts +4 -0
- package/dist/bundled/v3/components/or-empty-state-v3/styles.d.ts +10 -0
- package/dist/bundled/v3/components/or-empty-state-v3/types.d.ts +2 -0
- package/dist/bundled/v3/components/or-search-v3/index.js +2 -2
- package/dist/bundled/v3/components/or-select-v3/index.js +2 -2
- package/dist/bundled/v3/index.js +11 -11
- package/dist/esm/v2/{OrCardCollection-4f001551.js → OrCardCollection-e46b220e.js} +1 -1
- package/dist/esm/v2/{OrConfirm-b0b2e43c.js → OrConfirm-74e21c56.js} +1 -1
- package/dist/esm/v2/{OrInput-2f16a7ac.js → OrInput-b8a1627f.js} +4 -4
- package/dist/esm/v2/{OrSearch-ddb7c1fe.js → OrSearch-0c0d1773.js} +1 -1
- package/dist/esm/v2/{OrSelect-ac382aa6.js → OrSelect-acc13b49.js} +2 -2
- package/dist/esm/v2/components/index.js +5 -5
- package/dist/esm/v2/components/or-card-collection-v3/index.js +2 -2
- package/dist/esm/v2/components/or-confirm-v3/index.js +2 -2
- package/dist/esm/v2/components/or-empty-state-v3/OrEmptyState.stories3.d.ts +24 -0
- package/dist/esm/v2/components/or-empty-state-v3/OrEmptyState.vue.d.ts +103 -0
- package/dist/esm/v2/components/or-empty-state-v3/index.d.ts +3 -0
- package/dist/esm/v2/components/or-empty-state-v3/index.js +158 -0
- package/dist/esm/v2/components/or-empty-state-v3/props.d.ts +4 -0
- package/dist/esm/v2/components/or-empty-state-v3/styles.d.ts +10 -0
- package/dist/esm/v2/components/or-empty-state-v3/types.d.ts +2 -0
- package/dist/esm/v2/components/or-input-v3/index.js +1 -1
- package/dist/esm/v2/components/or-search-v3/index.js +2 -2
- package/dist/esm/v2/components/or-select-v3/index.js +2 -2
- package/dist/esm/v2/index.js +5 -5
- package/dist/esm/v3/{OrCardCollection-5a0febaf.js → OrCardCollection-5924d035.js} +1 -1
- package/dist/esm/v3/{OrConfirm-906427ef.js → OrConfirm-a3f312a6.js} +1 -1
- package/dist/esm/v3/{OrInput-41691fb3.js → OrInput-e2ac1182.js} +1 -1
- package/dist/esm/v3/{OrSearch-cdde55ce.js → OrSearch-01225d82.js} +1 -1
- package/dist/esm/v3/{OrSelect-fee9c099.js → OrSelect-fbf4a140.js} +2 -2
- package/dist/esm/v3/components/index.js +5 -5
- package/dist/esm/v3/components/or-card-collection-v3/index.js +2 -2
- package/dist/esm/v3/components/or-confirm-v3/index.js +2 -2
- package/dist/esm/v3/components/or-empty-state-v3/OrEmptyState.stories3.d.ts +24 -0
- package/dist/esm/v3/components/or-empty-state-v3/OrEmptyState.vue.d.ts +103 -0
- package/dist/esm/v3/components/or-empty-state-v3/index.d.ts +3 -0
- package/dist/esm/v3/components/or-empty-state-v3/index.js +135 -0
- package/dist/esm/v3/components/or-empty-state-v3/props.d.ts +4 -0
- package/dist/esm/v3/components/or-empty-state-v3/styles.d.ts +10 -0
- package/dist/esm/v3/components/or-empty-state-v3/types.d.ts +2 -0
- package/dist/esm/v3/components/or-input-v3/index.js +1 -1
- package/dist/esm/v3/components/or-search-v3/index.js +2 -2
- package/dist/esm/v3/components/or-select-v3/index.js +2 -2
- package/dist/esm/v3/index.js +5 -5
- package/package.json +2 -3
- package/src/components/or-empty-state-v3/OrEmptyState.stories3.ts +87 -0
- package/src/components/or-empty-state-v3/OrEmptyState.vue +116 -0
- package/src/components/or-empty-state-v3/index.ts +3 -0
- package/src/components/or-empty-state-v3/props.ts +4 -0
- package/src/components/or-empty-state-v3/styles.ts +72 -0
- package/src/components/or-empty-state-v3/types.ts +3 -0
- package/src/components/or-input-v3/OrInput.vue +1 -1
- package/src/components/or-select-v3/OrSelect.vue +1 -1
|
@@ -2,7 +2,7 @@ import { openBlock, createElementBlock, mergeProps, renderSlot, resolveComponent
|
|
|
2
2
|
import { s as script$1 } from './OrCard.vue_vue_type_script_lang-165de137.js';
|
|
3
3
|
import './OrIconButton-4bd33e3c.js';
|
|
4
4
|
import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-641f6e06.js';
|
|
5
|
-
import './OrInput-
|
|
5
|
+
import './OrInput-e97211bb.js';
|
|
6
6
|
import { s as script$4 } from './OrInput.vue_vue_type_script_lang-f6d793d3.js';
|
|
7
7
|
import { s as script$2 } from './OrSortHeader.vue_vue_type_script_lang-75115125.js';
|
|
8
8
|
import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
|
|
@@ -3,7 +3,7 @@ import { useMagicKeys, whenever } from '@vueuse/core';
|
|
|
3
3
|
import { l as logicAnd } from './index-01519e46.js';
|
|
4
4
|
import './OrBottomSheet.vue_vue_type_script_lang-6fb49de9.js';
|
|
5
5
|
import { s as script$1, a as ButtonColor } from './OrButton.vue_vue_type_script_lang-3718b300.js';
|
|
6
|
-
import './OrInput-
|
|
6
|
+
import './OrInput-e97211bb.js';
|
|
7
7
|
import { s as script$2 } from './OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
|
|
8
8
|
import { s as script$3 } from './OrInput.vue_vue_type_script_lang-f6d793d3.js';
|
|
9
9
|
|
|
@@ -4,7 +4,7 @@ import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
|
4
4
|
|
|
5
5
|
const _hoisted_1 = ["id", "type", "placeholder", "required", "disabled"];
|
|
6
6
|
const _hoisted_2 = {
|
|
7
|
-
class: /*#__PURE__*/normalizeClass(['layout-row'])
|
|
7
|
+
class: /*#__PURE__*/normalizeClass(['layout-row', 'm-[-4px] md:m-[-2px]'])
|
|
8
8
|
};
|
|
9
9
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
10
10
|
const _component_OrLabel = resolveComponent("OrLabel");
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, watch } from 'vue';
|
|
2
2
|
import { debouncedWatch } from '@vueuse/core';
|
|
3
|
-
import './OrInput-
|
|
3
|
+
import './OrInput-e97211bb.js';
|
|
4
4
|
import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
|
|
5
5
|
import { s as script$1 } from './OrInput.vue_vue_type_script_lang-f6d793d3.js';
|
|
6
6
|
import { a as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
|
|
@@ -4,7 +4,7 @@ import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
|
4
4
|
import './OrHint-9592499e.js';
|
|
5
5
|
import { s as script$2 } from './OrExpansionPanel.vue_vue_type_script_lang-7f9c6721.js';
|
|
6
6
|
import './OrIcon-d878b768.js';
|
|
7
|
-
import './OrInput-
|
|
7
|
+
import './OrInput-e97211bb.js';
|
|
8
8
|
import './OrInputBox-eb54d73d.js';
|
|
9
9
|
import './OrLabel-c6873e79.js';
|
|
10
10
|
import './OrMenuItem-4feaba6c.js';
|
|
@@ -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-7a07be47.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';
|
|
@@ -19,7 +19,7 @@ export { s as OrCode, O as OrCodeLanguages } from '../OrCode.vue_vue_type_script
|
|
|
19
19
|
export { s as OrCollapse } from '../OrCollapse.vue_vue_type_script_lang-65cbb754.js';
|
|
20
20
|
export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker.vue_vue_type_script_lang-4141378d.js';
|
|
21
21
|
export { s as OrConfirm } from '../OrConfirm.vue_vue_type_script_lang-0f16fc67.js';
|
|
22
|
-
export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-
|
|
22
|
+
export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-2e7fa659.js';
|
|
23
23
|
export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker.vue_vue_type_script_lang-7bfe5005.js';
|
|
24
24
|
export { s as OrError } from '../OrError.vue_vue_type_script_lang-7c39e012.js';
|
|
25
25
|
export { s as OrErrorTagV3 } from '../OrErrorTag.vue_vue_type_script_lang-4828c387.js';
|
|
@@ -63,10 +63,10 @@ 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-1d2a20e0.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
|
-
export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-
|
|
69
|
+
export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-619d6eb7.js';
|
|
70
70
|
export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar.vue_vue_type_script_lang-7c55ac0a.js';
|
|
71
71
|
export { O as OrSidebarPlacement, s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-ce0b152c.js';
|
|
72
72
|
export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText.vue_vue_type_script_lang-f3f989c3.js';
|
|
@@ -106,7 +106,7 @@ import '../OrLoader-ee97fef4.js';
|
|
|
106
106
|
import '../OrLoader-c4bbef2f.js';
|
|
107
107
|
import '../OrIconButton-e637158e.js';
|
|
108
108
|
import '../OrIconButton-4bd33e3c.js';
|
|
109
|
-
import '../OrInput-
|
|
109
|
+
import '../OrInput-e97211bb.js';
|
|
110
110
|
import '../OrLabel-c6873e79.js';
|
|
111
111
|
import '../OrLabel-e412c532.js';
|
|
112
112
|
import '../OrError-b43ebad8.js';
|
|
@@ -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-7a07be47.js';
|
|
2
2
|
import 'vue';
|
|
3
3
|
import '../../OrCard.vue_vue_type_script_lang-165de137.js';
|
|
4
4
|
import '../../useClassAttribute-00888f78.js';
|
|
@@ -16,7 +16,7 @@ import '../../OrOverlay.vue_vue_type_script_lang-cb3aad0c.js';
|
|
|
16
16
|
import '../../OrTeleport.vue3.vue_vue_type_script_lang-4dc70cf1.js';
|
|
17
17
|
import '../../useElevation-c8d5d3ba.js';
|
|
18
18
|
import '../../useResponsive-9d397e2a.js';
|
|
19
|
-
import '../../OrInput-
|
|
19
|
+
import '../../OrInput-e97211bb.js';
|
|
20
20
|
import '../../OrInput.vue_vue_type_script_lang-f6d793d3.js';
|
|
21
21
|
import '../../OrHint-9592499e.js';
|
|
22
22
|
import '../../OrError.vue_vue_type_script_lang-cc6c135f.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-
|
|
1
|
+
export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-2e7fa659.js';
|
|
2
2
|
import 'vue';
|
|
3
3
|
import '@vueuse/core';
|
|
4
4
|
import '../../index-01519e46.js';
|
|
@@ -10,7 +10,7 @@ import '../../useElevation-c8d5d3ba.js';
|
|
|
10
10
|
import '../../OrButton.vue_vue_type_script_lang-3718b300.js';
|
|
11
11
|
import '../../OrLoader-c4bbef2f.js';
|
|
12
12
|
import '../../OrLoader.vue_vue_type_script_lang-5405040c.js';
|
|
13
|
-
import '../../OrInput-
|
|
13
|
+
import '../../OrInput-e97211bb.js';
|
|
14
14
|
import '../../OrInput.vue_vue_type_script_lang-f6d793d3.js';
|
|
15
15
|
import '../../OrHint-9592499e.js';
|
|
16
16
|
import '../../OrError.vue_vue_type_script_lang-cc6c135f.js';
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Meta, StoryFn } from '@storybook/vue3';
|
|
2
|
+
import OrEmptyState from './OrEmptyState.vue';
|
|
3
|
+
declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
4
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
5
|
+
} | string[], {} & {}, {
|
|
6
|
+
[x: number]: string;
|
|
7
|
+
} | {}, true>)>;
|
|
8
|
+
export default _default;
|
|
9
|
+
export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
10
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
11
|
+
} | string[], {} & {}, {
|
|
12
|
+
[x: number]: string;
|
|
13
|
+
} | {}, true>)>;
|
|
14
|
+
export declare const ImageIcon: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
15
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
16
|
+
} | string[], {} & {}, {
|
|
17
|
+
[x: number]: string;
|
|
18
|
+
} | {}, true>)>;
|
|
19
|
+
export declare const LargeSize: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
20
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
21
|
+
} | string[], {} & {}, {
|
|
22
|
+
[x: number]: string;
|
|
23
|
+
} | {}, true>)>;
|
|
24
|
+
export declare const ExtraContentInSlot: StoryFn<typeof OrEmptyState>;
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { PropType } from 'vue-demi';
|
|
2
|
+
import { EmptyStateSize } from '.';
|
|
3
|
+
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
4
|
+
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
5
|
+
rootClasses: import("@vue/composition-api").ComputedRef<string[]>;
|
|
6
|
+
imageClasses: import("@vue/composition-api").ComputedRef<string[]>;
|
|
7
|
+
headingClasses: import("@vue/composition-api").ComputedRef<string[]>;
|
|
8
|
+
textClasses: import("@vue/composition-api").ComputedRef<string[]>;
|
|
9
|
+
slotClasses: import("@vue/composition-api").ComputedRef<string[]>;
|
|
10
|
+
}> & import("@vue/composition-api").Data, {}, {}, {
|
|
11
|
+
/**
|
|
12
|
+
* Size of the component, affects font and icon size.
|
|
13
|
+
* Use Large if the component takes all screen space,
|
|
14
|
+
* and Medium if it is a part of the complex layout.
|
|
15
|
+
*/
|
|
16
|
+
size: {
|
|
17
|
+
type: PropType<EmptyStateSize>;
|
|
18
|
+
default: EmptyStateSize;
|
|
19
|
+
};
|
|
20
|
+
/**
|
|
21
|
+
* The heading of the empty state block.
|
|
22
|
+
*/
|
|
23
|
+
heading: {
|
|
24
|
+
type: StringConstructor;
|
|
25
|
+
default: string;
|
|
26
|
+
};
|
|
27
|
+
/**
|
|
28
|
+
* Additional text such as a hint for a user with proposed next steps.
|
|
29
|
+
*/
|
|
30
|
+
text: {
|
|
31
|
+
type: StringConstructor;
|
|
32
|
+
default: string;
|
|
33
|
+
};
|
|
34
|
+
/**
|
|
35
|
+
* Path to the image to display above the heading.
|
|
36
|
+
* Image height is fixed depending on `size` prop, width is undefined to preserve aspect ratio.
|
|
37
|
+
*/
|
|
38
|
+
imageSrc: {
|
|
39
|
+
type: StringConstructor;
|
|
40
|
+
default: undefined;
|
|
41
|
+
};
|
|
42
|
+
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
43
|
+
/**
|
|
44
|
+
* Size of the component, affects font and icon size.
|
|
45
|
+
* Use Large if the component takes all screen space,
|
|
46
|
+
* and Medium if it is a part of the complex layout.
|
|
47
|
+
*/
|
|
48
|
+
size: {
|
|
49
|
+
type: PropType<EmptyStateSize>;
|
|
50
|
+
default: EmptyStateSize;
|
|
51
|
+
};
|
|
52
|
+
/**
|
|
53
|
+
* The heading of the empty state block.
|
|
54
|
+
*/
|
|
55
|
+
heading: {
|
|
56
|
+
type: StringConstructor;
|
|
57
|
+
default: string;
|
|
58
|
+
};
|
|
59
|
+
/**
|
|
60
|
+
* Additional text such as a hint for a user with proposed next steps.
|
|
61
|
+
*/
|
|
62
|
+
text: {
|
|
63
|
+
type: StringConstructor;
|
|
64
|
+
default: string;
|
|
65
|
+
};
|
|
66
|
+
/**
|
|
67
|
+
* Path to the image to display above the heading.
|
|
68
|
+
* Image height is fixed depending on `size` prop, width is undefined to preserve aspect ratio.
|
|
69
|
+
*/
|
|
70
|
+
imageSrc: {
|
|
71
|
+
type: StringConstructor;
|
|
72
|
+
default: undefined;
|
|
73
|
+
};
|
|
74
|
+
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
75
|
+
size: EmptyStateSize;
|
|
76
|
+
heading: string;
|
|
77
|
+
text: string;
|
|
78
|
+
imageSrc: string;
|
|
79
|
+
} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
80
|
+
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
81
|
+
rootClasses: import("@vue/composition-api").ComputedRef<string[]>;
|
|
82
|
+
imageClasses: import("@vue/composition-api").ComputedRef<string[]>;
|
|
83
|
+
headingClasses: import("@vue/composition-api").ComputedRef<string[]>;
|
|
84
|
+
textClasses: import("@vue/composition-api").ComputedRef<string[]>;
|
|
85
|
+
slotClasses: import("@vue/composition-api").ComputedRef<string[]>;
|
|
86
|
+
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
|
|
87
|
+
size: EmptyStateSize;
|
|
88
|
+
heading: string;
|
|
89
|
+
text: string;
|
|
90
|
+
imageSrc: string;
|
|
91
|
+
} & {}, {
|
|
92
|
+
size: EmptyStateSize;
|
|
93
|
+
heading: string;
|
|
94
|
+
text: string;
|
|
95
|
+
imageSrc: string;
|
|
96
|
+
}, true>);
|
|
97
|
+
/**
|
|
98
|
+
* The component to display when there is no content on a page,
|
|
99
|
+
* no records found or selected, or while the data is being loaded.
|
|
100
|
+
* Provides a hint to the user on what to do.
|
|
101
|
+
* Consists of text message, optional icon and optional loader.
|
|
102
|
+
*/
|
|
103
|
+
export default _default;
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, toDisplayString, renderSlot } from 'vue';
|
|
2
|
+
|
|
3
|
+
var EmptyStateSize;
|
|
4
|
+
(function (EmptyStateSize) {
|
|
5
|
+
EmptyStateSize["L"] = "l";
|
|
6
|
+
EmptyStateSize["M"] = "m";
|
|
7
|
+
})(EmptyStateSize || (EmptyStateSize = {}));
|
|
8
|
+
|
|
9
|
+
const EmptyStateRoot = [
|
|
10
|
+
// Layout
|
|
11
|
+
'grow', 'flex', 'flex-col', 'justify-center', 'items-center',
|
|
12
|
+
// Box
|
|
13
|
+
'w-full',
|
|
14
|
+
// Sizing
|
|
15
|
+
'gap-sm'];
|
|
16
|
+
const EmptyStateImage = [
|
|
17
|
+
// Sizing
|
|
18
|
+
'mb-sm'];
|
|
19
|
+
const EmptyStateImageSizes = {
|
|
20
|
+
[EmptyStateSize.L]: [
|
|
21
|
+
// Box
|
|
22
|
+
'h-3xl'],
|
|
23
|
+
[EmptyStateSize.M]: [
|
|
24
|
+
// Box
|
|
25
|
+
'h-2xl']
|
|
26
|
+
};
|
|
27
|
+
const EmptyStateHeading = [
|
|
28
|
+
// Theme
|
|
29
|
+
'theme-foreground-default', 'dark:theme-foreground-default-dark'];
|
|
30
|
+
const EmptyStateHeadingSizes = {
|
|
31
|
+
[EmptyStateSize.L]: [
|
|
32
|
+
// Typography
|
|
33
|
+
'typography-headline-2'],
|
|
34
|
+
[EmptyStateSize.M]: [
|
|
35
|
+
// Typography
|
|
36
|
+
'typography-headline-4']
|
|
37
|
+
};
|
|
38
|
+
const EmptyStateText = ['text-center',
|
|
39
|
+
// Theme
|
|
40
|
+
'text-outline', 'dark:text-outline-dark'];
|
|
41
|
+
const EmptyStateContent = EmptyStateText;
|
|
42
|
+
const EmptyStateTextSizes = {
|
|
43
|
+
[EmptyStateSize.L]: [
|
|
44
|
+
// Typography
|
|
45
|
+
'typography-body-2-regular'],
|
|
46
|
+
[EmptyStateSize.M]: [
|
|
47
|
+
// Typography
|
|
48
|
+
'typography-caption-regular']
|
|
49
|
+
};
|
|
50
|
+
const EmptyStateContentSizes = EmptyStateTextSizes;
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* The component to display when there is no content on a page,
|
|
54
|
+
* no records found or selected, or while the data is being loaded.
|
|
55
|
+
* Provides a hint to the user on what to do.
|
|
56
|
+
* Consists of text message, optional icon and optional loader.
|
|
57
|
+
*/
|
|
58
|
+
var script = defineComponent({
|
|
59
|
+
name: 'OrEmptyState',
|
|
60
|
+
props: {
|
|
61
|
+
/**
|
|
62
|
+
* Size of the component, affects font and icon size.
|
|
63
|
+
* Use Large if the component takes all screen space,
|
|
64
|
+
* and Medium if it is a part of the complex layout.
|
|
65
|
+
*/
|
|
66
|
+
size: {
|
|
67
|
+
type: String,
|
|
68
|
+
default: EmptyStateSize.M
|
|
69
|
+
},
|
|
70
|
+
/**
|
|
71
|
+
* The heading of the empty state block.
|
|
72
|
+
*/
|
|
73
|
+
heading: {
|
|
74
|
+
type: String,
|
|
75
|
+
default: ''
|
|
76
|
+
},
|
|
77
|
+
/**
|
|
78
|
+
* Additional text such as a hint for a user with proposed next steps.
|
|
79
|
+
*/
|
|
80
|
+
text: {
|
|
81
|
+
type: String,
|
|
82
|
+
default: ''
|
|
83
|
+
},
|
|
84
|
+
/**
|
|
85
|
+
* Path to the image to display above the heading.
|
|
86
|
+
* Image height is fixed depending on `size` prop, width is undefined to preserve aspect ratio.
|
|
87
|
+
*/
|
|
88
|
+
imageSrc: {
|
|
89
|
+
type: String,
|
|
90
|
+
default: undefined
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
setup(props) {
|
|
94
|
+
const root = ref();
|
|
95
|
+
const rootClasses = computed(() => ['or-empty-state', ...EmptyStateRoot]);
|
|
96
|
+
const imageClasses = computed(() => ['or-empty-state_image', ...EmptyStateImage, ...EmptyStateImageSizes[props.size]]);
|
|
97
|
+
const headingClasses = computed(() => ['or-empty-state_heading', ...EmptyStateHeading, ...EmptyStateHeadingSizes[props.size]]);
|
|
98
|
+
const textClasses = computed(() => ['or-empty-state_text', ...EmptyStateText, ...EmptyStateTextSizes[props.size]]);
|
|
99
|
+
const slotClasses = computed(() => ['or-empty-state_content', ...EmptyStateContent, ...EmptyStateContentSizes[props.size]]);
|
|
100
|
+
return {
|
|
101
|
+
root,
|
|
102
|
+
rootClasses,
|
|
103
|
+
imageClasses,
|
|
104
|
+
headingClasses,
|
|
105
|
+
textClasses,
|
|
106
|
+
slotClasses
|
|
107
|
+
};
|
|
108
|
+
}
|
|
109
|
+
});
|
|
110
|
+
|
|
111
|
+
const _hoisted_1 = ["src"];
|
|
112
|
+
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
113
|
+
return openBlock(), createElementBlock("div", {
|
|
114
|
+
ref: "root",
|
|
115
|
+
class: normalizeClass(_ctx.rootClasses)
|
|
116
|
+
}, [_ctx.imageSrc ? (openBlock(), createElementBlock("img", {
|
|
117
|
+
key: 0,
|
|
118
|
+
src: _ctx.imageSrc,
|
|
119
|
+
class: normalizeClass(_ctx.imageClasses),
|
|
120
|
+
alt: ""
|
|
121
|
+
}, null, 10 /* CLASS, PROPS */, _hoisted_1)) : createCommentVNode("v-if", true), createElementVNode("div", {
|
|
122
|
+
class: normalizeClass(_ctx.headingClasses)
|
|
123
|
+
}, toDisplayString(_ctx.heading), 3 /* TEXT, CLASS */), _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
|
|
124
|
+
key: 1,
|
|
125
|
+
class: normalizeClass(_ctx.slotClasses)
|
|
126
|
+
}, [createCommentVNode(" @slot Additional content can be inserted via default slot. The slot uses the same font as a `text` prop. "), renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
|
|
127
|
+
class: normalizeClass(_ctx.textClasses)
|
|
128
|
+
}, toDisplayString(_ctx.text), 3 /* TEXT, CLASS */)], 2 /* CLASS */);
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
script.render = render;
|
|
132
|
+
script.__file = "src/components/or-empty-state-v3/OrEmptyState.vue";
|
|
133
|
+
|
|
134
|
+
export { EmptyStateSize, script as OrEmptyStateV3 };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { EmptyStateSize } from './props';
|
|
2
|
+
export declare const EmptyStateRoot: string[];
|
|
3
|
+
export declare const EmptyStateImage: string[];
|
|
4
|
+
export declare const EmptyStateImageSizes: Record<EmptyStateSize, string[]>;
|
|
5
|
+
export declare const EmptyStateHeading: string[];
|
|
6
|
+
export declare const EmptyStateHeadingSizes: Record<EmptyStateSize, string[]>;
|
|
7
|
+
export declare const EmptyStateText: string[];
|
|
8
|
+
export declare const EmptyStateContent: string[];
|
|
9
|
+
export declare const EmptyStateTextSizes: Record<EmptyStateSize, string[]>;
|
|
10
|
+
export declare const EmptyStateContentSizes: Record<EmptyStateSize, string[]>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-
|
|
1
|
+
export { s as OrSearchV3 } from '../../OrSearch.vue_vue_type_script_lang-1d2a20e0.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';
|
|
5
|
-
import '../../OrInput-
|
|
5
|
+
import '../../OrInput-e97211bb.js';
|
|
6
6
|
import '../../OrInput.vue_vue_type_script_lang-f6d793d3.js';
|
|
7
7
|
import '../../OrHint-9592499e.js';
|
|
8
8
|
import '../../OrError.vue_vue_type_script_lang-cc6c135f.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-
|
|
1
|
+
export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-619d6eb7.js';
|
|
2
2
|
export { a as SelectSize } from '../../OrInputBox.vue_vue_type_script_lang-5ee4ee45.js';
|
|
3
3
|
import 'vue';
|
|
4
4
|
import '../../OrCheckbox.vue_vue_type_script_lang-8b36e06c.js';
|
|
@@ -12,7 +12,7 @@ import '../../OrHint.vue_vue_type_script_lang-8e657168.js';
|
|
|
12
12
|
import '../../OrExpansionPanel.vue_vue_type_script_lang-7f9c6721.js';
|
|
13
13
|
import '../../OrIcon-d878b768.js';
|
|
14
14
|
import '../../OrIcon.vue_vue_type_script_lang-a119a715.js';
|
|
15
|
-
import '../../OrInput-
|
|
15
|
+
import '../../OrInput-e97211bb.js';
|
|
16
16
|
import '../../OrInput.vue_vue_type_script_lang-f6d793d3.js';
|
|
17
17
|
import '../../OrIconButton-4bd33e3c.js';
|
|
18
18
|
import '../../OrIconButton.vue_vue_type_script_lang-641f6e06.js';
|