luna-one 3.1.593 → 3.1.594

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.scss

@@ -1,51 +1,51 @@
-@import "../../../global-styles/terra.scss";
-
-.sum-trainer-card {
-  display: flex;
-  flex-direction: column;
-  background: $concrete-gray;
-  width: 300px;
-  padding: 24px;
-
-  &__content {
-    flex: 1 1 auto;
-  }
-
-  &__header,
-  &__name,
-  &__country,
-  &__region {
-    margin: 0;
-    padding: 0;
-  }
-
-  &__header {
-    @include benton-very-bold();
-    line-height: 30px;
-    font-size: $large-subheading-size;
-  }
-
-  &__name {
-    padding-top: 8px;
-    font-size: $subheading-size-mobile;
-    line-height: 24px;
-  }
-
-  &__country {
-    padding-top: 12px;
-    line-height: 20px;
-    font-size: $large-body-font-size;
-  }
-
-  &__region {
-    line-height: 20px;
-    font-size: $large-body-font-size;
-  }
-
-  .ter-button {
-    height: 32px;
-    line-height: 32px;
-    display: block;
-    margin-top: 24px;
-  }
-}
+@import "../../../global-styles/terra.scss";
+
+.sum-trainer-card {
+  display: flex;
+  flex-direction: column;
+  background: $concrete-gray;
+  width: 300px;
+  padding: 24px;
+
+  &__content {
+    flex: 1 1 auto;
+  }
+
+  &__header,
+  &__name,
+  &__country,
+  &__region {
+    margin: 0;
+    padding: 0;
+  }
+
+  &__header {
+    @include benton-very-bold();
+    line-height: 30px;
+    font-size: $large-subheading-size;
+  }
+
+  &__name {
+    padding-top: 8px;
+    font-size: $subheading-size-mobile;
+    line-height: 24px;
+  }
+
+  &__country {
+    padding-top: 12px;
+    line-height: 20px;
+    font-size: $large-body-font-size;
+  }
+
+  &__region {
+    line-height: 20px;
+    font-size: $large-body-font-size;
+  }
+
+  .ter-button {
+    height: 32px;
+    line-height: 32px;
+    display: block;
+    margin-top: 24px;
+  }
+}

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/TrialComponents/TrialSpecifics.scss

@@ -1,44 +1,44 @@
-@import "../../../../global-styles/terra.scss";
-
-.trial-specifics {
-  &--top {
-    padding: 40px 40px 14px 40px;
-    background-image: url("../images/form-border-top-dark.svg");
-    background-repeat: no-repeat;
-    background-position: top;
-    background-size: 100%;
-
-    &--header {
-      @include header-standard-size;
-      line-height: 42px;
-      color: $trimble-dark-gray;
-      margin-bottom: 16px;
-    }
-
-    &--text {
-      @include subheader-standard-size;
-      font-weight: 350;
-      color: $trimble-dark-gray;
-      margin-bottom: 30px;
-    }
-  }
-  &--bottom {
-    padding: 0 40px 40px 40px;
-    background-image: url("../images/form-border-bottom-dark.svg");
-    background-repeat: no-repeat;
-    background-position: bottom;
-    background-size: 100%;
-
-    &--text {
-      @include subheader-standard-size;
-      font-weight: 700;
-      line-height: 24px;
-      color: $trimble-dark-gray;
-      margin-bottom: 24px;
-    }
-
-    .ter-button {
-      width: 215px;
-    }
-  }
-}
+@import "../../../../global-styles/terra.scss";
+
+.trial-specifics {
+  &--top {
+    padding: 40px 40px 14px 40px;
+    background-image: url("../images/form-border-top-dark.svg");
+    background-repeat: no-repeat;
+    background-position: top;
+    background-size: 100%;
+
+    &--header {
+      @include header-standard-size;
+      line-height: 42px;
+      color: $trimble-dark-gray;
+      margin-bottom: 16px;
+    }
+
+    &--text {
+      @include subheader-standard-size;
+      font-weight: 350;
+      color: $trimble-dark-gray;
+      margin-bottom: 30px;
+    }
+  }
+  &--bottom {
+    padding: 0 40px 40px 40px;
+    background-image: url("../images/form-border-bottom-dark.svg");
+    background-repeat: no-repeat;
+    background-position: bottom;
+    background-size: 100%;
+
+    &--text {
+      @include subheader-standard-size;
+      font-weight: 700;
+      line-height: 24px;
+      color: $trimble-dark-gray;
+      margin-bottom: 24px;
+    }
+
+    .ter-button {
+      width: 215px;
+    }
+  }
+}