neuphlo-editor 2.2.0 → 2.3.0

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.
Files changed (8) hide show
  1. package/dist/react/index.cjs +14 -6
  2. package/dist/react/index.cjs.map +1 -1
  3. package/dist/react/index.css +76 -4
  4. package/dist/react/index.css.map +1 -1
  5. package/dist/react/index.js +14 -6
  6. package/dist/react/index.js.map +1 -1
  7. package/dist/styles.css +89 -4
  8. package/package.json +1 -1
package/dist/react/index.cjs CHANGED
@@ -3165,18 +3165,23 @@ var VideoBlockView = (props) => {
3165
3165
  };
3166
3166
  if (!src || src === "") {
3167
3167
  if (!editor.isEditable) return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react30.NodeViewWrapper, {});
3168
- return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react30.NodeViewWrapper, { style: getWrapperStyle(), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { ref: wrapperRef, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "nph-video-input", children: [
3169
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "nph-video-input__icon", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons_react11.IconVideo, { size: 24 }) }),
3170
- /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "nph-video-input__content", children: [
3168
+ return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react30.NodeViewWrapper, { style: getWrapperStyle(), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { ref: wrapperRef, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "nph-video-placeholder", onClick, children: [
3169
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "nph-video-placeholder__icon", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons_react11.IconVideo, { size: 28, stroke: 1.5 }) }),
3170
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "2px" }, children: [
3171
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { fontSize: "14px", fontWeight: 600, lineHeight: "20px" }, children: "Add a video" }),
3172
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { fontSize: "13px", opacity: 0.5, lineHeight: "18px" }, children: "Paste a URL to embed" })
3173
+ ] }),
3174
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "nph-video-placeholder__input", children: [
3171
3175
  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
3172
3176
  "input",
3173
3177
  {
3174
3178
  type: "text",
3175
3179
  className: "nph-video-input__field",
3176
- placeholder: "Paste a YouTube, Vimeo, or video URL...",
3180
+ placeholder: "YouTube, Vimeo, or Loom URL...",
3177
3181
  value: inputUrl,
3178
3182
  onChange: (e) => setInputUrl(e.target.value),
3179
- onKeyDown: handleKeyDown
3183
+ onKeyDown: handleKeyDown,
3184
+ onClick: (e) => e.stopPropagation()
3180
3185
  }
3181
3186
  ),
3182
3187
  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
@@ -3184,7 +3189,10 @@ var VideoBlockView = (props) => {
3184
3189
  {
3185
3190
  type: "button",
3186
3191
  className: "nph-video-input__button",
3187
- onClick: handleEmbed,
3192
+ onClick: (e) => {
3193
+ e.stopPropagation();
3194
+ handleEmbed();
3195
+ },
3188
3196
  disabled: !inputUrl.trim(),
3189
3197
  children: "Embed"
3190
3198
  }