@ohos-ports/sprucelabs-react-heartwood-components 9.1.0-beta.0

package/lib/components/Core/components/FeedBuilder/FeedBuilder.js

@@ -0,0 +1,290 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactVirtualized = require("react-virtualized");
+
+var _Message = require("../../../Message");
+
+var _Text = _interopRequireDefault(require("../../../Text/Text"));
+
+// The difference in minutes between two message where only the first one
+// should include an image
+var compareDiff = 30;
+
+var formatMessages = function formatMessages(messages) {
+  var formattedMessages = [];
+  messages.forEach(function (message, idx) {
+    var formattedMessage = (0, _objectSpread2["default"])({}, message); // Check if messages are from the same source
+
+    if (idx + 1 < messages.length && message.from && messages[idx + 1].from && message.from.id === messages[idx + 1].from.id) {
+      // Check if the messages were sent within the minimum difference to hide the image
+      var nextMessage = messages[idx + 1];
+      var diff = message.dateSent.diff(nextMessage.dateSent, 'minutes');
+
+      if (diff <= compareDiff) {
+        // Remove the image
+        formattedMessage.from = (0, _objectSpread2["default"])({}, formattedMessage.from, {
+          image: null
+        });
+      }
+    }
+
+    formattedMessages.push(formattedMessage);
+  });
+  return formattedMessages;
+};
+
+var groupMessages = function groupMessages(messages) {
+  var groupedMessages = [];
+  var groups = {};
+  messages.forEach(function (message, idx) {
+    var daySent = message.dateSent.calendar(null, {
+      sameDay: '[Today]',
+      lastDay: '[Yesterday]',
+      lastWeek: '[Last] dddd',
+      sameElse: message.dateSent.isSame(new Date(), 'year') ? 'ddd, MMMM DD' : 'ddd, MMMM DD, YYYY'
+    });
+    var match = Object.values(groups).findIndex(function (value) {
+      return value === daySent;
+    });
+
+    if (match === -1) {
+      groups[idx] = daySent;
+    }
+  });
+  messages.forEach(function (message, idx) {
+    var daySent = message.dateSent.calendar(null, {
+      sameDay: '[Today]',
+      lastDay: '[Yesterday]',
+      lastWeek: '[Last] dddd',
+      sameElse: message.dateSent.isSame(new Date(), 'year') ? 'ddd, MMMM DD' : 'ddd, MMMM DD, YYYY'
+    });
+    var match = groupedMessages.find(function (group) {
+      return group.name === daySent;
+    });
+
+    if (!match) {
+      groupedMessages.push({
+        name: daySent,
+        messages: [idx]
+      });
+    } else {
+      match.messages.push(idx);
+    }
+  });
+  return groups;
+};
+
+var FeedBuilder =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(FeedBuilder, _Component);
+
+  function FeedBuilder() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, FeedBuilder);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf3["default"])(FeedBuilder)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "cache", new _reactVirtualized.CellMeasurerCache({
+      fixedWidth: true
+    }));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      rows: [],
+      groups: {},
+      rowCount: 0,
+      scrollToIndex: 1,
+      isLoading: false,
+      allLoaded: false
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onResize", function () {
+      if (_this.list && _this.cache) {
+        _this.cache.clearAll();
+
+        _this.list.recomputeRowHeights(0);
+
+        _this.list.forceUpdateGrid();
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isRowLoaded", function (_ref) {
+      var index = _ref.index;
+      return index > 0;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "loadMoreRows", function () {
+      var onRowsRequested = _this.props.onRowsRequested;
+      var _this$state = _this.state,
+          isLoading = _this$state.isLoading,
+          allLoaded = _this$state.allLoaded; // Do API Stuff™
+
+      if (isLoading || allLoaded) {
+        return;
+      }
+
+      if (_this.list) {
+        _this.setState({
+          isLoading: true
+        });
+
+        onRowsRequested();
+
+        _this.cache.clearAll();
+
+        _this.list.recomputeRowHeights(0);
+
+        _this.list.forceUpdateGrid();
+      }
+
+      return new Promise(function (resolve) {
+        return resolve;
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderRow", function (_ref2) {
+      var index = _ref2.index,
+          key = _ref2.key,
+          parent = _ref2.parent,
+          style = _ref2.style,
+          isScrolling = _ref2.isScrolling;
+      var _this$state2 = _this.state,
+          rows = _this$state2.rows,
+          groups = _this$state2.groups;
+      var groupMatch = groups[index];
+      return _react["default"].createElement(_reactVirtualized.CellMeasurer, {
+        cache: _this.cache,
+        columnIndex: 0,
+        key: key,
+        parent: parent,
+        rowIndex: index
+      }, _react["default"].createElement("div", {
+        className: "message-feed__message-wrapper",
+        style: (0, _objectSpread2["default"])({}, style, {
+          visibility: isScrolling ? 'visible' : 'visible'
+        })
+      }, groupMatch && _react["default"].createElement(_Text["default"], {
+        className: "message-feed__day-header"
+      }, groupMatch), _react["default"].createElement(_Message.MessageBuilder, rows[index])));
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(FeedBuilder, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var pageSize = this.props.pageSize;
+      var rowCount = this.state.rowCount;
+      return _react["default"].createElement("div", {
+        className: "message-feed__wrapper"
+      }, _react["default"].createElement("div", {
+        className: "message-feed"
+      }, _react["default"].createElement(_reactVirtualized.InfiniteLoader, {
+        ref: function ref(_ref6) {
+          return _this2.infiniteLoader = _ref6;
+        },
+        isRowLoaded: this.isRowLoaded,
+        loadMoreRows: this.loadMoreRows,
+        rowCount: rowCount + 1,
+        threshold: 1
+      }, function (_ref3) {
+        var onRowsRendered = _ref3.onRowsRendered,
+            registerChild = _ref3.registerChild;
+        return _react["default"].createElement(_reactVirtualized.AutoSizer, {
+          className: "message-feed__autosizer",
+          onResize: _this2.onResize
+        }, function (_ref4) {
+          var height = _ref4.height,
+              width = _ref4.width;
+          return _react["default"].createElement("div", {
+            ref: registerChild
+          }, _react["default"].createElement(_reactVirtualized.List, {
+            ref: function ref(_ref5) {
+              return _this2.list = _ref5;
+            },
+            className: "message-feed__virtual-list",
+            deferredMeasurementCache: _this2.cache,
+            height: height,
+            width: width,
+            rowCount: rowCount,
+            rowHeight: _this2.cache.rowHeight,
+            rowRenderer: _this2.renderRow,
+            scrollToIndex: pageSize + 5,
+            scrollToAlignment: "end",
+            onRowsRendered: onRowsRendered
+          }));
+        });
+      })));
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props, state) {
+      var messages = props.messages;
+      var rowCount = state.rowCount;
+      var formattedMessages = formatMessages(messages);
+      var reversedMessages = (0, _toConsumableArray2["default"])(formattedMessages).reverse();
+      var groups = groupMessages(reversedMessages);
+
+      if (messages.length === rowCount) {
+        // Stop loading — there are no more messages to add
+        return {
+          rows: reversedMessages,
+          rowCount: messages.length,
+          scrollToIndex: messages.length + 1,
+          groups: groups,
+          isLoading: false,
+          allLoaded: true
+        };
+      }
+
+      return {
+        rows: reversedMessages,
+        rowCount: messages.length,
+        scrollToIndex: messages.length + 1,
+        groups: groups,
+        isLoading: false
+      };
+    }
+  }]);
+  return FeedBuilder;
+}(_react.Component);
+
+exports["default"] = FeedBuilder;
+(0, _defineProperty2["default"])(FeedBuilder, "defaultProps", {
+  messages: [],
+  emptyText: 'No messages',
+  pageSize: 50
+});
+//# sourceMappingURL=FeedBuilder.js.map

package/lib/components/Core/components/FeedBuilder/FeedBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Core/components/FeedBuilder/FeedBuilder.js"],"names":["compareDiff","formatMessages","messages","formattedMessages","forEach","message","idx","formattedMessage","length","from","id","nextMessage","diff","dateSent","image","push","groupMessages","groupedMessages","groups","daySent","calendar","sameDay","lastDay","lastWeek","sameElse","isSame","Date","match","Object","values","findIndex","value","find","group","name","FeedBuilder","CellMeasurerCache","fixedWidth","rows","rowCount","scrollToIndex","isLoading","allLoaded","list","cache","clearAll","recomputeRowHeights","forceUpdateGrid","index","onRowsRequested","props","state","setState","Promise","resolve","key","parent","style","isScrolling","groupMatch","visibility","pageSize","ref","infiniteLoader","isRowLoaded","loadMoreRows","onRowsRendered","registerChild","onResize","height","width","rowHeight","renderRow","reversedMessages","reverse","Component","emptyText"],"mappings":"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","sourcesContent":["// @flow\nimport React, { Component } from 'react'\nimport {\n\tList,\n\tAutoSizer,\n\tCellMeasurer,\n\tCellMeasurerCache,\n\tInfiniteLoader\n} from 'react-virtualized'\nimport { MessageBuilder } from '../../../Message'\nimport Text from '../../../Text/Text'\n\ntype MessageProps = {\n\t/** Unique id for the message */\n\tid: string,\n\t...MessageBuilderProps\n}\n\ntype Props = {\n\t/** Messages for the feed */\n\tmessages?: Array<MessageProps>,\n\n\t/** Text for the empty state of this feed */\n\temptyText?: string,\n\n\t/** Callback to load rows */\n\tonRowsRequested: Function,\n\n\t/** Number of messages to load at a time */\n\tpageSize?: number\n}\n\ntype State = {\n\trows: Array<MessageProps>,\n\tgroups: Object,\n\trowCount: number,\n\tscrollToIndex: number,\n\tisLoading: boolean,\n\tallLoaded: boolean\n}\n\n// The difference in minutes between two message where only the first one\n// should include an image\nconst compareDiff = 30\n\nconst formatMessages = (messages: Array<MessageProps>) => {\n\tconst formattedMessages = []\n\tmessages.forEach((message, idx) => {\n\t\tlet formattedMessage = { ...message }\n\t\t// Check if messages are from the same source\n\t\tif (\n\t\t\tidx + 1 < messages.length &&\n\t\t\tmessage.from &&\n\t\t\tmessages[idx + 1].from &&\n\t\t\tmessage.from.id === messages[idx + 1].from.id\n\t\t) {\n\t\t\t// Check if the messages were sent within the minimum difference to hide the image\n\t\t\tconst nextMessage = messages[idx + 1]\n\t\t\tconst diff = message.dateSent.diff(nextMessage.dateSent, 'minutes')\n\t\t\tif (diff <= compareDiff) {\n\t\t\t\t// Remove the image\n\t\t\t\tformattedMessage.from = {\n\t\t\t\t\t...formattedMessage.from,\n\t\t\t\t\timage: null\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tformattedMessages.push(formattedMessage)\n\t})\n\treturn formattedMessages\n}\n\nconst groupMessages = (messages: Array<MessageProps>) => {\n\tconst groupedMessages = []\n\tconst groups = {}\n\n\tmessages.forEach((message, idx) => {\n\t\tconst daySent = message.dateSent.calendar(null, {\n\t\t\tsameDay: '[Today]',\n\t\t\tlastDay: '[Yesterday]',\n\t\t\tlastWeek: '[Last] dddd',\n\t\t\tsameElse: message.dateSent.isSame(new Date(), 'year')\n\t\t\t\t? 'ddd, MMMM DD'\n\t\t\t\t: 'ddd, MMMM DD, YYYY'\n\t\t})\n\t\tconst match = Object.values(groups).findIndex(value => value === daySent)\n\t\tif (match === -1) {\n\t\t\tgroups[idx] = daySent\n\t\t}\n\t})\n\n\tmessages.forEach((message, idx) => {\n\t\tconst daySent = message.dateSent.calendar(null, {\n\t\t\tsameDay: '[Today]',\n\t\t\tlastDay: '[Yesterday]',\n\t\t\tlastWeek: '[Last] dddd',\n\t\t\tsameElse: message.dateSent.isSame(new Date(), 'year')\n\t\t\t\t? 'ddd, MMMM DD'\n\t\t\t\t: 'ddd, MMMM DD, YYYY'\n\t\t})\n\t\tconst match = groupedMessages.find(group => group.name === daySent)\n\t\tif (!match) {\n\t\t\tgroupedMessages.push({\n\t\t\t\tname: daySent,\n\t\t\t\tmessages: [idx]\n\t\t\t})\n\t\t} else {\n\t\t\tmatch.messages.push(idx)\n\t\t}\n\t})\n\n\treturn groups\n}\n\nexport default class FeedBuilder extends Component<Props, State> {\n\tlist: any\n\tcache = new CellMeasurerCache({\n\t\tfixedWidth: true\n\t})\n\tstate = {\n\t\trows: [],\n\t\tgroups: {},\n\t\trowCount: 0,\n\t\tscrollToIndex: 1,\n\t\tisLoading: false,\n\t\tallLoaded: false\n\t}\n\n\tstatic defaultProps = {\n\t\tmessages: [],\n\t\temptyText: 'No messages',\n\t\tpageSize: 50\n\t}\n\n\tstatic getDerivedStateFromProps(props: Props, state: State) {\n\t\tconst { messages } = props\n\t\tconst { rowCount } = state\n\t\tconst formattedMessages = formatMessages(messages)\n\t\tconst reversedMessages = [...formattedMessages].reverse()\n\t\tconst groups = groupMessages(reversedMessages)\n\t\tif (messages.length === rowCount) {\n\t\t\t// Stop loading — there are no more messages to add\n\t\t\treturn {\n\t\t\t\trows: reversedMessages,\n\t\t\t\trowCount: messages.length,\n\t\t\t\tscrollToIndex: messages.length + 1,\n\t\t\t\tgroups,\n\t\t\t\tisLoading: false,\n\t\t\t\tallLoaded: true\n\t\t\t}\n\t\t}\n\t\treturn {\n\t\t\trows: reversedMessages,\n\t\t\trowCount: messages.length,\n\t\t\tscrollToIndex: messages.length + 1,\n\t\t\tgroups,\n\t\t\tisLoading: false\n\t\t}\n\t}\n\n\tonResize = () => {\n\t\tif (this.list && this.cache) {\n\t\t\tthis.cache.clearAll()\n\t\t\tthis.list.recomputeRowHeights(0)\n\t\t\tthis.list.forceUpdateGrid()\n\t\t}\n\t}\n\n\tisRowLoaded = ({ index }) => {\n\t\treturn index > 0\n\t}\n\n\tloadMoreRows = () => {\n\t\tconst { onRowsRequested } = this.props\n\t\tconst { isLoading, allLoaded } = this.state\n\t\t// Do API Stuff™\n\n\t\tif (isLoading || allLoaded) {\n\t\t\treturn\n\t\t}\n\n\t\tif (this.list) {\n\t\t\tthis.setState({\n\t\t\t\tisLoading: true\n\t\t\t})\n\t\t\tonRowsRequested()\n\t\t\tthis.cache.clearAll()\n\t\t\tthis.list.recomputeRowHeights(0)\n\t\t\tthis.list.forceUpdateGrid()\n\t\t}\n\t\treturn new Promise(resolve => resolve)\n\t}\n\n\trenderRow = ({ index, key, parent, style, isScrolling }) => {\n\t\tconst { rows, groups } = this.state\n\t\tconst groupMatch = groups[index]\n\n\t\treturn (\n\t\t\t<CellMeasurer\n\t\t\t\tcache={this.cache}\n\t\t\t\tcolumnIndex={0}\n\t\t\t\tkey={key}\n\t\t\t\tparent={parent}\n\t\t\t\trowIndex={index}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"message-feed__message-wrapper\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...style,\n\t\t\t\t\t\tvisibility: isScrolling ? 'visible' : 'visible'\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{groupMatch && (\n\t\t\t\t\t\t<Text className=\"message-feed__day-header\">{groupMatch}</Text>\n\t\t\t\t\t)}\n\t\t\t\t\t<MessageBuilder {...rows[index]} />\n\t\t\t\t</div>\n\t\t\t</CellMeasurer>\n\t\t)\n\t}\n\n\trender() {\n\t\tconst { pageSize } = this.props\n\t\tconst { rowCount } = this.state\n\t\treturn (\n\t\t\t<div className=\"message-feed__wrapper\">\n\t\t\t\t<div className=\"message-feed\">\n\t\t\t\t\t<InfiniteLoader\n\t\t\t\t\t\tref={ref => (this.infiniteLoader = ref)}\n\t\t\t\t\t\tisRowLoaded={this.isRowLoaded}\n\t\t\t\t\t\tloadMoreRows={this.loadMoreRows}\n\t\t\t\t\t\trowCount={rowCount + 1}\n\t\t\t\t\t\tthreshold={1}\n\t\t\t\t\t>\n\t\t\t\t\t\t{({ onRowsRendered, registerChild }) => (\n\t\t\t\t\t\t\t<AutoSizer\n\t\t\t\t\t\t\t\tclassName=\"message-feed__autosizer\"\n\t\t\t\t\t\t\t\tonResize={this.onResize}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{({ height, width }) => (\n\t\t\t\t\t\t\t\t\t<div ref={registerChild}>\n\t\t\t\t\t\t\t\t\t\t<List\n\t\t\t\t\t\t\t\t\t\t\tref={ref => (this.list = ref)}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"message-feed__virtual-list\"\n\t\t\t\t\t\t\t\t\t\t\tdeferredMeasurementCache={this.cache}\n\t\t\t\t\t\t\t\t\t\t\theight={height}\n\t\t\t\t\t\t\t\t\t\t\twidth={width}\n\t\t\t\t\t\t\t\t\t\t\trowCount={rowCount}\n\t\t\t\t\t\t\t\t\t\t\trowHeight={this.cache.rowHeight}\n\t\t\t\t\t\t\t\t\t\t\trowRenderer={this.renderRow}\n\t\t\t\t\t\t\t\t\t\t\tscrollToIndex={pageSize + 5}\n\t\t\t\t\t\t\t\t\t\t\tscrollToAlignment=\"end\"\n\t\t\t\t\t\t\t\t\t\t\tonRowsRendered={onRowsRendered}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</AutoSizer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</InfiniteLoader>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t)\n\t}\n}\n"],"file":"FeedBuilder.js"}

package/lib/components/Core/components/FooterPrimary/FooterPrimary.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var FooterPrimary = function FooterPrimary() {
+  return _react["default"].createElement("footer", {
+    className: "footer-primary"
+  }, _react["default"].createElement("p", null, "Footer"));
+};
+
+var _default = FooterPrimary;
+exports["default"] = _default;
+//# sourceMappingURL=FooterPrimary.js.map

package/lib/components/Core/components/FooterPrimary/FooterPrimary.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Core/components/FooterPrimary/FooterPrimary.js"],"names":["FooterPrimary"],"mappings":";;;;;;;;;AACA;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;AAAA,SACrB;AAAQ,IAAA,SAAS,EAAC;AAAlB,KACC,oDADD,CADqB;AAAA,CAAtB;;eAMeA,a","sourcesContent":["// @flow\nimport React from 'react'\n\nconst FooterPrimary = () => (\n\t<footer className=\"footer-primary\">\n\t\t<p>Footer</p>\n\t</footer>\n)\n\nexport default FooterPrimary\n"],"file":"FooterPrimary.js"}

package/lib/components/Core/components/FooterPrimary/components/HelpButton/HelpButton.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var HelpIcon = function HelpIcon(props) {
+  return _react["default"].createElement("svg", props, _react["default"].createElement("path", {
+    d: "M7 7a2 2 0 1 1 2.667 1.886A1 1 0 0 0 9 9.829V10M9 12a.25.25 0 1 0 0 .5.25.25 0 0 0 0-.5",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), _react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M1.5 3A1.5 1.5 0 0 1 3 1.5h12A1.5 1.5 0 0 1 16.5 3v12a1.5 1.5 0 0 1-1.5 1.5H3A1.5 1.5 0 0 1 1.5 15V3z",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+
+HelpIcon.defaultProps = {
+  width: "18",
+  height: "18",
+  viewBox: "0 0 18 18",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+var HelpButton = function HelpButton(props) {
+  var className = props.className,
+      iconClassName = props.iconClassName,
+      textClassName = props.textClassName;
+  return _react["default"].createElement("a", {
+    className: className,
+    href: "#",
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, _react["default"].createElement(HelpIcon, {
+    className: iconClassName
+  }), _react["default"].createElement("span", {
+    className: textClassName
+  }, "Help"));
+};
+
+var _default = HelpButton;
+exports["default"] = _default;
+//# sourceMappingURL=HelpButton.js.map

package/lib/components/Core/components/FooterPrimary/components/HelpButton/HelpButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Core/components/FooterPrimary/components/HelpButton/HelpButton.js"],"names":["HelpIcon","HelpButton","props","className","iconClassName","textClassName"],"mappings":";;;;;;;;;AACA;;IACOA,Q,YAAAA,Q;;;;;;;;;;;;;;;AAAAA,Q;;;;;;;AAaP,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAkB;AAAA,MAC5BC,SAD4B,GACgBD,KADhB,CAC5BC,SAD4B;AAAA,MACjBC,aADiB,GACgBF,KADhB,CACjBE,aADiB;AAAA,MACFC,aADE,GACgBH,KADhB,CACFG,aADE;AAEpC,SACC;AAAG,IAAA,SAAS,EAAEF,SAAd;AAAyB,IAAA,IAAI,EAAC,GAA9B;AAAkC,IAAA,MAAM,EAAC,QAAzC;AAAkD,IAAA,GAAG,EAAC;AAAtD,KACC,gCAAC,QAAD;AAAU,IAAA,SAAS,EAAEC;AAArB,IADD,EAEC;AAAM,IAAA,SAAS,EAAEC;AAAjB,YAFD,CADD;AAMA,CARD;;eAUeJ,U","sourcesContent":["// @flow\nimport React from 'react'\nimport HelpIcon from '../../../../../../../static/assets/icons/Interface-Essential/Help/question-help-square--16w.svg'\n\ntype Props = {\n\t/** Class for the button */\n\tclassName: string,\n\n\t/** Class for the icon */\n\ticonClassName: string,\n\n\t/** Class for the text */\n\ttextClassName: string\n}\n\nconst HelpButton = (props: Props) => {\n\tconst { className, iconClassName, textClassName } = props\n\treturn (\n\t\t<a className={className} href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">\n\t\t\t<HelpIcon className={iconClassName} />\n\t\t\t<span className={textClassName}>Help</span>\n\t\t</a>\n\t)\n}\n\nexport default HelpButton\n"],"file":"HelpButton.js"}

package/lib/components/Core/components/FooterPrimary/components/Legal/Legal.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var Legal = function Legal(props) {
+  var className = props.className,
+      linkClassName = props.linkClassName;
+  return _react["default"].createElement(_react.Fragment, null, _react["default"].createElement("p", {
+    className: className
+  }, _react["default"].createElement("a", {
+    href: "/terms-of-service",
+    target: "_blank",
+    rel: "noopener noreferrer",
+    className: linkClassName
+  }, "Terms of Service"), _react["default"].createElement("a", {
+    href: "/privacy-policy",
+    target: "_blank",
+    rel: "noopener noreferrer",
+    className: linkClassName
+  }, "Privacy Policy")), _react["default"].createElement("p", {
+    className: className
+  }, "\xA9 Spruce Labs ".concat((0, _moment["default"])().format('YYYY'))));
+};
+
+var _default = Legal;
+exports["default"] = _default;
+//# sourceMappingURL=Legal.js.map

package/lib/components/Core/components/FooterPrimary/components/Legal/Legal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/components/Core/components/FooterPrimary/components/Legal/Legal.js"],"names":["Legal","props","className","linkClassName","format"],"mappings":";;;;;;;;;;;AACA;;AACA;;AAUA,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAkB;AAAA,MACvBC,SADuB,GACMD,KADN,CACvBC,SADuB;AAAA,MACZC,aADY,GACMF,KADN,CACZE,aADY;AAE/B,SACC,gCAAC,eAAD,QACC;AAAG,IAAA,SAAS,EAAED;AAAd,KACC;AACC,IAAA,IAAI,EAAC,mBADN;AAEC,IAAA,MAAM,EAAC,QAFR;AAGC,IAAA,GAAG,EAAC,qBAHL;AAIC,IAAA,SAAS,EAAEC;AAJZ,wBADD,EASC;AACC,IAAA,IAAI,EAAC,iBADN;AAEC,IAAA,MAAM,EAAC,QAFR;AAGC,IAAA,GAAG,EAAC,qBAHL;AAIC,IAAA,SAAS,EAAEA;AAJZ,sBATD,CADD,EAmBC;AAAG,IAAA,SAAS,EAAED;AAAd,gCAA2C,0BAASE,MAAT,CAAgB,MAAhB,CAA3C,EAnBD,CADD;AAuBA,CAzBD;;eA2BeJ,K","sourcesContent":["// @flow\nimport React, { Fragment } from 'react'\nimport moment from 'moment'\n\ntype Props = {\n\t/** Class for the text */\n\tclassName: string,\n\n\t/** Class for links */\n\tlinkClassName: string\n}\n\nconst Legal = (props: Props) => {\n\tconst { className, linkClassName } = props\n\treturn (\n\t\t<Fragment>\n\t\t\t<p className={className}>\n\t\t\t\t<a\n\t\t\t\t\thref=\"/terms-of-service\"\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\tclassName={linkClassName}\n\t\t\t\t>\n\t\t\t\t\t{`Terms of Service`}\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\thref=\"/privacy-policy\"\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\tclassName={linkClassName}\n\t\t\t\t>\n\t\t\t\t\t{`Privacy Policy`}\n\t\t\t\t</a>\n\t\t\t</p>\n\t\t\t<p className={className}>{`© Spruce Labs ${moment().format('YYYY')}`}</p>\n\t\t</Fragment>\n\t)\n}\n\nexport default Legal\n"],"file":"Legal.js"}

package/lib/components/Core/components/FooterPrimary/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HelpButton", {
+  enumerable: true,
+  get: function get() {
+    return _HelpButton2["default"];
+  }
+});
+Object.defineProperty(exports, "Legal", {
+  enumerable: true,
+  get: function get() {
+    return _Legal2["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _FooterPrimary = _interopRequireDefault(require("./FooterPrimary"));
+
+var _HelpButton2 = _interopRequireDefault(require("./components/HelpButton/HelpButton"));
+
+var _Legal2 = _interopRequireDefault(require("./components/Legal/Legal"));
+
+var _default = _FooterPrimary["default"];
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/components/Core/components/FooterPrimary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Core/components/FooterPrimary/index.js"],"names":["FooterPrimary"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;eAIeA,yB","sourcesContent":["import FooterPrimary from './FooterPrimary'\n\nexport HelpButton from './components/HelpButton/HelpButton'\nexport Legal from './components/Legal/Legal'\nexport default FooterPrimary\n"],"file":"index.js"}

package/lib/components/Core/components/HeaderPrimary/HeaderPrimary-story.js

@@ -0,0 +1,134 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@storybook/react");
+
+var _react3 = require("@storybook/addon-knobs/react");
+
+var _StylesProvider = _interopRequireDefault(require("../../../../../.storybook/StylesProvider"));
+
+var _HeaderPrimary = _interopRequireDefault(require("./HeaderPrimary"));
+
+var _user0196w = _interopRequireDefault(require("../../../../../static/assets/users/user-01--96w.png"));
+
+var ProvideStyles = function ProvideStyles(storyFn) {
+  return _react["default"].createElement(_StylesProvider["default"], null, storyFn());
+};
+
+var stories = (0, _react2.storiesOf)('Header Primary', module);
+stories.addDecorator(ProvideStyles);
+stories.addDecorator(_react3.withKnobs);
+var user = {
+  name: 'Madaline Gibson',
+  image: _user0196w["default"],
+  tel: '(605) 230-5253'
+};
+var location = {
+  name: 'Chimera Hair Salon at the Point',
+  address: '7678 N High St, Denver, CO'
+};
+var organization = {
+  name: 'Chimera Hair Salon',
+  image: 'https://www.logoground.com/uploads/2018130762018-04-113965123chimera%20logo%20chimera%20logo.jpg'
+};
+stories.add('Default', function () {
+  return _react["default"].createElement(_HeaderPrimary["default"], {
+    STORYBOOKdoNotWrap: true,
+    isSidebarVisible: (0, _react3["boolean"])('isSidebarVisible', false),
+    toggleSidebarVisibility: function toggleSidebarVisibility() {
+      return null;
+    },
+    loginCTA: (0, _react3.text)('loginCTA', 'Log In'),
+    loginHref: (0, _react3.text)('loginHref', '/')
+  });
+}).add('Logged In', function () {
+  return _react["default"].createElement(_HeaderPrimary["default"], {
+    STORYBOOKdoNotWrap: true,
+    user: (0, _react3.object)('user', user),
+    isSidebarVisible: (0, _react3["boolean"])('isSidebarVisible', false),
+    toggleSidebarVisibility: function toggleSidebarVisibility() {
+      return null;
+    },
+    getSearchSuggestionValue: function getSearchSuggestionValue() {
+      return null;
+    },
+    renderSearchSuggestion: function renderSearchSuggestion() {
+      return null;
+    }
+  });
+}).add('Logged In to Organization', function () {
+  return _react["default"].createElement(_HeaderPrimary["default"], {
+    STORYBOOKdoNotWrap: true,
+    user: (0, _react3.object)('user', user),
+    organization: (0, _react3.object)('organization', organization),
+    isSidebarVisible: (0, _react3["boolean"])('isSidebarVisible', false),
+    toggleSidebarVisibility: function toggleSidebarVisibility() {
+      return null;
+    },
+    getSearchSuggestionValue: function getSearchSuggestionValue() {
+      return null;
+    },
+    renderSearchSuggestion: function renderSearchSuggestion() {
+      return null;
+    }
+  });
+}).add('Logged In to location', function () {
+  return _react["default"].createElement(_HeaderPrimary["default"], {
+    STORYBOOKdoNotWrap: true,
+    user: (0, _react3.object)('user', user),
+    organization: (0, _react3.object)('organization', organization),
+    location: (0, _react3.object)('location', location),
+    isSidebarVisible: (0, _react3["boolean"])('isSidebarVisible', false),
+    toggleSidebarVisibility: function toggleSidebarVisibility() {
+      return null;
+    },
+    getSearchSuggestionValue: function getSearchSuggestionValue() {
+      return null;
+    },
+    renderSearchSuggestion: function renderSearchSuggestion() {
+      return null;
+    }
+  });
+}).add('Location, Group Manager', function () {
+  return _react["default"].createElement(_HeaderPrimary["default"], {
+    STORYBOOKdoNotWrap: true,
+    user: (0, _react3.object)('user', user),
+    organization: (0, _react3.object)('organization', organization),
+    location: (0, _react3.object)('location', location),
+    isSidebarVisible: (0, _react3["boolean"])('isSidebarVisible', false),
+    toggleSidebarVisibility: function toggleSidebarVisibility() {
+      return null;
+    },
+    getSearchSuggestionValue: function getSearchSuggestionValue() {
+      return null;
+    },
+    renderSearchSuggestion: function renderSearchSuggestion() {
+      return null;
+    },
+    isLocationManagmentButtonVisible: true
+  });
+}).add('Location, Owner', function () {
+  return _react["default"].createElement(_HeaderPrimary["default"], {
+    STORYBOOKdoNotWrap: true,
+    user: (0, _react3.object)('user', user),
+    organization: (0, _react3.object)('organization', organization),
+    location: (0, _react3.object)('location', location),
+    isSidebarVisible: (0, _react3["boolean"])('isSidebarVisible', false),
+    toggleSidebarVisibility: function toggleSidebarVisibility() {
+      return null;
+    },
+    getSearchSuggestionValue: function getSearchSuggestionValue() {
+      return null;
+    },
+    renderSearchSuggestion: function renderSearchSuggestion() {
+      return null;
+    },
+    isLocationManagmentButtonVisible: true,
+    isSkillManagementButtonVisible: true,
+    skillsHref: "#"
+  });
+});
+//# sourceMappingURL=HeaderPrimary-story.js.map

package/lib/components/Core/components/HeaderPrimary/HeaderPrimary-story.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Core/components/HeaderPrimary/HeaderPrimary-story.js"],"names":["ProvideStyles","storyFn","stories","module","addDecorator","withKnobs","user","name","image","user01image","tel","location","address","organization","add"],"mappings":"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","sourcesContent":["// @flow\nimport React from 'react'\nimport { storiesOf } from '@storybook/react'\nimport { withKnobs, boolean, object, text } from '@storybook/addon-knobs/react'\nimport StylesProvider from '../../../../../.storybook/StylesProvider'\nimport HeaderPrimary from './HeaderPrimary'\nimport user01image from '../../../../../static/assets/users/user-01--96w.png'\n\nconst ProvideStyles = storyFn => <StylesProvider>{storyFn()}</StylesProvider>\n\nconst stories = storiesOf('Header Primary', module)\n\nstories.addDecorator(ProvideStyles)\nstories.addDecorator(withKnobs)\n\nconst user = {\n\tname: 'Madaline Gibson',\n\timage: user01image,\n\ttel: '(605) 230-5253'\n}\n\nconst location = {\n\tname: 'Chimera Hair Salon at the Point',\n\taddress: '7678 N High St, Denver, CO'\n}\nconst organization = {\n\tname: 'Chimera Hair Salon',\n\timage:\n\t\t'https://www.logoground.com/uploads/2018130762018-04-113965123chimera%20logo%20chimera%20logo.jpg'\n}\n\nstories\n\t.add('Default', () => (\n\t\t<HeaderPrimary\n\t\t\tSTORYBOOKdoNotWrap\n\t\t\tisSidebarVisible={boolean('isSidebarVisible', false)}\n\t\t\ttoggleSidebarVisibility={() => null}\n\t\t\tloginCTA={text('loginCTA', 'Log In')}\n\t\t\tloginHref={text('loginHref', '/')}\n\t\t/>\n\t))\n\t.add('Logged In', () => (\n\t\t<HeaderPrimary\n\t\t\tSTORYBOOKdoNotWrap\n\t\t\tuser={object('user', user)}\n\t\t\tisSidebarVisible={boolean('isSidebarVisible', false)}\n\t\t\ttoggleSidebarVisibility={() => null}\n\t\t\tgetSearchSuggestionValue={() => null}\n\t\t\trenderSearchSuggestion={() => null}\n\t\t/>\n\t))\n\t.add('Logged In to Organization', () => (\n\t\t<HeaderPrimary\n\t\t\tSTORYBOOKdoNotWrap\n\t\t\tuser={object('user', user)}\n\t\t\torganization={object('organization', organization)}\n\t\t\tisSidebarVisible={boolean('isSidebarVisible', false)}\n\t\t\ttoggleSidebarVisibility={() => null}\n\t\t\tgetSearchSuggestionValue={() => null}\n\t\t\trenderSearchSuggestion={() => null}\n\t\t/>\n\t))\n\t.add('Logged In to location', () => (\n\t\t<HeaderPrimary\n\t\t\tSTORYBOOKdoNotWrap\n\t\t\tuser={object('user', user)}\n\t\t\torganization={object('organization', organization)}\n\t\t\tlocation={object('location', location)}\n\t\t\tisSidebarVisible={boolean('isSidebarVisible', false)}\n\t\t\ttoggleSidebarVisibility={() => null}\n\t\t\tgetSearchSuggestionValue={() => null}\n\t\t\trenderSearchSuggestion={() => null}\n\t\t/>\n\t))\n\t.add('Location, Group Manager', () => (\n\t\t<HeaderPrimary\n\t\t\tSTORYBOOKdoNotWrap\n\t\t\tuser={object('user', user)}\n\t\t\torganization={object('organization', organization)}\n\t\t\tlocation={object('location', location)}\n\t\t\tisSidebarVisible={boolean('isSidebarVisible', false)}\n\t\t\ttoggleSidebarVisibility={() => null}\n\t\t\tgetSearchSuggestionValue={() => null}\n\t\t\trenderSearchSuggestion={() => null}\n\t\t\tisLocationManagmentButtonVisible\n\t\t/>\n\t))\n\t.add('Location, Owner', () => (\n\t\t<HeaderPrimary\n\t\t\tSTORYBOOKdoNotWrap\n\t\t\tuser={object('user', user)}\n\t\t\torganization={object('organization', organization)}\n\t\t\tlocation={object('location', location)}\n\t\t\tisSidebarVisible={boolean('isSidebarVisible', false)}\n\t\t\ttoggleSidebarVisibility={() => null}\n\t\t\tgetSearchSuggestionValue={() => null}\n\t\t\trenderSearchSuggestion={() => null}\n\t\t\tisLocationManagmentButtonVisible\n\t\t\tisSkillManagementButtonVisible\n\t\t\tskillsHref=\"#\"\n\t\t/>\n\t))\n"],"file":"HeaderPrimary-story.js"}