luna-one 3.1.593 → 3.1.594

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

@@ -0,0 +1,765 @@
+"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 _ResourceGrid = _interopRequireDefault(require("./ResourceGrid"));
+var _ResourceGridDocumentation = _interopRequireDefault(require("./ResourceGridDocumentation.mdx"));
+var _lodash = require("lodash");
+var _CtaWithHeader = _interopRequireDefault(require("../CtaWithHeader/CtaWithHeader"));
+var contentFilterOptions = [{
+  name: "Topic",
+  value: "topic",
+  id: "1234",
+  options: [{
+    name: "Hardware",
+    value: "topic-hardware",
+    id: "143123"
+  }, {
+    name: "Software",
+    value: "topic-software",
+    id: "143121313"
+  }, {
+    name: "Industry Trends",
+    value: "topic-industryTrends",
+    id: "123312"
+  }]
+}, {
+  name: "Industry",
+  value: "industry",
+  id: "143",
+  options: [{
+    name: "Agriculture",
+    value: "industry-agriculture",
+    id: "1431236"
+  }, {
+    name: "Autonomy",
+    value: "industry-autonomy",
+    id: "123"
+  }, {
+    name: "Construction",
+    value: "industry-construction",
+    id: "1231414"
+  }]
+}, {
+  name: "Category",
+  value: "category",
+  id: "7171",
+  options: [{
+    name: "Category One",
+    value: "categoryOne",
+    id: "3123"
+  }, {
+    name: "Category Two",
+    value: "categoryTwo",
+    id: "1230"
+  }]
+}, {
+  name: "Solutions",
+  value: "solution",
+  id: "412341651",
+  options: [{
+    name: "Solution One",
+    value: "solutionOne",
+    id: "432"
+  }, {
+    name: "Solution Two",
+    value: "solutionTwo",
+    id: "41413"
+  }, {
+    name: "Solution Three",
+    value: "solutionThree",
+    id: "93124"
+  }, {
+    name: "Solution Four",
+    value: "solutionFour",
+    id: "171"
+  }, {
+    name: "Solution Five",
+    value: "solutionFive",
+    id: "941312312143"
+  }, {
+    name: "Solution Six",
+    value: "solutionSix",
+    id: "3123"
+  }]
+}, {
+  name: "Content Type",
+  value: "contentType",
+  id: "6143123",
+  options: [{
+    name: "Blog Post",
+    value: "contentType-blogPost",
+    id: "131231231"
+  }, {
+    name: "Article",
+    value: "contentType-article",
+    id: "11312315161"
+  }, {
+    name: "Customer Story",
+    value: "contentType-customerStory",
+    id: "77693124"
+  }]
+}];
+var IntroSection = function IntroSection() {
+  return /*#__PURE__*/_react["default"].createElement(_CtaWithHeader["default"], {
+    eyebrow: "Eyebrow",
+    headline: "Filtering content",
+    subhead: null,
+    content: "<p>Anim aliquip aliqua aliqua™ id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat. Commodo est ullamco pariatur ut nostrud pariatur. Anim aliquip aliqua aliqua id qui aute anim reprehenderit tempor velit est sint laborum. Cillum et laboris aliquip consequat.</p>"
+  });
+};
+var content = {
+  introSection: /*#__PURE__*/_react["default"].createElement(IntroSection, null),
+  filtersTitle: "Filter Content",
+  allFilters: [].concat(contentFilterOptions),
+  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: "Article 1",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-construction",
+      name: "Construction"
+    }, {
+      value: "industry-agriculture",
+      name: "Agriculture"
+    }, {
+      value: "topic-software",
+      name: "Software"
+    }, {
+      value: "topic-industryTrends",
+      name: "Industry Trends"
+    }, {
+      name: "Category One",
+      value: "categoryOne",
+      id: "3123"
+    }, {
+      value: "contentType-article",
+      name: "Article"
+    }]
+  }, {
+    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: "Article 2",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-agriculture",
+      name: "Agriculture"
+    }, {
+      value: "topic-software",
+      name: "Software"
+    }, {
+      name: "Category One",
+      value: "categoryOne",
+      id: "3123"
+    }, {
+      value: "contentType-article",
+      name: "Article"
+    }]
+  }, {
+    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: "Article 3",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-autonomy",
+      name: "Autonomy"
+    }, {
+      value: "topic-software",
+      name: "Software"
+    }, {
+      value: "contentType-article",
+      name: "Article"
+    }]
+  }, {
+    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: "Blog Post 4",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-autonomy",
+      name: "Autonomy"
+    }, {
+      name: "Category Two",
+      value: "categoryTwo",
+      id: "1230"
+    }, {
+      value: "topic-software",
+      name: "Software"
+    }, {
+      value: "contentType-blogPost",
+      name: "Blog Post"
+    }]
+  }, {
+    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: "Blog Post 5",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-autonomy",
+      name: "Autonomy"
+    }, {
+      value: "contentType-blogPost",
+      name: "Blog Post"
+    }, {
+      value: "industry-agriculture",
+      name: "Agriculture"
+    }, {
+      value: "topic-software",
+      name: "Software"
+    }]
+  }, {
+    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: "Blog Post 6",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-autonomy",
+      name: "Autonomy"
+    }, {
+      value: "contentType-blogPost",
+      name: "Blog Post"
+    }, {
+      value: "industry-agriculture",
+      name: "Agriculture"
+    }, {
+      value: "topic-software",
+      name: "Software"
+    }]
+  }, {
+    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: "Blog Post 7",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-autonomy",
+      name: "Autonomy"
+    }, {
+      value: "contentType-blogPost",
+      name: "Blog Post"
+    }, {
+      value: "industry-agriculture",
+      name: "Agriculture"
+    }, {
+      value: "topic-software",
+      name: "Software"
+    }]
+  }, {
+    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: "Article 8.",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-autonomy",
+      name: "Autonomy"
+    }, {
+      value: "contentType-article",
+      name: "Article"
+    }, {
+      value: "industry-agriculture",
+      name: "Agriculture"
+    }, {
+      value: "topic-software",
+      name: "Software"
+    }]
+  }, {
+    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: "Blog Post 9",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-autonomy",
+      name: "Autonomy"
+    }, {
+      value: "contentType-blogPost",
+      name: "Blog Post"
+    }, {
+      value: "industry-agriculture",
+      name: "Agriculture"
+    }, {
+      value: "topic-software",
+      name: "Software"
+    }]
+  }, {
+    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: "Article 10",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-construction",
+      name: "Construction"
+    }, {
+      value: "industry-agriculture",
+      name: "Agriculture"
+    }, {
+      value: "topic-software",
+      name: "Software"
+    }, {
+      value: "contentType-article",
+      name: "Article"
+    }]
+  }, {
+    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: "Blog Post 11",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-autonomy",
+      name: "Autonomy"
+    }, {
+      value: "industry-agriculture",
+      name: "Agriculture"
+    }, {
+      value: "topic-software",
+      name: "Software"
+    }, {
+      value: "contentType-blogPost",
+      name: "Blog Post"
+    }]
+  }, {
+    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: "Article 12",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-autonomy",
+      name: "Autonomy"
+    }, {
+      value: "industry-agriculture",
+      name: "Agriculture"
+    }, {
+      value: "topic-software",
+      name: "Software"
+    }, {
+      value: "contentType-article",
+      name: "Article"
+    }]
+  }, {
+    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: "Story 13",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-construction",
+      name: "Construction"
+    }, {
+      value: "topic-hardware",
+      name: "Hardware"
+    }, {
+      value: "contentType-customerStory",
+      name: "Customer Story"
+    }]
+  }, {
+    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: "14 - Story",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-autonomy",
+      name: "Autonomy"
+    }, {
+      value: "industry-agriculture",
+      name: "Agriculture"
+    }, {
+      value: "topic-software",
+      name: "Software"
+    }, {
+      value: "contentType-customerStory",
+      name: "Customer Story"
+    }]
+  }, {
+    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: "Story 15",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-autonomy",
+      name: "Autonomy"
+    }, {
+      value: "industry-agriculture",
+      name: "Agriculture"
+    }, {
+      value: "topic-software",
+      name: "Software"
+    }, {
+      value: "topic-hardware",
+      name: "Hardware"
+    }, {
+      value: "contentType-customerStory",
+      name: "Customer Story"
+    }]
+  }, {
+    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: "Story 16",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-autonomy",
+      name: "Autonomy"
+    }, {
+      value: "industry-agriculture",
+      name: "Agriculture"
+    }, {
+      value: "topic-software",
+      name: "Software"
+    }, {
+      value: "topic-hardware",
+      name: "Hardware"
+    }, {
+      value: "contentType-customerStory",
+      name: "Customer Story"
+    }]
+  }, {
+    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: "Story 17",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-autonomy",
+      name: "Autonomy"
+    }, {
+      value: "industry-agriculture",
+      name: "Agriculture"
+    }, {
+      value: "topic-software",
+      name: "Software"
+    }, {
+      value: "topic-hardware",
+      name: "Hardware"
+    }, {
+      value: "contentType-customerStory",
+      name: "Customer Story"
+    }]
+  }, {
+    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: "Story 18",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-autonomy",
+      name: "Autonomy"
+    }, {
+      value: "industry-agriculture",
+      name: "Agriculture"
+    }, {
+      value: "topic-software",
+      name: "Software"
+    }, {
+      value: "topic-hardware",
+      name: "Hardware"
+    }, {
+      value: "contentType-customerStory",
+      name: "Customer Story"
+    }]
+  }, {
+    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: "Story 19",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-autonomy",
+      name: "Autonomy"
+    }, {
+      value: "industry-agriculture",
+      name: "Agriculture"
+    }, {
+      value: "topic-software",
+      name: "Software"
+    }, {
+      value: "topic-hardware",
+      name: "Hardware"
+    }, {
+      value: "contentType-customerStory",
+      name: "Customer Story"
+    }]
+  }, {
+    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: "Article/Story 20",
+    cardLink: {
+      url: "/resource-center/blog-1",
+      text: "Learn more"
+    },
+    cardTags: [{
+      value: "industry-autonomy",
+      name: "Autonomy"
+    }, {
+      value: "industry-agriculture",
+      name: "Agriculture"
+    }, {
+      value: "topic-software",
+      name: "Software"
+    }, {
+      value: "topic-hardware",
+      name: "Hardware"
+    }, {
+      value: "contentType-customerStory",
+      name: "Customer Story"
+    }, {
+      value: "contentType-article",
+      name: "article"
+    }]
+  }]
+};
+var _default = {
+  component: _ResourceGrid["default"],
+  title: "MXP Components/Resource Grid",
+  parameters: {
+    docs: {
+      page: _ResourceGridDocumentation["default"]
+    }
+  }
+};
+exports["default"] = _default;
+var Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1150px",
+      margin: "0 auto"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_ResourceGrid["default"], {
+    content: content
+  }));
+};
+exports.Default = Default;