UNPKG

@io-orkes/human-task-material-renderers-react

Version:

`@io-orkes/human-task-material-renderers-react` is a custom library that extends the `@jsonforms/material-renderers` to provide custom renderers for human task forms. This library leverages Material UI components to deliver a seamless and responsive user

207 lines (206 loc) 6.67 kB
import { g as getDefaultExportFromCjs, u as utils, p as patterns } from "./index-BtFtyXt0.js"; import React__default from "react"; function _mergeNamespaces(n, m) { for (var i = 0; i < m.length; i++) { const e = m[i]; if (typeof e !== "string" && !Array.isArray(e)) { for (const k in e) { if (k !== "default" && !(k in n)) { const d = Object.getOwnPropertyDescriptor(e, k); if (d) { Object.defineProperty(n, k, d.get ? d : { enumerable: true, get: () => e[k] }); } } } } } return Object.freeze(Object.defineProperty(n, Symbol.toStringTag, { value: "Module" })); } var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( // If the importer is in node compatibility mode or this is not an ESM // file that has been converted to a CommonJS file using a Babel- // compatible transform (i.e. "__esModule" has not been set), then set // "default" to the CommonJS "module.exports" for node compatibility. !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod )); var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); var __publicField = (obj, key, value) => { __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value); return value; }; var Vimeo_exports = {}; __export(Vimeo_exports, { default: () => Vimeo }); var Vimeo_1 = __toCommonJS(Vimeo_exports); var import_react2 = __toESM(React__default); var import_utils = utils; var import_patterns = patterns; const SDK_URL = "https://player.vimeo.com/api/player.js"; const SDK_GLOBAL = "Vimeo"; const cleanUrl = (url) => { return url.replace("/manage/videos", ""); }; class Vimeo extends import_react2.Component { constructor() { super(...arguments); __publicField(this, "callPlayer", import_utils.callPlayer); __publicField(this, "duration", null); __publicField(this, "currentTime", null); __publicField(this, "secondsLoaded", null); __publicField(this, "mute", () => { this.setMuted(true); }); __publicField(this, "unmute", () => { this.setMuted(false); }); __publicField(this, "ref", (container) => { this.container = container; }); } componentDidMount() { this.props.onMount && this.props.onMount(this); } load(url) { this.duration = null; (0, import_utils.getSDK)(SDK_URL, SDK_GLOBAL).then((Vimeo2) => { if (!this.container) return; const { playerOptions, title } = this.props.config; this.player = new Vimeo2.Player(this.container, { url: cleanUrl(url), autoplay: this.props.playing, muted: this.props.muted, loop: this.props.loop, playsinline: this.props.playsinline, controls: this.props.controls, ...playerOptions }); this.player.ready().then(() => { const iframe = this.container.querySelector("iframe"); iframe.style.width = "100%"; iframe.style.height = "100%"; if (title) { iframe.title = title; } }).catch(this.props.onError); this.player.on("loaded", () => { this.props.onReady(); this.refreshDuration(); }); this.player.on("play", () => { this.props.onPlay(); this.refreshDuration(); }); this.player.on("pause", this.props.onPause); this.player.on("seeked", (e) => this.props.onSeek(e.seconds)); this.player.on("ended", this.props.onEnded); this.player.on("error", this.props.onError); this.player.on("timeupdate", ({ seconds }) => { this.currentTime = seconds; }); this.player.on("progress", ({ seconds }) => { this.secondsLoaded = seconds; }); this.player.on("bufferstart", this.props.onBuffer); this.player.on("bufferend", this.props.onBufferEnd); this.player.on("playbackratechange", (e) => this.props.onPlaybackRateChange(e.playbackRate)); }, this.props.onError); } refreshDuration() { this.player.getDuration().then((duration) => { this.duration = duration; }); } play() { const promise = this.callPlayer("play"); if (promise) { promise.catch(this.props.onError); } } pause() { this.callPlayer("pause"); } stop() { this.callPlayer("unload"); } seekTo(seconds, keepPlaying = true) { this.callPlayer("setCurrentTime", seconds); if (!keepPlaying) { this.pause(); } } setVolume(fraction) { this.callPlayer("setVolume", fraction); } setMuted(muted) { this.callPlayer("setMuted", muted); } setLoop(loop) { this.callPlayer("setLoop", loop); } setPlaybackRate(rate) { this.callPlayer("setPlaybackRate", rate); } getDuration() { return this.duration; } getCurrentTime() { return this.currentTime; } getSecondsLoaded() { return this.secondsLoaded; } render() { const { display } = this.props; const style = { width: "100%", height: "100%", overflow: "hidden", display }; return /* @__PURE__ */ import_react2.default.createElement( "div", { key: this.props.url, ref: this.ref, style } ); } } __publicField(Vimeo, "displayName", "Vimeo"); __publicField(Vimeo, "canPlay", import_patterns.canPlay.vimeo); __publicField(Vimeo, "forceLoad", true); const Vimeo$1 = /* @__PURE__ */ getDefaultExportFromCjs(Vimeo_1); const Vimeo$2 = /* @__PURE__ */ _mergeNamespaces({ __proto__: null, default: Vimeo$1 }, [Vimeo_1]); export { Vimeo$2 as V }; //# sourceMappingURL=Vimeo-WHkTL6Xc.js.map