luna-one 3.1.593 → 3.1.595

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

@@ -0,0 +1,297 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ShortDetails = exports.LongDetails = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _TimeBasedList = _interopRequireDefault(require("./TimeBasedList"));
+var _TimeBasedListDocumentation = _interopRequireDefault(require("./TimeBasedListDocumentation.mdx"));
+var listItemsData = [{
+  key: "October-2021",
+  title: "October 2021",
+  entries: [{
+    title: "Trimble and MSUITE to Optimize MEP Contractors' Prefabrication Processes with Connected Workflows®",
+    date: {
+      raw: "2021-10-29T00:00-05:00",
+      day: "29",
+      month: "October",
+      year: "2021"
+    },
+    endDate: {
+      raw: "2021-11-02T00:00-05:00",
+      day: "02",
+      month: "November",
+      year: "2021"
+    },
+    category: "Test Category",
+    url: "https://www.google.com",
+    description: "This is a short summary",
+    formats: [{
+      url: "//assets.ctfassets.net/citn2sn5tdjr/6OM4L0ZwSIPIDSSzU6nYut/2396e31452b98bbdecb9ab797a9fe2a5/SamplePDF.pdf",
+      type: "pdf",
+      description: "test pdf"
+    }, {
+      url: "//assets.ctfassets.net/citn2sn5tdjr/6rs2wakXBpA3upPDU99eMX/81eecd33ceae9d86b3b4b06277dc9b9f/original.doc",
+      type: "CDFV2",
+      description: "test text"
+    }]
+  }, {
+    title: "Trimble and MSUITE to Optimize MEP Contractors' Prefabrication Processes with Connected Workflows",
+    date: {
+      raw: "2021-10-21T00:00-05:00",
+      day: "21",
+      month: "October",
+      year: "2021"
+    },
+    endDate: {
+      raw: "2021-11-02T00:00-05:00",
+      day: "02",
+      month: "November",
+      year: "2021"
+    },
+    category: "Test Category",
+    url: "https://www.google.com",
+    description: "This is a short summary",
+    formats: [{
+      url: "//assets.ctfassets.net/citn2sn5tdjr/6OM4L0ZwSIPIDSSzU6nYut/2396e31452b98bbdecb9ab797a9fe2a5/SamplePDF.pdf",
+      type: "pdf",
+      description: "test pdf"
+    }, {
+      url: "//assets.ctfassets.net/citn2sn5tdjr/6rs2wakXBpA3upPDU99eMX/81eecd33ceae9d86b3b4b06277dc9b9f/original.doc",
+      type: "CDFV2",
+      description: "test text"
+    }],
+    image: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    }
+  }, {
+    title: "Trimble and MSUITE to Optimize MEP Contractors' Prefabrication Processes with Connected Workflows",
+    date: {
+      raw: "2021-10-11T00:00-05:00",
+      day: "11",
+      month: "October",
+      year: "2021"
+    },
+    endDate: {
+      raw: "2021-11-02T00:00-05:00",
+      day: "02",
+      month: "November",
+      year: "2021"
+    },
+    category: "Test Category",
+    url: "https://www.google.com",
+    description: "This is a short summary",
+    formats: [{
+      url: "//assets.ctfassets.net/citn2sn5tdjr/6OM4L0ZwSIPIDSSzU6nYut/2396e31452b98bbdecb9ab797a9fe2a5/SamplePDF.pdf",
+      type: "pdf",
+      description: "test pdf"
+    }, {
+      url: "//assets.ctfassets.net/citn2sn5tdjr/6rs2wakXBpA3upPDU99eMX/81eecd33ceae9d86b3b4b06277dc9b9f/original.doc",
+      type: "CDFV2",
+      description: "test text"
+    }],
+    image: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    }
+  }, {
+    title: "Test Article2 Trimble and MSUITE to Optimize MEP Contractors' Prefabrication Processes with Connected Workflows",
+    date: {
+      raw: "2021-10-29T00:00-05:01",
+      day: "29",
+      month: "October",
+      year: "2021"
+    },
+    endDate: {
+      raw: "2021-11-02T00:00-05:01",
+      day: "02",
+      month: "November",
+      year: "2021"
+    },
+    category: "Test Category",
+    url: "/en-us/articles/test-article",
+    description: "This is a short summary",
+    formats: [{
+      url: "//assets.ctfassets.net/citn2sn5tdjr/6OM4L0ZwSIPIDSSzU6nYut/2396e31452b98bbdecb9ab797a9fe2a5/SamplePDF.pdf",
+      type: "pdf",
+      description: "test pdf"
+    }, {
+      url: "//assets.ctfassets.net/citn2sn5tdjr/6rs2wakXBpA3upPDU99eMX/81eecd33ceae9d86b3b4b06277dc9b9f/original.doc",
+      type: "CDFV2",
+      description: "test text"
+    }],
+    image: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    }
+  }]
+}, {
+  key: "November-2021",
+  title: "November 2021",
+  entries: [{
+    title: "Test Article 2",
+    date: {
+      raw: "2021-11-10T00:00-05:00",
+      day: "09",
+      month: "November",
+      year: "2021"
+    },
+    category: "Test Category",
+    url: "/en-us/articles/test-article-2",
+    description: "This is a short summary",
+    formats: [{
+      url: "//assets.ctfassets.net/citn2sn5tdjr/6OM4L0ZwSIPIDSSzU6nYut/2396e31452b98bbdecb9ab797a9fe2a5/SamplePDF.pdf",
+      type: "pdf",
+      description: "test pdf"
+    }, {
+      url: "//assets.ctfassets.net/citn2sn5tdjr/6rs2wakXBpA3upPDU99eMX/81eecd33ceae9d86b3b4b06277dc9b9f/original.doc",
+      type: "CDFV2",
+      description: "test text"
+    }],
+    image: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    }
+  }, {
+    title: "Test Article 2®",
+    date: {
+      raw: "2021-11-01T00:00-05:00",
+      day: "01",
+      month: "November",
+      year: "2021"
+    },
+    category: "Test Category",
+    url: "/en-us/articles/test-article-2",
+    description: "This is a short summary",
+    formats: [{
+      url: "//assets.ctfassets.net/citn2sn5tdjr/6OM4L0ZwSIPIDSSzU6nYut/2396e31452b98bbdecb9ab797a9fe2a5/SamplePDF.pdf",
+      type: "pdf",
+      description: "test pdf"
+    }, {
+      url: "//assets.ctfassets.net/citn2sn5tdjr/6rs2wakXBpA3upPDU99eMX/81eecd33ceae9d86b3b4b06277dc9b9f/original.doc",
+      type: "CDFV2",
+      description: "test text"
+    }],
+    image: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    }
+  }, {
+    title: "Test Article 2",
+    date: {
+      raw: "2021-11-22T00:00-05:00",
+      day: "22",
+      month: "November",
+      year: "2021"
+    },
+    category: "Test Category",
+    url: "/en-us/articles/test-article-2",
+    description: "This is a short summary",
+    formats: [{
+      url: "//assets.ctfassets.net/citn2sn5tdjr/6OM4L0ZwSIPIDSSzU6nYut/2396e31452b98bbdecb9ab797a9fe2a5/SamplePDF.pdf",
+      type: "pdf",
+      description: "test pdf"
+    }, {
+      url: "//assets.ctfassets.net/citn2sn5tdjr/6rs2wakXBpA3upPDU99eMX/81eecd33ceae9d86b3b4b06277dc9b9f/original.doc",
+      type: "CDFV2",
+      description: "test text"
+    }],
+    image: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    }
+  }, {
+    title: "Test Article 2",
+    date: {
+      raw: "2021-11-15T00:00-05:00",
+      day: "15",
+      month: "November",
+      year: "2021"
+    },
+    category: "Test Category",
+    url: "/en-us/articles/test-article-2",
+    description: "This is a short summary",
+    formats: [{
+      url: "//assets.ctfassets.net/citn2sn5tdjr/6OM4L0ZwSIPIDSSzU6nYut/2396e31452b98bbdecb9ab797a9fe2a5/SamplePDF.pdf",
+      type: "pdf",
+      description: "test pdf"
+    }, {
+      url: "//assets.ctfassets.net/citn2sn5tdjr/6rs2wakXBpA3upPDU99eMX/81eecd33ceae9d86b3b4b06277dc9b9f/original.doc",
+      type: "CDFV2",
+      description: "test text"
+    }],
+    image: {
+      focalPointImage: {
+        height: 4000,
+        title: "dog",
+        url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+        width: 6000,
+        x: 3549,
+        y: 1811
+      }
+    }
+  }]
+}];
+var _default = {
+  component: _TimeBasedList["default"],
+  title: "MXP Components/Time Based List Items",
+  parameters: {
+    docs: {
+      page: _TimeBasedListDocumentation["default"]
+    }
+  }
+};
+exports["default"] = _default;
+var ShortDetails = function ShortDetails() {
+  return /*#__PURE__*/_react["default"].createElement(_TimeBasedList["default"], {
+    variant: "short-details",
+    groups: listItemsData
+  });
+};
+exports.ShortDetails = ShortDetails;
+var LongDetails = function LongDetails() {
+  return /*#__PURE__*/_react["default"].createElement(_TimeBasedList["default"], {
+    variant: "long-details",
+    groups: listItemsData
+  });
+};
+exports.LongDetails = LongDetails;

package/dist/luna/components/TimeBasedList/TimeBasedListDocumentation.mdx

@@ -0,0 +1,123 @@
+#### Time Based List
+
+###### Props -
+
+- `variant` - string that determines the list appearance (either short-details or long-details)
+- `groups` - array of objects containing groups of individual cards to be displayed
+
+  - `key` - string that functions as a unique identifier for the group
+  - `title` - string that holds the title of the group
+  - `entries` - array of objects that holds all card entries
+    - `title` - string containing the card title
+    - `date` - object containing date information
+      - `day` - string containing the day of the month
+      - `month` - string containing the month
+      - `year` - string containing the year
+    - `endDate` - object containing end date information
+      - `day` - string containing the day of the month
+      - `month` - string containing the month
+      - `year` - string containing the year
+    - `category` - string containing the category
+    - `url` - string containing the url
+    - `description` - string containing the description
+    - `formats` - array of objects containing information for alternate format transcriptions of the article or event referenced by url
+      - `url` - a string containing the file url
+      - `type` - a string containing the file type
+      - `descripption` - a string containing the file description
+    - `image` - object containing information about the card image
+      - `desktop` - object containing the desktop image information
+        - `url` - string containing the image url
+        - `alt` - string containing the image alt text
+      - `mobile` - object containing the mobile image information
+        - `url` - string containing the image url
+        - `alt` - string containing the image alt text
+
+###### Example -
+
+```
+const listItemsData = [
+  {
+    "key": "October-2021",
+    "title": "October 2021",
+    "entries": [
+      {
+        "title": "Test Article",
+        "date": {
+          "raw": "2021-10-29T00:00-05:00",
+          "day": "29",
+          "month": "October",
+          "year": "2021"
+        },
+        "category": "Test Category",
+        "url": "/en-us/articles/test-article",
+        "description": "This is a short summary",
+        "formats": [
+          {
+            "url": "//assets.ctfassets.net/citn2sn5tdjr/6OM4L0ZwSIPIDSSzU6nYut/2396e31452b98bbdecb9ab797a9fe2a5/SamplePDF.pdf",
+            "type": "pdf"
+          },
+          {
+            "url": "//assets.ctfassets.net/citn2sn5tdjr/6rs2wakXBpA3upPDU99eMX/81eecd33ceae9d86b3b4b06277dc9b9f/original.doc",
+            "type": "CDFV2"
+          }
+        ],
+        "image": {
+          "desktop": {
+            "url": "https://via.placeholder.com/200x180",
+            "alt": "Trimble Logo"
+          },
+          "mobile": {
+            "url": "https://via.placeholder.com/300x180",
+            "alt": "Trimble Logo"
+          }
+        }
+      }
+    ]
+  },
+  {
+    "key": "November-2021",
+    "title": "November 2021",
+    "entries": [
+      {
+        "title": "Test Article 2",
+        "date": {
+          "raw": "2021-11-10T00:00-05:00",
+          "day": "09",
+          "month": "November",
+          "year": "2021"
+        },
+        "category": "Test Category",
+        "url": "/en-us/articles/test-article-2",
+        "description": "This is a short summary",
+        "formats": [
+          {
+            "url": "//assets.ctfassets.net/citn2sn5tdjr/6OM4L0ZwSIPIDSSzU6nYut/2396e31452b98bbdecb9ab797a9fe2a5/SamplePDF.pdf",
+            "type": "pdf"
+          },
+          {
+            "url": "//assets.ctfassets.net/citn2sn5tdjr/6rs2wakXBpA3upPDU99eMX/81eecd33ceae9d86b3b4b06277dc9b9f/original.doc",
+            "type": "CDFV2"
+          }
+        ],
+        "image": {
+          "desktop": {
+            "url": "https://via.placeholder.com/200x180",
+            "alt": "Trimble Logo"
+          },
+          "mobile": {
+            "url": "https://via.placeholder.com/300x180",
+            "alt": "Trimble Logo"
+          }
+        }
+      }
+    ]
+  }
+]
+
+return (
+  <TimeBasedList
+    variant={"short-details"}
+    groups={listItemsData}
+  />
+);
+```

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

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@storybook/react");
+var _TrainerCard = _interopRequireDefault(require("./TrainerCard"));
+var content = {
+  header: "Trainer",
+  name: "Sketchy McSketcherson",
+  country: "United States",
+  region: "North America",
+  link: {
+    url: "/",
+    text: "Get in touch"
+  }
+};
+var contentTwo = {
+  header: "Super Master Trainer",
+  name: "Archie O'Shaughnessy",
+  country: "United States",
+  region: "North America",
+  link: {
+    url: "/",
+    text: "Get in touch"
+  }
+};
+
+// storiesOf("Not Yet Implemented/TrainerCard", module)
+//   .add("TrainerCard", () => {
+//     return <TrainerCard content={content} />;
+//   })
+//   .add("Multiple TrainerCards", () => {
+//     return (
+//       <div style={{ display: "flex", justifyContent: "space-around" }}>
+//         <TrainerCard content={content} />
+//         <TrainerCard content={contentTwo} />
+//       </div>
+//     );
+//   });

package/dist/luna/components/TrialForm/TrialFormStart/TrialFormStart.stories.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _TrialFormStart = _interopRequireDefault(require("./TrialFormStart"));
+var trialSpecifics = {
+  header: "Start a 30 Day Trial of Tekla Structures",
+  text: "Here is a brief description",
+  signInText: "Sign in or create an account to continue",
+  ctas: {
+    ctaOne: {
+      text: "Sign In",
+      url: "/",
+      className: "primary--1"
+    },
+    ctaTwo: {
+      text: "Create an Account",
+      url: "/",
+      className: "primary--2"
+    }
+  }
+};
+var trialSummary = {
+  eyebrow: "Trial Summary",
+  productName: "Tekla Structures",
+  productNameIcon: {
+    src: "https://fpoimg.com/30x30",
+    alt: "image"
+  },
+  body: "Tekla's truly constructible BIM software puts the power of data-rich models at your fingertips enhancing efficiency at every project phase",
+  bullets: ["No credit card required", "Custom value prop", "Custom value prop"],
+  durationLabel: "Duration",
+  duration: "30 days",
+  operatingSystemLabel: "Operating System",
+  operatingSystem: "Windows"
+};
+var content = {
+  trialSpecifics: trialSpecifics,
+  trialSummary: trialSummary
+};
+var renderComponentWithPadding = function renderComponentWithPadding(component) {
+  var fullWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var content = arguments.length > 2 ? arguments[2] : undefined;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "default-layout"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "default-layout__grid",
+    style: {
+      backgroundColor: "#F1F1F6"
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: fullWidth ? "default-layout__full-content-child" : "default-layout__children"
+  }, component)));
+};
+var _default = {
+  component: _TrialFormStart["default"],
+  title: "MXP Components/Trial Form Start"
+};
+exports["default"] = _default;
+var Default = function Default() {
+  return renderComponentWithPadding( /*#__PURE__*/_react["default"].createElement(_TrialFormStart["default"], {
+    content: content
+  }));
+};
+exports.Default = Default;

package/dist/luna/components/VariableContentCard/VariableContentCard.js

@@ -1,11 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 require("./VariableContentCard.scss");
 var _play = _interopRequireDefault(require("../../images/play.svg"));
 var _reactPlayer = _interopRequireDefault(require("react-player"));
@@ -13,7 +14,6 @@ var _fpoSquare = _interopRequireDefault(require("../../images/fpo-square.png"));
 var _checkForDangerouslySet = _interopRequireDefault(require("../../utils/checkForDangerouslySet"));
 var _removeSpaces = require("../../utils/removeSpaces");
 var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
-var _lodash = require("lodash");
 var _terraOne = require("terra-one");
 var _reactAwesomeReveal = require("react-awesome-reveal");
 var _VidyardModal = _interopRequireDefault(require("../VidyardModal/VidyardModal"));
@@ -62,7 +62,7 @@ var VariableContentCard = function VariableContentCard(_ref) {
       return deployModalonEnter(e, index);
     },
     className: "luna-video-feat__thumbnail-container",
-    id: (0, _lodash.uniqueId)("id-"),
+    id: (0, _react.useId)(),
     tabIndex: mouse ? "" : "0",
     onClick: function onClick() {
       return deployModal(index);
@@ -84,7 +84,7 @@ var VariableContentCard = function VariableContentCard(_ref) {
       e.target.src = _fpoSquare["default"];
     }
   }), content.video && /*#__PURE__*/_react["default"].createElement("img", {
-    id: (0, _lodash.uniqueId)("id-"),
+    id: (0, _react.useId)(),
     tabIndex: mouse ? "" : "0",
     onClick: function onClick() {
       return deployModal(index);