luna-one 3.1.593 → 3.1.595

package/dist/luna/components/Video/Video.stories.js

@@ -0,0 +1,135 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.vimeoVideo = exports["default"] = exports.Vidyard = exports.NoTranscriptVideo = exports.Default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _terraOne = require("terra-one");
+var _Video = _interopRequireDefault(require("../Video/Video"));
+var _VideoDocumentation = _interopRequireDefault(require("./VideoDocumentation.mdx"));
+var video = {
+  url: "https://www.youtube.com/embed/UY7r0juBF8Y",
+  allowFullScreen: true,
+  uuid: "UrtwArRETP23TP9yGgCEd6"
+};
+var vidyardVideo = {
+  url: null,
+  allowFullScreen: true,
+  uuid: "ELv5BCNfZhgji83ocGbTV1",
+  vidyard: true
+};
+var thumbnail = {
+  src: "https://fpoimg.com/720x450",
+  alt: "fpo"
+};
+var videoContent = {
+  transcript: "View Transcript",
+  closeTranscript: "Hide Transcript",
+  transcriptText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+  video: video,
+  thumbnail: thumbnail,
+  setVideoProgress: function setVideoProgress() {},
+  variant: "variant_7"
+};
+var vidyardVideoContent = {
+  transcript: "View Transcript",
+  closeTranscript: "Hide Transcript",
+  transcriptText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+  video: vidyardVideo,
+  thumbnail: {
+    focalPointImage: {
+      x: 0,
+      y: 0,
+      title: "union-station-h6",
+      height: 450,
+      width: 720,
+      url: "https://fpoimg.com/730x450"
+    }
+  },
+  setVideoProgress: function setVideoProgress() {},
+  variant: "variant_7"
+};
+var noTranscriptVideo = {
+  video: vidyardVideo,
+  thumbnail: {
+    focalPointImage: {
+      x: 0,
+      y: 0,
+      title: "union-station-h6",
+      height: 450,
+      width: 720,
+      url: "https://fpoimg.com/730x450"
+    }
+  },
+  variant: "variant_7"
+};
+var _default = {
+  component: _Video["default"],
+  title: "MXP Components/Videos",
+  parameters: {
+    docs: {
+      page: _VideoDocumentation["default"]
+    }
+  }
+}; // 76979871
+exports["default"] = _default;
+var video1 = {
+  allowFullScreen: true,
+  url: "https://vimeo.com/76979871"
+};
+var videoContent1 = {
+  transcript: "View Transcript",
+  closeTranscript: "Hide Transcript",
+  transcriptText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+  video: video,
+  // {
+  videoTitle: "Vimeo Video 2",
+  // url: "https://vimeo.com/76979871",
+  // allowFullScreen: true,
+  // vidyard: false,
+  // },
+  thumbnail: thumbnail,
+  variant: "variant_7",
+  setVideoProgress: function setVideoProgress() {}
+};
+var Default = function Default() {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    override = _useState2[0],
+    setOverride = _useState2[1];
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, "This is for videosssss"), /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, {
+    id: "my-id-1",
+    video: videoContent,
+    className: "ter-button--primary--2",
+    setOverride: setOverride
+  }, /*#__PURE__*/_react["default"].createElement("p", null, "click me!")), /*#__PURE__*/_react["default"].createElement("div", null, "???"), /*#__PURE__*/_react["default"].createElement(_terraOne.Button, {
+    id: "my-id-1",
+    video: videoContent,
+    className: "ter-button--primary--1",
+    setOverride: setOverride,
+    videoComponent: _Video["default"]
+  }));
+};
+exports.Default = Default;
+var Vidyard = function Vidyard() {
+  return /*#__PURE__*/_react["default"].createElement(_Video["default"], {
+    content: vidyardVideoContent
+  });
+};
+exports.Vidyard = Vidyard;
+var vimeoVideo = function vimeoVideo() {
+  return /*#__PURE__*/_react["default"].createElement(_Video["default"], {
+    content: videoContent1
+  });
+};
+exports.vimeoVideo = vimeoVideo;
+var NoTranscriptVideo = function NoTranscriptVideo() {
+  return /*#__PURE__*/_react["default"].createElement(_Video["default"], {
+    content: noTranscriptVideo
+  });
+};
+exports.NoTranscriptVideo = NoTranscriptVideo;

package/dist/luna/components/Video/VideoDocumentation.mdx

@@ -0,0 +1,56 @@
+#### Videoo
+
+###### Props -
+
+- `content` **(required)** - object containing all video information
+  - `image` - object with `src` and `alt` as keys with strings as values.
+  - `video` - object for rendering the video embed
+    - `url` - string that points to the video source on YouTube or Vimeo
+    - `uuid` - string used for rendering Vidyard video embeds
+    - `vidyard` - boolean for indicating that a Vidyard component should be rendered
+  - `variant` - string to indicate page layout. This defaults to "variant_1" unless video props are present
+    - `variant_1` - image 3/4 of page and 1/4 text
+    - `variant_2` - image 1/2 of page and 1/2 text
+    - `variant_3` - image 2/3 of page and 1/3 text
+    - `variant_4` - image size 555x555 and 1/2 text
+    - `variant_6` - full width image and text (either top or bottom)
+    - `variant_7` - video and text
+
+###### Example -
+
+```
+const video = {
+  url: "https://www.youtube.com/embed/UY7r0juBF8Y",
+  allowFullScreen: true,
+  uuid: "UrtwArRETP23TP9yGgCEd6",
+};
+
+const vidyardVideo = {
+  url: null,
+  allowFullScreen: true,
+  uuid: "ELv5BCNfZhgji83ocGbTV1",
+  vidyard: true,
+};
+
+const thumbnail = {
+  src: "https://fpoimg.com/720x450",
+  alt: "fpo",
+};
+
+const videoContent = {
+  transcript: "View Transcript",
+  closeTranscript: "Hide Transcript",
+  transcriptText:
+    "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+  video,
+  thumbnail,
+  variant: "variant_7",
+};
+
+return (
+  <>
+    <VideoComponent content={videoContent} />
+    <VideoComponent content={vidyardVideoContent} />
+  </>
+);
+```

package/dist/luna/components/WaffleMenu/WaffleMenu.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _NavBar = require("../../other-organisms/NavBar/NavBar");
+var _NavBar = require("../NavBar/NavBar");
 var _waffle = _interopRequireDefault(require("../../images/waffle.svg"));
 require("./WaffleMenu.scss");
 var _default = function _default(_ref) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luna-one",
-  "version": "3.1.593",
+  "version": "3.1.595",
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@emotion/react": "^11.10.6",
-    "@storybook/addon-knobs": "^6.4.0",
+    "@storybook/addon-controls": "^7.0.4",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
@@ -49,7 +49,7 @@
     "react-player": "^2.11.2",
     "react-scroll": "^1.8.9",
     "smoothscroll-polyfill": "^0.4.4",
-    "terra-one": "^3.0.196"
+    "terra-one": "^3.0.197"
   },
   "scripts": {
     "start": "start-storybook -p 9009 -s public",

package/dist/application/components/HelmetHandler/HelmetHandler.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactHelmet = require("react-helmet");
-var _favicon = _interopRequireDefault(require("../../assets/images/favicon.ico"));
-var HelmetHandler = function HelmetHandler(_ref) {
-  var _ref$metadata = _ref.metadata,
-    metadata = _ref$metadata === void 0 ? {} : _ref$metadata,
-    language = _ref.language;
-  var title = metadata.title,
-    canonical_url = metadata.canonical_url,
-    description = metadata.description;
-  return /*#__PURE__*/_react["default"].createElement(_reactHelmet.Helmet, null, /*#__PURE__*/_react["default"].createElement("title", null, title || "Trimble Frontend Application"), canonical_url && /*#__PURE__*/_react["default"].createElement("link", {
-    rel: "canonical",
-    href: canonical_url,
-    hrefLang: language || "en-US"
-  }), description && /*#__PURE__*/_react["default"].createElement("meta", {
-    name: "description",
-    content: description
-  }), /*#__PURE__*/_react["default"].createElement("html", {
-    lang: language || "en-US",
-    amp: true
-  }), /*#__PURE__*/_react["default"].createElement("meta", {
-    charset: "utf-8"
-  }), /*#__PURE__*/_react["default"].createElement("link", {
-    id: "favicon",
-    rel: "alternate",
-    href: _favicon["default"],
-    hrefLang: language || "en-US",
-    type: "image/x-icon",
-    "data-react-helmet": "true"
-  }));
-};
-var _default = HelmetHandler;
-exports["default"] = _default;

package/dist/application/components/Loading/Loading.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _loadingMini = _interopRequireDefault(require("../../assets/images/loading-mini.gif"));
-require("./Loading.scss");
-var Loading = function Loading(_ref) {
-  var image = _ref.image;
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "luna__loading-image-container"
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: image || _loadingMini["default"],
-    alt: "dancing dots",
-    className: "luna__loading-image"
-  }));
-};
-var _default = Loading;
-exports["default"] = _default;

package/dist/application/components/Loading/Loading.scss

@@ -1,10 +0,0 @@
-.luna__loading-image {
-  display: block;
-  margin: 0 auto;
-  &-container {
-    height: 100%;
-    display: grid;
-    align-items: center;
-    min-height: 400px;
-  }
-}