@pelicanplatform/components 1.0.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/LICENSE +201 -0
- package/README.md +0 -0
- package/dist/AuthenticatedClient/AuthenticatedClient.d.ts +6 -0
- package/dist/AuthenticatedClient/AuthenticatedClient.d.ts.map +1 -0
- package/dist/AuthenticatedClient/AuthenticatedClient.js +98 -0
- package/dist/AuthenticatedClient/AuthenticatedClient.js.map +1 -0
- package/dist/AuthenticatedClient/index.d.ts +3 -0
- package/dist/AuthenticatedClient/index.d.ts.map +1 -0
- package/dist/AuthenticatedClient/index.js +3 -0
- package/dist/AuthenticatedClient/index.js.map +1 -0
- package/dist/Client/Client.d.ts +12 -0
- package/dist/Client/Client.d.ts.map +1 -0
- package/dist/Client/Client.js +13 -0
- package/dist/Client/Client.js.map +1 -0
- package/dist/Client/index.d.ts +3 -0
- package/dist/Client/index.d.ts.map +1 -0
- package/dist/Client/index.js +3 -0
- package/dist/Client/index.js.map +1 -0
- package/dist/ClientMenu/ClientMenu.d.ts +7 -0
- package/dist/ClientMenu/ClientMenu.d.ts.map +1 -0
- package/dist/ClientMenu/ClientMenu.js +9 -0
- package/dist/ClientMenu/ClientMenu.js.map +1 -0
- package/dist/ClientMenu/index.d.ts +1 -0
- package/dist/ClientMenu/index.d.ts.map +1 -0
- package/dist/ClientMenu/index.js +2 -0
- package/dist/ClientMenu/index.js.map +1 -0
- package/dist/ClientMetadata/ClientMetadata.d.ts +14 -0
- package/dist/ClientMetadata/ClientMetadata.d.ts.map +1 -0
- package/dist/ClientMetadata/ClientMetadata.js +12 -0
- package/dist/ClientMetadata/ClientMetadata.js.map +1 -0
- package/dist/ClientMetadata/index.d.ts +3 -0
- package/dist/ClientMetadata/index.d.ts.map +1 -0
- package/dist/ClientMetadata/index.js +3 -0
- package/dist/ClientMetadata/index.js.map +1 -0
- package/dist/CollectionShortcuts/CollectionShortcuts.d.ts +13 -0
- package/dist/CollectionShortcuts/CollectionShortcuts.d.ts.map +1 -0
- package/dist/CollectionShortcuts/CollectionShortcuts.js +22 -0
- package/dist/CollectionShortcuts/CollectionShortcuts.js.map +1 -0
- package/dist/CollectionShortcuts/index.d.ts +3 -0
- package/dist/CollectionShortcuts/index.d.ts.map +1 -0
- package/dist/CollectionShortcuts/index.js +3 -0
- package/dist/CollectionShortcuts/index.js.map +1 -0
- package/dist/CollectionView/CollectionView.d.ts +13 -0
- package/dist/CollectionView/CollectionView.d.ts.map +1 -0
- package/dist/CollectionView/CollectionView.js +12 -0
- package/dist/CollectionView/CollectionView.js.map +1 -0
- package/dist/CollectionView/index.d.ts +2 -0
- package/dist/CollectionView/index.d.ts.map +1 -0
- package/dist/CollectionView/index.js +2 -0
- package/dist/CollectionView/index.js.map +1 -0
- package/dist/LabeledIconButton/LabeledIconButton.d.ts +10 -0
- package/dist/LabeledIconButton/LabeledIconButton.d.ts.map +1 -0
- package/dist/LabeledIconButton/LabeledIconButton.js +11 -0
- package/dist/LabeledIconButton/LabeledIconButton.js.map +1 -0
- package/dist/LabeledIconButton/index.d.ts +2 -0
- package/dist/LabeledIconButton/index.d.ts.map +1 -0
- package/dist/LabeledIconButton/index.js +2 -0
- package/dist/LabeledIconButton/index.js.map +1 -0
- package/dist/ObjectInput/ObjectInput.d.ts +18 -0
- package/dist/ObjectInput/ObjectInput.d.ts.map +1 -0
- package/dist/ObjectInput/ObjectInput.js +46 -0
- package/dist/ObjectInput/ObjectInput.js.map +1 -0
- package/dist/ObjectInput/StartAdornment.d.ts +9 -0
- package/dist/ObjectInput/StartAdornment.d.ts.map +1 -0
- package/dist/ObjectInput/StartAdornment.js +13 -0
- package/dist/ObjectInput/StartAdornment.js.map +1 -0
- package/dist/ObjectInput/index.d.ts +3 -0
- package/dist/ObjectInput/index.d.ts.map +1 -0
- package/dist/ObjectInput/index.js +3 -0
- package/dist/ObjectInput/index.js.map +1 -0
- package/dist/ObjectUpload/ObjectUpload.d.ts +27 -0
- package/dist/ObjectUpload/ObjectUpload.d.ts.map +1 -0
- package/dist/ObjectUpload/ObjectUpload.js +177 -0
- package/dist/ObjectUpload/ObjectUpload.js.map +1 -0
- package/dist/ObjectUpload/index.d.ts +3 -0
- package/dist/ObjectUpload/index.d.ts.map +1 -0
- package/dist/ObjectUpload/index.js +3 -0
- package/dist/ObjectUpload/index.js.map +1 -0
- package/dist/ObjectView/ObjectView.d.ts +18 -0
- package/dist/ObjectView/ObjectView.d.ts.map +1 -0
- package/dist/ObjectView/ObjectView.js +115 -0
- package/dist/ObjectView/ObjectView.js.map +1 -0
- package/dist/ObjectView/index.d.ts +3 -0
- package/dist/ObjectView/index.d.ts.map +1 -0
- package/dist/ObjectView/index.js +3 -0
- package/dist/ObjectView/index.js.map +1 -0
- package/dist/PelicanClientProvider/PelicanClientContext.d.ts +26 -0
- package/dist/PelicanClientProvider/PelicanClientContext.d.ts.map +1 -0
- package/dist/PelicanClientProvider/PelicanClientContext.js +4 -0
- package/dist/PelicanClientProvider/PelicanClientContext.js.map +1 -0
- package/dist/PelicanClientProvider/PelicanClientProvider.d.ts +15 -0
- package/dist/PelicanClientProvider/PelicanClientProvider.d.ts.map +1 -0
- package/dist/PelicanClientProvider/PelicanClientProvider.js +377 -0
- package/dist/PelicanClientProvider/PelicanClientProvider.js.map +1 -0
- package/dist/PelicanClientProvider/index.d.ts +6 -0
- package/dist/PelicanClientProvider/index.d.ts.map +1 -0
- package/dist/PelicanClientProvider/index.js +4 -0
- package/dist/PelicanClientProvider/index.js.map +1 -0
- package/dist/PelicanClientProvider/usePelicanClient.d.ts +21 -0
- package/dist/PelicanClientProvider/usePelicanClient.d.ts.map +1 -0
- package/dist/PelicanClientProvider/usePelicanClient.js +29 -0
- package/dist/PelicanClientProvider/usePelicanClient.js.map +1 -0
- package/dist/PermissionIcon/PermissionIcon.d.ts +7 -0
- package/dist/PermissionIcon/PermissionIcon.d.ts.map +1 -0
- package/dist/PermissionIcon/PermissionIcon.js +16 -0
- package/dist/PermissionIcon/PermissionIcon.js.map +1 -0
- package/dist/PermissionIcon/index.d.ts +2 -0
- package/dist/PermissionIcon/index.d.ts.map +1 -0
- package/dist/PermissionIcon/index.js +2 -0
- package/dist/PermissionIcon/index.js.map +1 -0
- package/dist/PublicClient/PublicClient.d.ts +6 -0
- package/dist/PublicClient/PublicClient.d.ts.map +1 -0
- package/dist/PublicClient/PublicClient.js +33 -0
- package/dist/PublicClient/PublicClient.js.map +1 -0
- package/dist/PublicClient/index.d.ts +3 -0
- package/dist/PublicClient/index.d.ts.map +1 -0
- package/dist/PublicClient/index.js +3 -0
- package/dist/PublicClient/index.js.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -0
- package/dist/usePelicanClient/index.d.ts +3 -0
- package/dist/usePelicanClient/index.d.ts.map +1 -0
- package/dist/usePelicanClient/index.js +3 -0
- package/dist/usePelicanClient/index.js.map +1 -0
- package/dist/usePelicanClient/useAuthExchange.d.ts +41 -0
- package/dist/usePelicanClient/useAuthExchange.d.ts.map +1 -0
- package/dist/usePelicanClient/useAuthExchange.js +89 -0
- package/dist/usePelicanClient/useAuthExchange.js.map +1 -0
- package/dist/usePelicanClient/useCodeVerifier.d.ts +12 -0
- package/dist/usePelicanClient/useCodeVerifier.d.ts.map +1 -0
- package/dist/usePelicanClient/useCodeVerifier.js +37 -0
- package/dist/usePelicanClient/useCodeVerifier.js.map +1 -0
- package/dist/usePelicanClient/useEventCallback.d.ts +18 -0
- package/dist/usePelicanClient/useEventCallback.d.ts.map +1 -0
- package/dist/usePelicanClient/useEventCallback.js +12 -0
- package/dist/usePelicanClient/useEventCallback.js.map +1 -0
- package/dist/usePelicanClient/useEventListener.d.ts +7 -0
- package/dist/usePelicanClient/useEventListener.d.ts.map +1 -0
- package/dist/usePelicanClient/useEventListener.js +57 -0
- package/dist/usePelicanClient/useEventListener.js.map +1 -0
- package/dist/usePelicanClient/useIsomorphicLayoutEffect.d.ts +16 -0
- package/dist/usePelicanClient/useIsomorphicLayoutEffect.d.ts.map +1 -0
- package/dist/usePelicanClient/useIsomorphicLayoutEffect.js +16 -0
- package/dist/usePelicanClient/useIsomorphicLayoutEffect.js.map +1 -0
- package/dist/usePelicanClient/usePelicanClient.d.ts +27 -0
- package/dist/usePelicanClient/usePelicanClient.d.ts.map +1 -0
- package/dist/usePelicanClient/usePelicanClient.js +245 -0
- package/dist/usePelicanClient/usePelicanClient.js.map +1 -0
- package/dist/usePelicanClient/useSessionStorage.d.ts +39 -0
- package/dist/usePelicanClient/useSessionStorage.d.ts.map +1 -0
- package/dist/usePelicanClient/useSessionStorage.js +121 -0
- package/dist/usePelicanClient/useSessionStorage.js.map +1 -0
- package/dist/usePelicanClient/util.d.ts +1 -0
- package/dist/usePelicanClient/util.d.ts.map +1 -0
- package/dist/usePelicanClient/util.js +2 -0
- package/dist/usePelicanClient/util.js.map +1 -0
- package/package.json +53 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/CollectionView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IconButtonProps } from "@mui/material";
|
|
2
|
+
interface LabeledIconButtonProps extends IconButtonProps {
|
|
3
|
+
label: string;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* IconButton with a small label below it in a vertical layout.
|
|
7
|
+
*/
|
|
8
|
+
declare const LabeledIconButton: ({ label, ...props }: LabeledIconButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default LabeledIconButton;
|
|
10
|
+
//# sourceMappingURL=LabeledIconButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LabeledIconButton.d.ts","sourceRoot":"","sources":["../../src/LabeledIconButton/LabeledIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,eAAe,EAAa,MAAM,eAAe,CAAC;AAG/D,UAAU,sBAAuB,SAAQ,eAAe;IACtD,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,QAAA,MAAM,iBAAiB,GAAI,qBAAmB,sBAAsB,4CAiBnE,CAAA;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box, Typography } from "@mui/material";
|
|
3
|
+
import IconButton from "@mui/material/IconButton";
|
|
4
|
+
/**
|
|
5
|
+
* IconButton with a small label below it in a vertical layout.
|
|
6
|
+
*/
|
|
7
|
+
const LabeledIconButton = ({ label, ...props }) => {
|
|
8
|
+
return (_jsxs(Box, { display: "flex", flexDirection: "column", alignItems: "center", children: [_jsx(IconButton, { ...props, sx: { ...props.sx, mb: -1 }, "aria-label": label, children: props.children }), _jsx(Typography, { variant: "caption", display: "block", textAlign: "center", sx: { ...props.sx }, children: label })] }));
|
|
9
|
+
};
|
|
10
|
+
export default LabeledIconButton;
|
|
11
|
+
//# sourceMappingURL=LabeledIconButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LabeledIconButton.js","sourceRoot":"","sources":["../../src/LabeledIconButton/LabeledIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,GAAG,EAAmB,UAAU,EAAC,MAAM,eAAe,CAAC;AAC/D,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAMlD;;GAEG;AACH,MAAM,iBAAiB,GAAG,CAAC,EAAC,KAAK,EAAE,GAAG,KAAK,EAAyB,EAAE,EAAE;IAEtE,OAAO,CACL,MAAC,GAAG,IAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,aACjE,KAAC,UAAU,OAAK,KAAK,EAAE,EAAE,EAAE,EAAC,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAC,gBAAc,KAAK,YAChE,KAAK,CAAC,QAAQ,GACJ,EACb,KAAC,UAAU,IACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAE,EAAC,GAAG,KAAK,CAAC,EAAE,EAAC,YAEhB,KAAK,GACK,IACT,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/LabeledIconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/LabeledIconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
interface ObjectInputProps {
|
|
2
|
+
objectUrl: string;
|
|
3
|
+
/**
|
|
4
|
+
* onChange is a debounced callback for when the user stops typing,
|
|
5
|
+
* signifying to change the object.
|
|
6
|
+
*/
|
|
7
|
+
onChange: (url: string) => void;
|
|
8
|
+
loading: boolean;
|
|
9
|
+
federation?: string | null;
|
|
10
|
+
namespace?: string | null;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* The ObjectInput component allows users to input an object URL, handles authentication if required,
|
|
14
|
+
* and displays a loading indicator during asynchronous operations.
|
|
15
|
+
*/
|
|
16
|
+
declare function ObjectInput({ objectUrl, onChange, loading, federation, namespace }: ObjectInputProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export default ObjectInput;
|
|
18
|
+
//# sourceMappingURL=ObjectInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ObjectInput.d.ts","sourceRoot":"","sources":["../../src/ObjectInput/ObjectInput.tsx"],"names":[],"mappings":"AAWA,UAAU,gBAAgB;IACtB,SAAS,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhC,OAAO,EAAE,OAAO,CAAC;IAEjB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED;;;GAGG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CA2D7F;AAED,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Box, LinearProgress, TextField } from "@mui/material";
|
|
4
|
+
import { useMemo, useState } from "react";
|
|
5
|
+
import StartAdornment from "./StartAdornment";
|
|
6
|
+
/**
|
|
7
|
+
* The ObjectInput component allows users to input an object URL, handles authentication if required,
|
|
8
|
+
* and displays a loading indicator during asynchronous operations.
|
|
9
|
+
*/
|
|
10
|
+
function ObjectInput({ objectUrl, onChange, loading, federation, namespace }) {
|
|
11
|
+
const [expanded, _setExpanded] = useState(true);
|
|
12
|
+
const setExpanded = (value) => {
|
|
13
|
+
if (loading)
|
|
14
|
+
return;
|
|
15
|
+
_setExpanded(value);
|
|
16
|
+
};
|
|
17
|
+
// Derive isPrefixComplete directly from props - no need for state or useEffect
|
|
18
|
+
const isPrefixComplete = !!federation && !!namespace;
|
|
19
|
+
// Derive displayValue directly - no need for state or useEffect
|
|
20
|
+
const displayValue = useMemo(() => {
|
|
21
|
+
if (!isPrefixComplete || expanded) {
|
|
22
|
+
return objectUrl;
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
return objectUrl.replace(`pelican://${federation !== null && federation !== void 0 ? federation : ""}${namespace !== null && namespace !== void 0 ? namespace : ""}`, "");
|
|
26
|
+
}
|
|
27
|
+
}, [isPrefixComplete, expanded, objectUrl, federation, namespace]);
|
|
28
|
+
const handleChange = (e) => {
|
|
29
|
+
// If things are expanded then do nothing
|
|
30
|
+
if (expanded) {
|
|
31
|
+
objectUrl = e.target.value;
|
|
32
|
+
// If things are collapsed then we are just operating on the object name relative to the namespace
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
objectUrl = `pelican://${federation !== null && federation !== void 0 ? federation : ""}${namespace !== null && namespace !== void 0 ? namespace : ""}${e.target.value}`;
|
|
36
|
+
}
|
|
37
|
+
onChange(objectUrl);
|
|
38
|
+
};
|
|
39
|
+
return (_jsxs(Box, { display: "flex", flexDirection: "column", children: [_jsx(Box, { display: "flex", alignItems: "center", children: _jsx(TextField, { fullWidth: true, onChange: handleChange, value: displayValue, id: "pelican-url", placeholder: expanded ? "Enter Pelican URL ( pelican://<federation>/<namespace>/* )" : "Enter object path...", variant: "outlined", size: "medium", slotProps: {
|
|
40
|
+
input: {
|
|
41
|
+
startAdornment: (_jsx(StartAdornment, { federation: federation !== null && federation !== void 0 ? federation : "", namespace: namespace !== null && namespace !== void 0 ? namespace : "", expanded: expanded, setExpanded: setExpanded }))
|
|
42
|
+
},
|
|
43
|
+
} }) }), loading ? _jsx(LinearProgress, {}) : _jsx(Box, { height: 4 })] }));
|
|
44
|
+
}
|
|
45
|
+
export default ObjectInput;
|
|
46
|
+
//# sourceMappingURL=ObjectInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ObjectInput.js","sourceRoot":"","sources":["../../src/ObjectInput/ObjectInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAC,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAGxC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAmB9C;;;GAGG;AACH,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAoB;IAG1F,MAAM,CAAC,QAAQ,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEhD,MAAM,WAAW,GAAG,CAAC,KAAc,EAAE,EAAE;QACnC,IAAG,OAAO;YAAE,OAAO;QACnB,YAAY,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAA;IAED,+EAA+E;IAC/E,MAAM,gBAAgB,GAAG,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,SAAS,CAAC;IAErD,gEAAgE;IAChE,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,gBAAgB,IAAI,QAAQ,EAAE,CAAC;YAChC,OAAO,SAAS,CAAC;QACrB,CAAC;aAAM,CAAC;YACJ,OAAO,SAAS,CAAC,OAAO,CAAC,aAAa,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;QACpF,CAAC;IACL,CAAC,EAAE,CAAC,gBAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnE,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAE9D,yCAAyC;QACzC,IAAI,QAAQ,EAAE,CAAC;YACb,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YAE7B,kGAAkG;QAClG,CAAC;aAAM,CAAC;YACN,SAAS,GAAG,aAAa,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QACjF,CAAC;QAED,QAAQ,CAAC,SAAS,CAAC,CAAC;IACtB,CAAC,CAAA;IAED,OAAO,CACH,MAAC,GAAG,IAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,aACzC,KAAC,GAAG,IAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,YACtC,KAAC,SAAS,IACN,SAAS,QACT,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,YAAY,EACnB,EAAE,EAAC,aAAa,EAChB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,4DAA4D,CAAC,CAAC,CAAC,sBAAsB,EAC7G,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE;wBACP,KAAK,EAAE;4BACH,cAAc,EAAE,CACZ,KAAC,cAAc,IAAC,UAAU,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,EAAE,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAAI,CAC7H;yBACJ;qBACJ,GACH,GACA,EACL,OAAO,CAAC,CAAC,CAAC,KAAC,cAAc,KAAG,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,MAAM,EAAE,CAAC,GAAI,IAChD,CACT,CAAC;AACN,CAAC;AAED,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface StartAdornmentProps {
|
|
2
|
+
federation?: string;
|
|
3
|
+
namespace?: string;
|
|
4
|
+
expanded: boolean;
|
|
5
|
+
setExpanded: (expanded: boolean) => void;
|
|
6
|
+
}
|
|
7
|
+
declare const StartAdornment: ({ federation, namespace, expanded, setExpanded }: StartAdornmentProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default StartAdornment;
|
|
9
|
+
//# sourceMappingURL=StartAdornment.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StartAdornment.d.ts","sourceRoot":"","sources":["../../src/ObjectInput/StartAdornment.tsx"],"names":[],"mappings":"AAIA,UAAU,mBAAmB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,QAAA,MAAM,cAAc,GAAI,kDAAgD,mBAAmB,4CAgB1F,CAAA;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { InputAdornment, Box } from "@mui/material";
|
|
3
|
+
import { KeyboardDoubleArrowRight } from "@mui/icons-material";
|
|
4
|
+
const StartAdornment = ({ federation, namespace, expanded, setExpanded }) => {
|
|
5
|
+
return (_jsx(InputAdornment, { position: "start", children: _jsx(Box, { sx: { display: 'flex', transform: expanded ? 'rotate(0deg)' : 'rotate(180deg)', transition: 'transform 200ms ease' }, onClick: () => {
|
|
6
|
+
// Only allow toggling if both federation and namespace are defined
|
|
7
|
+
if (!!federation && !!namespace) {
|
|
8
|
+
setExpanded(!expanded);
|
|
9
|
+
}
|
|
10
|
+
}, children: _jsx(KeyboardDoubleArrowRight, {}) }) }));
|
|
11
|
+
};
|
|
12
|
+
export default StartAdornment;
|
|
13
|
+
//# sourceMappingURL=StartAdornment.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StartAdornment.js","sourceRoot":"","sources":["../../src/ObjectInput/StartAdornment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,cAAc,EAAE,GAAG,EAAC,MAAM,eAAe,CAAC;AAClD,OAAO,EAAC,wBAAwB,EAA0B,MAAM,qBAAqB,CAAC;AAUtF,MAAM,cAAc,GAAG,CAAC,EAAC,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAsB,EAAE,EAAE;IAC3F,OAAO,CACH,KAAC,cAAc,IAAC,QAAQ,EAAC,OAAO,YAC5B,KAAC,GAAG,IACA,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB,EAAE,UAAU,EAAE,sBAAsB,EAAE,EACpH,OAAO,EAAE,GAAG,EAAE;gBACV,mEAAmE;gBACnE,IAAG,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC;oBAC7B,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAA;gBAC1B,CAAC;YACL,CAAC,YAED,KAAC,wBAAwB,KAAE,GACzB,GACO,CACpB,CAAA;AACL,CAAC,CAAA;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ObjectInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ObjectInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { DragEvent, Ref } from "react";
|
|
2
|
+
export interface ObjectUploadRef {
|
|
3
|
+
dragHandlers: {
|
|
4
|
+
onDragEnter: (e: DragEvent) => void;
|
|
5
|
+
onDragOver: (e: DragEvent) => void;
|
|
6
|
+
onDragLeave: (e: DragEvent) => void;
|
|
7
|
+
onDrop: (e: DragEvent) => void;
|
|
8
|
+
};
|
|
9
|
+
triggerFileSelect: () => void;
|
|
10
|
+
}
|
|
11
|
+
interface ObjectUploadProps {
|
|
12
|
+
/** Whether upload functionality is enabled */
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
/** Callback when files are dropped/selected - should return a Promise that resolves when upload is complete */
|
|
15
|
+
onUpload?: (file: File) => Promise<void>;
|
|
16
|
+
/** Current object path for context */
|
|
17
|
+
currentPath?: string;
|
|
18
|
+
/** Ref to expose drag handlers */
|
|
19
|
+
refs?: Ref<ObjectUploadRef>;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* A drag-and-drop upload component that provides an overlay when dragging files over the window.
|
|
23
|
+
* TODO: button to open file selector
|
|
24
|
+
*/
|
|
25
|
+
declare const ObjectUpload: ({ disabled, onUpload, currentPath, refs }: ObjectUploadProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export default ObjectUpload;
|
|
27
|
+
//# sourceMappingURL=ObjectUpload.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ObjectUpload.d.ts","sourceRoot":"","sources":["../../src/ObjectUpload/ObjectUpload.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAiE,MAAM,OAAO,CAAC;AAQtG,MAAM,WAAW,eAAe;IAC5B,YAAY,EAAE;QACV,WAAW,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;QACpC,UAAU,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;QACnC,WAAW,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;QACpC,MAAM,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;KAClC,CAAC;IACF,iBAAiB,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,UAAU,iBAAiB;IACvB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+GAA+G;IAC/G,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,IAAI,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC/B;AAED;;;GAGG;AACH,QAAA,MAAM,YAAY,GAAI,2CAAmD,iBAAiB,4CA8RzF,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import CheckCircleIcon from "@mui/icons-material/CheckCircle";
|
|
4
|
+
import CloudUploadIcon from "@mui/icons-material/CloudUpload";
|
|
5
|
+
import ErrorIcon from "@mui/icons-material/Error";
|
|
6
|
+
import InsertDriveFileIcon from "@mui/icons-material/InsertDriveFile";
|
|
7
|
+
import { Box, List, ListItem, ListItemIcon, ListItemText, Paper, Typography } from "@mui/material";
|
|
8
|
+
import { formatBytes } from "@pelicanplatform/web-client";
|
|
9
|
+
import { useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
|
|
10
|
+
/**
|
|
11
|
+
* A drag-and-drop upload component that provides an overlay when dragging files over the window.
|
|
12
|
+
* TODO: button to open file selector
|
|
13
|
+
*/
|
|
14
|
+
const ObjectUpload = ({ disabled = false, onUpload, currentPath, refs }) => {
|
|
15
|
+
const [showOverlay, setShowOverlay] = useState(false);
|
|
16
|
+
const [isDragging, setIsDragging] = useState(false);
|
|
17
|
+
const [uploadingFiles, setUploadingFiles] = useState([]);
|
|
18
|
+
const dragCounterRef = useRef(0);
|
|
19
|
+
const fileInputRef = useRef(null);
|
|
20
|
+
const handleDragEnter = useCallback((e) => {
|
|
21
|
+
e.preventDefault();
|
|
22
|
+
e.stopPropagation();
|
|
23
|
+
dragCounterRef.current++;
|
|
24
|
+
if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {
|
|
25
|
+
setIsDragging(true);
|
|
26
|
+
}
|
|
27
|
+
}, []);
|
|
28
|
+
const handleDragLeave = useCallback((e) => {
|
|
29
|
+
e.preventDefault();
|
|
30
|
+
e.stopPropagation();
|
|
31
|
+
dragCounterRef.current--;
|
|
32
|
+
if (dragCounterRef.current === 0) {
|
|
33
|
+
setIsDragging(false);
|
|
34
|
+
}
|
|
35
|
+
}, []);
|
|
36
|
+
const handleDragOver = useCallback((e) => {
|
|
37
|
+
e.preventDefault();
|
|
38
|
+
e.stopPropagation();
|
|
39
|
+
}, []);
|
|
40
|
+
const processFiles = useCallback(async (files) => {
|
|
41
|
+
if (disabled || !onUpload || files.length === 0)
|
|
42
|
+
return;
|
|
43
|
+
// Initialize upload tracking
|
|
44
|
+
const newUploadingFiles = files.map((file) => ({
|
|
45
|
+
file,
|
|
46
|
+
status: "pending",
|
|
47
|
+
}));
|
|
48
|
+
setUploadingFiles(newUploadingFiles);
|
|
49
|
+
setShowOverlay(true);
|
|
50
|
+
files.forEach(async (file, index) => {
|
|
51
|
+
// Update status to uploading
|
|
52
|
+
setUploadingFiles((prev) => {
|
|
53
|
+
const updated = [...prev];
|
|
54
|
+
updated[index].status = "uploading";
|
|
55
|
+
return updated;
|
|
56
|
+
});
|
|
57
|
+
try {
|
|
58
|
+
await onUpload(file);
|
|
59
|
+
// Update status to success
|
|
60
|
+
setUploadingFiles((prev) => {
|
|
61
|
+
const updated = [...prev];
|
|
62
|
+
updated[index].status = "success";
|
|
63
|
+
return updated;
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
catch (e) {
|
|
67
|
+
// Update status to error
|
|
68
|
+
setUploadingFiles((prev) => {
|
|
69
|
+
const updated = [...prev];
|
|
70
|
+
updated[index].status = "error";
|
|
71
|
+
updated[index].error = e instanceof Error ? e.message : "Upload failed";
|
|
72
|
+
return updated;
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
});
|
|
76
|
+
}, [disabled, onUpload]);
|
|
77
|
+
const handleDrop = useCallback(async (e) => {
|
|
78
|
+
e.preventDefault();
|
|
79
|
+
e.stopPropagation();
|
|
80
|
+
setIsDragging(false);
|
|
81
|
+
dragCounterRef.current = 0;
|
|
82
|
+
const droppedFiles = Array.from(e.dataTransfer.files);
|
|
83
|
+
await processFiles(droppedFiles);
|
|
84
|
+
}, [processFiles]);
|
|
85
|
+
const triggerFileSelect = useCallback(() => {
|
|
86
|
+
if (!disabled && fileInputRef.current) {
|
|
87
|
+
fileInputRef.current.click();
|
|
88
|
+
}
|
|
89
|
+
}, [disabled]);
|
|
90
|
+
const handleFileInputChange = useCallback((e) => {
|
|
91
|
+
const files = e.target.files;
|
|
92
|
+
if (files && files.length > 0) {
|
|
93
|
+
processFiles(Array.from(files));
|
|
94
|
+
}
|
|
95
|
+
// Reset input value so the same file can be selected again
|
|
96
|
+
e.target.value = "";
|
|
97
|
+
}, [processFiles]);
|
|
98
|
+
// expose drag handlers via ref
|
|
99
|
+
useImperativeHandle(refs, () => ({
|
|
100
|
+
dragHandlers: {
|
|
101
|
+
onDragEnter: handleDragEnter,
|
|
102
|
+
onDragOver: handleDragOver,
|
|
103
|
+
onDragLeave: handleDragLeave,
|
|
104
|
+
onDrop: handleDrop,
|
|
105
|
+
},
|
|
106
|
+
triggerFileSelect,
|
|
107
|
+
}), [handleDragEnter, handleDragOver, handleDragLeave, handleDrop, triggerFileSelect]);
|
|
108
|
+
// Auto-close overlay when all uploads are complete
|
|
109
|
+
useEffect(() => {
|
|
110
|
+
if (uploadingFiles.length === 0)
|
|
111
|
+
return;
|
|
112
|
+
const allComplete = uploadingFiles.every((f) => f.status === "success" || f.status === "error");
|
|
113
|
+
const hasErrors = uploadingFiles.some((f) => f.status === "error");
|
|
114
|
+
if (allComplete && !hasErrors) {
|
|
115
|
+
// Close after a short delay to let user see completion
|
|
116
|
+
const timer = setTimeout(() => {
|
|
117
|
+
setShowOverlay(false);
|
|
118
|
+
setUploadingFiles([]);
|
|
119
|
+
}, 1500);
|
|
120
|
+
return () => clearTimeout(timer);
|
|
121
|
+
}
|
|
122
|
+
else if (allComplete && hasErrors) {
|
|
123
|
+
// Keep overlay open longer if there are errors
|
|
124
|
+
const timer = setTimeout(() => {
|
|
125
|
+
setShowOverlay(false);
|
|
126
|
+
setUploadingFiles([]);
|
|
127
|
+
}, 5000);
|
|
128
|
+
return () => clearTimeout(timer);
|
|
129
|
+
}
|
|
130
|
+
}, [uploadingFiles]);
|
|
131
|
+
return (_jsxs(_Fragment, { children: [_jsx("input", { ref: fileInputRef, type: "file", multiple: true, style: { display: "none" }, onChange: handleFileInputChange }), isDragging && !disabled && (_jsx(Paper, { elevation: 8, sx: {
|
|
132
|
+
position: "fixed",
|
|
133
|
+
top: 0,
|
|
134
|
+
left: 0,
|
|
135
|
+
right: 0,
|
|
136
|
+
bottom: 0,
|
|
137
|
+
zIndex: 9999,
|
|
138
|
+
backgroundColor: "rgba(25, 118, 210, 0.1)",
|
|
139
|
+
backdropFilter: "blur(4px)",
|
|
140
|
+
display: "flex",
|
|
141
|
+
alignItems: "center",
|
|
142
|
+
justifyContent: "center",
|
|
143
|
+
border: "4px dashed",
|
|
144
|
+
borderColor: "primary.main",
|
|
145
|
+
pointerEvents: "none",
|
|
146
|
+
}, children: _jsxs(Box, { textAlign: "center", children: [_jsx(CloudUploadIcon, { sx: { fontSize: 80, color: "primary.main", mb: 2 } }), _jsx(Typography, { variant: "h4", color: "primary", children: "Drop files to upload" }), currentPath && (_jsxs(Typography, { variant: "body1", color: "text.secondary", sx: { mt: 1 }, children: ["to ", currentPath] }))] }) })), showOverlay && uploadingFiles.length > 0 && (_jsx(Paper, { elevation: 8, sx: {
|
|
147
|
+
position: "fixed",
|
|
148
|
+
top: 0,
|
|
149
|
+
left: 0,
|
|
150
|
+
right: 0,
|
|
151
|
+
bottom: 0,
|
|
152
|
+
zIndex: 9999,
|
|
153
|
+
backgroundColor: "rgba(25, 118, 210, 0.1)",
|
|
154
|
+
backdropFilter: "blur(4px)",
|
|
155
|
+
display: "flex",
|
|
156
|
+
alignItems: "center",
|
|
157
|
+
justifyContent: "center",
|
|
158
|
+
pointerEvents: "auto",
|
|
159
|
+
}, children: _jsxs(Paper, { elevation: 4, sx: {
|
|
160
|
+
maxWidth: 600,
|
|
161
|
+
width: "90%",
|
|
162
|
+
maxHeight: "80vh",
|
|
163
|
+
display: "flex",
|
|
164
|
+
flexDirection: "column",
|
|
165
|
+
overflow: "hidden",
|
|
166
|
+
}, children: [_jsxs(Box, { sx: { p: 3, borderBottom: 1, borderColor: "divider" }, children: [_jsx(Typography, { variant: "h5", component: "h2", children: "Uploading Files" }), currentPath && (_jsxs(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 0.5 }, children: ["to ", currentPath] }))] }), _jsx(List, { sx: { flex: 1, overflow: "auto", p: 0 }, children: uploadingFiles.map((uploadFile, index) => (_jsxs(ListItem, { sx: {
|
|
167
|
+
borderBottom: index < uploadingFiles.length - 1 ? 1 : 0,
|
|
168
|
+
borderColor: "divider",
|
|
169
|
+
}, children: [_jsx(ListItemIcon, { children: uploadFile.status === "success" ? (_jsx(CheckCircleIcon, { color: "success" })) : uploadFile.status === "error" ? (_jsx(ErrorIcon, { color: "error" })) : (_jsx(InsertDriveFileIcon, { color: "action" })) }), _jsx(ListItemText, { primary: uploadFile.file.name, secondary: _jsxs(Box, { sx: { width: "100%" }, children: [_jsxs(Box, { sx: {
|
|
170
|
+
display: "flex",
|
|
171
|
+
justifyContent: "space-between",
|
|
172
|
+
alignItems: "center",
|
|
173
|
+
mb: 0.5,
|
|
174
|
+
}, children: [_jsx(Typography, { variant: "caption", component: "span", children: formatBytes(uploadFile.file.size) }), uploadFile.status === "success" && (_jsx(Typography, { variant: "caption", component: "span", color: "success.main", children: "Complete" }))] }), uploadFile.status === "error" && uploadFile.error && (_jsx(Typography, { variant: "caption", color: "error", component: "div", children: uploadFile.error }))] }) })] }, index))) })] }) }))] }));
|
|
175
|
+
};
|
|
176
|
+
export default ObjectUpload;
|
|
177
|
+
//# sourceMappingURL=ObjectUpload.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ObjectUpload.js","sourceRoot":"","sources":["../../src/ObjectUpload/ObjectUpload.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ObjectUpload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ObjectUpload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ObjectList } from "@pelicanplatform/web-client";
|
|
2
|
+
interface ObjectListProps {
|
|
3
|
+
collectionPath?: string;
|
|
4
|
+
objectList: ObjectList[];
|
|
5
|
+
onExplore: (href: string) => void;
|
|
6
|
+
onDownload: (href: string) => void;
|
|
7
|
+
loginRequired: boolean;
|
|
8
|
+
canLogin: boolean;
|
|
9
|
+
onLoginRequest?: () => void;
|
|
10
|
+
/** Namespace prefix to strip from display (e.g., /namespace) */
|
|
11
|
+
namespace?: string | null;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* A component that lists all the provided objects as a table.
|
|
15
|
+
*/
|
|
16
|
+
declare function ObjectView({ collectionPath, objectList, onExplore, onDownload, loginRequired, canLogin, onLoginRequest, namespace, }: ObjectListProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export default ObjectView;
|
|
18
|
+
//# sourceMappingURL=ObjectView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ObjectView.d.ts","sourceRoot":"","sources":["../../src/ObjectView/ObjectView.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAC,UAAU,EAA0B,MAAM,6BAA6B,CAAC;AAMhF,UAAU,eAAe;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B;AAED;;GAEG;AACH,iBAAS,UAAU,CAAC,EAChB,cAAc,EACd,UAAU,EACV,SAAS,EACT,UAAU,EACV,aAAa,EACb,QAAQ,EACR,cAAc,EACd,SAAS,GACZ,EAAE,eAAe,2CAqMjB;AAkCD,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { ArrowUpward, Download, Folder, InsertDriveFile, MenuOpen } from "@mui/icons-material";
|
|
4
|
+
import { Box, Button, IconButton, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, Typography, } from "@mui/material";
|
|
5
|
+
import { formatBytes } from "@pelicanplatform/web-client";
|
|
6
|
+
import { useMemo, useState } from "react";
|
|
7
|
+
/**
|
|
8
|
+
* A component that lists all the provided objects as a table.
|
|
9
|
+
*/
|
|
10
|
+
function ObjectView({ collectionPath, objectList, onExplore, onDownload, loginRequired, canLogin, onLoginRequest, namespace, }) {
|
|
11
|
+
const [sortColumn, setSortColumn] = useState("href");
|
|
12
|
+
const [sortDirection, setSortDirection] = useState("asc");
|
|
13
|
+
const handleSort = (column) => {
|
|
14
|
+
if (sortColumn === column) {
|
|
15
|
+
setSortDirection(sortDirection === "asc" ? "desc" : "asc");
|
|
16
|
+
}
|
|
17
|
+
else {
|
|
18
|
+
setSortColumn(column);
|
|
19
|
+
setSortDirection("asc");
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
const handleRowClick = (obj) => {
|
|
23
|
+
if (obj.iscollection) {
|
|
24
|
+
onExplore(obj.href);
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
onDownload(obj.href);
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
const sortedObjectList = useMemo(() => {
|
|
31
|
+
return [...objectList]
|
|
32
|
+
.sort((a, b) => {
|
|
33
|
+
if (a.iscollection && !b.iscollection)
|
|
34
|
+
return -1;
|
|
35
|
+
if (!a.iscollection && b.iscollection)
|
|
36
|
+
return 1;
|
|
37
|
+
let aValue;
|
|
38
|
+
let bValue;
|
|
39
|
+
switch (sortColumn) {
|
|
40
|
+
case "href":
|
|
41
|
+
aValue = a.href.toLowerCase();
|
|
42
|
+
bValue = b.href.toLowerCase();
|
|
43
|
+
break;
|
|
44
|
+
case "getcontentlength":
|
|
45
|
+
aValue = a.getcontentlength;
|
|
46
|
+
bValue = b.getcontentlength;
|
|
47
|
+
break;
|
|
48
|
+
case "getlastmodified":
|
|
49
|
+
aValue = new Date(a.getlastmodified).getTime();
|
|
50
|
+
bValue = new Date(b.getlastmodified).getTime();
|
|
51
|
+
break;
|
|
52
|
+
default:
|
|
53
|
+
return 0;
|
|
54
|
+
}
|
|
55
|
+
if (aValue < bValue) {
|
|
56
|
+
return sortDirection === "asc" ? -1 : 1;
|
|
57
|
+
}
|
|
58
|
+
if (aValue > bValue) {
|
|
59
|
+
return sortDirection === "asc" ? 1 : -1;
|
|
60
|
+
}
|
|
61
|
+
return 0;
|
|
62
|
+
});
|
|
63
|
+
}, [objectList, sortColumn, sortDirection]);
|
|
64
|
+
if (loginRequired || !objectList || objectList.length === 0) {
|
|
65
|
+
return (_jsx(Box, { pt: 4, display: "flex", alignItems: "center", justifyContent: "center", border: "1px dashed var(--mui-palette-divider, #e0e0e0)", borderRadius: 1, minHeight: 300, children: _jsx(Typography, { variant: "h6", color: "textSecondary", align: "center", children: loginRequired ? (
|
|
66
|
+
// Login prompt
|
|
67
|
+
_jsxs(_Fragment, { children: ["Authentication is required.", _jsx("br", {}), loginRequired && canLogin && (_jsx(Button, { variant: "contained", color: "primary", onClick: onLoginRequest, sx: { mt: 2 }, children: "Login" }))] })) : (
|
|
68
|
+
// Empty state
|
|
69
|
+
_jsxs(_Fragment, { children: ["Enter Pelican Collection URL to View Contents:", _jsx("br", {}), _jsx("strong", { children: "pelican://<federation>/<namespace>/<collection>/" })] })) }) }));
|
|
70
|
+
}
|
|
71
|
+
return (_jsx(Box, { children: _jsx(TableContainer, { component: Box, children: _jsxs(Table, { size: "small", children: [_jsx(TableHead, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(TableSortLabel, { active: sortColumn === "href", direction: sortColumn === "href" ? sortDirection : "asc", onClick: () => handleSort("href"), children: "Name" }) }), _jsx(TableCell, { children: _jsx(TableSortLabel, { active: sortColumn === "getcontentlength", direction: sortColumn === "getcontentlength" ? sortDirection : "asc", onClick: () => handleSort("getcontentlength"), children: "Size" }) }), _jsx(TableCell, { children: _jsx(TableSortLabel, { active: sortColumn === "getlastmodified", direction: sortColumn === "getlastmodified" ? sortDirection : "asc", onClick: () => handleSort("getlastmodified"), children: "Updated" }) }), _jsx(TableCell, {})] }) }), _jsx(TableBody, { children: sortedObjectList.map((obj, index) => (_jsxs(TableRow, { hover: true, onClick: () => handleRowClick(obj), style: { cursor: "pointer" }, children: [_jsx(TableCell, { sx: { px: 2, py: 1 }, children: _jsx(ObjectName, { ...obj, namespace: namespace, collectionPath: collectionPath }) }), _jsx(TableCell, { sx: { px: 2, py: 1 }, children: obj.iscollection ? "" : formatBytes(obj.getcontentlength) }), _jsx(TableCell, { sx: { px: 2, py: 1 }, children: obj.getlastmodified }), _jsx(TableCell, { sx: { px: 2, py: 1 }, align: 'right', children: obj.iscollection ? (_jsx(IconButton, { onClick: (e) => {
|
|
72
|
+
e.stopPropagation();
|
|
73
|
+
onExplore(obj.href);
|
|
74
|
+
}, "aria-label": `Explore ${obj.href}`, style: {
|
|
75
|
+
background: "transparent",
|
|
76
|
+
border: "none",
|
|
77
|
+
color: "var(--mui-palette-text-primary, #000)",
|
|
78
|
+
padding: 0,
|
|
79
|
+
cursor: "pointer",
|
|
80
|
+
display: "inline-flex",
|
|
81
|
+
alignItems: "center",
|
|
82
|
+
gap: 6,
|
|
83
|
+
fontSize: "0.95rem",
|
|
84
|
+
}, children: _jsx(MenuOpen, { fontSize: "small" }) })) : (_jsx(IconButton, { onClick: (e) => {
|
|
85
|
+
e.stopPropagation();
|
|
86
|
+
onDownload(obj.href);
|
|
87
|
+
}, "aria-label": `Download ${obj.href}`, style: {
|
|
88
|
+
background: "transparent",
|
|
89
|
+
border: "none",
|
|
90
|
+
color: "var(--mui-palette-text-primary, #000)",
|
|
91
|
+
padding: 0,
|
|
92
|
+
cursor: "pointer",
|
|
93
|
+
display: "inline-flex",
|
|
94
|
+
alignItems: "center",
|
|
95
|
+
gap: 6,
|
|
96
|
+
fontSize: "0.95rem",
|
|
97
|
+
}, children: _jsx(Download, { fontSize: "small" }) })) })] }, index))) })] }) }) }));
|
|
98
|
+
}
|
|
99
|
+
function ObjectName(props) {
|
|
100
|
+
const { href, iscollection, getlastmodified, namespace, collectionPath } = props;
|
|
101
|
+
// Strip namespace from the display name
|
|
102
|
+
let displayName = href;
|
|
103
|
+
if (namespace && href.startsWith(namespace)) {
|
|
104
|
+
displayName = href.slice(namespace.length) || "/";
|
|
105
|
+
}
|
|
106
|
+
// Strip collectionPath from the display name
|
|
107
|
+
if (collectionPath && displayName.startsWith(collectionPath)) {
|
|
108
|
+
displayName = displayName.replace(collectionPath, "") || "/";
|
|
109
|
+
}
|
|
110
|
+
return (_jsxs(Box, { display: "flex", alignItems: "center", gap: 1, children: [iscollection ? (
|
|
111
|
+
// Check if this is the parent directory (first item with empty getlastmodified)
|
|
112
|
+
getlastmodified === "" ? (_jsx(ArrowUpward, { color: "primary", fontSize: "small" })) : (_jsx(Folder, { color: "primary", fontSize: "small" }))) : (_jsx(InsertDriveFile, { color: "action", fontSize: "small" })), iscollection && getlastmodified === "" ? ".." : displayName] }));
|
|
113
|
+
}
|
|
114
|
+
export default ObjectView;
|
|
115
|
+
//# sourceMappingURL=ObjectView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ObjectView.js","sourceRoot":"","sources":["../../src/ObjectView/ObjectView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ObjectView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ObjectView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,cAAc,cAAc,CAAC"}
|