@pocketprep/ui-kit 2.0.41 → 2.0.43

package/dist/@pocketprep/ui-kit.common.js

@@ -875,6 +875,58 @@ var component = (0,componentNormalizer/* default */.Z)(
 
 /***/ }),
 
+/***/ 58359:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "__esModule": () => (/* reexport */ EmptyStatevue_type_script_lang_ts_/* __esModule */.X),
+  "default": () => (/* binding */ EmptyState)
+});
+
+;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EmptyStates/EmptyState.vue?vue&type=template&id=66c310e0&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"uikit-empty-state"},[_vm._t("imageRow",function(){return [_c('div',{staticClass:"uikit-empty-state__row"},[_vm._t("image",function(){return [_c('img',{staticClass:"uikit-empty-state__blob",attrs:{"src":_vm.blobType}}),_vm._t("icon",function(){return [_c('Icon',{staticClass:"uikit-empty-state__icon",style:({ color: _vm.iconColor }),attrs:{"type":_vm.iconType,"secondary-color":_vm.brandColors.bananaBread}})]})]})],2)]}),_c('div',{staticClass:"uikit-empty-state__title"},[_vm._t("emptyStateTitle",function(){return [_vm._v(" "+_vm._s(_vm.title)+" ")]})],2),_c('div',{staticClass:"uikit-empty-state__message"},[_vm._t("emptyStateMessage",function(){return [_vm._v(" "+_vm._s(_vm.message)+" ")]})],2)],2)}
+var staticRenderFns = []
+
+
+// EXTERNAL MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41[0].rules[0].use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EmptyStates/EmptyState.vue?vue&type=script&lang=ts&
+var EmptyStatevue_type_script_lang_ts_ = __webpack_require__(60315);
+;// CONCATENATED MODULE: ./src/components/EmptyStates/EmptyState.vue?vue&type=script&lang=ts&
+ /* harmony default export */ const EmptyStates_EmptyStatevue_type_script_lang_ts_ = (EmptyStatevue_type_script_lang_ts_/* default */.Z); 
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22[0].rules[0].use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22[0].rules[0].use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/EmptyStates/EmptyState.vue?vue&type=style&index=0&lang=scss&
+var EmptyStatevue_type_style_index_0_lang_scss_ = __webpack_require__(55792);
+;// CONCATENATED MODULE: ./src/components/EmptyStates/EmptyState.vue?vue&type=style&index=0&lang=scss&
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1001);
+;// CONCATENATED MODULE: ./src/components/EmptyStates/EmptyState.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.Z)(
+  EmptyStates_EmptyStatevue_type_script_lang_ts_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const EmptyState = (component.exports);
+
+/***/ }),
+
 /***/ 52509:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -14147,6 +14199,30 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".uikit-toggle-switch{background-color:
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ 34470:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8081);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23645);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".uikit-empty-state{text-align:center;padding:0 42px 0 41px;margin-top:33px;max-width:300px}.uikit-empty-state__icon{height:22px;width:22px;position:relative;top:-5px;left:-30px}.uikit-empty-state__row{margin-top:0;margin-right:auto;margin-bottom:10px;margin-left:20px}.uikit-empty-state__title{color:#1f3545;font-size:15px;font-weight:600;line-height:20px;text-align:center;margin-bottom:8px}.uikit-empty-state__message{color:#475967;font-weight:500;font-size:14px;line-height:21px;text-align:center;padding:0 20px}", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 96792:
@@ -15119,7 +15195,8 @@ ___CSS_LOADER_EXPORT___.locals = {
 	"field": "#00a87a",
 	"scifiTakeout": "#00654a",
 	"orangeSoda": "#ff5e3e",
-	"sunsetPapaya": "#ff7d63"
+	"sunsetPapaya": "#ff7d63",
+	"caramel": "#ce8500"
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -18063,6 +18140,113 @@ exports.Z = ToggleSwitch;
 
 /***/ }),
 
+/***/ 60315:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+var _classCallCheck = (__webpack_require__(20172)["default"]);
+
+var _createClass = (__webpack_require__(20378)["default"]);
+
+var _inherits = (__webpack_require__(95967)["default"]);
+
+var _createSuper = (__webpack_require__(13706)["default"]);
+
+__webpack_require__(69070);
+
+Object.defineProperty(exports, "X", ({
+  value: true
+}));
+
+var tslib_1 = __webpack_require__(70655);
+
+var vue_property_decorator_1 = __webpack_require__(26489);
+
+var pocketprep_export_module_scss_1 = tslib_1.__importDefault(__webpack_require__(46733));
+
+var Icon_vue_1 = tslib_1.__importDefault(__webpack_require__(7924));
+
+var EmptyState = /*#__PURE__*/function (_vue_property_decorat) {
+  _inherits(EmptyState, _vue_property_decorat);
+
+  var _super = _createSuper(EmptyState);
+
+  function EmptyState() {
+    var _this;
+
+    _classCallCheck(this, EmptyState);
+
+    _this = _super.apply(this, arguments);
+    _this.brandColors = pocketprep_export_module_scss_1["default"];
+    return _this;
+  }
+
+  _createClass(EmptyState, [{
+    key: "iconType",
+    get: function get() {
+      if (this.state === 'incorrect') {
+        return 'incorrect';
+      } else if (this.state === 'correct') {
+        return 'correct';
+      } else if (this.state === 'flagged') {
+        return 'flagFeedback';
+      } // Default to activity icon
+
+
+      return 'activity';
+    }
+  }, {
+    key: "blobType",
+    get: function get() {
+      if (this.blobColor && this.blobColor === 'white') {
+        return __webpack_require__(23898);
+      }
+
+      if (this.state === 'incorrect') {
+        return __webpack_require__(52453);
+      } else if (this.state === 'correct') {
+        return __webpack_require__(10114);
+      } // Default to white blob (web study / mobile default)
+
+
+      return __webpack_require__(99230);
+    }
+  }, {
+    key: "iconColor",
+    get: function get() {
+      if (this.state === 'incorrect') {
+        return this.brandColors.pepper;
+      } else if (this.state === 'correct') {
+        return this.brandColors.cadaverous;
+      } // Default to caramel
+
+
+      return this.brandColors.caramel;
+    }
+  }]);
+
+  return EmptyState;
+}(vue_property_decorator_1.Vue);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], EmptyState.prototype, "message", void 0);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], EmptyState.prototype, "title", void 0);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], EmptyState.prototype, "blobColor", void 0);
+
+tslib_1.__decorate([(0, vue_property_decorator_1.Prop)()], EmptyState.prototype, "state", void 0);
+
+EmptyState = tslib_1.__decorate([(0, vue_property_decorator_1.Component)({
+  components: {
+    Icon: Icon_vue_1["default"]
+  }
+})], EmptyState);
+exports.Z = EmptyState;
+
+/***/ }),
+
 /***/ 72733:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -26089,6 +26273,8 @@ var ToggleSwitch_vue_1 = tslib_1.__importDefault(__webpack_require__(86021));
 
 var Slider_vue_1 = tslib_1.__importDefault(__webpack_require__(47507));
 
+var EmptyState_vue_1 = tslib_1.__importDefault(__webpack_require__(58359));
+
 var Button_vue_1 = tslib_1.__importDefault(__webpack_require__(58861));
 
 var FilterOptions_vue_1 = tslib_1.__importDefault(__webpack_require__(62121));
@@ -26193,6 +26379,7 @@ var components = {
   SegmentControl: SegmentControl_vue_1["default"],
   ToggleSwitch: ToggleSwitch_vue_1["default"],
   Slider: Slider_vue_1["default"],
+  EmptyState: EmptyState_vue_1["default"],
   Select: Select_vue_1["default"],
   Radio: Radio_vue_1["default"],
   Checkbox: Checkbox_vue_1["default"],
@@ -28567,6 +28754,22 @@ var update = add("74ffa3a4", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ 55792:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(34470);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(54402)/* ["default"] */ .Z)
+var update = add("2fc430fa", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ 31617:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -29423,6 +29626,38 @@ function applyToTag (styleElement, obj) {
 }
 
 
+/***/ }),
+
+/***/ 23898:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+"use strict";
+module.exports = __webpack_require__.p + "img/empty-state-blob-white.450f9070.svg";
+
+/***/ }),
+
+/***/ 99230:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+"use strict";
+module.exports = __webpack_require__.p + "img/empty-state-blob-yellow.1be81f84.svg";
+
+/***/ }),
+
+/***/ 10114:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+"use strict";
+module.exports = __webpack_require__.p + "img/empty-state-correct-blob.d5efd8d5.svg";
+
+/***/ }),
+
+/***/ 52453:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+"use strict";
+module.exports = __webpack_require__.p + "img/empty-state-incorrect-blob.6575d851.svg";
+
 /***/ }),
 
 /***/ 17371: