UNPKG

@giphy/react-native-sdk

Version:
54 lines (53 loc) 2.17 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.GiphyGridView = void 0; var _react = _interopRequireDefault(require("react")); var _giphyMedia = require("./dto/giphyMedia"); var _giphyTheme = require("./dto/giphyTheme"); var _GiphyGridViewNativeComponent = _interopRequireDefault(require("./specs/GiphyGridViewNativeComponent")); function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; } function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } class GiphyGridView extends _react.default.Component { mediaSelectHandler = e => { const { onMediaSelect } = this.props; if (!onMediaSelect) { return; } const media = JSON.parse(e.nativeEvent.media ?? '{}') || {}; e.nativeEvent.media = (0, _giphyMedia.deserializeGiphyMedia)(media); return onMediaSelect(e); }; render() { const { cellPadding = 0, clipsPreviewRenditionType = 'fixed_width', content, disableEmojiVariations = false, fixedSizeCells = false, onMediaSelect, orientation = 'vertical', renditionType = 'fixed_width', showCheckeredBackground = false, theme = 'light', ...other } = this.props; return /*#__PURE__*/_react.default.createElement(_GiphyGridViewNativeComponent.default, _extends({ cellPadding: cellPadding, clipsPreviewRenditionType: clipsPreviewRenditionType, content: content ? JSON.stringify(content) : '', disableEmojiVariations: disableEmojiVariations, fixedSizeCells: fixedSizeCells, onMediaSelect: onMediaSelect ? this.mediaSelectHandler : undefined, orientation: orientation, renditionType: renditionType, showCheckeredBackground: showCheckeredBackground, theme: JSON.stringify((0, _giphyTheme.serializeTheme)(theme)) }, other)); } } exports.GiphyGridView = GiphyGridView; //# sourceMappingURL=GiphyGridView.js.map