sanity-plugin-mux-input 4.1.0 → 4.1.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/index.d.ts.map +1 -1
- package/dist/index.js +25 -18
- package/dist/index.js.map +1 -1
- package/package.json +6 -6
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/util/types.ts","../src/_exports/index.ts"],"mappings":";;
|
|
1
|
+
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/util/types.ts","../src/_exports/index.ts"],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { useClient as useClient$1, createHookFromObservableFactory, useDocumentStore, collate, useDocumentValues, truncateString, useFormattedDuration, SanityDefaultPreview, useTimeAgo, TextWithTone, isRecord, getPreviewStateObservable,
|
|
1
|
+
import { useClient as useClient$1, createHookFromObservableFactory, useDocumentStore, collate, useDocumentValues, truncateString, useFormattedDuration, SanityDefaultPreview, useTimeAgo, TextWithTone, isRecord, getPreviewStateObservable, DocumentPreviewPresence, getPreviewValueWithFallback, useDocumentPreviewStore, useSchema, useDocumentPresence, PreviewCard, useCurrentUser, isReference, useProjectId, useDataset, PatchEvent, unset, setIfMissing, set, LinearProgress, FormField as FormField$2, definePlugin } from "sanity";
|
|
2
2
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
3
3
|
import { ErrorOutlineIcon, InfoOutlineIcon, RetryIcon, CheckmarkCircleIcon, RetrieveIcon, ChevronLeftIcon, ChevronRightIcon, SyncIcon, SortIcon, DownloadIcon, UploadIcon, TranslateIcon, AddIcon, ChevronUpIcon, ChevronDownIcon, TrashIcon, EditIcon, WarningOutlineIcon, PublishIcon, DocumentIcon, RevertIcon, SearchIcon, ClockIcon, CropIcon, CalendarIcon, TagIcon, CheckmarkIcon, LockIcon, PlayIcon, PlugIcon, EllipsisHorizontalIcon, ImageIcon, ResetIcon, WarningFilledIcon, DocumentVideoIcon } from "@sanity/icons";
|
|
4
4
|
import { Dialog, Stack, Card, Text, Button, useTheme_v2, Flex, Box, TextInput, Checkbox, Code, Inline, Spinner, Heading, Label as Label$1, Radio, MenuButton, Menu, MenuItem, useToast, Autocomplete, Tooltip, TabList, Tab, TabPanel, Grid, useClickOutsideEvent, Popover, MenuDivider, rem } from "@sanity/ui";
|
|
5
|
-
import { createContext, useState, useCallback, useMemo, useContext, useReducer, useId, memo, useRef, useEffect, Suspense, isValidElement
|
|
5
|
+
import { createContext, useState, useCallback, useMemo, useContext, useReducer, useId, memo, useRef, useEffect, Suspense, isValidElement } from "react";
|
|
6
6
|
import compact from "lodash/compact.js";
|
|
7
7
|
import toLower from "lodash/toLower.js";
|
|
8
8
|
import trim from "lodash/trim.js";
|
|
@@ -142,7 +142,7 @@ function useDialogState() {
|
|
|
142
142
|
const PLUGIN_VERSION_QUERY = {
|
|
143
143
|
sanityVersion: (
|
|
144
144
|
// @ts-expect-error - this constant is search/replaced so must be exact, not accessed with an index signature
|
|
145
|
-
"4.1.
|
|
145
|
+
"4.1.1"
|
|
146
146
|
)
|
|
147
147
|
};
|
|
148
148
|
function saveSecrets(client, token, secretKey, enableSignedUrls, signingKeyId, signingKeyPrivate, drmConfigId) {
|
|
@@ -1780,6 +1780,7 @@ const SUPPORTED_MUX_LANGUAGES = [{
|
|
|
1780
1780
|
code: "bg",
|
|
1781
1781
|
state: "Beta"
|
|
1782
1782
|
}];
|
|
1783
|
+
SUPPORTED_MUX_LANGUAGES.map((l) => l.code);
|
|
1783
1784
|
function isCustomTextTrack(track) {
|
|
1784
1785
|
return track.type !== "autogenerated";
|
|
1785
1786
|
}
|
|
@@ -1975,7 +1976,7 @@ function AddCaptionDialog({
|
|
|
1975
1976
|
textAlign: "center"
|
|
1976
1977
|
}, children: "Or enter the caption file URL" }),
|
|
1977
1978
|
/* @__PURE__ */ jsxs(Stack, { space: 2, children: [
|
|
1978
|
-
/* @__PURE__ */ jsx(Label$1, { htmlFor: "vtt-url", children: "Caption File URL (.vtt or .srt)" }),
|
|
1979
|
+
/* @__PURE__ */ jsx(Label$1, { as: "label", htmlFor: "vtt-url", children: "Caption File URL (.vtt or .srt)" }),
|
|
1979
1980
|
/* @__PURE__ */ jsx(TextInput, { id: "vtt-url", placeholder: "https://example.com/subtitles.vtt", value: vttUrl, onChange: (e) => {
|
|
1980
1981
|
setVttUrl(e.currentTarget.value), setSelectedFile(null);
|
|
1981
1982
|
}, disabled: isSubmitting })
|
|
@@ -1983,7 +1984,7 @@ function AddCaptionDialog({
|
|
|
1983
1984
|
] })
|
|
1984
1985
|
] }),
|
|
1985
1986
|
/* @__PURE__ */ jsxs(Stack, { space: 2, children: [
|
|
1986
|
-
/* @__PURE__ */ jsx(Label$1, { htmlFor: "caption-name", children: "Audio name" }),
|
|
1987
|
+
/* @__PURE__ */ jsx(Label$1, { as: "label", htmlFor: "caption-name", children: "Audio name" }),
|
|
1987
1988
|
/* @__PURE__ */ jsx(Autocomplete, { id: "caption-name", value: selectedLanguage?.value || "", onChange: (newValue) => {
|
|
1988
1989
|
const selected = (isAutogenerated ? MUX_LANGUAGE_OPTIONS : LANGUAGE_OPTIONS$1).find((opt) => opt.value === newValue);
|
|
1989
1990
|
selected && (setSelectedLanguage(selected), setLanguageCode(selected.value), setName(selected.label));
|
|
@@ -1995,7 +1996,7 @@ function AddCaptionDialog({
|
|
|
1995
1996
|
] }) }), disabled: isSubmitting })
|
|
1996
1997
|
] }),
|
|
1997
1998
|
/* @__PURE__ */ jsxs(Stack, { space: 2, children: [
|
|
1998
|
-
/* @__PURE__ */ jsx(Label$1, { htmlFor: "caption-language", children: "Language Code" }),
|
|
1999
|
+
/* @__PURE__ */ jsx(Label$1, { as: "label", htmlFor: "caption-language", children: "Language Code" }),
|
|
1999
2000
|
/* @__PURE__ */ jsx(TextInput, { id: "caption-language", placeholder: "en-US", value: languageCode, onChange: (e) => {
|
|
2000
2001
|
setLanguageCode(e.currentTarget.value), selectedLanguage && selectedLanguage.value !== e.currentTarget.value && (setSelectedLanguage(null), (!name2 || name2 === selectedLanguage.label) && setName(""));
|
|
2001
2002
|
}, disabled: isSubmitting })
|
|
@@ -2236,7 +2237,7 @@ function EditCaptionDialog({
|
|
|
2236
2237
|
] })
|
|
2237
2238
|
] }),
|
|
2238
2239
|
/* @__PURE__ */ jsxs(Stack, { space: 2, children: [
|
|
2239
|
-
/* @__PURE__ */ jsx(Label$1, { htmlFor: "vtt-url", children: "VTT File URL" }),
|
|
2240
|
+
/* @__PURE__ */ jsx(Label$1, { as: "label", htmlFor: "vtt-url", children: "VTT File URL" }),
|
|
2240
2241
|
/* @__PURE__ */ jsx(TextInput, { id: "vtt-url", placeholder: "https://example.com/subtitles.vtt", value: vttUrl, onChange: (e) => {
|
|
2241
2242
|
setVttUrl(e.currentTarget.value), setSelectedFile(null);
|
|
2242
2243
|
}, disabled: isSubmitting }),
|
|
@@ -2244,7 +2245,7 @@ function EditCaptionDialog({
|
|
|
2244
2245
|
] })
|
|
2245
2246
|
] }),
|
|
2246
2247
|
/* @__PURE__ */ jsxs(Stack, { space: 2, children: [
|
|
2247
|
-
/* @__PURE__ */ jsx(Label$1, { htmlFor: "caption-name", children: "Audio name" }),
|
|
2248
|
+
/* @__PURE__ */ jsx(Label$1, { as: "label", htmlFor: "caption-name", children: "Audio name" }),
|
|
2248
2249
|
/* @__PURE__ */ jsx(Autocomplete, { id: "caption-name", value: selectedLanguage?.value || "", onChange: (newValue) => {
|
|
2249
2250
|
const selected = LANGUAGE_OPTIONS.find((opt) => opt.value === newValue);
|
|
2250
2251
|
selected && (setSelectedLanguage(selected), setLanguageCode(selected.value), setName(selected.label));
|
|
@@ -2256,7 +2257,7 @@ function EditCaptionDialog({
|
|
|
2256
2257
|
] }) }), disabled: isSubmitting })
|
|
2257
2258
|
] }),
|
|
2258
2259
|
/* @__PURE__ */ jsxs(Stack, { space: 2, children: [
|
|
2259
|
-
/* @__PURE__ */ jsx(Label$1, { htmlFor: "caption-language", children: "Language Code" }),
|
|
2260
|
+
/* @__PURE__ */ jsx(Label$1, { as: "label", htmlFor: "caption-language", children: "Language Code" }),
|
|
2260
2261
|
/* @__PURE__ */ jsx(TextInput, { id: "caption-language", placeholder: "en-US", value: languageCode, onChange: (e) => {
|
|
2261
2262
|
setLanguageCode(e.currentTarget.value), selectedLanguage && selectedLanguage.value !== e.currentTarget.value && (setSelectedLanguage(null), (!name2 || name2 === selectedLanguage.label) && setName(""));
|
|
2262
2263
|
}, disabled: isSubmitting })
|
|
@@ -2729,7 +2730,7 @@ function VideoPlayer({
|
|
|
2729
2730
|
/* @__PURE__ */ jsx(MuxPlayer, { poster: isAudio ? void 0 : poster, ref: muxPlayer, ...props, playsInline: !0, playbackId, tokens, preload: "metadata", crossOrigin: "anonymous", metadata: {
|
|
2730
2731
|
player_name: "Sanity Admin Dashboard",
|
|
2731
2732
|
// @ts-expect-error - this constant is search/replaced so must be exact, not accessed with an index signature
|
|
2732
|
-
player_version: "4.1.
|
|
2733
|
+
player_version: "4.1.1",
|
|
2733
2734
|
page_type: "Preview Player"
|
|
2734
2735
|
}, audio: isAudio, _hlsConfig: hlsConfig, style: {
|
|
2735
2736
|
...!isAudio && {
|
|
@@ -3863,7 +3864,8 @@ const FileButton = /* @__PURE__ */ styled(MenuItem).withConfig({
|
|
|
3863
3864
|
opacity: 0;
|
|
3864
3865
|
}
|
|
3865
3866
|
`;
|
|
3866
|
-
})
|
|
3867
|
+
});
|
|
3868
|
+
function FileInputMenuItem(props) {
|
|
3867
3869
|
const {
|
|
3868
3870
|
icon: Icon,
|
|
3869
3871
|
id: idProp,
|
|
@@ -3876,6 +3878,7 @@ const FileButton = /* @__PURE__ */ styled(MenuItem).withConfig({
|
|
|
3876
3878
|
textAlign,
|
|
3877
3879
|
text,
|
|
3878
3880
|
disabled,
|
|
3881
|
+
ref,
|
|
3879
3882
|
...rest
|
|
3880
3883
|
} = props, idHook = useId(), id = idProp || idHook, handleChange = useCallback((event) => {
|
|
3881
3884
|
onSelect && event.target.files && onSelect(Array.from(event.target.files));
|
|
@@ -3886,11 +3889,12 @@ const FileButton = /* @__PURE__ */ styled(MenuItem).withConfig({
|
|
|
3886
3889
|
] }) }),
|
|
3887
3890
|
text && /* @__PURE__ */ jsx(Text, { align: textAlign, size: fontSize, textOverflow: "ellipsis", children: text })
|
|
3888
3891
|
] });
|
|
3889
|
-
return /* @__PURE__ */ jsxs(FileButton, { ...rest, htmlFor: id, disabled, ref
|
|
3892
|
+
return /* @__PURE__ */ jsxs(FileButton, { ...rest, htmlFor: id, disabled, ref, children: [
|
|
3890
3893
|
content,
|
|
3891
3894
|
/* @__PURE__ */ jsx("input", { "data-testid": "file-button-input", accept, capture, id, multiple, onChange: handleChange, type: "file", value: "", disabled })
|
|
3892
3895
|
] });
|
|
3893
|
-
}
|
|
3896
|
+
}
|
|
3897
|
+
const LockCard = styled(Card).withConfig({
|
|
3894
3898
|
displayName: "LockCard",
|
|
3895
3899
|
componentId: "sc-aimiq6-0"
|
|
3896
3900
|
})`position:absolute;top:0;left:0;opacity:0.6;mix-blend-mode:screen;background:transparent;`, LockButton = styled(Button).withConfig({
|
|
@@ -5234,23 +5238,26 @@ function withFocusRing(component) {
|
|
|
5234
5238
|
`;
|
|
5235
5239
|
});
|
|
5236
5240
|
}
|
|
5237
|
-
const UploadCardWithFocusRing = withFocusRing(Card)
|
|
5241
|
+
const UploadCardWithFocusRing = withFocusRing(Card);
|
|
5242
|
+
function UploadCard({
|
|
5238
5243
|
children,
|
|
5239
5244
|
tone,
|
|
5240
5245
|
onPaste,
|
|
5241
5246
|
onDrop,
|
|
5242
5247
|
onDragEnter,
|
|
5243
5248
|
onDragLeave,
|
|
5244
|
-
onDragOver
|
|
5245
|
-
|
|
5249
|
+
onDragOver,
|
|
5250
|
+
ref
|
|
5251
|
+
}) {
|
|
5246
5252
|
const inputRef = useRef(null), handleKeyDown = useCallback((event) => {
|
|
5247
5253
|
event.target.closest("#vtt-url") || (event.ctrlKey || event.metaKey) && event.key === "v" && inputRef.current.focus();
|
|
5248
5254
|
}, []);
|
|
5249
|
-
return /* @__PURE__ */ jsxs(UploadCardWithFocusRing, { tone, ref
|
|
5255
|
+
return /* @__PURE__ */ jsxs(UploadCardWithFocusRing, { tone, ref, padding: 0, radius: 2, shadow: 0, tabIndex: 0, onKeyDown: handleKeyDown, onPaste, onDrop, onDragEnter, onDragLeave, onDragOver, children: [
|
|
5250
5256
|
/* @__PURE__ */ jsx(HiddenInput$1, { ref: inputRef }),
|
|
5251
5257
|
children
|
|
5252
5258
|
] });
|
|
5253
|
-
}
|
|
5259
|
+
}
|
|
5260
|
+
const HiddenInput$1 = styled.input.attrs({
|
|
5254
5261
|
type: "text"
|
|
5255
5262
|
}).withConfig({
|
|
5256
5263
|
displayName: "HiddenInput",
|