@maropost-ui/liquidsky-ui 1.0.0-alpha.2 → 1.0.0-alpha.4
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/components/GenericIndexWrapper/classic/types.d.ts +11 -0
- package/dist/components/GenericIndexWrapper/index.d.ts +9 -0
- package/dist/components/GenericIndexWrapper/types.d.ts +65 -0
- package/dist/components/index.d.ts +7 -1
- package/dist/design-tokens/generated/tokens.d.ts +5 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +19328 -17546
- package/dist/types/AlertModalProps.d.ts +2 -0
- package/dist/types/AppDataTableProps.d.ts +14 -0
- package/dist/types/GenericIndexWrapper.d.ts +27 -0
- package/dist/types/index.d.ts +1 -0
- package/package.json +4 -1
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { DraggedFolderItem, FolderCreatePayload, FolderDeletePayload, FolderManageAccessPayload, FolderMoveItemsPayload, FolderMovePayload, FolderNode, FolderRenamePayload, FolderTreeProps } from '../types';
|
|
2
|
+
export type { FolderId, FolderItemId, } from '../types';
|
|
3
|
+
export type ClassicFolderNode = FolderNode;
|
|
4
|
+
export type ClassicDraggedItem = DraggedFolderItem;
|
|
5
|
+
export type ClassicFolderCreatePayload = FolderCreatePayload;
|
|
6
|
+
export type ClassicFolderRenamePayload = FolderRenamePayload;
|
|
7
|
+
export type ClassicFolderDeletePayload = FolderDeletePayload;
|
|
8
|
+
export type ClassicFolderMovePayload = FolderMovePayload;
|
|
9
|
+
export type ClassicFolderMoveItemsPayload = FolderMoveItemsPayload;
|
|
10
|
+
export type ClassicFolderManageAccessPayload = FolderManageAccessPayload;
|
|
11
|
+
export type ClassicFolderTreeProps = FolderTreeProps;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { default as GenericIndexWrapper } from './GenericIndexWrapper.vue';
|
|
2
|
+
export { default as ClassicIndexWrapper } from './classic/ClassicIndexWrapper.vue';
|
|
3
|
+
export { default as ClassicFolderTree } from './classic/ClassicFolderTree.vue';
|
|
4
|
+
export type { ClassicDraggedItem, ClassicFolderCreatePayload, ClassicFolderDeletePayload, ClassicFolderManageAccessPayload, ClassicFolderMoveItemsPayload, ClassicFolderMovePayload, ClassicFolderNode, ClassicFolderRenamePayload, ClassicFolderTreeProps, FolderId, FolderItemId, } from './classic/types';
|
|
5
|
+
export { default as MarobaseIndexWrapper } from './marobase/MarobaseIndexWrapper.vue';
|
|
6
|
+
export { default as MarobaseFolderSelect } from './marobase/MarobaseFolderSelect.vue';
|
|
7
|
+
export { default as MarobaseManageFoldersDrawer } from './marobase/MarobaseManageFoldersDrawer.vue';
|
|
8
|
+
export { default as MarobaseMoveToFolderDialog } from './marobase/MarobaseMoveToFolderDialog.vue';
|
|
9
|
+
export type { DraggedFolderItem, FolderCreatePayload, FolderDeletePayload, FolderItemFolderIdResolver, FolderItemIdResolver, FolderManageAccessPayload, FolderMoveItemsPayload, FolderMovePayload, FolderNode, FolderRenamePayload, FolderTreeProps, } from './types';
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import type { InjectionKey, Ref } from 'vue';
|
|
2
|
+
export type FolderId = string | number;
|
|
3
|
+
export type FolderItemId = string | number;
|
|
4
|
+
export interface FolderNode {
|
|
5
|
+
id: FolderId;
|
|
6
|
+
name: string;
|
|
7
|
+
parentId: FolderId | null;
|
|
8
|
+
count?: number;
|
|
9
|
+
canSelect?: boolean;
|
|
10
|
+
canCreateChild?: boolean;
|
|
11
|
+
canRename?: boolean;
|
|
12
|
+
canDelete?: boolean;
|
|
13
|
+
canMove?: boolean;
|
|
14
|
+
canManageAccess?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export interface DraggedFolderItem {
|
|
17
|
+
id: FolderItemId;
|
|
18
|
+
label?: string;
|
|
19
|
+
}
|
|
20
|
+
export interface FolderCreatePayload {
|
|
21
|
+
name: string;
|
|
22
|
+
parentId: FolderId | null;
|
|
23
|
+
}
|
|
24
|
+
export interface FolderRenamePayload {
|
|
25
|
+
id: FolderId;
|
|
26
|
+
name: string;
|
|
27
|
+
}
|
|
28
|
+
export interface FolderDeletePayload {
|
|
29
|
+
id: FolderId;
|
|
30
|
+
}
|
|
31
|
+
export interface FolderMovePayload {
|
|
32
|
+
id: FolderId;
|
|
33
|
+
parentId: FolderId | null;
|
|
34
|
+
}
|
|
35
|
+
export interface FolderMoveItemsPayload {
|
|
36
|
+
itemIds: FolderItemId[];
|
|
37
|
+
targetFolderId: FolderId | null;
|
|
38
|
+
}
|
|
39
|
+
export interface FolderManageAccessPayload {
|
|
40
|
+
id: FolderId;
|
|
41
|
+
}
|
|
42
|
+
export interface FolderTreeProps {
|
|
43
|
+
folders: FolderNode[];
|
|
44
|
+
rootLabel?: string;
|
|
45
|
+
loading?: boolean;
|
|
46
|
+
disabled?: boolean;
|
|
47
|
+
draggedItems?: DraggedFolderItem[];
|
|
48
|
+
maxNameLength?: number;
|
|
49
|
+
pendingFolderIds?: FolderId[];
|
|
50
|
+
}
|
|
51
|
+
export type FolderItemIdResolver = (item: unknown) => FolderItemId;
|
|
52
|
+
export type FolderItemFolderIdResolver = (item: unknown) => FolderId | null;
|
|
53
|
+
export interface MarobaseFolderContext {
|
|
54
|
+
enabled: Readonly<Ref<boolean>>;
|
|
55
|
+
folders: Readonly<Ref<FolderNode[]>>;
|
|
56
|
+
selectedFolderId: Ref<FolderId | null>;
|
|
57
|
+
rootLabel: Readonly<Ref<string>>;
|
|
58
|
+
totalCount: Readonly<Ref<number | undefined>>;
|
|
59
|
+
loading: Readonly<Ref<boolean>>;
|
|
60
|
+
disabled: Readonly<Ref<boolean>>;
|
|
61
|
+
pendingFolderIds: Readonly<Ref<FolderId[]>>;
|
|
62
|
+
openManageFolders: () => void;
|
|
63
|
+
openMoveToFolder: (items: unknown[]) => void;
|
|
64
|
+
}
|
|
65
|
+
export declare const marobaseFolderContextKey: InjectionKey<MarobaseFolderContext>;
|
|
@@ -2,6 +2,8 @@ export { default as AppBreadcrumb } from "./AppBreadcrumb.vue";
|
|
|
2
2
|
export { default as AppClipboard } from "./AppClipboard.vue";
|
|
3
3
|
export { default as AppConfirmationDialog } from "./AppConfirmationDialog.vue";
|
|
4
4
|
export { default as AppDataTable } from "./AppDataTable/AppDataTable.vue";
|
|
5
|
+
export { default as ClassicAppDataTable } from "./AppDataTable/classic/ClassicAppDataTable.vue";
|
|
6
|
+
export { default as MarobaseAppDataTable } from "./AppDataTable/marobase/MarobaseAppDataTable.vue";
|
|
5
7
|
export { default as DataTableFilter } from "./AppDataTable/DataTableFilter.vue";
|
|
6
8
|
export { default as DataTableLocalSearch } from "./AppDataTable/DataTableLocalSearch.vue";
|
|
7
9
|
export { default as SavedFilterDialog } from "./AppDataTable/SavedFilterDialog.vue";
|
|
@@ -44,9 +46,13 @@ export { default as TheOnboardingBanner } from "./TheOnboardingBanner.vue";
|
|
|
44
46
|
export { default as TheOnboardingScreenChecklists } from "./TheOnboardingScreenChecklists.vue";
|
|
45
47
|
export { default as AppButton } from "./AppButton.vue";
|
|
46
48
|
export { default as AppSplitButton } from "./AppSplitButton.vue";
|
|
47
|
-
export {
|
|
49
|
+
export type { ClassicDraggedItem, ClassicFolderCreatePayload, ClassicFolderDeletePayload, ClassicFolderManageAccessPayload, ClassicFolderMoveItemsPayload, ClassicFolderMovePayload, ClassicFolderNode, ClassicFolderRenamePayload, ClassicFolderTreeProps, FolderId, FolderItemId, } from "./GenericIndexWrapper/classic/types";
|
|
50
|
+
export * from "./vuetify-wrappers";
|
|
48
51
|
export { default as SlVueTreeNext } from "./SlVueTreeNext.vue";
|
|
49
52
|
export { default as AppStepper } from "./AppStepper/AppStepper.vue";
|
|
50
53
|
export { default as AppDatePicker } from "./AppDatePicker.vue";
|
|
54
|
+
export { ClassicFolderTree, ClassicIndexWrapper, GenericIndexWrapper, MarobaseFolderSelect, MarobaseIndexWrapper, MarobaseManageFoldersDrawer, MarobaseMoveToFolderDialog, } from "./GenericIndexWrapper";
|
|
55
|
+
export type { DraggedFolderItem, FolderCreatePayload, FolderDeletePayload, FolderItemFolderIdResolver, FolderItemIdResolver, FolderManageAccessPayload, FolderMoveItemsPayload, FolderMovePayload, FolderNode, FolderRenamePayload, FolderTreeProps, } from "./GenericIndexWrapper";
|
|
56
|
+
/** @deprecated Use GenericIndexWrapper for new index pages. */
|
|
51
57
|
export { default as GenericIndexPage } from "./GenericIndexPage/GenericIndexPage.vue";
|
|
52
58
|
export { default as timezoneList } from './TheTimezone/timezone.json';
|
|
@@ -573,6 +573,11 @@ export declare const mp_component_button_radius_pill = "9999px";
|
|
|
573
573
|
export declare const mp_component_button_radius_medium = "9999px";
|
|
574
574
|
export declare const mp_component_button_radius_square = "0px";
|
|
575
575
|
export declare const mp_component_button_radius_default = "9999px";
|
|
576
|
+
export declare const mp_component_buttonGroup_height_md = "40px";
|
|
577
|
+
export declare const mp_component_buttonGroup_height_sm = "32px";
|
|
578
|
+
export declare const mp_component_buttonGroup_padding = "4px";
|
|
579
|
+
export declare const mp_component_buttonGroup_radius_track = "9999px";
|
|
580
|
+
export declare const mp_component_buttonGroup_radius_segment = "9999px";
|
|
576
581
|
export declare const mp_component_input_radius_default = "10px";
|
|
577
582
|
export declare const mp_component_card_radius_sm = "10px";
|
|
578
583
|
export declare const mp_component_card_radius_md = "12px";
|