@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
36 lines • 1.94 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.PageControlAutomate = exports.PageControlAutomateUnControlled = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = __importDefault(require("react"));
const pageControlAutomateControlled_1 = require("./pageControlAutomateControlled");
const PageControlAutomateUnControlledComponent = ({ playingInitially = false, ...props }, ref) => {
const [isPlaying, setIsPlaying] = react_1.default.useState(playingInitially);
const handleClickMediaButton = event => {
props.playStop.onClick?.(props.playing !== undefined ? !props.playing : !isPlaying, event);
if (props.playing !== undefined) {
setIsPlaying(!props.playing);
}
else {
setIsPlaying(prev => {
return !prev;
});
}
};
const handleClickLeftArrow = event => {
props.mediaProgressBar.onBarChange?.(props.currentBar - 1);
props.leftArrow.onClick?.(event);
};
const handleClickRightArrow = event => {
props.mediaProgressBar.onBarChange?.(props.currentBar + 1);
props.rightArrow.onClick?.(event);
};
return ((0, jsx_runtime_1.jsx)(pageControlAutomateControlled_1.PageControlAutomateControlled, { ...props, ref: ref, playing: props.playing ?? isPlaying, onLeftArrowClick: handleClickLeftArrow, onPlayStopClick: handleClickMediaButton, onRightArrowClick: handleClickRightArrow }));
};
const PageControlAutomateUnControlled = react_1.default.forwardRef(PageControlAutomateUnControlledComponent);
exports.PageControlAutomateUnControlled = PageControlAutomateUnControlled;
exports.PageControlAutomate = PageControlAutomateUnControlled;
//# sourceMappingURL=pageControlAutomateUnControlled.js.map