Why Gemfury? Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Debian packages RPM packages NuGet packages

Repository URL to install this package:

Details    
@skava/ui / dist / components / atoms / Placeholder / VideoPlaceholder / VideoPlaceholder.js
Size: Mime:
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const Vector_1 = tslib_1.__importDefault(require("../../Vector"));

const deps_1 = require("../deps");

const styled_1 = require("./styled");

class VideoPlaceholder extends react_1.default.PureComponent {
  render() {
    let _a = this.props,
        {
      width,
      height,
      viewBox,
      isDynamicViewBox
    } = _a,
        remainingProps = tslib_1.__rest(_a, ["width", "height", "viewBox", "isDynamicViewBox"]);
    /**
     * viewBox cant be changed as it needs to support for resizing
     * we will be resizing it by using css properties
     * Issue Scenario:
     * When we try to change the viewBox value as dynamic then the image path
     * should not be resized based on that size
     * So, we might need to keep the same size of the viewBox which we got
     * on exporting SVG
     */


    viewBox = '0 0 60 60';
    isDynamicViewBox = false;
    width = deps_1.stripMeasurement(width);
    height = deps_1.stripMeasurement(height);
    const attributes = Object.assign({
      width,
      height,
      viewBox
    }, remainingProps);
    return react_1.default.createElement(styled_1.VideoPlaceholderWrapper, {
      width: width,
      height: height
    }, react_1.default.createElement(Vector_1.default, Object.assign({}, attributes), react_1.default.createElement("path", {
      d: "M30,0C13.458,0,0,13.458,0,30s13.458,30,30,30s30-13.458,30-30S46.542,0,30,0z M45.563,30.826l-22,15\n            C23.394,45.941,23.197,46,23,46c-0.16,0-0.321-0.038-0.467-0.116C22.205,45.711,22,45.371,22,45V15c0-0.371,0.205-0.711,0.533-0.884\n            c0.328-0.174,0.724-0.15,1.031,0.058l22,15C45.836,29.36,46,29.669,46,30S45.836,30.64,45.563,30.826z"
    })));
  }

}

VideoPlaceholder.defaultProps = {
  fill: '#ffffff',
  viewBox: '0 0 60 60',
  width: '50',
  height: '50'
};
exports.VideoPlaceholder = VideoPlaceholder;
exports.default = VideoPlaceholder; //# sourceMappingURL=VideoPlaceholder.js.map