madie-util.tsx

import React, { useState, useEffect } from "react";
// These functions are listed so that they can be referenced in jest files since jest cannot see browser.
// some functions are copy pasted from the source since their side effects are required for tests.
export function useKeyPress(targetKey) {
  // State for keeping track of whether key is pressed
  const [keyPressed, setKeyPressed] = useState(false);

  // If pressed key is our target key then set to true
  function downHandler({ key }) {
    if (key === targetKey) {
      setKeyPressed(true);
    }
  }

  // If released key is our target key then set to false
  const upHandler = ({ key }) => {
    if (key === targetKey) {
      setKeyPressed(false);
    }
  };

  // Add event listeners
  useEffect(() => {
    window.addEventListener("keydown", downHandler);
    window.addEventListener("keyup", upHandler);
    // Remove event listeners on cleanup
    return () => {
      window.removeEventListener("keydown", downHandler);
      window.removeEventListener("keyup", upHandler);
    };
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []); // Empty array ensures that effect is only run on mount and unmount

  return keyPressed;
}

export const useOktaTokens = (storageKey = "okta-token-storage") => {
  return {
    getAccessToken: () => "test-token",
    getAccessTokenObj: () => {},
    getUserName: () => "test-fake-user@email.com", //#nosec
    getIdToken: () => "test-id-token",
    getIdTokenObj: () => {},
  };
};

export function useOnClickOutside(ref, handler) {
  useEffect(() => {
    const listener = (event) => {
      // Do nothing if clicking ref's element or descendent elements
      if (!ref.current || ref.current.contains(event.target)) {
        return;
      }

      handler(event);
    };

    document.addEventListener("mousedown", listener);
    document.addEventListener("touchstart", listener);

    return () => {
      document.removeEventListener("mousedown", listener);
      document.removeEventListener("touchstart", listener);
    };
  }, [ref, handler]);
}

export const routeHandlerStore = {
  initialState: { canTravel: true, pendingRoute: "" },
  state: { canTravel: true, pendingRoute: "" },
  subscribe: () => null, // needs to return an object with key subscribe
  unsubscribe: () => null,
};

// Check if user can edit a measure
export const checkUserCanEdit = (
  owner: string,
  sharedWith: string[] = []
): boolean => {
  const username = "test-fake-user@email.com"; //#nosec
  return owner === username || sharedWith.includes(username);
};

// Check if user can delete a measure
export const checkUserCanDelete = (owner: string): boolean => {
  const username = "test-fake-user@email.com"; //#nosec
  return owner === username;
};

// Mock userRolesStore
export const userRolesStore = {
  getState: () => ({ roles: [], isAdmin: false }),
  updateUserRoles: () => {},
  subscribe: () => ({ unsubscribe: () => {} }),
};

// Mock useUserRoles hook
export const useUserRoles = () => ({ roles: [], isAdmin: false });

export const getOidFromString = (
  oidString: string,
  dataModel: string
): string => {
  if (dataModel === "QDM") {
    return oidString?.split("urn:oid:")[1];
  }
  return oidString?.split("ValueSet/")[1];
};

export const exportMeasure = jest.fn();
export const downloadZipFile = jest.fn();
export const parseErrorMessageFromBlob = jest.fn();
export const generateTimestampedFileName = jest.fn(
  (baseName: string, extension: string) => `${baseName}_timestamp.${extension}`
);
export const EXPORT_FAILURE_MESSAGE =
  "Unable to Export measure. Package could not be generated. Please try again and contact the Help Desk if the problem persists.";
export const getNewestMeasureInstance = jest.fn(
  (measures: any[]) => measures?.[0]
);
export const ExportAction = ({ onClick }: any) => (
  <div
    role="button"
    tabIndex={0}
    data-testid="export-action"
    onClick={() => onClick && onClick("Export")}
  >
    Export Action
  </div>
);
export const ViewHRAction = ({ onClick }: any) => (
  <button data-testid="view-hr-action-btn" onClick={onClick}>
    View HR Action
  </button>
);
export const HistoryAction = ({ onClick }: any) => (
  <button data-testid="history-action-btn" onClick={onClick}>
    History Action
  </button>
);
export const CompareVersionsAction = ({ onClick }: any) => (
  <button data-testid="compare-versions-action-btn" onClick={onClick}>
    Compare Versions Action
  </button>
);
export const ExportDialog = ({ open }: any) =>
  open ? <div data-testid="export-dialog">Export Dialog</div> : null;
export const ExportIcon = () => <span data-testid="export-icon" />;
export const ViewHRModal = ({ open, onClose }: any) =>
  open ? (
    <div data-testid="view-human-readable-modal">
      View HR Modal
      <button data-testid="view-hr-close-btn" onClick={onClose}>
        Close
      </button>
    </div>
  ) : null;
export const ViewMeasureHistoryDialog = ({ open, onClose }: any) =>
  open ? (
    <div data-testid="view-measure-history-dialog">
      Measure History
      <button data-testid="view-history-close-btn" onClick={onClose}>
        Close
      </button>
    </div>
  ) : null;
export const CompareVersionsDialog = ({ open }: any) =>
  open ? (
    <div data-testid="compare-versions-dialog">Compare Versions</div>
  ) : null;
export const ShareAction = ({ measures, activeTab, onClick }: any) => {
  const options = activeTab === 1 ? ["Unshare"] : ["Share With", "Unshare"];
  return (
    <div>
      <button data-testid="share-action-btn" disabled={!measures?.length}>
        Share
      </button>
      {options.map((option: string) => (
        <div
          key={option}
          role="menuitem"
          tabIndex={0}
          onClick={() => onClick && onClick(option)}
        >
          {option}
        </div>
      ))}
    </div>
  );
};
export const ShareDialog = ({ open }: any) =>
  open ? <div data-testid="share-dialog">Share Dialog</div> : null;

export { formatCmsId, padCmsId } from "../cmsIdFormatterStubs";