@clickview/lite 0.0.18-dev.2 → 0.0.18-rc.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PartialPlaylistList.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/dynamic-widget/DynamicWidget.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/dynamic-widget/DynamicWidgetEventHandlers.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/dynamic-widget/DynamicWidgetReducer.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/dynamic-widget/dynamic-widget.scss?a460","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/items/subject-widget-item/PartialSubjectWidgetItem.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/items/subject-widget-item/SubjectWidgetItem.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/widgets/items/subject-widget-item/subject-widget-item.scss?cb11","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseResizeListener.ts"],"names":[],"mappings":"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","file":"scripts/16.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport { Row, Col } from 'react-bootstrap';\r\n\r\nimport styles from './playlist.scss';\r\n\r\ninterface PartialPlaylistListProps {\r\n  numItems?: number;\r\n  itemClassName?: string;\r\n  showHeading?: boolean;\r\n}\r\n\r\nPartialPlaylistList.defaultProps = {\r\n  numItems: 8\r\n};\r\n\r\nexport function PartialPlaylistList(props: PartialPlaylistListProps): JSX.Element {\r\n  const PARTIAL_PLAYLISTS = [...Array(props.numItems)];\r\n\r\n  const className = props.itemClassName || '';\r\n\r\n  return (\r\n    <>\r\n      {props.showHeading && <div className={`${styles.partialHeading} partial-loading-background`} />}\r\n      <Row>\r\n        {PARTIAL_PLAYLISTS.map((p, idx) =>\r\n          <Col key={idx} xs={6} sm={4} md={3} lg={2} className={className}>\r\n            <div className='py-2'>\r\n              <div className={`${styles.basePlaylistItem} partial-loading-background`} />\r\n            </div>\r\n          </Col>\r\n        )}\r\n      </Row>\r\n    </>\r\n  );\r\n}","import * as React from 'react';\r\nimport * as _ from 'underscore';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\n\r\nimport { useResizeListener } from 'libs/shared/hooks/UseResizeListener';\r\nimport { useLazyLoad } from 'libs/shared/hooks/UseLazyLoad';\r\nimport { CssMeasurement } from 'libs/shared/enums/CssMeasurement';\r\nimport { WidgetButton, WidgetButtonDirection } from 'libs/shared/components/widgets/widget-button/WidgetButton';\r\nimport { PartialSubjectWidgetItem } from 'libs/shared/components/widgets/items/subject-widget-item/PartialSubjectWidgetItem';\r\nimport { SlidingListContainer } from 'libs/shared/components/widgets/sliding-list/SlidingListContainer';\r\nimport { SlidingListRefs } from 'libs/shared/interfaces/SlidingListRefs';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { WidgetInteraction } from 'libs/shared/enums/WidgetInteraction';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\r\n\r\nimport { getDragEndHandler, getDragHandler, getResizeEndHandler, getResizeHandler, getTouchMoveHandler, getTouchEndHandler } from './DynamicWidgetEventHandlers';\r\nimport { DynamicWidgetReducer, DynamicWidgetState, initialSliderState } from './DynamicWidgetReducer';\r\n\r\nimport styles from './dynamic-widget.scss';\r\n\r\nconst namespace = 'shared.dynamicWidget';\r\n\r\ninterface WidgetSnapshot extends DynamicWidgetState {\r\n  initialMouseX: number;\r\n}\r\n\r\ninterface DynamicWidgetProps {\r\n  childAppLink: Core.AppLink;\r\n  childComponent: React.ElementType;\r\n  endComponent?: React.ElementType;\r\n\r\n  collection?: BaseObject[];\r\n  fetch?: (...args: any[]) => any;\r\n  lazyLoad?: boolean;\r\n\r\n  headingPhraseKey?: 'topics' | 'teach';\r\n}\r\n\r\nexport function DynamicWidget(props: DynamicWidgetProps): JSX.Element {\r\n  const { childComponent: WidgetItemComponent, endComponent: EndComponent } = props;\r\n\r\n  const [ state, dispatch ] = React.useReducer(DynamicWidgetReducer, initialSliderState);\r\n\r\n  // A snapshot of the widget state is captured on the very first `Drag` event as a point of reference\r\n  const [ widgetSnapshot, setWidgetSnapshot ] = React.useState<WidgetSnapshot>(null);\r\n\r\n  const elementRefs: SlidingListRefs = {\r\n    container: React.useRef(null),\r\n    firstElement: React.useRef(null),\r\n    lastElement: React.useRef(null)\r\n  };\r\n\r\n  useResizeListener(getResizeHandler(elementRefs, dispatch), getResizeEndHandler(elementRefs.container));\r\n\r\n  const { ref, inView } = useLazyLoad(props.lazyLoad);\r\n\r\n  let widgetData = props.collection;\r\n  if (!props.collection && FunctionHelper.isFunction(props.fetch))\r\n    widgetData = props.fetch(inView);\r\n\r\n  /**\r\n   * Once the widget data has been set, we can initialize the reducer. This is because\r\n   * the reducer depends on the refs being set, but they don't get set until the markup has been loaded.\r\n   */\r\n  React.useEffect(() => {\r\n    if (!widgetData || ObjectHelper.isEmpty(widgetData))\r\n      return;\r\n\r\n    dispatch({\r\n      type: WidgetInteraction.Init,\r\n      payload: elementRefs\r\n    });\r\n\r\n  }, [widgetData]);\r\n\r\n  function getWidgetItems(): JSX.Element {\r\n    if (!widgetData)\r\n      return;\r\n\r\n    const items = widgetData.map(widgetItem => {\r\n      let itemRef: React.MutableRefObject<HTMLDivElement>;\r\n\r\n      if (widgetItem === ArrayHelper.first(widgetData))\r\n        itemRef = elementRefs.firstElement;\r\n\r\n      if (widgetItem === ArrayHelper.last(widgetData) && !EndComponent)\r\n        itemRef = elementRefs.lastElement;\r\n\r\n      return (\r\n        <div key={widgetItem.id} ref={itemRef} className={styles.itemSpacing}>\r\n          <WidgetItemComponent\r\n            data={widgetItem}\r\n            appLink={props.childAppLink}\r\n          />\r\n        </div>\r\n      );\r\n    });\r\n\r\n    if (EndComponent)\r\n      items.push((\r\n        <div key='end-widget-component' ref={elementRefs.lastElement} className={styles.itemSpacing}>\r\n          <EndComponent />\r\n        </div>\r\n      ));\r\n\r\n    return <>{items}</>;\r\n  }\r\n\r\n  const widgetItems = React.useMemo(getWidgetItems, [widgetData]);\r\n\r\n  if (widgetData && !widgetData.length)\r\n    return <></>;\r\n\r\n  if (!widgetData || ObjectHelper.isEmpty(widgetData)) {\r\n    return (\r\n      <div ref={ref}>\r\n        <PartialDynamicWidget />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <>\r\n       {props.headingPhraseKey &&\r\n        <h4 className='d-inline-block mr-2 pl-1 mb-2'>\r\n          <Text namespace={namespace} phrase={props.headingPhraseKey} />\r\n        </h4>\r\n      }\r\n      <div className='position-relative px-1'>\r\n        <WidgetButton\r\n          direction={WidgetButtonDirection.Left}\r\n          onClick={() => dispatch({ type: WidgetInteraction.Previous })}\r\n          hide={state.hideLeftButton}\r\n          useGradientBackdrop\r\n        />\r\n        <div className='overflow-hidden'>\r\n          <SlidingListContainer\r\n            position={state.offset}\r\n            positionType={CssMeasurement.Pixels}\r\n            onDrag={getDragHandler(elementRefs.container, state, dispatch, widgetSnapshot, setWidgetSnapshot)}\r\n            onDragEnd={getDragEndHandler(elementRefs.container, setWidgetSnapshot)}\r\n            onTouchMove={getTouchMoveHandler(elementRefs.container, state, dispatch, widgetSnapshot, setWidgetSnapshot)}\r\n            onTouchEnd={getTouchEndHandler(elementRefs.container, setWidgetSnapshot)}\r\n            ref={elementRefs.container}\r\n          >\r\n            {widgetItems}\r\n          </SlidingListContainer>\r\n        </div>\r\n        <WidgetButton\r\n          direction={WidgetButtonDirection.Right}\r\n          onClick={() => dispatch({ type: WidgetInteraction.Next })}\r\n          hide={state.hideRightButton}\r\n          useGradientBackdrop\r\n        />\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n\r\nconst PARTIAL_WIDGET_ITEMS = PartialLoadingHelper.getPartialLoadingItems();\r\n\r\nexport const PartialDynamicWidget = () => (\r\n  <div className='pb-3 d-flex flex-nowrap'>\r\n    {PARTIAL_WIDGET_ITEMS.map((item, idx) => <PartialSubjectWidgetItem key={idx} />)}\r\n  </div>\r\n);","import { ReducerActions } from 'libs/common/react/interfaces';\r\n\r\nimport { WidgetInteraction } from 'libs/shared/enums/WidgetInteraction';\r\nimport { SlidingListRefs } from 'libs/shared/interfaces/SlidingListRefs';\r\n\r\nimport { DynamicWidgetState } from './DynamicWidgetReducer';\r\n\r\ninterface WidgetSnapshot extends DynamicWidgetState {\r\n  initialMouseX: number;\r\n}\r\n\r\n/**\r\n * Resize events\r\n */\r\nexport const getResizeHandler = (\r\n  elementRefs: SlidingListRefs,\r\n  dispatch: React.Dispatch<ReducerActions<WidgetInteraction>>\r\n) => () => {\r\n  if (elementRefs.container.current)\r\n    elementRefs.container.current.style.transition = '';\r\n\r\n  dispatch({\r\n    type: WidgetInteraction.Resize,\r\n    payload: elementRefs\r\n  });\r\n};\r\n\r\nexport const getResizeEndHandler = (containerRef: React.MutableRefObject<HTMLDivElement>) => () => {\r\n  if (containerRef.current)\r\n    containerRef.current.style.transition = 'transform 500ms ease-in-out 100ms';\r\n};\r\n\r\n/**\r\n * Touch / Drag start events\r\n */\r\nexport const getDragHandler = (\r\n  containerRef: React.MutableRefObject<HTMLDivElement>,\r\n  widgetState: DynamicWidgetState,\r\n  dispatch: React.Dispatch<ReducerActions<WidgetInteraction>>,\r\n  widgetSnapshot: WidgetSnapshot,\r\n  setWidgetSnapshot: React.Dispatch<WidgetSnapshot>\r\n) => (event: React.DragEvent<HTMLDivElement>): void => {\r\n  const mouseX = event.clientX;\r\n\r\n  handleDragOrTouchMove(mouseX, containerRef, widgetState, dispatch, widgetSnapshot, setWidgetSnapshot);\r\n};\r\n\r\nexport const getTouchMoveHandler = (\r\n  containerRef: React.MutableRefObject<HTMLDivElement>,\r\n  widgetState: DynamicWidgetState,\r\n  dispatch: React.Dispatch<ReducerActions<WidgetInteraction>>,\r\n  widgetSnapshot: WidgetSnapshot,\r\n  setWidgetSnapshot: React.Dispatch<WidgetSnapshot>\r\n) => (event: React.TouchEvent<HTMLDivElement>): void => {\r\n  const firstTouch = event.touches.item(0);\r\n  const touchX = firstTouch.clientX;\r\n\r\n  handleDragOrTouchMove(touchX, containerRef, widgetState, dispatch, widgetSnapshot, setWidgetSnapshot);\r\n};\r\n\r\nfunction handleDragOrTouchMove(\r\n  xCoord: number,\r\n  containerRef: React.MutableRefObject<HTMLDivElement>,\r\n  widgetState: DynamicWidgetState,\r\n  dispatch: React.Dispatch<ReducerActions<WidgetInteraction>>,\r\n  widgetSnapshot: WidgetSnapshot,\r\n  setWidgetSnapshot: React.Dispatch<WidgetSnapshot>\r\n): void {\r\n  let snapshot = widgetSnapshot;\r\n\r\n  if (!snapshot) {\r\n    snapshot = { ...widgetState, initialMouseX: xCoord };\r\n    setWidgetSnapshot(snapshot);\r\n    containerRef.current.style.transition = '';\r\n  }\r\n\r\n  dispatch({\r\n    type: WidgetInteraction.Drag,\r\n    payload: {\r\n      widgetSnapshot: snapshot,\r\n      currentMouseX: xCoord\r\n    }\r\n  });\r\n}\r\n\r\n/**\r\n * Touch / Drag end events\r\n */\r\nexport const getDragEndHandler = (\r\n  containerRef: React.MutableRefObject<HTMLDivElement>,\r\n  setWidgetSnapshot: React.Dispatch<WidgetSnapshot>\r\n) => () => {\r\n  containerRef.current.style.transition = 'transform 500ms ease-in-out 100ms';\r\n  setWidgetSnapshot(null);\r\n};\r\n\r\nexport const getTouchEndHandler = getDragEndHandler;","import { ReducerActions } from 'libs/common/react/interfaces';\r\nimport { WidgetInteraction } from 'libs/shared/enums/WidgetInteraction';\r\n\r\nexport interface DynamicWidgetState {\r\n  /**\r\n   * X-position argument for `translate3d()` to determine where the slider is positioned.\r\n   */\r\n  offset: number;\r\n\r\n  /**\r\n   * Left position of the slider container.\r\n   * Set on `Init`, and updated on `Resize`.\r\n   * Used for calculations on `Previous`, or for dragging to the right.\r\n   */\r\n  containerLeftPosition: number;\r\n\r\n  /**\r\n   * Right position of the slider container.\r\n   * Set on Init, and updated on Resize.\r\n   * Used for calculations on `Next`, or for dragging to the left.\r\n   */\r\n  containerRightPosition: number;\r\n\r\n  /**\r\n   * The position of the left edge of the very first element in the slider list.\r\n   * Initially this will always be equal to `containerLeftPosition`.\r\n   */\r\n  firstElementPosition: number;\r\n\r\n  /**\r\n   * The position of the right edge of the very last element in the slider list.\r\n   */\r\n  lastElementPosition: number;\r\n\r\n  /**\r\n   * True when `firstElementPosition === containerLeftPosition`.\r\n   */\r\n  hideLeftButton: boolean;\r\n\r\n  /**\r\n   * True when `lastElementPositon === containerRightPosition`.\r\n   */\r\n  hideRightButton: boolean;\r\n\r\n  /**\r\n   * When clicking left or right, this number is the max distance in pixels that the slider.\r\n   * will move.\r\n   * Default 300.\r\n   * Can only be set once on `Init` action.\r\n   */\r\n  maxSlideDistance: number;\r\n\r\n  /**\r\n   * This is calculated on `Init`, and is the lowest number the `offset` state can ever be.\r\n   * This is needed for the `Drag` event, as the `Drag` event can only calculate whole numbers.\r\n   * 99% of the time, the leftOffsetLimit is a very specific decimal number, so we calculate it\r\n   * on `Init` and reference it on `Drag` events when necessary.\r\n   */\r\n  leftOffsetLimit: number;\r\n}\r\n\r\nconst MAX_SLIDE_DISTANCE = 500; // px\r\n\r\n/**\r\n * `null` values are initialized in the `Init` action. This is dispatched\r\n * later, because it uses JQuery elements that aren't immediately available\r\n * when `useReducer` is called.\r\n */\r\nexport const initialSliderState: DynamicWidgetState = {\r\n  offset: 0,\r\n  containerLeftPosition: null,\r\n  containerRightPosition: null,\r\n  firstElementPosition: null,\r\n  lastElementPosition: null,\r\n  hideLeftButton: true,\r\n  hideRightButton: true,\r\n  maxSlideDistance: MAX_SLIDE_DISTANCE,\r\n  leftOffsetLimit: null\r\n};\r\n\r\nfunction onInit(payload: any): object {\r\n  const { container = {}, lastElement = {} } = payload;\r\n\r\n  if (!container.current || !lastElement.current)\r\n    return initialSliderState;\r\n\r\n  const containerLeftPosition = payload.container.current.getBoundingClientRect().left;\r\n  const containerRightPosition = payload.container.current.getBoundingClientRect().right;\r\n\r\n  const firstElementPosition = containerLeftPosition;\r\n  const lastElementPosition = payload.lastElement.current.getBoundingClientRect().right;\r\n  const leftOffsetLimit = containerRightPosition - lastElementPosition;\r\n\r\n  return {\r\n    ...initialSliderState,\r\n    containerLeftPosition,\r\n    containerRightPosition,\r\n    firstElementPosition,\r\n    lastElementPosition,\r\n    hideRightButton: lastElementPosition < containerRightPosition,\r\n    leftOffsetLimit\r\n  };\r\n}\r\n\r\nfunction onNext(prevState: DynamicWidgetState): object {\r\n  const { firstElementPosition, lastElementPosition, maxSlideDistance, offset, containerRightPosition } = prevState;\r\n\r\n  /**\r\n   * The distance in pixels that the slider will move along the x-axis.\r\n   * This will be the `maxSlideDistance` constant value, or if that value is too large we calculate\r\n   * the remaining overflowing space and only slide by that amount.\r\n   */\r\n  const slideDistance = lastElementPosition - containerRightPosition >= maxSlideDistance\r\n    ? maxSlideDistance\r\n    : lastElementPosition - containerRightPosition;\r\n\r\n  return {\r\n    firstElementPosition: firstElementPosition - slideDistance,\r\n    lastElementPosition: lastElementPosition - slideDistance,\r\n    offset: offset - slideDistance,\r\n    hideRightButton: lastElementPosition - slideDistance === containerRightPosition,\r\n    hideLeftButton: false\r\n  };\r\n}\r\n\r\nfunction onPrevious(prevState: DynamicWidgetState): object {\r\n  const { containerLeftPosition, firstElementPosition, lastElementPosition, maxSlideDistance, offset } = prevState;\r\n\r\n  const fullSlide = firstElementPosition + maxSlideDistance <= containerLeftPosition;\r\n  const slideDistance = fullSlide ? maxSlideDistance : Math.abs(offset);\r\n\r\n  return {\r\n    firstElementPosition: firstElementPosition + slideDistance,\r\n    lastElementPosition: lastElementPosition + slideDistance,\r\n    offset: offset + slideDistance,\r\n    hideLeftButton: !fullSlide || firstElementPosition + slideDistance === containerLeftPosition,\r\n    hideRightButton: false\r\n  };\r\n}\r\n\r\nfunction onDrag(prevState: DynamicWidgetState, payload: any): object {\r\n  const { widgetSnapshot, currentMouseX } = payload;\r\n\r\n  // Disable dragging if the slider isn't long enough\r\n  if (widgetSnapshot.hideLeftButton && widgetSnapshot.hideRightButton)\r\n    return {};\r\n\r\n  // The distance from the initial `MouseDown` event x-coordinate, to the present x-coordinate\r\n  const dragDistance = widgetSnapshot.initialMouseX - currentMouseX;\r\n\r\n  let offset = widgetSnapshot.offset - dragDistance;\r\n  let firstElementPosition = widgetSnapshot.firstElementPosition - dragDistance;\r\n  let lastElementPosition = widgetSnapshot.lastElementPosition - dragDistance;\r\n  let hideLeftButton = false;\r\n  let hideRightButton = false;\r\n\r\n  if (firstElementPosition > prevState.containerLeftPosition) {\r\n    offset = 0;\r\n    firstElementPosition = prevState.containerLeftPosition;\r\n    lastElementPosition = prevState.lastElementPosition;\r\n    hideLeftButton = true;\r\n  }\r\n\r\n  if (lastElementPosition <= prevState.containerRightPosition) {\r\n    offset = prevState.leftOffsetLimit;\r\n    firstElementPosition = prevState.containerLeftPosition - Math.abs(prevState.leftOffsetLimit);\r\n    lastElementPosition = widgetSnapshot.containerRightPosition;\r\n    hideRightButton = true;\r\n  }\r\n\r\n  return {\r\n    offset,\r\n    firstElementPosition,\r\n    lastElementPosition,\r\n    hideLeftButton,\r\n    hideRightButton\r\n  };\r\n}\r\n\r\nexport function DynamicWidgetReducer(\r\n  prevState: DynamicWidgetState,\r\n  action: ReducerActions<WidgetInteraction>\r\n): DynamicWidgetState {\r\n  switch (action.type) {\r\n  case WidgetInteraction.Init:\r\n  case WidgetInteraction.Resize:\r\n    return {\r\n      ...prevState,\r\n      ...onInit(action.payload)\r\n    };\r\n\r\n  case WidgetInteraction.Next:\r\n    return {\r\n      ...prevState,\r\n      ...onNext(prevState)\r\n    };\r\n\r\n  case WidgetInteraction.Previous:\r\n    return {\r\n      ...prevState,\r\n      ...onPrevious(prevState)\r\n    };\r\n\r\n  case WidgetInteraction.Drag:\r\n    return {\r\n      ...prevState,\r\n      ...onDrag(prevState, action.payload)\r\n    };\r\n  default:\r\n    return prevState;\r\n  }\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"itemSpacing\":\"cv--itemSpacing--10Pgb\"};","import * as React from 'react';\r\n\r\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\r\n\r\nimport { ThumbnailFallback, ThumbnailFallbackType } from 'libs/shared/components/thumbnails/base/ThumbnailFallback';\r\n\r\nimport styles from './subject-widget-item.scss';\r\n\r\nexport const PartialSubjectWidgetItem = () => {\r\n  const [width] = React.useState(RandomHelper.getRandomInt(5) + 3 + 'rem');\r\n\r\n  return (\r\n    <div className={`border d-flex position-relative mr-2 ${styles.widgetItem}`}>\r\n      <div className={styles.imagePanel} />\r\n      <div className='px-2' style={{ width }}>&nbsp;</div>\r\n      <ThumbnailFallback type={ThumbnailFallbackType.Subject} />\r\n    </div>\r\n  );\r\n};","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\r\nimport { Classification } from 'libs/shared/interfaces';\r\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\r\nimport { ImageSize } from 'libs/shared/enums/Images';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { ThumbnailFallback, ThumbnailFallbackType } from 'libs/shared/components/thumbnails/base/ThumbnailFallback';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nimport styles from './subject-widget-item.scss';\r\n\r\nconst namespace = 'shared.subjectWidgetItem';\r\n\r\ninterface NamePanelProps {\r\n  name: string;\r\n  multiline?: boolean;\r\n}\r\n\r\nconst ComingSoonNamePanel = ({ name, multiline }: NamePanelProps) => {\r\n  let wrapperClassName = `${styles.comingSoonPanel} px-3 text-center mt-3`;\r\n  let textClassName = `${styles.name} h6 mb-0 pb-1`;\r\n\r\n  if (!multiline) {\r\n    wrapperClassName += ' text-nowrap';\r\n    textClassName += ' text-truncate';\r\n  } else {\r\n    textClassName += ` ${styles.clamped} clamp-2`;\r\n  }\r\n\r\n  return (\r\n    <div className={wrapperClassName}>\r\n      <small className='text-muted'><Text namespace={namespace} phrase='comingSoon' /></small>\r\n      <p className={textClassName}>{name}</p>\r\n    </div>\r\n  );\r\n};\r\n\r\nconst NormalNamePanel = ({ name, multiline }: NamePanelProps) => {\r\n  let wrapperClassName = 'px-3 text-center d-flex align-items-center';\r\n  let textClassName = `${styles.name} h6 mb-0 pb-1`;\r\n\r\n  if (!multiline) {\r\n    wrapperClassName += ' text-nowrap text-truncate';\r\n    textClassName += ' text-truncate';\r\n  } else {\r\n    textClassName += ` ${styles.clamped} clamp-2 text-left`;\r\n  }\r\n\r\n  return (\r\n    <div className={wrapperClassName}>\r\n      <p className={textClassName}>{name}</p>\r\n    </div>\r\n  );\r\n};\r\n\r\ninterface SubjectWidgetItemProps {\r\n  data: Classification;\r\n  appLink: Core.AppLink;\r\n  isLarge?: boolean;\r\n}\r\n\r\nfunction SubjectWidgetItem(props: SubjectWidgetItemProps): JSX.Element {\r\n  const appLink = {\r\n    ...props.appLink,\r\n    args: [ props.data.id, TextHelper.slugify(props.data.name) ]\r\n  };\r\n\r\n  const coverUrl = ImageHelper.createUrl(props.data.cover?.url, { size: ImageSize.Small });\r\n\r\n  return (\r\n    <AppLink appLink={appLink}>\r\n      <div className={`border d-flex position-relative ${styles.widgetItem}`} id={props.data.id}>\r\n        <div className={`${styles.imagePanel} ${props.isLarge ? styles.large : ''}`} style={{ backgroundImage: `url('${coverUrl}')` }} />\r\n        {props.data.comingSoon\r\n          ? <ComingSoonNamePanel name={props.data.name} multiline={props.isLarge} />\r\n          : <NormalNamePanel name={props.data.name} multiline={props.isLarge} />\r\n        }\r\n        <ThumbnailFallback type={ThumbnailFallbackType.Subject} extraClasses={props.isLarge ? styles.large : ''} />\r\n      </div>\r\n    </AppLink>\r\n  );\r\n}\r\n\r\nconst Memoized = React.memo(SubjectWidgetItem);\r\n\r\nexport { Memoized as SubjectWidgetItem };","// extracted by mini-css-extract-plugin\nmodule.exports = {\"widgetItem\":\"cv--widgetItem--1oyw1\",\"imagePanel\":\"cv--imagePanel--1UOVG\",\"large\":\"cv--large--1EtWs\",\"comingSoonPanel\":\"cv--comingSoonPanel--3js2e\",\"name\":\"cv--name--3csgE\",\"clamped\":\"cv--clamped--1y2oG\",\"editSubjectsItem\":\"cv--editSubjectsItem--1yBMf\"};","import * as React from 'react';\r\n\r\n/**\r\n * Hook function for listening to scroll events\r\n * @param onResize - gets called on resize.\r\n * @param onResizeEnd (optional) - gets called 100ms after the last resize event. Timer restarts everytime the callback\r\n * runs so that endCallback only fires after a stretch of resize events.\r\n * @param dependencies - values from the component (e.g. state, props and functions) that are used \r\n * inside the effect hook.\r\n */\r\nexport function useResizeListener(onResize: () => void, onResizeEnd?: () => void, dependencies: any[] = []): void {\r\n  let resizeTimeout: number;\r\n\r\n  const onResizeModified = () => {\r\n    onResize();\r\n\r\n    window.clearTimeout(resizeTimeout);\r\n    resizeTimeout = window.setTimeout(onResizeEnd, 100);\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    window.addEventListener('resize', onResizeEnd ? onResizeModified : onResize);\r\n    return () => window.removeEventListener('resize', onResizeEnd ? onResizeModified : onResize);\r\n  }, [...dependencies]);\r\n}"],"sourceRoot":""}

package/dist/scripts/17-afe6281dd5.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[17],{412:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(78),r=n(29),o=n(37);const c=()=>{const e=Object(a.a)(o.a.ALERT);return{success(t){e.success(t)()},error(t){e.error(t)()},warning(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},413:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){return a.createElement("div",{role:"button",tabIndex:0,className:(e.className?e.className:"")+" cursor-pointer",onKeyDown:t=>"Enter"===t.key&&e.onClick(t),onClick:e.onClick,style:e.style?e.style:{}},e.children)}},414:function(e,t,n){"use strict";n.d(t,"a",(function(){return i})),n.d(t,"b",(function(){return s}));var a=n(0),r=n(411),o=n(26),c=n(36),l=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function i(e){const{castInitialValues:t,castValuesOnSubmit:n,initialValues:i,onSubmit:s,resetOnSubmit:u}=e,m=l(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),d=t&&e.validationSchema?e.validationSchema.cast(function e(t){const n=c.a.deepClone(t);return Object.keys(n).forEach(t=>{n.hasOwnProperty(t)&&(c.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])}),n}(i)):i,p={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(r.d,Object.assign({enableReinitialize:!0},m,{initialValues:d,onSubmit:(t,{setSubmitting:a,resetForm:r})=>{const o=n&&e.validationSchema?e.validationSchema.cast(t):t;s(o,()=>{u&&r(),a(!1)})},initialStatus:p}),o.a.isFunction(e.children)?t=>e.children(t):a.Children.count(e.children)?e.children:null)}function s(){return Object(r.f)()}i.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},420:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(411);const r={getCustomFormControlClassName(e,t,n,r){let o="form-control";return Object(a.e)(t,n)&&Object(a.e)(e,n)&&(o+=" is-invalid"),r&&(o+=" "+r),o}}},422:function(e,t,n){"use strict";var a=n(0),r=n(411),o=n(28),c=n(26),l=n(420);function i(e){const{values:t}=Object(r.f)(),n=t[e.fieldName];return"string"!=typeof n?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},n.length,"/",e.limit)}var s=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function u(e){const{label:t}=e,n=s(e,["label"]);return a.createElement(o.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(d,Object.assign({className:"custom-control-input"},n)),a.createElement(o.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return d})),n.d(t,"b",(function(){return p}));var m=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function d(e){const{children:t}=e,n=m(e,["children"]);return a.createElement(r.b,Object.assign({},n),c.a.isFunction(t)?e=>t(e):a.Children.count(t)?t:null)}function p(e){const{label:t,className:n,showCharacterCounter:c}=e,s=m(e,["label","className","showCharacterCounter"]),{errors:p,touched:b}=Object(r.f)();return"checkbox"===s.type?a.createElement(u,Object.assign({},e)):a.createElement(o.Form.Group,null,!!t&&a.createElement(o.Form.Label,{htmlFor:s.id},t),a.createElement(d,Object.assign({className:l.a.getCustomFormControlClassName(p,b,s.name,n)},s)),!!c&&!!s.maxLength&&a.createElement(i,{fieldName:s.name,limit:s.maxLength}),a.createElement(r.a,{name:s.name},e=>a.createElement(o.Form.Control.Feedback,{type:"invalid"},e)))}},423:function(e,t,n){"use strict";var a=n(0),r=n(411);var o=n(127),c=n(48);n.d(t,"a",(function(){return l}));function l(e){const t=Object(r.f)(),n=function(e){var t;const[n,r]=a.useState(!1);return a.useEffect(()=>{var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?r(!0):r(!1)},[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect(()=>{e.isSubmitting&&r(!1)},[e.isSubmitting]),n}(t);a.useEffect(()=>{function e(e){13===e.keyCode&&n&&t.validateForm().then(e=>{Object.keys(e).length||t.submitForm()})}return window.addEventListener("keypress",e),()=>window.removeEventListener("keypress",e)},[n]);let l="save";return e.isNew&&(l="create"),e.hasNext&&(l="next"),a.createElement(o.a,{showSpinner:t.isSubmitting,type:"submit",disabled:!n},a.createElement(c.b,{namespace:"shared.formButtons",phrase:l}))}},450:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.White="white",e.Pink="pink",e.YellowOrange="yellow-orange",e.Emerald="emerald",e.PuertoRico="puerto-rico",e.PictonBlue="picton-blue",e.EastSide="east-side",e.Portage="portage"}(a||(a={}))},470:function(e,t,n){"use strict";function a(e){return"bg-".concat(e)}n.d(t,"a",(function(){return a}))},489:function(e,t,n){"use strict";n.d(t,"a",(function(){return p}));var a=n(0),r=n.n(a),o=n(28),c=n(413),l=n(33),i=n(10),s=n(450),u=n(470),m=n(490),d=n.n(m);function p(e){function t(t){var n="".concat(d.a.colourOption," position-relative"),a=t===s.a.White?"border border-dark":"",r=e.disabled?"cursor-default":"",o=Object(u.a)(t);return"".concat(n," ").concat(a," ").concat(r," ").concat(o)}var n,a,m={};return e.disabled&&(m.show=!1),r.a.createElement(o.Dropdown,Object.assign({},m),r.a.createElement(o.Dropdown.Toggle,{id:e.id,variant:"link",className:(n="".concat(d.a.dropdownToggle," outline-none p-0 d-flex align-items-center text-decoration-none"),a=e.disabled?"cursor-default":"","".concat(n," ").concat(a))},r.a.createElement("div",{className:"border border-secondary rounded bg-white ".concat(d.a.colourButton)},r.a.createElement("div",{className:"px-0 py-1 rounded ".concat(Object(u.a)(e.selection))}," ")),!e.disabled&&r.a.createElement(l.a,{svgName:i.b.Caret})),r.a.createElement(o.Dropdown.Menu,null,r.a.createElement("ul",{className:"".concat(d.a.colourList," list-unstyled d-flex flex-wrap px-2 m-0")},Object.keys(s.a).map((function(n){var a=s.a[n];return r.a.createElement("li",{key:"".concat(e.id,":").concat(a),className:"m-1"},r.a.createElement(c.a,{onClick:function(){return e.onSelect(a)},className:t(a)},a===s.a.White?r.a.createElement("div",{className:d.a.lineThrough}):r.a.createElement(r.a.Fragment,null," ")))})))))}p.defaultProps={selection:s.a.White,onSelect:function(){}}},490:function(e,t,n){e.exports={dropdownToggle:"_347DY",colourButton:"_1rKvE",colourList:"_328-w",colourOption:"_1Tw7u",lineThrough:"_18oZq"}},521:function(e,t,n){e.exports={groupNameInput:"_3hGvq"}},543:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(414),c=n(405),l=n(7),i=n(450),s=l.a.encloseNamespace("classrooms.classroomValidation"),u=Object(c.object)().shape({name:Object(c.string)().max(255,(function(){return s("nameExceeds")})).required((function(){return s("nameRequired")})).default(""),colour:Object(c.string)().required((function(){return s("colourRequired")})).default(i.a.White)}),m=n(411),d=n(422),p=n(423),b=n(48),f=n(489),v=n(521),h=n.n(v),g="classrooms.classroomGroupDetailsForm",O=l.a.encloseNamespace(g);function E(e){var t=Object(o.b)();return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,r.a.createElement("h2",{className:"w-50 d-inline-block h6"},r.a.createElement(b.b,{namespace:g,phrase:"nameLabel"})),r.a.createElement("h2",{className:"d-inline-block h6"},r.a.createElement(b.b,{namespace:g,phrase:"colourLabel"}))),r.a.createElement(m.c,null,r.a.createElement("div",{className:"pb-3 d-flex"},r.a.createElement("div",{className:"w-50"},r.a.createElement(d.b,{type:"text",name:"name",id:"name",className:"".concat(h.a.groupNameInput),placeholder:O("groupNamePlaceholder"),autoFocus:!0,value:t.values.name})),r.a.createElement("div",{className:"form-group"},r.a.createElement(f.a,{onSelect:function(e){return t.setFieldValue("colour",e)},selection:t.values.colour,id:"".concat(e.isNew?"create":"edit","-classroom-group")}))),r.a.createElement("div",{className:"btn-container d-flex justify-content-end"},r.a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},r.a.createElement(b.b,{namespace:g,phrase:"cancel"})),r.a.createElement(p.a,{isNew:e.isNew}))))}function y(e){var t,n,a,c=e.group,l=e.saveGroup,i=e.onClickCancel,s={id:null===(t=c)||void 0===t?void 0:t.id,name:null===(n=c)||void 0===n?void 0:n.name,colour:null===(a=c)||void 0===a?void 0:a.colour,students:[]};return r.a.createElement(o.a,{initialValues:s,validationSchema:u,onSubmit:l},r.a.createElement(E,{isNew:!c,onClickCancel:i}))}n.d(t,"a",(function(){return y}))},625:function(e,t,n){"use strict";n.r(t),n.d(t,"CreateClassroomGroupView",(function(){return f}));var a=n(0),r=n.n(a),o=n(39),c=n(7),l=n(12),i=n(118),s=n(412),u=n(123),m=n(543),d=n(31),p=n(3),b=c.a.encloseNamespace("classrooms.createClassroomGroup");function f(e){var t=l.a.useBasicFetch(u.a.getClassroom(e.classroomId)),n=Object(s.a)(),a=Object(o.useDispatch)(),c=function(a){n.success(b("success",{groupName:a.name,classroomName:t.data.name})),e.closePopup()};return r.a.createElement(i.a,{title:b("title"),closePopup:e.closePopup,showLoadingSpinner:!t.data},r.a.createElement(m.a,{saveGroup:function(t){l.a.fetch(a,u.a.addGroupToClassroom(t,e.classroomId,(function(t){var n;d.a.logUserAction({id:t.id,classroomId:e.classroomId},d.a.mergeOptions(e.analyticsOptions,{actionType:p.n.Create})),(null===(n=e.studentIds)||void 0===n?void 0:n.length)?function(t){l.a.fetch(a,u.a.addStudentsToGroup(e.studentIds,t.id,(function(){d.a.logUserAction({id:t.id,studentCount:e.studentIds.length},d.a.mergeOptions(e.analyticsOptions,{actionType:p.n.Associate,descriptor:p.a.User})),c(t)})))}(t):c(t)}),(function(){n.error(b("error"))})))},onClickCancel:e.closePopup}))}}}]);