luna-one 3.1.593 → 3.1.595

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

@@ -0,0 +1,187 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.maxHeightBanner = exports["default"] = exports.PressReleaseMultiCategory = exports.NoBanner = exports.Default = exports.ContentUsingFocalPointImage = exports.BannerBelowHeader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ProseLayout = _interopRequireDefault(require("./ProseLayout"));
+var _ProseLayoutDocumentation = _interopRequireDefault(require("./ProseLayoutDocumentation.mdx"));
+var bannerImage = {
+  type: "focalPointImage",
+  focalPointImage: {
+    x: 2000,
+    y: 2000,
+    title: "union-station-h6",
+    height: 4000,
+    width: 4000,
+    url: "//images.ctfassets.net/citn2sn5tdjr/N6O34Vfezv62BbzBCsv7W/ad54effe0972ad1320b8bd99e16c6431/Group_10039.png"
+  }
+};
+var bannerWithLargeHeight = {
+  type: "focalPointImage",
+  focalPointImage: {
+    x: 2000,
+    y: 2000,
+    title: "union-station-h6",
+    height: 4000,
+    width: 4000,
+    url: "//images.ctfassets.net/citn2sn5tdjr/N6O34Vfezv62BbzBCsv7W/ad54effe0972ad1320b8bd99e16c6431/Group_10039.png"
+  }
+};
+var header = "KTH Royal Institute of Technology in Sweden to Establish Trimble Technology Lab for Architecture, Engineering and Construction®";
+var subheader = "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non";
+var listPageLink = "/";
+var date = " June 02, 2021";
+var industryOrCategory1 = {
+  name: "Financial Services"
+};
+var industryOrCategory2 = {
+  name: "Technology"
+};
+var Content = function Content() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit."), "\xA0Integer eleifend risus ultricies dignissim suscipit. Donec vel lacus non felis volutpat mollis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec tristique, tortor vitae varius vehicula, velit dui faucibus dui, a malesuada metus nulla et ligula. Vestibulum vitae dignissim justo, id volutpat diam. Nunc luctus felis arcu, ac accumsan justo tincidunt eu. Mauris sed augue blandit, lobortis libero et, blandit velit. Aliquam volutpat feugiat metus at facilisis. Sed id turpis neque. Nulla et ultricies justo. Proin sed volutpat leo. Pellentesque habitant morbi tristique sene ctus et netus et malesuada fames ac turpis egestas.\xA0", /*#__PURE__*/_react["default"].createElement("a", {
+    href: "/"
+  }, "Test link"), "."), /*#__PURE__*/_react["default"].createElement("p", null, "In sodales lacus quam, quis ornare sem molestie eget. Aenean sagittis lacinia magna, eget ultricies mi cursus et. Proin dui leo, semper in magna ac, consectetur porttitor diam. Praesent nec nisl auctor, suscipit sem id, ullamcorper nibh. Morbi bibendum arcu ac hendrerit rhoncus. Integer aliquet, tellus mollis ullamcorper consequat, ante massa ullamcorper nisl, vel semper massa quam semper augue. Etiam convallis urna interdum sodales molestie. Phasellus et eros nulla. Aenean mollis nibh quis orci sollicitudin porttitor. Integer aliquam vulputate lectus quis convallis. Nunc nibh elit, lobortis eget ligula id, semper efficitur nibh. Praesent sed nunc non ex vulputate pellentesque. Nunc nec porttitor nulla, nec vehicula enim. Ut porta urna eget nibh luctus, sed tincidunt orci consequat."), /*#__PURE__*/_react["default"].createElement("img", {
+    src: "https://picsum.photos/1360/410",
+    alt: "content image"
+  }), /*#__PURE__*/_react["default"].createElement("p", null, "In sodales lacus quam, quis ornare sem molestie eget. Aenean sagittis lacinia magna, eget ultricies mi cursus et. Proin dui leo, semper in magna ac, consectetur porttitor diam. Praesent nec nisl auctor, suscipit sem id, ullamcorper nibh. Morbi bibendum arcu ac hendrerit rhoncus. Integer aliquet, tellus mollis ullamcorper consequat, ante massa ullamcorper nisl, vel semper massa quam semper augue. Etiam convallis urna interdum sodales molestie. Phasellus et eros nulla. Aenean mollis nibh quis orci sollicitudin porttitor. Integer aliquam vulputate lectus quis convallis. Nunc nibh elit, lobortis eget ligula id, semper efficitur nibh. Praesent sed nunc non ex vulputate pellentesque. Nunc nec porttitor nulla, nec vehicula enim. Ut porta urna eget nibh luctus, sed tincidunt orci consequat."), /*#__PURE__*/_react["default"].createElement("ul", null, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Wear and tear"), " that causes equipment to not function to specifications.")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Environmental damage"), " due to dust, heat, humidity or salt air.")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Surge protection"), " from the use of Trimble power supplies.")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Preventive maintenance"), " adjustments and calibration on select equipment."))), /*#__PURE__*/_react["default"].createElement("p", null, "Nunc enim lectus, dapibus vel urna ornare, euismod maximus leo. Suspendisse rhoncus, mauris et posuere eleifend, nunc ligula suscipit augue, quis fermentum erat diam at est. Nam blandit sapien id arcu ultrices sagittis. Maecenas varius gravida enim, ac tempus tellus faucibus et. Fusce pharetra purus at laoreet porttitor. Nunc in mollis lectus, vel fermentum turpis. Proin ac odio pellentesque, varius leo ac, tincidunt tellus. In ut orci sollicitudin, lobortis nibh in, congue lectus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."));
+};
+var ContentWithFocalPointImage = function ContentWithFocalPointImage() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit."), "\xA0Integer eleifend risus ultricies dignissim suscipit. Donec vel lacus non felis volutpat mollis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec tristique, tortor vitae varius vehicula, velit dui faucibus dui, a malesuada metus nulla et ligula. Vestibulum vitae dignissim justo, id volutpat diam. Nunc luctus felis arcu, ac accumsan justo tincidunt eu. Mauris sed augue blandit, lobortis libero et, blandit velit. Aliquam volutpat feugiat metus at facilisis. Sed id turpis neque. Nulla et ultricies justo. Proin sed volutpat leo. Pellentesque habitant morbi tristique sene ctus et netus et malesuada fames ac turpis egestas.\xA0", /*#__PURE__*/_react["default"].createElement("a", {
+    href: "/"
+  }, "Test link"), "."), /*#__PURE__*/_react["default"].createElement("p", null, "In sodales lacus quam, quis ornare sem molestie eget. Aenean sagittis lacinia magna, eget ultricies mi cursus et. Proin dui leo, semper in magna ac, consectetur porttitor diam. Praesent nec nisl auctor, suscipit sem id, ullamcorper nibh. Morbi bibendum arcu ac hendrerit rhoncus. Integer aliquet, tellus mollis ullamcorper consequat, ante massa ullamcorper nisl, vel semper massa quam semper augue. Etiam convallis urna interdum sodales molestie. Phasellus et eros nulla. Aenean mollis nibh quis orci sollicitudin porttitor. Integer aliquam vulputate lectus quis convallis. Nunc nibh elit, lobortis eget ligula id, semper efficitur nibh. Praesent sed nunc non ex vulputate pellentesque. Nunc nec porttitor nulla, nec vehicula enim. Ut porta urna eget nibh luctus, sed tincidunt orci consequat."), /*#__PURE__*/_react["default"].createElement("picture", {
+    className: "ter-focused-image-container",
+    style: {
+      paddingBottom: "56.25%",
+      height: "auto",
+      position: "relative",
+      overflow: "hidden"
+    }
+  }, /*#__PURE__*/_react["default"].createElement("source", {
+    type: "image/webp",
+    srcSet: "//images.ctfassets.net/citn2sn5tdjr/2ucnY7K7ARMWvruXIaqo80/aa87d7f802076d4a6b9c33aec8621cb8/industries-construction-architect-sketchup-welcome-272x180.jpg?fm=webp&w=272&h=180"
+  }), /*#__PURE__*/_react["default"].createElement("img", {
+    loading: "lazy",
+    src: "//images.ctfassets.net/citn2sn5tdjr/2ucnY7K7ARMWvruXIaqo80/aa87d7f802076d4a6b9c33aec8621cb8/industries-construction-architect-sketchup-welcome-272x180.jpg?fm=jpg&fl=progressive&w=50&h=50",
+    alt: "Architect Solutions image",
+    className: "ter-focused-image focused-image-",
+    "data-focus-x": "0",
+    "data-focus-y": "0",
+    style: {
+      minHeight: "100%",
+      minWidth: "100%",
+      position: "absolute",
+      inset: "-8.88889% 0px 0px"
+    }
+  })), /*#__PURE__*/_react["default"].createElement("p", null, "In sodales lacus quam, quis ornare sem molestie eget. Aenean sagittis lacinia magna, eget ultricies mi cursus et. Proin dui leo, semper in magna ac, consectetur porttitor diam. Praesent nec nisl auctor, suscipit sem id, ullamcorper nibh. Morbi bibendum arcu ac hendrerit rhoncus. Integer aliquet, tellus mollis ullamcorper consequat, ante massa ullamcorper nisl, vel semper massa quam semper augue. Etiam convallis urna interdum sodales molestie. Phasellus et eros nulla. Aenean mollis nibh quis orci sollicitudin porttitor. Integer aliquam vulputate lectus quis convallis. Nunc nibh elit, lobortis eget ligula id, semper efficitur nibh. Praesent sed nunc non ex vulputate pellentesque. Nunc nec porttitor nulla, nec vehicula enim. Ut porta urna eget nibh luctus, sed tincidunt orci consequat."), /*#__PURE__*/_react["default"].createElement("ul", null, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Wear and tear"), " that causes equipment to not function to specifications.")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Environmental damage"), " due to dust, heat, humidity or salt air.")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Surge protection"), " from the use of Trimble power supplies.")), /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("strong", null, "Preventive maintenance"), " adjustments and calibration on select equipment."))), /*#__PURE__*/_react["default"].createElement("p", null, "Nunc enim lectus, dapibus vel urna ornare, euismod maximus leo. Suspendisse rhoncus, mauris et posuere eleifend, nunc ligula suscipit augue, quis fermentum erat diam at est. Nam blandit sapien id arcu ultrices sagittis. Maecenas varius gravida enim, ac tempus tellus faucibus et. Fusce pharetra purus at laoreet porttitor. Nunc in mollis lectus, vel fermentum turpis. Proin ac odio pellentesque, varius leo ac, tincidunt tellus. In ut orci sollicitudin, lobortis nibh in, congue lectus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."));
+};
+var resources = [{
+  description: "Test Doc",
+  file: {
+    url: "//assets.ctfassets.net/citn2sn5tdjr/6rs2wakXBpA3upPDU99eMX/81eecd33ceae9d86b3b4b06277dc9b9f/original.doc",
+    contentType: "application/CDFV2"
+  }
+}, {
+  description: "Test PDF",
+  file: {
+    url: "//assets.ctfassets.net/citn2sn5tdjr/6OM4L0ZwSIPIDSSzU6nYut/2396e31452b98bbdecb9ab797a9fe2a5/SamplePDF.pdf",
+    contentType: "application/pdf"
+  }
+}];
+var sources = ["source 1", "source 2", "source 3"];
+var _default = {
+  component: _ProseLayout["default"],
+  title: "MXP Components/Prose",
+  parameters: {
+    docs: {
+      page: _ProseLayoutDocumentation["default"]
+    }
+  }
+};
+exports["default"] = _default;
+var Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement(_ProseLayout["default"], {
+    bannerImage: bannerImage,
+    header: header,
+    subheader: subheader,
+    listPageLink: listPageLink,
+    date: date,
+    content: /*#__PURE__*/_react["default"].createElement(Content, null),
+    resources: resources,
+    sources: sources,
+    industryOrCategory: industryOrCategory1
+  });
+};
+exports.Default = Default;
+var ContentUsingFocalPointImage = function ContentUsingFocalPointImage() {
+  return /*#__PURE__*/_react["default"].createElement(_ProseLayout["default"], {
+    bannerImage: bannerImage,
+    header: header,
+    subheader: subheader,
+    listPageLink: listPageLink,
+    date: date,
+    content: /*#__PURE__*/_react["default"].createElement(ContentWithFocalPointImage, null),
+    resources: resources,
+    sources: sources,
+    industryOrCategory: industryOrCategory1
+  });
+};
+exports.ContentUsingFocalPointImage = ContentUsingFocalPointImage;
+var BannerBelowHeader = function BannerBelowHeader() {
+  return /*#__PURE__*/_react["default"].createElement(_ProseLayout["default"], {
+    bannerBelowHeader: true,
+    bannerImage: bannerImage,
+    header: header,
+    subheader: subheader,
+    listPageLink: listPageLink,
+    date: date,
+    content: /*#__PURE__*/_react["default"].createElement(Content, null),
+    resources: resources,
+    sources: sources,
+    industryOrCategory: industryOrCategory1
+  });
+};
+exports.BannerBelowHeader = BannerBelowHeader;
+var NoBanner = function NoBanner() {
+  return /*#__PURE__*/_react["default"].createElement(_ProseLayout["default"], {
+    header: header,
+    subheader: subheader,
+    listPageLink: listPageLink,
+    date: date,
+    content: /*#__PURE__*/_react["default"].createElement(Content, null),
+    resources: resources,
+    sources: sources,
+    industryOrCategory: industryOrCategory2
+  });
+};
+exports.NoBanner = NoBanner;
+var maxHeightBanner = function maxHeightBanner() {
+  return /*#__PURE__*/_react["default"].createElement(_ProseLayout["default"], {
+    bannerImage: bannerWithLargeHeight,
+    header: header,
+    subheader: subheader,
+    listPageLink: listPageLink,
+    date: date,
+    content: /*#__PURE__*/_react["default"].createElement(Content, null),
+    resources: resources,
+    sources: sources,
+    industryOrCategory: industryOrCategory2
+  });
+};
+exports.maxHeightBanner = maxHeightBanner;
+var PressReleaseMultiCategory = function PressReleaseMultiCategory() {
+  return /*#__PURE__*/_react["default"].createElement(_ProseLayout["default"], {
+    bannerImage: bannerImage,
+    header: header,
+    subheader: subheader,
+    listPageLink: listPageLink,
+    date: date,
+    content: /*#__PURE__*/_react["default"].createElement(Content, null),
+    resources: resources,
+    sources: sources,
+    industriesOrCategories: [industryOrCategory1, industryOrCategory2]
+  });
+};
+exports.PressReleaseMultiCategory = PressReleaseMultiCategory;

package/dist/luna/components/ProseLayout/ProseLayoutDocumentation.mdx

@@ -0,0 +1,93 @@
+#### Prose Layout
+
+###### Props -
+
+- `bannerImage` - object containing the banner image information
+    - `url` - string containing the image url
+    - `alt` - string containing the image alt text
+- `bannerBelowHeader` - boolean that determines if the banner image is placed above or below the header section
+- `header` - string containing the layout header
+- `subheader` - string containing the layout subheader
+- `listPageLink` - string containing the link to the content's list page
+- `date` - string containing the content's publication date
+- `content` - react element that is used as the layout content
+- `resources` - array of objects containing the information for the additional resource files
+    - `description` - string containing the file description
+    - `file` - object containing the file information
+        - `url` - string containing the file url
+        - `contentType` - string containing the file type
+- `sources` - array of strings containing the content's sources
+- `paddingClass` - string containing the padding class name to be inserted into the layout wrapper
+
+###### Example -
+
+```
+const bannerImage = {
+  "url": "https://picsum.photos/1280/410",
+  "alt": "banner image"
+}
+
+const header = "KTH Royal Institute of Technology in Sweden to Establish Trimble Technology Lab for Architecture, Engineering and Construction"
+
+const subheader = "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non"
+
+const listPageLink = "/"
+
+const date= " June 02, 2021"
+
+const Content = () => (
+  <>
+    <p>
+      <strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</strong>&nbsp;Integer eleifend risus ultricies dignissim suscipit. Donec vel lacus non felis volutpat mollis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec tristique, tortor vitae varius vehicula, velit dui faucibus dui, a malesuada metus nulla et ligula. Vestibulum vitae dignissim justo, id volutpat diam. Nunc luctus felis arcu, ac accumsan justo tincidunt eu. Mauris sed augue blandit, lobortis libero et, blandit velit. Aliquam volutpat feugiat metus at facilisis. Sed id turpis neque. Nulla et ultricies justo. Proin sed volutpat leo. Pellentesque habitant morbi tristique sene ctus et netus et malesuada fames ac turpis egestas.&nbsp;
+      <a href="/">Test link</a>.
+    </p>
+
+    <img src="https://picsum.photos/1360/410" alt="content image" />
+
+      <p>
+        In sodales lacus quam, quis ornare sem molestie eget. Aenean sagittis lacinia magna, eget ultricies mi cursus et. Proin dui leo, semper in magna ac, consectetur porttitor diam. Praesent nec nisl auctor, suscipit sem id, ullamcorper nibh. Morbi bibendum arcu ac hendrerit rhoncus. Integer aliquet, tellus mollis ullamcorper consequat, ante massa ullamcorper nisl, vel semper massa quam semper augue. Etiam convallis urna interdum sodales molestie. Phasellus et eros nulla. Aenean mollis nibh quis orci sollicitudin porttitor. Integer aliquam vulputate lectus quis convallis. Nunc nibh elit, lobortis eget ligula id, semper efficitur nibh. Praesent sed nunc non ex vulputate pellentesque. Nunc nec porttitor nulla, nec vehicula enim. Ut porta urna eget nibh luctus, sed tincidunt orci consequat.
+      </p>
+
+      <p>
+        Nunc enim lectus, dapibus vel urna ornare, euismod maximus leo. Suspendisse rhoncus, mauris et posuere eleifend, nunc ligula suscipit augue, quis fermentum erat diam at est. Nam blandit sapien id arcu ultrices sagittis. Maecenas varius gravida enim, ac tempus tellus faucibus et. Fusce pharetra purus at laoreet porttitor. Nunc in mollis lectus, vel fermentum turpis. Proin ac odio pellentesque, varius leo ac, tincidunt tellus. In ut orci sollicitudin, lobortis nibh in, congue lectus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
+      </p>
+    </>
+  )
+
+const resources = [
+  {
+    "description": "Test Doc",
+    "file": {
+      "url": "//assets.ctfassets.net/citn2sn5tdjr/6rs2wakXBpA3upPDU99eMX/81eecd33ceae9d86b3b4b06277dc9b9f/original.doc",
+      "contentType": "application/CDFV2"
+    }
+  },
+  {
+    "description": "Test PDF",
+    "file": {
+      "url": "//assets.ctfassets.net/citn2sn5tdjr/6OM4L0ZwSIPIDSSzU6nYut/2396e31452b98bbdecb9ab797a9fe2a5/SamplePDF.pdf",
+      "contentType": "application/pdf"
+    }
+  }
+]
+
+const sources = [
+  "source 1",
+  "source 2",
+  "source 3"
+]
+
+return (
+  <ProseLayout
+    bannerImage={bannerImage}
+    header={header}
+    subheader={subheader}
+    listPageLink={listPageLink}
+    date={date}
+    content={<Content />}
+    resources={resources}
+    sources={sources}
+    paddingClass="test-padding-class"
+  />
+);
+```