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.
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","names":[],"sources":["../src/util/types.ts","../src/_exports/index.ts"],"mappings":"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"}
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, getPreviewValueWithFallback, DocumentPreviewPresence, useDocumentPreviewStore, useSchema, useDocumentPresence, PreviewCard, useCurrentUser, isReference, useProjectId, useDataset, PatchEvent, unset, setIfMissing, set, LinearProgress, FormField as FormField$2, definePlugin } from "sanity";
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, forwardRef } from "react";
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.0"
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.0",
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
- }), FileInputMenuItem = forwardRef(function(props, forwardedRef) {
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: forwardedRef, children: [
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
- }), LockCard = styled(Card).withConfig({
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), UploadCard = forwardRef(({
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
- }, forwardedRef) => {
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: forwardedRef, padding: 0, radius: 2, shadow: 0, tabIndex: 0, onKeyDown: handleKeyDown, onPaste, onDrop, onDragEnter, onDragLeave, onDragOver, children: [
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
- }), HiddenInput$1 = styled.input.attrs({
5259
+ }
5260
+ const HiddenInput$1 = styled.input.attrs({
5254
5261
  type: "text"
5255
5262
  }).withConfig({
5256
5263
  displayName: "HiddenInput",