@onereach/ui-components 2.70.0-beta.2131.0 → 2.70.0-beta.2159.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/{OrAvatar-2fa559e1.js → OrAvatar-ae61bfb9.js} +41 -15
- package/dist/bundled/v2/{OrButton-0e91a808.js → OrButton-4b99c680.js} +5 -1
- package/dist/bundled/v2/{OrCard-58a1ba3e.js → OrCard-29116e1f.js} +2 -2
- package/dist/bundled/v2/OrCardCollection-c4209a92.js +350 -0
- package/dist/bundled/v2/OrCode-be1bd373.js +4255 -0
- package/dist/bundled/v2/{OrConfirm-18c534df.js → OrConfirm-cab6535b.js} +1 -1
- package/dist/bundled/v2/OrEmptyState-9fb413f9.js +160 -0
- package/dist/bundled/v2/{OrRichTextEditor-63ef1357.js → OrRichTextEditor-5843ecda.js} +13803 -20711
- package/dist/bundled/v2/{OrSearch-9d402f56.js → OrSearch-76b002cf.js} +10 -4
- package/dist/bundled/v2/{OrSortHeader-396e6a7c.js → OrSortHeader-9932d28f.js} +2 -2
- package/dist/bundled/v2/codemirrorView-14f6685c.js +7136 -0
- package/dist/bundled/v2/components/index.d.ts +1 -0
- package/dist/bundled/v2/components/index.js +13 -10
- package/dist/bundled/v2/components/or-avatar-v3/OrAvatar.stories3.d.ts +1 -1
- package/dist/bundled/v2/components/or-avatar-v3/OrAvatar.vue.d.ts +11 -0
- package/dist/bundled/v2/components/or-avatar-v3/index.js +2 -1
- package/dist/bundled/v2/components/or-avatar-v3/props.d.ts +2 -1
- package/dist/bundled/v2/components/or-avatar-v3/styles.d.ts +2 -0
- package/dist/bundled/v2/components/or-button-v3/index.js +1 -1
- package/dist/bundled/v2/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +10 -0
- package/dist/bundled/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts +87 -40
- package/dist/bundled/v2/components/or-card-collection-v3/OrCardCollectionView.vue2.vue.d.ts +35 -0
- package/dist/bundled/v2/components/or-card-collection-v3/index.js +7 -4
- package/dist/bundled/v2/components/or-card-collection-v3/props.d.ts +5 -1
- package/dist/bundled/v2/components/or-card-collection-v3/styles.d.ts +2 -2
- package/dist/bundled/v2/components/or-card-collection-v3/types.d.ts +8 -3
- package/dist/bundled/v2/components/or-card-v3/index.js +1 -1
- package/dist/bundled/v2/components/or-code/index.js +3 -2
- package/dist/bundled/v2/components/or-confirm-v3/index.js +2 -2
- package/dist/bundled/v2/components/or-empty-state-v3/OrEmptyState.vue.d.ts +1 -1
- package/dist/bundled/v2/components/or-empty-state-v3/index.js +3 -159
- package/dist/bundled/v2/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -2
- package/dist/bundled/v2/components/or-rich-text-editor-v3/index.js +4 -2
- package/dist/bundled/v2/components/or-rich-text-editor-v3/utils/codemirror/codemirrorNode.d.ts +3 -0
- package/dist/bundled/v2/components/or-rich-text-editor-v3/utils/codemirror/codemirrorView.d.ts +45 -0
- package/dist/bundled/v2/components/or-rich-text-editor-v3/utils/codemirror/index.d.ts +1 -0
- package/dist/bundled/v2/components/or-rich-text-editor-v3/utils/codemirror/index.js +2 -0
- package/dist/bundled/v2/components/or-rich-text-editor-v3/utils/codemirror/types.d.ts +19 -0
- package/dist/bundled/v2/components/or-search-v3/OrSearch.vue.d.ts +15 -2
- package/dist/bundled/v2/components/or-search-v3/index.js +1 -1
- package/dist/bundled/v2/components/or-sort-header-v3/index.js +1 -1
- package/dist/bundled/v2/index-46cc379c.js +12186 -0
- package/dist/bundled/v2/index-780d00b0.js +13307 -0
- package/dist/bundled/v2/index.js +14 -11
- package/dist/bundled/v3/{OrAvatar.vue_vue_type_script_lang-22e46ce1.js → OrAvatar.vue_vue_type_script_lang-0426862b.js} +35 -13
- package/dist/bundled/v3/OrButton-a671b8a1.js +33 -0
- package/dist/bundled/v3/{OrButton.vue_vue_type_script_lang-3718b300.js → OrButton.vue_vue_type_script_lang-b0dc31ca.js} +5 -1
- package/dist/bundled/v3/OrCardCollection.vue_vue_type_script_lang-9a2ae9a3.js +236 -0
- package/dist/bundled/v3/OrCode.vue_vue_type_script_lang-0f668150.js +4133 -0
- package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-289b5600.js → OrConfirm.vue_vue_type_script_lang-f57ffa1a.js} +6 -36
- package/dist/bundled/v3/OrEmptyState.vue_vue_type_script_lang-da7d6c42.js +111 -0
- package/dist/bundled/v3/{OrIconButton-4bd33e3c.js → OrIconButton-1581013c.js} +1 -1
- package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-641f6e06.js → OrIconButton.vue_vue_type_script_lang-f6f801ff.js} +1 -1
- package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-3a8189f4.js → OrInlineInput.vue_vue_type_script_lang-f29483f4.js} +2 -2
- package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-890b97ab.js → OrInlineTextarea.vue_vue_type_script_lang-cc40af48.js} +2 -2
- package/dist/bundled/v3/OrInput.vue_vue_type_script_lang-f6d793d3.js +2 -2
- package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-00a477f0.js → OrModal.vue_vue_type_script_lang-80a7b906.js} +2 -2
- package/dist/bundled/v3/OrNotification.vue_vue_type_script_lang-fbb35355.js +2 -2
- package/dist/bundled/v3/{OrRichTextEditor.vue_vue_type_script_lang-47fffbd6.js → OrRichTextEditor.vue_vue_type_script_lang-e0dfd695.js} +13803 -20711
- package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-ed78b21f.js → OrSearch.vue_vue_type_script_lang-014ad470.js} +9 -3
- package/dist/bundled/v3/OrSelect.vue_vue_type_script_lang-15285ce4.js +1 -1
- package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-92d9fb12.js → OrTag.vue_vue_type_script_lang-dc6a4011.js} +2 -2
- package/dist/bundled/v3/{OrToastContainer-afb51e5d.js → OrToastContainer-7c3c0b12.js} +1 -1
- package/dist/bundled/v3/codemirrorView-14f6685c.js +7136 -0
- package/dist/bundled/v3/components/index.d.ts +1 -0
- package/dist/bundled/v3/components/index.js +23 -19
- package/dist/bundled/v3/components/or-avatar-v3/OrAvatar.stories3.d.ts +1 -1
- package/dist/bundled/v3/components/or-avatar-v3/OrAvatar.vue.d.ts +11 -0
- package/dist/bundled/v3/components/or-avatar-v3/index.js +3 -1
- package/dist/bundled/v3/components/or-avatar-v3/props.d.ts +2 -1
- package/dist/bundled/v3/components/or-avatar-v3/styles.d.ts +2 -0
- package/dist/bundled/v3/components/or-button-v3/index.js +1 -1
- package/dist/bundled/v3/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +10 -0
- package/dist/bundled/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts +87 -40
- package/dist/bundled/v3/components/or-card-collection-v3/OrCardCollectionView.vue3.vue.d.ts +35 -0
- package/dist/bundled/v3/components/or-card-collection-v3/index.js +13 -6
- package/dist/bundled/v3/components/or-card-collection-v3/props.d.ts +5 -1
- package/dist/bundled/v3/components/or-card-collection-v3/styles.d.ts +2 -2
- package/dist/bundled/v3/components/or-card-collection-v3/types.d.ts +8 -3
- package/dist/bundled/v3/components/or-code/index.js +3 -2
- package/dist/bundled/v3/components/or-confirm-v3/index.js +5 -4
- package/dist/bundled/v3/components/or-empty-state-v3/OrEmptyState.vue.d.ts +1 -1
- package/dist/bundled/v3/components/or-empty-state-v3/index.js +2 -134
- package/dist/bundled/v3/components/or-icon-button-v3/index.js +1 -1
- package/dist/bundled/v3/components/or-inline-input-v3/index.js +3 -3
- package/dist/bundled/v3/components/or-inline-textarea-v3/index.js +3 -3
- package/dist/bundled/v3/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -2
- package/dist/bundled/v3/components/or-input-v3/index.js +2 -2
- package/dist/bundled/v3/components/or-modal-v3/index.js +3 -3
- package/dist/bundled/v3/components/or-notification-v3/index.js +2 -2
- package/dist/bundled/v3/components/or-rich-text-editor-v3/index.js +6 -4
- package/dist/bundled/v3/components/or-rich-text-editor-v3/utils/codemirror/codemirrorNode.d.ts +3 -0
- package/dist/bundled/v3/components/or-rich-text-editor-v3/utils/codemirror/codemirrorView.d.ts +45 -0
- package/dist/bundled/v3/components/or-rich-text-editor-v3/utils/codemirror/index.d.ts +1 -0
- package/dist/bundled/v3/components/or-rich-text-editor-v3/utils/codemirror/index.js +2 -0
- package/dist/bundled/v3/components/or-rich-text-editor-v3/utils/codemirror/types.d.ts +19 -0
- package/dist/bundled/v3/components/or-search-v3/OrSearch.vue.d.ts +15 -2
- package/dist/bundled/v3/components/or-search-v3/index.js +3 -3
- package/dist/bundled/v3/components/or-select-v3/index.js +3 -3
- package/dist/bundled/v3/components/or-tag-v3/index.js +3 -3
- package/dist/bundled/v3/components/or-toast-v3/index.js +4 -4
- package/dist/bundled/v3/index-44faad6a.js +12186 -0
- package/dist/bundled/v3/index-780d00b0.js +13307 -0
- package/dist/bundled/v3/index.js +415 -351
- package/dist/bundled/v3/{types-6c5eee23.js → types-dcc78caa.js} +2 -2
- package/dist/esm/v2/{OrAvatar-0afdef36.js → OrAvatar-3d155af3.js} +41 -15
- package/dist/esm/v2/{OrButton-357a5756.js → OrButton-357e1e2c.js} +5 -1
- package/dist/esm/v2/OrCardCollection-57d11adf.js +350 -0
- package/dist/esm/v2/{OrCode-41dd5f9b.js → OrCode-d4400b42.js} +6 -4
- package/dist/esm/v2/{OrConfirm-b0b2e43c.js → OrConfirm-ec7aef0e.js} +1 -1
- package/dist/esm/v2/OrEmptyState-2481f13f.js +158 -0
- package/dist/esm/v2/{OrRichTextEditor-c3dee275.js → OrRichTextEditor-2d152db0.js} +59 -11
- package/dist/esm/v2/{OrSearch-ddb7c1fe.js → OrSearch-2f260b09.js} +8 -2
- package/dist/esm/v2/codemirrorView-8ea431d2.js +184 -0
- package/dist/esm/v2/components/index.d.ts +1 -0
- package/dist/esm/v2/components/index.js +13 -7
- package/dist/esm/v2/components/or-avatar-v3/OrAvatar.stories3.d.ts +1 -1
- package/dist/esm/v2/components/or-avatar-v3/OrAvatar.vue.d.ts +11 -0
- package/dist/esm/v2/components/or-avatar-v3/index.js +2 -1
- package/dist/esm/v2/components/or-avatar-v3/props.d.ts +2 -1
- package/dist/esm/v2/components/or-avatar-v3/styles.d.ts +2 -0
- package/dist/esm/v2/components/or-button-v3/index.js +1 -1
- package/dist/esm/v2/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +10 -0
- package/dist/esm/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts +87 -40
- package/dist/esm/v2/components/or-card-collection-v3/OrCardCollectionView.vue2.vue.d.ts +35 -0
- package/dist/esm/v2/components/or-card-collection-v3/index.js +7 -4
- package/dist/esm/v2/components/or-card-collection-v3/props.d.ts +5 -1
- package/dist/esm/v2/components/or-card-collection-v3/styles.d.ts +2 -2
- package/dist/esm/v2/components/or-card-collection-v3/types.d.ts +8 -3
- package/dist/esm/v2/components/or-code/index.js +3 -1
- package/dist/esm/v2/components/or-confirm-v3/index.js +2 -2
- package/dist/esm/v2/components/or-empty-state-v3/OrEmptyState.vue.d.ts +1 -1
- package/dist/esm/v2/components/or-empty-state-v3/index.js +3 -158
- package/dist/esm/v2/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -2
- package/dist/esm/v2/components/or-rich-text-editor-v3/index.js +8 -1
- package/dist/esm/v2/components/or-rich-text-editor-v3/utils/codemirror/codemirrorNode.d.ts +3 -0
- package/dist/esm/v2/components/or-rich-text-editor-v3/utils/codemirror/codemirrorView.d.ts +45 -0
- package/dist/esm/v2/components/or-rich-text-editor-v3/utils/codemirror/index.d.ts +1 -0
- package/dist/esm/v2/components/or-rich-text-editor-v3/utils/codemirror/index.js +5 -0
- package/dist/esm/v2/components/or-rich-text-editor-v3/utils/codemirror/types.d.ts +19 -0
- package/dist/esm/v2/components/or-search-v3/OrSearch.vue.d.ts +15 -2
- package/dist/esm/v2/components/or-search-v3/index.js +1 -1
- package/dist/esm/v2/index.js +13 -7
- package/dist/esm/v3/{OrAvatar-ef88d31c.js → OrAvatar-53a4429d.js} +43 -16
- package/dist/esm/v3/{OrButton-f4b9ee51.js → OrButton-bb6bf8a9.js} +5 -1
- package/dist/esm/v3/OrCardCollection-2a6514f3.js +298 -0
- package/dist/esm/v3/{OrCode-ee19a5e6.js → OrCode-5ed69c23.js} +3 -1
- package/dist/esm/v3/{OrConfirm-906427ef.js → OrConfirm-5d56cbd3.js} +1 -1
- package/dist/esm/v3/OrEmptyState-bb8e3145.js +135 -0
- package/dist/esm/v3/OrInput-41691fb3.js +1 -1
- package/dist/esm/v3/{OrInputBox-5247ab25.js → OrInputBox-6d1b6059.js} +1 -1
- package/dist/esm/v3/{OrRichTextEditor-b2e87342.js → OrRichTextEditor-f1271eb6.js} +58 -10
- package/dist/esm/v3/{OrSearch-cdde55ce.js → OrSearch-e5a2e93e.js} +9 -3
- package/dist/esm/v3/OrSelect-7e813982.js +1 -1
- package/dist/esm/v3/OrTextarea-bb9ef3f2.js +1 -1
- package/dist/esm/v3/codemirrorView-8ea431d2.js +184 -0
- package/dist/esm/v3/components/index.d.ts +1 -0
- package/dist/esm/v3/components/index.js +14 -8
- package/dist/esm/v3/components/or-avatar-v3/OrAvatar.stories3.d.ts +1 -1
- package/dist/esm/v3/components/or-avatar-v3/OrAvatar.vue.d.ts +11 -0
- package/dist/esm/v3/components/or-avatar-v3/index.js +2 -1
- package/dist/esm/v3/components/or-avatar-v3/props.d.ts +2 -1
- package/dist/esm/v3/components/or-avatar-v3/styles.d.ts +2 -0
- package/dist/esm/v3/components/or-button-v3/index.js +1 -1
- package/dist/esm/v3/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +10 -0
- package/dist/esm/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts +87 -40
- package/dist/esm/v3/components/or-card-collection-v3/OrCardCollectionView.vue3.vue.d.ts +35 -0
- package/dist/esm/v3/components/or-card-collection-v3/index.js +8 -5
- package/dist/esm/v3/components/or-card-collection-v3/props.d.ts +5 -1
- package/dist/esm/v3/components/or-card-collection-v3/styles.d.ts +2 -2
- package/dist/esm/v3/components/or-card-collection-v3/types.d.ts +8 -3
- package/dist/esm/v3/components/or-code/index.js +3 -1
- package/dist/esm/v3/components/or-confirm-v3/index.js +3 -3
- package/dist/esm/v3/components/or-empty-state-v3/OrEmptyState.vue.d.ts +1 -1
- package/dist/esm/v3/components/or-empty-state-v3/index.js +3 -135
- package/dist/esm/v3/components/or-input-box-v3/OrInputBox.vue.d.ts +1 -2
- 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-rich-text-editor-v3/index.js +8 -1
- package/dist/esm/v3/components/or-rich-text-editor-v3/utils/codemirror/codemirrorNode.d.ts +3 -0
- package/dist/esm/v3/components/or-rich-text-editor-v3/utils/codemirror/codemirrorView.d.ts +45 -0
- package/dist/esm/v3/components/or-rich-text-editor-v3/utils/codemirror/index.d.ts +1 -0
- package/dist/esm/v3/components/or-rich-text-editor-v3/utils/codemirror/index.js +5 -0
- package/dist/esm/v3/components/or-rich-text-editor-v3/utils/codemirror/types.d.ts +19 -0
- package/dist/esm/v3/components/or-search-v3/OrSearch.vue.d.ts +15 -2
- package/dist/esm/v3/components/or-search-v3/index.js +2 -2
- 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 +14 -8
- package/package.json +2 -1
- package/src/components/index.ts +1 -0
- package/src/components/or-avatar-v3/OrAvatar.stories3.ts +9 -7
- package/src/components/or-avatar-v3/OrAvatar.vue +22 -2
- package/src/components/or-avatar-v3/props.ts +1 -0
- package/src/components/or-avatar-v3/styles.ts +49 -11
- package/src/components/or-button-v3/styles.ts +6 -0
- package/src/components/or-card/OrCard.stories.ts +1 -1
- package/src/components/or-card-collection/OrCardCollection.stories.ts +1 -1
- package/src/components/or-card-collection-v3/OrCardCollection.docs.mdx +4 -0
- package/src/components/or-card-collection-v3/OrCardCollection.stories3.ts +246 -30
- package/src/components/or-card-collection-v3/OrCardCollection.vue +132 -77
- package/src/components/or-card-collection-v3/OrCardCollectionView.vue2.vue +41 -0
- package/src/components/or-card-collection-v3/OrCardCollectionView.vue3.vue +42 -0
- package/src/components/or-card-collection-v3/props.ts +14 -1
- package/src/components/or-card-collection-v3/styles.ts +6 -4
- package/src/components/or-card-collection-v3/types.ts +9 -3
- package/src/components/or-code/OrCode.vue +3 -1
- package/src/components/or-empty-state-v3/OrEmptyState.vue +16 -10
- package/src/components/or-input-box-v3/OrInputBox.vue +1 -2
- package/src/components/or-menu-v3/OrMenu.stories3.ts +1 -1
- package/src/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.ts +2 -0
- package/src/components/or-rich-text-editor-v3/OrRichTextEditor.vue +32 -6
- package/src/components/or-rich-text-editor-v3/utils/codemirror/codemirrorNode.ts +40 -0
- package/src/components/or-rich-text-editor-v3/utils/codemirror/codemirrorView.ts +257 -0
- package/src/components/or-rich-text-editor-v3/utils/codemirror/index.ts +1 -0
- package/src/components/or-rich-text-editor-v3/utils/codemirror/types.ts +22 -0
- package/src/components/or-rich-text-editor-v3/utils/markdown.ts +2 -0
- package/src/components/or-search-v3/OrSearch.stories3.ts +1 -1
- package/src/components/or-search-v3/OrSearch.vue +8 -2
- package/src/components/or-teleport-v3/OrTeleport.stories3.ts +1 -1
- package/dist/bundled/v2/OrCardCollection-a9a779ea.js +0 -228
- package/dist/bundled/v2/OrCode-0cd991a1.js +0 -29579
- package/dist/bundled/v2/index.es-3f39f316.js +0 -115
- package/dist/bundled/v3/OrCardCollection.vue_vue_type_script_lang-3993a015.js +0 -164
- package/dist/bundled/v3/OrCode.vue_vue_type_script_lang-6c5f94a6.js +0 -29457
- package/dist/bundled/v3/index.es-3f39f316.js +0 -115
- package/dist/esm/v2/OrCardCollection-4f001551.js +0 -227
- package/dist/esm/v3/OrCardCollection-5a0febaf.js +0 -198
|
@@ -13,6 +13,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
13
13
|
type: PropType<AvatarSize>;
|
|
14
14
|
default: AvatarSize;
|
|
15
15
|
};
|
|
16
|
+
icon: {
|
|
17
|
+
type: StringConstructor;
|
|
18
|
+
default: undefined;
|
|
19
|
+
};
|
|
16
20
|
color: {
|
|
17
21
|
type: PropType<AvatarColor>;
|
|
18
22
|
default: AvatarColor;
|
|
@@ -32,6 +36,10 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
32
36
|
type: PropType<AvatarSize>;
|
|
33
37
|
default: AvatarSize;
|
|
34
38
|
};
|
|
39
|
+
icon: {
|
|
40
|
+
type: StringConstructor;
|
|
41
|
+
default: undefined;
|
|
42
|
+
};
|
|
35
43
|
color: {
|
|
36
44
|
type: PropType<AvatarColor>;
|
|
37
45
|
default: AvatarColor;
|
|
@@ -45,6 +53,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
45
53
|
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
46
54
|
src: string;
|
|
47
55
|
size: AvatarSize;
|
|
56
|
+
icon: string;
|
|
48
57
|
color: AvatarColor;
|
|
49
58
|
colorSalt: string;
|
|
50
59
|
} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
@@ -54,11 +63,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
54
63
|
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
|
|
55
64
|
src: string;
|
|
56
65
|
size: AvatarSize;
|
|
66
|
+
icon: string;
|
|
57
67
|
color: AvatarColor;
|
|
58
68
|
colorSalt: string;
|
|
59
69
|
} & {}, {
|
|
60
70
|
src: string;
|
|
61
71
|
size: AvatarSize;
|
|
72
|
+
icon: string;
|
|
62
73
|
color: AvatarColor;
|
|
63
74
|
colorSalt: string;
|
|
64
75
|
}, true>);
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../../OrAvatar-
|
|
1
|
+
export { a as AvatarColor, A as AvatarSize, s as OrAvatarV3 } from '../../OrAvatar-53a4429d.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import '../../useClassAttribute-47fdb016.js';
|
|
4
4
|
import '@vueuse/core';
|
|
5
5
|
import '../../color-1f348774.js';
|
|
6
|
+
import '../../OrIcon-b195169c.js';
|
|
6
7
|
import 'vue';
|
|
@@ -3,3 +3,5 @@ export declare const AvatarRoot: string[];
|
|
|
3
3
|
export declare const AvatarImage: string[];
|
|
4
4
|
export declare const AvatarRootSizes: Record<AvatarSize, string[]>;
|
|
5
5
|
export declare const AvatarRootColors: Record<AvatarColor, string[]>;
|
|
6
|
+
export declare const AvatarRootAbbreviationSizes: Record<AvatarSize, string[]>;
|
|
7
|
+
export declare const AvatarRootIconSizes: Record<AvatarSize, string[]>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../../OrButton-
|
|
1
|
+
export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../../OrButton-bb6bf8a9.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import '../../useClassAttribute-47fdb016.js';
|
|
4
4
|
import '@vueuse/core';
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Meta, StoryFn } from '@storybook/vue3';
|
|
2
|
+
import OrCardCollection from './OrCardCollection.vue';
|
|
2
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, {
|
|
3
4
|
[x: string]: ((...args: any[]) => any) | null;
|
|
4
5
|
} | string[], {} & {}, {
|
|
@@ -15,3 +16,12 @@ export declare const WithSorting: StoryFn<import("vue").ComponentOptions<import(
|
|
|
15
16
|
} | string[], {} & {}, {
|
|
16
17
|
[x: number]: string;
|
|
17
18
|
} | {}, true>)>;
|
|
19
|
+
export declare const OverrideViewContainer: StoryFn<typeof OrCardCollection>;
|
|
20
|
+
export declare const ExtraViewMode: StoryFn<typeof OrCardCollection>;
|
|
21
|
+
export declare const WithLink: StoryFn<typeof OrCardCollection>;
|
|
22
|
+
export declare const EmptySearchResults: StoryFn<typeof OrCardCollection>;
|
|
23
|
+
export declare const CustomizeSearch: 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, {
|
|
24
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
25
|
+
} | string[], {} & {}, {
|
|
26
|
+
[x: number]: string;
|
|
27
|
+
} | {}, true>)>;
|
|
@@ -1,40 +1,58 @@
|
|
|
1
1
|
import { PropType } from 'vue-demi';
|
|
2
|
-
import {
|
|
3
|
-
import { CardCollectionView } from './props';
|
|
4
|
-
import { CardCollectionItem, CardCollectionSortHeader } from './types';
|
|
2
|
+
import { CardCollectionItem, SortOption, ViewMode } from './types';
|
|
5
3
|
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
6
4
|
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
5
|
+
sortMenu: import("@vue/composition-api").Ref<(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, {
|
|
6
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
7
|
+
} | string[], {} & {}, {
|
|
8
|
+
[x: number]: string;
|
|
9
|
+
} | {}, true>)) | undefined>;
|
|
10
|
+
sortButton: import("@vue/composition-api").Ref<(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, {
|
|
11
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
12
|
+
} | string[], {} & {}, {
|
|
13
|
+
[x: number]: string;
|
|
14
|
+
} | {}, true>)) | undefined>;
|
|
7
15
|
rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
|
|
8
16
|
toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
9
17
|
toolbarPanelStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
proxySort: import("@vue/composition-api").Ref<{
|
|
13
|
-
column: string;
|
|
14
|
-
direction: "asc" | "desc";
|
|
15
|
-
}>;
|
|
18
|
+
proxyView: import("@vue/composition-api").Ref<string>;
|
|
19
|
+
proxySort: import("@vue/composition-api").Ref<string>;
|
|
16
20
|
proxySearch: import("@vue/composition-api").Ref<string>;
|
|
17
|
-
|
|
18
|
-
|
|
21
|
+
sortLabel: import("@vue/composition-api").ComputedRef<string | undefined>;
|
|
22
|
+
switchView: (view: string) => void;
|
|
23
|
+
handleSort: (sort: string) => void;
|
|
24
|
+
handleSearch: (search: string) => void;
|
|
19
25
|
}> & import("@vue/composition-api").Data, {}, {}, {
|
|
20
26
|
items: {
|
|
21
27
|
type: PropType<CardCollectionItem[]>;
|
|
22
28
|
default: CardCollectionItem[];
|
|
23
29
|
};
|
|
24
30
|
view: {
|
|
25
|
-
type:
|
|
26
|
-
default:
|
|
31
|
+
type: StringConstructor;
|
|
32
|
+
default: string;
|
|
33
|
+
};
|
|
34
|
+
viewModes: {
|
|
35
|
+
type: PropType<ViewMode[]>;
|
|
36
|
+
default: () => ViewMode[];
|
|
27
37
|
};
|
|
28
38
|
sort: {
|
|
29
|
-
type:
|
|
39
|
+
type: StringConstructor;
|
|
30
40
|
default: undefined;
|
|
31
41
|
};
|
|
32
|
-
|
|
33
|
-
type: PropType<
|
|
34
|
-
default:
|
|
42
|
+
sortOptions: {
|
|
43
|
+
type: PropType<SortOption[]>;
|
|
44
|
+
default: () => never[];
|
|
35
45
|
};
|
|
36
46
|
search: {
|
|
37
47
|
type: StringConstructor;
|
|
48
|
+
default: string;
|
|
49
|
+
};
|
|
50
|
+
searchPlaceholder: {
|
|
51
|
+
type: StringConstructor;
|
|
52
|
+
default: undefined;
|
|
53
|
+
};
|
|
54
|
+
searchDebounce: {
|
|
55
|
+
type: NumberConstructor;
|
|
38
56
|
default: undefined;
|
|
39
57
|
};
|
|
40
58
|
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
@@ -43,56 +61,85 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
|
|
|
43
61
|
default: CardCollectionItem[];
|
|
44
62
|
};
|
|
45
63
|
view: {
|
|
46
|
-
type:
|
|
47
|
-
default:
|
|
64
|
+
type: StringConstructor;
|
|
65
|
+
default: string;
|
|
66
|
+
};
|
|
67
|
+
viewModes: {
|
|
68
|
+
type: PropType<ViewMode[]>;
|
|
69
|
+
default: () => ViewMode[];
|
|
48
70
|
};
|
|
49
71
|
sort: {
|
|
50
|
-
type:
|
|
72
|
+
type: StringConstructor;
|
|
51
73
|
default: undefined;
|
|
52
74
|
};
|
|
53
|
-
|
|
54
|
-
type: PropType<
|
|
55
|
-
default:
|
|
75
|
+
sortOptions: {
|
|
76
|
+
type: PropType<SortOption[]>;
|
|
77
|
+
default: () => never[];
|
|
56
78
|
};
|
|
57
79
|
search: {
|
|
58
80
|
type: StringConstructor;
|
|
81
|
+
default: string;
|
|
82
|
+
};
|
|
83
|
+
searchPlaceholder: {
|
|
84
|
+
type: StringConstructor;
|
|
85
|
+
default: undefined;
|
|
86
|
+
};
|
|
87
|
+
searchDebounce: {
|
|
88
|
+
type: NumberConstructor;
|
|
59
89
|
default: undefined;
|
|
60
90
|
};
|
|
61
91
|
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
62
92
|
search: string;
|
|
63
|
-
sort:
|
|
93
|
+
sort: string;
|
|
64
94
|
items: CardCollectionItem[];
|
|
65
|
-
view:
|
|
66
|
-
|
|
95
|
+
view: string;
|
|
96
|
+
viewModes: ViewMode[];
|
|
97
|
+
sortOptions: SortOption[];
|
|
98
|
+
searchPlaceholder: string;
|
|
99
|
+
searchDebounce: number;
|
|
67
100
|
} & {} & {
|
|
68
101
|
[x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
|
|
69
102
|
}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
70
103
|
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
104
|
+
sortMenu: import("@vue/composition-api").Ref<(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, {
|
|
105
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
106
|
+
} | string[], {} & {}, {
|
|
107
|
+
[x: number]: string;
|
|
108
|
+
} | {}, true>)) | undefined>;
|
|
109
|
+
sortButton: import("@vue/composition-api").Ref<(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, {
|
|
110
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
111
|
+
} | string[], {} & {}, {
|
|
112
|
+
[x: number]: string;
|
|
113
|
+
} | {}, true>)) | undefined>;
|
|
71
114
|
rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
|
|
72
115
|
toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
73
116
|
toolbarPanelStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
proxySort: import("@vue/composition-api").Ref<{
|
|
77
|
-
column: string;
|
|
78
|
-
direction: "asc" | "desc";
|
|
79
|
-
}>;
|
|
117
|
+
proxyView: import("@vue/composition-api").Ref<string>;
|
|
118
|
+
proxySort: import("@vue/composition-api").Ref<string>;
|
|
80
119
|
proxySearch: import("@vue/composition-api").Ref<string>;
|
|
81
|
-
|
|
82
|
-
|
|
120
|
+
sortLabel: import("@vue/composition-api").ComputedRef<string | undefined>;
|
|
121
|
+
switchView: (view: string) => void;
|
|
122
|
+
handleSort: (sort: string) => void;
|
|
123
|
+
handleSearch: (search: string) => void;
|
|
83
124
|
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
|
|
84
125
|
search: string;
|
|
85
|
-
sort:
|
|
126
|
+
sort: string;
|
|
86
127
|
items: CardCollectionItem[];
|
|
87
|
-
view:
|
|
88
|
-
|
|
128
|
+
view: string;
|
|
129
|
+
viewModes: ViewMode[];
|
|
130
|
+
sortOptions: SortOption[];
|
|
131
|
+
searchPlaceholder: string;
|
|
132
|
+
searchDebounce: number;
|
|
89
133
|
} & {} & {
|
|
90
134
|
[x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
|
|
91
135
|
}, {
|
|
92
136
|
search: string;
|
|
93
|
-
sort:
|
|
137
|
+
sort: string;
|
|
94
138
|
items: CardCollectionItem[];
|
|
95
|
-
view:
|
|
96
|
-
|
|
139
|
+
view: string;
|
|
140
|
+
viewModes: ViewMode[];
|
|
141
|
+
sortOptions: SortOption[];
|
|
142
|
+
searchPlaceholder: string;
|
|
143
|
+
searchDebounce: number;
|
|
97
144
|
}, true>);
|
|
98
145
|
export default _default;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { PropType } from 'vue-demi';
|
|
2
|
+
import { CardCollectionItem } from './types';
|
|
3
|
+
import { DefaultCardCollectionViews } from './props';
|
|
4
|
+
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
5
|
+
contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
6
|
+
}> & import("@vue/composition-api").Data, {}, {}, {
|
|
7
|
+
items: {
|
|
8
|
+
type: PropType<CardCollectionItem[]>;
|
|
9
|
+
default: CardCollectionItem[];
|
|
10
|
+
};
|
|
11
|
+
mode: {
|
|
12
|
+
type: PropType<DefaultCardCollectionViews>;
|
|
13
|
+
required: true;
|
|
14
|
+
};
|
|
15
|
+
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
16
|
+
items: {
|
|
17
|
+
type: PropType<CardCollectionItem[]>;
|
|
18
|
+
default: CardCollectionItem[];
|
|
19
|
+
};
|
|
20
|
+
mode: {
|
|
21
|
+
type: PropType<DefaultCardCollectionViews>;
|
|
22
|
+
required: true;
|
|
23
|
+
};
|
|
24
|
+
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
25
|
+
items: CardCollectionItem[];
|
|
26
|
+
mode: DefaultCardCollectionViews;
|
|
27
|
+
} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
28
|
+
contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
|
|
29
|
+
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
|
|
30
|
+
items: CardCollectionItem[];
|
|
31
|
+
mode: DefaultCardCollectionViews;
|
|
32
|
+
} & {}, {
|
|
33
|
+
items: CardCollectionItem[];
|
|
34
|
+
}, true>);
|
|
35
|
+
export default _default;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-2a6514f3.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import '../../useClassAttribute-47fdb016.js';
|
|
4
4
|
import '@vueuse/core';
|
|
5
|
-
import '../../OrCard-fd92f7c8.js';
|
|
6
|
-
import 'vue';
|
|
7
5
|
import '../../OrIconButton-1eebcafc.js';
|
|
8
6
|
import '../../OrIcon-b195169c.js';
|
|
7
|
+
import 'vue';
|
|
9
8
|
import '../../OrTooltip-50d27b4f.js';
|
|
10
9
|
import '../../OrPopover-1075dd38.js';
|
|
11
10
|
import '@floating-ui/dom';
|
|
@@ -14,10 +13,14 @@ import '../../useResponsive-a02e95b7.js';
|
|
|
14
13
|
import '../../OrBottomSheet-62817aec.js';
|
|
15
14
|
import '../../OrOverlay-738a44d5.js';
|
|
16
15
|
import '../../OrTeleport.vue3-8099178c.js';
|
|
16
|
+
import '../../OrMenu-840038cd.js';
|
|
17
|
+
import '../../OrMenuItem-9da279f6.js';
|
|
18
|
+
import '../../OrButton-bb6bf8a9.js';
|
|
19
|
+
import '../../OrLoader-b3cf4231.js';
|
|
20
|
+
import '../../OrSearch-e5a2e93e.js';
|
|
17
21
|
import '../../OrInput-41691fb3.js';
|
|
18
22
|
import '../../OrError-ec8c709d.js';
|
|
19
23
|
import '../../OrHint-74bb732d.js';
|
|
20
|
-
import '../../OrInputBox-
|
|
24
|
+
import '../../OrInputBox-6d1b6059.js';
|
|
21
25
|
import '../../OrLabel-bdaec602.js';
|
|
22
26
|
import '../../style-inject.es-4c6f2515.js';
|
|
23
|
-
import '../../OrSortHeader-fe1a9cf8.js';
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import { ViewMode } from './types';
|
|
2
|
+
export declare enum DefaultCardCollectionViews {
|
|
2
3
|
Grid = "grid",
|
|
3
4
|
List = "list"
|
|
4
5
|
}
|
|
6
|
+
export declare const gridView: ViewMode;
|
|
7
|
+
export declare const listView: ViewMode;
|
|
8
|
+
export declare const defaultViewModes: ViewMode[];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { DefaultCardCollectionViews } from './props';
|
|
2
2
|
export declare const CardCollectionRoot: string[];
|
|
3
3
|
export declare const CardCollectionToolbar: string[];
|
|
4
4
|
export declare const CardCollectionToolbarPanel: string[];
|
|
5
5
|
export declare const CardCollectionContent: string[];
|
|
6
|
-
export declare const CardCollectionContentViews: Record<
|
|
6
|
+
export declare const CardCollectionContentViews: Record<DefaultCardCollectionViews, string[]>;
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
export interface CardCollectionItem {
|
|
2
|
-
|
|
2
|
+
key?: string;
|
|
3
|
+
[key: string | number]: any;
|
|
3
4
|
}
|
|
4
|
-
export interface
|
|
5
|
-
|
|
5
|
+
export interface ViewMode {
|
|
6
|
+
view: string;
|
|
7
|
+
icon: string;
|
|
8
|
+
}
|
|
9
|
+
export interface SortOption {
|
|
6
10
|
label: string;
|
|
11
|
+
value: string;
|
|
7
12
|
}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
export { s as OrCode, O as OrCodeLanguages } from '../../OrCode-
|
|
1
|
+
export { s as OrCode, O as OrCodeLanguages } from '../../OrCode-5ed69c23.js';
|
|
2
2
|
import '@codemirror/state';
|
|
3
|
+
import '@codemirror/view';
|
|
4
|
+
import '@codemirror/commands';
|
|
3
5
|
import '@vueuse/core';
|
|
4
6
|
import 'codemirror';
|
|
5
7
|
import 'lodash';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-
|
|
1
|
+
export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-5d56cbd3.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
|
-
import '../../OrButton-
|
|
3
|
+
import '../../OrButton-bb6bf8a9.js';
|
|
4
4
|
import '../../useClassAttribute-47fdb016.js';
|
|
5
5
|
import '@vueuse/core';
|
|
6
6
|
import '../../OrLoader-b3cf4231.js';
|
|
@@ -18,7 +18,7 @@ import '../../OrPopover-1075dd38.js';
|
|
|
18
18
|
import '@floating-ui/dom';
|
|
19
19
|
import '../../useResponsive-a02e95b7.js';
|
|
20
20
|
import '../../OrBottomSheet-62817aec.js';
|
|
21
|
-
import '../../OrInputBox-
|
|
21
|
+
import '../../OrInputBox-6d1b6059.js';
|
|
22
22
|
import '../../OrLabel-bdaec602.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 { EmptyStateSize } from '
|
|
2
|
+
import { EmptyStateSize } from './props';
|
|
3
3
|
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
4
4
|
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
5
5
|
rootClasses: import("@vue/composition-api").ComputedRef<string[]>;
|
|
@@ -1,135 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
var EmptyStateSize;
|
|
5
|
-
(function (EmptyStateSize) {
|
|
6
|
-
EmptyStateSize["L"] = "l";
|
|
7
|
-
EmptyStateSize["M"] = "m";
|
|
8
|
-
})(EmptyStateSize || (EmptyStateSize = {}));
|
|
9
|
-
|
|
10
|
-
const EmptyStateRoot = [
|
|
11
|
-
// Layout
|
|
12
|
-
'grow', 'flex', 'flex-col', 'justify-center', 'items-center',
|
|
13
|
-
// Box
|
|
14
|
-
'w-full',
|
|
15
|
-
// Sizing
|
|
16
|
-
'gap-sm'];
|
|
17
|
-
const EmptyStateImage = [
|
|
18
|
-
// Sizing
|
|
19
|
-
'mb-sm'];
|
|
20
|
-
const EmptyStateImageSizes = {
|
|
21
|
-
[EmptyStateSize.L]: [
|
|
22
|
-
// Box
|
|
23
|
-
'h-3xl'],
|
|
24
|
-
[EmptyStateSize.M]: [
|
|
25
|
-
// Box
|
|
26
|
-
'h-2xl']
|
|
27
|
-
};
|
|
28
|
-
const EmptyStateHeading = [
|
|
29
|
-
// Theme
|
|
30
|
-
'theme-foreground-default', 'dark:theme-foreground-default-dark'];
|
|
31
|
-
const EmptyStateHeadingSizes = {
|
|
32
|
-
[EmptyStateSize.L]: [
|
|
33
|
-
// Typography
|
|
34
|
-
'typography-headline-2'],
|
|
35
|
-
[EmptyStateSize.M]: [
|
|
36
|
-
// Typography
|
|
37
|
-
'typography-headline-4']
|
|
38
|
-
};
|
|
39
|
-
const EmptyStateText = ['text-center',
|
|
40
|
-
// Theme
|
|
41
|
-
'text-outline', 'dark:text-outline-dark'];
|
|
42
|
-
const EmptyStateContent = EmptyStateText;
|
|
43
|
-
const EmptyStateTextSizes = {
|
|
44
|
-
[EmptyStateSize.L]: [
|
|
45
|
-
// Typography
|
|
46
|
-
'typography-body-2-regular'],
|
|
47
|
-
[EmptyStateSize.M]: [
|
|
48
|
-
// Typography
|
|
49
|
-
'typography-caption-regular']
|
|
50
|
-
};
|
|
51
|
-
const EmptyStateContentSizes = EmptyStateTextSizes;
|
|
52
|
-
|
|
53
|
-
/**
|
|
54
|
-
* The component to display when there is no content on a page,
|
|
55
|
-
* no records found or selected, or while the data is being loaded.
|
|
56
|
-
* Provides a hint to the user on what to do.
|
|
57
|
-
* Consists of text message, optional icon and optional loader.
|
|
58
|
-
*/
|
|
59
|
-
var script = defineComponent({
|
|
60
|
-
name: 'OrEmptyState',
|
|
61
|
-
props: {
|
|
62
|
-
/**
|
|
63
|
-
* Size of the component, affects font and icon size.
|
|
64
|
-
* Use Large if the component takes all screen space,
|
|
65
|
-
* and Medium if it is a part of the complex layout.
|
|
66
|
-
*/
|
|
67
|
-
size: {
|
|
68
|
-
type: String,
|
|
69
|
-
default: EmptyStateSize.M
|
|
70
|
-
},
|
|
71
|
-
/**
|
|
72
|
-
* The heading of the empty state block.
|
|
73
|
-
*/
|
|
74
|
-
heading: {
|
|
75
|
-
type: String,
|
|
76
|
-
default: ''
|
|
77
|
-
},
|
|
78
|
-
/**
|
|
79
|
-
* Additional text such as a hint for a user with proposed next steps.
|
|
80
|
-
*/
|
|
81
|
-
text: {
|
|
82
|
-
type: String,
|
|
83
|
-
default: ''
|
|
84
|
-
},
|
|
85
|
-
/**
|
|
86
|
-
* Path to the image to display above the heading.
|
|
87
|
-
* Image height is fixed depending on `size` prop, width is undefined to preserve aspect ratio.
|
|
88
|
-
*/
|
|
89
|
-
imageSrc: {
|
|
90
|
-
type: String,
|
|
91
|
-
default: undefined
|
|
92
|
-
}
|
|
93
|
-
},
|
|
94
|
-
setup(props) {
|
|
95
|
-
const root = ref();
|
|
96
|
-
const rootClasses = computed(() => ['or-empty-state', ...EmptyStateRoot]);
|
|
97
|
-
const imageClasses = computed(() => ['or-empty-state_image', ...EmptyStateImage, ...EmptyStateImageSizes[props.size]]);
|
|
98
|
-
const headingClasses = computed(() => ['or-empty-state_heading', ...EmptyStateHeading, ...EmptyStateHeadingSizes[props.size]]);
|
|
99
|
-
const textClasses = computed(() => ['or-empty-state_text', ...EmptyStateText, ...EmptyStateTextSizes[props.size]]);
|
|
100
|
-
const slotClasses = computed(() => ['or-empty-state_content', ...EmptyStateContent, ...EmptyStateContentSizes[props.size]]);
|
|
101
|
-
return {
|
|
102
|
-
root,
|
|
103
|
-
rootClasses,
|
|
104
|
-
imageClasses,
|
|
105
|
-
headingClasses,
|
|
106
|
-
textClasses,
|
|
107
|
-
slotClasses
|
|
108
|
-
};
|
|
109
|
-
}
|
|
110
|
-
});
|
|
111
|
-
|
|
112
|
-
const _hoisted_1 = ["src"];
|
|
113
|
-
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
114
|
-
return openBlock(), createElementBlock("div", {
|
|
115
|
-
ref: "root",
|
|
116
|
-
class: normalizeClass(_ctx.rootClasses)
|
|
117
|
-
}, [_ctx.imageSrc ? (openBlock(), createElementBlock("img", {
|
|
118
|
-
key: 0,
|
|
119
|
-
src: _ctx.imageSrc,
|
|
120
|
-
class: normalizeClass(_ctx.imageClasses),
|
|
121
|
-
alt: ""
|
|
122
|
-
}, null, 10 /* CLASS, PROPS */, _hoisted_1)) : createCommentVNode("v-if", true), createElementVNode("div", {
|
|
123
|
-
class: normalizeClass(_ctx.headingClasses)
|
|
124
|
-
}, toDisplayString(_ctx.heading), 3 /* TEXT, CLASS */), _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
|
|
125
|
-
key: 1,
|
|
126
|
-
class: normalizeClass(_ctx.slotClasses)
|
|
127
|
-
}, [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", {
|
|
128
|
-
class: normalizeClass(_ctx.textClasses)
|
|
129
|
-
}, toDisplayString(_ctx.text), 3 /* TEXT, CLASS */)], 2 /* CLASS */);
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
script.render = render;
|
|
133
|
-
script.__file = "src/components/or-empty-state-v3/OrEmptyState.vue";
|
|
134
|
-
|
|
135
|
-
export { EmptyStateSize, script as OrEmptyStateV3 };
|
|
1
|
+
export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../../OrEmptyState-bb8e3145.js';
|
|
2
|
+
import 'vue-demi';
|
|
3
|
+
import 'vue';
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue-demi';
|
|
2
|
-
import { InputBoxVariant } from '
|
|
3
|
-
import { InputBoxSize } from './props';
|
|
2
|
+
import { InputBoxSize, InputBoxVariant } from './props';
|
|
4
3
|
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
5
4
|
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
6
5
|
rootStyles: import("@vue/composition-api").ComputedRef<(string | 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-6d1b6059.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-41691fb3.js';
|
|
2
|
-
export { a as InputSize } from '../../OrInputBox-
|
|
2
|
+
export { a as InputSize } from '../../OrInputBox-6d1b6059.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import '../../useClassAttribute-47fdb016.js';
|
|
5
5
|
import '@vueuse/core';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as OrRichTextEditorV3 } from '../../OrRichTextEditor-
|
|
1
|
+
export { s as OrRichTextEditorV3 } from '../../OrRichTextEditor-f1271eb6.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import '../../useClassAttribute-47fdb016.js';
|
|
4
4
|
import '@vueuse/core';
|
|
@@ -36,4 +36,11 @@ import '@tiptap/starter-kit';
|
|
|
36
36
|
import '@tiptap/extension-underline';
|
|
37
37
|
import '@tiptap/extension-heading';
|
|
38
38
|
import '@tiptap/extension-placeholder';
|
|
39
|
+
import '../../codemirrorView-8ea431d2.js';
|
|
40
|
+
import 'prosemirror-state';
|
|
41
|
+
import 'prosemirror-commands';
|
|
42
|
+
import '@codemirror/state';
|
|
43
|
+
import '@codemirror/view';
|
|
44
|
+
import 'codemirror';
|
|
45
|
+
import '@codemirror/lang-javascript';
|
|
39
46
|
import '../../style-inject.es-4c6f2515.js';
|