@renaissancerentals/renaissance-component 12.1.14 → 12.1.16

package/lib/short-term/ShortTermSort.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShortTermSort = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _muncherUi = require("@contentmunch/muncher-ui");
+var _ShortTermFilters = require("./data/ShortTermFilters");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ShortTermSort = _ref => {
+  let {
+    sortBy,
+    handleSortChange
+  } = _ref;
+  const [showSortDropDown, setShowSortDropDown] = (0, _react.useState)(false);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "unit-dropdown"
+  }, /*#__PURE__*/_react.default.createElement(_muncherUi.DropdownButton, {
+    element: /*#__PURE__*/_react.default.createElement("h5", null, _ShortTermFilters.ShortTermSortFields[sortBy].element, "\xA0\xA0", /*#__PURE__*/_react.default.createElement("span", {
+      className: "small"
+    }, "\u25BC")),
+    showContent: showSortDropDown,
+    setShowContent: setShowSortDropDown,
+    size: "medium",
+    variant: "primary",
+    drop: "left"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "sort-filters"
+  }, Object.keys(_ShortTermFilters.ShortTermSortFields).map(sortField => /*#__PURE__*/_react.default.createElement(_muncherUi.Button, {
+    key: sortField,
+    active: sortBy === sortField,
+    onClick: () => {
+      handleSortChange(sortField);
+      setShowSortDropDown(false);
+    }
+  }, _ShortTermFilters.ShortTermSortFields[sortField].element)))));
+};
+exports.ShortTermSort = ShortTermSort;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfbXVuY2hlclVpIiwiX1Nob3J0VGVybUZpbHRlcnMiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsImRlZmF1bHQiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJTaG9ydFRlcm1Tb3J0IiwiX3JlZiIsInNvcnRCeSIsImhhbmRsZVNvcnRDaGFuZ2UiLCJzaG93U29ydERyb3BEb3duIiwic2V0U2hvd1NvcnREcm9wRG93biIsInVzZVN0YXRlIiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsIkRyb3Bkb3duQnV0dG9uIiwiZWxlbWVudCIsIlNob3J0VGVybVNvcnRGaWVsZHMiLCJzaG93Q29udGVudCIsInNldFNob3dDb250ZW50Iiwic2l6ZSIsInZhcmlhbnQiLCJkcm9wIiwia2V5cyIsIm1hcCIsInNvcnRGaWVsZCIsIkJ1dHRvbiIsImtleSIsImFjdGl2ZSIsIm9uQ2xpY2siLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Nob3J0LXRlcm0vU2hvcnRUZXJtU29ydC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7dXNlU3RhdGV9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHtCdXR0b24sIERyb3Bkb3duQnV0dG9ufSBmcm9tIFwiQGNvbnRlbnRtdW5jaC9tdW5jaGVyLXVpXCI7XG5pbXBvcnQge1Nob3J0VGVybVNvcnRCeSwgU2hvcnRUZXJtU29ydEZpZWxkc30gZnJvbSBcIi4vZGF0YS9TaG9ydFRlcm1GaWx0ZXJzXCI7XG5cbmV4cG9ydCBjb25zdCBTaG9ydFRlcm1Tb3J0OiBSZWFjdC5GQzxTb3J0UHJvcHM+ID0gKHtzb3J0QnksIGhhbmRsZVNvcnRDaGFuZ2V9KSA9PiB7XG4gICAgY29uc3QgW3Nob3dTb3J0RHJvcERvd24sIHNldFNob3dTb3J0RHJvcERvd25dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJ1bml0LWRyb3Bkb3duXCI+XG4gICAgICAgICAgICA8RHJvcGRvd25CdXR0b25cbiAgICAgICAgICAgICAgICBlbGVtZW50PXs8aDU+e1Nob3J0VGVybVNvcnRGaWVsZHNbc29ydEJ5XS5lbGVtZW50fSZuYnNwOyZuYnNwOzxzcGFuXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cInNtYWxsXCI+4pa8PC9zcGFuPjwvaDU+fVxuICAgICAgICAgICAgICAgIHNob3dDb250ZW50PXtzaG93U29ydERyb3BEb3dufVxuICAgICAgICAgICAgICAgIHNldFNob3dDb250ZW50PXtzZXRTaG93U29ydERyb3BEb3dufVxuICAgICAgICAgICAgICAgIHNpemU9XCJtZWRpdW1cIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICAgICAgICBkcm9wPVwibGVmdFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJzb3J0LWZpbHRlcnNcIj5cbiAgICAgICAgICAgICAgICAgICAge09iamVjdC5rZXlzKFNob3J0VGVybVNvcnRGaWVsZHMpLm1hcCgoc29ydEZpZWxkKSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAga2V5PXtzb3J0RmllbGR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYWN0aXZlPXtzb3J0QnkgPT09IHNvcnRGaWVsZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhhbmRsZVNvcnRDaGFuZ2Uoc29ydEZpZWxkKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0U2hvd1NvcnREcm9wRG93bihmYWxzZSk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfX0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge1Nob3J0VGVybVNvcnRGaWVsZHNbc29ydEZpZWxkXS5lbGVtZW50fVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9Ecm9wZG93bkJ1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgU29ydFByb3BzIHtcbiAgICBzb3J0Qnk6IFNob3J0VGVybVNvcnRCeTtcbiAgICBoYW5kbGVTb3J0Q2hhbmdlOiAoc29ydEJ5OiBTaG9ydFRlcm1Tb3J0QnkpID0+IHZvaWQ7XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLFVBQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLGlCQUFBLEdBQUFGLE9BQUE7QUFBNkUsU0FBQUcseUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEsQ0FBQUMsQ0FBQSxXQUFBQSxDQUFBLEdBQUFHLENBQUEsR0FBQUQsQ0FBQSxLQUFBRixDQUFBO0FBQUEsU0FBQUwsd0JBQUFLLENBQUEsRUFBQUUsQ0FBQSxTQUFBQSxDQUFBLElBQUFGLENBQUEsSUFBQUEsQ0FBQSxDQUFBSSxVQUFBLFNBQUFKLENBQUEsZUFBQUEsQ0FBQSx1QkFBQUEsQ0FBQSx5QkFBQUEsQ0FBQSxXQUFBSyxPQUFBLEVBQUFMLENBQUEsUUFBQUcsQ0FBQSxHQUFBSix3QkFBQSxDQUFBRyxDQUFBLE9BQUFDLENBQUEsSUFBQUEsQ0FBQSxDQUFBRyxHQUFBLENBQUFOLENBQUEsVUFBQUcsQ0FBQSxDQUFBSSxHQUFBLENBQUFQLENBQUEsT0FBQVEsQ0FBQSxLQUFBQyxTQUFBLFVBQUFDLENBQUEsR0FBQUMsTUFBQSxDQUFBQyxjQUFBLElBQUFELE1BQUEsQ0FBQUUsd0JBQUEsV0FBQUMsQ0FBQSxJQUFBZCxDQUFBLG9CQUFBYyxDQUFBLElBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQWpCLENBQUEsRUFBQWMsQ0FBQSxTQUFBSSxDQUFBLEdBQUFSLENBQUEsR0FBQUMsTUFBQSxDQUFBRSx3QkFBQSxDQUFBYixDQUFBLEVBQUFjLENBQUEsVUFBQUksQ0FBQSxLQUFBQSxDQUFBLENBQUFYLEdBQUEsSUFBQVcsQ0FBQSxDQUFBQyxHQUFBLElBQUFSLE1BQUEsQ0FBQUMsY0FBQSxDQUFBSixDQUFBLEVBQUFNLENBQUEsRUFBQUksQ0FBQSxJQUFBVixDQUFBLENBQUFNLENBQUEsSUFBQWQsQ0FBQSxDQUFBYyxDQUFBLFlBQUFOLENBQUEsQ0FBQUgsT0FBQSxHQUFBTCxDQUFBLEVBQUFHLENBQUEsSUFBQUEsQ0FBQSxDQUFBZ0IsR0FBQSxDQUFBbkIsQ0FBQSxFQUFBUSxDQUFBLEdBQUFBLENBQUE7QUFFdEUsTUFBTVksYUFBa0MsR0FBR0MsSUFBQSxJQUFnQztFQUFBLElBQS9CO0lBQUNDLE1BQU07SUFBRUM7RUFBZ0IsQ0FBQyxHQUFBRixJQUFBO0VBQ3pFLE1BQU0sQ0FBQ0csZ0JBQWdCLEVBQUVDLG1CQUFtQixDQUFDLEdBQUcsSUFBQUMsZUFBUSxFQUFDLEtBQUssQ0FBQztFQUUvRCxvQkFDSWhDLE1BQUEsQ0FBQVcsT0FBQSxDQUFBc0IsYUFBQTtJQUFLQyxTQUFTLEVBQUM7RUFBZSxnQkFDMUJsQyxNQUFBLENBQUFXLE9BQUEsQ0FBQXNCLGFBQUEsQ0FBQzlCLFVBQUEsQ0FBQWdDLGNBQWM7SUFDWEMsT0FBTyxlQUFFcEMsTUFBQSxDQUFBVyxPQUFBLENBQUFzQixhQUFBLGFBQUtJLHFDQUFtQixDQUFDVCxNQUFNLENBQUMsQ0FBQ1EsT0FBTyxFQUFDLFVBQVksZUFBQXBDLE1BQUEsQ0FBQVcsT0FBQSxDQUFBc0IsYUFBQTtNQUMxREMsU0FBUyxFQUFDO0lBQU8sR0FBQyxRQUFPLENBQUssQ0FBRTtJQUNwQ0ksV0FBVyxFQUFFUixnQkFBaUI7SUFDOUJTLGNBQWMsRUFBRVIsbUJBQW9CO0lBQ3BDUyxJQUFJLEVBQUMsUUFBUTtJQUNiQyxPQUFPLEVBQUMsU0FBUztJQUNqQkMsSUFBSSxFQUFDO0VBQU0sZ0JBRVgxQyxNQUFBLENBQUFXLE9BQUEsQ0FBQXNCLGFBQUE7SUFBS0MsU0FBUyxFQUFDO0VBQWMsR0FDeEJqQixNQUFNLENBQUMwQixJQUFJLENBQUNOLHFDQUFtQixDQUFDLENBQUNPLEdBQUcsQ0FBRUMsU0FBUyxpQkFDNUM3QyxNQUFBLENBQUFXLE9BQUEsQ0FBQXNCLGFBQUEsQ0FBQzlCLFVBQUEsQ0FBQTJDLE1BQU07SUFDSEMsR0FBRyxFQUFFRixTQUFVO0lBQ2ZHLE1BQU0sRUFBRXBCLE1BQU0sS0FBS2lCLFNBQVU7SUFDN0JJLE9BQU8sRUFBRUEsQ0FBQSxLQUFNO01BQ1hwQixnQkFBZ0IsQ0FBQ2dCLFNBQVMsQ0FBQztNQUMzQmQsbUJBQW1CLENBQUMsS0FBSyxDQUFDO0lBQzlCO0VBQUUsR0FDRE0scUNBQW1CLENBQUNRLFNBQVMsQ0FBQyxDQUFDVCxPQUM1QixDQUNYLENBQ0EsQ0FDTyxDQUNmLENBQUM7QUFFZCxDQUFDO0FBQUNjLE9BQUEsQ0FBQXhCLGFBQUEsR0FBQUEsYUFBQSJ9

package/lib/short-term/ShortTermStyleFilter.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ShortTermStyle } from "./data/ShortTerm";
+export declare const ShortTermStyleFilter: React.FC<StyleFilterProps>;
+export interface StyleFilterProps {
+    filters: Set<ShortTermStyle>;
+    handleFilterChange: (filter: ShortTermStyle) => void;
+    currentFilters: string[];
+}

package/lib/short-term/ShortTermStyleFilter.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShortTermStyleFilter = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _muncherUi = require("@contentmunch/muncher-ui");
+var _FloorplanDropDown = require("../floorplan/filter/FloorplanDropDown");
+var _Utils = require("../utils/Utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ShortTermStyleFilter = _ref => {
+  let {
+    filters,
+    handleFilterChange,
+    currentFilters
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_FloorplanDropDown.DropDownFilter, {
+    label: "Home Type"
+  }, Array.from(filters.keys()).map(filter => /*#__PURE__*/_react.default.createElement(_muncherUi.Checkbox, {
+    key: filter,
+    label: (0, _Utils.capitalizeFirstLetter)((0, _Utils.enumToString)(filter)),
+    name: filter,
+    onChange: () => {
+      handleFilterChange(filter);
+    },
+    checked: () => currentFilters.indexOf(filter) > -1
+  })));
+};
+exports.ShortTermStyleFilter = ShortTermStyleFilter;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9tdW5jaGVyVWkiLCJfRmxvb3JwbGFuRHJvcERvd24iLCJfVXRpbHMiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsIlNob3J0VGVybVN0eWxlRmlsdGVyIiwiX3JlZiIsImZpbHRlcnMiLCJoYW5kbGVGaWx0ZXJDaGFuZ2UiLCJjdXJyZW50RmlsdGVycyIsImNyZWF0ZUVsZW1lbnQiLCJEcm9wRG93bkZpbHRlciIsImxhYmVsIiwiQXJyYXkiLCJmcm9tIiwia2V5cyIsIm1hcCIsImZpbHRlciIsIkNoZWNrYm94Iiwia2V5IiwiY2FwaXRhbGl6ZUZpcnN0TGV0dGVyIiwiZW51bVRvU3RyaW5nIiwibmFtZSIsIm9uQ2hhbmdlIiwiY2hlY2tlZCIsImluZGV4T2YiLCJleHBvcnRzIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Nob3J0LXRlcm0vU2hvcnRUZXJtU3R5bGVGaWx0ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7Q2hlY2tib3h9IGZyb20gXCJAY29udGVudG11bmNoL211bmNoZXItdWlcIjtcbmltcG9ydCB7U2hvcnRUZXJtU3R5bGV9IGZyb20gXCIuL2RhdGEvU2hvcnRUZXJtXCI7XG5pbXBvcnQge0Ryb3BEb3duRmlsdGVyfSBmcm9tIFwiLi4vZmxvb3JwbGFuL2ZpbHRlci9GbG9vcnBsYW5Ecm9wRG93blwiO1xuaW1wb3J0IHtjYXBpdGFsaXplRmlyc3RMZXR0ZXIsIGVudW1Ub1N0cmluZ30gZnJvbSBcIi4uL3V0aWxzL1V0aWxzXCI7XG5cbmV4cG9ydCBjb25zdCBTaG9ydFRlcm1TdHlsZUZpbHRlcjogUmVhY3QuRkM8U3R5bGVGaWx0ZXJQcm9wcz4gPSAoe2ZpbHRlcnMsIGhhbmRsZUZpbHRlckNoYW5nZSwgY3VycmVudEZpbHRlcnN9KSA9PiB7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8RHJvcERvd25GaWx0ZXIgbGFiZWw9XCJIb21lIFR5cGVcIj5cbiAgICAgICAgICAgIHtBcnJheS5mcm9tKGZpbHRlcnMua2V5cygpKS5tYXAoKGZpbHRlcjogU2hvcnRUZXJtU3R5bGUpID0+IChcbiAgICAgICAgICAgICAgICA8Q2hlY2tib3gga2V5PXtmaWx0ZXJ9IGxhYmVsPXtjYXBpdGFsaXplRmlyc3RMZXR0ZXIoZW51bVRvU3RyaW5nKGZpbHRlcikpfSBuYW1lPXtmaWx0ZXJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoYW5kbGVGaWx0ZXJDaGFuZ2UoZmlsdGVyKVxuICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICBjaGVja2VkPXsoKSA9PiBjdXJyZW50RmlsdGVycy5pbmRleE9mKGZpbHRlcikgPiAtMX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgIDwvRHJvcERvd25GaWx0ZXI+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3R5bGVGaWx0ZXJQcm9wcyB7XG4gICAgZmlsdGVyczogU2V0PFNob3J0VGVybVN0eWxlPjtcbiAgICBoYW5kbGVGaWx0ZXJDaGFuZ2U6IChmaWx0ZXI6IFNob3J0VGVybVN0eWxlKSA9PiB2b2lkO1xuICAgIGN1cnJlbnRGaWx0ZXJzOiBzdHJpbmdbXTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsVUFBQSxHQUFBRCxPQUFBO0FBRUEsSUFBQUUsa0JBQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLE1BQUEsR0FBQUgsT0FBQTtBQUFtRSxTQUFBRCx1QkFBQUssR0FBQSxXQUFBQSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxHQUFBRCxHQUFBLEtBQUFFLE9BQUEsRUFBQUYsR0FBQTtBQUU1RCxNQUFNRyxvQkFBZ0QsR0FBR0MsSUFBQSxJQUFtRDtFQUFBLElBQWxEO0lBQUNDLE9BQU87SUFBRUMsa0JBQWtCO0lBQUVDO0VBQWMsQ0FBQyxHQUFBSCxJQUFBO0VBRTFHLG9CQUNJVixNQUFBLENBQUFRLE9BQUEsQ0FBQU0sYUFBQSxDQUFDVixrQkFBQSxDQUFBVyxjQUFjO0lBQUNDLEtBQUssRUFBQztFQUFXLEdBQzVCQyxLQUFLLENBQUNDLElBQUksQ0FBQ1AsT0FBTyxDQUFDUSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUNDLEdBQUcsQ0FBRUMsTUFBc0IsaUJBQ25EckIsTUFBQSxDQUFBUSxPQUFBLENBQUFNLGFBQUEsQ0FBQ1gsVUFBQSxDQUFBbUIsUUFBUTtJQUFDQyxHQUFHLEVBQUVGLE1BQU87SUFBQ0wsS0FBSyxFQUFFLElBQUFRLDRCQUFxQixFQUFDLElBQUFDLG1CQUFZLEVBQUNKLE1BQU0sQ0FBQyxDQUFFO0lBQUNLLElBQUksRUFBRUwsTUFBTztJQUM5RU0sUUFBUSxFQUFFQSxDQUFBLEtBQU07TUFDWmYsa0JBQWtCLENBQUNTLE1BQU0sQ0FBQztJQUM5QixDQUFFO0lBQ0ZPLE9BQU8sRUFBRUEsQ0FBQSxLQUFNZixjQUFjLENBQUNnQixPQUFPLENBQUNSLE1BQU0sQ0FBQyxHQUFHLENBQUM7RUFBRSxDQUM1RCxDQUNKLENBQ1csQ0FBQztBQUV6QixDQUFDO0FBQUNTLE9BQUEsQ0FBQXJCLG9CQUFBLEdBQUFBLG9CQUFBIn0=

package/lib/short-term/assets/ShortTermFloorplanCard.scss

@@ -0,0 +1,232 @@
+@import "src/assets/variables";
+
+$floorplan-card-color: $primary-background-color !default;
+$floorplan-card-secondary-color: $secondary-color !default;
+.short-term-floorplan-card {
+  color: $floorplan-card-color;
+
+  a {
+    color: $floorplan-card-color;
+  }
+
+  a:hover {
+    color: inherit;
+  }
+
+  position: relative;
+  height: 16rem;
+  width: 100vw;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  .small {
+    font-size: .7rem;
+  }
+  .muncher-spinner {
+    position: absolute;
+    top: 40%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  .muncher-button--navigate {
+    position: absolute;
+    top: 40%;
+    right: 0;
+  }
+
+  //@media(min-width: $medium-size) {
+  //  width: 20rem;
+  //  height: 14rem;
+  //}
+  .card--image {
+    width: 100vw;
+    height: 16rem;
+    object-fit: cover;
+  }
+
+  @media(min-width: $large-size) {
+    width: 25rem;
+    height: 16rem;
+    .card--image {
+      width: 25rem;
+      height: 16rem;
+    }
+  }
+  @media(min-width: $extra-large-size) {
+    width: 33rem;
+    height: 18rem;
+    .card--image {
+      width: 33rem;
+      height: 18rem;
+    }
+  }
+
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+
+  .muncher-badge {
+    font-size: .8rem;
+    position: absolute;
+    right: .5rem;
+    top: .5rem;
+  }
+
+  .icon-tour {
+    position: absolute;
+    top: 1rem;
+    left: 1rem;
+  }
+
+  .icon-video {
+    position: absolute;
+    top: 3.5rem;
+    left: 1.1rem;
+  }
+
+
+  .icon-left, .icon-right {
+    position: absolute;
+    top: 40%;
+    cursor: pointer;
+  }
+
+  .icon-left:hover, .icon-right:hover {
+    opacity: .6;
+  }
+
+  .icon-left {
+    left: .1rem;
+  }
+
+  .icon-right {
+    right: .1rem;
+  }
+
+  .floorplan-card-footer {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    background-color: rgba(0, 0, 0, .4);
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    h3 {
+      text-align: left;
+      margin-bottom: .1rem;
+    }
+
+    .truncate {
+      text-overflow: ellipsis;
+      //@media(min-width: $medium-size) {
+      //  width: 10rem;
+      //}
+      @media(min-width: $large-size) {
+        width: 5rem;
+      }
+      @media(min-width: $extra-large-size) {
+        width: 8rem;
+      }
+      width: 55vw;
+      white-space: nowrap;
+      overflow: hidden;
+    }
+
+    .left, .right {
+      padding: 0 .5rem;
+    }
+  }
+
+  .featured {
+    h3 {
+      text-transform: capitalize;
+      font-family: $serif-font;
+      font-weight: normal;
+      font-size: 1rem;
+    }
+
+    p {
+      font-size: .8rem;
+      margin: .4rem;
+      text-align: right;
+    }
+
+    a {
+      color: $floorplan-card-secondary-color;
+      text-decoration: underline;
+    }
+
+    color: $floorplan-card-secondary-color;
+    background-color: rgba(213, 199, 181, .7);
+  }
+}
+
+.short-term-floorplan-card--small {
+  //@media(min-width: $medium-size) {
+  //  width: 15rem;
+  //  height: 14rem;
+  //}
+  @media(min-width: $large-size) {
+    width: 20rem;
+    height: 16rem;
+    .card--image {
+      width: 20rem;
+      height: 16rem;
+    }
+  }
+  @media(min-width: $extra-large-size) {
+    width: 28rem;
+    height: 18rem;
+    .card--image {
+      width: 28rem;
+      height: 18rem;
+    }
+  }
+
+  .floorplan-card-footer {
+    .left {
+      //@media(min-width: $medium-size) {
+      //  max-width: 8rem;
+      //}
+      @media(min-width: $large-size) {
+        max-width: 12rem;
+      }
+      @media(min-width: $extra-large-size) {
+        max-width: 16rem;
+      }
+
+    }
+  }
+}
+
+.floorplan-card--slider {
+
+  width: 100vw;
+
+  @media(min-width: $large-size) {
+    width: 25rem;
+
+  }
+  @media(min-width: $extra-large-size) {
+    width: 33rem;
+
+  }
+
+  .muncher-item-slider .muncher-button--navigate {
+    top: 38%;
+  }
+}
+
+.floorplan-card-slider--small {
+
+  @media(min-width: $large-size) {
+    width: 20rem;
+  }
+  @media(min-width: $extra-large-size) {
+    width: 28rem;
+  }
+}

package/lib/short-term/assets/ShortTermFloorplanHero.scss

@@ -0,0 +1,165 @@
+@import 'src/assets/variables';
+$floorplan-hero-featured-color: $secondary-color !default;
+
+.section-short-term-floorplan--hero {
+  padding: 0;
+  background: $primary-background-color;
+  width: 100vw;
+  position: relative;
+
+  a {
+    text-decoration: underline;
+  }
+
+  .gallery-hero {
+    position: relative;
+    width: 100vw;
+    height: 40vh;
+    @media (min-width: $large-size) {
+      height: 40vw;
+    }
+
+    .virtual-tour-view {
+      iframe {
+        width: 100%;
+        height: 40vh;
+        @media (min-width: $large-size) {
+          height: 40vw;
+
+        }
+      }
+    }
+
+    .video-tour-view {
+      .single-video-layout {
+        iframe {
+          width: 100%;
+          height: 35vh;
+          @media (min-width: $large-size) {
+            height: 40vw;
+          }
+        }
+      }
+
+      .two-video-layout {
+        @media (min-width: $large-size) {
+          display: flex;
+          align-content: flex-start;
+          justify-content: space-evenly;
+        }
+
+        iframe {
+          width: 40%;
+          height: 35vh;
+          margin: 1rem;
+          @media (min-width: $large-size) {
+            height: 35vw;
+          }
+        }
+      }
+    }
+
+    .badge--stats {
+      position: absolute;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      bottom: -2rem;
+
+      .muncher-badge {
+        color: $primary-background-color;
+        flex-wrap: nowrap;
+        break-inside: avoid;
+        align-content: center;
+        width: 60vw;
+        font-size: .7rem;
+        @media (min-width: $large-size) {
+          font-size: 1rem;
+          width: auto;
+        }
+
+        .muncher-button--small {
+          padding: 0;
+          color: $primary-background-color;
+          text-transform: capitalize;
+          font-size: .7rem;
+          font-family: $serif-font;
+          @media (min-width: $large-size) {
+            font-size: 1rem;
+          }
+
+          .selected {
+            text-decoration: underline;
+          }
+        }
+
+      }
+    }
+  }
+
+
+  .floorplan--two-columns {
+    padding: 2rem;
+    @media (min-width: $medium-size) {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+    }
+
+    .floorplan-column-left {
+      h3, h4 {
+        text-align: left;
+        font-family: $serif-font;
+        margin: .5rem 0;
+      }
+
+      h3 {
+        font-weight: 400;
+        font-size: 2rem;
+        text-transform: capitalize;
+
+      }
+
+      h4 {
+        color: $floorplan-hero-featured-color;
+        text-transform: none;
+      }
+
+      .floorplan--description {
+        font-family: $sans-serif-font;
+        //color: $tertiary-background-color;
+        font-weight: 300;
+      }
+
+      .floorplan--featured {
+        font-family: $sans-serif-font;
+        letter-spacing: .05rem;
+        font-size: 1.1rem;
+
+        .muncher-button {
+          font-family: $sans-serif-font;
+          letter-spacing: .05rem;
+          font-size: 1.1rem;
+          text-transform: capitalize;
+          text-decoration: underline;
+        }
+      }
+    }
+
+    .floorplan-column-right {
+      display: flex;
+      justify-content: space-evenly;
+      align-content: space-evenly;
+      align-items: center;
+      flex-direction: column;
+
+      > .muncher-button, .muncher-dropdown > .muncher-button {
+        margin: .5rem;
+        min-width: 10rem;
+        height: 3rem;
+        text-transform: capitalize;
+      }
+
+    }
+  }
+
+}

package/lib/short-term/assets/ShortTermFloorplanSection.scss

@@ -0,0 +1,124 @@
+@import 'src/assets/variables';
+
+$floorplan-background-color: $tertiary-color !default;
+$floorplan-featured-color: $primary-color !default;
+$floorplan-hover-color: $primary-background-color !default;
+$row-background: $border-color !default;
+
+.section-short-term-floorplan {
+  padding: 0 0 .5rem;
+  background: $floorplan-background-color;
+
+  .floorplan--cards {
+    padding: 0;
+    margin: 1rem 0;
+    @media (min-width: $large-size) {
+      -webkit-column-count: 2;
+      column-count: 2;
+      column-gap: 1rem;
+      > .section-card {
+        margin-top: 0;
+      }
+    }
+
+
+    .row-content {
+      .row-title {
+        text-transform: capitalize;
+        text-align: left;
+        font-size: .9rem;
+        font-family: $sans-serif-font;
+        color: $primary-color;
+        font-weight: normal;
+        margin: 0;
+      }
+
+      p {
+        margin: .5rem;
+      }
+
+      .key {
+        text-transform: uppercase;
+        letter-spacing: .1em;
+        font-family: $sans-serif-font;
+        font-size: .8rem;
+        margin: 0;
+        padding-right: .5rem;
+      }
+
+      .value {
+        font-family: $serif-font;
+        margin: 0;
+        font-size: .8rem;
+      }
+    }
+
+  }
+
+  .section-card {
+    padding: 0;
+    margin: 3vw;
+    width: 94vw;
+
+    @media (min-width: $large-size) {
+      margin: 1rem 0;
+      width: 100%;
+      break-inside: avoid-column;
+      -webkit-column-break-inside: avoid;
+    }
+
+    p {
+      font-size: 1rem;
+      letter-spacing: .03rem;
+      line-height: 1.5rem;
+      font-weight: 300;
+    }
+
+    ul {
+      column-count: 1;
+      padding-top: 0;
+
+      li {
+        font-size: 1rem;
+      }
+    }
+
+    .muncher-paper {
+      margin: 0;
+    }
+
+    .floorplan-card--featured, h5 {
+      color: $floorplan-featured-color;
+      margin: .3rem 0;
+      text-transform: capitalize;
+      font-weight: 400;
+    }
+
+    h5 {
+      padding: 0;
+      text-align: left;
+      font-size: 1.1rem;
+    }
+  }
+
+  .contact-card {
+    text-align: center;
+
+    p {
+      font-size: 1.6rem;
+      font-family: $serif-font;
+      letter-spacing: .04rem;
+      line-height: 2rem;
+      font-weight: 400;
+    }
+
+    a {
+      color: $floorplan-hover-color;
+    }
+  }
+
+  .muncher-button--tertiary {
+    color: $floorplan-hover-color;
+    text-transform: capitalize;
+  }
+}

package/lib/short-term/assets/ShortTermFloorplansHeader.scss

@@ -0,0 +1,70 @@
+@import "src/assets/variables";
+
+$search-unit-header-background-color: $secondary-nav-background-color !default;
+$search-unit-header-dropdown-background-color: $primary-background-color !default;
+.short-term-floorplans-header {
+  background-color: $search-unit-header-background-color;
+  padding: 1rem;
+
+  .pills {
+    padding: 1rem;
+    font-size: .8rem;
+  }
+  .filter-result {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+  }
+
+  .units-filters {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
+
+    .filter-group {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      .filter-label {
+        text-align: right;
+        min-width: 5rem;
+      }
+    }
+
+    .filters {
+      display: flex;
+      justify-content: left;
+      align-items: center;
+      flex-wrap: wrap;
+
+    }
+
+    .sort-filters {
+      .muncher-button {
+        display: flex;
+        text-transform: none;
+        padding: .3rem;
+        min-width: 8rem;
+        justify-content: left;
+
+      }
+      .muncher-button:hover{
+        background-color: $tertiary-background-color;
+      }
+    }
+    .muncher-dropdown--content{
+      background-color: $search-unit-header-dropdown-background-color;
+    }
+    .price-dropdown {
+      width: 10rem;
+      @media (min-width: $large-size) {
+        width: auto;
+      }
+      .price-dropdown-content{
+        width: 15rem;
+      }
+    }
+  }
+}

package/lib/short-term/assets/ShortTermFloorplansSection.scss

@@ -0,0 +1,18 @@
+@import "src/assets/variables";
+
+.section-short-term-floorplans {
+  padding: 0;
+  .floorplans-body {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    .short-term-floorplan-card {
+      margin: 1rem;
+    }
+  }
+  .floorplan-banner {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+}