trepur_components 0.2.74 → 0.3.2

package/dist/components/Timeline/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
-require("core-js/modules/es.object.assign.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,10 +9,12 @@ require("core-js/modules/es.array.reverse.js");
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Column = _interopRequireDefault(require("../Column"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Image = _interopRequireDefault(require("../Image"));
 
+var _Column = _interopRequireDefault(require("../Column"));
+
 var _Row = _interopRequireDefault(require("../Row"));
 
 require("../index.css");
@@ -23,8 +23,6 @@ require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const Timeline = _ref => {
   let {
     id,
@@ -38,31 +36,43 @@ const Timeline = _ref => {
     horizontalComponentClasses
   } = _ref;
   const isSm = window.innerWidth < 768;
-  let classList = 'w-full list-none overflow-x-auto pb-4 ';
-  classList += classes ? classes : '';
-  let ulClasses = 'timeline status-flow relative list-none pl-0 flex ';
-  let liClasses = 'status-flow-item relative flex flex-auto flex-row leading-tight ';
-  liClasses += textCenter ? 'text-center ' : '';
-  ulClasses += !reverse ? isHorizontal ? 'flex-row none-reverse justify-between' : 'flex-col none-reverse' : isHorizontal ? 'flex-row reverse justify-between' : 'flex-col reverse';
-  liClasses += !reverse ? isHorizontal ? 'items-center flex-col justify-between' : 'flex-row none-reverse' : isHorizontal ? 'items-center flex-col-reverse' : ' flex-row-reverse';
-  let padding;
-  padding = !reverse ? isHorizontal ? 'pb-2' : 'pl-4' : isHorizontal ? 'pt-2' : 'pr-4';
-  let imageClassList = 'my-16 text-center mx-auto rounded-full border bg-black ';
-  imageClassList += imageClasses ? imageClasses : '';
-  let circle = 'w-4 h-4 my-16 text-center mx-auto rounded-full border bg-black ';
-  circle += isHorizontal ? isSm ? 'horizontal collapse' : 'horizontal' : isSm ? 'vertical collapse' : 'vertical';
-  return /*#__PURE__*/_react.default.createElement(_Column.default, _extends({
-    sm: 12
-  }, id && {
-    id: id
-  }, {
-    className: classList
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  const classList = (0, _classnames.default)({
+    [classes]: classes
+  }, 'w-full list-none overflow-x-auto pb-4');
+  const ulClasses = (0, _classnames.default)({
+    [classes]: classes,
+    'flex-row none-reverse justify-between': !reverse && isHorizontal,
+    'flex-col none-reverse': !reverse && !isHorizontal,
+    'flex-row reverse justify-between': reverse && isHorizontal,
+    'flex-col reverse': reverse && !isHorizontal
+  }, 'timeline status-flow relative list-none pl-0 flex');
+  const liClasses = (0, _classnames.default)({
+    'text-center': textCenter,
+    'items-center flex-col justify-between': !reverse && isHorizontal,
+    'flex-row none-reverse': !reverse && !isHorizontal,
+    'items-center flex-col-reverse': reverse && isHorizontal,
+    'flex-row-reverse': reverse && !isHorizontal
+  }, 'status-flow-item relative flex flex-auto flex-row leading-tight');
+  const imageClassList = (0, _classnames.default)({
+    [imageClasses]: imageClasses
+  }, ' my-16 text-center mx-auto rounded-full border bg-black');
+  const circle = (0, _classnames.default)({
+    'horizontal collapse': isHorizontal && isSm,
+    'horizontal': isHorizontal && !isSm,
+    'vertical collapse': !isHorizontal && isSm,
+    'vertical': !isHorizontal && !isSm
+  }, 'w-4 h-4 my-16 text-center mx-auto rounded-full border bg-black');
+  return /*#__PURE__*/_react.default.createElement(_Column.default, {
+    columnProps: {
+      sm: 12,
+      id: id,
+      className: classList
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: ulClasses
   }, items && items.map((item, i) => {
     let before;
     if (i % 2 === 0) before = true;else before = false;
-    let a = isHorizontal && isHorizontal ? '' : i === 0 ? '' : ' ';
     let circlePos;
 
     if (items.length - 1 > 0) {
@@ -71,54 +81,74 @@ const Timeline = _ref => {
 
     if (isHorizontal) {
       return /*#__PURE__*/_react.default.createElement(_Column.default, {
-        key: "horizontal_col_".concat(i + 0),
-        id: "timeline-item",
-        classes: liClasses + ' py-4 mb-8 ' + a
+        columnProps: {
+          key: "horizontal_col_".concat(i + 0),
+          id: 'timeline-item',
+          classes: "".concat(liClasses, " py-4 mb-8")
+        }
       }, /*#__PURE__*/_react.default.createElement(_Row.default, {
-        classes: horizontalComponentClasses
+        rowProps: {
+          classes: horizontalComponentClasses
+        }
       }, before && item.component), /*#__PURE__*/_react.default.createElement(_Row.default, null, useImages ? /*#__PURE__*/_react.default.createElement("div", {
         id: circlePos,
         className: isHorizontal ? 'horizontal py-0 my-0' : 'vertical'
       }, /*#__PURE__*/_react.default.createElement(_Image.default, {
-        classes: imageClassList,
-        title: item.logoTitle,
-        image: item.logo,
-        altText: "".concat(item.logoAltText, " center logo")
+        imageProps: {
+          classes: imageClassList,
+          title: item.logoTitle,
+          image: item.logo,
+          altText: "".concat(item.logoAltText, " center logo")
+        }
       })) : /*#__PURE__*/_react.default.createElement("p", {
         id: circlePos,
         className: circle
       })), /*#__PURE__*/_react.default.createElement(_Row.default, {
-        classes: horizontalComponentClasses
+        rowProps: {
+          classes: horizontalComponentClasses
+        }
       }, !before && item.component));
     } else {
       return /*#__PURE__*/_react.default.createElement(_Row.default, {
-        key: "vertical_row_".concat(i + 0),
-        id: "timeline-item",
-        classes: liClasses + ' py-4 ' + a
+        rowProps: {
+          key: "vertical_row_".concat(i + 0),
+          id: 'timeline-item',
+          classes: "".concat(liClasses, " py-4")
+        }
       }, !isSm && /*#__PURE__*/_react.default.createElement(_Column.default, {
-        sm: "5",
-        classes: "text-center my-auto"
+        columnProps: {
+          sm: 5,
+          classes: 'text-center my-auto'
+        }
       }, before && item.component), /*#__PURE__*/_react.default.createElement(_Column.default, {
-        id: "circle-wrapper",
-        sm: 2,
-        classes: "my-auto"
+        columnProps: {
+          sm: 2,
+          id: 'circle-wrapper',
+          classes: 'my-auto'
+        }
       }, useImages ? /*#__PURE__*/_react.default.createElement("div", {
         id: circlePos,
         className: isSm ? 'vertical collapse' : 'vertical'
       }, /*#__PURE__*/_react.default.createElement(_Image.default, {
-        classes: imageClassList,
-        title: item.logoTitle,
-        image: item.logo,
-        altText: "".concat(item.logoAltText, " center logo")
+        imageProps: {
+          classes: imageClassList,
+          title: item.logoTitle,
+          image: item.logo,
+          altText: "".concat(item.logoAltText, " center logo")
+        }
       })) : /*#__PURE__*/_react.default.createElement("p", {
         id: circlePos,
         className: circle
       })), isSm && /*#__PURE__*/_react.default.createElement(_Column.default, {
-        sm: "10",
-        classes: "text-center my-auto"
+        columnProps: {
+          sm: 10,
+          classes: 'text-center my-auto'
+        }
       }, item.component), !isSm && /*#__PURE__*/_react.default.createElement(_Column.default, {
-        sm: "5",
-        classes: "text-center my-auto"
+        columnProps: {
+          sm: 5,
+          classes: 'text-center my-auto'
+        }
       }, !before && item.component));
     }
   })));

package/dist/components/Tubestops/index.js

@@ -1,65 +1,97 @@
 "use strict";
 
-require("core-js/modules/es.object.assign.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.tubestopsProps = exports.default = void 0;
 
 require("core-js/modules/es.array.reverse.js");
 
 var _react = _interopRequireDefault(require("react"));
 
-require("./index.css");
+var _Column = _interopRequireWildcard(require("../Column"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
 
 require("../index.css");
 
-var _Column = _interopRequireDefault(require("../Column"));
+require("./index.css");
+
+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; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const tubestopsProps = {
+  id: _propTypes.default.string,
+  classes: _propTypes.default.string,
+  isHorizontal: _propTypes.default.bool,
+  items: _propTypes.default.array,
+  reverse: _propTypes.default.bool,
+  textCenter: _propTypes.default.bool,
+  logo: _propTypes.default.string,
+  columnProps: _propTypes.default.object
+};
+exports.tubestopsProps = tubestopsProps;
 
 const Tubestops = _ref => {
   let {
-    id,
-    classes,
-    isHorizontal,
-    items,
-    reverse,
-    textCenter,
-    logo
+    tubestopsProps
   } = _ref;
-  let classList = 'w-full list-none';
-  classList = classes ? classes : '';
-  let ulClasses = 'tubestop status-flow relative list-none pl-0 flex ';
-  let liClasses = 'mb-0 status-flow-item relative flex flex-auto flex-row leading-tight ';
-  liClasses += textCenter ? 'text-center ' : '';
-  ulClasses += !reverse ? isHorizontal ? 'flex-row none-reverse justify-between' : 'flex-col none-reverse' : isHorizontal ? 'flex-row reverse justify-between' : 'flex-col reverse';
-  liClasses += !reverse ? isHorizontal ? 'items-center flex-col-reverse justify-between' : 'flex-row none-reverse' : isHorizontal ? 'items-center flex-col' : ' flex-row-reverse';
-  let padding;
-  padding = !reverse ? isHorizontal ? 'pb-2' : 'pl-4' : isHorizontal ? 'pt-2' : 'pr-4';
+  if (tubestopsProps == undefined) return;
   const circle = 'w-4 h-4 rounded-full bg-black z-10';
-  return /*#__PURE__*/_react.default.createElement(_Column.default, _extends({}, id && {
-    id: id
-  }, {
-    md: 4,
+  const classList = (0, _classnames.default)({
+    [tubestopsProps.classes]: tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.classes
+  }, 'w-full list-none');
+  const liClasses = (0, _classnames.default)({
+    'text-center': tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.textCenter,
+    'items-center flex-col-reverse justify-between': !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.reverse) && (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.isHorizontal),
+    'flex-row none-reverse': !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.reverse) && !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.isHorizontal),
+    'items-center flex-col': (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.reverse) && (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.isHorizontal),
+    'flex-row-reverse': (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.reverse) && !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.isHorizontal)
+  }, 'mb-0 status-flow-item relative flex flex-auto flex-row leading-tight');
+  const ulClasses = (0, _classnames.default)({
+    'flex-row none-reverse justify-between': !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.reverse) && (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.isHorizontal),
+    'flex-col none-reverse': !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.reverse) && !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.isHorizontal),
+    'flex-row reverse justify-between': (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.reverse) && (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.isHorizontal),
+    'flex-col reverse': (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.reverse) && !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.isHorizontal)
+  }, 'tubestop status-flow relative list-none pl-0 flex');
+  const padding = (0, _classnames.default)({
+    'pb-2': !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.reverse) && (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.isHorizontal),
+    'pl-4': !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.reverse) && !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.isHorizontal),
+    'pt-2': (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.reverse) && (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.isHorizontal),
+    'pr-4': (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.reverse) && !(tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.isHorizontal)
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: classList
-  }), /*#__PURE__*/_react.default.createElement("ul", {
+  }, /*#__PURE__*/_react.default.createElement("ul", {
     className: ulClasses
-  }, items && items.map((item, i) => {
-    let a = isHorizontal ? i === 0 ? '' : '' : i === 0 ? '' : 'my-12';
+  }, (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.items) && (tubestopsProps === null || tubestopsProps === void 0 ? void 0 : tubestopsProps.items.map((item, i) => {
+    let a = tubestopsProps !== null && tubestopsProps !== void 0 && tubestopsProps.isHorizontal ? i === 0 ? '' : '' : i === 0 ? '' : 'my-12';
     return /*#__PURE__*/_react.default.createElement("li", {
       key: "tubestop_".concat(i + 0),
-      className: liClasses + ' ' + a
+      className: "".concat(liClasses, " ").concat(a)
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: circle
     }), /*#__PURE__*/_react.default.createElement("div", {
       className: padding
     }, /*#__PURE__*/_react.default.createElement("p", null, item.title + i), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("small", null, item.subtitle))));
-  })));
+  }))));
 };
 
+Tubestops.propTypes = {
+  tubestopsProps: _propTypes.default.shape(_objectSpread({}, tubestopsProps))
+};
 var _default = Tubestops;
 exports.default = _default;

package/dist/components/UserIcon/index.js

@@ -11,6 +11,10 @@ require("core-js/modules/es.symbol.description.js");
 
 var _react = _interopRequireDefault(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Image = _interopRequireDefault(require("../Image"));
+
 require("../index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -21,26 +25,26 @@ const UserIcon = _ref => {
   let {
     id,
     classes,
-    icon,
     name,
-    description
+    description,
+    imageProps
   } = _ref;
-  let classList = 'group flex items-center';
-  classList += classes ? classes : '';
+  const classList = (0, _classnames.default)({
+    [classes]: classes
+  }, 'group flex items-center');
+  imageProps.classes = imageProps.classes + " shrink-0 h-12 w-12 rounded-full";
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
     id: id
   }, {
     className: classList
-  }), /*#__PURE__*/_react.default.createElement("img", {
-    className: "shrink-0 h-12 w-12 rounded-full",
-    src: icon,
-    alt: ""
+  }), /*#__PURE__*/_react.default.createElement(_Image.default, {
+    imageProps: imageProps
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "ltr:ml-3 rtl:mr-3"
   }, /*#__PURE__*/_react.default.createElement("p", {
-    className: "text-sm font-medium text-slate-300 group-hover:text-white"
+    className: "text-xs font-medium"
   }, name), /*#__PURE__*/_react.default.createElement("p", {
-    className: "text-sm font-medium text-slate-500 group-hover:text-slate-300"
+    className: "text-xs font-medium "
   }, description)));
 };
 

package/dist/components/Video/index.js

@@ -3,56 +3,67 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-
-require("core-js/modules/es.object.assign.js");
+exports.videoProps = exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 require("../index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const videoProps = {
+  id: _propTypes.default.string,
+  classes: _propTypes.default.string,
+  autoPlay: _propTypes.default.bool,
+  muted: _propTypes.default.bool,
+  poster: _propTypes.default.string,
+  mp4File: _propTypes.default.string,
+  webmFile: _propTypes.default.string,
+  ogvFile: _propTypes.default.string,
+  height: _propTypes.default.string,
+  width: _propTypes.default.string,
+  withControls: _propTypes.default.bool,
+  withPoster: _propTypes.default.bool
+};
+exports.videoProps = videoProps;
 
 const Video = _ref => {
   let {
-    id,
-    classes,
-    autoPlay,
-    muted,
-    poster,
-    mp4File,
-    webmFile,
-    ogvFile,
-    height,
-    width,
-    withControls,
-    withPoster
+    videoProps
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("video", _extends({}, id && {
-    id: id
-  }, {
-    className: classes
-  }, withPoster && {
-    poster: poster
-  }, {
-    width: width,
-    height: height,
-    controls: withControls,
-    autoPlay: autoPlay,
-    muted: muted
-  }), /*#__PURE__*/_react.default.createElement("source", {
-    src: mp4File,
+  return /*#__PURE__*/_react.default.createElement("video", {
+    videoProps: {
+      id: videoProps === null || videoProps === void 0 ? void 0 : videoProps.id,
+      className: videoProps === null || videoProps === void 0 ? void 0 : videoProps.classes,
+      poster: videoProps === null || videoProps === void 0 ? void 0 : videoProps.poster,
+      width: videoProps === null || videoProps === void 0 ? void 0 : videoProps.width,
+      height: videoProps === null || videoProps === void 0 ? void 0 : videoProps.height,
+      controls: videoProps === null || videoProps === void 0 ? void 0 : videoProps.withControls,
+      autoPlay: videoProps === null || videoProps === void 0 ? void 0 : videoProps.autoPlay,
+      muted: videoProps === null || videoProps === void 0 ? void 0 : videoProps.muted
+    }
+  }, /*#__PURE__*/_react.default.createElement("source", {
+    src: videoProps === null || videoProps === void 0 ? void 0 : videoProps.mp4File,
     type: "video/mp4"
-  }), webmFile && /*#__PURE__*/_react.default.createElement("source", {
-    src: webmFile,
+  }), (videoProps === null || videoProps === void 0 ? void 0 : videoProps.webmFile) && /*#__PURE__*/_react.default.createElement("source", {
+    src: videoProps === null || videoProps === void 0 ? void 0 : videoProps.webmFile,
     type: "video/webm"
-  }), ogvFile && /*#__PURE__*/_react.default.createElement("source", {
-    src: ogvFile,
+  }), (videoProps === null || videoProps === void 0 ? void 0 : videoProps.ogvFile) && /*#__PURE__*/_react.default.createElement("source", {
+    src: videoProps === null || videoProps === void 0 ? void 0 : videoProps.ogvFile,
     type: "video/ogg"
   }));
 };
 
+Video.propTypes = {
+  videoProps: _propTypes.default.shape(_objectSpread({}, videoProps))
+};
 var _default = Video;
 exports.default = _default;

package/package.json

@@ -2,7 +2,7 @@
   "name": "trepur_components",
   "description": "component lib",
   "author": "trepur_ttenneb",
-  "version": "0.2.74",
+  "version": "0.3.2",
   "private": false,
   "keywords": [
     "react",