softbuilders-react-video-player - npm Package Compare versions

Comparing version 1.1.45 to 1.1.46

dist/components/ControlBar/index.js

@@ -67,3 +67,3 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
                     setIsQualityMenuOpen && setIsQualityMenuOpen(isOpen);
-                } }), true && _jsx(CreateNoteMenu, { handleSaveNoteAction: handleSaveNoteAction }), _jsx(SubtitleMenu, { width: width, onClick: (e, isOpen) => {
+                } }), true && (_jsx(CreateNoteMenu, { handleSaveNoteAction: handleSaveNoteAction, width: width })), _jsx(SubtitleMenu, { width: width, onClick: (e, isOpen) => {
                     setVolumeToggler(!volumeSliderToggler);
@@ -70,0 +70,0 @@ setIsSubtitleMenuOpen && setIsSubtitleMenuOpen(isOpen);

dist/components/CreateNoteMenu/index.d.ts

 type Props<T> = {
     handleSaveNoteAction?: (time: number, note: string) => Promise<T>;
+    width: number;
 };
-declare const CreateNoteMenu: <T>({ handleSaveNoteAction }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+declare const CreateNoteMenu: <T>({ handleSaveNoteAction, width }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export default CreateNoteMenu;

dist/components/CreateNoteMenu/index.js

@@ -6,3 +6,3 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ClosedNoteIcon } from "../../images";
-const CreateNoteMenu = ({ handleSaveNoteAction }) => {
+const CreateNoteMenu = ({ handleSaveNoteAction, width }) => {
     const { player } = useSoftBuildersVideoPlayerContext();
@@ -21,5 +21,5 @@ const [note, setNote] = useState("");
     };
-    return (_jsx(MenuButton, { buttonContent: _jsx(ClosedNoteIcon, { className: "sb-w-3 sb-h-3" }), menuContent: _jsx("div", { className: "sb-rounded-md sb-bg-[#303030] sb-bg-opacity-50 sb-py-5 sb-w-[220px]", children: _jsxs("div", { className: "sb-flex sb-flex-col sb-gap-3", onClick: (e) => e.stopPropagation(), children: [_jsx("h3", { className: "sb-px-5", children: "Add Note" }), _jsx("div", { className: "sb-w-full sb-h-[.1px] sb-bg-[#AAAAAA] sb-bg-opacity-70" }), _jsxs("div", { className: "sb-px-5 sb-flex sb-flex-col sb-gap-4 sb-items-start", children: [_jsx("input", { onClick: (e) => e.stopPropagation(), name: "note", type: "text", placeholder: "Add a note", value: note, onChange: (e) => setNote(e.target.value), required: true, className: "sb-text-white placeholder:sb-text-white sb-w-full sb-bg-transparent sb-px-4 sb-py-3 sb-border sb-border-[#AAAAAA] sb-rounded-md" }), _jsx("button", { className: "sb-w-full", onClick: handleSaveNote, children: _jsx("div", { className: "sb-px-4 sb-py-3 sb-text-center sb-font-bold sb-bg-orange-500 sb-rounded-md", children: "Save" }) })] })] }) }) }));
+    return (_jsx(MenuButton, { classContainer: `${width < 400 ? "!sb-top-8 -sb-left-[9.75rem]" : ""}`, buttonContent: _jsx(ClosedNoteIcon, { className: "sb-w-3 sb-h-3" }), menuContent: _jsx("div", { className: `sb-rounded-md sb-bg-[#303030] sb-bg-opacity-50 ${width > 400 ? " sb-py-5 sb-w-[220px]" : "sb-py-1 sb-w-[150px]"}`, children: _jsxs("div", { className: "sb-flex sb-flex-col sb-gap-3 sb-items-center sb-justify-center", onClick: (e) => e.stopPropagation(), children: [_jsx("h3", { className: "sb-px-5", children: "Add Note" }), _jsx("div", { className: "sb-w-full sb-h-[.1px] sb-bg-[#AAAAAA] sb-bg-opacity-70" }), _jsxs("div", { className: "sb-px-5 sb-flex sb-flex-col sb-gap-4 sb-items-start", children: [_jsx("input", { onClick: (e) => e.stopPropagation(), name: "note", type: "text", placeholder: "Add a note", value: note, onChange: (e) => setNote(e.target.value), required: true, className: "sb-text-white placeholder:sb-text-white sb-w-full sb-bg-transparent sb-px-4 sb-py-3 sb-border sb-border-[#AAAAAA] sb-rounded-md" }), _jsx("button", { className: "sb-w-full", onClick: handleSaveNote, children: _jsx("div", { className: "sb-px-4 sb-py-3 sb-text-center sb-font-bold sb-bg-orange-500 sb-rounded-md", children: "Save" }) })] })] }) }) }));
 };
 export default CreateNoteMenu;
 //# sourceMappingURL=index.js.map

dist/components/SubtitleMenu/index.js

@@ -39,3 +39,3 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
                 ? "sb-w-[150px] sb-py-5"
-                : "sb-w-[90px] sb-items-center sb-justify-center sb-py-1"}`, children: _jsxs("div", { className: "sb-flex sb-flex-col sb-gap-3", children: [_jsxs("div", { className: "sb-px-5 sb-flex sb-flex-row sb-gap-3 sb-items-start", children: [_jsx("button", { onClick: () => {
+                : "sb-w-[90px] sb-items-center sb-justify-center sb-py-1"}`, children: _jsxs("div", { className: "sb-flex sb-flex-col sb-gap-3", children: [_jsxs("div", { className: "sb-px-5 sb-flex sb-flex-row sb-gap-3 sb-items-center sb-justify-center", children: [_jsx("button", { onClick: () => {
                                     if (closeMenuFunction) {
@@ -42,0 +42,0 @@ closeMenuFunction();

package.json

 {
   "name": "softbuilders-react-video-player",
   "description": "Standalone video player component",
-  "version": "1.1.45",
+  "version": "1.1.46",
   "main": "dist/index.js",
@@ -6,0 +6,0 @@ "types": "dist/index.d.ts",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

317748

increased by0.39%

Lines of code

6938

increased by0.46%

No dependency changes