@powerhousedao/design-system 4.0.0-staging.6 → 4.0.1
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/src/connect/components/breadcrumbs/useBreadcrumbs.d.ts +9 -5
- package/dist/src/connect/components/breadcrumbs/useBreadcrumbs.d.ts.map +1 -1
- package/dist/src/connect/components/breadcrumbs/useBreadcrumbs.js +15 -5
- package/dist/src/connect/components/breadcrumbs/useBreadcrumbs.js.map +1 -1
- package/dist/src/connect/components/drive-view/drive-view.d.ts +17 -0
- package/dist/src/connect/components/drive-view/drive-view.d.ts.map +1 -0
- package/dist/src/connect/components/drive-view/drive-view.js +17 -0
- package/dist/src/connect/components/drive-view/drive-view.js.map +1 -0
- package/dist/src/connect/components/drive-view/index.d.ts +2 -0
- package/dist/src/connect/components/drive-view/index.d.ts.map +1 -0
- package/dist/src/connect/components/drive-view/index.js +2 -0
- package/dist/src/connect/components/drive-view/index.js.map +1 -0
- package/dist/src/connect/components/drive-view/mocks.d.ts +2 -0
- package/dist/src/connect/components/drive-view/mocks.d.ts.map +1 -0
- package/dist/src/connect/components/drive-view/mocks.js +2 -0
- package/dist/src/connect/components/drive-view/mocks.js.map +1 -0
- package/dist/src/connect/components/file-item/file-item.d.ts +8 -9
- package/dist/src/connect/components/file-item/file-item.d.ts.map +1 -1
- package/dist/src/connect/components/file-item/file-item.js +10 -11
- package/dist/src/connect/components/file-item/file-item.js.map +1 -1
- package/dist/src/connect/components/folder-item/folder-item.d.ts +11 -9
- package/dist/src/connect/components/folder-item/folder-item.d.ts.map +1 -1
- package/dist/src/connect/components/folder-item/folder-item.js +10 -11
- package/dist/src/connect/components/folder-item/folder-item.js.map +1 -1
- package/dist/src/connect/components/form/drive-settings-form.d.ts +5 -8
- package/dist/src/connect/components/form/drive-settings-form.d.ts.map +1 -1
- package/dist/src/connect/components/form/drive-settings-form.js +3 -3
- package/dist/src/connect/components/form/drive-settings-form.js.map +1 -1
- package/dist/src/connect/components/form/inputs/delete-drive.d.ts +4 -4
- package/dist/src/connect/components/form/inputs/delete-drive.d.ts.map +1 -1
- package/dist/src/connect/components/form/inputs/delete-drive.js +2 -2
- package/dist/src/connect/components/form/inputs/delete-drive.js.map +1 -1
- package/dist/src/connect/components/index.d.ts +2 -0
- package/dist/src/connect/components/index.d.ts.map +1 -1
- package/dist/src/connect/components/index.js +2 -0
- package/dist/src/connect/components/index.js.map +1 -1
- package/dist/src/connect/components/modal/drive-settings-modal.d.ts +10 -13
- package/dist/src/connect/components/modal/drive-settings-modal.d.ts.map +1 -1
- package/dist/src/connect/components/modal/drive-settings-modal.js +9 -9
- package/dist/src/connect/components/modal/drive-settings-modal.js.map +1 -1
- package/dist/src/connect/components/modal/settings-modal-v2/danger-zone.d.ts +3 -3
- package/dist/src/connect/components/modal/settings-modal-v2/danger-zone.d.ts.map +1 -1
- package/dist/src/connect/components/modal/settings-modal-v2/danger-zone.js +5 -16
- package/dist/src/connect/components/modal/settings-modal-v2/danger-zone.js.map +1 -1
- package/dist/src/connect/components/tree-view/drop-indicator.d.ts +13 -0
- package/dist/src/connect/components/tree-view/drop-indicator.d.ts.map +1 -0
- package/dist/src/connect/components/tree-view/drop-indicator.js +16 -0
- package/dist/src/connect/components/tree-view/drop-indicator.js.map +1 -0
- package/dist/src/connect/components/tree-view/index.d.ts +2 -0
- package/dist/src/connect/components/tree-view/index.d.ts.map +1 -0
- package/dist/src/connect/components/tree-view/index.js +2 -0
- package/dist/src/connect/components/tree-view/index.js.map +1 -0
- package/dist/src/connect/components/tree-view/tree-view.d.ts +16 -0
- package/dist/src/connect/components/tree-view/tree-view.d.ts.map +1 -0
- package/dist/src/connect/components/tree-view/tree-view.js +142 -0
- package/dist/src/connect/components/tree-view/tree-view.js.map +1 -0
- package/dist/src/connect/hooks/drag-and-drop/use-drag.d.ts +6 -2
- package/dist/src/connect/hooks/drag-and-drop/use-drag.d.ts.map +1 -1
- package/dist/src/connect/hooks/drag-and-drop/use-drag.js +17 -9
- package/dist/src/connect/hooks/drag-and-drop/use-drag.js.map +1 -1
- package/dist/src/connect/hooks/drag-and-drop/use-drop.d.ts +9 -5
- package/dist/src/connect/hooks/drag-and-drop/use-drop.d.ts.map +1 -1
- package/dist/src/connect/hooks/drag-and-drop/use-drop.js +24 -15
- package/dist/src/connect/hooks/drag-and-drop/use-drop.js.map +1 -1
- package/dist/src/connect/types/drives.d.ts +16 -1
- package/dist/src/connect/types/drives.d.ts.map +1 -1
- package/dist/src/connect/types/index.d.ts +1 -0
- package/dist/src/connect/types/index.d.ts.map +1 -1
- package/dist/src/connect/types/index.js +1 -0
- package/dist/src/connect/types/index.js.map +1 -1
- package/dist/src/connect/types/nodes.d.ts +61 -9
- package/dist/src/connect/types/nodes.d.ts.map +1 -1
- package/dist/src/connect/types/options.d.ts +2 -3
- package/dist/src/connect/types/options.d.ts.map +1 -1
- package/dist/src/connect/types/shared-props.d.ts +13 -0
- package/dist/src/connect/types/shared-props.d.ts.map +1 -0
- package/dist/src/connect/types/shared-props.js +2 -0
- package/dist/src/connect/types/shared-props.js.map +1 -0
- package/dist/src/connect/utils/index.d.ts +1 -0
- package/dist/src/connect/utils/index.d.ts.map +1 -1
- package/dist/src/connect/utils/index.js +1 -0
- package/dist/src/connect/utils/index.js.map +1 -1
- package/dist/src/connect/utils/mocks/index.d.ts +2 -0
- package/dist/src/connect/utils/mocks/index.d.ts.map +1 -0
- package/dist/src/connect/utils/mocks/index.js +2 -0
- package/dist/src/connect/utils/mocks/index.js.map +1 -0
- package/dist/src/connect/utils/mocks/ui-drive-node.d.ts +33 -0
- package/dist/src/connect/utils/mocks/ui-drive-node.d.ts.map +1 -0
- package/dist/src/connect/utils/mocks/ui-drive-node.js +234 -0
- package/dist/src/connect/utils/mocks/ui-drive-node.js.map +1 -0
- package/dist/style.css +52 -0
- package/dist/tsconfig.lib.tsbuildinfo +1 -1
- package/package.json +5 -6
|
@@ -1,10 +1,14 @@
|
|
|
1
|
-
import { type BreadcrumbNode } from "#connect";
|
|
1
|
+
import { type BreadcrumbNode, type UiNode } from "#connect";
|
|
2
2
|
interface UseBreadcrumbsProps {
|
|
3
|
-
selectedNodePath:
|
|
4
|
-
|
|
3
|
+
selectedNodePath: UiNode[];
|
|
4
|
+
getNodeById: (id: string) => UiNode | null;
|
|
5
|
+
setSelectedNode: (node: UiNode | null) => void;
|
|
5
6
|
}
|
|
6
|
-
export declare function useBreadcrumbs({ selectedNodePath, setSelectedNode, }: UseBreadcrumbsProps): {
|
|
7
|
-
breadcrumbs:
|
|
7
|
+
export declare function useBreadcrumbs({ selectedNodePath, getNodeById, setSelectedNode, }: UseBreadcrumbsProps): {
|
|
8
|
+
breadcrumbs: {
|
|
9
|
+
id: string;
|
|
10
|
+
name: string;
|
|
11
|
+
}[];
|
|
8
12
|
onBreadcrumbSelected: (breadcrumb: BreadcrumbNode) => void;
|
|
9
13
|
};
|
|
10
14
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/breadcrumbs/useBreadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"useBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/breadcrumbs/useBreadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,MAAM,EAAE,MAAM,UAAU,CAAC;AAG5D,UAAU,mBAAmB;IAC3B,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC3C,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD;AAED,wBAAgB,cAAc,CAAC,EAC7B,gBAAgB,EAChB,WAAW,EACX,eAAe,GAChB,EAAE,mBAAmB;;;;;uCAWL,cAAc;EAe9B"}
|
|
@@ -1,10 +1,20 @@
|
|
|
1
|
-
import { useCallback } from "react";
|
|
2
|
-
export function useBreadcrumbs({ selectedNodePath, setSelectedNode, }) {
|
|
1
|
+
import { useCallback, useMemo } from "react";
|
|
2
|
+
export function useBreadcrumbs({ selectedNodePath, getNodeById, setSelectedNode, }) {
|
|
3
|
+
const breadcrumbs = useMemo(() => selectedNodePath.map((node) => ({
|
|
4
|
+
id: node.id,
|
|
5
|
+
name: node.name,
|
|
6
|
+
})), [selectedNodePath]);
|
|
3
7
|
const onBreadcrumbSelected = useCallback((breadcrumb) => {
|
|
4
|
-
|
|
5
|
-
|
|
8
|
+
const node = getNodeById(breadcrumb.id);
|
|
9
|
+
if (node) {
|
|
10
|
+
setSelectedNode(node);
|
|
11
|
+
}
|
|
12
|
+
else {
|
|
13
|
+
console.error(`Node with id ${breadcrumb.id} not found`, breadcrumb);
|
|
14
|
+
}
|
|
15
|
+
}, [getNodeById, setSelectedNode]);
|
|
6
16
|
return {
|
|
7
|
-
breadcrumbs
|
|
17
|
+
breadcrumbs,
|
|
8
18
|
onBreadcrumbSelected,
|
|
9
19
|
};
|
|
10
20
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBreadcrumbs.js","sourceRoot":"","sources":["../../../../../src/connect/components/breadcrumbs/useBreadcrumbs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"useBreadcrumbs.js","sourceRoot":"","sources":["../../../../../src/connect/components/breadcrumbs/useBreadcrumbs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAQ7C,MAAM,UAAU,cAAc,CAAC,EAC7B,gBAAgB,EAChB,WAAW,EACX,eAAe,GACK;IACpB,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CACH,gBAAgB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC9B,EAAE,EAAE,IAAI,CAAC,EAAE;QACX,IAAI,EAAE,IAAI,CAAC,IAAI;KAChB,CAAC,CAAC,EACL,CAAC,gBAAgB,CAAC,CACnB,CAAC;IAEF,MAAM,oBAAoB,GAAG,WAAW,CACtC,CAAC,UAA0B,EAAE,EAAE;QAC7B,MAAM,IAAI,GAAG,WAAW,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QACxC,IAAI,IAAI,EAAE,CAAC;YACT,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,KAAK,CAAC,gBAAgB,UAAU,CAAC,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;QACvE,CAAC;IACH,CAAC,EACD,CAAC,WAAW,EAAE,eAAe,CAAC,CAC/B,CAAC;IAEF,OAAO;QACL,WAAW;QACX,oBAAoB;KACrB,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type NodeProps, type SharingType, type TNodeOptions, type UiDriveNode } from "#connect";
|
|
2
|
+
import { type ReactNode } from "react";
|
|
3
|
+
export type DriveViewProps = NodeProps & {
|
|
4
|
+
label: ReactNode;
|
|
5
|
+
groupSharingType: SharingType;
|
|
6
|
+
disableAddDrives: boolean;
|
|
7
|
+
isAllowedToCreateDocuments: boolean;
|
|
8
|
+
nodeOptions: TNodeOptions;
|
|
9
|
+
className?: string;
|
|
10
|
+
onAddTrigger: (uiNodeDriveId: string) => Promise<void>;
|
|
11
|
+
onRemoveTrigger: (uiNodeDriveId: string) => Promise<void>;
|
|
12
|
+
onAddInvalidTrigger: (uiNodeDriveId: string) => Promise<void>;
|
|
13
|
+
showAddDriveModal: (groupSharingType: SharingType) => void;
|
|
14
|
+
showDriveSettingsModal: (uiDriveNode: UiDriveNode) => void;
|
|
15
|
+
};
|
|
16
|
+
export declare function DriveView(props: DriveViewProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
//# sourceMappingURL=drive-view.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drive-view.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/drive-view/drive-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,WAAW,EACjB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG;IACvC,KAAK,EAAE,SAAS,CAAC;IACjB,gBAAgB,EAAE,WAAW,CAAC;IAC9B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,0BAA0B,EAAE,OAAO,CAAC;IACpC,WAAW,EAAE,YAAY,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,eAAe,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,mBAAmB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,iBAAiB,EAAE,CAAC,gBAAgB,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3D,sBAAsB,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CA4C9C"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { createElement as _createElement } from "react";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { ConnectTreeView, } from "#connect";
|
|
4
|
+
import { Icon } from "#powerhouse";
|
|
5
|
+
import { useUiNodesContext } from "@powerhousedao/reactor-browser";
|
|
6
|
+
import { twJoin, twMerge } from "tailwind-merge";
|
|
7
|
+
export function DriveView(props) {
|
|
8
|
+
const { groupSharingType, disableAddDrives, label, className, isAllowedToCreateDocuments, showAddDriveModal, } = props;
|
|
9
|
+
const { driveNodes } = useUiNodesContext();
|
|
10
|
+
const hasDriveNodes = driveNodes.length > 0;
|
|
11
|
+
const isContainerHighlighted = true;
|
|
12
|
+
function onShowAddDriveModal() {
|
|
13
|
+
showAddDriveModal(groupSharingType);
|
|
14
|
+
}
|
|
15
|
+
return (_jsxs("div", { className: twMerge("border-y border-gray-100 pl-4 pr-1 first-of-type:border-b-0 last-of-type:border-t-0", hasDriveNodes && "pb-2", isContainerHighlighted && "bg-gray-100", className), children: [_jsxs("div", { className: twJoin("flex items-center justify-between py-1.5 pr-2"), children: [_jsx("p", { className: "text-sm font-medium leading-6 text-gray-500", children: label }), _jsx("div", { className: "size-4 text-gray-600", children: !disableAddDrives && isAllowedToCreateDocuments ? (_jsx("button", { className: twMerge("mr-2 transition hover:text-gray-800"), onClick: onShowAddDriveModal, children: _jsx(Icon, { name: "PlusCircle", size: 16 }) })) : null })] }), driveNodes.map((driveNode) => (_createElement(ConnectTreeView, { ...props, key: driveNode.id, uiNode: driveNode })))] }));
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=drive-view.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drive-view.js","sourceRoot":"","sources":["../../../../../src/connect/components/drive-view/drive-view.tsx"],"names":[],"mappings":";;AAAA,OAAO,EACL,eAAe,GAKhB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAgBjD,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,EACJ,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,EACL,SAAS,EACT,0BAA0B,EAC1B,iBAAiB,GAClB,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,UAAU,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;IAC5C,MAAM,sBAAsB,GAAG,IAAI,CAAC;IAEpC,SAAS,mBAAmB;QAC1B,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACtC,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,OAAO,CAChB,qFAAqF,EACrF,aAAa,IAAI,MAAM,EACvB,sBAAsB,IAAI,aAAa,EACvC,SAAS,CACV,aAED,eAAK,SAAS,EAAE,MAAM,CAAC,+CAA+C,CAAC,aACrE,YAAG,SAAS,EAAC,6CAA6C,YAAE,KAAK,GAAK,EACtE,cAAK,SAAS,EAAC,sBAAsB,YAClC,CAAC,gBAAgB,IAAI,0BAA0B,CAAC,CAAC,CAAC,CACjD,iBACE,SAAS,EAAE,OAAO,CAAC,qCAAqC,CAAC,EACzD,OAAO,EAAE,mBAAmB,YAE5B,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,EAAE,GAAI,GAC7B,CACV,CAAC,CAAC,CAAC,IAAI,GACJ,IACF,EACL,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAC7B,eAAC,eAAe,OAAK,KAAK,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,GAAI,CACrE,CAAC,IACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/drive-view/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/connect/components/drive-view/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const mockCustomDriveIcon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxuczp4b2RtPSJodHRwOi8vd3d3LmNvcmVsLmNvbS9jb3JlbGRyYXcvb2RtLzIwMDMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjUwMCAyNTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNTAwIDI1MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO30KCS5zdDF7ZmlsbDojMjEzMTQ3O30KCS5zdDJ7ZmlsbDojMTJBQUZGO30KCS5zdDN7ZmlsbDojOURDQ0VEO30KCS5zdDR7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGcgaWQ9IkxheWVyX3gwMDIwXzEiPgoJPGcgaWQ9Il8yNDA1NTg4NDc3MjMyIj4KCQk8cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMjUwMCIgaGVpZ2h0PSIyNTAwIj48L3JlY3Q+CgkJPGc+CgkJCTxnPgoJCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTIyNiw3NjB2OTgwYzAsNjMsMzMsMTIwLDg4LDE1Mmw4NDksNDkwYzU0LDMxLDEyMSwzMSwxNzUsMGw4NDktNDkwYzU0LTMxLDg4LTg5LDg4LTE1MlY3NjAgICAgICBjMC02My0zMy0xMjAtODgtMTUybC04NDktNDkwYy01NC0zMS0xMjEtMzEtMTc1LDBMMzE0LDYwOGMtNTQsMzEtODcsODktODcsMTUySDIyNnoiPjwvcGF0aD4KCQkJCTxnPgoJCQkJCTxnPgoJCQkJCQk8Zz4KCQkJCQkJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xNDM1LDE0NDBsLTEyMSwzMzJjLTMsOS0zLDE5LDAsMjlsMjA4LDU3MWwyNDEtMTM5bC0yODktNzkzQzE0NjcsMTQyMiwxNDQyLDE0MjIsMTQzNSwxNDQweiI+PC9wYXRoPgoJCQkJCQk8L2c+CgkJCQkJCTxnPgoJCQkJCQkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTE2NzgsODgyYy03LTE4LTMyLTE4LTM5LDBsLTEyMSwzMzJjLTMsOS0zLDE5LDAsMjlsMzQxLDkzNWwyNDEtMTM5TDE2NzgsODgzVjg4MnoiPjwvcGF0aD4KCQkJCQkJPC9nPgoJCQkJCTwvZz4KCQkJCTwvZz4KCQkJCTxnPgoJCQkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0xMjUwLDE1NWM2LDAsMTIsMiwxNyw1bDkxOCw1MzBjMTEsNiwxNywxOCwxNywzMHYxMDYwYzAsMTItNywyNC0xNywzMGwtOTE4LDUzMGMtNSwzLTExLDUtMTcsNSAgICAgICBzLTEyLTItMTctNWwtOTE4LTUzMGMtMTEtNi0xNy0xOC0xNy0zMFY3MTljMC0xMiw3LTI0LDE3LTMwbDkxOC01MzBjNS0zLDExLTUsMTctNWwwLDBWMTU1eiBNMTI1MCwwYy0zMywwLTY1LDgtOTUsMjVMMjM3LDU1NSAgICAgICBjLTU5LDM0LTk1LDk2LTk1LDE2NHYxMDYwYzAsNjgsMzYsMTMwLDk1LDE2NGw5MTgsNTMwYzI5LDE3LDYyLDI1LDk1LDI1czY1LTgsOTUtMjVsOTE4LTUzMGM1OS0zNCw5NS05Niw5NS0xNjRWNzE5ICAgICAgIGMwLTY4LTM2LTEzMC05NS0xNjRMMTM0NCwyNWMtMjktMTctNjItMjUtOTUtMjVsMCwwSDEyNTB6Ij48L3BhdGg+CgkJCQk8L2c+CgkJCQk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjY0MiwyMTc5IDcyNywxOTQ3IDg5NywyMDg4IDczOCwyMjM0ICAgICAiPjwvcG9seWdvbj4KCQkJCTxnPgoJCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xMTcyLDY0NEg5MzljLTE3LDAtMzMsMTEtMzksMjdMNDAxLDIwMzlsMjQxLDEzOWw1NTAtMTUwN2M1LTE0LTUtMjgtMTktMjhMMTE3Miw2NDR6Ij48L3BhdGg+CgkJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE1ODAsNjQ0aC0yMzNjLTE3LDAtMzMsMTEtMzksMjdMNzM4LDIyMzNsMjQxLDEzOWw2MjAtMTcwMWM1LTE0LTUtMjgtMTktMjhWNjQ0eiI+PC9wYXRoPgoJCQkJPC9nPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=";
|
|
2
|
+
//# sourceMappingURL=mocks.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mocks.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/drive-view/mocks.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,miFACkgF,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export const mockCustomDriveIcon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxuczp4b2RtPSJodHRwOi8vd3d3LmNvcmVsLmNvbS9jb3JlbGRyYXcvb2RtLzIwMDMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjUwMCAyNTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNTAwIDI1MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO30KCS5zdDF7ZmlsbDojMjEzMTQ3O30KCS5zdDJ7ZmlsbDojMTJBQUZGO30KCS5zdDN7ZmlsbDojOURDQ0VEO30KCS5zdDR7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGcgaWQ9IkxheWVyX3gwMDIwXzEiPgoJPGcgaWQ9Il8yNDA1NTg4NDc3MjMyIj4KCQk8cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMjUwMCIgaGVpZ2h0PSIyNTAwIj48L3JlY3Q+CgkJPGc+CgkJCTxnPgoJCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTIyNiw3NjB2OTgwYzAsNjMsMzMsMTIwLDg4LDE1Mmw4NDksNDkwYzU0LDMxLDEyMSwzMSwxNzUsMGw4NDktNDkwYzU0LTMxLDg4LTg5LDg4LTE1MlY3NjAgICAgICBjMC02My0zMy0xMjAtODgtMTUybC04NDktNDkwYy01NC0zMS0xMjEtMzEtMTc1LDBMMzE0LDYwOGMtNTQsMzEtODcsODktODcsMTUySDIyNnoiPjwvcGF0aD4KCQkJCTxnPgoJCQkJCTxnPgoJCQkJCQk8Zz4KCQkJCQkJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xNDM1LDE0NDBsLTEyMSwzMzJjLTMsOS0zLDE5LDAsMjlsMjA4LDU3MWwyNDEtMTM5bC0yODktNzkzQzE0NjcsMTQyMiwxNDQyLDE0MjIsMTQzNSwxNDQweiI+PC9wYXRoPgoJCQkJCQk8L2c+CgkJCQkJCTxnPgoJCQkJCQkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTE2NzgsODgyYy03LTE4LTMyLTE4LTM5LDBsLTEyMSwzMzJjLTMsOS0zLDE5LDAsMjlsMzQxLDkzNWwyNDEtMTM5TDE2NzgsODgzVjg4MnoiPjwvcGF0aD4KCQkJCQkJPC9nPgoJCQkJCTwvZz4KCQkJCTwvZz4KCQkJCTxnPgoJCQkJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0xMjUwLDE1NWM2LDAsMTIsMiwxNyw1bDkxOCw1MzBjMTEsNiwxNywxOCwxNywzMHYxMDYwYzAsMTItNywyNC0xNywzMGwtOTE4LDUzMGMtNSwzLTExLDUtMTcsNSAgICAgICBzLTEyLTItMTctNWwtOTE4LTUzMGMtMTEtNi0xNy0xOC0xNy0zMFY3MTljMC0xMiw3LTI0LDE3LTMwbDkxOC01MzBjNS0zLDExLTUsMTctNWwwLDBWMTU1eiBNMTI1MCwwYy0zMywwLTY1LDgtOTUsMjVMMjM3LDU1NSAgICAgICBjLTU5LDM0LTk1LDk2LTk1LDE2NHYxMDYwYzAsNjgsMzYsMTMwLDk1LDE2NGw5MTgsNTMwYzI5LDE3LDYyLDI1LDk1LDI1czY1LTgsOTUtMjVsOTE4LTUzMGM1OS0zNCw5NS05Niw5NS0xNjRWNzE5ICAgICAgIGMwLTY4LTM2LTEzMC05NS0xNjRMMTM0NCwyNWMtMjktMTctNjItMjUtOTUtMjVsMCwwSDEyNTB6Ij48L3BhdGg+CgkJCQk8L2c+CgkJCQk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjY0MiwyMTc5IDcyNywxOTQ3IDg5NywyMDg4IDczOCwyMjM0ICAgICAiPjwvcG9seWdvbj4KCQkJCTxnPgoJCQkJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xMTcyLDY0NEg5MzljLTE3LDAtMzMsMTEtMzksMjdMNDAxLDIwMzlsMjQxLDEzOWw1NTAtMTUwN2M1LTE0LTUtMjgtMTktMjhMMTE3Miw2NDR6Ij48L3BhdGg+CgkJCQkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTE1ODAsNjQ0aC0yMzNjLTE3LDAtMzMsMTEtMzksMjdMNzM4LDIyMzNsMjQxLDEzOWw2MjAtMTcwMWM1LTE0LTUtMjgtMTktMjhWNjQ0eiI+PC9wYXRoPgoJCQkJPC9nPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=";
|
|
2
|
+
//# sourceMappingURL=mocks.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mocks.js","sourceRoot":"","sources":["../../../../../src/connect/components/drive-view/mocks.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAC9B,giFAAgiF,CAAC"}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
fileNode: FileNode;
|
|
5
|
-
sharingType: SharingType;
|
|
6
|
-
isAllowedToCreateDocuments: boolean;
|
|
1
|
+
import { type BaseUiFileNode } from "#connect";
|
|
2
|
+
export type FileItemProps = {
|
|
3
|
+
uiNode: BaseUiFileNode;
|
|
7
4
|
customDocumentIconSrc?: string;
|
|
8
5
|
className?: string;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
onSelectNode: (uiNode: BaseUiFileNode) => void;
|
|
7
|
+
onRenameNode: (name: string, uiNode: BaseUiFileNode) => void;
|
|
8
|
+
onDuplicateNode: (uiNode: BaseUiFileNode) => void;
|
|
9
|
+
onDeleteNode: (uiNode: BaseUiFileNode) => void;
|
|
10
|
+
isAllowedToCreateDocuments: boolean;
|
|
12
11
|
};
|
|
13
12
|
export declare function FileItem(props: FileItemProps): import("react/jsx-runtime").JSX.Element;
|
|
14
13
|
//# sourceMappingURL=file-item.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-item.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/file-item/file-item.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"file-item.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/file-item/file-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAcpB,MAAM,UAAU,CAAC;AAMlB,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,cAAc,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7D,eAAe,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C,0BAA0B,EAAE,OAAO,CAAC;CACrC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA6I5C"}
|
|
@@ -5,16 +5,15 @@ import { useState } from "react";
|
|
|
5
5
|
import { twMerge } from "tailwind-merge";
|
|
6
6
|
import { SyncStatusIcon } from "../status-icon/index.js";
|
|
7
7
|
export function FileItem(props) {
|
|
8
|
-
const {
|
|
8
|
+
const { uiNode, className, customDocumentIconSrc, onSelectNode, onRenameNode, onDuplicateNode, onDeleteNode, isAllowedToCreateDocuments, } = props;
|
|
9
9
|
const [mode, setMode] = useState(READ);
|
|
10
10
|
const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState(false);
|
|
11
|
-
const { dragProps } = useDrag({
|
|
11
|
+
const { dragProps } = useDrag({ uiNode: uiNode });
|
|
12
12
|
const isReadMode = mode === READ;
|
|
13
|
-
const syncStatus = getSyncStatusSync(fileNode.id, sharingType);
|
|
14
13
|
const dropdownMenuHandlers = {
|
|
15
|
-
[DUPLICATE]: () => onDuplicateNode(
|
|
14
|
+
[DUPLICATE]: () => onDuplicateNode(uiNode),
|
|
16
15
|
[RENAME]: () => setMode(WRITE),
|
|
17
|
-
[DELETE]: () =>
|
|
16
|
+
[DELETE]: () => onDeleteNode(uiNode),
|
|
18
17
|
};
|
|
19
18
|
const dropdownMenuOptions = Object.entries(nodeOptionsMap)
|
|
20
19
|
.map(([id, option]) => ({
|
|
@@ -23,14 +22,14 @@ export function FileItem(props) {
|
|
|
23
22
|
}))
|
|
24
23
|
.filter((option) => defaultFileOptions.includes(option.id));
|
|
25
24
|
function onSubmit(name) {
|
|
26
|
-
onRenameNode(name,
|
|
25
|
+
onRenameNode(name, uiNode);
|
|
27
26
|
setMode(READ);
|
|
28
27
|
}
|
|
29
28
|
function onCancel() {
|
|
30
29
|
setMode(READ);
|
|
31
30
|
}
|
|
32
31
|
function onClick() {
|
|
33
|
-
|
|
32
|
+
onSelectNode(uiNode);
|
|
34
33
|
}
|
|
35
34
|
function onDropdownMenuOptionClick(itemId) {
|
|
36
35
|
const handler = dropdownMenuHandlers[itemId];
|
|
@@ -41,13 +40,13 @@ export function FileItem(props) {
|
|
|
41
40
|
handler();
|
|
42
41
|
setIsDropdownMenuOpen(false);
|
|
43
42
|
}
|
|
44
|
-
const iconSrc = getDocumentIconSrc(
|
|
45
|
-
const iconNode = (_jsxs("div", { className: "relative", children: [_jsx("img", { alt: "file icon", className: "max-w-none", height: 34, src: iconSrc, width: 32 }), isReadMode && syncStatus && (_jsx("div", { className: "absolute bottom-[-2px] right-0 size-3 rounded-full bg-white", children: _jsx("div", { className: "absolute left-[-2px] top-[-2px]", children: _jsx(SyncStatusIcon, { overrideSyncIcons: { SUCCESS: "CheckCircleFill" }, syncStatus: syncStatus }) }) }))] }));
|
|
43
|
+
const iconSrc = getDocumentIconSrc(uiNode.documentType, customDocumentIconSrc);
|
|
44
|
+
const iconNode = (_jsxs("div", { className: "relative", children: [_jsx("img", { alt: "file icon", className: "max-w-none", height: 34, src: iconSrc, width: 32 }), isReadMode && uiNode.syncStatus && (_jsx("div", { className: "absolute bottom-[-2px] right-0 size-3 rounded-full bg-white", children: _jsx("div", { className: "absolute left-[-2px] top-[-2px]", children: _jsx(SyncStatusIcon, { overrideSyncIcons: { SUCCESS: "CheckCircleFill" }, syncStatus: uiNode.syncStatus }) }) }))] }));
|
|
46
45
|
const containerStyles = twMerge("group flex h-12 cursor-pointer select-none items-center rounded-lg bg-gray-200 px-2 text-gray-600 hover:text-gray-800", className);
|
|
47
|
-
const content = isReadMode ? (_jsxs("div", { className: "flex w-52 items-center justify-between", children: [_jsxs("div", { className: "mr-2 truncate group-hover:mr-0", children: [_jsx("div", { className: "max-h-6 truncate text-sm font-medium group-hover:text-gray-800", children:
|
|
46
|
+
const content = isReadMode ? (_jsxs("div", { className: "flex w-52 items-center justify-between", children: [_jsxs("div", { className: "mr-2 truncate group-hover:mr-0", children: [_jsx("div", { className: "max-h-6 truncate text-sm font-medium group-hover:text-gray-800", children: uiNode.name }), _jsx("div", { className: "max-h-6 truncate text-xs font-medium text-gray-600 group-hover:text-gray-800", children: uiNode.documentType })] }), isAllowedToCreateDocuments ? (_jsx(ConnectDropdownMenu, { items: dropdownMenuOptions, onItemClick: onDropdownMenuOptionClick, onOpenChange: setIsDropdownMenuOpen, open: isDropdownMenuOpen, children: _jsx("button", { className: twMerge("hidden group-hover:block", isDropdownMenuOpen && "block"), onClick: (e) => {
|
|
48
47
|
e.stopPropagation();
|
|
49
48
|
setIsDropdownMenuOpen(true);
|
|
50
|
-
}, children: _jsx(Icon, { className: "text-gray-600", name: "VerticalDots" }) }) })) : null] })) : (_jsx(NodeInput, { className: "ml-3 flex-1 font-medium", defaultValue:
|
|
49
|
+
}, children: _jsx(Icon, { className: "text-gray-600", name: "VerticalDots" }) }) })) : null] })) : (_jsx(NodeInput, { className: "ml-3 flex-1 font-medium", defaultValue: uiNode.name, onCancel: onCancel, onSubmit: onSubmit }));
|
|
51
50
|
return (_jsx("div", { className: "relative w-64", onClick: onClick, children: _jsx("div", { ...dragProps, className: containerStyles, children: _jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: "mr-1.5", children: iconNode }), content] }) }) }));
|
|
52
51
|
}
|
|
53
52
|
//# sourceMappingURL=file-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-item.js","sourceRoot":"","sources":["../../../../../src/connect/components/file-item/file-item.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"file-item.js","sourceRoot":"","sources":["../../../../../src/connect/components/file-item/file-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,mBAAmB,EACnB,kBAAkB,EAClB,MAAM,EACN,SAAS,EACT,kBAAkB,EAClB,SAAS,EAET,cAAc,EACd,IAAI,EACJ,MAAM,EAEN,OAAO,EACP,KAAK,GACN,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAazD,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EACJ,MAAM,EACN,SAAS,EACT,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,0BAA0B,GAC3B,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAA6B,IAAI,CAAC,CAAC;IACnE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,EAAE,MAAM,EAAE,MAAoB,EAAE,CAAC,CAAC;IAEhE,MAAM,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IAEjC,MAAM,oBAAoB,GAAG;QAC3B,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC;QAC1C,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;QAC9B,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC;KAC5B,CAAC;IAEX,MAAM,mBAAmB,GAAG,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC;SACvD,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;QACtB,GAAG,MAAM;QACT,EAAE,EAAE,EAAgB;KACrB,CAAC,CAAC;SACF,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CACjB,kBAAkB,CAAC,QAAQ,CACzB,MAAM,CAAC,EAAyC,CACjD,CACF,CAAC;IAEJ,SAAS,QAAQ,CAAC,IAAY;QAC5B,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAC3B,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;IAED,SAAS,QAAQ;QACf,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;IAED,SAAS,OAAO;QACd,YAAY,CAAC,MAAM,CAAC,CAAC;IACvB,CAAC;IAED,SAAS,yBAAyB,CAAC,MAAkB;QACnD,MAAM,OAAO,GACX,oBAAoB,CAAC,MAA2C,CAAC,CAAC;QACpE,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,4CAA4C,MAAM,EAAE,CAAC,CAAC;YACpE,OAAO;QACT,CAAC;QACD,OAAO,EAAE,CAAC;QACV,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,MAAM,OAAO,GAAG,kBAAkB,CAChC,MAAM,CAAC,YAAY,EACnB,qBAAqB,CACtB,CAAC;IAEF,MAAM,QAAQ,GAAG,CACf,eAAK,SAAS,EAAC,UAAU,aACvB,cACE,GAAG,EAAC,WAAW,EACf,SAAS,EAAC,YAAY,EACtB,MAAM,EAAE,EAAE,EACV,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,EAAE,GACT,EACD,UAAU,IAAI,MAAM,CAAC,UAAU,IAAI,CAClC,cAAK,SAAS,EAAC,6DAA6D,YAC1E,cAAK,SAAS,EAAC,iCAAiC,YAC9C,KAAC,cAAc,IACb,iBAAiB,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE,EACjD,UAAU,EAAE,MAAM,CAAC,UAAU,GAC7B,GACE,GACF,CACP,IACG,CACP,CAAC;IAEF,MAAM,eAAe,GAAG,OAAO,CAC7B,uHAAuH,EACvH,SAAS,CACV,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,CAC3B,eAAK,SAAS,EAAC,wCAAwC,aACrD,eAAK,SAAS,EAAC,gCAAgC,aAC7C,cAAK,SAAS,EAAC,gEAAgE,YAC5E,MAAM,CAAC,IAAI,GACR,EACN,cAAK,SAAS,EAAC,8EAA8E,YAC1F,MAAM,CAAC,YAAY,GAChB,IACF,EACL,0BAA0B,CAAC,CAAC,CAAC,CAC5B,KAAC,mBAAmB,IAClB,KAAK,EAAE,mBAAmB,EAC1B,WAAW,EAAE,yBAAyB,EACtC,YAAY,EAAE,qBAAqB,EACnC,IAAI,EAAE,kBAAkB,YAExB,iBACE,SAAS,EAAE,OAAO,CAChB,0BAA0B,EAC1B,kBAAkB,IAAI,OAAO,CAC9B,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACb,CAAC,CAAC,eAAe,EAAE,CAAC;wBACpB,qBAAqB,CAAC,IAAI,CAAC,CAAC;oBAC9B,CAAC,YAED,KAAC,IAAI,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,cAAc,GAAG,GAC/C,GACW,CACvB,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IACR,SAAS,EAAC,yBAAyB,EACnC,YAAY,EAAE,MAAM,CAAC,IAAI,EACzB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,OAAO,YAC7C,iBAAS,SAAS,EAAE,SAAS,EAAE,eAAe,YAC5C,eAAK,SAAS,EAAC,mBAAmB,aAChC,cAAK,SAAS,EAAC,QAAQ,YAAE,QAAQ,GAAO,EACvC,OAAO,IACJ,GACF,GACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,13 +1,15 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import { type BaseUiFolderNode, type BaseUiNode } from "#connect";
|
|
2
|
+
export type FolderItemProps = {
|
|
3
|
+
readonly uiNode: BaseUiFolderNode;
|
|
4
|
+
readonly className?: string;
|
|
5
|
+
onAddFile: (file: File, parentNode: BaseUiNode | null) => Promise<void>;
|
|
6
|
+
onCopyNode: (uiNode: BaseUiNode, targetNode: BaseUiNode) => Promise<void>;
|
|
7
|
+
onMoveNode: (uiNode: BaseUiNode, targetNode: BaseUiNode) => Promise<void>;
|
|
8
|
+
onSelectNode: (uiNode: BaseUiFolderNode) => void;
|
|
9
|
+
onRenameNode: (name: string, uiNode: BaseUiFolderNode) => void;
|
|
10
|
+
onDuplicateNode: (uiNode: BaseUiFolderNode) => void;
|
|
11
|
+
onDeleteNode: (uiNode: BaseUiFolderNode) => void;
|
|
6
12
|
isAllowedToCreateDocuments: boolean;
|
|
7
|
-
className?: string;
|
|
8
|
-
getSyncStatusSync: (syncId: string, sharingType: SharingType) => SyncStatus | undefined;
|
|
9
|
-
setSelectedNode: (id: string | undefined) => void;
|
|
10
|
-
showDeleteNodeModal: (node: Node) => void;
|
|
11
13
|
};
|
|
12
14
|
export declare function FolderItem(props: FolderItemProps): import("react/jsx-runtime").JSX.Element;
|
|
13
15
|
//# sourceMappingURL=folder-item.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"folder-item.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/folder-item/folder-item.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"folder-item.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/folder-item/folder-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,UAAU,EAehB,MAAM,UAAU,CAAC;AAKlB,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,UAAU,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1E,UAAU,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1E,YAAY,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/D,eAAe,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACpD,YAAY,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,0BAA0B,EAAE,OAAO,CAAC;CACrC,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAoIhD"}
|
|
@@ -4,32 +4,31 @@ import { Icon } from "#powerhouse";
|
|
|
4
4
|
import { useState } from "react";
|
|
5
5
|
import { twMerge } from "tailwind-merge";
|
|
6
6
|
export function FolderItem(props) {
|
|
7
|
-
const {
|
|
7
|
+
const { uiNode, isAllowedToCreateDocuments, className, onRenameNode, onDuplicateNode, onDeleteNode, onSelectNode, onAddFile, onCopyNode, onMoveNode, } = props;
|
|
8
8
|
const [mode, setMode] = useState(READ);
|
|
9
9
|
const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState(false);
|
|
10
|
-
const { dragProps } = useDrag({
|
|
10
|
+
const { dragProps } = useDrag({ ...props, uiNode: uiNode });
|
|
11
11
|
const { isDropTarget, dropProps } = useDrop({
|
|
12
|
-
|
|
12
|
+
uiNode: uiNode,
|
|
13
13
|
onAddFile,
|
|
14
14
|
onCopyNode,
|
|
15
15
|
onMoveNode,
|
|
16
16
|
});
|
|
17
17
|
const isReadMode = mode === READ;
|
|
18
|
-
const syncStatus = getSyncStatusSync(folderNode.id, sharingType);
|
|
19
18
|
function onCancel() {
|
|
20
19
|
setMode(READ);
|
|
21
20
|
}
|
|
22
21
|
function onSubmit(name) {
|
|
23
|
-
onRenameNode(name,
|
|
22
|
+
onRenameNode(name, uiNode);
|
|
24
23
|
setMode(READ);
|
|
25
24
|
}
|
|
26
25
|
function onClick() {
|
|
27
|
-
|
|
26
|
+
onSelectNode(uiNode);
|
|
28
27
|
}
|
|
29
28
|
const dropdownMenuHandlers = {
|
|
30
|
-
[DUPLICATE]: () => onDuplicateNode(
|
|
29
|
+
[DUPLICATE]: () => onDuplicateNode(uiNode),
|
|
31
30
|
[RENAME]: () => setMode(WRITE),
|
|
32
|
-
[DELETE]: () =>
|
|
31
|
+
[DELETE]: () => onDeleteNode(uiNode),
|
|
33
32
|
};
|
|
34
33
|
const dropdownMenuOptions = Object.entries(nodeOptionsMap)
|
|
35
34
|
.map(([id, option]) => ({
|
|
@@ -46,11 +45,11 @@ export function FolderItem(props) {
|
|
|
46
45
|
handler();
|
|
47
46
|
setIsDropdownMenuOpen(false);
|
|
48
47
|
}
|
|
49
|
-
const content = isReadMode || !isAllowedToCreateDocuments ? (_jsx("div", { className: "ml-3 max-h-6 truncate font-medium text-gray-600 group-hover:text-gray-800", children:
|
|
48
|
+
const content = isReadMode || !isAllowedToCreateDocuments ? (_jsx("div", { className: "ml-3 max-h-6 truncate font-medium text-gray-600 group-hover:text-gray-800", children: uiNode.name })) : (_jsx(NodeInput, { className: "ml-3 font-medium", defaultValue: uiNode.name, onCancel: onCancel, onSubmit: onSubmit }));
|
|
50
49
|
const containerStyles = twMerge("group flex h-12 cursor-pointer select-none items-center rounded-lg bg-gray-200 px-2", className, isDropTarget && "bg-blue-100");
|
|
51
|
-
return (_jsx("div", { className: "relative w-64", onClick: onClick, children: _jsxs("div", { ...dragProps, ...dropProps, className: containerStyles, children: [_jsxs("div", { className: "flex items-center overflow-hidden", children: [_jsx("div", { className: "p-1", children: _jsxs("div", { className: "relative", children: [_jsx(Icon, { name: "FolderClose", size: 24 }), isReadMode && syncStatus ? (_jsx("div", { className: "absolute bottom-[-3px] right-[-2px] size-3 rounded-full bg-white", children: _jsx("div", { className: "absolute left-[-2px] top-[-2px]", children: _jsx(SyncStatusIcon, { overrideSyncIcons: {
|
|
50
|
+
return (_jsx("div", { className: "relative w-64", onClick: onClick, children: _jsxs("div", { ...dragProps, ...dropProps, className: containerStyles, children: [_jsxs("div", { className: "flex items-center overflow-hidden", children: [_jsx("div", { className: "p-1", children: _jsxs("div", { className: "relative", children: [_jsx(Icon, { name: "FolderClose", size: 24 }), isReadMode && uiNode.syncStatus ? (_jsx("div", { className: "absolute bottom-[-3px] right-[-2px] size-3 rounded-full bg-white", children: _jsx("div", { className: "absolute left-[-2px] top-[-2px]", children: _jsx(SyncStatusIcon, { overrideSyncIcons: {
|
|
52
51
|
SUCCESS: "CheckCircleFill",
|
|
53
|
-
}, syncStatus: syncStatus }) }) })) : null] }) }), content] }), isReadMode && isAllowedToCreateDocuments ? (_jsx(ConnectDropdownMenu, { items: dropdownMenuOptions, onItemClick: onDropdownMenuOptionClick, onOpenChange: setIsDropdownMenuOpen, open: isDropdownMenuOpen, children: _jsx("button", { className: twMerge("ml-auto hidden group-hover:block", isDropdownMenuOpen && "block"), onClick: (e) => {
|
|
52
|
+
}, syncStatus: uiNode.syncStatus }) }) })) : null] }) }), content] }), isReadMode && isAllowedToCreateDocuments ? (_jsx(ConnectDropdownMenu, { items: dropdownMenuOptions, onItemClick: onDropdownMenuOptionClick, onOpenChange: setIsDropdownMenuOpen, open: isDropdownMenuOpen, children: _jsx("button", { className: twMerge("ml-auto hidden group-hover:block", isDropdownMenuOpen && "block"), onClick: (e) => {
|
|
54
53
|
e.stopPropagation();
|
|
55
54
|
setIsDropdownMenuOpen(true);
|
|
56
55
|
}, children: _jsx(Icon, { className: "text-gray-600", name: "VerticalDots" }) }) })) : null] }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"folder-item.js","sourceRoot":"","sources":["../../../../../src/connect/components/folder-item/folder-item.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"folder-item.js","sourceRoot":"","sources":["../../../../../src/connect/components/folder-item/folder-item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { type SharingType } from "#connect";
|
|
2
|
-
import { type DocumentDriveDocument } from "document-drive";
|
|
1
|
+
import { type SharingType, type UiDriveNode } from "#connect";
|
|
3
2
|
import { type SubmitHandler } from "react-hook-form";
|
|
4
3
|
type Inputs = {
|
|
5
4
|
name: string;
|
|
@@ -7,12 +6,10 @@ type Inputs = {
|
|
|
7
6
|
availableOffline: boolean;
|
|
8
7
|
};
|
|
9
8
|
type DriveSettingsFormProps = {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
handleCancel: () => void;
|
|
15
|
-
handleDeleteDrive: () => void;
|
|
9
|
+
readonly uiDriveNode: UiDriveNode;
|
|
10
|
+
readonly onSubmit: DriveSettingsFormSubmitHandler;
|
|
11
|
+
readonly handleCancel: () => void;
|
|
12
|
+
readonly handleDeleteDrive: () => void;
|
|
16
13
|
};
|
|
17
14
|
export type DriveSettingsFormSubmitHandler = SubmitHandler<Inputs>;
|
|
18
15
|
export declare function DriveSettingsForm(props: DriveSettingsFormProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drive-settings-form.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/form/drive-settings-form.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,WAAW,
|
|
1
|
+
{"version":3,"file":"drive-settings-form.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/form/drive-settings-form.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,WAAW,EAGhB,KAAK,WAAW,EACjB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,KAAK,aAAa,EAAW,MAAM,iBAAiB,CAAC;AAE9D,KAAK,MAAM,GAAG;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,QAAQ,EAAE,8BAA8B,CAAC;IAClD,QAAQ,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC;IAClC,QAAQ,CAAC,iBAAiB,EAAE,MAAM,IAAI,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;AAEnE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CA6D9D"}
|
|
@@ -4,8 +4,8 @@ import { Button, Icon } from "#powerhouse";
|
|
|
4
4
|
import { useState } from "react";
|
|
5
5
|
import { useForm } from "react-hook-form";
|
|
6
6
|
export function DriveSettingsForm(props) {
|
|
7
|
-
const {
|
|
8
|
-
const name =
|
|
7
|
+
const { uiDriveNode, onSubmit } = props;
|
|
8
|
+
const { name, sharingType, availableOffline } = uiDriveNode;
|
|
9
9
|
const [showLocationSettings, setShowLocationSettings] = useState(false);
|
|
10
10
|
const [showDangerZone, setShowDangerZone] = useState(false);
|
|
11
11
|
const [showDeleteDrive, setShowDeleteDrive] = useState(false);
|
|
@@ -18,6 +18,6 @@ export function DriveSettingsForm(props) {
|
|
|
18
18
|
},
|
|
19
19
|
});
|
|
20
20
|
const location = sharingType === PUBLIC ? SWITCHBOARD : sharingType;
|
|
21
|
-
return (_jsxs("form", { onSubmit: handleSubmit(onSubmit), children: [_jsx(DriveNameInput, { ...register("name") }), _jsx(Divider, { className: "my-4" }), _jsx(Label, { htmlFor: "sharingType", children: "Sharing settings" }), _jsx(SharingTypeFormInput, { control: control }), _jsx(Divider, { className: "my-3" }), _jsxs(Disclosure, { isOpen: showLocationSettings, onOpenChange: () => setShowLocationSettings(!showLocationSettings), title: "Location", children: [_jsx(LocationInfo, { location: location }), _jsx(AvailableOfflineToggle, { ...register("availableOffline") })] }), _jsx(Divider, { className: "my-3" }), _jsx(Disclosure, { isOpen: showDangerZone, onOpenChange: () => setShowDangerZone(!showDangerZone), title: "Danger zone", children: _jsxs("button", { className: "flex gap-2 py-3 font-semibold text-red-900 transition hover:brightness-125", onClick: () => setShowDeleteDrive(true), type: "button", children: [_jsx(Icon, { name: "Trash" }), "Delete drive"] }) }), showDeleteDrive && showDangerZone ? (_jsx(DeleteDrive, {
|
|
21
|
+
return (_jsxs("form", { onSubmit: handleSubmit(onSubmit), children: [_jsx(DriveNameInput, { ...register("name") }), _jsx(Divider, { className: "my-4" }), _jsx(Label, { htmlFor: "sharingType", children: "Sharing settings" }), _jsx(SharingTypeFormInput, { control: control }), _jsx(Divider, { className: "my-3" }), _jsxs(Disclosure, { isOpen: showLocationSettings, onOpenChange: () => setShowLocationSettings(!showLocationSettings), title: "Location", children: [_jsx(LocationInfo, { location: location }), _jsx(AvailableOfflineToggle, { ...register("availableOffline") })] }), _jsx(Divider, { className: "my-3" }), _jsx(Disclosure, { isOpen: showDangerZone, onOpenChange: () => setShowDangerZone(!showDangerZone), title: "Danger zone", children: _jsxs("button", { className: "flex gap-2 py-3 font-semibold text-red-900 transition hover:brightness-125", onClick: () => setShowDeleteDrive(true), type: "button", children: [_jsx(Icon, { name: "Trash" }), "Delete drive"] }) }), showDeleteDrive && showDangerZone ? (_jsx(DeleteDrive, { ...props, onCancel: () => setShowDeleteDrive(false) })) : (_jsxs(_Fragment, { children: [_jsx(Divider, { className: "my-3" }), _jsx(Button, { className: "mb-4 w-full", type: "submit", children: "Confirm" })] }))] }));
|
|
22
22
|
}
|
|
23
23
|
//# sourceMappingURL=drive-settings-form.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drive-settings-form.js","sourceRoot":"","sources":["../../../../../src/connect/components/form/drive-settings-form.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,sBAAsB,EACtB,WAAW,EACX,UAAU,EACV,OAAO,EACP,cAAc,EACd,KAAK,EACL,YAAY,EACZ,MAAM,EAEN,oBAAoB,EACpB,WAAW,
|
|
1
|
+
{"version":3,"file":"drive-settings-form.js","sourceRoot":"","sources":["../../../../../src/connect/components/form/drive-settings-form.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,sBAAsB,EACtB,WAAW,EACX,UAAU,EACV,OAAO,EACP,cAAc,EACd,KAAK,EACL,YAAY,EACZ,MAAM,EAEN,oBAAoB,EACpB,WAAW,GAEZ,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAsB,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAiB9D,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,WAAW,CAAC;IAE5D,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9D,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,OAAO,CAAS;QAC1D,IAAI,EAAE,QAAQ;QACd,aAAa,EAAE;YACb,IAAI;YACJ,WAAW;YACX,gBAAgB;SACjB;KACF,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC;IAEpE,OAAO,CACL,gBAAM,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,aACpC,KAAC,cAAc,OAAK,QAAQ,CAAC,MAAM,CAAC,GAAI,EACxC,KAAC,OAAO,IAAC,SAAS,EAAC,MAAM,GAAG,EAC5B,KAAC,KAAK,IAAC,OAAO,EAAC,aAAa,iCAAyB,EACrD,KAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,GAAI,EAC1C,KAAC,OAAO,IAAC,SAAS,EAAC,MAAM,GAAG,EAC5B,MAAC,UAAU,IACT,MAAM,EAAE,oBAAoB,EAC5B,YAAY,EAAE,GAAG,EAAE,CAAC,uBAAuB,CAAC,CAAC,oBAAoB,CAAC,EAClE,KAAK,EAAC,UAAU,aAEhB,KAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,GAAI,EACpC,KAAC,sBAAsB,OAAK,QAAQ,CAAC,kBAAkB,CAAC,GAAI,IACjD,EACb,KAAC,OAAO,IAAC,SAAS,EAAC,MAAM,GAAG,EAC5B,KAAC,UAAU,IACT,MAAM,EAAE,cAAc,EACtB,YAAY,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,EACtD,KAAK,EAAC,aAAa,YAEnB,kBACE,SAAS,EAAC,4EAA4E,EACtF,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,EACvC,IAAI,EAAC,QAAQ,aAEb,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,oBAEd,GACE,EACZ,eAAe,IAAI,cAAc,CAAC,CAAC,CAAC,CACnC,KAAC,WAAW,OAAK,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,GAAI,CACtE,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,OAAO,IAAC,SAAS,EAAC,MAAM,GAAG,EAC5B,KAAC,MAAM,IAAC,SAAS,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,wBAEpC,IACR,CACJ,IACI,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type UiDriveNode } from "#connect";
|
|
2
2
|
export type DeleteDriveProps = {
|
|
3
|
-
|
|
4
|
-
handleDeleteDrive: () => void;
|
|
5
|
-
onCancel: () => void;
|
|
3
|
+
readonly uiDriveNode: UiDriveNode;
|
|
4
|
+
readonly handleDeleteDrive: () => void;
|
|
5
|
+
readonly onCancel: () => void;
|
|
6
6
|
};
|
|
7
7
|
export declare function DeleteDrive(props: DeleteDriveProps): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
//# sourceMappingURL=delete-drive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"delete-drive.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/form/inputs/delete-drive.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"delete-drive.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/form/inputs/delete-drive.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAI5D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IACvC,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAuClD"}
|
|
@@ -3,9 +3,9 @@ import { DriveNameInput } from "#connect";
|
|
|
3
3
|
import { Button, Icon } from "#powerhouse";
|
|
4
4
|
import { useState } from "react";
|
|
5
5
|
export function DeleteDrive(props) {
|
|
6
|
-
const {
|
|
6
|
+
const { uiDriveNode, handleDeleteDrive, onCancel } = props;
|
|
7
7
|
const [driveNameInput, setDriveNameInput] = useState("");
|
|
8
|
-
const isAllowedToDelete = driveNameInput ===
|
|
8
|
+
const isAllowedToDelete = driveNameInput === uiDriveNode.name;
|
|
9
9
|
function deleteDrive() {
|
|
10
10
|
if (isAllowedToDelete) {
|
|
11
11
|
handleDeleteDrive();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"delete-drive.js","sourceRoot":"","sources":["../../../../../../src/connect/components/form/inputs/delete-drive.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"delete-drive.js","sourceRoot":"","sources":["../../../../../../src/connect/components/form/inputs/delete-drive.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAoB,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQjC,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzD,MAAM,iBAAiB,GAAG,cAAc,KAAK,WAAW,CAAC,IAAI,CAAC;IAE9D,SAAS,WAAW;QAClB,IAAI,iBAAiB,EAAE,CAAC;YACtB,iBAAiB,EAAE,CAAC;QACtB,CAAC;IACH,CAAC;IAED,OAAO,CACL,0BACE,YAAG,SAAS,EAAC,4DAA4D,wIAGrE,EACJ,KAAC,cAAc,IACb,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1D,WAAW,EAAC,qBAAqB,EACjC,KAAK,EAAE,cAAc,GACrB,EACF,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,uBAEjD,EACT,KAAC,MAAM,IACL,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,KAAK,EACX,QAAQ,EAAE,CAAC,iBAAiB,EAC5B,OAAO,EAAE,WAAW,uBAGb,IACL,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -8,6 +8,7 @@ export * from "./disclosure/index.js";
|
|
|
8
8
|
export * from "./divider/index.js";
|
|
9
9
|
export * from "./document-timeline/index.js";
|
|
10
10
|
export * from "./document-toolbar/index.js";
|
|
11
|
+
export * from "./drive-view/index.js";
|
|
11
12
|
export * from "./dropdown-menu/index.js";
|
|
12
13
|
export * from "./editor-action-buttons/index.js";
|
|
13
14
|
export * from "./editor-undo-redo-buttons/index.js";
|
|
@@ -30,4 +31,5 @@ export * from "./tabs/index.js";
|
|
|
30
31
|
export * from "./toast/index.js";
|
|
31
32
|
export * from "./toggle/index.js";
|
|
32
33
|
export * from "./tooltip/index.js";
|
|
34
|
+
export * from "./tree-view/index.js";
|
|
33
35
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/connect/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/connect/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}
|
|
@@ -8,6 +8,7 @@ export * from "./disclosure/index.js";
|
|
|
8
8
|
export * from "./divider/index.js";
|
|
9
9
|
export * from "./document-timeline/index.js";
|
|
10
10
|
export * from "./document-toolbar/index.js";
|
|
11
|
+
export * from "./drive-view/index.js";
|
|
11
12
|
export * from "./dropdown-menu/index.js";
|
|
12
13
|
export * from "./editor-action-buttons/index.js";
|
|
13
14
|
export * from "./editor-undo-redo-buttons/index.js";
|
|
@@ -30,4 +31,5 @@ export * from "./tabs/index.js";
|
|
|
30
31
|
export * from "./toast/index.js";
|
|
31
32
|
export * from "./toggle/index.js";
|
|
32
33
|
export * from "./tooltip/index.js";
|
|
34
|
+
export * from "./tree-view/index.js";
|
|
33
35
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/connect/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/connect/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}
|
|
@@ -1,20 +1,17 @@
|
|
|
1
|
-
import { type SharingType } from "#connect";
|
|
1
|
+
import { type SharingType, type UiDriveNode } from "#connect";
|
|
2
2
|
import { type DivProps, Modal } from "#powerhouse";
|
|
3
|
-
import { type DocumentDriveDocument } from "document-drive";
|
|
4
3
|
import { type ComponentPropsWithoutRef } from "react";
|
|
5
4
|
type ModalProps = ComponentPropsWithoutRef<typeof Modal>;
|
|
6
5
|
export type DriveSettingsModalProps = {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
modalProps?: ModalProps;
|
|
17
|
-
containerProps?: DivProps;
|
|
6
|
+
readonly uiDriveNode: UiDriveNode;
|
|
7
|
+
readonly open: boolean;
|
|
8
|
+
readonly onOpenChange: (open: boolean) => void;
|
|
9
|
+
readonly onRenameDrive: (uiDriveNode: UiDriveNode, newName: string) => void;
|
|
10
|
+
readonly onDeleteDrive: (uiDriveNode: UiDriveNode) => void;
|
|
11
|
+
readonly onChangeSharingType: (uiDriveNode: UiDriveNode, newSharingType: SharingType) => void;
|
|
12
|
+
readonly onChangeAvailableOffline: (uiDriveNode: UiDriveNode, newAvailableOffline: boolean) => void;
|
|
13
|
+
readonly modalProps?: ModalProps;
|
|
14
|
+
readonly containerProps?: DivProps;
|
|
18
15
|
};
|
|
19
16
|
export declare function DriveSettingsModal(props: DriveSettingsModalProps): import("react/jsx-runtime").JSX.Element;
|
|
20
17
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drive-settings-modal.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/drive-settings-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,KAAK,QAAQ,EAAQ,KAAK,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"drive-settings-modal.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/modal/drive-settings-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,KAAK,QAAQ,EAAQ,KAAK,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,KAAK,UAAU,GAAG,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;AAEzD,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,aAAa,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,QAAQ,CAAC,aAAa,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,mBAAmB,EAAE,CAC5B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,WAAW,KACxB,IAAI,CAAC;IACV,QAAQ,CAAC,wBAAwB,EAAE,CACjC,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,OAAO,KACzB,IAAI,CAAC;IACV,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC;IACjC,QAAQ,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;CACpC,CAAC;AACF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAuEhE"}
|