@wix/patterns-fields 1.86.0 → 1.88.0

package/dist/cjs/components/video/form-video-field.js

@@ -0,0 +1,358 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FormVideoField = exports.ControlledVideoInput = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
+var _react2 = require("@wix/bex-core/react");
+var _hooks = require("../../hooks");
+var _mediaConstants = require("../../utils/media-constants");
+var _utils = require("../../utils");
+var _mediaControl = require("../media-control");
+var _useVideoPreview = require("./use-video-preview");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/video/form-video-field.tsx";
+// `invalid` is not part of this contract. The empty state's ImageViewer has no
+// error prop; it takes its error styling from the enclosing WDS FormField's
+// status context. To show an error, render the field inside a FormField with
+// status="error".
+
+const FormVideoField = ({
+  data,
+  onChange: onChangeVideo,
+  onClear: onClearVideo,
+  onInput,
+  onBlur,
+  readOnly,
+  autoFocus,
+  dataHook,
+  dataHooks,
+  previewTitle,
+  inputRef: forwardedRef
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const isMobile = (0, _react2.useIsMobile)();
+  const onChange = (0, _hooks.useWithCallback)(onChangeVideo, onInput);
+  const onClear = (0, _hooks.useWithCallback)(onClearVideo, onInput);
+  const [inputRef, setInputRef] = (0, _hooks.useMergedRef)(forwardedRef);
+  const hooks = {
+    replace: (dataHooks == null ? void 0 : dataHooks.replace) ?? `${dataHook}-replace`,
+    more: (dataHooks == null ? void 0 : dataHooks.more) ?? `${dataHook}-more`,
+    preview: (dataHooks == null ? void 0 : dataHooks.preview) ?? `${dataHook}-preview`,
+    download: (dataHooks == null ? void 0 : dataHooks.download) ?? `${dataHook}-download`,
+    delete: (dataHooks == null ? void 0 : dataHooks.delete) ?? `${dataHook}-delete`
+  };
+  const {
+    callMedia
+  } = (0, _mediaControl.useMediaControl)({
+    mediaType: _utils.MEDIA_TYPES.VIDEO,
+    value: data,
+    onChange,
+    autoFocus,
+    readOnly,
+    onBlur,
+    inputRef
+  });
+  const {
+    videoUrl,
+    posterUrl: imageUrl,
+    isPreviewOpen,
+    openPreview: handlePreview,
+    closePreview: handleClosePreview,
+    handleDownload
+  } = (0, _useVideoPreview.useVideoPreview)({
+    videoUri: data
+  });
+  const canEdit = !isMobile && !readOnly;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    width: "100%",
+    maxWidth: _mediaConstants.MEDIA_MAX_WIDTH,
+    height: _mediaConstants.MEDIA_HEIGHT,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 116,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.MediaOverlay, {
+    dataHook: dataHook,
+    hoverSkin: "dark",
+    media: /*#__PURE__*/_react.default.createElement(_designSystem.Image, {
+      src: imageUrl,
+      width: "100%",
+      height: _mediaConstants.MEDIA_HEIGHT,
+      fit: "cover",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 121,
+        columnNumber: 15
+      }
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 117,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.MediaOverlay.Content, {
+    placement: "middle",
+    visible: "hover",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 129,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP2",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 130,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    content: t('auto-patterns.fields.replace_video_tooltip'),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 131,
+      columnNumber: 17
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+    onClick: callMedia,
+    skin: "light",
+    priority: "secondary",
+    disabled: !canEdit,
+    ariaLabel: t('auto-patterns.fields.replace_video_tooltip'),
+    dataHook: hooks.replace,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 134,
+      columnNumber: 19
+    }
+  }, /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 142,
+      columnNumber: 21
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
+    triggerElement: ({
+      toggle
+    }) => /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+      content: t('auto-patterns.fields.more_actions_tooltip'),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 147,
+        columnNumber: 21
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+      priority: "secondary",
+      onClick: toggle,
+      skin: "light",
+      ariaLabel: t('auto-patterns.fields.more_actions_tooltip'),
+      dataHook: hooks.more,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 150,
+        columnNumber: 23
+      }
+    }, /*#__PURE__*/_react.default.createElement(_lazy.More, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 159,
+        columnNumber: 25
+      }
+    }))),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 145,
+      columnNumber: 17
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Maximize, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 165,
+        columnNumber: 33
+      }
+    }),
+    text: t('auto-patterns.fields.preview_video'),
+    onClick: handlePreview,
+    disabled: !videoUrl,
+    dataHook: hooks.preview,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 164,
+      columnNumber: 19
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Download, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 172,
+        columnNumber: 33
+      }
+    }),
+    text: t('auto-patterns.fields.download_video'),
+    onClick: handleDownload,
+    dataHook: hooks.download,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 171,
+      columnNumber: 19
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 177,
+      columnNumber: 19
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 179,
+        columnNumber: 33
+      }
+    }),
+    text: t('auto-patterns.fields.remove_video'),
+    onClick: onClear,
+    disabled: readOnly || !onClearVideo,
+    dataHook: hooks.delete,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 178,
+      columnNumber: 19
+    }
+  })))))) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    width: "100%",
+    maxWidth: _mediaConstants.MEDIA_MAX_WIDTH,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 191,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.ImageViewer
+  // Only the empty state has a focusable control, so this is the
+  // only place inputRef can land.
+  , {
+    ref: setInputRef,
+    dataHook: dataHook,
+    onAddImage: canEdit ? callMedia : undefined,
+    disabled: !canEdit,
+    addImageInfo: t('auto-patterns.fields.add_video_tooltip'),
+    height: _mediaConstants.MEDIA_HEIGHT,
+    width: "100%",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 192,
+      columnNumber: 11
+    }
+  })), isPreviewOpen && /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
+    isOpen: isPreviewOpen,
+    onRequestClose: handleClosePreview,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 206,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, {
+    title: previewTitle ?? t('auto-patterns.fields.preview_video'),
+    onCloseButtonClick: handleClosePreview,
+    content: /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'flex',
+        justifyContent: 'center',
+        padding: '24px'
+      },
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 211,
+        columnNumber: 15
+      }
+    }, /*#__PURE__*/_react.default.createElement("video", {
+      controls: true,
+      autoPlay: true,
+      style: {
+        maxWidth: '100%',
+        maxHeight: '70vh'
+      },
+      poster: imageUrl,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 218,
+        columnNumber: 17
+      }
+    }, videoUrl && /*#__PURE__*/_react.default.createElement("source", {
+      src: videoUrl,
+      type: "video/mp4",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 224,
+        columnNumber: 32
+      }
+    }), "Your browser does not support the video tag.")),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 207,
+      columnNumber: 11
+    }
+  })));
+};
+exports.FormVideoField = FormVideoField;
+FormVideoField.displayName = 'FormVideoField';
+const ControlledVideoInput = ({
+  data,
+  onChange,
+  onBlur,
+  readOnly,
+  autoFocus,
+  dataHook,
+  previewTitle
+}) => /*#__PURE__*/_react.default.createElement(FormVideoField, {
+  data: data,
+  onChange: onChange
+  // FormVideoField reports deletion through onClear, not onChange.
+  ,
+  onClear: () => onChange(undefined),
+  onBlur: onBlur,
+  readOnly: readOnly,
+  autoFocus: autoFocus,
+  dataHook: dataHook,
+  previewTitle: previewTitle,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 255,
+    columnNumber: 3
+  }
+});
+exports.ControlledVideoInput = ControlledVideoInput;
+ControlledVideoInput.displayName = 'ControlledVideoInput';
+//# sourceMappingURL=form-video-field.js.map

package/dist/cjs/components/video/form-video-field.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_react2","_hooks","_mediaConstants","_utils","_mediaControl","_useVideoPreview","_jsxFileName","FormVideoField","data","onChange","onChangeVideo","onClear","onClearVideo","onInput","onBlur","readOnly","autoFocus","dataHook","dataHooks","previewTitle","inputRef","forwardedRef","t","useTranslations","isMobile","useIsMobile","useWithCallback","setInputRef","useMergedRef","hooks","replace","more","preview","download","delete","callMedia","useMediaControl","mediaType","MEDIA_TYPES","VIDEO","value","videoUrl","posterUrl","imageUrl","isPreviewOpen","openPreview","handlePreview","closePreview","handleClosePreview","handleDownload","useVideoPreview","videoUri","canEdit","default","createElement","Fragment","Box","width","maxWidth","MEDIA_MAX_WIDTH","height","MEDIA_HEIGHT","__self","__source","fileName","lineNumber","columnNumber","MediaOverlay","hoverSkin","media","Image","src","fit","Content","placement","visible","gap","Tooltip","content","IconButton","onClick","skin","priority","disabled","ariaLabel","Replace","PopoverMenu","triggerElement","toggle","More","MenuItem","prefixIcon","Maximize","text","Download","Divider","Delete","ImageViewer","ref","onAddImage","undefined","addImageInfo","Modal","isOpen","onRequestClose","CustomModalLayout","title","onCloseButtonClick","style","display","justifyContent","padding","controls","autoPlay","maxHeight","poster","type","exports","displayName","ControlledVideoInput"],"sources":["../../../../src/components/video/form-video-field.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\nimport {\n  Box,\n  CustomModalLayout,\n  IconButton,\n  Image,\n  ImageViewer,\n  MediaOverlay,\n  Modal,\n  PopoverMenu,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Delete,\n  Download,\n  Maximize,\n  More,\n  Replace,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { useIsMobile } from '@wix/bex-core/react';\n\nimport type { ControlledInputProps } from '../../types/controlled-input';\nimport { useMergedRef, useTranslations, useWithCallback } from '../../hooks';\nimport { MEDIA_HEIGHT, MEDIA_MAX_WIDTH } from '../../utils/media-constants';\nimport { MEDIA_TYPES } from '../../utils';\nimport type { FormMediaControlProps } from '../media-control';\nimport { useMediaControl } from '../media-control';\n\nimport { useVideoPreview } from './use-video-preview';\n\ninterface ImageViewerActions {\n  focus: () => void;\n}\n\nexport interface VideoFieldDataHooks {\n  replace: string;\n  more: string;\n  preview: string;\n  download: string;\n  delete: string;\n}\n\n// `invalid` is not part of this contract. The empty state's ImageViewer has no\n// error prop; it takes its error styling from the enclosing WDS FormField's\n// status context. To show an error, render the field inside a FormField with\n// status=\"error\".\nexport interface FormVideoFieldProps\n  extends Omit<FormMediaControlProps, 'invalid'> {\n  /** Overrides for the action-button hooks, which otherwise derive from `dataHook`. */\n  dataHooks?: Partial<VideoFieldDataHooks>;\n  /** Title of the preview modal. Defaults to the translated \"Preview\". */\n  previewTitle?: string;\n  /**\n   * Fires when the media manager closes, whether or not a file was picked.\n   * A media field has no text control to blur, so the picker closing is its\n   * blur signal.\n   */\n  onBlur?: () => void;\n}\n\nexport const FormVideoField: FC<FormVideoFieldProps> = ({\n  data,\n  onChange: onChangeVideo,\n  onClear: onClearVideo,\n  onInput,\n  onBlur,\n  readOnly,\n  autoFocus,\n  dataHook,\n  dataHooks,\n  previewTitle,\n  inputRef: forwardedRef,\n}) => {\n  const { t } = useTranslations();\n  const isMobile = useIsMobile();\n\n  const onChange = useWithCallback(onChangeVideo, onInput);\n  const onClear = useWithCallback(onClearVideo, onInput);\n\n  const [inputRef, setInputRef] =\n    useMergedRef<ImageViewerActions>(forwardedRef);\n\n  const hooks: VideoFieldDataHooks = {\n    replace: dataHooks?.replace ?? `${dataHook}-replace`,\n    more: dataHooks?.more ?? `${dataHook}-more`,\n    preview: dataHooks?.preview ?? `${dataHook}-preview`,\n    download: dataHooks?.download ?? `${dataHook}-download`,\n    delete: dataHooks?.delete ?? `${dataHook}-delete`,\n  };\n\n  const { callMedia } = useMediaControl({\n    mediaType: MEDIA_TYPES.VIDEO,\n    value: data,\n    onChange,\n    autoFocus,\n    readOnly,\n    onBlur,\n    inputRef,\n  });\n\n  const {\n    videoUrl,\n    posterUrl: imageUrl,\n    isPreviewOpen,\n    openPreview: handlePreview,\n    closePreview: handleClosePreview,\n    handleDownload,\n  } = useVideoPreview({ videoUri: data });\n\n  const canEdit = !isMobile && !readOnly;\n\n  return (\n    <>\n      {data ? (\n        <Box width=\"100%\" maxWidth={MEDIA_MAX_WIDTH} height={MEDIA_HEIGHT}>\n          <MediaOverlay\n            dataHook={dataHook}\n            hoverSkin=\"dark\"\n            media={\n              <Image\n                src={imageUrl}\n                width=\"100%\"\n                height={MEDIA_HEIGHT}\n                fit=\"cover\"\n              />\n            }\n          >\n            <MediaOverlay.Content placement=\"middle\" visible=\"hover\">\n              <Box gap=\"SP2\">\n                <Tooltip\n                  content={t('auto-patterns.fields.replace_video_tooltip')}\n                >\n                  <IconButton\n                    onClick={callMedia}\n                    skin=\"light\"\n                    priority=\"secondary\"\n                    disabled={!canEdit}\n                    ariaLabel={t('auto-patterns.fields.replace_video_tooltip')}\n                    dataHook={hooks.replace}\n                  >\n                    <Replace />\n                  </IconButton>\n                </Tooltip>\n                <PopoverMenu\n                  triggerElement={({ toggle }) => (\n                    <Tooltip\n                      content={t('auto-patterns.fields.more_actions_tooltip')}\n                    >\n                      <IconButton\n                        priority=\"secondary\"\n                        onClick={toggle}\n                        skin=\"light\"\n                        ariaLabel={t(\n                          'auto-patterns.fields.more_actions_tooltip',\n                        )}\n                        dataHook={hooks.more}\n                      >\n                        <More />\n                      </IconButton>\n                    </Tooltip>\n                  )}\n                >\n                  <PopoverMenu.MenuItem\n                    prefixIcon={<Maximize />}\n                    text={t('auto-patterns.fields.preview_video')}\n                    onClick={handlePreview}\n                    disabled={!videoUrl}\n                    dataHook={hooks.preview}\n                  />\n                  <PopoverMenu.MenuItem\n                    prefixIcon={<Download />}\n                    text={t('auto-patterns.fields.download_video')}\n                    onClick={handleDownload}\n                    dataHook={hooks.download}\n                  />\n                  <PopoverMenu.Divider />\n                  <PopoverMenu.MenuItem\n                    prefixIcon={<Delete />}\n                    text={t('auto-patterns.fields.remove_video')}\n                    onClick={onClear}\n                    disabled={readOnly || !onClearVideo}\n                    dataHook={hooks.delete}\n                  />\n                </PopoverMenu>\n              </Box>\n            </MediaOverlay.Content>\n          </MediaOverlay>\n        </Box>\n      ) : (\n        <Box width=\"100%\" maxWidth={MEDIA_MAX_WIDTH}>\n          <ImageViewer\n            // Only the empty state has a focusable control, so this is the\n            // only place inputRef can land.\n            ref={setInputRef}\n            dataHook={dataHook}\n            onAddImage={canEdit ? callMedia : undefined}\n            disabled={!canEdit}\n            addImageInfo={t('auto-patterns.fields.add_video_tooltip')}\n            height={MEDIA_HEIGHT}\n            width=\"100%\"\n          />\n        </Box>\n      )}\n      {isPreviewOpen && (\n        <Modal isOpen={isPreviewOpen} onRequestClose={handleClosePreview}>\n          <CustomModalLayout\n            title={previewTitle ?? t('auto-patterns.fields.preview_video')}\n            onCloseButtonClick={handleClosePreview}\n            content={\n              <div\n                style={{\n                  display: 'flex',\n                  justifyContent: 'center',\n                  padding: '24px',\n                }}\n              >\n                <video\n                  controls\n                  autoPlay\n                  style={{ maxWidth: '100%', maxHeight: '70vh' }}\n                  poster={imageUrl}\n                >\n                  {videoUrl && <source src={videoUrl} type=\"video/mp4\" />}\n                  Your browser does not support the video tag.\n                </video>\n              </div>\n            }\n          />\n        </Modal>\n      )}\n    </>\n  );\n};\n\nFormVideoField.displayName = 'FormVideoField';\n\nexport type ControlledVideoInputProps = Omit<\n  ControlledInputProps<string | undefined>,\n  'invalid'\n> & {\n  /** Title of the preview modal. Defaults to the translated \"Preview\". */\n  previewTitle?: string;\n};\n\nexport const ControlledVideoInput: FC<ControlledVideoInputProps> = ({\n  data,\n  onChange,\n  onBlur,\n  readOnly,\n  autoFocus,\n  dataHook,\n  previewTitle,\n}) => (\n  <FormVideoField\n    data={data}\n    onChange={onChange}\n    // FormVideoField reports deletion through onClear, not onChange.\n    onClear={() => onChange(undefined)}\n    onBlur={onBlur}\n    readOnly={readOnly}\n    autoFocus={autoFocus}\n    dataHook={dataHook}\n    previewTitle={previewTitle}\n  />\n);\n\nControlledVideoInput.displayName = 'ControlledVideoInput';\n"],"mappings":"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","ignoreList":[]}