react-film/lib/Dots.js

React component for showing carousel just like a film strip

"use strict";

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

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

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

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

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

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

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

var _Dot = _interopRequireDefault(require("./Dot"));

var _useNumItems3 = _interopRequireDefault(require("./hooks/useNumItems"));

var Dots = function Dots() {
  var _useNumItems = (0, _useNumItems3["default"])(),
      _useNumItems2 = (0, _slicedToArray2["default"])(_useNumItems, 1),
      numItems = _useNumItems2[0];

  return /*#__PURE__*/_react["default"].createElement("ul", {
    className: "react-film__dots"
  }, new Array(numItems).fill().map(function (_, itemIndex) {
    return (
      /*#__PURE__*/

      /* eslint-disable-next-line react/no-array-index-key */
      _react["default"].createElement(_Dot["default"], {
        "aria-label": itemIndex + 1 + '',
        itemIndex: itemIndex,
        key: itemIndex
      })
    );
  }));
};

var _default = Dots;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Eb3RzLmpzIl0sIm5hbWVzIjpbIkRvdHMiLCJudW1JdGVtcyIsIkFycmF5IiwiZmlsbCIsIm1hcCIsIl8iLCJpdGVtSW5kZXgiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBRUE7O0FBQ0E7O0FBRUEsSUFBTUEsSUFBSSxHQUFHLFNBQVBBLElBQU8sR0FBTTtBQUNqQixxQkFBbUIsK0JBQW5CO0FBQUE7QUFBQSxNQUFPQyxRQUFQOztBQUVBLHNCQUNFO0FBQUksSUFBQSxTQUFTLEVBQUM7QUFBZCxLQUNHLElBQUlDLEtBQUosQ0FBVUQsUUFBVixFQUFvQkUsSUFBcEIsR0FBMkJDLEdBQTNCLENBQStCLFVBQUNDLENBQUQsRUFBSUMsU0FBSjtBQUFBO0FBQUE7O0FBQzlCO0FBQ0Esc0NBQUMsZUFBRDtBQUFLLHNCQUFZQSxTQUFTLEdBQUcsQ0FBWixHQUFnQixFQUFqQztBQUFxQyxRQUFBLFNBQVMsRUFBRUEsU0FBaEQ7QUFBMkQsUUFBQSxHQUFHLEVBQUVBO0FBQWhFO0FBRjhCO0FBQUEsR0FBL0IsQ0FESCxDQURGO0FBUUQsQ0FYRDs7ZUFhZU4sSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBEb3QgZnJvbSAnLi9Eb3QnO1xuaW1wb3J0IHVzZU51bUl0ZW1zIGZyb20gJy4vaG9va3MvdXNlTnVtSXRlbXMnO1xuXG5jb25zdCBEb3RzID0gKCkgPT4ge1xuICBjb25zdCBbbnVtSXRlbXNdID0gdXNlTnVtSXRlbXMoKTtcblxuICByZXR1cm4gKFxuICAgIDx1bCBjbGFzc05hbWU9XCJyZWFjdC1maWxtX19kb3RzXCI+XG4gICAgICB7bmV3IEFycmF5KG51bUl0ZW1zKS5maWxsKCkubWFwKChfLCBpdGVtSW5kZXgpID0+IChcbiAgICAgICAgLyogZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0L25vLWFycmF5LWluZGV4LWtleSAqL1xuICAgICAgICA8RG90IGFyaWEtbGFiZWw9e2l0ZW1JbmRleCArIDEgKyAnJ30gaXRlbUluZGV4PXtpdGVtSW5kZXh9IGtleT17aXRlbUluZGV4fSAvPlxuICAgICAgKSl9XG4gICAgPC91bD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERvdHM7XG4iXX0=