@clickview/lite 0.0.24-rc.5 → 0.0.24

package/dist/scripts/11.chunk.js

@@ -0,0 +1,445 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[11],{
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx":
+/*!**********************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx ***!
+  \**********************************************************************************************************************************/
+/*! exports provided: PreferenceFooter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PreferenceFooter", function() { return PreferenceFooter; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
+/* harmony import */ var _preference_footer_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./preference-footer.scss */ "../../libs/shared/src/apps/subjects/components/preferences/footer/preference-footer.scss");
+/* harmony import */ var _preference_footer_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_preference_footer_scss__WEBPACK_IMPORTED_MODULE_3__);
+
+
+
+
+PreferenceFooter.defaultProps = {
+  justify: 'between'
+};
+function PreferenceFooter(props) {
+  var mediaQuery = Object(_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_2__["useGetMediaQueryString"])();
+  var widthClass = mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_1__["MediaQueryStrings"].SM || mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_1__["MediaQueryStrings"].XS ? 'w-100' : 'w-75';
+  var justifyClass = "justify-content-".concat(props.justify);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(widthClass, " ").concat(justifyClass, " ").concat(_preference_footer_scss__WEBPACK_IMPORTED_MODULE_3___default.a.preferenceFooter, " d-flex px-3")
+  }, props.children);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/footer/preference-footer.scss":
+/*!************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/footer/preference-footer.scss ***!
+  \************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"preferenceFooter":"cv--preferenceFooter--P29kw"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/index.ts":
+/*!***************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/index.ts ***!
+  \***************************************************************************************************************/
+/*! exports provided: PreferenceFooter, PreferencesNav, SubjectPreferenceGrid, SubjectPreferenceItem, PreferenceItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./footer/PreferenceFooter */ "../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PreferenceFooter", function() { return _footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_0__["PreferenceFooter"]; });
+
+/* harmony import */ var _nav_PreferencesNav__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./nav/PreferencesNav */ "../../libs/shared/src/apps/subjects/components/preferences/nav/PreferencesNav.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PreferencesNav", function() { return _nav_PreferencesNav__WEBPACK_IMPORTED_MODULE_1__["PreferencesNav"]; });
+
+/* harmony import */ var _subject_preference_grid_SubjectPreferenceGrid__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./subject-preference-grid/SubjectPreferenceGrid */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/SubjectPreferenceGrid.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferenceGrid", function() { return _subject_preference_grid_SubjectPreferenceGrid__WEBPACK_IMPORTED_MODULE_2__["SubjectPreferenceGrid"]; });
+
+/* harmony import */ var _subject_preference_item_SubjectPreferenceItem__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./subject-preference-item/SubjectPreferenceItem */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItem.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferenceItem", function() { return _subject_preference_item_SubjectPreferenceItem__WEBPACK_IMPORTED_MODULE_3__["SubjectPreferenceItem"]; });
+
+/* harmony import */ var _preference_item_PreferenceItem__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./preference-item/PreferenceItem */ "../../libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItem.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PreferenceItem", function() { return _preference_item_PreferenceItem__WEBPACK_IMPORTED_MODULE_4__["PreferenceItem"]; });
+
+
+
+
+
+
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItem.tsx":
+/*!*****************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItem.tsx ***!
+  \*****************************************************************************************************************************************/
+/*! exports provided: PreferenceItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PreferenceItem", function() { return PreferenceItem; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _PreferenceItemStatus__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PreferenceItemStatus */ "../../libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItemStatus.tsx");
+/* harmony import */ var _preference_item_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./preference-item.scss */ "../../libs/shared/src/apps/subjects/components/preferences/preference-item/preference-item.scss");
+/* harmony import */ var _preference_item_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_preference_item_scss__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+function PreferenceItem(props) {
+  function getContainerClass() {
+    var baseClass = _preference_item_scss__WEBPACK_IMPORTED_MODULE_2___default.a.preferenceItem;
+    if (props.extraClasses) baseClass += ' ' + props.extraClasses;
+    if (props.isDisabled) baseClass += ' ' + _preference_item_scss__WEBPACK_IMPORTED_MODULE_2___default.a.disabled;
+    if (props.isSelected && !props.isExpandable) baseClass += ' ' + _preference_item_scss__WEBPACK_IMPORTED_MODULE_2___default.a.selected;
+    if (props.hideStatus) baseClass += ' ' + _preference_item_scss__WEBPACK_IMPORTED_MODULE_2___default.a.noBorder;
+    return baseClass;
+  }
+
+  var caretClass = "".concat(_preference_item_scss__WEBPACK_IMPORTED_MODULE_2___default.a.expandCaret, " ").concat(props.expand ? _preference_item_scss__WEBPACK_IMPORTED_MODULE_2___default.a.up : _preference_item_scss__WEBPACK_IMPORTED_MODULE_2___default.a.down);
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+    className: getContainerClass(),
+    onClick: props.onClick,
+    "aria-checked": props.isSelected,
+    "aria-haspopup": props.isExpandable,
+    role: props.isExpandable ? 'button' : 'checkbox',
+    style: {
+      backgroundImage: "url(".concat(props.imageUrl, ")")
+    },
+    tabIndex: 0
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_preference_item_scss__WEBPACK_IMPORTED_MODULE_2___default.a.textBox, " p-2")
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'm-0 text-truncate'
+  }, props.name, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+    className: props.isExpandable ? caretClass : ''
+  })), !props.hideStatus && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, props.isExpandable ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_PreferenceItemStatus__WEBPACK_IMPORTED_MODULE_1__["ExpandableItemStatus"], {
+    selectedChildrenCount: props.selectedChildCount
+  }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_PreferenceItemStatus__WEBPACK_IMPORTED_MODULE_1__["SelectableItemStatus"], {
+    selected: props.isSelected,
+    radioButton: props.radioButton
+  }))));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItemStatus.tsx":
+/*!***********************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItemStatus.tsx ***!
+  \***********************************************************************************************************************************************/
+/*! exports provided: ExpandableItemStatus, SelectableItemStatus */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ExpandableItemStatus", function() { return ExpandableItemStatus; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SelectableItemStatus", function() { return SelectableItemStatus; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _preference_item_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./preference-item.scss */ "../../libs/shared/src/apps/subjects/components/preferences/preference-item/preference-item.scss");
+/* harmony import */ var _preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_preference_item_scss__WEBPACK_IMPORTED_MODULE_3__);
+
+
+
+
+var ExpandableItemStatus = function ExpandableItemStatus(props) {
+  if (!props.selectedChildrenCount) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.itemStatus, " ").concat(_preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.green)
+  }, props.selectedChildrenCount);
+};
+var SelectableItemStatus = function SelectableItemStatus(props) {
+  var svg;
+  if (props.selected) svg = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Check
+  });else if (!props.radioButton) svg = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Plus
+  });else svg = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, "\xA0");
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.itemStatus, " ").concat(props.selected ? _preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.green : _preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.unchecked)
+  }, svg);
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/preference-item/preference-item.scss":
+/*!*******************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/preference-item.scss ***!
+  \*******************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"preferenceItem":"cv--preferenceItem--1LDb6","expandCaret":"cv--expandCaret--3QEWB","down":"cv--down--2y-iF","up":"cv--up--1kGNY","disabled":"cv--disabled--2w4FH","selected":"cv--selected--1lSYv","noBorder":"cv--noBorder--3Mxuo","textBox":"cv--textBox--3HCeK","itemStatus":"cv--itemStatus--2msq4","unchecked":"cv--unchecked--2VQLv","green":"cv--green--AHd64"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/SubjectPreferenceGrid.tsx":
+/*!********************************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/SubjectPreferenceGrid.tsx ***!
+  \********************************************************************************************************************************************************/
+/*! exports provided: SubjectPreferenceGrid */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferenceGrid", function() { return SubjectPreferenceGrid; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./.. */ "../../libs/shared/src/apps/subjects/components/preferences/index.ts");
+/* harmony import */ var _contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../contexts/SubjectPreferencesContext */ "../../libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts");
+/* harmony import */ var _subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./subject-preference-grid.scss */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/subject-preference-grid.scss");
+/* harmony import */ var _subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6__);
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+
+
+
+
+
+function useGetRowItemCapacity() {
+  var viewportWidth = Object(_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__["useGetMediaQueryString"])();
+
+  switch (viewportWidth) {
+    case _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].LG:
+    default:
+      return 5;
+
+    case _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].MD:
+      return 4;
+
+    case _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].SM:
+      return 3;
+
+    case _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].XS:
+      return 2;
+  }
+}
+
+function isDisabled(subject, expandedSubject) {
+  if (!expandedSubject || subject.id === expandedSubject.id) return false;
+  if (expandedSubject.children.find(function (child) {
+    return child.id === subject.id;
+  })) return false;
+  return true;
+}
+
+function SubjectPreferenceGridRow(props) {
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_5__["SubjectPreferencesContext"]),
+      expandedSubject = _React$useContext.expandedSubject,
+      selections = _React$useContext.selectedSubjects;
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, props.subjects.map(function (subject) {
+    var itemDisabled = isDisabled(subject, expandedSubject);
+    var clickHandler = props.onSelect;
+    if (subject.isExpandableOption) clickHandler = props.onExpand;
+    if (itemDisabled) clickHandler = props.onCollapse;
+    if (props.hasSelectedBulk) clickHandler = function clickHandler() {};
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](___WEBPACK_IMPORTED_MODULE_4__["SubjectPreferenceItem"], {
+      key: subject.id,
+      subject: subject,
+      selected: !props.hasSelectedBulk && selections.includes(subject.id),
+      disabled: props.hasSelectedBulk || itemDisabled,
+      onClick: function onClick(e) {
+        return clickHandler(subject);
+      },
+      hasSelectedBulk: props.hasSelectedBulk
+    });
+  }));
+}
+
+function SubjectPreferenceGrid(props) {
+  var subjects = props.subjects,
+      hasSelectedBulk = props.hasSelectedBulk,
+      eventHandlers = __rest(props, ["subjects", "hasSelectedBulk"]);
+
+  var _React$useContext2 = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_5__["SubjectPreferencesContext"]),
+      expandedSubject = _React$useContext2.expandedSubject;
+
+  var itemsPerRow = useGetRowItemCapacity();
+  /**
+   * This is an array of arrays, where each sub-array is a row of classifications.
+   * We do this to make sure any sub-grid's of child preference options get rendered in the row
+   * directly beneath their parent's row.
+   */
+
+  var subjectRows = subjects.reduce(function (acc, subject, index) {
+    index % itemsPerRow === 0 ? acc.push([subject]) // Start a new row
+    : _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].last(acc).push(subject); // Fill up an existing row
+
+    return acc;
+  }, []);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
+    className: _subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6___default.a.grid
+  }, subjectRows.map(function (row, i) {
+    var isExpanded = expandedSubject && !!row.find(function (subject) {
+      return expandedSubject.id === subject.id && subject.isExpandableOption;
+    });
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], {
+      key: i
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SubjectPreferenceGridRow, Object.assign({
+      subjects: row,
+      hasSelectedBulk: hasSelectedBulk
+    }, eventHandlers)), isExpanded && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+      className: "".concat(_subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6___default.a.subgrid, " m-0")
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SubjectPreferenceGrid, Object.assign({
+      subjects: expandedSubject.children,
+      hasSelectedBulk: hasSelectedBulk
+    }, eventHandlers))));
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/subject-preference-grid.scss":
+/*!***********************************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/subject-preference-grid.scss ***!
+  \***********************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"grid":"cv--grid--G_RXX","subgrid":"cv--subgrid--38ohZ"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItem.tsx":
+/*!********************************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItem.tsx ***!
+  \********************************************************************************************************************************************************/
+/*! exports provided: SubjectPreferenceItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferenceItem", function() { return SubjectPreferenceItem; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
+/* harmony import */ var _enums_Images__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var _contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../contexts/SubjectPreferencesContext */ "../../libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts");
+/* harmony import */ var _preference_item_PreferenceItem__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../preference-item/PreferenceItem */ "../../libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItem.tsx");
+/* harmony import */ var _components_tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../components/tooltip/Tooltip */ "../../libs/shared/src/components/tooltip/Tooltip.tsx");
+
+
+
+
+
+
+function SubjectPreferenceItem(props) {
+  var _a, _b, _c, _d;
+
+  var context = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_3__["SubjectPreferencesContext"]);
+  var coverUrl = props.subject.cover ? _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_1__["ImageHelper"].createUrl(props.subject.cover.url, {
+    size: _enums_Images__WEBPACK_IMPORTED_MODULE_2__["ImageSize"].Small
+  }) : '';
+  var childIds = props.subject.isExpandableOption ? props.subject.children.map(function (child) {
+    return child.id;
+  }) : [];
+  var selectedChildCount = !props.hasSelectedBulk ? (_b = (_a = context) === null || _a === void 0 ? void 0 : _a.selectedSubjects) === null || _b === void 0 ? void 0 : _b.filter(function (selection) {
+    return childIds.includes(selection);
+  }).length : 0;
+  var component = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_preference_item_PreferenceItem__WEBPACK_IMPORTED_MODULE_4__["PreferenceItem"], {
+    name: props.subject.name,
+    imageUrl: coverUrl,
+    onClick: props.onClick,
+    isSelected: props.selected,
+    isDisabled: props.disabled,
+    isExpandable: props.subject.isExpandableOption,
+    expand: ((_d = (_c = context) === null || _c === void 0 ? void 0 : _c.expandedSubject) === null || _d === void 0 ? void 0 : _d.id) === props.subject.id,
+    selectedChildCount: selectedChildCount,
+    extraClasses: props.extraClasses,
+    hideStatus: props.hideStatus
+  });
+  return props.disabled ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, component) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_5__["Tooltip"], {
+    title: props.subject.name
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, component));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts":
+/*!*********************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts ***!
+  \*********************************************************************************************************************/
+/*! exports provided: SubjectPreferencesContext */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferencesContext", function() { return SubjectPreferencesContext; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+var SubjectPreferencesContext = Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])(undefined);
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
+  \************************************************************************************/
+/*! exports provided: useAlerts */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
+/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
+/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
+
+
+
+var useAlerts = function useAlerts() {
+  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
+  return {
+    success: function success(alertContent) {
+      alertService.success(alertContent)();
+    },
+    error: function error(alertContent) {
+      alertService.error(alertContent)();
+    },
+    warning: function warning(alertContent) {
+      alertService.createAlert({
+        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
+        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
+        message: alertContent
+      });
+    }
+  };
+};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=11.chunk.js.map

package/dist/scripts/11.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/footer/preference-footer.scss?29ba","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/index.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItem.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItemStatus.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/preference-item.scss?b5e6","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/SubjectPreferenceGrid.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/subject-preference-grid.scss?3ca9","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItem.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseAlerts.ts"],"names":[],"mappings":"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","file":"scripts/11.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\r\nimport { useGetMediaQueryString } from 'libs/shared/hooks/UseGetMediaQueryString';\r\n\r\nimport styles from './preference-footer.scss';\r\n\r\ninterface PreferenceFooterProps extends React.PropsWithChildren<{}> {\r\n  justify?: 'end' | 'center' | 'between';\r\n}\r\n\r\nPreferenceFooter.defaultProps = {\r\n  justify: 'between'\r\n};\r\n\r\nexport function PreferenceFooter(props: PreferenceFooterProps): JSX.Element {\r\n  const mediaQuery = useGetMediaQueryString();\r\n  const widthClass = (mediaQuery === MediaQueryStrings.SM || mediaQuery === MediaQueryStrings.XS) ? 'w-100' : 'w-75';\r\n\r\n  let justifyClass = `justify-content-${props.justify}`;\r\n\r\n  return (\r\n    <div className={`${widthClass} ${justifyClass} ${styles.preferenceFooter} d-flex px-3`}>\r\n      {props.children}\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"preferenceFooter\":\"cv--preferenceFooter--P29kw\"};","export * from './footer/PreferenceFooter';\r\nexport * from './nav/PreferencesNav';\r\nexport * from './subject-preference-grid/SubjectPreferenceGrid';\r\nexport * from './subject-preference-item/SubjectPreferenceItem';\r\nexport * from './preference-item/PreferenceItem';","import React from 'react';\r\n\r\nimport { ExpandableItemStatus, SelectableItemStatus } from './PreferenceItemStatus';\r\n\r\nimport styles from './preference-item.scss';\r\n\r\ninterface PreferenceItemProps {\r\n  name: string;\r\n  imageUrl: string;\r\n\r\n  onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;\r\n  isDisabled?: boolean;\r\n  isSelected: boolean;\r\n  hideStatus?: boolean;\r\n  radioButton?: boolean;\r\n\r\n  isExpandable?: boolean;\r\n  expand?: boolean;\r\n  selectedChildCount?: number;\r\n\r\n  extraClasses?: string;\r\n}\r\n\r\nexport function PreferenceItem(props: PreferenceItemProps): JSX.Element {\r\n  function getContainerClass(): string {\r\n    let baseClass = styles.preferenceItem;\r\n\r\n    if (props.extraClasses)\r\n      baseClass += ' ' + props.extraClasses;\r\n\r\n    if (props.isDisabled)\r\n      baseClass += ' ' + styles.disabled;\r\n\r\n    if (props.isSelected && !props.isExpandable)\r\n      baseClass += ' ' + styles.selected;\r\n\r\n    if (props.hideStatus)\r\n      baseClass += ' ' + styles.noBorder;\r\n\r\n    return baseClass;\r\n  }\r\n\r\n  const caretClass = `${styles.expandCaret} ${props.expand ? styles.up : styles.down}`;\r\n\r\n  return (\r\n    <li\r\n      className={getContainerClass()}\r\n      onClick={props.onClick}\r\n      aria-checked={props.isSelected}\r\n      aria-haspopup={props.isExpandable}\r\n      role={props.isExpandable ? 'button' : 'checkbox'}\r\n      style={{ backgroundImage: `url(${props.imageUrl})` }}\r\n      tabIndex={0}\r\n    >\r\n      <div className={`${styles.textBox} p-2`}>\r\n        <p className='m-0 text-truncate'>\r\n          {props.name}\r\n          <span className={props.isExpandable ? caretClass : ''} />\r\n        </p>\r\n\r\n        {!props.hideStatus && (\r\n          <>{props.isExpandable\r\n            ? <ExpandableItemStatus selectedChildrenCount={props.selectedChildCount} />\r\n            : <SelectableItemStatus selected={props.isSelected} radioButton={props.radioButton} />\r\n          }</>\r\n        )}\r\n      </div>\r\n    </li>\r\n  );\r\n}","import * as React from 'react';\r\n\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport styles from './preference-item.scss';\r\n\r\ninterface ExpandableItemStatusProps {\r\n  selectedChildrenCount: number;\r\n}\r\n\r\nexport const ExpandableItemStatus = (props: ExpandableItemStatusProps): JSX.Element => {\r\n  if (!props.selectedChildrenCount)\r\n    return <></>;\r\n\r\n  return (\r\n    <div className={`${styles.itemStatus} ${styles.green}`}>\r\n      {props.selectedChildrenCount}\r\n    </div>\r\n  );\r\n};\r\n\r\ninterface SelectableItemStatusProps {\r\n  selected: boolean;\r\n  radioButton?: boolean;\r\n}\r\n\r\nexport const SelectableItemStatus = (props: SelectableItemStatusProps): JSX.Element => {\r\n  let svg;\r\n\r\n  if (props.selected)\r\n    svg = <SvgContainer svgName={cvSvgLibrary.Check} />;\r\n  else if (!props.radioButton)\r\n    svg = <SvgContainer svgName={cvSvgLibrary.Plus} />;\r\n  else\r\n    svg = <>&nbsp;</>;\r\n\r\n  return (\r\n    <div className={`${styles.itemStatus} ${props.selected ? styles.green : styles.unchecked}`}>\r\n      {svg}\r\n    </div>\r\n  );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"preferenceItem\":\"cv--preferenceItem--1LDb6\",\"expandCaret\":\"cv--expandCaret--3QEWB\",\"down\":\"cv--down--2y-iF\",\"up\":\"cv--up--1kGNY\",\"disabled\":\"cv--disabled--2w4FH\",\"selected\":\"cv--selected--1lSYv\",\"noBorder\":\"cv--noBorder--3Mxuo\",\"textBox\":\"cv--textBox--3HCeK\",\"itemStatus\":\"cv--itemStatus--2msq4\",\"unchecked\":\"cv--unchecked--2VQLv\",\"green\":\"cv--green--AHd64\"};","import * as React from 'react';\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\n\r\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\r\nimport { Classification } from 'libs/shared/interfaces';\r\nimport { useGetMediaQueryString } from 'libs/shared/hooks/UseGetMediaQueryString';\r\n\r\nimport { SubjectPreferenceItem } from 'libs/shared/apps/subjects/components/preferences';\r\nimport { SubjectPreferencesContext } from 'libs/shared/apps/subjects/contexts/SubjectPreferencesContext';\r\nimport { ClassificationPreference } from 'libs/shared/apps/subjects/interfaces/ClassificationPreference';\r\n\r\nimport styles from './subject-preference-grid.scss';\r\n\r\nfunction useGetRowItemCapacity(): number {\r\n  const viewportWidth = useGetMediaQueryString();\r\n\r\n  switch (viewportWidth) {\r\n  case MediaQueryStrings.LG:\r\n  default:\r\n    return 5;\r\n\r\n  case MediaQueryStrings.MD:\r\n    return 4;\r\n\r\n  case MediaQueryStrings.SM:\r\n    return 3;\r\n\r\n  case MediaQueryStrings.XS:\r\n    return 2;\r\n  }\r\n}\r\n\r\nfunction isDisabled(subject: ClassificationPreference, expandedSubject: ClassificationPreference): boolean {\r\n  if (!expandedSubject || subject.id === expandedSubject.id)\r\n    return false;\r\n\r\n  if (expandedSubject.children.find(child => child.id === subject.id))\r\n    return false;\r\n\r\n  return true;\r\n}\r\n\r\ninterface SubjectPreferenceGridRowProps extends SubjectPreferenceGridProps {}\r\n\r\nfunction SubjectPreferenceGridRow(props: SubjectPreferenceGridRowProps): JSX.Element {\r\n  const { expandedSubject, selectedSubjects: selections } = React.useContext(SubjectPreferencesContext);\r\n\r\n  return (\r\n    <>\r\n      {props.subjects.map(subject => {\r\n        const itemDisabled = isDisabled(subject, expandedSubject);\r\n\r\n        let clickHandler = props.onSelect;\r\n\r\n        if (subject.isExpandableOption)\r\n          clickHandler = props.onExpand;\r\n\r\n        if (itemDisabled)\r\n          clickHandler = props.onCollapse;\r\n\r\n        if (props.hasSelectedBulk)\r\n          clickHandler = () => {};\r\n\r\n        return (\r\n          <SubjectPreferenceItem\r\n            key={subject.id}\r\n            subject={subject}\r\n            selected={!props.hasSelectedBulk && selections.includes(subject.id)}\r\n            disabled={props.hasSelectedBulk || itemDisabled}\r\n            onClick={(e: React.MouseEvent<HTMLLIElement, MouseEvent>) => clickHandler(subject)}\r\n            hasSelectedBulk={props.hasSelectedBulk}\r\n          />\r\n        );\r\n      })}\r\n    </>\r\n  );\r\n}\r\n\r\ninterface SubjectPreferenceGridProps {\r\n  subjects: ClassificationPreference[];\r\n  onSelect: (subject: Classification) => void;\r\n  onExpand: (subject: Classification) => void;\r\n  onCollapse: (subject: Classification) => void;\r\n  hasSelectedBulk?: boolean;\r\n}\r\n\r\nexport function SubjectPreferenceGrid(props: SubjectPreferenceGridProps): JSX.Element {\r\n  const { subjects, hasSelectedBulk, ...eventHandlers } = props;\r\n  const { expandedSubject } = React.useContext(SubjectPreferencesContext);\r\n\r\n  const itemsPerRow = useGetRowItemCapacity();\r\n\r\n  /**\r\n   * This is an array of arrays, where each sub-array is a row of classifications.\r\n   * We do this to make sure any sub-grid's of child preference options get rendered in the row\r\n   * directly beneath their parent's row.\r\n   */\r\n  const subjectRows = subjects.reduce((\r\n    acc: ClassificationPreference[][], subject: ClassificationPreference, index: number\r\n  ) => {\r\n    index % itemsPerRow === 0\r\n      ? acc.push([subject]) // Start a new row\r\n      : ArrayHelper.last(acc).push(subject); // Fill up an existing row\r\n\r\n    return acc;\r\n  }, []);\r\n\r\n  return (\r\n    <ul className={styles.grid}>\r\n      {subjectRows.map((row, i) => {\r\n        const isExpanded = expandedSubject && !!row.find(subject => {\r\n          return expandedSubject.id === subject.id && subject.isExpandableOption;\r\n        });\r\n\r\n        return (\r\n          <React.Fragment key={i}>\r\n            <SubjectPreferenceGridRow\r\n              subjects={row}\r\n              hasSelectedBulk={hasSelectedBulk}\r\n              {...eventHandlers}\r\n            />\r\n\r\n            {isExpanded && (\r\n              <li className={`${styles.subgrid} m-0`}>\r\n                <SubjectPreferenceGrid\r\n                  subjects={expandedSubject.children as ClassificationPreference[]}\r\n                  hasSelectedBulk={hasSelectedBulk}\r\n                  {...eventHandlers}\r\n                />\r\n              </li>\r\n            )}\r\n          </React.Fragment>\r\n        );\r\n      })}\r\n    </ul>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"grid\":\"cv--grid--G_RXX\",\"subgrid\":\"cv--subgrid--38ohZ\"};","import * as React from 'react';\r\n\r\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\r\nimport { ImageSize } from 'libs/shared/enums/Images';\r\nimport { SubjectPreferencesContext } from 'libs/shared/apps/subjects/contexts/SubjectPreferencesContext';\r\nimport { ClassificationPreference } from 'libs/shared/apps/subjects/interfaces/ClassificationPreference';\r\nimport { PreferenceItem } from 'libs/shared/apps/subjects/components/preferences/preference-item/PreferenceItem';\r\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\r\n\r\ninterface SubjectPreferenceItemProps {\r\n  subject: ClassificationPreference;\r\n  selected: boolean;\r\n  disabled?: boolean;\r\n  onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;\r\n  extraClasses?: string;\r\n  hideStatus?: boolean;\r\n  hasSelectedBulk?: boolean;\r\n}\r\n\r\nexport function SubjectPreferenceItem(props: SubjectPreferenceItemProps): JSX.Element {\r\n  const context = React.useContext(SubjectPreferencesContext);\r\n\r\n  const coverUrl = props.subject.cover ? ImageHelper.createUrl(props.subject.cover.url, { size: ImageSize.Small }) : '';\r\n\r\n  const childIds = props.subject.isExpandableOption ? props.subject.children.map(child => child.id) : [];\r\n  const selectedChildCount = !props.hasSelectedBulk\r\n    ? context?.selectedSubjects?.filter(selection => childIds.includes(selection)).length\r\n    : 0;\r\n\r\n  const component = (\r\n    <PreferenceItem\r\n      name={props.subject.name}\r\n      imageUrl={coverUrl}\r\n      onClick={props.onClick}\r\n      isSelected={props.selected}\r\n      isDisabled={props.disabled}\r\n      isExpandable={props.subject.isExpandableOption}\r\n      expand={context?.expandedSubject?.id === props.subject.id}\r\n      selectedChildCount={selectedChildCount}\r\n      extraClasses={props.extraClasses}\r\n      hideStatus={props.hideStatus}\r\n    />\r\n  );\r\n\r\n  return props.disabled\r\n    ? <span>{component}</span>\r\n    : <Tooltip title={props.subject.name}><span>{component}</span></Tooltip>;\r\n}","import { createContext } from 'react';\r\nimport { ClassificationPreference } from '../interfaces/ClassificationPreference';\r\n\r\ninterface SubjectPreferencesContextFields {\r\n  selectedSubjects: string[];\r\n  expandedSubject: ClassificationPreference;\r\n}\r\n\r\nexport const SubjectPreferencesContext = createContext<SubjectPreferencesContextFields>(undefined);","import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};"],"sourceRoot":""}