@onereach/ui-components 2.68.0-beta.2003.0 → 2.68.0-beta.2016.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/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -1
- package/dist/bundled/v2/index.js +1 -1
- package/dist/bundled/v3/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -1
- package/dist/bundled/v3/index.js +1 -1
- package/dist/esm/v2/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -1
- package/dist/esm/v3/OrInput-4f55c0eb.js +1 -1
- package/dist/esm/v3/{OrInputBox-634230b1.js → OrInputBox-542d2f2c.js} +1 -1
- package/dist/esm/v3/OrSearch-d74891a5.js +1 -1
- package/dist/esm/v3/OrSelect-b3a233cc.js +1 -1
- package/dist/esm/v3/OrTextarea-98895b2a.js +1 -1
- package/dist/esm/v3/components/index.js +1 -1
- package/dist/esm/v3/components/or-card-collection-v3/index.js +1 -1
- package/dist/esm/v3/components/or-confirm-v3/index.js +1 -1
- package/dist/esm/v3/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -1
- package/dist/esm/v3/components/or-input-box-v3/index.js +2 -2
- package/dist/esm/v3/components/or-input-v3/index.js +1 -1
- package/dist/esm/v3/components/or-search-v3/index.js +1 -1
- package/dist/esm/v3/components/or-select-v3/index.js +1 -1
- package/dist/esm/v3/components/or-textarea-v3/index.js +1 -1
- package/dist/esm/v3/index.js +1 -1
- package/package.json +10 -2
- package/src/components/or-input-box-v3/OrInputBox.vue +1 -1
- package/src/utils/functions/text.ts +2 -2
- package/dist/bundled/v2/components/or-empty-state-v3/OrEmptyState.stories3.d.ts +0 -39
- package/dist/bundled/v2/components/or-empty-state-v3/OrEmptyState.vue.d.ts +0 -109
- package/dist/bundled/v2/components/or-empty-state-v3/index.d.ts +0 -2
- package/dist/bundled/v2/components/or-empty-state-v3/index.js +0 -131
- package/dist/bundled/v2/components/or-empty-state-v3/types.d.ts +0 -2
- package/dist/bundled/v3/components/or-empty-state-v3/OrEmptyState.stories3.d.ts +0 -39
- package/dist/bundled/v3/components/or-empty-state-v3/OrEmptyState.vue.d.ts +0 -109
- package/dist/bundled/v3/components/or-empty-state-v3/index.d.ts +0 -2
- package/dist/bundled/v3/components/or-empty-state-v3/index.js +0 -111
- package/dist/bundled/v3/components/or-empty-state-v3/types.d.ts +0 -2
- package/dist/esm/v2/components/or-empty-state-v3/OrEmptyState.stories3.d.ts +0 -39
- package/dist/esm/v2/components/or-empty-state-v3/OrEmptyState.vue.d.ts +0 -109
- package/dist/esm/v2/components/or-empty-state-v3/index.d.ts +0 -2
- package/dist/esm/v2/components/or-empty-state-v3/index.js +0 -129
- package/dist/esm/v2/components/or-empty-state-v3/types.d.ts +0 -2
- package/dist/esm/v3/components/or-empty-state-v3/OrEmptyState.stories3.d.ts +0 -39
- package/dist/esm/v3/components/or-empty-state-v3/OrEmptyState.vue.d.ts +0 -109
- package/dist/esm/v3/components/or-empty-state-v3/index.d.ts +0 -2
- package/dist/esm/v3/components/or-empty-state-v3/index.js +0 -111
- package/dist/esm/v3/components/or-empty-state-v3/types.d.ts +0 -2
- package/src/components/or-empty-state-v3/OrEmptyState.stories3.ts +0 -203
- package/src/components/or-empty-state-v3/OrEmptyState.vue +0 -101
- package/src/components/or-empty-state-v3/index.ts +0 -2
- package/src/components/or-empty-state-v3/types.ts +0 -3
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue-demi';
|
|
2
|
-
import { InputBoxVariant } from '
|
|
2
|
+
import { InputBoxVariant } from './props';
|
|
3
3
|
import { InputBoxSize } from './props';
|
|
4
4
|
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
5
5
|
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
@@ -5,7 +5,7 @@ import { s as script$1 } from './OrError-19a62a18.js';
|
|
|
5
5
|
import { s as script$2 } from './OrHint-73835593.js';
|
|
6
6
|
import { s as script$4 } from './OrIconButton-85abafab.js';
|
|
7
7
|
import { s as script$3 } from './OrIcon-e2fa4cf8.js';
|
|
8
|
-
import { s as script$5, a as InputBoxSize } from './OrInputBox-
|
|
8
|
+
import { s as script$5, a as InputBoxSize } from './OrInputBox-542d2f2c.js';
|
|
9
9
|
import { s as script$6 } from './OrLabel-7d4fe80b.js';
|
|
10
10
|
import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelDynamic, withModifiers, Fragment, createSlots } from 'vue';
|
|
11
11
|
import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, ref, computed } from 'vue-demi';
|
|
2
|
-
import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
|
|
3
2
|
import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
|
|
4
3
|
import '@vueuse/core';
|
|
4
|
+
import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
|
|
5
5
|
|
|
6
6
|
var InputBoxVariant;
|
|
7
7
|
(function (InputBoxVariant) {
|
|
@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
|
|
|
2
2
|
import { debouncedWatch } from '@vueuse/core';
|
|
3
3
|
import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
|
|
4
4
|
import { s as script$1 } from './OrInput-4f55c0eb.js';
|
|
5
|
-
import { a as InputBoxSize } from './OrInputBox-
|
|
5
|
+
import { a as InputBoxSize } from './OrInputBox-542d2f2c.js';
|
|
6
6
|
import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
|
|
7
7
|
|
|
8
8
|
var script = defineComponent({
|
|
@@ -8,7 +8,7 @@ import { s as script$2 } from './OrError-19a62a18.js';
|
|
|
8
8
|
import { s as script$3 } from './OrExpansionPanel-65afdfad.js';
|
|
9
9
|
import { s as script$4 } from './OrHint-73835593.js';
|
|
10
10
|
import { s as script$5 } from './OrIcon-e2fa4cf8.js';
|
|
11
|
-
import { s as script$7, a as InputBoxSize } from './OrInputBox-
|
|
11
|
+
import { s as script$7, a as InputBoxSize } from './OrInputBox-542d2f2c.js';
|
|
12
12
|
import { s as script$6 } from './OrInput-4f55c0eb.js';
|
|
13
13
|
import { s as script$8 } from './OrLabel-7d4fe80b.js';
|
|
14
14
|
import { s as script$9 } from './OrMenuItem-d001f0f6.js';
|
|
@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
|
|
|
3
3
|
import '@vueuse/core';
|
|
4
4
|
import { s as script$1 } from './OrError-19a62a18.js';
|
|
5
5
|
import { s as script$2 } from './OrHint-73835593.js';
|
|
6
|
-
import { s as script$3, a as InputBoxSize } from './OrInputBox-
|
|
6
|
+
import { s as script$3, a as InputBoxSize } from './OrInputBox-542d2f2c.js';
|
|
7
7
|
import { s as script$4 } from './OrLabel-7d4fe80b.js';
|
|
8
8
|
import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withDirectives, createElementVNode, mergeProps, vModelText, Fragment, createSlots } from 'vue';
|
|
9
9
|
import { s as styleInject } from './style-inject.es-4c6f2515.js';
|
|
@@ -33,7 +33,7 @@ export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3
|
|
|
33
33
|
export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-299e2275.js';
|
|
34
34
|
export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-1aa477b5.js';
|
|
35
35
|
export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-40ee5ffb.js';
|
|
36
|
-
export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-
|
|
36
|
+
export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-542d2f2c.js';
|
|
37
37
|
export { I as InputType, s as OrInputV3 } from '../OrInput-4f55c0eb.js';
|
|
38
38
|
export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from '../OrSearch-7cb2c91c.js';
|
|
39
39
|
export { s as OrLabel } from '../OrLabel-876f8729.js';
|
|
@@ -17,7 +17,7 @@ import '../../OrTeleport.vue3-8099178c.js';
|
|
|
17
17
|
import '../../OrInput-4f55c0eb.js';
|
|
18
18
|
import '../../OrError-19a62a18.js';
|
|
19
19
|
import '../../OrHint-73835593.js';
|
|
20
|
-
import '../../OrInputBox-
|
|
20
|
+
import '../../OrInputBox-542d2f2c.js';
|
|
21
21
|
import '../../OrLabel-7d4fe80b.js';
|
|
22
22
|
import '../../style-inject.es-4c6f2515.js';
|
|
23
23
|
import '../../OrSortHeader-9d645226.js';
|
|
@@ -18,7 +18,7 @@ import '../../OrPopover-94a8f21d.js';
|
|
|
18
18
|
import '@floating-ui/dom';
|
|
19
19
|
import '../../useResponsive-a02e95b7.js';
|
|
20
20
|
import '../../OrBottomSheet-0eb33b18.js';
|
|
21
|
-
import '../../OrInputBox-
|
|
21
|
+
import '../../OrInputBox-542d2f2c.js';
|
|
22
22
|
import '../../OrLabel-7d4fe80b.js';
|
|
23
23
|
import '../../style-inject.es-4c6f2515.js';
|
|
24
24
|
import '@vueuse/math';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue-demi';
|
|
2
|
-
import { InputBoxVariant } from '
|
|
2
|
+
import { InputBoxVariant } from './props';
|
|
3
3
|
import { InputBoxSize } from './props';
|
|
4
4
|
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
5
5
|
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { a as InputBoxSize, I as InputBoxVariant, s as OrInputBoxV3 } from '../../OrInputBox-
|
|
1
|
+
export { a as InputBoxSize, I as InputBoxVariant, s as OrInputBoxV3 } from '../../OrInputBox-542d2f2c.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
|
-
import 'vue';
|
|
4
3
|
import '../../useClassAttribute-47fdb016.js';
|
|
5
4
|
import '@vueuse/core';
|
|
5
|
+
import 'vue';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { I as InputType, s as OrInputV3 } from '../../OrInput-4f55c0eb.js';
|
|
2
|
-
export { a as InputSize } from '../../OrInputBox-
|
|
2
|
+
export { a as InputSize } from '../../OrInputBox-542d2f2c.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import '../../useClassAttribute-47fdb016.js';
|
|
5
5
|
import '@vueuse/core';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { s as OrSearchV3 } from '../../OrSearch-d74891a5.js';
|
|
2
|
-
export { a as SearchSize } from '../../OrInputBox-
|
|
2
|
+
export { a as SearchSize } from '../../OrInputBox-542d2f2c.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import '@vueuse/core';
|
|
5
5
|
import '../../useClassAttribute-47fdb016.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { s as OrSelectV3 } from '../../OrSelect-b3a233cc.js';
|
|
2
|
-
export { a as SelectSize } from '../../OrInputBox-
|
|
2
|
+
export { a as SelectSize } from '../../OrInputBox-542d2f2c.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import '../../dropdown-open-0d314aa4.js';
|
|
5
5
|
import '../../useClassAttribute-47fdb016.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { s as OrTextareaV3 } from '../../OrTextarea-98895b2a.js';
|
|
2
|
-
export { a as TextareaSize } from '../../OrInputBox-
|
|
2
|
+
export { a as TextareaSize } from '../../OrInputBox-542d2f2c.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import '../../useClassAttribute-47fdb016.js';
|
|
5
5
|
import '@vueuse/core';
|
package/dist/esm/v3/index.js
CHANGED
|
@@ -33,7 +33,7 @@ export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3
|
|
|
33
33
|
export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-299e2275.js';
|
|
34
34
|
export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-1aa477b5.js';
|
|
35
35
|
export { s as OrInlineTextareaV3 } from './OrInlineTextarea-40ee5ffb.js';
|
|
36
|
-
export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-
|
|
36
|
+
export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-542d2f2c.js';
|
|
37
37
|
export { I as InputType, s as OrInputV3 } from './OrInput-4f55c0eb.js';
|
|
38
38
|
export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from './OrSearch-7cb2c91c.js';
|
|
39
39
|
export { s as OrLabel } from './OrLabel-876f8729.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onereach/ui-components",
|
|
3
|
-
"version": "2.68.0-beta.
|
|
3
|
+
"version": "2.68.0-beta.2016.0",
|
|
4
4
|
"description": "Vue components library for v2/3",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./dist/auto/index.js",
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"@vue/composition-api": ">=1",
|
|
74
74
|
"@vueuse/core": ">=9",
|
|
75
75
|
"lodash": ">=4.17.21",
|
|
76
|
-
"portal-vue": ">=2.1.7",
|
|
76
|
+
"portal-vue": ">=2.1.7 <3.0.0",
|
|
77
77
|
"vue": ">=2.6.14 || >=3.0.5"
|
|
78
78
|
},
|
|
79
79
|
"peerDependenciesMeta": {
|
|
@@ -106,6 +106,14 @@
|
|
|
106
106
|
"types": "./dist/auto/hooks/index.d.ts",
|
|
107
107
|
"default": "./dist/auto/hooks/index.js"
|
|
108
108
|
},
|
|
109
|
+
"./esm/v2/*": {
|
|
110
|
+
"types": "./dist/esm/v2/components/*/index.d.ts",
|
|
111
|
+
"default": "./dist/esm/v2/components/*/index.js"
|
|
112
|
+
},
|
|
113
|
+
"./esm/v3/*": {
|
|
114
|
+
"types": "./dist/esm/v3/components/*/index.d.ts",
|
|
115
|
+
"default": "./dist/esm/v3/components/*/index.js"
|
|
116
|
+
},
|
|
109
117
|
"./esm-css/v2/*": {
|
|
110
118
|
"types": "./dist/esm-css/v2/components/*/index.d.ts",
|
|
111
119
|
"default": "./dist/esm-css/v2/components/*/index.js"
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
|
|
14
14
|
<script lang="ts">
|
|
15
15
|
import { computed, defineComponent, PropType, ref } from 'vue-demi';
|
|
16
|
-
import { InputBoxVariant } from '
|
|
16
|
+
import { InputBoxVariant } from './props';
|
|
17
17
|
import { useClassAttribute } from '../../hooks';
|
|
18
18
|
import { InputBoxSize } from './props';
|
|
19
19
|
import { InputBoxRoot, InputBoxRootSizes, InputBoxRootVariants } from './styles';
|
|
@@ -2,7 +2,7 @@ import { RX_ABBREVIATION_FROM_STRING } from '../constants/regex';
|
|
|
2
2
|
|
|
3
3
|
export function getAbbreviation(text: string | null, limit?: number): string {
|
|
4
4
|
if (typeof text != 'string' || !text) return '';
|
|
5
|
-
return (text.match(RX_ABBREVIATION_FROM_STRING) ?? [])
|
|
6
|
-
.reduce((previous, next) => previous + ((+next === 0 || parseInt(next)) ? parseInt(next) : next[0] || ''), '')
|
|
5
|
+
return ((text.match(RX_ABBREVIATION_FROM_STRING) ?? []) as string[])
|
|
6
|
+
.reduce((previous: string, next: string) => previous + ((+next === 0 || parseInt(next)) ? parseInt(next) : next[0] || ''), '')
|
|
7
7
|
.toUpperCase().substring(0, limit);
|
|
8
8
|
}
|
|
@@ -1,39 +0,0 @@
|
|
|
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 LinearLoader: 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 CircularLoader: 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 MaterialIcon: 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, {
|
|
25
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
26
|
-
} | string[], {} & {}, {
|
|
27
|
-
[x: number]: string;
|
|
28
|
-
} | {}, true>)>;
|
|
29
|
-
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, {
|
|
30
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
31
|
-
} | string[], {} & {}, {
|
|
32
|
-
[x: number]: string;
|
|
33
|
-
} | {}, true>)>;
|
|
34
|
-
export declare const ExtraContentInSlot: StoryFn<typeof OrEmptyState>;
|
|
35
|
-
export declare const Containers: 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, {
|
|
36
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
37
|
-
} | string[], {} & {}, {
|
|
38
|
-
[x: number]: string;
|
|
39
|
-
} | {}, true>)>;
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
import { LoaderVariant } from '../or-loader-v3';
|
|
2
|
-
import { PropType } from 'vue-demi';
|
|
3
|
-
import { EmptyStateLoader } from '.';
|
|
4
|
-
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {
|
|
5
|
-
loaderVariant(): LoaderVariant | undefined;
|
|
6
|
-
}, {
|
|
7
|
-
/**
|
|
8
|
-
* The heading of the empty state block.
|
|
9
|
-
*/
|
|
10
|
-
heading: {
|
|
11
|
-
type: StringConstructor;
|
|
12
|
-
default: string;
|
|
13
|
-
};
|
|
14
|
-
/**
|
|
15
|
-
* Additional text such as a hint for a user with proposed next steps.
|
|
16
|
-
*/
|
|
17
|
-
text: {
|
|
18
|
-
type: StringConstructor;
|
|
19
|
-
default: string;
|
|
20
|
-
};
|
|
21
|
-
/**
|
|
22
|
-
* Material icon name to display above the heading.
|
|
23
|
-
*/
|
|
24
|
-
icon: {
|
|
25
|
-
type: StringConstructor;
|
|
26
|
-
default: undefined;
|
|
27
|
-
};
|
|
28
|
-
/**
|
|
29
|
-
* Path to the image to display above the heading.
|
|
30
|
-
* Image height is scaled to 48px, width is undefined to preserve aspect ratio.
|
|
31
|
-
*/
|
|
32
|
-
iconSrc: {
|
|
33
|
-
type: StringConstructor;
|
|
34
|
-
default: undefined;
|
|
35
|
-
};
|
|
36
|
-
/**
|
|
37
|
-
* If provided, then loader is being displayed.
|
|
38
|
-
* Accepts booleans and OrLoader::variant values. `true` falls back to 'linear'.
|
|
39
|
-
*/
|
|
40
|
-
loader: {
|
|
41
|
-
type: PropType<EmptyStateLoader>;
|
|
42
|
-
default: boolean;
|
|
43
|
-
};
|
|
44
|
-
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
45
|
-
/**
|
|
46
|
-
* The heading of the empty state block.
|
|
47
|
-
*/
|
|
48
|
-
heading: {
|
|
49
|
-
type: StringConstructor;
|
|
50
|
-
default: string;
|
|
51
|
-
};
|
|
52
|
-
/**
|
|
53
|
-
* Additional text such as a hint for a user with proposed next steps.
|
|
54
|
-
*/
|
|
55
|
-
text: {
|
|
56
|
-
type: StringConstructor;
|
|
57
|
-
default: string;
|
|
58
|
-
};
|
|
59
|
-
/**
|
|
60
|
-
* Material icon name to display above the heading.
|
|
61
|
-
*/
|
|
62
|
-
icon: {
|
|
63
|
-
type: StringConstructor;
|
|
64
|
-
default: undefined;
|
|
65
|
-
};
|
|
66
|
-
/**
|
|
67
|
-
* Path to the image to display above the heading.
|
|
68
|
-
* Image height is scaled to 48px, width is undefined to preserve aspect ratio.
|
|
69
|
-
*/
|
|
70
|
-
iconSrc: {
|
|
71
|
-
type: StringConstructor;
|
|
72
|
-
default: undefined;
|
|
73
|
-
};
|
|
74
|
-
/**
|
|
75
|
-
* If provided, then loader is being displayed.
|
|
76
|
-
* Accepts booleans and OrLoader::variant values. `true` falls back to 'linear'.
|
|
77
|
-
*/
|
|
78
|
-
loader: {
|
|
79
|
-
type: PropType<EmptyStateLoader>;
|
|
80
|
-
default: boolean;
|
|
81
|
-
};
|
|
82
|
-
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
83
|
-
heading: string;
|
|
84
|
-
text: string;
|
|
85
|
-
icon: string;
|
|
86
|
-
iconSrc: string;
|
|
87
|
-
loader: EmptyStateLoader;
|
|
88
|
-
} & {}, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {
|
|
89
|
-
loaderVariant(): LoaderVariant | undefined;
|
|
90
|
-
}, {}, {}, {}, {}, {
|
|
91
|
-
heading: string;
|
|
92
|
-
text: string;
|
|
93
|
-
icon: string;
|
|
94
|
-
iconSrc: string;
|
|
95
|
-
loader: EmptyStateLoader;
|
|
96
|
-
} & {}, {
|
|
97
|
-
heading: string;
|
|
98
|
-
text: string;
|
|
99
|
-
icon: string;
|
|
100
|
-
iconSrc: string;
|
|
101
|
-
loader: EmptyStateLoader;
|
|
102
|
-
}, true>);
|
|
103
|
-
/**
|
|
104
|
-
* The component to display when there is no content on a page,
|
|
105
|
-
* no records found or selected, or while the data is being loaded.
|
|
106
|
-
* Provides a hint to the user on what to do.
|
|
107
|
-
* Consists of text message, optional icon and optional loader.
|
|
108
|
-
*/
|
|
109
|
-
export default _default;
|
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
import '../../index-fa6eb4ca.js';
|
|
2
|
-
import { O as OrIcon } from '../../OrIcon-ce8fd08b.js';
|
|
3
|
-
import { O as OrLoader, L as LoaderVariant } from '../../OrLoader-76f2615f.js';
|
|
4
|
-
import { defineComponent } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
5
|
-
import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
|
|
6
|
-
import 'vue';
|
|
7
|
-
import '../../useClassAttribute-9bf33346.js';
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* The component to display when there is no content on a page,
|
|
11
|
-
* no records found or selected, or while the data is being loaded.
|
|
12
|
-
* Provides a hint to the user on what to do.
|
|
13
|
-
* Consists of text message, optional icon and optional loader.
|
|
14
|
-
*/
|
|
15
|
-
var script = defineComponent({
|
|
16
|
-
name: 'OrEmptyState',
|
|
17
|
-
components: {
|
|
18
|
-
OrIcon,
|
|
19
|
-
OrLoader
|
|
20
|
-
},
|
|
21
|
-
props: {
|
|
22
|
-
/**
|
|
23
|
-
* The heading of the empty state block.
|
|
24
|
-
*/
|
|
25
|
-
heading: {
|
|
26
|
-
type: String,
|
|
27
|
-
default: ''
|
|
28
|
-
},
|
|
29
|
-
/**
|
|
30
|
-
* Additional text such as a hint for a user with proposed next steps.
|
|
31
|
-
*/
|
|
32
|
-
text: {
|
|
33
|
-
type: String,
|
|
34
|
-
default: ''
|
|
35
|
-
},
|
|
36
|
-
/**
|
|
37
|
-
* Material icon name to display above the heading.
|
|
38
|
-
*/
|
|
39
|
-
icon: {
|
|
40
|
-
type: String,
|
|
41
|
-
default: undefined
|
|
42
|
-
},
|
|
43
|
-
/**
|
|
44
|
-
* Path to the image to display above the heading.
|
|
45
|
-
* Image height is scaled to 48px, width is undefined to preserve aspect ratio.
|
|
46
|
-
*/
|
|
47
|
-
iconSrc: {
|
|
48
|
-
type: String,
|
|
49
|
-
default: undefined
|
|
50
|
-
},
|
|
51
|
-
/**
|
|
52
|
-
* If provided, then loader is being displayed.
|
|
53
|
-
* Accepts booleans and OrLoader::variant values. `true` falls back to 'linear'.
|
|
54
|
-
*/
|
|
55
|
-
loader: {
|
|
56
|
-
type: [String, Boolean],
|
|
57
|
-
default: false
|
|
58
|
-
}
|
|
59
|
-
},
|
|
60
|
-
computed: {
|
|
61
|
-
loaderVariant() {
|
|
62
|
-
if (typeof this.loader === 'string') {
|
|
63
|
-
return this.loader;
|
|
64
|
-
} else if (this.loader === true) {
|
|
65
|
-
return LoaderVariant.Linear;
|
|
66
|
-
} else {
|
|
67
|
-
return undefined;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
});
|
|
72
|
-
|
|
73
|
-
/* script */
|
|
74
|
-
const __vue_script__ = script;
|
|
75
|
-
|
|
76
|
-
/* template */
|
|
77
|
-
var __vue_render__ = function () {
|
|
78
|
-
var _vm = this;
|
|
79
|
-
var _h = _vm.$createElement;
|
|
80
|
-
var _c = _vm._self._c || _h;
|
|
81
|
-
return _c('div', {
|
|
82
|
-
staticClass: "empty-state w-full grow flex flex-col justify-center items-center gap-sm"
|
|
83
|
-
}, [_vm.icon ? _c('OrIcon', {
|
|
84
|
-
staticClass: "empty-state_icon w-2xl h-2xl text-[48px] text-on-surface-variant dark:text-on-surface-variant-dark mb-sm",
|
|
85
|
-
attrs: {
|
|
86
|
-
"icon": _vm.icon,
|
|
87
|
-
"size": "inherit"
|
|
88
|
-
}
|
|
89
|
-
}) : _vm._e(), _vm._v(" "), _vm.iconSrc ? _c('img', {
|
|
90
|
-
staticClass: "empty-state_image h-2xl mb-sm",
|
|
91
|
-
attrs: {
|
|
92
|
-
"src": _vm.iconSrc,
|
|
93
|
-
"alt": ""
|
|
94
|
-
}
|
|
95
|
-
}) : _vm._e(), _vm._v(" "), _c('div', {
|
|
96
|
-
staticClass: "empty-state_heading text-on-background dark:text-on-background-dark text-headline-4 font-headline-4"
|
|
97
|
-
}, [_vm._v("\n " + _vm._s(_vm.heading) + "\n ")]), _vm._v(" "), _vm.loader ? _c('div', {
|
|
98
|
-
staticClass: "empty-state_loader max-w-[432px] w-2/5 flex justify-center my-sm"
|
|
99
|
-
}, [_c('OrLoader', {
|
|
100
|
-
attrs: {
|
|
101
|
-
"variant": _vm.loaderVariant
|
|
102
|
-
}
|
|
103
|
-
})], 1) : _vm._e(), _vm._v(" "), _vm.$slots.default ? _c('div', {
|
|
104
|
-
staticClass: "empty-state_content text-center text-outline dark:text-outline-dark text-caption-regular font-caption-regular"
|
|
105
|
-
}, [_vm._t("default")], 2) : _vm._e(), _vm._v(" "), _c('div', {
|
|
106
|
-
staticClass: "empty-state_content text-center text-outline dark:text-outline-dark text-caption-regular font-caption-regular"
|
|
107
|
-
}, [_vm._v("\n " + _vm._s(_vm.text) + "\n ")])], 1);
|
|
108
|
-
};
|
|
109
|
-
var __vue_staticRenderFns__ = [];
|
|
110
|
-
|
|
111
|
-
/* style */
|
|
112
|
-
const __vue_inject_styles__ = undefined;
|
|
113
|
-
/* scoped */
|
|
114
|
-
const __vue_scope_id__ = "data-v-58e2742a";
|
|
115
|
-
/* module identifier */
|
|
116
|
-
const __vue_module_identifier__ = undefined;
|
|
117
|
-
/* functional template */
|
|
118
|
-
const __vue_is_functional_template__ = false;
|
|
119
|
-
/* style inject */
|
|
120
|
-
|
|
121
|
-
/* style inject SSR */
|
|
122
|
-
|
|
123
|
-
/* style inject shadow dom */
|
|
124
|
-
|
|
125
|
-
const __vue_component__ = /*#__PURE__*/normalizeComponent({
|
|
126
|
-
render: __vue_render__,
|
|
127
|
-
staticRenderFns: __vue_staticRenderFns__
|
|
128
|
-
}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
|
|
129
|
-
var __vue_component__$1 = __vue_component__;
|
|
130
|
-
|
|
131
|
-
export { __vue_component__$1 as OrEmptyStateV3 };
|
|
@@ -1,39 +0,0 @@
|
|
|
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 LinearLoader: 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 CircularLoader: 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 MaterialIcon: 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, {
|
|
25
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
26
|
-
} | string[], {} & {}, {
|
|
27
|
-
[x: number]: string;
|
|
28
|
-
} | {}, true>)>;
|
|
29
|
-
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, {
|
|
30
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
31
|
-
} | string[], {} & {}, {
|
|
32
|
-
[x: number]: string;
|
|
33
|
-
} | {}, true>)>;
|
|
34
|
-
export declare const ExtraContentInSlot: StoryFn<typeof OrEmptyState>;
|
|
35
|
-
export declare const Containers: 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, {
|
|
36
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
37
|
-
} | string[], {} & {}, {
|
|
38
|
-
[x: number]: string;
|
|
39
|
-
} | {}, true>)>;
|