react-film/lib/Filmstrip.js

React component for showing carousel just like a film strip

"use strict";

require("core-js/modules/es.array.iterator.js");

require("core-js/modules/es.object.to-string.js");

require("core-js/modules/es.string.iterator.js");

require("core-js/modules/es.weak-map.js");

require("core-js/modules/web.dom-collections.iterator.js");

require("core-js/modules/es.object.define-property.js");

require("core-js/modules/es.object.get-own-property-descriptor.js");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _typeof = require("@babel/runtime/helpers/typeof");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

require("core-js/modules/es.array.map.js");

var _propTypes = _interopRequireDefault(require("prop-types"));

var _react = _interopRequireWildcard(require("react"));

var _useItemContainerCallbackRef = _interopRequireDefault(require("./hooks/useItemContainerCallbackRef"));

var _useScrollableCallbackRef = _interopRequireDefault(require("./hooks/useScrollableCallbackRef"));

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

var Filmstrip = function Filmstrip(_ref) {
  var children = _ref.children;
  var itemContainerCallbackRef = (0, _useItemContainerCallbackRef["default"])();
  var scrollableCallbackRef = (0, _useScrollableCallbackRef["default"])();
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "react-film__filmstrip",
    ref: scrollableCallbackRef
  }, /*#__PURE__*/_react["default"].createElement("ul", {
    className: "react-film__filmstrip__list",
    ref: itemContainerCallbackRef
  }, _react.Children.map(children, function (child) {
    return /*#__PURE__*/_react["default"].createElement("li", {
      className: "react-film__filmstrip__item"
    }, child);
  })));
};

Filmstrip.defaultProps = {
  children: undefined
};
Filmstrip.propTypes = {
  children: _propTypes["default"].any
};
var _default = Filmstrip;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9GaWxtc3RyaXAuanMiXSwibmFtZXMiOlsiRmlsbXN0cmlwIiwiY2hpbGRyZW4iLCJpdGVtQ29udGFpbmVyQ2FsbGJhY2tSZWYiLCJzY3JvbGxhYmxlQ2FsbGJhY2tSZWYiLCJDaGlsZHJlbiIsIm1hcCIsImNoaWxkIiwiZGVmYXVsdFByb3BzIiwidW5kZWZpbmVkIiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwiYW55Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFFQTs7QUFDQTs7Ozs7O0FBRUEsSUFBTUEsU0FBUyxHQUFHLFNBQVpBLFNBQVksT0FBa0I7QUFBQSxNQUFmQyxRQUFlLFFBQWZBLFFBQWU7QUFDbEMsTUFBTUMsd0JBQXdCLEdBQUcsOENBQWpDO0FBQ0EsTUFBTUMscUJBQXFCLEdBQUcsMkNBQTlCO0FBRUEsc0JBQ0U7QUFBSyxJQUFBLFNBQVMsRUFBQyx1QkFBZjtBQUF1QyxJQUFBLEdBQUcsRUFBRUE7QUFBNUMsa0JBQ0U7QUFBSSxJQUFBLFNBQVMsRUFBQyw2QkFBZDtBQUE0QyxJQUFBLEdBQUcsRUFBRUQ7QUFBakQsS0FDR0UsZ0JBQVNDLEdBQVQsQ0FBYUosUUFBYixFQUF1QixVQUFBSyxLQUFLO0FBQUEsd0JBQzNCO0FBQUksTUFBQSxTQUFTLEVBQUM7QUFBZCxPQUE2Q0EsS0FBN0MsQ0FEMkI7QUFBQSxHQUE1QixDQURILENBREYsQ0FERjtBQVNELENBYkQ7O0FBZUFOLFNBQVMsQ0FBQ08sWUFBVixHQUF5QjtBQUN2Qk4sRUFBQUEsUUFBUSxFQUFFTztBQURhLENBQXpCO0FBSUFSLFNBQVMsQ0FBQ1MsU0FBVixHQUFzQjtBQUNwQlIsRUFBQUEsUUFBUSxFQUFFUyxzQkFBVUM7QUFEQSxDQUF0QjtlQUllWCxTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBDaGlsZHJlbiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHVzZUl0ZW1Db250YWluZXJDYWxsYmFja1JlZiBmcm9tICcuL2hvb2tzL3VzZUl0ZW1Db250YWluZXJDYWxsYmFja1JlZic7XG5pbXBvcnQgdXNlU2Nyb2xsYWJsZUNhbGxiYWNrUmVmIGZyb20gJy4vaG9va3MvdXNlU2Nyb2xsYWJsZUNhbGxiYWNrUmVmJztcblxuY29uc3QgRmlsbXN0cmlwID0gKHsgY2hpbGRyZW4gfSkgPT4ge1xuICBjb25zdCBpdGVtQ29udGFpbmVyQ2FsbGJhY2tSZWYgPSB1c2VJdGVtQ29udGFpbmVyQ2FsbGJhY2tSZWYoKTtcbiAgY29uc3Qgc2Nyb2xsYWJsZUNhbGxiYWNrUmVmID0gdXNlU2Nyb2xsYWJsZUNhbGxiYWNrUmVmKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT1cInJlYWN0LWZpbG1fX2ZpbG1zdHJpcFwiIHJlZj17c2Nyb2xsYWJsZUNhbGxiYWNrUmVmfT5cbiAgICAgIDx1bCBjbGFzc05hbWU9XCJyZWFjdC1maWxtX19maWxtc3RyaXBfX2xpc3RcIiByZWY9e2l0ZW1Db250YWluZXJDYWxsYmFja1JlZn0+XG4gICAgICAgIHtDaGlsZHJlbi5tYXAoY2hpbGRyZW4sIGNoaWxkID0+IChcbiAgICAgICAgICA8bGkgY2xhc3NOYW1lPVwicmVhY3QtZmlsbV9fZmlsbXN0cmlwX19pdGVtXCI+e2NoaWxkfTwvbGk+XG4gICAgICAgICkpfVxuICAgICAgPC91bD5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbkZpbG1zdHJpcC5kZWZhdWx0UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiB1bmRlZmluZWRcbn07XG5cbkZpbG1zdHJpcC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMuYW55XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxtc3RyaXA7XG4iXX0=