@monolith-forensics/monolith-ui 1.1.0 → 1.1.2

package/Calendar/calendarHelpers.ts

@@ -1,196 +0,0 @@
-// (int) The current year
-export const THIS_YEAR = +new Date().getFullYear();
-
-// (int) The current month starting from 1 - 12
-// 1 => January, 12 => December
-export const THIS_MONTH = +new Date().getMonth() + 1;
-// Week days names and shortnames
-
-export const HOURS24 = [...new Array(24)].map((n, index) => {
-  return {
-    value: index,
-    label: index < 10 ? `0${index}` : `${index}`,
-  };
-});
-
-export const HOURS12 = [
-  ...[...new Array(12)].map((n, index) => {
-    return {
-      value: index,
-      label: index < 10 ? `0${index} AM` : `${index} AM`,
-    };
-  }),
-  ...[...new Array(12)].map((n, index) => {
-    return {
-      value: index + 12,
-      label: index < 10 ? `0${index} PM` : `${index} PM`,
-    };
-  }),
-];
-
-export const MINUTES = new Array(60).fill(0).map((n, index) => {
-  return index < 10 ? `0${index}` : index;
-});
-
-export const WEEK_DAYS = {
-  Sunday: "Su",
-  Monday: "Mo",
-  Tuesday: "Tu",
-  Wednesday: "We",
-  Thursday: "Th",
-  Friday: "Fr",
-  Saturday: "Sa",
-};
-
-export type WeekDay = keyof typeof WEEK_DAYS;
-
-// Calendar months names and short names
-export const CALENDAR_MONTHS = {
-  January: "Jan",
-  February: "Feb",
-  March: "Mar",
-  April: "Apr",
-  May: "May",
-  June: "Jun",
-  July: "Jul",
-  August: "Aug",
-  September: "Sep",
-  October: "Oct",
-  November: "Nov",
-  December: "Dec",
-};
-
-// Weeks displayed on calendar
-export const CALENDAR_WEEKS = 6;
-
-// Pads a string value with leading zeroes(0) until length is reached
-// For example: zeroPad(5, 2) => "05"
-export const zeroPad = (value: number, length: number) => {
-  return `${value}`.padStart(length, "0");
-};
-
-// (int) Number days in a month for a given year from 28 - 31
-export const getMonthDays = (month = THIS_MONTH, year = THIS_YEAR) => {
-  const months30 = [4, 6, 9, 11];
-  const leapYear = year % 4 === 0;
-  return month === 2
-    ? leapYear
-      ? 29
-      : 28
-    : months30.includes(month)
-    ? 30
-    : 31;
-};
-
-// (int) First day of the month for a given year from 1 - 7
-// 1 => Sunday, 7 => Saturday
-export const getMonthFirstDay = (month = THIS_MONTH, year = THIS_YEAR) => {
-  return +new Date(`${year}-${zeroPad(month, 2)}-01`).getDay() + 1;
-};
-
-// (bool) Checks if a value is a date - this is just a simple check
-export const isDate = (date: Date) => {
-  const isDate = Object.prototype.toString.call(date) === "[object Date]";
-  const isValidDate = date && !Number.isNaN(date.valueOf());
-
-  return isDate && isValidDate;
-};
-
-// (bool) Checks if two date values are of the same month and year
-export const isSameMonth = (date: Date, basedate = new Date()) => {
-  if (!(isDate(date) && isDate(basedate))) return false;
-  const basedateMonth = +basedate.getMonth() + 1;
-  const basedateYear = basedate.getFullYear();
-  const dateMonth = +date.getMonth() + 1;
-  const dateYear = date.getFullYear();
-  return +basedateMonth === +dateMonth && +basedateYear === +dateYear;
-};
-// (bool) Checks if two date values are the same day
-export const isSameDay = (date: Date, basedate = new Date()) => {
-  if (!(isDate(date) && isDate(basedate))) return false;
-  const basedateDate = basedate.getDate();
-  const basedateMonth = +basedate.getMonth() + 1;
-  const basedateYear = basedate.getFullYear();
-  const dateDate = date.getDate();
-  const dateMonth = +date.getMonth() + 1;
-  const dateYear = date.getFullYear();
-  return (
-    +basedateDate === +dateDate &&
-    +basedateMonth === +dateMonth &&
-    +basedateYear === +dateYear
-  );
-};
-// (string) Formats the given date as YYYY-MM-DD
-// Months and Days are zero padded
-export const getDateISO = (date: Date) => {
-  if (!isDate(date)) return null;
-  return [
-    date.getFullYear(),
-    zeroPad(+date.getMonth() + 1, 2),
-    zeroPad(+date.getDate(), 2),
-  ].join("-");
-};
-// ({month, year}) Gets the month and year before the given month and year
-// For example: getPreviousMonth(1, 2000) => {month: 12, year: 1999}
-// while: getPreviousMonth(12, 2000) => {month: 11, year: 2000}
-
-export const getPreviousMonth = (month: number, year: number) => {
-  const prevMonth = month > 1 ? month - 1 : 12;
-  const prevMonthYear = month > 1 ? year : year - 1;
-  return { month: prevMonth, year: prevMonthYear };
-};
-// ({month, year}) Gets the month and year after the given month and year
-// For example: getNextMonth(1, 2000) => {month: 2, year: 2000}
-// while: getNextMonth(12, 2000) => {month: 1, year: 2001}
-export const getNextMonth = (month: number, year: number) => {
-  const nextMonth = month < 12 ? month + 1 : 1;
-  const nextMonthYear = month < 12 ? year : year + 1;
-  return { month: nextMonth, year: nextMonthYear };
-};
-
-// Calendar builder for a month in the specified year
-// Returns an array of the calendar dates.
-// Each calendar date is represented as an array => [YYYY, MM, DD]
-const calendarBuilder = (month = THIS_MONTH, year = THIS_YEAR) => {
-  // Get number of days in the month and the month's first day
-
-  const monthDays = getMonthDays(month, year);
-  const monthFirstDay = getMonthFirstDay(month, year);
-  // Get number of days to be displayed from previous and next months
-  // These ensure a total of 42 days (6 weeks) displayed on the calendar
-
-  const daysFromPrevMonth = monthFirstDay - 1;
-  const daysFromNextMonth =
-    CALENDAR_WEEKS * 7 - (daysFromPrevMonth + monthDays);
-  // Get the previous and next months and years
-
-  const { month: prevMonth, year: prevMonthYear } = getPreviousMonth(
-    month,
-    year
-  );
-  const { month: nextMonth, year: nextMonthYear } = getNextMonth(month, year);
-  // Get number of days in previous month
-  const prevMonthDays = getMonthDays(prevMonth, prevMonthYear);
-  // Builds dates to be displayed from previous month
-
-  const prevMonthDates = [...new Array(daysFromPrevMonth)].map((n, index) => {
-    const day = index + 1 + (prevMonthDays - daysFromPrevMonth);
-    return [prevMonthYear, zeroPad(prevMonth, 2), zeroPad(day, 2)];
-  });
-  // Builds dates to be displayed from current month
-
-  const thisMonthDates = [...new Array(monthDays)].map((n, index) => {
-    const day = index + 1;
-    return [year, zeroPad(month, 2), zeroPad(day, 2)];
-  });
-  // Builds dates to be displayed from next month
-
-  const nextMonthDates = [...new Array(daysFromNextMonth)].map((n, index) => {
-    const day = index + 1;
-    return [nextMonthYear, zeroPad(nextMonth, 2), zeroPad(day, 2)];
-  });
-  // Combines all dates from previous, current and next months
-  return [...prevMonthDates, ...thisMonthDates, ...nextMonthDates];
-};
-
-export default calendarBuilder;

package/Calendar/index.ts

@@ -1 +0,0 @@
-export { default } from "./Calendar";

package/CheckBox/CheckBox.tsx

@@ -1,61 +0,0 @@
-import styled from "styled-components";
-import { useState, useEffect, CSSProperties, MouseEvent } from "react";
-import CheckBoxOutlineBlankOutlinedIcon from "@mui/icons-material/CheckBoxOutlineBlankOutlined";
-import IndeterminateCheckBoxIcon from "@mui/icons-material/IndeterminateCheckBox";
-import CheckBoxIcon from "@mui/icons-material/CheckBox";
-
-interface CheckBoxProps {
-  className?: string;
-  defaultValue?: boolean;
-  value?: boolean;
-  partialCheck?: boolean;
-  onChange?: (value: boolean) => void;
-  style?: CSSProperties;
-}
-
-const CheckBox = styled(
-  ({
-    className,
-    defaultValue = false,
-    value = false,
-    partialCheck = false,
-    onChange = () => {},
-  }: CheckBoxProps) => {
-    const [checkedState, setCheckedState] = useState(defaultValue);
-
-    const handleChange = (e: MouseEvent) => {
-      e.stopPropagation();
-      setCheckedState(!checkedState);
-      onChange(!checkedState);
-    };
-
-    useEffect(() => {
-      setCheckedState(value);
-    }, [value]);
-
-    const _checked = value === undefined ? checkedState : value;
-
-    return (
-      <div className={className} onClick={handleChange}>
-        {partialCheck === true ? (
-          <IndeterminateCheckBoxIcon className="checkbox partial" />
-        ) : _checked === true ? (
-          <CheckBoxIcon className="checkbox checked" />
-        ) : (
-          <CheckBoxOutlineBlankOutlinedIcon className="checkbox unchecked" />
-        )}
-      </div>
-    );
-  }
-)`
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-
-  .checkbox {
-    color: ${(props) => props.theme.palette.primary.main};
-    font-size: 16px;
-  }
-`;
-
-export default CheckBox;

package/CheckBox/index.ts

@@ -1 +0,0 @@
-export { default } from "./CheckBox";