react-film/lib/esm/Filmstrip.js

React component for showing carousel just like a film strip

import "core-js/modules/es.array.map.js";
import PropTypes from 'prop-types';
import React, { Children } from 'react';
import useItemContainerCallbackRef from './hooks/useItemContainerCallbackRef';
import useScrollableCallbackRef from './hooks/useScrollableCallbackRef';

var Filmstrip = function Filmstrip(_ref) {
  var children = _ref.children;
  var itemContainerCallbackRef = useItemContainerCallbackRef();
  var scrollableCallbackRef = useScrollableCallbackRef();
  return /*#__PURE__*/React.createElement("div", {
    className: "react-film__filmstrip",
    ref: scrollableCallbackRef
  }, /*#__PURE__*/React.createElement("ul", {
    className: "react-film__filmstrip__list",
    ref: itemContainerCallbackRef
  }, Children.map(children, function (child) {
    return /*#__PURE__*/React.createElement("li", {
      className: "react-film__filmstrip__item"
    }, child);
  })));
};

Filmstrip.defaultProps = {
  children: undefined
};
Filmstrip.propTypes = {
  children: PropTypes.any
};
export default Filmstrip;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9GaWxtc3RyaXAuanMiXSwibmFtZXMiOlsiUHJvcFR5cGVzIiwiUmVhY3QiLCJDaGlsZHJlbiIsInVzZUl0ZW1Db250YWluZXJDYWxsYmFja1JlZiIsInVzZVNjcm9sbGFibGVDYWxsYmFja1JlZiIsIkZpbG1zdHJpcCIsImNoaWxkcmVuIiwiaXRlbUNvbnRhaW5lckNhbGxiYWNrUmVmIiwic2Nyb2xsYWJsZUNhbGxiYWNrUmVmIiwibWFwIiwiY2hpbGQiLCJkZWZhdWx0UHJvcHMiLCJ1bmRlZmluZWQiLCJwcm9wVHlwZXMiLCJhbnkiXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxTQUFQLE1BQXNCLFlBQXRCO0FBQ0EsT0FBT0MsS0FBUCxJQUFnQkMsUUFBaEIsUUFBZ0MsT0FBaEM7QUFFQSxPQUFPQywyQkFBUCxNQUF3QyxxQ0FBeEM7QUFDQSxPQUFPQyx3QkFBUCxNQUFxQyxrQ0FBckM7O0FBRUEsSUFBTUMsU0FBUyxHQUFHLFNBQVpBLFNBQVksT0FBa0I7QUFBQSxNQUFmQyxRQUFlLFFBQWZBLFFBQWU7QUFDbEMsTUFBTUMsd0JBQXdCLEdBQUdKLDJCQUEyQixFQUE1RDtBQUNBLE1BQU1LLHFCQUFxQixHQUFHSix3QkFBd0IsRUFBdEQ7QUFFQSxzQkFDRTtBQUFLLElBQUEsU0FBUyxFQUFDLHVCQUFmO0FBQXVDLElBQUEsR0FBRyxFQUFFSTtBQUE1QyxrQkFDRTtBQUFJLElBQUEsU0FBUyxFQUFDLDZCQUFkO0FBQTRDLElBQUEsR0FBRyxFQUFFRDtBQUFqRCxLQUNHTCxRQUFRLENBQUNPLEdBQVQsQ0FBYUgsUUFBYixFQUF1QixVQUFBSSxLQUFLO0FBQUEsd0JBQzNCO0FBQUksTUFBQSxTQUFTLEVBQUM7QUFBZCxPQUE2Q0EsS0FBN0MsQ0FEMkI7QUFBQSxHQUE1QixDQURILENBREYsQ0FERjtBQVNELENBYkQ7O0FBZUFMLFNBQVMsQ0FBQ00sWUFBVixHQUF5QjtBQUN2QkwsRUFBQUEsUUFBUSxFQUFFTTtBQURhLENBQXpCO0FBSUFQLFNBQVMsQ0FBQ1EsU0FBVixHQUFzQjtBQUNwQlAsRUFBQUEsUUFBUSxFQUFFTixTQUFTLENBQUNjO0FBREEsQ0FBdEI7QUFJQSxlQUFlVCxTQUFmIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBDaGlsZHJlbiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHVzZUl0ZW1Db250YWluZXJDYWxsYmFja1JlZiBmcm9tICcuL2hvb2tzL3VzZUl0ZW1Db250YWluZXJDYWxsYmFja1JlZic7XG5pbXBvcnQgdXNlU2Nyb2xsYWJsZUNhbGxiYWNrUmVmIGZyb20gJy4vaG9va3MvdXNlU2Nyb2xsYWJsZUNhbGxiYWNrUmVmJztcblxuY29uc3QgRmlsbXN0cmlwID0gKHsgY2hpbGRyZW4gfSkgPT4ge1xuICBjb25zdCBpdGVtQ29udGFpbmVyQ2FsbGJhY2tSZWYgPSB1c2VJdGVtQ29udGFpbmVyQ2FsbGJhY2tSZWYoKTtcbiAgY29uc3Qgc2Nyb2xsYWJsZUNhbGxiYWNrUmVmID0gdXNlU2Nyb2xsYWJsZUNhbGxiYWNrUmVmKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT1cInJlYWN0LWZpbG1fX2ZpbG1zdHJpcFwiIHJlZj17c2Nyb2xsYWJsZUNhbGxiYWNrUmVmfT5cbiAgICAgIDx1bCBjbGFzc05hbWU9XCJyZWFjdC1maWxtX19maWxtc3RyaXBfX2xpc3RcIiByZWY9e2l0ZW1Db250YWluZXJDYWxsYmFja1JlZn0+XG4gICAgICAgIHtDaGlsZHJlbi5tYXAoY2hpbGRyZW4sIGNoaWxkID0+IChcbiAgICAgICAgICA8bGkgY2xhc3NOYW1lPVwicmVhY3QtZmlsbV9fZmlsbXN0cmlwX19pdGVtXCI+e2NoaWxkfTwvbGk+XG4gICAgICAgICkpfVxuICAgICAgPC91bD5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbkZpbG1zdHJpcC5kZWZhdWx0UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiB1bmRlZmluZWRcbn07XG5cbkZpbG1zdHJpcC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMuYW55XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxtc3RyaXA7XG4iXX0=