catchup-library-web 1.0.0 → 1.0.2

package/src/properties/ActivityProperties.ts

@@ -0,0 +1,204 @@
+export interface IInputPart {
+  value: string;
+  isBold: boolean;
+  isUnderline: boolean;
+  isEquation: boolean;
+}
+
+export interface IShowBodyMediaByContentTypeProps {
+  index: number;
+  type: string;
+  value: string;
+  size: string;
+}
+
+export interface IActivityBodyContentProps {
+  templateType: string;
+  bodyMap: any;
+  contentMap?: any;
+  answerMap?: any;
+}
+
+export interface IOrderingActivityProps {
+  answer: any;
+  data: any;
+  canAnswerQuestion: () => boolean;
+  changeAnswer: (e: any) => void;
+  isPreview: boolean;
+  showCorrectAnswer: boolean;
+}
+
+export interface IOrderingActivityMaterialProps {
+  uniqueValue: string;
+  answer: any;
+  materialMap: any;
+  contentMap: any;
+  checkCanAnswerQuestion: () => boolean;
+  onChange: (e1: any, e2: any, e3: any) => void;
+  isPreview: boolean;
+  showCorrectAnswer: boolean;
+}
+
+export interface IDropdownActivityProps {
+  answer: any;
+  data: any;
+  canAnswerQuestion: () => boolean;
+  changeAnswer: (e: any) => void;
+  isPreview: boolean;
+  showCorrectAnswer: boolean;
+}
+
+export interface IDropdownActivityMaterialProps {
+  uniqueValue: string;
+  answer: any;
+  materialMap: any;
+  contentMap: any;
+  checkCanAnswerQuestion: () => boolean;
+  onChange: (e1: any, e2: any, e3: string) => void;
+  isPreview: boolean;
+  showCorrectAnswer: boolean;
+}
+
+export interface IMCSAActivityProps {
+  answer: any;
+  data: any;
+  canAnswerQuestion: () => boolean;
+  changeAnswer: (e: any) => void;
+  isPreview: boolean;
+  showCorrectAnswer: boolean;
+}
+
+export interface IMCSAActivityMaterialProps {
+  uniqueValue: string;
+  answer: any;
+  materialMap: any;
+  contentMap: any;
+  checkCanAnswerQuestion: () => boolean;
+  onChange: (e1: any, e2: any, e3: string) => void;
+  isPreview: boolean;
+}
+
+export interface IMCMAActivityProps {
+  answer: any;
+  data: any;
+  canAnswerQuestion: () => boolean;
+  changeAnswer: (e: any) => void;
+  isPreview: boolean;
+  showCorrectAnswer: boolean;
+}
+
+export interface IMCMAActivityMaterialProps {
+  uniqueValue: string;
+  answer: any;
+  materialMap: any;
+  contentMap: any;
+  checkCanAnswerQuestion: () => boolean;
+  onChange: (e1: any, e2: any, e3: string) => void;
+  isPreview: boolean;
+}
+
+export interface IGroupingActivityProps {
+  answer: any;
+  data: any;
+  canAnswerQuestion: () => boolean;
+  changeAnswer: (e: any) => void;
+  isPreview: boolean;
+  showCorrectAnswer: boolean;
+}
+
+export interface IGroupingActivityMaterialProps {
+  uniqueValue: string;
+  answer: any;
+  materialMap: any;
+  contentMap: any;
+  checkCanAnswerQuestion: () => boolean;
+  onChange: (e1: any, e2: any, e3: string | null, e4: number | null) => void;
+  isPreview: boolean;
+  showCorrectAnswer: boolean;
+}
+
+export interface IMatchingActivityProps {
+  answer: any;
+  data: any;
+  canAnswerQuestion: () => boolean;
+  changeAnswer: (e: any) => void;
+  isPreview: boolean;
+  showCorrectAnswer: boolean;
+}
+
+export interface IMatchingActivityMaterialProps {
+  uniqueValue: string;
+  answer: any;
+  materialMap: any;
+  contentMap: any;
+  checkCanAnswerQuestion: () => boolean;
+  onChange: (e1: any, e2: any, e3: string | null) => void;
+  isPreview: boolean;
+  showCorrectAnswer: boolean;
+}
+
+export interface IFillInTheBlanksActivityProps {
+  answer: any;
+  data: any;
+  canAnswerQuestion: () => boolean;
+  changeAnswer: (e: any) => void;
+  isPreview: boolean;
+  showCorrectAnswer: boolean;
+}
+
+export interface IFillInTheBlanksActivityMaterialProps {
+  uniqueValue: string;
+  answer: any;
+  optionList: any;
+  materialMap: any;
+  contentMap: any;
+  checkCanAnswerQuestion: () => boolean;
+  onChange: (e1: any, e2: any, e3: string | null) => void;
+  isPreview: boolean;
+  showCorrectAnswer: boolean;
+}
+
+export interface IOpenEndedActivityProps {
+  answer: any;
+  data: any;
+  changeAnswer: (e: any) => void;
+  showMaterialContent: boolean;
+}
+
+export interface IOpenEndedActivityMaterialProps {
+  answer: any;
+  contentMap: any;
+  onChange: (e1: any, e2: any) => void;
+}
+
+export interface ITrueFalseActivityProps {
+  answer: any;
+  data: any;
+  canAnswerQuestion: () => boolean;
+  changeAnswer: (e: any) => void;
+  isPreview: boolean;
+  showCorrectAnswer: boolean;
+}
+
+export interface ITrueFalseActivityMaterialProps {
+  uniqueValue: string;
+  answer: any;
+  materialMap: any;
+  contentMap: any;
+  checkCanAnswerQuestion: () => boolean;
+  onChange: (e1: any, e2: any, e3: string) => void;
+  isPreview: boolean;
+  showCorrectAnswer: boolean;
+}
+
+export interface IShowMaterialMediaByContentTypeProps {
+  key: string;
+  contentType: string;
+  src: string;
+  canFullScreen: boolean;
+}
+
+export interface IActivitySolutionProps {
+  activityTemplateType: string;
+  data: any;
+}

package/src/properties/ButtonProperties.ts

@@ -1,7 +1,7 @@
 export interface IButtonProps {
   title: string;
   size: string;
-  onClick: () => any;
+  onClick: () => void;
   disabled: boolean;
   iconPosition: string;
   textOnly: boolean;

package/src/properties/CommonProperties.ts

@@ -1,4 +1,4 @@
-interface IOptionProps {
+export interface IOptionProps {
   value: string;
   text: string;
 }

package/src/properties/DividerLineProperties.ts

@@ -0,0 +1,3 @@
+export interface IDividerLineProps {
+  opacity: string;
+}

package/src/properties/DnDProperties.ts

@@ -0,0 +1,28 @@
+export interface IDroppableItemProps {
+  key: number;
+  item: any;
+  type: string;
+  component: any;
+  dropRef: (e: any) => void;
+  target: number | null;
+  setTarget: (e: any) => void;
+}
+
+export interface IDraggableItemProps {
+  key: number;
+  item: any;
+  type: string;
+  component: any;
+  moveCardHandler: () => void;
+}
+
+export interface IDraggableDroppableItemProps {
+  key: number;
+  item: any;
+  type: string;
+  component: any;
+  moveCardHandler: () => void;
+  dropRef: (e: any) => void;
+  target: number | null;
+  setTarget: (e: any) => void;
+}

package/src/properties/DropdownProperties.ts

@@ -0,0 +1,5 @@
+export interface IDropdownProps {
+  id: string;
+  answer: any;
+  optionList: any;
+}

package/src/properties/EnumProperties.ts

@@ -0,0 +1,11 @@
+export enum EActivityTemplateType {
+  ORDERING,
+  DROPDOWN,
+  MCSA,
+  MCMA,
+  MATCHING,
+  GROUPING,
+  FILL_IN_THE_BLANKS,
+  OPEN_ENDED,
+  TRUE_FALSE,
+}

package/src/properties/GroupProperties.ts

@@ -0,0 +1,19 @@
+export interface IInputGroupProps {
+  type: string;
+  title?: string;
+  defaultValue?: string;
+  placeholder?: string;
+  value: string;
+  onFocus?: (e: any) => void;
+  onChange?: (e: any) => void;
+  onClick?: (e: any) => void;
+  onKeyDown?: (e: any) => void;
+  optionList?: any;
+  errorText?: string;
+  multiple?: boolean;
+  accept?: string;
+  theme?: string;
+  useMinHeight: boolean;
+  disabled?: boolean;
+  limit?: number;
+}

package/src/utilization/AppUtilization.ts

@@ -0,0 +1,56 @@
+const colors = [
+  "#FF5733", // Fiery Red
+  "#3357FF", // Royal Blue
+  "#FF33A1", // Fuchsia Pink
+  "#33FFF0", // Aqua Blue
+  "#FF9633", // Tangerine
+  "#8D33FF", // Violet
+  "#FFD733", // Sunny Yellow
+  "#33FF6D", // Mint Green
+  "#FFB833", // Amber
+  "#33C7FF", // Sky Blue
+  "#FF33E4", // Magenta
+  "#5EFF33", // Neon Green
+  "#FF3380", // Hot Pink
+  "#33FFAF", // Seafoam Green
+  "#3383FF", // Dodger Blue
+  "#FF9533", // Pumpkin Orange
+  "#BF33FF", // Electric Purple
+  "#FFDA33", // Golden Yellow
+  "#33FF89", // Turquoise
+  "#FF3333", // Red
+  "#33BFFF", // Light Blue
+  "#FF33B3", // Pink
+  "#5BFF33", // Light Green
+  "#FF3385", // Rose
+  "#33FFC9", // Aquamarine
+  "#33A1FF", // Azure
+  "#FF7A33", // Cantaloupe
+  "#A533FF", // Lavender
+  "#FFE033", // Mustard Yellow
+  "#33FF7A", // Apple Green
+  "#FF4D33", // Bright Red
+  "#33FF95", // Light Turquoise
+  "#FFC433", // Peach
+  "#33FF7D", // Green Apple
+  "#FF338A", // Raspberry Pink
+  "#33FFE4", // Light Aqua
+  "#336AFF", // Cobalt Blue
+  "#FF3370", // Raspberry
+  "#33FF95", // Light Green
+  "#FFA633", // Orange
+  "#33FF57", // Lime Green
+];
+
+export const shuffleArray = (array: any) => {
+  const copyArray = JSON.parse(JSON.stringify(array));
+  for (let i = copyArray.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [copyArray[i], copyArray[j]] = [copyArray[j], copyArray[i]];
+  }
+  return copyArray;
+};
+
+export const getColorByIndex = (index: number) => {
+  return colors[index];
+};