design-react-kit 5.6.0 → 5.7.0

package/dist/Video/Video.js

@@ -0,0 +1,99 @@
+import React, { useEffect, useRef } from 'react';
+import { VideoPlayer } from 'bootstrap-italia';
+import { Input } from '../Input/Input';
+import { Accordion } from '../Accordion/Accordion';
+import { AccordionItem } from '../Accordion/AccordionItem';
+import { AccordionHeader } from '../Accordion/AccordionHeader';
+import { AccordionBody } from '../Accordion/AccordionBody';
+import { Dimmer } from '../Dimmer/Dimmer';
+import { DimmerButtons } from '../Dimmer/DimmerButtons';
+import { Button } from '../Button/Button';
+import { FormGroup, Label } from 'reactstrap';
+import { Icon } from '../Icon/Icon';
+export const Video = (props) => {
+    const [showTranscript, setShowTranscript] = React.useState(false);
+    const [showDisclaimer, setShowDisclaimer] = React.useState(false);
+    const [instance, setInstance] = React.useState();
+    const [rememberFlag, setRememberFlag] = React.useState(false);
+    const [disclaimerText, setDisclaimerText] = React.useState(`Accetta i cookie di YouTube per vedere il video. Puoi gestire le preferenze nella cookie policy.`);
+    const ref = useRef(null);
+    useEffect(() => {
+        const el = ref.current;
+        if (el && VideoPlayer && !instance) {
+            setInstance(new VideoPlayer(el));
+        }
+        if (props.youtube?.url) {
+            if (props.youtube.hasDisclaimer) {
+                const serviceName = props.youtube.disclaimerKey || 'youtube';
+                const rememberFlag = localStorage.getItem(serviceName);
+                if (props.youtube.disclaimerText) {
+                    setDisclaimerText(props.youtube.disclaimerText);
+                }
+                setRememberFlag(rememberFlag == 'true');
+                if (rememberFlag == 'true') {
+                    setShowDisclaimer(false);
+                    loadYouTubeVideo(props.youtube.url);
+                }
+                else {
+                    setShowDisclaimer(true);
+                }
+            }
+        }
+        if (props.autoPlay) {
+            setTimeout(() => {
+                instance?.player?.play();
+            }, 1000);
+        }
+        return () => {
+            if (instance) {
+                instance.dispose();
+            }
+        };
+    }, [instance]);
+    const loadYouTubeVideo = (url) => {
+        if (instance) {
+            instance.setYouTubeVideo(url);
+        }
+    };
+    const { controls = true, autoPlay = false, loop = false, fluid = true, poster = undefined } = props;
+    const videoProps = { controls, autoPlay, loop, fluid, poster };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: 'row dimmable' },
+            React.createElement("video", { ...videoProps, ref: ref, preload: 'auto', className: 'video-js', "data-bs-video": true },
+                props.sources?.map((source) => React.createElement("source", { key: source.src, src: source.src, type: source.type })),
+                props.tracks?.map((track) => {
+                    const { src, kind, label, srcLang, isDefault } = track;
+                    return (React.createElement("track", { key: src, kind: kind, src: src, srcLang: srcLang || '', label: label, default: isDefault || false }));
+                })),
+            props.transcription && (React.createElement(Accordion, { className: 'vjs-transcription' },
+                React.createElement(AccordionItem, null,
+                    React.createElement(AccordionHeader, { active: showTranscript, onToggle: () => setShowTranscript((p) => !p) }, props.transcriptionLabel || 'Trascrizione'),
+                    React.createElement(AccordionBody, { active: showTranscript }, props.transcription)))),
+            React.createElement(Dimmer, { show: showDisclaimer, className: 'acceptoverlay-inner', wrapperClassName: 'acceptoverlay acceptoverlay-primary ' },
+                React.createElement("div", { className: 'acceptoverlay-icon' },
+                    React.createElement(Icon, { icon: 'it-video', size: 'xl', className: '' })),
+                React.createElement("p", { dangerouslySetInnerHTML: { __html: disclaimerText } }),
+                React.createElement(DimmerButtons, { className: 'bg-primary' },
+                    React.createElement(Button, { onClick: () => {
+                            if (props.youtube?.url) {
+                                if (props.youtube.hasDisclaimer) {
+                                    const serviceName = props.youtube.disclaimerKey || 'youtube';
+                                    if (rememberFlag) {
+                                        // set cookie
+                                        localStorage.setItem(serviceName, 'true');
+                                    }
+                                    else {
+                                        // reset cookie
+                                        localStorage.removeItem(serviceName);
+                                    }
+                                    loadYouTubeVideo(props.youtube.url);
+                                }
+                                setShowDisclaimer(false);
+                            }
+                        }, color: 'primary' }, props.acceptLabel || 'Accetta'),
+                    React.createElement("div", { className: 'd-flex align-items-center ml-2' },
+                        React.createElement(FormGroup, { check: true, inline: true },
+                            React.createElement(Input, { id: `inline-checkbox_${props.id}`, type: 'checkbox', checked: rememberFlag, onChange: () => setRememberFlag((p) => !p) }),
+                            React.createElement(Label, { check: true, for: `inline-checkbox_${props.id}`, defaultChecked: false, className: 'text-white' }, props.rememberLabel || 'Ricorda per tutti i video'))))))));
+};
+//# sourceMappingURL=Video.js.map

package/dist/Video/Video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../src/Video/Video.tsx"],"names":[],"mappings":"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"}