@nualang/nualang-ui-components 0.1.1399 → 0.2.0

package/dist/hooks/useConfirm.js

@@ -1,19 +0,0 @@
-import ConfirmDialog from "../Dialogs/ConfirmDialog/ConfirmDialog";
-export default function useConfirm(t) {
-  const confirm = async (title, text, submitText, isDelete, deletionNote, confirmDeletionText, saveToLibraryText, showCheckbox, isArchive, isUnarchive) => {
-    const confirmed = await ConfirmDialog({
-      title: title || t("confirmation"),
-      text: text || t("are_you_sure"),
-      submitText: submitText || t("Yes"),
-      isDelete: isDelete,
-      isArchive: isArchive,
-      isUnarchive: isUnarchive,
-      deletionNote: deletionNote,
-      confirmDeletionText: confirmDeletionText,
-      saveToLibraryText: saveToLibraryText,
-      showCheckbox: showCheckbox
-    });
-    return confirmed;
-  };
-  return [confirm];
-}

package/dist/hooks/useCourseState.js

@@ -1,62 +0,0 @@
-import { useState, useEffect } from "react";
-import { courses, ReactQuery } from "@nualang/nualang-api-and-queries/Queries";
-export default function useCourseState({
-  courseId,
-  username,
-  memberId,
-  getCourseSections,
-  getCourseMembers,
-  getCourseMember,
-  visible
-}) {
-  const {
-    useQueryClient
-  } = ReactQuery;
-  const queryClient = useQueryClient();
-  const courseMemberData = queryClient.getQueryData(courses.courseKeys.itemMember(courseId, username, memberId));
-  const [isMember, setIsMember] = useState(courseMemberData?.Item ? true : false);
-  const args = {
-    courseId,
-    username
-  };
-  const memberArgs = {
-    ...args,
-    memberId
-  };
-  const queryOptions = {
-    enabled: visible && !!courseId
-  };
-  const membersQuery = courses.useCourseMembers(async (courseId, filters) => {
-    const response = await getCourseMembers(courseId, filters);
-    return response;
-  }, {
-    courseId,
-    username,
-    filters: {
-      limit: 1000
-    }
-  }, queryOptions);
-  const memberQuery = courses.useCourseMember(getCourseMember, memberArgs, queryOptions);
-  const sectionsQuery = courses.useCourseSections(async (courseId, filters) => {
-    const response = await getCourseSections(courseId, filters);
-    return response;
-  }, {
-    courseId,
-    username,
-    filters: {
-      limit: 1000
-    }
-  }, queryOptions);
-  useEffect(() => {
-    if (memberQuery.isSuccess) {
-      const isCourseMember = memberQuery.data && memberQuery.data.Item ? true : false;
-      setIsMember(isCourseMember);
-    }
-  }, [memberQuery.data, memberQuery.isSuccess, memberId]);
-  return {
-    isMember,
-    membersQuery,
-    memberQuery,
-    sectionsQuery
-  };
-}

package/dist/hooks/useCourseStateOld.js

@@ -1,89 +0,0 @@
-import { useState, useEffect, useReducer } from "react";
-let cancelRequest = false;
-const initialState = {
-  status: "idle",
-  error: null,
-  data: []
-};
-const fetchReducer = (state, action) => {
-  switch (action.type) {
-    case "FETCHING":
-      return {
-        ...initialState,
-        status: "fetching"
-      };
-    case "FETCHED":
-      return {
-        ...initialState,
-        status: "fetched",
-        data: action.payload
-      };
-    case "FETCH_ERROR":
-      return {
-        ...initialState,
-        status: "error",
-        error: action.payload
-      };
-    default:
-      return state;
-  }
-};
-const fetchData = async (courseId, fetchFunc, dispatchFunc) => {
-  if (fetchFunc && dispatchFunc) {
-    dispatchFunc({
-      type: "FETCHING"
-    });
-    try {
-      const data = await fetchFunc(courseId);
-      if (cancelRequest) return;
-      dispatchFunc({
-        type: "FETCHED",
-        payload: data.Items
-      });
-    } catch (error) {
-      if (cancelRequest) return;
-      dispatchFunc({
-        type: "FETCH_ERROR",
-        payload: error.message
-      });
-    }
-  }
-};
-export default function useCourseState({
-  courseId,
-  username,
-  getCourseSections,
-  getCourseReviews,
-  getCourseMembers,
-  visible
-}) {
-  const [isMember, setIsMember] = useState(false);
-  const [sectionsState, sectionsDispatch] = useReducer(fetchReducer, initialState);
-  const [reviewsState, reviewsDispatch] = useReducer(fetchReducer, initialState);
-  const [membersState, membersDispatch] = useReducer(fetchReducer, initialState);
-  useEffect(() => {
-    if (courseId && visible && sectionsState.status === "idle" && reviewsState.status === "idle" && membersState.status === "idle") {
-      cancelRequest = false;
-      fetchData(courseId, getCourseSections, sectionsDispatch);
-      fetchData(courseId, getCourseReviews, reviewsDispatch);
-      fetchData(courseId, getCourseMembers, membersDispatch);
-      return function cleanup() {
-        cancelRequest = true;
-      };
-    }
-  }, [courseId, visible]);
-  useEffect(() => {
-    if (membersState.data && Array.isArray(membersState.data) && membersState.data.length) {
-      const isCourseMember = (membersState.data || []).findIndex(({
-        memberId
-      }) => memberId === username) > -1;
-      setIsMember(isCourseMember);
-    }
-  }, [membersState.data, username]);
-  return {
-    isMember,
-    sectionsState,
-    reviewsState,
-    membersState
-  };
-}

package/dist/hooks/useDebounce.js

@@ -1,20 +0,0 @@
-import { useState, useEffect } from "react";
-export default function useDebounce(value, delay) {
-  // State and setters for debounced value
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  useEffect(() => {
-    // Update debounced value after delay
-    const handler = setTimeout(() => {
-      setDebouncedValue(value);
-    }, delay);
-
-    // Cancel the timeout if value changes (also on delay change or unmount)
-    // This is how we prevent debounced value from updating if value is changed ...
-    // .. within the delay period. Timeout gets cleared and restarted.
-    return () => {
-      clearTimeout(handler);
-    };
-  }, [value, delay] // Only re-call effect if value or delay changes
-  );
-  return debouncedValue;
-}

package/dist/hooks/useExerciseDocumentTitle.js

@@ -1,15 +0,0 @@
-import { useEffect } from "react";
-const pageTitleSuffix = `App | Nualang`;
-export default function useExerciseDocumentTitle({
-  exerciseTitle,
-  open
-}) {
-  const pageTitle = `${exerciseTitle} | ${pageTitleSuffix}`;
-  useEffect(() => {
-    const pageTitle = `${exerciseTitle} | ${pageTitleSuffix}`;
-    if (pageTitle !== document.title && open && exerciseTitle) {
-      document.title = pageTitle;
-    }
-  }, [open, exerciseTitle]);
-  return [pageTitle];
-}