@monolith-forensics/monolith-ui 1.1.29 → 1.1.31

package/dist/Calendar/calendarHelpers.js

@@ -0,0 +1,169 @@
+// (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",
+};
+// 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, length) => {
+    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) => {
+    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, 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, 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) => {
+    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, year) => {
+    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, year) => {
+    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/dist/Calendar/index.js

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

package/dist/CheckBox/CheckBox.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import { useState, useEffect } from "react";
+import { FaCheckSquare, FaRegSquare, FaRegMinusSquare } from "react-icons/fa";
+const CheckBox = styled(({ className, defaultValue = false, value, partialCheck = false, onChange = () => { }, }) => {
+    const [checkedState, setCheckedState] = useState(defaultValue);
+    const handleChange = (e) => {
+        e.stopPropagation();
+        setCheckedState(!checkedState);
+        onChange(!checkedState);
+    };
+    useEffect(() => {
+        if (value !== undefined)
+            setCheckedState(value);
+    }, [value]);
+    const _checked = value === undefined ? checkedState : value;
+    return (_jsx("div", { className: className, onClick: handleChange, children: partialCheck === true ? (_jsx(FaRegMinusSquare, { className: "checkbox partial" })) : _checked === true ? (_jsx(FaCheckSquare, { className: "checkbox checked" })) : (_jsx(FaRegSquare, { className: "checkbox unchecked" })) }));
+}) `
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+
+  .checkbox {
+    color: ${(props) => props.theme.palette.primary.main};
+    font-size: ${({ size }) => {
+    switch (size) {
+        case "xs":
+            return "12px";
+        case "sm":
+            return "16px";
+        case "md":
+            return "24px";
+        case "lg":
+            return "32px";
+        default:
+            return "16px";
+    }
+}};
+  }
+`;
+export default CheckBox;

package/dist/CheckBox/index.js

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