luna-one 3.1.593 → 3.1.595

package/dist/luna/components/EventCard/EventCard.js

@@ -1,16 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 require("./EventCard.scss");
 var _generateLinks = require("../../utils/generateLinks");
 var _removeSpaces = require("../../utils/removeSpaces");
 var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
-var _lodash = require("lodash");
 var _terraOne = require("terra-one");
 var EventCard = function EventCard(_ref) {
   var _ref$content = _ref.content,
@@ -54,7 +54,7 @@ var EventCard = function EventCard(_ref) {
     url: link.url || "",
     Link: Link
   }, /*#__PURE__*/_react["default"].createElement("span", {
-    id: (0, _lodash.uniqueId)("id-"),
+    id: (0, _react.useId)(),
     tabIndex: mouse ? "" : "0",
     className: mouse ? "" : "mep-event-card__focus"
   }, /*#__PURE__*/_react["default"].createElement(_terraOne.Icon, {

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

@@ -0,0 +1,56 @@
+"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 _EventCard = _interopRequireDefault(require("./EventCard"));
+var _EventCardDocumentation = _interopRequireDefault(require("./EventCardDocumentation.mdx"));
+var date = "Nov 18 - Nov 19";
+var year = "2019";
+var image = {
+  url: "http://fpoimg.com/95x95"
+};
+var industry = "Construction";
+var industryLabel = "Industry";
+// const name = "Trimble Digital Construction Summit - The Bridge to BIM";
+var name = "Test Event Two";
+var description = "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consequat.";
+var location = "Denver, CO";
+var content = {
+  date: date,
+  year: year,
+  image: image,
+  industry: industry,
+  industryLabel: industryLabel,
+  name: name,
+  location: location,
+  description: description,
+  link: {
+    url: "/wut"
+  }
+};
+var _default = {
+  component: _EventCard["default"],
+  title: "MXP Components/EventCard",
+  parameters: {
+    docs: {
+      page: _EventCardDocumentation["default"]
+    }
+  }
+};
+exports["default"] = _default;
+var Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      maxWidth: "1200px",
+      margin: "auto",
+      padding: "0 32px"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_EventCard["default"], {
+    content: content
+  }));
+};
+exports.Default = Default;

package/dist/luna/components/EventCard/EventCardDocumentation.mdx

@@ -0,0 +1,46 @@
+#### EventCard
+
+###### Props -
+
+- `content` - object containing date, year, image, industry, industryLabel, name, description, link, and location
+  - `year` - string to represent year
+  - `date` - string to represent date
+  - `image` - object with key value pair `url` to reprensent image path
+  - `industry` - string to represent industry type
+  - `industryLabel` - string to represent industry label
+  - `name` - string to represent name of event
+  - `description` - string to represent description of event
+  - `location` - string to represent location of event
+  - `link` - object with key value pair `url` to represent url path
+
+###### Example
+
+```
+
+const date = "Nov 18 - Nov 19";
+const year = "2019";
+const image = { url: "http://fpoimg.com/95x95" };
+const industry = "Construction";
+const industryLabel = "Industry";
+const name = "Test Event Two";
+const description =
+  "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consequat.";
+const location = "Denver, CO";
+const content = {
+  date,
+  year,
+  image,
+  industry,
+  industryLabel,
+  name,
+  location,
+  description,
+  link: { url: "/wut" }
+};
+
+return (
+
+  <EventCard content={content} />
+)
+
+```

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

@@ -0,0 +1,129 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@storybook/react");
+var _addonActions = require("@storybook/addon-actions");
+var _FilterHero = _interopRequireDefault(require("./FilterHero"));
+var theme1 = {
+  color: "#363545",
+  backgroundColor: "#ffffff"
+};
+var theme2 = {
+  color: "#363545",
+  backgroundColor: "#f9f9fb"
+};
+var theme3 = {
+  color: "#363545",
+  backgroundColor: "#eaeaef"
+};
+var theme4 = {
+  color: "#ffffff",
+  backgroundColor: "#005f9e"
+};
+var theme5 = {
+  color: "#ffffff",
+  backgroundColor: "#002d5b"
+};
+var header = "Filter Hero Header";
+var text = "Consectetur labore do incididunt labore minim aute voluptate eiusmod nostrud reprehenderit ut ullamco consequat nisi. Voluptate officia qui et est labore quis tempor Lorem consectetur laboris fugiat.";
+var dropdownOne = {
+  options: ["trade one", "trade two", "trade three"],
+  defaultText: "All",
+  name: "Trade"
+};
+var dropdownTwo = {
+  options: ["category one", "category two", "category three"],
+  defaultText: "All",
+  name: "Category"
+};
+var dropdowns = [dropdownOne, dropdownTwo];
+var checkboxOne = {
+  name: "Checkbox One"
+};
+var checkboxTwo = {
+  name: "Checkbox Two"
+};
+var checkboxes = [checkboxOne, checkboxTwo];
+
+// storiesOf("Not Yet Implemented/Filter Bar", module)
+//   .add("Filter Bar", () => {
+//     return (
+//       <FilterHero
+//         header={header}
+//         text={text}
+//         dropdowns={dropdowns}
+//         checkboxes={checkboxes}
+//         handleDropdownSelect={action("Dropdown Selected")}
+//         handleCheckboxChange={action("Checkbox Changed")}
+//         theme={theme1}
+//       />
+//     );
+//   })
+//   .add("Filter Bar w/ motion", () => {
+//     return (
+//       <FilterHero
+//         header={header}
+//         text={text}
+//         dropdowns={dropdowns}
+//         checkboxes={checkboxes}
+//         handleDropdownSelect={action("Dropdown Selected")}
+//         handleCheckboxChange={action("Checkbox Changed")}
+//         motion={true}
+//         motionDirection="bottom"
+//         theme={theme1}
+//       />
+//     );
+//   })
+//   .add("Filter Bar - Light Grey", () => {
+//     return (
+//       <FilterHero
+//         header={header}
+//         text={text}
+//         dropdowns={dropdowns}
+//         checkboxes={checkboxes}
+//         handleDropdownSelect={action("Dropdown Selected")}
+//         handleCheckboxChange={action("Checkbox Changed")}
+//         theme={theme2}
+//       />
+//     );
+//   })
+//   .add("Filter Bar - Dark Grey", () => {
+//     return (
+//       <FilterHero
+//         header={header}
+//         text={text}
+//         dropdowns={dropdowns}
+//         checkboxes={checkboxes}
+//         handleDropdownSelect={action("Dropdown Selected")}
+//         handleCheckboxChange={action("Checkbox Changed")}
+//         theme={theme3}
+//       />
+//     );
+//   })
+//   .add("Filter Bar - Trimble Mid Blue", () => {
+//     return (
+//       <FilterHero
+//         header={header}
+//         text={text}
+//         dropdowns={dropdowns}
+//         checkboxes={checkboxes}
+//         handleDropdownSelect={action("Dropdown Selected")}
+//         handleCheckboxChange={action("Checkbox Changed")}
+//         theme={theme4}
+//       />
+//     );
+//   })
+//   .add("Filter Bar - Dark Blue", () => {
+//     return (
+//       <FilterHero
+//         header={header}
+//         text={text}
+//         dropdowns={dropdowns}
+//         checkboxes={checkboxes}
+//         handleDropdownSelect={action("Dropdown Selected")}
+//         handleCheckboxChange={action("Checkbox Changed")}
+//         theme={theme5}
+//       />
+//     );
+//   });

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

@@ -0,0 +1,174 @@
+"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 _FilterSection = _interopRequireDefault(require("./FilterSection"));
+var _CtaWithHeader = _interopRequireDefault(require("../CtaWithHeader/CtaWithHeader"));
+// placeholder for parent state
+var activeFilters = [{
+  name: "Content Type One",
+  value: "contentTypeOne",
+  id: "93123"
+}, {
+  name: "Topic Two",
+  value: "topicTwo",
+  id: "143121313"
+}, {
+  name: "Category Two",
+  value: "categoryTwo",
+  id: "1230"
+}];
+var filterOptionClickHandler = function filterOptionClickHandler(e, filter) {
+  e.stopPropagation();
+  console.log("Clicked on Option", filter);
+};
+var removeActiveFilterHandler = function removeActiveFilterHandler(e, filter) {
+  e.stopPropagation();
+  console.log("Removing filter: ", filter);
+};
+var clearAllFiltersHandler = function clearAllFiltersHandler(e) {
+  activeFilters = [];
+  console.log("Cleared all Filters");
+};
+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: [{
+    name: "Topics",
+    value: "topics",
+    id: "1234",
+    options: [{
+      name: "Topic One",
+      value: "topicOne",
+      id: "143123"
+    }, {
+      name: "Topic Two",
+      value: "topicTwo",
+      id: "143121313"
+    }, {
+      name: "Topic Three",
+      value: "topicThree",
+      id: "123312"
+    }, {
+      name: "Topic Four",
+      value: "topicFour",
+      id: "319876"
+    }]
+  }, {
+    name: "Industry",
+    value: "industry",
+    id: "143",
+    options: [{
+      name: "Industry One",
+      value: "industryOne",
+      id: "1431236"
+    }, {
+      name: "Industry Two",
+      value: "industryTwo",
+      id: "123"
+    }]
+  }, {
+    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: "Content Type One",
+      value: "contentTypeOne",
+      id: "93123"
+    }, {
+      name: "Content Type Two",
+      value: "contentTypeTwo",
+      id: "26263"
+    }, {
+      name: "Content Type Three",
+      value: "contentTypeThree",
+      id: "93124"
+    }, {
+      name: "Content Type Four",
+      value: "contentTypeFour",
+      id: "262631"
+    }, {
+      name: "Content Type Five",
+      value: "contentTypeFive",
+      id: "9312143"
+    }, {
+      name: "Content Type Six",
+      value: "contentTypeSix",
+      id: "2622263"
+    }]
+  }],
+  filterOptionClickHandler: filterOptionClickHandler,
+  clearAllFiltersHandler: clearAllFiltersHandler,
+  activeFilters: activeFilters,
+  removeActiveFilterHandler: removeActiveFilterHandler
+};
+var _default = {
+  component: _FilterSection["default"],
+  title: "MXP Components/Filter Section",
+  parameters: {
+    docs: {
+      // page: AccordionDocumentation,
+    }
+  }
+};
+exports["default"] = _default;
+var Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_FilterSection["default"], {
+    content: content
+  }));
+};
+exports.Default = Default;

package/dist/luna/{other-organisms → components}/Flyout/Flyout.js

@@ -12,7 +12,6 @@ require("./Flyout.scss");
 var _removeSpaces = require("../../utils/removeSpaces");
 var _formatID = _interopRequireDefault(require("../../utils/formatID"));
 var _externalArrowWhiteTheme = _interopRequireDefault(require("../../images/external-arrow-white-theme.svg"));
-var _lodash = require("lodash");
 var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
 var _utilizeFocus = require("../../utils/utilizeFocus");
 var _rightCaretLightGray = _interopRequireDefault(require("../../images/right-caret-light-gray.svg"));
@@ -125,7 +124,7 @@ var Flyout = function Flyout(_ref) {
         className: "flyout-links__item",
         key: index
       }, /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, {
-        id: (0, _formatID["default"])("".concat(link === null || link === void 0 ? void 0 : link.text, "-flyout-link")),
+        id: (0, _formatID["default"])("".concat(link === null || link === void 0 ? void 0 : link.text, "-flyout-link-").concat((0, _react.useId)())),
         tabIndex: mouse ? "" : "0",
         key: "".concat(link === null || link === void 0 ? void 0 : link.text, "-").concat(index),
         "aria-label": "link to ".concat(link === null || link === void 0 ? void 0 : link.text),
@@ -145,7 +144,7 @@ var Flyout = function Flyout(_ref) {
           height: "20px",
           width: "20px"
         },
-        id: (0, _lodash.uniqueId)("id-"),
+        id: (0, _react.useId)(),
         src: _externalArrowWhiteTheme["default"],
         alt: "link to ".concat(link === null || link === void 0 ? void 0 : link.text)
       }))), /*#__PURE__*/_react["default"].createElement("div", {
@@ -180,7 +179,7 @@ var Flyout = function Flyout(_ref) {
     src: _rightCaretLightGray["default"],
     alt: "caret icon"
   })), /*#__PURE__*/_react["default"].createElement(_terraOne.LunaLink, {
-    id: (0, _formatID["default"])("".concat(logo === null || logo === void 0 ? void 0 : logo.altText, "-flyout-logo-link")),
+    id: (0, _formatID["default"])("".concat(logo === null || logo === void 0 ? void 0 : logo.altText, "-flyout-logo-link-").concat((0, _react.useId)())),
     tabIndex: mouse ? "" : "0",
     "aria-label": "link to homepage",
     to: logo === null || logo === void 0 ? void 0 : (_logo$link = logo.link) === null || _logo$link === void 0 ? void 0 : _logo$link.url,
@@ -215,7 +214,7 @@ var Flyout = function Flyout(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("p", {
     className: "ter-flyout__search-text"
   }, searchPlaceholder), /*#__PURE__*/_react["default"].createElement("img", {
-    id: (0, _lodash.uniqueId)("id-"),
+    id: (0, _react.useId)(),
     src: _searchHighlighted["default"],
     alt: "Search"
   })), /*#__PURE__*/_react["default"].createElement("div", {