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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/div-button/DivButton.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-buttons/FormButtons.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-field/CharacterCounter.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-field/FormField.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseCanSubmitForm.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/FormHelper.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx","webpack://@clickview/lite/./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss?365a","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/colour-picker/ColourPicker.tsx","webpack://@clickview/lite/./src/apps/classrooms/components/colour-picker/colour-picker.scss?adf9","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/enums/GroupColour.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/utils/GroupHelper.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts"],"names":[],"mappings":"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","file":"scripts/13.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\ninterface DivButtonProps extends React.ButtonHTMLAttributes<HTMLDivElement> {\r\n  onClick: (...args: any) => any;\r\n}\r\n\r\n/**\r\n * This element lets us use `div` elements as buttons without losing the accessibility of\r\n * a regular HTML button element\r\n */\r\nexport function DivButton(props: React.PropsWithChildren<DivButtonProps>): JSX.Element {\r\n  return (\r\n    <div\r\n      role='button'\r\n      tabIndex={0}\r\n      className={`${props.className ? props.className : ''} cursor-pointer`}\r\n      onKeyDown={(e: React.KeyboardEvent) => e.key === 'Enter' && props.onClick(e)}\r\n      onClick={props.onClick}\r\n      style={props.style ? props.style : {}}\r\n    >\r\n      {props.children}\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\nimport { useFormikContext } from 'formik';\r\n\r\nimport { useCanSubmitForm } from 'libs/shared/hooks/UseCanSubmitForm';\r\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nconst namespace = 'shared.formButtons';\r\n\r\nconst ENTER_KEY_CODE = 13;\r\n\r\ninterface FormButtonsProps {\r\n  isNew: boolean;\r\n  hasNext?: boolean;\r\n}\r\n\r\nexport function FormButtons<Values extends object>(props: FormButtonsProps): JSX.Element {\r\n  const formikProps = useFormikContext<Values>();\r\n\r\n  const canSubmit = useCanSubmitForm(formikProps);\r\n\r\n  /**\r\n   * This hook listens to \"Enter\" keypress events, and submits the form if there\r\n   * are no errors. This prevents any edge cases where submitting doesn't work on\r\n   * Enter normally, such as when a custom component is in focus.\r\n   */\r\n  React.useEffect(() => {\r\n    function onKeyPress(e: KeyboardEvent): void {\r\n      if (e.keyCode !== ENTER_KEY_CODE || !canSubmit)\r\n        return;\r\n\r\n      formikProps.validateForm().then(errors => {\r\n        if (!Object.keys(errors).length)\r\n          formikProps.submitForm();\r\n      });\r\n    }\r\n\r\n    window.addEventListener('keypress', onKeyPress);\r\n    return () => window.removeEventListener('keypress', onKeyPress);\r\n  }, [canSubmit]);\r\n\r\n  let phraseKey = 'save';\r\n  if (props.isNew)\r\n    phraseKey = 'create';\r\n  if (props.hasNext)\r\n    phraseKey = 'next';\r\n\r\n  return (\r\n    <SpinnerButton showSpinner={formikProps.isSubmitting} type='submit' disabled={!canSubmit}>\r\n      <Text namespace={namespace} phrase={phraseKey} />\r\n    </SpinnerButton>\r\n  );\r\n}","import * as React from 'react';\r\n\r\nimport { FieldAttributes } from 'formik';\r\nimport { Form } from 'react-bootstrap';\r\nimport { FieldWrapper, FormFieldProps } from '../form-field/FormField';\r\n\r\n/**\r\n * Use this checkbox within Formik contexts\r\n */\r\nexport function FormCheckbox<Values extends object>(props: FieldAttributes<FormFieldProps<Values>>): JSX.Element {\r\n  const { label, ...fieldProps } = props;\r\n\r\n  return (\r\n    <Form.Group>\r\n      <div className='custom-control custom-checkbox'>\r\n        <FieldWrapper<Values> className='custom-control-input' {...fieldProps} />\r\n        <Form.Label className='custom-control-label' htmlFor={fieldProps.id}>{label}</Form.Label>\r\n      </div>\r\n    </Form.Group>\r\n  );\r\n}\r\n\r\n","import * as React from 'react';\r\nimport { useFormikContext } from 'formik';\r\n\r\ninterface CharacterCounterProps<Values extends object> {\r\n  fieldName: keyof Values;\r\n  limit: number;\r\n}\r\n\r\nexport function CharacterCounter<Values extends object>(props: CharacterCounterProps<Values>): JSX.Element {\r\n  const { values } = useFormikContext<Values>();\r\n\r\n  const field = values[props.fieldName];\r\n\r\n  if (typeof field !== 'string')\r\n    return <></>;\r\n\r\n  return (\r\n    <div className='float-right text-muted'>\r\n      {field.length}/{props.limit}\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Field, FieldAttributes, useFormikContext, ErrorMessage, FieldProps } from 'formik';\r\nimport { Form } from 'react-bootstrap';\r\n\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { FormHelper } from 'libs/shared/utils/FormHelper';\r\n\r\nimport { CharacterCounter } from './CharacterCounter';\r\nimport { FormCheckbox } from '../form-checkbox/FormCheckbox';\r\n\r\nexport interface FormFieldProps<Values extends object> {\r\n  /**\r\n   * The name prop MUST be the same as the attribute\r\n   * name of the value that the field is bound to.\r\n   */\r\n  name: string;\r\n  label?: string;\r\n  children?: ((props: FieldProps) => React.ReactNode) | React.ReactNode;\r\n  showCharacterCounter?: boolean;\r\n}\r\n\r\nexport function FieldWrapper<Values extends object>(\r\n  props: FieldAttributes<FormFieldProps<Values>> & { className: string }\r\n): React.ReactElement {\r\n  const { children, ...fieldProps } = props;\r\n\r\n  return (\r\n    <Field {...fieldProps}>\r\n      {FunctionHelper.isFunction(children)\r\n        ? (f: FieldProps) => children(f)\r\n        : React.Children.count(children) ? children : null\r\n      }\r\n    </Field>\r\n  );\r\n}\r\n\r\nexport function FormField<Values extends object>(props: FieldAttributes<FormFieldProps<Values>>): React.ReactElement {\r\n  const { label, className, showCharacterCounter, ...fieldProps } = props;\r\n\r\n  const { errors, touched } = useFormikContext<Values>();\r\n\r\n  if (fieldProps.type === 'checkbox')\r\n    return <FormCheckbox<Values> {...props} />;\r\n\r\n  return (\r\n    <Form.Group>\r\n      {!!label && <Form.Label htmlFor={fieldProps.id}>{label}</Form.Label>}\r\n      <FieldWrapper<Values>\r\n        className={FormHelper.getCustomFormControlClassName(errors, touched, fieldProps.name, className)}\r\n        {...fieldProps}\r\n      />\r\n      {!!showCharacterCounter && !!(fieldProps as React.HTMLProps<HTMLInputElement>).maxLength &&\r\n        <CharacterCounter\r\n          fieldName={(fieldProps.name as keyof Values)}\r\n          limit={(fieldProps as React.HTMLProps<HTMLInputElement>).maxLength}\r\n        />\r\n      }\r\n      <ErrorMessage name={fieldProps.name}>\r\n        {(errorMessage: string) => <Form.Control.Feedback type='invalid'>{errorMessage}</Form.Control.Feedback>}\r\n      </ErrorMessage>\r\n    </Form.Group>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Formik, FormikValues, FormikConfig, FormikProps, FormikHelpers, useFormikContext, FormikContextType } from 'formik';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\r\n\r\nfunction omitNullInitialValues<Values extends FormikValues>(initialValues: Values): Values {\r\n  const values = ObjectHelper.deepClone(initialValues);\r\n\r\n  Object.keys(values).forEach((key: keyof Values) => {\r\n    if (!values.hasOwnProperty(key))\r\n      return;\r\n\r\n    if (ObjectHelper.isObject(values[key]))\r\n      values[key] = omitNullInitialValues(values[key]);\r\n    else if (values[key] === null)\r\n      delete values[key];\r\n  });\r\n\r\n  return values;\r\n}\r\n\r\n// Omit attributes from FormikConfig that are defined in FormWrapperProps.\r\ntype ModifiedFormikConfig<Values extends FormikValues> = Omit<FormikConfig<Values>, 'initialValues' | 'onSubmit'>;\r\n\r\ninterface InitialStatus {\r\n  allowInitialSubmit: boolean;\r\n}\r\n\r\ninterface FormWrapperProps<FormValues extends FormikValues, ApiValues extends FormikValues> {\r\n  initialValues: FormValues | ApiValues;\r\n  onSubmit: (data: FormValues, onDone: () => void) => void;\r\n  castInitialValues?: boolean; // cast to validationSchema\r\n  castValuesOnSubmit?: boolean; // cast to validationSchema\r\n  allowInitialSubmit?: boolean; // if true, useCanSubmitForm will allow submit without any user changes.\r\n  resetOnSubmit?: boolean;\r\n}\r\n\r\nFormWrapper.defaultProps = {\r\n  castInitialValues: true,\r\n  castValuesOnSubmit: true\r\n};\r\n\r\nexport function FormWrapper<\r\n  FormValues extends FormikValues = FormikValues,\r\n  ApiValues extends FormikValues = FormikValues,\r\n  ExtraProps = {}\r\n>(props: ModifiedFormikConfig<FormValues> & ExtraProps & FormWrapperProps<FormValues, ApiValues>): JSX.Element {\r\n  const { castInitialValues, castValuesOnSubmit, initialValues, onSubmit, resetOnSubmit, ...formikProps } = props;\r\n\r\n  /**\r\n   * If castInitialValues is true, cast initialValues to the validationSchema.\r\n   * This will ensure that any data fetched from the api conforms to the expected form data shape.\r\n   */\r\n  const formattedInitialValues: FormValues = castInitialValues && props.validationSchema\r\n    ? props.validationSchema.cast(omitNullInitialValues(initialValues))\r\n    : initialValues;\r\n\r\n  const onSubmitHandler = (\r\n    values: FormValues,\r\n    { setSubmitting, resetForm }: FormikHelpers<FormValues>\r\n  ) => {\r\n    /**\r\n     * validationSchema.cast will coerce the values to the types defined in validationSchema.\r\n     * This is useful for trimming inputs:\r\n     * e.g. if a value field has type Yup.string().trim(), it will be automatically trimmed.\r\n     */\r\n    const formattedData = castValuesOnSubmit && props.validationSchema\r\n      ? props.validationSchema.cast(values)\r\n      : values;\r\n\r\n    onSubmit(formattedData, () => {\r\n      resetOnSubmit && resetForm();\r\n      setSubmitting(false);\r\n    });\r\n  };\r\n\r\n  const initialStatus: InitialStatus = {\r\n    allowInitialSubmit: props.allowInitialSubmit\r\n  };\r\n\r\n  return (\r\n    <Formik<FormValues, ExtraProps>\r\n      enableReinitialize\r\n      {...(formikProps as ModifiedFormikConfig<FormValues> & ExtraProps)}\r\n      initialValues={formattedInitialValues}\r\n      onSubmit={onSubmitHandler}\r\n      initialStatus={initialStatus}\r\n    >\r\n      {FunctionHelper.isFunction(props.children)\r\n        ? (f: FormikProps<FormValues>) => (props.children as (f: FormikProps<FormValues>) => React.ReactNode)(f)\r\n        : React.Children.count(props.children) ? props.children : null\r\n      }\r\n    </Formik>\r\n  );\r\n}\r\n\r\nexport function useFormikContextWrapper<T>(): FormikContextType<T> {\r\n  return useFormikContext<T>();\r\n}","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};","import * as React from 'react';\r\nimport { FormikValues, FormikProps } from 'formik';\r\n\r\n/**\r\n * useCanSubmitForm determines if a form can be submitted.\r\n * \r\n * It will return true if a form is valid and has been changed from it's initial state.\r\n * \r\n * A common use case for this is determining whether or not to enable\r\n * a submit button in a form.\r\n */\r\nexport function useCanSubmitForm<Values extends FormikValues>(formikProps: FormikProps<Values>): boolean {\r\n  const [ canSubmit, setCanSubmit ] = React.useState(false);\r\n\r\n  React.useEffect(() => {\r\n    if (!formikProps.isValid) {\r\n      setCanSubmit(false);\r\n      return;\r\n    }\r\n\r\n    // If the form values have changed of if allowInitialSubmit is true, set canSubmit to true.\r\n    if (formikProps.dirty || formikProps.initialStatus?.allowInitialSubmit)\r\n      setCanSubmit(true);\r\n    else\r\n      setCanSubmit(false);\r\n\r\n  }, [ formikProps.isValid, formikProps.initialStatus?.allowInitialSubmit, formikProps.dirty, formikProps.values ]);\r\n\r\n  React.useEffect(() => {\r\n    if (formikProps.isSubmitting)\r\n      setCanSubmit(false);\r\n  }, [formikProps.isSubmitting]);\r\n\r\n  return canSubmit;\r\n}\r\n","import { FormikErrors, FormikTouched, getIn } from 'formik';\r\n\r\nexport const FormHelper = {\r\n  getCustomFormControlClassName<T>(\r\n    errors: FormikErrors<T>,\r\n    touched: FormikTouched<T>,\r\n    attribute: string,\r\n    additionalClassName?: string\r\n  ): string {\r\n    let className = 'form-control';\r\n\r\n    // Using getIn as it supports dot notation\r\n    if (getIn(touched, attribute) && getIn(errors, attribute))\r\n      className += ' is-invalid';\r\n\r\n    if (additionalClassName)\r\n      className += ` ${additionalClassName}`;\r\n\r\n    return className;\r\n  }\r\n};","import React from 'react';\r\nimport { Form } from 'formik';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\r\nimport { useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\nimport { FormButtons } from 'libs/shared/components/forms/form-buttons/FormButtons';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nimport { MockClassroomGroup } from 'shared/interfaces/mocks';\r\n\r\nimport { ColourPicker } from 'apps/classrooms/components/colour-picker/ColourPicker';\r\n\r\nimport styles from './classroom-group-details-form.scss';\r\n\r\nconst namespace = 'classrooms.classroomGroupDetailsForm';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface ClassroomGroupDetailsFormProps {\r\n  isNew: boolean;\r\n  onClickCancel: () => void;\r\n}\r\n\r\nexport function ClassroomGroupDetailsForm(props: ClassroomGroupDetailsFormProps): JSX.Element {\r\n  const formikProps = useFormikContextWrapper<MockClassroomGroup>();\r\n\r\n  return (\r\n    <>\r\n      <div>\r\n        <h2 className='w-50 d-inline-block h6'><Text namespace={namespace} phrase='nameLabel' /></h2>\r\n        <h2 className='d-inline-block h6'><Text namespace={namespace} phrase='colourLabel' /></h2>\r\n      </div>\r\n\r\n      <Form>\r\n        <div className='pb-3 d-flex'>\r\n          <div className='w-50'>\r\n            <FormField\r\n              type='text'\r\n              name='name'\r\n              id='name'\r\n              className={`${styles.groupNameInput}`}\r\n              placeholder={getPhrase('groupNamePlaceholder')}\r\n              autoFocus\r\n              value={formikProps.values.name}\r\n            />\r\n          </div>\r\n          <div className='form-group'>\r\n            <ColourPicker\r\n              onSelect={c => formikProps.setFieldValue('colour', c)}\r\n              selection={formikProps.values.colour}\r\n              id={`${props.isNew ? 'create' : 'edit'}-classroom-group`}\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        <div className='btn-container d-flex justify-content-end'>\r\n          <button type='button' className='btn btn-link mr-2' onClick={props.onClickCancel}>\r\n            <Text namespace={namespace} phrase='cancel' />\r\n          </button>\r\n          <FormButtons isNew={props.isNew} />\r\n        </div>\r\n      </Form>\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"groupNameInput\":\"cv--groupNameInput--3hGvq\"};","import React from 'react';\r\nimport { Dropdown } from 'react-bootstrap';\r\n\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\n\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport { GroupColour } from 'apps/classrooms/enums/GroupColour';\r\nimport { mapColourToClassName } from 'apps/classrooms/utils/GroupHelper';\r\n\r\nimport styles from './colour-picker.scss';\r\n\r\ninterface ColourPickerProps {\r\n  id: string;\r\n  onSelect?: (colour: string) => void;\r\n  selection?: GroupColour;\r\n  disabled?: boolean;\r\n}\r\n\r\nColourPicker.defaultProps = {\r\n  selection: GroupColour.White,\r\n  onSelect: () => {}\r\n};\r\n\r\nexport function ColourPicker(props: ColourPickerProps): JSX.Element {\r\n  function getToggleButtonClass(): string {\r\n    const baseClass = `${styles.dropdownToggle} outline-none p-0 d-flex align-items-center text-decoration-none`;\r\n    const disabledClass = props.disabled ? 'cursor-default' : '';\r\n\r\n    return `${baseClass} ${disabledClass}`;\r\n  }\r\n\r\n  function getOptionClass(colour: GroupColour): string {\r\n    const baseClass = `${styles.colourOption} position-relative`;\r\n    const borderClass = colour === GroupColour.White ? 'border border-dark' : '';\r\n    const disabledClass = props.disabled ? 'cursor-default' : '';\r\n    const colorClass = mapColourToClassName(colour);\r\n\r\n    return `${baseClass} ${borderClass} ${disabledClass} ${colorClass}`;\r\n  }\r\n\r\n  const dropdownProps: HashObject = {};\r\n  if (props.disabled)\r\n    dropdownProps.show = false;\r\n\r\n  return (\r\n    <Dropdown {...dropdownProps}>\r\n      <Dropdown.Toggle id={props.id} variant='link' className={getToggleButtonClass()}>\r\n        <div className={`border border-secondary rounded bg-white ${styles.colourButton}`}>\r\n          <div className={`px-0 py-1 rounded ${mapColourToClassName(props.selection)}`}>\r\n            &nbsp;\r\n          </div>\r\n        </div>\r\n\r\n        {!props.disabled &&\r\n          <SvgContainer svgName={cvSvgLibrary.Caret} />\r\n        }\r\n      </Dropdown.Toggle>\r\n\r\n      <Dropdown.Menu>\r\n        <ul className={`${styles.colourList} list-unstyled d-flex flex-wrap px-2 m-0`}>\r\n          {Object.keys(GroupColour).map(colourKey => {\r\n            const colour = (GroupColour as any)[colourKey];\r\n\r\n            return (\r\n              <li key={`${props.id}:${colour}`} className='m-1'>\r\n                <DivButton\r\n                  onClick={() => props.onSelect(colour)}\r\n                  className={getOptionClass(colour)}\r\n                >\r\n                  {colour === GroupColour.White\r\n                    ? <div className={styles.lineThrough} />\r\n                    : <>&nbsp;</>\r\n                  }\r\n                </DivButton>\r\n              </li>\r\n            );\r\n          })}\r\n        </ul>\r\n      </Dropdown.Menu>\r\n    </Dropdown>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dropdownToggle\":\"cv--dropdownToggle--347DY\",\"colourButton\":\"cv--colourButton--1rKvE\",\"colourList\":\"cv--colourList--328-w\",\"colourOption\":\"cv--colourOption--1Tw7u\",\"lineThrough\":\"cv--lineThrough--18oZq\"};","import React from 'react';\r\n\r\nimport { FormWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\n\r\nimport { MockClassroomGroup } from 'shared/interfaces/mocks';\r\nimport { ClassroomGroupValidationSchema } from 'apps/classrooms/validation/ClassroomGroupValidationSchema';\r\nimport { ClassroomGroupDetailsForm } from 'apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm';\r\n\r\ninterface EditClassroomGroupDetailsProps {\r\n  group?: MockClassroomGroup;\r\n  saveGroup: (group: MockClassroomGroup) => void;\r\n  onClickCancel: () => void;\r\n}\r\n\r\nexport function EditClassroomGroupDetails(props: EditClassroomGroupDetailsProps): React.ReactElement {\r\n  const { group, saveGroup, onClickCancel } = props;\r\n\r\n  const initialValues: MockClassroomGroup = {\r\n    id: group?.id,\r\n    name: group?.name,\r\n    colour: group?.colour,\r\n    students: []\r\n  };\r\n\r\n  return (\r\n    <FormWrapper<MockClassroomGroup>\r\n      initialValues={initialValues}\r\n      validationSchema={ClassroomGroupValidationSchema}\r\n      onSubmit={saveGroup}\r\n    >\r\n      <ClassroomGroupDetailsForm isNew={!group} onClickCancel={onClickCancel} />\r\n    </FormWrapper>\r\n  );\r\n}","export enum GroupColour {\r\n  White = 'white',\r\n  Pink = 'pink',\r\n  YellowOrange = 'yellow-orange',\r\n  Emerald = 'emerald',\r\n  PuertoRico = 'puerto-rico',\r\n  PictonBlue = 'picton-blue',\r\n  EastSide = 'east-side',\r\n  Portage = 'portage'\r\n}","import { GroupColour } from 'apps/classrooms/enums/GroupColour';\r\n\r\nexport function mapColourToClassName(groupName: GroupColour): string {\r\n  return `bg-${groupName}`;\r\n}","import { object, string } from 'yup';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { GroupColour } from '../enums/GroupColour';\r\n\r\nconst getPhrase = LanguageService.encloseNamespace('classrooms.classroomValidation');\r\n\r\nexport const ClassroomGroupValidationSchema = object().shape({\r\n  name: string()\r\n    .max(255, () => getPhrase('nameExceeds'))\r\n    .required(() => getPhrase('nameRequired'))\r\n    .default(''),\r\n  colour: string()\r\n    .required(() => getPhrase('colourRequired'))\r\n    .default(GroupColour.White)\r\n});"],"sourceRoot":""}

package/dist/scripts/14-11868e2868.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[14],{415:function(e,a,t){"use strict";t.d(a,"a",(function(){return u}));var n=t(12),o=t(59),r=t(16),s=t(425),c=t(417),l=t(418),i=t(419),u={getSchoolStudents:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=e.filter,t=void 0===a?"":a,r=e.q,l=void 0===r?"":r,i=e.query,u=void 0===i?"":i,m=e.cursor,d=void 0===m?"1":m;return{url:o.a.urlBuilder("api/domain/v1/school/:id/students",e),key:"school:students:".concat(l,":").concat(u,":").concat(t,":").concat(d),successResponse:function(){var e=s.a.revertFilterString(t),a=n.a.Simulator.getAll("school:students",c).filter((function(a){var n,o;return!(l&&!a.name.toLowerCase().includes(l.toLowerCase()))&&(!t||(!e.yearLevel||e.yearLevel===a.yearLevel.id)&&!((null===(n=e.classroom)||void 0===n?void 0:n.length)&&!e.classroom.includes(null===(o=a.classroom)||void 0===o?void 0:o.id)))})),o=s.a.convertWithStatementToObject(u),r=o.sortValue||"name",i=a.sort((function(e,a){return e[r].toLowerCase()<a[r].toLowerCase()?-1:e[r].toLowerCase()>a[r].toLowerCase()?1:0}));o.sortKey&&"orderbydesc"===o.sortKey&&(i=i.reverse());var m=i.slice(25*(+d-1),25*+d),p=i.slice(25*+d).length?+d+1:void 0,g="1"===d?void 0:+d-1;return m.length||(m=i.slice(0,25),p=i.slice(25).length?2:void 0,g=void 0),{data:m,pagination:{cursors:{next:p,previous:g}},count:i.length}},timeout:500}},tempGetAllStudents:function(){return{url:"",key:"get:all:dem:students",successResponse:function(){return n.a.Simulator.getAll("school:students")}}},removeStudentsFromSchool:function(e,a){return{url:"",key:"remove:school:students",invalidationKeys:["school:students"],successResponse:function(){return n.a.Simulator.delete("school:students",e),{}},always:a}},getStudent:function(e){return{url:"/api/domain/v1/users/".concat(e),key:"students:".concat(e),successResponse:function(){return n.a.Simulator.get("school:students",e)}}},createStudent:function(e,a,t){return{url:"/api/domain/v1/users",key:"create:student",type:r.a.POST,invalidationKeys:["school:students"],successResponse:function(){return n.a.Simulator.create("school:students",e)},success:a,error:t}},bulkCreateStudents:function(e,a,t,o){return{url:"/api/domain/v1/users",key:"create:students",type:r.a.POST,invalidationKeys:["school:students"],successResponse:function(){return e.forEach((function(e){return n.a.Simulator.create("school:students",e)})),e},success:a,error:t,always:o}},updateStudent:function(e,a,t){return{url:"/api/domain/v1/users",key:"edit:student",type:r.a.PUT,invalidationKeys:["school:students"],successResponse:function(){return n.a.Simulator.update("school:students",e)},success:a,error:t}},getSchoolTeachers:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=e.filter,t=void 0===a?"":a,r=e.q,s=void 0===r?"":r,c=e.query,i=void 0===c?"":c,u=e.cursor,m=void 0===u?"":u;return{url:o.a.urlBuilder("api/domain/v1/school/:id/teachers",e),key:"school:teachers:".concat(s,":").concat(i,":").concat(t,":").concat(m),successResponse:function(){var e=n.a.Simulator.getAll("school:teachers",l);return{data:e,pagination:{cursors:{}},count:e.length}},timeout:2e3}},removeTeachersFromSchool:function(e,a){return{url:"",key:"remove:school:teachers",invalidationKeys:["school:teachers"],successResponse:function(){return n.a.Simulator.delete("school:teachers",e),{}},always:a}},getTeacher:function(e){return{url:"/api/domain/v1/users/".concat(e),key:"teachers:".concat(e),successResponse:function(){return n.a.Simulator.get("school:teachers",e)}}},createTeacher:function(e,a,t){return{url:"/api/domain/v1/users",key:"create:teacher",type:r.a.POST,invalidationKeys:["school:teachers"],successResponse:function(){return n.a.Simulator.create("school:teachers",e)},success:a,error:t}},bulkCreateTeachers:function(e,a,t,o){return{url:"/api/domain/v1/users",key:"create:teachers",type:r.a.POST,invalidationKeys:["school:teachers"],successResponse:function(){return e.forEach((function(e){return n.a.Simulator.create("school:teachers",e)})),e},success:a,error:t,always:o}},updateTeacher:function(e,a,t){return{url:"/api/domain/v1/users",key:"edit:teacher",type:r.a.PUT,invalidationKeys:["school:teachers"],successResponse:function(){return n.a.Simulator.update("school:teachers",e)},success:a,error:t}},getUserRoles:function(){return{url:"/api/domain/v1/users/roles",key:"user:roles",successResponse:function(){return n.a.Simulator.getAll("user:roles",i)}}},getStudentsGroups:function(e){return{url:"/api/domain/v1/users/".concat(e,"/groups"),key:"user:".concat(e,":groups"),successResponse:function(){return n.a.Simulator.getAll("groups").filter((function(a){return!!a.students.find((function(a){return a.id===e}))}))}}}}},417:function(e){e.exports=JSON.parse('[{"username":"Joosh","name":"Joshua","surname":"Taylor","email":"joshua.taylor@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-c","name":"Classroom 2-C"}},{"username":"Shale","name":"Shale","surname":"Kuzmanovski","email":"shale.kuzmanovski@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-a","name":"Classroom 2-A"}},{"username":"Mike","name":"Michael","surname":"O\'McDonald","email":"michael.mcdonnell@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-a","name":"Classroom 2-A"}},{"username":"Met","name":"Matt","surname":"Trengrove","email":"matt@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 2"},"classroom":{"id":"classroom-2-b","name":"Classroom 2-B"}},{"username":"Big Kev","name":"Don Kevin","surname":"Wellalagodage","email":"kevin.wellalagoladegelagodage@clickview.com.au","yearLevel":{"id":"year-2","name":"Year 1"},"classroom":{"id":"classroom-1-a","name":"Classroom 1-A"}}]')},418:function(e){e.exports=JSON.parse('[{"username":"beb","name":"Beverly","surname":"Li","email":"beverly.li@clickview.com.au","userRole":{"id":"assistant-principal","name":"Assistant Principal"}},{"username":"Bort","name":"Cameron","surname":"Hill","email":"cameron.hill@clickview.com.au","userRole":{"id":"principal","name":"Principal"}},{"username":"jaynice","name":"Janice","surname":"Quach","email":"janice.quach@clickview.com.au","userRole":{"id":"head-of-science","name":"Head of Science"}},{"username":"bread","name":"Prad","surname":"Nepal","email":"prad.nepal@clickview.com.au","userRole":{"id":"head-of-conpiracy-theories","name":"Head of Conspiracy Theories"}}]')},419:function(e){e.exports=JSON.parse('[{"id":"teacher","name":"Teacher"},{"id":"assistant-principal","name":"Assistant Principal"},{"id":"principal","name":"Principal"},{"id":"head-of-science","name":"Head of Science"},{"id":"head-of-conpiracy-theories","name":"Head of Conspiracy Theories"}]')},450:function(e,a,t){"use strict";var n;t.d(a,"a",(function(){return n})),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"}(n||(n={}))},469:function(e,a,t){"use strict";t.d(a,"a",(function(){return c}));var n=t(0),o=t.n(n),r=t(119),s=t(10);function c(e){return o.a.createElement(r.a,{className:"btn btn-outline-info d-block mx-auto mb-3",svgName:s.b.Video},e.children)}},470:function(e,a,t){"use strict";function n(e){return"bg-".concat(e)}t.d(a,"a",(function(){return n}))},489:function(e,a,t){"use strict";t.d(a,"a",(function(){return p}));var n=t(0),o=t.n(n),r=t(28),s=t(413),c=t(33),l=t(10),i=t(450),u=t(470),m=t(490),d=t.n(m);function p(e){function a(a){var t="".concat(d.a.colourOption," position-relative"),n=a===i.a.White?"border border-dark":"",o=e.disabled?"cursor-default":"",r=Object(u.a)(a);return"".concat(t," ").concat(n," ").concat(o," ").concat(r)}var t,n,m={};return e.disabled&&(m.show=!1),o.a.createElement(r.Dropdown,Object.assign({},m),o.a.createElement(r.Dropdown.Toggle,{id:e.id,variant:"link",className:(t="".concat(d.a.dropdownToggle," outline-none p-0 d-flex align-items-center text-decoration-none"),n=e.disabled?"cursor-default":"","".concat(t," ").concat(n))},o.a.createElement("div",{className:"border border-secondary rounded bg-white ".concat(d.a.colourButton)},o.a.createElement("div",{className:"px-0 py-1 rounded ".concat(Object(u.a)(e.selection))}," ")),!e.disabled&&o.a.createElement(c.a,{svgName:l.b.Caret})),o.a.createElement(r.Dropdown.Menu,null,o.a.createElement("ul",{className:"".concat(d.a.colourList," list-unstyled d-flex flex-wrap px-2 m-0")},Object.keys(i.a).map((function(t){var n=i.a[t];return o.a.createElement("li",{key:"".concat(e.id,":").concat(n),className:"m-1"},o.a.createElement(s.a,{onClick:function(){return e.onSelect(n)},className:a(n)},n===i.a.White?o.a.createElement("div",{className:d.a.lineThrough}):o.a.createElement(o.a.Fragment,null," ")))})))))}p.defaultProps={selection:i.a.White,onSelect:function(){}}},490:function(e,a,t){e.exports={dropdownToggle:"_347DY",colourButton:"_1rKvE",colourList:"_328-w",colourOption:"_1Tw7u",lineThrough:"_18oZq"}},547:function(e,a,t){e.exports={pillTabSelector:"_33p-_"}},563:function(e,a,t){e.exports={hideCaret:"xn-MJ"}},581:function(e,a,t){e.exports={partialSize:"_1HB_G"}},582:function(e,a,t){e.exports={overviewLink:"_3Ubus",checkbox:"_11WXC",actionIcon:"_1K3UF",addStudents:"_1sqTe",studentName:"_3cfGe",group:"_2HHY1",sm:"_3_EMi",lg:"_3L-SN",moreActions:"_9PVrB"}},583:function(e,a,t){e.exports={overviewLink:"_3Wfw9",nameHeading:"_1TlYf",colourHeading:"_3_Tfc",newGroup:"_3oBoz",group:"_3aWN8",colourPicker:"_2NcjR",actionIcon:"_3bhju"}},651:function(e,a,t){"use strict";t.r(a);var n=t(0),o=t.n(n),r=t(48),s=t(34),c=t(12),l=t(7),i=t(2),u=t(4),m=t(11),d=t(413),p=t(547),g=t.n(p);function v(e){return o.a.createElement("nav",null,o.a.createElement("ul",{className:"list-unstyled d-inline-block border border-dark m-0 ".concat(g.a.pillTabSelector)},e.tabs.map((function(e){return o.a.createElement("li",{className:"p-0 ".concat(e.active?"btn btn-dark":"btn btn-outline-dark"),key:e.name},o.a.createElement(d.a,{className:"cursor-pointer outline-none py-1",onClick:function(){return function(e){e.active||e.onSelect()}(e)}},e.name))}))))}var h=t(123),f=t(39),E=t(31),b=t(3),S=t(412),k=t(119),N=t(33),y=t(10),C=t(443),w=t(500),T=t(430),O=t(28),A=t(450),L=t(470);function x(e){var a="font-weight-normal text-nowrap rounded-pill py-1 px-2";return e.group.colour!==A.a.White?a+=" text-white":a+=" border border-dark",a+=" ".concat(Object(L.a)(e.group.colour)),o.a.createElement("div",{className:a},e.group.name)}var R=t(563),M=t.n(R),P="classrooms.classroomGroupDropdown";function _(e){var a=Object(w.a)(e.groups,{preselectedIds:e.preselections.map((function(e){return e.id}))}),t=a.onToggleItem,n=a.isChecked;var c,l,i={alignRight:!!e.alignRight};return e.disabled&&(i.show=!1),o.a.createElement(O.Dropdown,Object.assign({},i),o.a.createElement(O.Dropdown.Toggle,{as:"div",id:e.id,className:"".concat(e.disabled?"text-light":"cursor-pointer"," ").concat("mr-2 d-inline-block svg-container sm"," ").concat(M.a.hideCaret)},o.a.createElement(N.a,{svgName:y.b.Tag})),o.a.createElement(O.Dropdown.Menu,{className:"px-2"},o.a.createElement("p",{className:"mb-0"},o.a.createElement(r.b,{namespace:P,phrase:"groupAs"})),o.a.createElement("ul",{className:"list-unstyled pr-3"},e.groups.map((function(a){return o.a.createElement("li",{key:a.id,className:"d-flex align-items-center bg-white my-1"},o.a.createElement(C.a,{id:"".concat(e.id,":").concat(a.id),checked:n(a.id),onChange:function(){return function(a){e.onToggle(a,!n(a.id)),t(a.id)}(a)}}),o.a.createElement(x,{group:a}))}))),o.a.createElement(s.a,{onClick:function(){E.a.logUserAction({},E.a.mergeOptions(e.analyticsOptions,{actionType:b.n.Create,workflowPhase:b.o.Start,entity:b.d.ClassroomGroup}))},appLink:(c=e.classroom.id,l=e.studentIds,{application:u.a.CLASSROOMS,action:m.a.Classrooms.NEW_GROUP,args:[c],params:{addStudents:l}})},o.a.createElement(r.b,{namespace:P,phrase:"createNew"}))))}_.defaultProps={preselections:[]};var U=t(415),D=l.a.encloseNamespace("classrooms.manageClassroomStudentItem");function G(e){var a,t,n,r,s=Object(f.useDispatch)(),l=Object(S.a)(),i=c.a.useBasicFetch(U.a.getStudentsGroups(e.student.id));return o.a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},o.a.createElement(C.a,{id:e.student.id,checked:e.checked,onChange:e.onToggleCheckbox,className:"mr-2"}),o.a.createElement("p",{className:"mb-0 w-25 text-truncate text-nowrap"},e.student.name," ",e.student.surname),o.a.createElement("div",{className:"mr-auto d-flex flex-wrap mt-n1"},!!(null===(a=i.data)||void 0===a?void 0:a.length)&&i.data.map((function(e){return o.a.createElement("div",{key:e.id,className:"mr-1 mt-1"},o.a.createElement(x,{group:e}))}))),o.a.createElement(_,{id:"add-group-".concat(e.student.id),classroom:e.classroom,groups:e.classroom.groups,studentIds:[e.student.id],preselections:i.data,onToggle:function(a,t){return function(e,a,t){t?c.a.fetch(s,h.a.addStudentsToGroup([e.id],a.id,(function(){E.a.logUserAction({id:a.id,studentCount:1},{actionType:b.n.Associate,entity:b.d.ClassroomGroup,descriptor:b.a.User,workflowPhase:b.o.Complete,location:b.j.ManageClassroomStudentListItem}),l.success(D("addSuccess",{studentName:e.name,groupName:a.name}))}),(function(){l.error(D("addError",{studentName:e.name,groupName:a.name}))}))):c.a.fetch(s,h.a.removeStudentsFromGroup([e.id],a.id,(function(){E.a.logUserAction({id:a.id,studentCount:1},{actionType:b.n.Dissociate,entity:b.d.ClassroomGroup,descriptor:b.a.User,workflowPhase:b.o.Complete,location:b.j.ManageClassroomStudentListItem}),l.success(D("removeSuccess",{studentName:e.name,groupName:a.name}))}),(function(){l.error(D("removeError",{studentName:e.name,groupName:a.name}))})))}(e.student,a,t)},analyticsOptions:{location:b.j.ManageClassroomStudentListItem},alignRight:!0}),o.a.createElement(T.a,{actions:[{label:D("editStudent"),appLink:(r=e.student.id,{application:u.a.USER_MANAGER,action:m.a.UserManager.EDIT_STUDENT,args:[r]}),onClick:function(){E.a.logUserAction({id:e.student.id},{actionType:b.n.Edit,entity:b.d.User,workflowPhase:b.o.Start,location:b.j.ManageClassroomStudentListItem})}},{label:D("removeStudent"),appLink:(t=e.student.id,n=e.classroom.id,{application:u.a.CLASSROOMS,action:m.a.Classrooms.REMOVE_STUDENTS,args:[n],params:{studentIds:[t]}}),onClick:function(){E.a.logUserAction({id:e.classroom.id,userId:e.student.id},{actionType:b.n.Dissociate,entity:b.d.Classroom,descriptor:b.a.User,workflowPhase:b.o.Start,location:b.j.ManageClassroomStudentListItem})}}],actionsDropdownClassName:"btn"}))}var j=l.a.encloseNamespace("classrooms.manageClassroomStudents");function I(e){var a=e.classroom.students,t=Object(f.useDispatch)(),o=Object(S.a)(),s=Object(w.a)(a),l=s.onToggleBulk,p=s.onToggleItem,g=s.getSelected,v=s.isChecked,T=s.bulkChecked,O=g().length,A=c.a.useBasicFetch(h.a.getGroupsWithAllStudents(a));return n.createElement(n.Fragment,null,n.createElement("div",{className:"d-flex align-items-center py-2 px-4"},n.createElement(C.a,{id:"manage-classroom-students-bulk",onChange:l,checked:T,className:"mr-4"}),n.createElement(_,{id:"bulk-add-group",classroom:e.classroom,studentIds:g(),groups:e.classroom.groups,onToggle:function(e,a){var n=g();a?c.a.fetch(t,h.a.addStudentsToGroup(n,e.id,(function(){E.a.logUserAction({id:e.id,studentCount:n.length},{actionType:b.n.Associate,entity:b.d.ClassroomGroup,descriptor:b.a.User,workflowPhase:b.o.Complete,location:b.j.ManageClassroomStudents}),o.success(j("addSuccess",{groupName:e.name}))}),(function(){o.error(j("addError",{groupName:e.name}))}))):c.a.fetch(t,h.a.removeStudentsFromGroup(n,e.id,(function(){E.a.logUserAction({id:e.id,studentCount:n.length},{actionType:b.n.Dissociate,entity:b.d.ClassroomGroup,descriptor:b.a.User,workflowPhase:b.o.Complete,location:b.j.ManageClassroomStudents}),o.success(j("removeSuccess",{groupName:e.name}))}),(function(){o.error(j("removeError",{groupName:e.name}))})))},disabled:!O,preselections:A.data,analyticsOptions:{location:b.j.ManageClassroomStudents}}),n.createElement(d.a,{className:"mr-auto ".concat(O?"":"text-light cursor-default"),onClick:function(){O&&(E.a.logUserAction({id:e.classroom.id},{entity:b.d.Classroom,descriptor:b.a.User,workflowPhase:b.o.Start,actionType:b.n.Dissociate,location:b.j.ManageClassroomStudents}),i.a.AppLinkHelper.trigger({application:u.a.CLASSROOMS,action:m.a.Classrooms.REMOVE_STUDENTS,args:[e.classroom.id],params:{studentIds:g()}}))}},n.createElement(N.a,{svgName:y.b.Delete})),n.createElement(k.a,{onClick:function(){E.a.logUserAction({id:e.classroom.id},{entity:b.d.Classroom,descriptor:b.a.User,workflowPhase:b.o.Start,actionType:b.n.Associate,location:b.j.ManageClassroomStudents}),i.a.AppLinkHelper.trigger({application:u.a.CLASSROOMS,action:m.a.Classrooms.ADD_STUDENTS,args:[e.classroom.id]})},svgName:y.b.Plus,className:"btn btn-outline-dark"},n.createElement(r.b,{namespace:"classrooms.manageClassroomStudents",phrase:"addStudent"}))),n.createElement("ul",{className:"striped-list list-unstyled"},a.map((function(a){return n.createElement("li",{key:a.id},n.createElement(G,{classroom:e.classroom,student:a,checked:v(a.id),onToggleCheckbox:function(){return p(a.id)}}))}))))}var H=t(489);function B(e){return o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:"d-flex align-items-center"},o.a.createElement("p",{className:"w-50 m-0"},e.group.name),o.a.createElement("div",{className:"d-inline-block mr-4"},o.a.createElement(H.a,{selection:e.group.colour,id:"".concat(e.group.id,"-classroom-group-list-item"),disabled:!0})),o.a.createElement(d.a,{className:"mr-2",onClick:function(){E.a.logUserAction({id:e.group.id},{entity:b.d.ClassroomGroup,workflowPhase:b.o.Start,actionType:b.n.Edit,location:b.j.ManageClassroomGroupListItem}),i.a.AppLinkHelper.trigger({application:u.a.CLASSROOMS,action:m.a.Classrooms.EDIT_GROUP,args:[e.classroom.id,e.group.id]})}},o.a.createElement(N.a,{svgName:y.b.Edit})),o.a.createElement(d.a,{onClick:function(){E.a.logUserAction({id:e.group.id},{entity:b.d.ClassroomGroup,workflowPhase:b.o.Start,actionType:b.n.Delete,location:b.j.ManageClassroomGroupListItem}),i.a.AppLinkHelper.trigger({application:u.a.CLASSROOMS,action:m.a.Classrooms.DELETE_GROUP,args:[e.classroom.id,e.group.id]})}},o.a.createElement(N.a,{svgName:y.b.Delete}))))}function F(e){return n.createElement(r.a.Provider,{value:"classrooms.manageClassroomGroups"},n.createElement("div",{className:"px-4 py-2"},n.createElement("div",{className:"d-flex align-items-center"},n.createElement("h2",{className:"h6 w-50"},n.createElement(r.b,{phrase:"groupName"})),n.createElement("h2",{className:"h6 w-25"},n.createElement(r.b,{phrase:"colour"})),n.createElement(k.a,{appLink:(a=e.classroom.id,{application:u.a.CLASSROOMS,action:m.a.Classrooms.NEW_GROUP,args:[a]}),onClick:function(){E.a.logUserAction({classroomId:e.classroom.id},{workflowPhase:b.o.Start,entity:b.d.ClassroomGroup,actionType:b.n.Create,location:b.j.ManageClassroomGroups})},className:"btn btn-outline-dark ml-auto",svgName:y.b.Plus},n.createElement(r.b,{phrase:"createNew"}))),n.createElement("ul",{className:"list-unstyled"},e.classroom.groups.map((function(a){return n.createElement("li",{key:a.id,className:"mb-2"},n.createElement(B,{classroom:e.classroom,group:a}))})))));var a}var K=t(469);function W(e){return o.a.createElement(r.a.Provider,{value:"classrooms.manageClassroomStudentsEmptyState"},o.a.createElement("div",{className:"text-center pt-5"},o.a.createElement("img",{style:{width:"200px",height:"200px"},className:"pb-3",src:"/images/classroom-students-empty.png",role:"presentation",alt:""}),o.a.createElement("h2",{className:"h6"},o.a.createElement(r.b,{phrase:"emptyStateHeading"})),o.a.createElement("p",{className:"mb-3"},o.a.createElement(r.b,{phrase:"emptyStateInfo"})),o.a.createElement(K.a,null,o.a.createElement(r.b,{phrase:"videoButton"})),o.a.createElement(k.a,{className:"btn btn-dark",onClick:function(){i.a.AppLinkHelper.trigger({application:u.a.CLASSROOMS,action:m.a.Classrooms.ADD_STUDENTS,args:[e.classroom.id]})},svgName:y.b.Plus},o.a.createElement(r.b,{phrase:"addStudents"}))))}var J=t(581),Y=t.n(J);function q(){return o.a.createElement("div",{className:"partial-loading-background ".concat(g.a.pillTabSelector," ").concat(Y.a.partialSize)})}var V=t(582),z=t.n(V);function Q(){return o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:"mb-3 ml-4 partial-loading-background ".concat(z.a.overviewLink)}),o.a.createElement("div",{className:"pl-4 pb-2"},o.a.createElement(q,null)),o.a.createElement("div",{className:"d-flex align-items-center py-2 px-4"},o.a.createElement("div",{className:"mr-4 partial-loading-background ".concat(z.a.checkbox)}),o.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(z.a.actionIcon)}),o.a.createElement("div",{className:"mr-auto partial-loading-background ".concat(z.a.actionIcon)}),o.a.createElement("div",{className:"partial-loading-background ".concat(z.a.addStudents)})),o.a.createElement("ul",{className:"striped-list list-unstyled"},Array(20).fill(null).map((function(e,a){return o.a.createElement("li",{key:a},o.a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},o.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(z.a.checkbox)}),o.a.createElement("div",{className:"w-25"},o.a.createElement("div",{className:"partial-loading-background ".concat(z.a.studentName)})),o.a.createElement("div",{className:"mr-auto d-flex"},Math.random()>.5?o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:"partial-loading-background rounded-pill mr-1 ".concat(z.a.group," ").concat(z.a.lg)}),o.a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(z.a.group," ").concat(z.a.sm)})):o.a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(z.a.group," ").concat(z.a.sm)})),o.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(z.a.actionIcon)}),o.a.createElement("div",{className:"partial-loading-background ".concat(z.a.moreActions)})))}))))}var X=t(583),Z=t.n(X);function $(){return o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:"mb-3 ml-4 partial-loading-background ".concat(Z.a.overviewLink)}),o.a.createElement("div",{className:"pl-4 pb-2"},o.a.createElement(q,null)),o.a.createElement("div",{className:"px-4 py-2"},o.a.createElement("div",{className:"d-flex align-items-center"},o.a.createElement("div",{className:"w-50 mb-2"},o.a.createElement("div",{className:"partial-loading-background ".concat(Z.a.nameHeading)})),o.a.createElement("div",{className:"w-25 mb-2"},o.a.createElement("div",{className:"partial-loading-background ".concat(Z.a.colourHeading)})),o.a.createElement("div",{className:"partial-loading-background ml-auto ".concat(Z.a.newGroup)})),o.a.createElement("ul",{className:"list-unstyled"},Array(8).fill(null).map((function(e,a){return o.a.createElement("li",{key:a,className:"mb-2"},o.a.createElement("div",{className:"d-flex align-items-center"},o.a.createElement("div",{className:"w-50"},o.a.createElement("div",{className:"partial-loading-background ".concat(Z.a.group)})),o.a.createElement("div",{className:"d-inline-block mr-4"},o.a.createElement("div",{className:"partial-loading-background ".concat(Z.a.colourPicker)})),o.a.createElement("div",{className:"partial-loading-background mr-2 ".concat(Z.a.actionIcon)}),o.a.createElement("div",{className:"partial-loading-background ".concat(Z.a.actionIcon)})))})))))}t.d(a,"ManageClassroomView",(function(){return ae}));var ee=l.a.encloseNamespace("classrooms.manageClassroom");function ae(e){var a=c.a.useBasicFetch(h.a.getClassroom(e.id));var t=[{name:ee("students"),onSelect:function(){i.a.AppLinkHelper.trigger({application:u.a.CLASSROOMS,action:m.a.Classrooms.MANAGE_CLASSROOM,args:[e.id],params:{tab:"students"}})},active:"students"===e.activeTab},{name:ee("groups"),onSelect:function(){i.a.AppLinkHelper.trigger({application:u.a.CLASSROOMS,action:m.a.Classrooms.MANAGE_CLASSROOM,args:[e.id],params:{tab:"groups"}})},active:"groups"===e.activeTab}];return o.a.createElement(r.a.Provider,{value:"classrooms.manageClassroom"},o.a.createElement("h1",{className:"mb-1 pl-4"},o.a.createElement(r.b,{phrase:"heading"})),function(){var n,c;if(!a.data)switch(e.activeTab){case"students":return o.a.createElement(Q,null);case"groups":return o.a.createElement($,null)}var l,i=!!(null===(n=a.data.students)||void 0===n?void 0:n.length);switch(e.activeTab){case"students":c=i?I:W;break;case"groups":c=F}return o.a.createElement(o.a.Fragment,null,o.a.createElement("p",{className:"pb-3 pl-4 mb-0"},o.a.createElement(r.b,{phrase:"goTo"}),o.a.createElement(s.a,{className:"info-link",appLink:(l=e.id,{application:u.a.CLASSROOMS,action:m.a.Classrooms.CLASSROOM,args:[l]})},a.data.name)),o.a.createElement("div",{className:"pl-4 pb-2"},o.a.createElement(v,{tabs:t})),o.a.createElement(c,{classroom:a.data}))}())}ae.defaultProps={activeTab:"students"}}}]);