luna-one 3.1.592 → 3.1.594

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

@@ -0,0 +1,163 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TrialProductNoDaysLeftOfTrial = exports.TrialProductDaysLeftOfTrial = exports.MultipleRegions = exports.HardWareProduct = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ProductSummary = _interopRequireDefault(require("./ProductSummary"));
+var summaryCard = {
+  name: "Product Name®",
+  description: "Real-time collaboration® in one central model lets you keep track of changes and access anywhere, anytime.",
+  productLine: "Product Line Name",
+  // regions: ["North America", "South America", "Europe"],
+  cta: {
+    text: " Label",
+    onClick: function onClick() {
+      console.log("hiiiii");
+    }
+  }
+};
+var columnCard1 = {
+  eyebrow: "Eyebrow",
+  header: "Headline®",
+  subheader: "Real-time collaboration in one central model lets you keep track of changes and access anywhere anytime",
+  listType: "bullets",
+  list: [{
+    title: "Bullet Title",
+    text: "Bullet® Body"
+  }, {
+    title: "Bullet Title",
+    text: "Bullet Body"
+  }, {
+    title: "Bullet Title",
+    text: "Bullet® Body"
+  }, {
+    title: "Bullet Title",
+    text: "Bullet Body"
+  }]
+};
+var columnCard2 = {
+  eyebrow: "Eyebrow",
+  header: "Headline®",
+  subheader: "Real-time collaboration in one central model lets you keep track of changes and access anywhere anytime",
+  listType: "links",
+  list: [{
+    url: "/",
+    text: "Label"
+  }, {
+    url: "/",
+    text: "Label"
+  }, {
+    url: "/",
+    text: "Label"
+  }, {
+    url: "/",
+    text: "Label"
+  }]
+};
+var labels = {
+  productSummaryLabel: "Product Summary",
+  productLineLabel: "Product Line",
+  regionsLabel: "Available Regions:",
+  noRegionsLabel: "No items match your filter"
+};
+var summaryCard1 = {
+  name: "Product Name®",
+  description: "Real-time collaboration in one central model lets you keep track of changes and access anywhere, anytime.",
+  productLine: "Product Line Name",
+  regions: null,
+  cta: {
+    text: " Label",
+    url: "/"
+  }
+};
+var summaryCard2 = {
+  name: "Product Name®",
+  description: "Real-time collaboration in one central model lets you keep track of changes and access anywhere, anytime.",
+  productLine: "30 days",
+  regions: null,
+  ctas: {
+    ctaOne: {
+      text: "Sign In",
+      url: "/",
+      className: "primary--1"
+    },
+    ctaTwo: {
+      text: "Create an Account",
+      url: "/",
+      className: "primary--2"
+    }
+  }
+};
+var summaryCard3 = {
+  name: "Product Name®",
+  description: "Real-time collaboration in one central model lets you keep track of changes and access anywhere, anytime.",
+  productLine: "0 days",
+  regions: null
+};
+var content = {
+  summaryCard: summaryCard,
+  columns: [columnCard1, columnCard2],
+  labels: labels,
+  version: "Version: 1"
+};
+var content1 = {
+  summaryCard: summaryCard1,
+  columns: [columnCard1, columnCard2],
+  labels: labels,
+  version: "Version: 1"
+};
+var content2 = {
+  summaryCard: summaryCard1,
+  columns: [columnCard1, columnCard2],
+  labels: labels
+};
+var content3 = {
+  summaryCard: summaryCard3,
+  columns: [columnCard1, columnCard2],
+  labels: labels,
+  variant: "product-trial-last-day"
+};
+var content4 = {
+  summaryCard: summaryCard2,
+  columns: [columnCard1, columnCard2],
+  labels: labels,
+  variant: "product-trial"
+};
+var _default = {
+  component: _ProductSummary["default"],
+  title: "MXP Components/Products Summary"
+};
+exports["default"] = _default;
+var Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement(_ProductSummary["default"], {
+    content: content1
+  });
+};
+exports.Default = Default;
+var MultipleRegions = function MultipleRegions() {
+  return /*#__PURE__*/_react["default"].createElement(_ProductSummary["default"], {
+    content: content
+  });
+};
+exports.MultipleRegions = MultipleRegions;
+var HardWareProduct = function HardWareProduct() {
+  return /*#__PURE__*/_react["default"].createElement(_ProductSummary["default"], {
+    content: content2
+  });
+};
+exports.HardWareProduct = HardWareProduct;
+var TrialProductNoDaysLeftOfTrial = function TrialProductNoDaysLeftOfTrial() {
+  return /*#__PURE__*/_react["default"].createElement(_ProductSummary["default"], {
+    content: content3
+  });
+};
+exports.TrialProductNoDaysLeftOfTrial = TrialProductNoDaysLeftOfTrial;
+var TrialProductDaysLeftOfTrial = function TrialProductDaysLeftOfTrial() {
+  return /*#__PURE__*/_react["default"].createElement(_ProductSummary["default"], {
+    content: content4
+  });
+};
+exports.TrialProductDaysLeftOfTrial = TrialProductDaysLeftOfTrial;

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

@@ -0,0 +1,384 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TwoSections = exports.NoEyebrowsOption = exports.MoreThanThreeProducts = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ProductsPackage = _interopRequireDefault(require("./ProductsPackage"));
+var _product = _interopRequireDefault(require("../../../../images/product.svg"));
+var _laptopProduct = _interopRequireDefault(require("../../../../images/laptop-product.svg"));
+var cards = [{
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name®",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More"
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}];
+var lotsOfCards = [{
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "<p>For surveyors who complete field data adjustments and quality control checks with basic survey CAD and model prep tools.<br /><ul><li>Survey adjustments</li> <li>CAD</li><li>Surfaces + Alignments</li></ul></p>"
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More",
+    external: false
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}, {
+  image: {
+    focalPointImage: {
+      height: 4000,
+      title: "dog",
+      url: "//images.ctfassets.net/citn2sn5tdjr/7wBhLKP8AN67gmNO0MJzsP/151f11bbe5130466fbe942aa63fd42fa/dog.jpg",
+      width: 6000,
+      x: 3549,
+      y: 1811
+    }
+  },
+  eyebrow: "Eyebrow Option",
+  header: "Product Name",
+  cardLink: {
+    url: "/#",
+    text: "Learn More"
+  },
+  text: "Lacus nibh mauris sit sodales pharetra viverra vitae cras aliquet. Turpis sed magna tristique."
+}];
+var eyebrow = "Hardware";
+var header = "Card Header®";
+var text = "The no nonsense workhorse® that works efficiently and dependably while maintaining the highest possible accuracy";
+var productEyebrow = "Works With...";
+var cta = {
+  text: "Button",
+  url: "/",
+  className: "ter-button--primary--1"
+};
+var image = {
+  url: _product["default"],
+  alt: "product photo"
+};
+var content = {
+  eyebrow: eyebrow,
+  header: header,
+  text: text,
+  productEyebrow: productEyebrow,
+  cta: cta,
+  cards: cards,
+  image: image
+};
+var secondContent = {
+  eyebrow: eyebrow,
+  header: header,
+  text: text,
+  productEyebrow: productEyebrow,
+  cta: cta,
+  cards: lotsOfCards,
+  image: image
+};
+var thirdContent = {
+  header: header,
+  text: text,
+  cta: cta,
+  cards: cards,
+  image: image
+};
+var _default = {
+  component: _ProductsPackage["default"],
+  title: "MXP Components/Products Package"
+};
+exports["default"] = _default;
+var Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement(_ProductsPackage["default"], {
+    content: content
+  });
+};
+exports.Default = Default;
+var MoreThanThreeProducts = function MoreThanThreeProducts() {
+  return /*#__PURE__*/_react["default"].createElement(_ProductsPackage["default"], {
+    content: secondContent
+  });
+};
+exports.MoreThanThreeProducts = MoreThanThreeProducts;
+var NoEyebrowsOption = function NoEyebrowsOption() {
+  return /*#__PURE__*/_react["default"].createElement(_ProductsPackage["default"], {
+    content: thirdContent
+  });
+};
+exports.NoEyebrowsOption = NoEyebrowsOption;
+var TwoSections = function TwoSections() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ProductsPackage["default"], {
+    content: content
+  }), /*#__PURE__*/_react["default"].createElement(_ProductsPackage["default"], {
+    content: content
+  }));
+};
+exports.TwoSections = TwoSections;