@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.
Files changed (47) hide show
  1. package/dist/bundled/v2/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -1
  2. package/dist/bundled/v2/index.js +1 -1
  3. package/dist/bundled/v3/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -1
  4. package/dist/bundled/v3/index.js +1 -1
  5. package/dist/esm/v2/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -1
  6. package/dist/esm/v3/OrInput-4f55c0eb.js +1 -1
  7. package/dist/esm/v3/{OrInputBox-634230b1.js → OrInputBox-542d2f2c.js} +1 -1
  8. package/dist/esm/v3/OrSearch-d74891a5.js +1 -1
  9. package/dist/esm/v3/OrSelect-b3a233cc.js +1 -1
  10. package/dist/esm/v3/OrTextarea-98895b2a.js +1 -1
  11. package/dist/esm/v3/components/index.js +1 -1
  12. package/dist/esm/v3/components/or-card-collection-v3/index.js +1 -1
  13. package/dist/esm/v3/components/or-confirm-v3/index.js +1 -1
  14. package/dist/esm/v3/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -1
  15. package/dist/esm/v3/components/or-input-box-v3/index.js +2 -2
  16. package/dist/esm/v3/components/or-input-v3/index.js +1 -1
  17. package/dist/esm/v3/components/or-search-v3/index.js +1 -1
  18. package/dist/esm/v3/components/or-select-v3/index.js +1 -1
  19. package/dist/esm/v3/components/or-textarea-v3/index.js +1 -1
  20. package/dist/esm/v3/index.js +1 -1
  21. package/package.json +10 -2
  22. package/src/components/or-input-box-v3/OrInputBox.vue +1 -1
  23. package/src/utils/functions/text.ts +2 -2
  24. package/dist/bundled/v2/components/or-empty-state-v3/OrEmptyState.stories3.d.ts +0 -39
  25. package/dist/bundled/v2/components/or-empty-state-v3/OrEmptyState.vue.d.ts +0 -109
  26. package/dist/bundled/v2/components/or-empty-state-v3/index.d.ts +0 -2
  27. package/dist/bundled/v2/components/or-empty-state-v3/index.js +0 -131
  28. package/dist/bundled/v2/components/or-empty-state-v3/types.d.ts +0 -2
  29. package/dist/bundled/v3/components/or-empty-state-v3/OrEmptyState.stories3.d.ts +0 -39
  30. package/dist/bundled/v3/components/or-empty-state-v3/OrEmptyState.vue.d.ts +0 -109
  31. package/dist/bundled/v3/components/or-empty-state-v3/index.d.ts +0 -2
  32. package/dist/bundled/v3/components/or-empty-state-v3/index.js +0 -111
  33. package/dist/bundled/v3/components/or-empty-state-v3/types.d.ts +0 -2
  34. package/dist/esm/v2/components/or-empty-state-v3/OrEmptyState.stories3.d.ts +0 -39
  35. package/dist/esm/v2/components/or-empty-state-v3/OrEmptyState.vue.d.ts +0 -109
  36. package/dist/esm/v2/components/or-empty-state-v3/index.d.ts +0 -2
  37. package/dist/esm/v2/components/or-empty-state-v3/index.js +0 -129
  38. package/dist/esm/v2/components/or-empty-state-v3/types.d.ts +0 -2
  39. package/dist/esm/v3/components/or-empty-state-v3/OrEmptyState.stories3.d.ts +0 -39
  40. package/dist/esm/v3/components/or-empty-state-v3/OrEmptyState.vue.d.ts +0 -109
  41. package/dist/esm/v3/components/or-empty-state-v3/index.d.ts +0 -2
  42. package/dist/esm/v3/components/or-empty-state-v3/index.js +0 -111
  43. package/dist/esm/v3/components/or-empty-state-v3/types.d.ts +0 -2
  44. package/src/components/or-empty-state-v3/OrEmptyState.stories3.ts +0 -203
  45. package/src/components/or-empty-state-v3/OrEmptyState.vue +0 -101
  46. package/src/components/or-empty-state-v3/index.ts +0 -2
  47. 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-634230b1.js';
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-634230b1.js';
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-634230b1.js';
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-634230b1.js';
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-634230b1.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-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-634230b1.js';
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-634230b1.js';
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-634230b1.js';
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-634230b1.js';
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-634230b1.js';
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-634230b1.js';
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-634230b1.js';
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';
@@ -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-634230b1.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-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.2003.0",
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,2 +0,0 @@
1
- export { default as OrEmptyStateV3 } from './OrEmptyState.vue';
2
- export * from './types';
@@ -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,2 +0,0 @@
1
- import { LoaderVariant } from '../or-loader-v3';
2
- export declare type EmptyStateLoader = boolean | LoaderVariant | undefined;
@@ -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>)>;