@capillarytech/blaze-ui 6.1.7 → 6.1.8

package/CapDragAndDrop/index.d.ts

@@ -4,24 +4,8 @@
  *
  */
 import React from 'react';
-import './styles.scss';
-declare const _default: React.ComponentType<Omit<{
-    setacceptedfiles: any;
-    setrejectedfiles: any;
-    accept?: {
-        'text/csv': string[];
-        'application/vnd.ms-excel': string[];
-    };
-    maxfilesize?: number;
-    minfilesize?: number;
-    multiple?: boolean;
-    dropboxwidth?: string;
-    dropboxtext: any;
-    selectFilesText: any;
-    droptext: any;
-    invalidFileSelectionText: any;
-    or: any;
-    className: any;
-} & import("react-intl").WrappedComponentProps, "intl">>;
+import type { WrappedComponentProps } from 'react-intl';
+import type { CapDragAndDropProps } from './types';
+declare const _default: React.ComponentType<Omit<CapDragAndDropProps & WrappedComponentProps, "intl">>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/CapDragAndDrop/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapDragAndDrop/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAU3C,OAAO,eAAe,CAAC;;;;;;;;;;;;;;;;;;;AAsGvB,wBAAoE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapDragAndDrop/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAUxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;;AA4GnD,wBAA0C"}

package/CapDragAndDrop/index.js

@@ -1,16 +1,16 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
 import { isEmpty } from "lodash";
-import PropTypes from "prop-types";
 import { useCallback } from "react";
 import { useDropzone } from "react-dropzone";
+import { injectIntl } from "react-intl";
 import addFileSvg from "../assets/images/file-selector.svg.js";
 import CapButton from "../CapButton/index.js";
 import CapImage from "../CapImage/index.js";
 import CapRow from "../CapRow/index.js";
-import LocaleHoc from "../LocaleHoc/index.js";
 import { defaultMinFileSize, defaultMaxFileSize, defaultAcceptedFiles, small } from "./constants.js";
-import './styles.css';/* empty css            */
+import messages from "./messages.js";
+import styles from "./styles.module.scss.js";
 const clsPrefix = "cap-drag-and-drop-v1";
 const CapDragAndDrop = ({
   setacceptedfiles,
@@ -25,8 +25,14 @@ const CapDragAndDrop = ({
   droptext,
   invalidFileSelectionText,
   or,
-  className
+  className,
+  intl: { formatMessage }
 }) => {
+  const displayDropboxtext = dropboxtext ?? formatMessage(messages.dropboxtext);
+  const displaySelectFilesText = selectFilesText ?? formatMessage(messages.selectFilesText);
+  const displayDroptext = droptext ?? formatMessage(messages.droptext);
+  const displayInvalidFileSelectionText = invalidFileSelectionText ?? formatMessage(messages.invalidFileSelectionText);
+  const displayOr = or ?? formatMessage(messages.or);
   const onDrop = useCallback(
     (filesAccepted, filesRejected) => {
       if (multiple) {
@@ -52,40 +58,29 @@ const CapDragAndDrop = ({
     maxSize: maxfilesize,
     minSize: minfilesize
   });
-  return /* @__PURE__ */ jsx(CapRow, { className: classNames("uploadFileSlideBoxContent", className), children: /* @__PURE__ */ jsx(CapRow, { "data-testid": "dragZoneCapColumn", type: "flex", children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(CapRow, { useLegacy: true, className: classNames("uploadFileSlideBoxContent", className), children: /* @__PURE__ */ jsx(CapRow, { useLegacy: true, "data-testid": "dragZoneCapColumn", type: "flex", children: /* @__PURE__ */ jsxs(
     "div",
     {
-      className: classNames(`${clsPrefix}-main-div`, `${clsPrefix}-${dropboxwidth}`),
+      className: classNames(
+        styles[`${clsPrefix}-main-div`],
+        styles[`${clsPrefix}-${dropboxwidth}`]
+      ),
       ...getRootProps({ isDragAccept, isDragReject }),
       children: [
-        /* @__PURE__ */ jsx("input", { ...getInputProps(), className: "cap-drag-and-drop-input" }),
-        !isDragActive && /* @__PURE__ */ jsxs(CapRow, { "data-testid": "dragZone", className: "dragInactiveText", children: [
-          /* @__PURE__ */ jsx(CapRow, { className: "fileUploadImage", children: /* @__PURE__ */ jsx(CapImage, { src: addFileSvg, alt: "default" }) }),
-          /* @__PURE__ */ jsx(CapRow, { className: classNames(`${clsPrefix}-dropboxtext`), children: dropboxtext }),
-          /* @__PURE__ */ jsx(CapRow, { className: "intermediateOR", children: or }),
-          /* @__PURE__ */ jsx(CapRow, { className: classNames(`${clsPrefix}-uploadButton`), children: /* @__PURE__ */ jsx(CapButton, { type: "secondary", children: selectFilesText }) })
+        /* @__PURE__ */ jsx("input", { ...getInputProps(), className: styles["cap-drag-and-drop-input"] }),
+        !isDragActive && /* @__PURE__ */ jsxs(CapRow, { "data-testid": "dragZone", useLegacy: true, className: styles["dragInactiveText"], children: [
+          /* @__PURE__ */ jsx(CapRow, { useLegacy: true, className: styles["fileUploadImage"], children: /* @__PURE__ */ jsx(CapImage, { src: addFileSvg, alt: "default" }) }),
+          /* @__PURE__ */ jsx(CapRow, { useLegacy: true, className: styles[`${clsPrefix}-dropBoxText`], children: displayDropboxtext }),
+          /* @__PURE__ */ jsx(CapRow, { useLegacy: true, className: styles["intermediateOR"], children: displayOr }),
+          /* @__PURE__ */ jsx(CapRow, { useLegacy: true, className: styles[`${clsPrefix}-uploadButton`], children: /* @__PURE__ */ jsx(CapButton, { type: "secondary", children: displaySelectFilesText }) })
         ] }),
-        isDragReject && /* @__PURE__ */ jsx(CapRow, { className: "drag-active-section", children: invalidFileSelectionText }),
-        isDragAccept && /* @__PURE__ */ jsx(CapRow, { className: "drag-active-section", children: droptext })
+        isDragReject && /* @__PURE__ */ jsx(CapRow, { useLegacy: true, className: styles["drag-active-section"], children: displayInvalidFileSelectionText }),
+        isDragAccept && /* @__PURE__ */ jsx(CapRow, { useLegacy: true, className: styles["drag-active-section"], children: displayDroptext })
       ]
     }
   ) }) });
 };
-CapDragAndDrop.propTypes = {
-  setacceptedfiles: PropTypes.func.isRequired,
-  setrejectedfiles: PropTypes.func,
-  accept: PropTypes.object,
-  maxfilesize: PropTypes.number,
-  multiple: PropTypes.bool,
-  dropboxwidth: PropTypes.string,
-  dropboxtext: PropTypes.string,
-  className: PropTypes.string
-};
-CapDragAndDrop.defaultProps = {
-  dropboxwidth: small,
-  multiple: true
-};
-const index = LocaleHoc(CapDragAndDrop, { key: "CapDragAndDrop" });
+const index = injectIntl(CapDragAndDrop);
 export {
   index as default
 };

package/CapDragAndDrop/messages.d.ts

@@ -0,0 +1,25 @@
+export declare const scope = "app.commonUtils.capUiLibrary.CapDragAndDrop";
+declare const _default: {
+    dropboxtext: {
+        id: string;
+        defaultMessage: string;
+    };
+    selectFilesText: {
+        id: string;
+        defaultMessage: string;
+    };
+    droptext: {
+        id: string;
+        defaultMessage: string;
+    };
+    invalidFileSelectionText: {
+        id: string;
+        defaultMessage: string;
+    };
+    or: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=messages.d.ts.map

package/CapDragAndDrop/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../components/CapDragAndDrop/messages.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,gDAAgD,CAAC;;;;;;;;;;;;;;;;;;;;;;;AAEnE,wBAqBG"}

package/CapDragAndDrop/messages.js

@@ -0,0 +1,28 @@
+import { defineMessages } from "react-intl";
+const scope = "app.commonUtils.capUiLibrary.CapDragAndDrop";
+const messages = defineMessages({
+  dropboxtext: {
+    id: `${scope}.dropboxtext`,
+    defaultMessage: "Drop here!"
+  },
+  selectFilesText: {
+    id: `${scope}.selectFilesText`,
+    defaultMessage: "Select files from your computer"
+  },
+  droptext: {
+    id: `${scope}.droptext`,
+    defaultMessage: "Drag and drop files"
+  },
+  invalidFileSelectionText: {
+    id: `${scope}.invalidFileSelectionText`,
+    defaultMessage: "Invalid file selection!"
+  },
+  or: {
+    id: `${scope}.or`,
+    defaultMessage: "OR"
+  }
+});
+export {
+  messages as default,
+  scope
+};

package/CapDragAndDrop/styles.css

@@ -10,30 +10,31 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: 30px 158px;
-  gap: 10px;
+  padding: 2.143rem 11.286rem;
+  gap: 0.714rem;
   background: #ffffff;
-  border: 2px dashed #ebecf0;
-  border-radius: 5px;
-  border-width: 3px;
-  height: 285px;
+  border: 0.143rem dashed #ebecf0;
+  border-radius: 0.357rem;
+  border-width: 0.214rem;
+  height: 20.357rem;
 }
 .cap-drag-and-drop-v1-size-r {
-  width: 495px;
+  width: 35.357rem;
 }
 .cap-drag-and-drop-v1-size-s {
-  width: 322px;
+  width: 23rem;
 }
 .dragInactiveText {
+  display: block;
   font-weight: 500;
   font-size: 1.428rem;
-  line-height: 30px;
+  line-height: 1.875rem;
   text-align: center;
-  width: 300px;
+  width: 21.429rem;
 }
 .intermediateOR {
-  margin-top: 17px;
-  margin-bottom: 13px;
+  margin-top: 1.214rem;
+  margin-bottom: 0.929rem;
   font-weight: 400;
   font-size: 1.142rem;
   line-height: 1.714rem;
@@ -41,17 +42,18 @@
   color: #091e42;
 }
 .fileUploadImage {
-  margin-bottom: 31px;
+  margin-bottom: 2.214rem;
 }
 .cap-drag-and-drop-v1-uploadButton {
-  margin-bottom: 10px;
+  margin-bottom: 0.714rem;
 }
 .cap-drag-and-drop-v1-dropBoxText {
   white-space: initial;
   word-break: break-word;
+  font-size: 1.428rem;
 }
 .drag-active-section {
-  width: 200px;
+  width: 14.286rem;
   text-align: center;
 }
 .cap-drag-and-drop-input {

package/CapDragAndDrop/styles.module.scss.js

@@ -0,0 +1,21 @@
+import './styles.css';const dragInactiveText = "dragInactiveText";
+const intermediateOR = "intermediateOR";
+const fileUploadImage = "fileUploadImage";
+const styles = {
+  "cap-drag-and-drop-v1-main-div": "cap-drag-and-drop-v1-main-div",
+  "cap-drag-and-drop-v1-size-r": "cap-drag-and-drop-v1-size-r",
+  "cap-drag-and-drop-v1-size-s": "cap-drag-and-drop-v1-size-s",
+  dragInactiveText,
+  intermediateOR,
+  fileUploadImage,
+  "cap-drag-and-drop-v1-uploadButton": "cap-drag-and-drop-v1-uploadButton",
+  "cap-drag-and-drop-v1-dropBoxText": "cap-drag-and-drop-v1-dropBoxText",
+  "drag-active-section": "drag-active-section",
+  "cap-drag-and-drop-input": "cap-drag-and-drop-input"
+};
+export {
+  styles as default,
+  dragInactiveText,
+  fileUploadImage,
+  intermediateOR
+};

package/CapDragAndDrop/styles.scss

@@ -1,36 +1,37 @@
-@import "../styles/_variables.scss";
+@import '../styles/_variables.scss';
 
 .cap-drag-and-drop-v1-main-div {
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: 30px 158px;
-  gap: 10px;
+  padding: 2.143rem 11.286rem; // 30px 158px
+  gap: 0.714rem; // 10px
   background: $CAP_WHITE;
-  border: 2px dashed $CAP_G08;
-  border-radius: 5px;
-  border-width: 3px;
-  height: 285px;
+  border: 0.143rem dashed $CAP_G08; // 2px
+  border-radius: 0.357rem; // 5px
+  border-width: 0.214rem; // 3px
+  height: 20.357rem; // 285px
 }
 
 .cap-drag-and-drop-v1-size-r {
-  width: 495px;
+  width: 35.357rem; // 495px
 }
 .cap-drag-and-drop-v1-size-s {
-  width: 322px;
+  width: 23rem; // 322px
 }
 
 .dragInactiveText {
+  display: block;
   font-weight: 500;
   font-size: $CAP_SPACE_20;
-  line-height: 30px;
+  line-height: 1.875rem;
   text-align: center;
-  width: 300px;
+  width: 21.429rem; // 300px
 }
 
 .intermediateOR {
-  margin-top: 17px;
-  margin-bottom: 13px;
+  margin-top: 1.214rem; // 17px
+  margin-bottom: 0.929rem; // 13px
   font-weight: $FONT_WEIGHT_REGULAR;
   font-size: $CAP_SPACE_16;
   line-height: $CAP_SPACE_24;
@@ -39,19 +40,20 @@
 }
 
 .fileUploadImage {
-  margin-bottom: 31px;
+  margin-bottom: 2.214rem; // 31px
 }
 
 .cap-drag-and-drop-v1-uploadButton {
-  margin-bottom: 10px;
+  margin-bottom: 0.714rem; // 10px
 }
 .cap-drag-and-drop-v1-dropBoxText {
   white-space: initial;
   word-break: break-word;
+  font-size: $CAP_SPACE_20;
 }
 
 .drag-active-section {
-  width: 200px;
+  width: 14.286rem; // 200px
   text-align: center;
 }
 

package/CapDragAndDrop/types.d.ts

@@ -0,0 +1,17 @@
+import type React from 'react';
+export interface CapDragAndDropProps {
+    setacceptedfiles: (value: File[] | ((prev: File[]) => File[])) => void;
+    setrejectedfiles?: (value: unknown) => void;
+    accept?: Record<string, string[]>;
+    maxfilesize?: number;
+    minfilesize?: number;
+    multiple?: boolean;
+    dropboxwidth?: string;
+    dropboxtext?: string;
+    selectFilesText?: string;
+    droptext?: string;
+    invalidFileSelectionText?: string;
+    or?: React.ReactNode;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/CapDragAndDrop/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapDragAndDrop/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,mBAAmB;IAClC,gBAAgB,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACvE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/CapDragAndDrop/types.js

@@ -0,0 +1 @@
+

package/CapMediaPreview/ImageRenderer.d.ts

@@ -1,17 +1,4 @@
-import PropTypes from 'prop-types';
-declare const ImageRenderer: {
-    ({ src, imageProps }: {
-        src: any;
-        imageProps: any;
-    }): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        src: PropTypes.Requireable<string>;
-        imageProps: PropTypes.Requireable<object>;
-    };
-    defaultProps: {
-        src: string;
-        imageProps: {};
-    };
-};
+import type { ImageRendererProps } from './types';
+declare const ImageRenderer: ({ src, imageProps }: ImageRendererProps) => import("react/jsx-runtime").JSX.Element;
 export default ImageRenderer;
 //# sourceMappingURL=ImageRenderer.d.ts.map

package/CapMediaPreview/ImageRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageRenderer.d.ts","sourceRoot":"","sources":["../../components/CapMediaPreview/ImageRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC,QAAA,MAAM,aAAa;;;;;;;;;;;;;CAElB,CAAC;AAYF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ImageRenderer.d.ts","sourceRoot":"","sources":["../../components/CapMediaPreview/ImageRenderer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,QAAA,MAAM,aAAa,GAAI,qBAA+B,kBAAkB,4CAIvE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/CapMediaPreview/ImageRenderer.js

@@ -1,18 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import classNames from "classnames";
-import PropTypes from "prop-types";
 import CapImage from "../CapImage/index.js";
 import { CLASS_PREFIX } from "./constants.js";
-const ImageRenderer = ({ src, imageProps }) => {
-  return /* @__PURE__ */ jsx(CapImage, { className: classNames(`${CLASS_PREFIX}-image`), src, ...imageProps });
-};
-ImageRenderer.propTypes = {
-  src: PropTypes.string,
-  imageProps: PropTypes.object
-};
-ImageRenderer.defaultProps = {
-  src: "",
-  imageProps: {}
+import styles from "./styles.module.scss.js";
+const ImageRenderer = ({ src = "", imageProps = {} }) => {
+  return /* @__PURE__ */ jsx(CapImage, { className: classNames(styles[`${CLASS_PREFIX}-image`]), src, ...imageProps });
 };
 export {
   ImageRenderer as default

package/CapMediaPreview/MediaRenderer.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-declare const _default: React.ComponentType<Omit<import("react-intl").WrappedComponentProps, "intl">>;
+import type { MediaRendererProps } from './types';
+declare const _default: React.ComponentType<Omit<MediaRendererProps, "intl">>;
 export default _default;
 //# sourceMappingURL=MediaRenderer.d.ts.map

package/CapMediaPreview/MediaRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaRenderer.d.ts","sourceRoot":"","sources":["../../components/CapMediaPreview/MediaRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;;AAmEnD,wBAAyC"}
+{"version":3,"file":"MediaRenderer.d.ts","sourceRoot":"","sources":["../../components/CapMediaPreview/MediaRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;;AAsDlD,wBAAyC"}

package/CapMediaPreview/MediaRenderer.js

@@ -1,5 +1,4 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import PropTypes from "prop-types";
 import { useState, useEffect } from "react";
 import { injectIntl } from "react-intl";
 import CapIcon from "../CapIcon/index.js";
@@ -8,8 +7,9 @@ import CapRow from "../CapRow/index.js";
 import { CLASS_PREFIX, MEDIA_TYPES } from "./constants.js";
 import ImageRenderer from "./ImageRenderer.js";
 import messages from "./messages.js";
+import styles from "./styles.module.scss.js";
 import VideoPlayer from "./VideoPlayer.js";
-const MediaRenderer = ({ intl: { formatMessage }, currentMedia }) => {
+const MediaRenderer = ({ intl: { formatMessage }, currentMedia = {} }) => {
   var _a;
   const { type, file, imageProps, videoProps } = currentMedia;
   const [mediaUrl, setMediaUrl] = useState(null);
@@ -24,10 +24,10 @@ const MediaRenderer = ({ intl: { formatMessage }, currentMedia }) => {
         setMediaUrl(null);
       }
     } else {
-      setMediaUrl(file);
+      setMediaUrl(typeof file === "string" ? file : null);
     }
     return () => {
-      if (url) {
+      if (url && typeof URL !== "undefined" && URL.revokeObjectURL) {
         URL.revokeObjectURL(url);
       }
     };
@@ -39,19 +39,21 @@ const MediaRenderer = ({ intl: { formatMessage }, currentMedia }) => {
     case MEDIA_TYPES.VIDEO:
       return /* @__PURE__ */ jsx(VideoPlayer, { src: mediaUrl, videoProps });
     default:
-      return /* @__PURE__ */ jsxs(CapRow, { className: `${CLASS_PREFIX}-unsupported`, type: "flex", align: "middle", justify: "middle", children: [
-        /* @__PURE__ */ jsx(CapIcon, { type: "file", className: `${CLASS_PREFIX}-unsupported-icon` }),
-        /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label16", className: `${CLASS_PREFIX}-unsupported-label`, children: formatMessage(messages.thisFileTypeIsNotSupportedForPreview) })
-      ] });
+      return /* @__PURE__ */ jsxs(
+        CapRow,
+        {
+          className: styles[`${CLASS_PREFIX}-unsupported`],
+          type: "flex",
+          align: "middle",
+          justify: "middle",
+          children: [
+            /* @__PURE__ */ jsx(CapIcon, { type: "file", className: styles[`${CLASS_PREFIX}-unsupported-icon`] }),
+            /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label16", className: styles[`${CLASS_PREFIX}-unsupported-label`], children: formatMessage(messages.thisFileTypeIsNotSupportedForPreview) })
+          ]
+        }
+      );
   }
 };
-MediaRenderer.propTypes = {
-  intl: PropTypes.object.isRequired,
-  currentMedia: PropTypes.object
-};
-MediaRenderer.defaultProps = {
-  currentMedia: {}
-};
 const MediaRenderer$1 = injectIntl(MediaRenderer);
 export {
   MediaRenderer$1 as default

package/CapMediaPreview/VideoPlayer.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-declare const _default: React.ComponentType<Omit<import("react-intl").WrappedComponentProps, "intl">>;
+import type { VideoPlayerProps } from './types';
+declare const _default: React.ComponentType<Omit<VideoPlayerProps, "intl">>;
 export default _default;
 //# sourceMappingURL=VideoPlayer.d.ts.map

package/CapMediaPreview/VideoPlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoPlayer.d.ts","sourceRoot":"","sources":["../../components/CapMediaPreview/VideoPlayer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;;AAsCjD,wBAAuC"}
+{"version":3,"file":"VideoPlayer.d.ts","sourceRoot":"","sources":["../../components/CapMediaPreview/VideoPlayer.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAQjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;;AA4BhD,wBAAuC"}

package/CapMediaPreview/VideoPlayer.js

@@ -1,31 +1,32 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import classNames from "classnames";
-import PropTypes from "prop-types";
 import { useRef, useEffect } from "react";
 import { injectIntl } from "react-intl";
 import CapLabelWithStatic from "../CapLabel/index.js";
 import { CLASS_PREFIX } from "./constants.js";
 import messages from "./messages.js";
-const VideoPlayer = ({ intl: { formatMessage }, src, videoProps }) => {
+import styles from "./styles.module.scss.js";
+const VideoPlayer = ({ intl: { formatMessage }, src = "", videoProps = {} }) => {
   const videoRef = useRef(null);
   useEffect(() => {
     if (videoRef.current) {
       videoRef.current.load();
     }
   }, [src]);
-  return /* @__PURE__ */ jsxs("video", { ref: videoRef, className: classNames(`${CLASS_PREFIX}-video`), controls: true, ...videoProps, children: [
-    /* @__PURE__ */ jsx("source", { src }),
-    /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label16", children: formatMessage(messages.yourBrowserDoesNotSupportVideoTag) })
-  ] });
-};
-VideoPlayer.propTypes = {
-  intl: PropTypes.object.isRequired,
-  src: PropTypes.string,
-  videoProps: PropTypes.object
-};
-VideoPlayer.defaultProps = {
-  src: "",
-  videoProps: {}
+  const { className: videoClassName, ...restVideoProps } = videoProps;
+  return /* @__PURE__ */ jsxs(
+    "video",
+    {
+      ref: videoRef,
+      className: classNames(styles[`${CLASS_PREFIX}-video`], videoClassName),
+      controls: true,
+      ...restVideoProps,
+      children: [
+        /* @__PURE__ */ jsx("source", { src: src || void 0 }),
+        /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label16", children: formatMessage(messages.yourBrowserDoesNotSupportVideoTag) })
+      ]
+    }
+  );
 };
 const VideoPlayer$1 = injectIntl(VideoPlayer);
 export {

package/CapMediaPreview/index.d.ts

@@ -4,57 +4,10 @@
  * A component for displaying enlarged media (images, videos, documents, and more) in a carousel view
  *
  */
-import PropTypes from 'prop-types';
 import React from 'react';
-import './styles.scss';
-export declare const CapMediaPreview: {
-    ({ intl: { formatMessage }, overrideClassName, overrideWrapperClassName, isMediaPreviewVisible, media, startIndex, width, height, topNavigationHeight, onClose, modalProps, }: {
-        intl: {
-            formatMessage: any;
-        };
-        overrideClassName: any;
-        overrideWrapperClassName: any;
-        isMediaPreviewVisible: any;
-        media: any;
-        startIndex: any;
-        width: any;
-        height: any;
-        topNavigationHeight: any;
-        onClose: any;
-        modalProps: any;
-    }): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        intl: PropTypes.Validator<object>;
-        overrideClassName: PropTypes.Requireable<string>;
-        overrideWrapperClassName: PropTypes.Requireable<string>;
-        isMediaPreviewVisible: PropTypes.Requireable<boolean>;
-        media: PropTypes.Requireable<PropTypes.InferProps<{
-            type: PropTypes.Validator<string>;
-            file: PropTypes.Validator<NonNullable<NonNullable<string | object>>>;
-            name: PropTypes.Requireable<string>;
-            imageProps: PropTypes.Requireable<object>;
-            videoProps: PropTypes.Requireable<object>;
-        }>[]>;
-        startIndex: PropTypes.Requireable<number>;
-        width: PropTypes.Requireable<string>;
-        height: PropTypes.Requireable<string>;
-        topNavigationHeight: PropTypes.Requireable<string>;
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        modalProps: PropTypes.Requireable<object>;
-    };
-    defaultProps: {
-        overrideClassName: string;
-        overrideWrapperClassName: string;
-        isMediaPreviewVisible: boolean;
-        media: any[];
-        startIndex: number;
-        width: string;
-        height: string;
-        topNavigationHeight: string;
-        onClose: () => void;
-        modalProps: {};
-    };
-};
-declare const _default: React.ComponentType<Omit<import("react-intl").WrappedComponentProps, "intl">>;
+import type { WrappedComponentProps } from 'react-intl';
+import type { CapMediaPreviewProps } from './types';
+export declare const CapMediaPreview: ({ intl: { formatMessage }, overrideClassName, overrideWrapperClassName, isMediaPreviewVisible, media, startIndex, width, height, topNavigationHeight, onClose, modalProps, ...rest }: CapMediaPreviewProps & WrappedComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: React.ComponentType<Omit<CapMediaPreviewProps & WrappedComponentProps, "intl">>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/CapMediaPreview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapMediaPreview/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAA2C,MAAM,OAAO,CAAC;AAUhE,OAAO,eAAe,CAAC;AAEvB,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuI3B,CAAC;;AAqCF,wBAA2C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapMediaPreview/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAWxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,eAAe,GAAI,sLAa7B,oBAAoB,GAAG,qBAAqB,4CAsL9C,CAAC;;AAEF,wBAA2C"}