luna-one 3.1.593 → 3.1.594

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

@@ -0,0 +1,418 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TwoColumnSectionsCalloutsWithIcons = exports.ThreeColumnSectionsCalloutsWithIcons = exports.OneColumnSectionsCalloutsWithIcons = exports.FourColumnSectionsTextOnlyCallouts = exports.ExportedStaticFooter = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Footer = _interopRequireDefault(require("./Footer"));
+var _ExportedFooter = _interopRequireDefault(require("./ExportedFooter"));
+var _facebookIcon = _interopRequireDefault(require("../../../../images/facebook-icon.png"));
+var _twitterIcon = _interopRequireDefault(require("../../../../images/twitter-icon.png"));
+var _youtubeIcon = _interopRequireDefault(require("../../../../images/youtube-icon.png"));
+var _linkedinIcon = _interopRequireDefault(require("../../../../images/linkedin-icon.png"));
+var _iconChat = _interopRequireDefault(require("../../../../images/icon-chat.png"));
+var _trimbleLogoWhiteSvg = _interopRequireDefault(require("../../../../images/trimble-logo-white-svg.svg"));
+var _iconTechSupport = _interopRequireDefault(require("../../../../images/icon-tech-support.png"));
+var _iconContactUs = _interopRequireDefault(require("../../../../images/icon-contact-us.png"));
+var _FooterDocumentation = _interopRequireDefault(require("./FooterDocumentation.mdx"));
+var logo = {
+  url: _trimbleLogoWhiteSvg["default"],
+  altText: "fpo"
+};
+var globalFooterText = "Trimble is transforming the way the world works by delivering products and services that connect the physical and digital worlds. Core technologies in positioning, modeling, connectivity and data analytics enable customers to improve productivity, quality, safety and sustainability. From purpose built products to enterprise lifecycle solutions, Trimble software, hardware and services are transforming industries such as agriculture, construction, geospatial and transportation and logistics.";
+var siteText = "Text for secondary link information";
+var linksOne = [{
+  title: "About Trimble",
+  menuLinks: [{
+    url: "#",
+    text: "Trimble at a Glance"
+  }, {
+    url: "#",
+    text: "Leadership"
+  }, {
+    url: "#",
+    text: "History"
+  }, {
+    url: "#",
+    text: "Trimble Companies"
+  }, {
+    url: "#",
+    text: "Events"
+  }, {
+    url: "#",
+    text: "Trimble News"
+  }]
+}];
+var linksTwo = [{
+  title: "About Trimble",
+  menuLinks: [{
+    url: "#",
+    text: "Trimble at a Glance"
+  }, {
+    url: "#",
+    text: "Leadership"
+  }, {
+    url: "#",
+    text: "History"
+  }, {
+    url: "#",
+    text: "Trimble Companies"
+  }, {
+    url: "#",
+    text: "Events"
+  }, {
+    url: "#",
+    text: "Trimble News"
+  }]
+}, {
+  title: "Investors",
+  menuLinks: [{
+    url: "#",
+    text: "Investor Relations"
+  }, {
+    url: "#",
+    text: "Financial Releases"
+  }, {
+    url: "#",
+    text: "Annual Reports"
+  }, {
+    url: "#",
+    text: "Lorem Ipsum Dolor Sit Amet Lorem"
+  }, {
+    url: "#",
+    text: "Solution 5"
+  }, {
+    url: "#",
+    text: "Solution 6"
+  }]
+}];
+var linksThree = [{
+  title: "About Trimble",
+  menuLinks: [{
+    url: "#",
+    text: "Trimble at a Glance"
+  }, {
+    url: "#",
+    text: "Leadership"
+  }, {
+    url: "#",
+    text: "History"
+  }, {
+    url: "#",
+    text: "Trimble Companies"
+  }, {
+    url: "#",
+    text: "Events"
+  }, {
+    url: "#",
+    text: "Trimble News"
+  }]
+}, {
+  title: "Investors",
+  menuLinks: [{
+    url: "#",
+    text: "Investor Relations"
+  }, {
+    url: "#",
+    text: "Financial Releases"
+  }, {
+    url: "#",
+    text: "Annual Reports"
+  }, {
+    url: "#",
+    text: "Lorem Ipsum Dolor Sit Amet Lorem"
+  }, {
+    url: "#",
+    text: "Solution 5"
+  }, {
+    url: "#",
+    text: "Solution 6"
+  }]
+}, {
+  title: "Support",
+  menuLinks: [{
+    url: "#",
+    text: "Support A-Z"
+  }, {
+    url: "#",
+    text: "Lorem Ipsum Dolor Sit Amet Lorem"
+  }, {
+    url: "#",
+    text: "Lorem Ipsum Dolor Sit Amet Lorem"
+  }, {
+    url: "#",
+    text: "Technical Support"
+  }, {
+    url: "#",
+    text: "Trimble Protected"
+  }, {
+    url: "#",
+    text: "Terms of Sale"
+  }]
+}];
+var linksFour = [{
+  title: "About Trimble",
+  menuLinks: [{
+    url: "#",
+    text: "Trimble at a Glance"
+  }, {
+    url: "#",
+    text: "Leadership"
+  }, {
+    url: "#",
+    text: "History"
+  }, {
+    url: "#",
+    text: "Trimble Companies"
+  }, {
+    url: "#",
+    text: "Events"
+  }, {
+    url: "#",
+    text: "Trimble News"
+  }]
+}, {
+  title: "Investors",
+  menuLinks: [{
+    url: "#",
+    text: "Investor Relations"
+  }, {
+    url: "#",
+    text: "Financial Releases"
+  }, {
+    url: "#",
+    text: "Annual Reports"
+  }, {
+    url: "#",
+    text: "Lorem Ipsum Dolor Sit Amet Lorem"
+  }, {
+    url: "#",
+    text: "Solution 5"
+  }, {
+    url: "#",
+    text: "Solution 6"
+  }]
+}, {
+  title: "Support",
+  menuLinks: [{
+    url: "#",
+    text: "Support A-Z"
+  }, {
+    url: "#",
+    text: "Lorem Ipsum Dolor Sit Amet Lorem"
+  }, {
+    url: "#",
+    text: "Lorem Ipsum Dolor Sit Amet Lorem"
+  }, {
+    url: "#",
+    text: "Technical Support"
+  }, {
+    url: "#",
+    text: "Trimble Protected"
+  }, {
+    url: "#",
+    text: "Terms of Sale"
+  }]
+}, {
+  title: "Contact Lorem Ipsum Dolor Sit Amet",
+  menuLinks: [{
+    url: "#",
+    text: "Contacts"
+  }, {
+    url: "#",
+    text: "Public Relations"
+  }, {
+    url: "#",
+    text: "Investor Relations"
+  }, {
+    url: "#",
+    text: "Product Training"
+  }, {
+    url: "#",
+    text: "Trimble Locations"
+  }, {
+    url: "#",
+    text: "Sales"
+  }]
+}];
+var socialTitle = "Connect with us";
+var socialLinks = [{
+  icon: {
+    url: _facebookIcon["default"],
+    altText: "fpo"
+  },
+  link: {
+    url: "/#"
+  },
+  siteName: "Facebook"
+}, {
+  icon: {
+    url: _twitterIcon["default"],
+    altText: "fpo"
+  },
+  link: {
+    url: "/#"
+  },
+  siteName: "Twitter"
+}, {
+  icon: {
+    url: _youtubeIcon["default"],
+    altText: "fpo"
+  },
+  link: {
+    url: "/#"
+  },
+  siteName: "YouTube"
+}, {
+  icon: {
+    url: _linkedinIcon["default"],
+    altText: "fpo"
+  },
+  link: {
+    url: "/#"
+  },
+  siteName: "LinkedIn"
+}, {
+  icon: {
+    url: _linkedinIcon["default"],
+    altText: "fpo"
+  },
+  link: {
+    url: "/#"
+  },
+  siteName: "Facebook"
+}, {
+  icon: {
+    url: _linkedinIcon["default"],
+    altText: "fpo"
+  },
+  link: {
+    url: "/#"
+  }
+}];
+var legalStuff = [{
+  url: "https://www.trimble.com/terms",
+  text: "Terms of Use",
+  iconImage: {
+    altText: 'Twitter',
+    image: {
+      file: {
+        url: _twitterIcon["default"]
+      },
+      height: 54,
+      width: 120
+    }
+  }
+}, {
+  url: "/#",
+  text: "Privacy Statement"
+}, {
+  text: "Trademark Information",
+  url: "https://www.trimble.com/"
+}, {
+  text: "Do Not Sell My Personal Information",
+  url: "https://www.trimble.com/"
+}, {
+  text: "Text Link Lorem Ipsum",
+  url: "https://www.trimble.com/"
+}, {
+  text: "Text Link Lorem Ipsum dolor",
+  url: "https://www.trimble.com/"
+}];
+var calloutLinksIcons = [{
+  icon: _iconChat["default"],
+  title: "Chat with Us",
+  subTitle: "Available Mon-Fri, 9-5",
+  url: "https://www.trimble.com"
+}, {
+  icon: _iconContactUs["default"],
+  title: "Contact Us",
+  subTitle: "We'll respond as soon as we can",
+  url: "https://www.trimble.com"
+}, {
+  icon: _iconTechSupport["default"],
+  title: "Tech Support",
+  subTitle: "Visit our Support Center",
+  url: "https://www.trimble.com"
+}];
+var calloutLinks = [{
+  title: "Chat with Us",
+  subTitle: "Available Mon-Fri, 9-5",
+  url: "https://www.trimble.com"
+}, {
+  title: "Contact Us",
+  subTitle: "We'll respond as soon as we can",
+  url: "https://www.trimble.com"
+}, {
+  title: "Tech Support",
+  subTitle: "Visit our Support Center",
+  url: "https://www.trimble.com"
+}];
+var _default = {
+  component: _Footer["default"],
+  title: "Utility Components/Footer",
+  parameters: {
+    docs: {
+      page: _FooterDocumentation["default"]
+    }
+  }
+};
+exports["default"] = _default;
+var FourColumnSectionsTextOnlyCallouts = function FourColumnSectionsTextOnlyCallouts() {
+  return /*#__PURE__*/_react["default"].createElement(_Footer["default"], {
+    globalFooterText: globalFooterText,
+    calloutLinks: calloutLinks,
+    sectorFooterLinks: linksFour,
+    logo: logo,
+    socialTitle: socialTitle,
+    socialLinks: socialLinks,
+    legalStuff: legalStuff,
+    Link: ""
+  });
+};
+exports.FourColumnSectionsTextOnlyCallouts = FourColumnSectionsTextOnlyCallouts;
+var ThreeColumnSectionsCalloutsWithIcons = function ThreeColumnSectionsCalloutsWithIcons() {
+  return /*#__PURE__*/_react["default"].createElement(_Footer["default"], {
+    globalFooterText: globalFooterText,
+    calloutLinks: calloutLinksIcons,
+    sectorFooterLinks: linksThree,
+    logo: logo,
+    socialTitle: socialTitle,
+    socialLinks: socialLinks,
+    legalStuff: legalStuff,
+    Link: ""
+  });
+};
+exports.ThreeColumnSectionsCalloutsWithIcons = ThreeColumnSectionsCalloutsWithIcons;
+var TwoColumnSectionsCalloutsWithIcons = function TwoColumnSectionsCalloutsWithIcons() {
+  return /*#__PURE__*/_react["default"].createElement(_Footer["default"], {
+    globalFooterText: globalFooterText,
+    calloutLinks: calloutLinksIcons,
+    sectorFooterLinks: linksTwo,
+    logo: logo,
+    socialTitle: socialTitle,
+    socialLinks: socialLinks,
+    legalStuff: legalStuff,
+    Link: ""
+  });
+};
+exports.TwoColumnSectionsCalloutsWithIcons = TwoColumnSectionsCalloutsWithIcons;
+var OneColumnSectionsCalloutsWithIcons = function OneColumnSectionsCalloutsWithIcons() {
+  return /*#__PURE__*/_react["default"].createElement(_Footer["default"], {
+    globalFooterText: globalFooterText,
+    calloutLinks: calloutLinksIcons,
+    sectorFooterLinks: linksOne,
+    logo: logo,
+    socialTitle: socialTitle,
+    socialLinks: socialLinks,
+    legalStuff: legalStuff,
+    Link: ""
+  });
+};
+exports.OneColumnSectionsCalloutsWithIcons = OneColumnSectionsCalloutsWithIcons;
+var ExportedStaticFooter = function ExportedStaticFooter() {
+  /*#__PURE__*/_react["default"].createElement(_ExportedFooter["default"], null);
+};
+exports.ExportedStaticFooter = ExportedStaticFooter;

package/dist/luna/components/Footer/FooterDocumentation.mdx

@@ -0,0 +1,133 @@
+#### Footer
+
+###### Notes -
+
+This component consists of both the `SectorFooter` and `GlobalFooter` components. All props are listed below.
+
+###### Props -
+
+- `logo` - object consisting of a `url` and `altText` strings. Optional `img` and `GatsbyImage` props for use of Gatsby-Image component.
+- `globalFooterText` - string of text displayed in the `GlobalFooter` (bottom of footer)
+- `calloutLinks` - array of objects, each with a `title`, `subtitle`, `url` and optional `icon`
+- `sectorFooterLinks` - array of objects for sector footer menus. Design + styling supports between 1 and 4 menus. Each menu object contains a `title` and multiple `menuLinks`. Each `menuLink` contains a `url` and `text`.
+- `socialTitle` - string for the social links menu title
+- `socialLinks` - array of objects consiting of an `icon` object (`url` and `altText` strings) and a link object (`url` string)
+- `legalStuff` - array of objects consisting of `url` and `text` strings for generating the links that appear in the `GlobalFooter`. The `url` string is optional, as the component will simply render a `<p>` tag instead.
+
+###### Example -
+
+```
+const logo = {
+    url: Logo,
+    altText: "fpo"
+  };
+
+  const globalFooterText =
+    "Lorem ipsum dolor sit amet, consectetur adipisicing 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.";
+
+  const calloutLinks = [
+    {
+      title: "Chat with Us",
+      subTitle: "Available Mon-Fri, 9-5",
+      url: "https://www.trimble.com"
+    },
+    {
+      title: "Contact Us",
+      subTitle: "We'll respond as soon as we can",
+      url: "https://www.trimble.com"
+    },
+    {
+      title: "Tech Support",
+      subTitle: "Visit our Support Center",
+      url: "https://www.trimble.com"
+    }
+  ];
+
+  const socialTitle = "Connect with us";
+
+  const socialLinks = [
+    {
+      icon: {
+        url: Facebook,
+        altText: "fpo",
+      },
+      link: {
+        url: "/#",
+      },
+    },
+    {
+      icon: {
+        url: Twitter,
+        altText: "fpo",
+      },
+      link: {
+        url: "/#",
+      },
+    }
+  ]
+
+  const legalStuff = [
+    {
+      url: "https://www.trimble.com/terms",
+      text: "Terms of Use",
+    },
+    {
+      url: "/#",
+      text: "Privacy Statement",
+    },
+    {
+      text: "Trademark Information",
+      url: "https://www.trimble.com/"
+    },
+    {
+      text: "Do Not Sell My Personal Information",
+      url: "https://www.trimble.com/"
+    },
+    {
+      text: "Text Link Lorem Ipsum",
+      url: "https://www.trimble.com/"
+    },
+    {
+      text: "Text Link Lorem Ipsum dolor",
+      url: "https://www.trimble.com/"
+    },
+  ];
+
+  const linksTwo = [
+  {
+    title: "About Trimble",
+    menuLinks: [
+      { url: "#", text: "Trimble at a Glance" },
+      { url: "#", text: "Leadership" },
+      { url: "#", text: "History" },
+      { url: "#", text: "Trimble Companies" },
+      { url: "#", text: "Events" },
+      { url: "#", text: "Trimble News" },
+    ]
+  },
+  {
+    title: "Investors",
+    menuLinks: [
+      { url: "#", text: "Investor Relations" },
+      { url: "#", text: "Financial Releases" },
+      { url: "#", text: "Annual Reports" },
+      { url: "#", text: "Lorem Ipsum Dolor Sit Amet Lorem" },
+      { url: "#", text: "Solution 5" },
+      { url: "#", text: "Solution 6" },
+    ]
+  }
+];
+
+
+  return (
+    <Footer
+      globalFooterText={globalFooterText}
+      calloutLinks={calloutLinks}
+      sectorFooterLinks={linksFour}
+      logo={logo}
+      socialTitle={socialTitle}
+      socialLinks={socialLinks}
+      legalStuff={legalStuff}
+    />
+  );
+```

package/dist/{application → luna}/components/FooterHandler/FooterHandler.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _Footer = _interopRequireDefault(require("../../../luna/other-organisms/Footer/Footer"));
+var _Footer = _interopRequireDefault(require("../Footer/Footer"));
 var FooterHandler = function FooterHandler(_ref) {
   var data = _ref.data,
     Link = _ref.Link;