@monolith-forensics/monolith-ui 1.1.30 → 1.1.32

package/dist/Button/Button.js

@@ -1,4 +1,3 @@
-"use strict";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -10,14 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = __importDefault(require("styled-components"));
-const lucide_react_1 = require("lucide-react");
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import styled from "styled-components";
+import { Loader2Icon } from "lucide-react";
 const colors = {
     gray: "#888888",
     red: "#e03131",
@@ -32,7 +27,7 @@ const colors = {
     yellow: "#f08c00",
     orange: "#e8590c",
 };
-const StyledButton = styled_components_1.default.button `
+const StyledButton = styled.button `
   user-select: none;
   display: flex;
   outline: none;
@@ -299,7 +294,7 @@ const StyledButton = styled_components_1.default.button `
     pointer-events: none;
   `}
 `;
-const StyledAnchor = styled_components_1.default.a `
+const StyledAnchor = styled.a `
   text-decoration: none;
   height: 100%;
 
@@ -307,7 +302,7 @@ const StyledAnchor = styled_components_1.default.a `
     text-decoration: none !important;
   }
 `;
-const StyledLoader = styled_components_1.default.span `
+const StyledLoader = styled.span `
   svg {
     width: 16px;
     height: 16px;
@@ -324,9 +319,9 @@ const StyledLoader = styled_components_1.default.span `
     }
   }
 `;
-const Button = (0, react_1.forwardRef)((props, ref) => {
+const Button = forwardRef((props, ref) => {
     const { children, loading = false, leftSection = null, rightSection = null, href = null, download = null } = props, other = __rest(props, ["children", "loading", "leftSection", "rightSection", "href", "download"]);
-    const buttonContent = ((0, jsx_runtime_1.jsx)("span", { className: "inner-span", style: { height: "100%" }, children: loading ? ((0, jsx_runtime_1.jsx)(StyledLoader, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2Icon, {}) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [leftSection && (0, jsx_runtime_1.jsx)("span", { "data-position": "left", children: leftSection }), (0, jsx_runtime_1.jsx)("span", { className: "button-label", children: children }), rightSection && (0, jsx_runtime_1.jsx)("span", { "data-position": "right", children: rightSection })] })) }));
-    return ((0, jsx_runtime_1.jsx)(StyledButton, Object.assign({ ref: ref }, other, { children: href ? ((0, jsx_runtime_1.jsx)(StyledAnchor, { href: href, download: download, children: buttonContent })) : (buttonContent) })));
+    const buttonContent = (_jsx("span", { className: "inner-span", style: { height: "100%" }, children: loading ? (_jsx(StyledLoader, { children: _jsx(Loader2Icon, {}) })) : (_jsxs(_Fragment, { children: [leftSection && _jsx("span", { "data-position": "left", children: leftSection }), _jsx("span", { className: "button-label", children: children }), rightSection && _jsx("span", { "data-position": "right", children: rightSection })] })) }));
+    return (_jsx(StyledButton, Object.assign({ ref: ref }, other, { children: href ? (_jsx(StyledAnchor, { href: href, download: download, children: buttonContent })) : (buttonContent) })));
 });
-exports.default = Button;
+export default Button;

package/dist/Button/index.js

@@ -1,8 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var Button_1 = require("./Button");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
+export { default } from "./Button";

package/dist/Calendar/Calendar.js

@@ -1,58 +1,30 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const lucide_react_1 = require("lucide-react");
-const CalendarStyles_1 = require("./CalendarStyles");
-const calendarHelpers_1 = __importStar(require("./calendarHelpers"));
-const moment_1 = __importDefault(require("moment"));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useEffect, useState } from "react";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { CalendarContainer, CalendarHeader, CalendarGrid, CalendarMonth, CalendarDay, CalendarDate, HighlightedCalendarDate, TodayCalendarDate, TimeContainer, MainContainer, TimePickerContainer, TimeHourSelect, TimeHeader, TimeMinuteSelect, TimeItem, TimeItemActive, NoValueButton, } from "./CalendarStyles";
+import calendar, { isDate, isSameDay, isSameMonth, getDateISO, getNextMonth, getPreviousMonth, WEEK_DAYS, CALENDAR_MONTHS, HOURS24, HOURS12, MINUTES, } from "./calendarHelpers";
+import moment from "moment";
 const checkValidRange = (value, min, max) => {
-    if (min && (0, moment_1.default)(value).startOf("day").isBefore((0, moment_1.default)(min).startOf("day")))
+    if (min && moment(value).startOf("day").isBefore(moment(min).startOf("day")))
         return false;
-    if (max && (0, moment_1.default)(value).startOf("day").isAfter((0, moment_1.default)(max).startOf("day")))
+    if (max && moment(value).startOf("day").isAfter(moment(max).startOf("day")))
         return false;
     return true;
 };
 const Calendar = ({ defaultValue = new Date(), value, onChange = () => { }, hourFormat = "24", includeTime = true, clearable = true, min, max, }) => {
-    const [dateState, setDateState] = (0, react_1.useState)({
+    const [dateState, setDateState] = useState({
         current: defaultValue,
         month: defaultValue.getMonth() + 1,
         year: defaultValue.getFullYear(),
         hours: 0,
         minutes: 0,
     });
-    const [today, setToday] = (0, react_1.useState)(new Date());
+    const [today, setToday] = useState(new Date());
     let pressureTimer;
     let pressureTimeout;
     let dayTimeout;
     const addDateToState = (date) => {
-        const isDateObject = (0, calendarHelpers_1.isDate)(date);
+        const isDateObject = isDate(date);
         const _date = isDateObject ? date : new Date();
         setDateState({
             current: isDateObject ? date : null,
@@ -66,21 +38,21 @@ const Calendar = ({ defaultValue = new Date(), value, onChange = () => { }, hour
         const { current, month, year } = dateState;
         const calendarMonth = month || +((current === null || current === void 0 ? void 0 : current.getMonth()) || 0) + 1;
         const calendarYear = year || (current === null || current === void 0 ? void 0 : current.getFullYear());
-        return (0, calendarHelpers_1.default)(calendarMonth, calendarYear);
+        return calendar(calendarMonth, calendarYear);
     };
     //new start
     const renderMonthAndYear = () => {
         const { month, year } = dateState;
         // Resolve the month name from the CALENDAR_MONTHS object map
-        const monthname = Object.keys(calendarHelpers_1.CALENDAR_MONTHS)[Math.max(0, Math.min(month - 1, 11))];
-        return ((0, jsx_runtime_1.jsxs)(CalendarStyles_1.CalendarHeader, { children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ChevronLeftIcon, { onMouseDown: handlePrevious, onMouseUp: clearPressureTimer }), (0, jsx_runtime_1.jsxs)(CalendarStyles_1.CalendarMonth, { children: [monthname, " ", year] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRightIcon, { onMouseDown: handleNext, onMouseUp: clearPressureTimer })] }));
+        const monthname = Object.keys(CALENDAR_MONTHS)[Math.max(0, Math.min(month - 1, 11))];
+        return (_jsxs(CalendarHeader, { children: [_jsx(ChevronLeftIcon, { onMouseDown: handlePrevious, onMouseUp: clearPressureTimer }), _jsxs(CalendarMonth, { children: [monthname, " ", year] }), _jsx(ChevronRightIcon, { onMouseDown: handleNext, onMouseUp: clearPressureTimer })] }));
     };
     // Render the label for day of the week
     // This method is used as a map callback as seen in render()
     const renderDayLabel = (day, index) => {
         // Resolve the day of the week label from the WEEK_DAYS object map
-        const daylabel = calendarHelpers_1.WEEK_DAYS[day];
-        return ((0, jsx_runtime_1.jsx)(CalendarStyles_1.CalendarDay, { index: index, children: daylabel }, daylabel));
+        const daylabel = WEEK_DAYS[day];
+        return (_jsx(CalendarDay, { index: index, children: daylabel }, daylabel));
     };
     // Render a calendar date as returned from the calendar builder function
     // This method is used as a map callback as seen in render()
@@ -88,32 +60,32 @@ const Calendar = ({ defaultValue = new Date(), value, onChange = () => { }, hour
         const { current, month, year } = dateState;
         const _date = new Date(date.join("-"));
         // Check if calendar date is same day as today
-        const isToday = (0, calendarHelpers_1.isSameDay)(_date, today);
+        const isToday = isSameDay(_date, today);
         // Check if calendar date is same day as currently selected date
-        const isCurrent = current && (0, calendarHelpers_1.isSameDay)(_date, current);
+        const isCurrent = current && isSameDay(_date, current);
         // Check if calendar date is in the same month as the state month and year
-        const inMonth = month && year && (0, calendarHelpers_1.isSameMonth)(_date, new Date([year, month, 1].join("-")));
+        const inMonth = month && year && isSameMonth(_date, new Date([year, month, 1].join("-")));
         // The click handler
         const props = {
-            "data-disabled": !checkValidRange((0, calendarHelpers_1.getDateISO)(_date), min || null, max || null),
+            "data-disabled": !checkValidRange(getDateISO(_date), min || null, max || null),
             index,
-            key: (0, calendarHelpers_1.getDateISO)(_date),
+            key: getDateISO(_date),
             onClick: gotoDate(_date),
             title: _date.toDateString(),
             inMonth,
         };
         // Conditionally render a styled date component
-        return isCurrent ? ((0, jsx_runtime_1.jsx)(CalendarStyles_1.HighlightedCalendarDate, Object.assign({}, props, { children: _date.getDate() }))) : isToday ? ((0, jsx_runtime_1.jsx)(CalendarStyles_1.TodayCalendarDate, Object.assign({}, props, { children: _date.getDate() }))) : ((0, jsx_runtime_1.jsx)(CalendarStyles_1.CalendarDate, Object.assign({}, props, { children: _date.getDate() })));
+        return isCurrent ? (_jsx(HighlightedCalendarDate, Object.assign({}, props, { children: _date.getDate() }))) : isToday ? (_jsx(TodayCalendarDate, Object.assign({}, props, { children: _date.getDate() }))) : (_jsx(CalendarDate, Object.assign({}, props, { children: _date.getDate() })));
     };
     const renderHours = () => {
         const { hours } = dateState;
-        const hoursArray = hourFormat === "24" ? calendarHelpers_1.HOURS24 : calendarHelpers_1.HOURS12;
+        const hoursArray = hourFormat === "24" ? HOURS24 : HOURS12;
         return hoursArray.map((hour, index) => {
-            const HourComponent = hour.value === hours ? CalendarStyles_1.TimeItemActive : CalendarStyles_1.TimeItem;
-            return ((0, jsx_runtime_1.jsx)(HourComponent, { 
+            const HourComponent = hour.value === hours ? TimeItemActive : TimeItem;
+            return (_jsx(HourComponent, { 
                 // value={hour.value}
                 onClick: (e) => {
-                    const newTime = (0, moment_1.default)(dateState.current)
+                    const newTime = moment(dateState.current)
                         .hours(hour.value)
                         .toDate();
                     setDateState(Object.assign(Object.assign({}, dateState), { hours: hour.value, current: newTime }));
@@ -123,12 +95,12 @@ const Calendar = ({ defaultValue = new Date(), value, onChange = () => { }, hour
     };
     const renderMinutes = () => {
         const { minutes } = dateState;
-        return calendarHelpers_1.MINUTES.map((minute) => {
-            const MinuteComponent = minute === minutes ? CalendarStyles_1.TimeItemActive : CalendarStyles_1.TimeItem;
-            return ((0, jsx_runtime_1.jsx)(MinuteComponent, { 
+        return MINUTES.map((minute) => {
+            const MinuteComponent = minute === minutes ? TimeItemActive : TimeItem;
+            return (_jsx(MinuteComponent, { 
                 // value={minute}
                 onClick: (e) => {
-                    const newTime = (0, moment_1.default)(dateState.current)
+                    const newTime = moment(dateState.current)
                         .minutes(Number(minute))
                         .toDate();
                     setDateState(Object.assign(Object.assign({}, dateState), { minutes: Number(minute), current: newTime }));
@@ -141,16 +113,16 @@ const Calendar = ({ defaultValue = new Date(), value, onChange = () => { }, hour
         evt && evt.preventDefault();
         const { current } = dateState;
         // Set Hours and Minutes
-        const newTime = (0, moment_1.default)(date)
+        const newTime = moment(date)
             .hours(includeTime ? dateState.hours : 0)
             .minutes(includeTime ? dateState.minutes : 0)
             .toDate();
-        !(current && (0, calendarHelpers_1.isSameDay)(newTime, current)) && addDateToState(newTime);
+        !(current && isSameDay(newTime, current)) && addDateToState(newTime);
         onChange(newTime);
     };
     const gotoPreviousMonth = () => {
         const { month, year } = dateState;
-        const previousMonth = (0, calendarHelpers_1.getPreviousMonth)(month, year);
+        const previousMonth = getPreviousMonth(month, year);
         setDateState({
             month: previousMonth.month,
             year: previousMonth.year,
@@ -161,7 +133,7 @@ const Calendar = ({ defaultValue = new Date(), value, onChange = () => { }, hour
     };
     const gotoNextMonth = () => {
         const { month, year } = dateState;
-        const nextMonth = (0, calendarHelpers_1.getNextMonth)(month, year);
+        const nextMonth = getNextMonth(month, year);
         setDateState({
             month: nextMonth.month,
             year: nextMonth.year,
@@ -204,13 +176,13 @@ const Calendar = ({ defaultValue = new Date(), value, onChange = () => { }, hour
         const fn = evt.shiftKey ? gotoNextYear : gotoNextMonth;
         fn();
     };
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (value) {
             addDateToState(value);
         }
     }, [value]);
     // lifecycle methods
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const now = new Date().valueOf();
         const tomorrow = new Date().setHours(0, 0, 0, 0) + 24 * 60 * 60 * 1000;
         const ms = tomorrow - now;
@@ -226,7 +198,7 @@ const Calendar = ({ defaultValue = new Date(), value, onChange = () => { }, hour
     const clearDayTimeout = () => {
         dayTimeout && clearTimeout(dayTimeout);
     };
-    return ((0, jsx_runtime_1.jsxs)(CalendarStyles_1.MainContainer, { children: [(0, jsx_runtime_1.jsxs)(CalendarStyles_1.CalendarContainer, { children: [renderMonthAndYear(), (0, jsx_runtime_1.jsxs)(CalendarStyles_1.CalendarGrid, { children: [(0, jsx_runtime_1.jsx)(react_1.Fragment, { children: Object.keys(calendarHelpers_1.WEEK_DAYS).map(renderDayLabel) }), (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: getCalendarDates().map(renderCalendarDate) })] }), clearable && ((0, jsx_runtime_1.jsx)("div", { style: { textAlign: "center", marginTop: 3 }, children: (0, jsx_runtime_1.jsx)(CalendarStyles_1.NoValueButton, { onClick: () => onChange(null), children: "Clear Date" }) }))] }), includeTime && ((0, jsx_runtime_1.jsxs)(CalendarStyles_1.TimeContainer, { children: [(0, jsx_runtime_1.jsx)(CalendarStyles_1.TimeHeader, { children: "Select Time" }), (0, jsx_runtime_1.jsxs)(CalendarStyles_1.TimePickerContainer, { children: [(0, jsx_runtime_1.jsx)(CalendarStyles_1.TimeHourSelect, { children: renderHours() }), (0, jsx_runtime_1.jsx)(CalendarStyles_1.TimeMinuteSelect, { children: renderMinutes() })] })] }))] }));
+    return (_jsxs(MainContainer, { children: [_jsxs(CalendarContainer, { children: [renderMonthAndYear(), _jsxs(CalendarGrid, { children: [_jsx(Fragment, { children: Object.keys(WEEK_DAYS).map(renderDayLabel) }), _jsx(Fragment, { children: getCalendarDates().map(renderCalendarDate) })] }), clearable && (_jsx("div", { style: { textAlign: "center", marginTop: 3 }, children: _jsx(NoValueButton, { onClick: () => onChange(null), children: "Clear Date" }) }))] }), includeTime && (_jsxs(TimeContainer, { children: [_jsx(TimeHeader, { children: "Select Time" }), _jsxs(TimePickerContainer, { children: [_jsx(TimeHourSelect, { children: renderHours() }), _jsx(TimeMinuteSelect, { children: renderMinutes() })] })] }))] }));
 };
 Calendar.displayName = "Calendar";
-exports.default = Calendar;
+export default Calendar;

package/dist/Calendar/CalendarStyles.js

@@ -1,29 +1,23 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NoValueButton = exports.TimeItemActive = exports.TimeItem = exports.TimeMinuteSelect = exports.TimeHourSelect = exports.TimeHeader = exports.TimePickerContainer = exports.TimeContainer = exports.TodayCalendarDate = exports.HighlightedCalendarDate = exports.CalendarDate = exports.CalendarDay = exports.CalendarCell = exports.CalendarMonth = exports.CalendarGrid = exports.CalendarHeader = exports.CalendarContainer = exports.MainContainer = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.MainContainer = styled_components_1.default.div `
+import styled from "styled-components";
+export const MainContainer = styled.div `
   display: flex;
 `;
-exports.CalendarContainer = styled_components_1.default.div `
+export const CalendarContainer = styled.div `
   font-size: 5px;
   width: 250px;
   border-radius: 4px;
   overflow: hidden;
 `;
-exports.CalendarHeader = styled_components_1.default.div `
+export const CalendarHeader = styled.div `
   display: flex;
   align-items: center;
   justify-content: space-between;
 `;
-exports.CalendarGrid = styled_components_1.default.div `
+export const CalendarGrid = styled.div `
   display: grid;
   grid-template: repeat(7, auto) / repeat(7, auto);
 `;
-exports.CalendarMonth = styled_components_1.default.div `
+export const CalendarMonth = styled.div `
   font-weight: 500;
   font-size: 12px;
   color: ${(props) => props.theme.palette.text.primary};
@@ -32,7 +26,7 @@ exports.CalendarMonth = styled_components_1.default.div `
   word-spacing: 5px;
   user-select: none;
 `;
-exports.CalendarCell = styled_components_1.default.div `
+export const CalendarCell = styled.div `
   text-align: center;
   align-self: center;
   letter-spacing: 0.1rem;
@@ -42,13 +36,13 @@ exports.CalendarCell = styled_components_1.default.div `
   border: 1px solid transparent;
   grid-column: ${({ index = 0 }) => (index % 7) + 1} / span 1;
 `;
-exports.CalendarDay = (0, styled_components_1.default)(exports.CalendarCell) `
+export const CalendarDay = styled(CalendarCell) `
   font-weight: bold;
   font-size: 10px;
   border-radius: 0px;
   color: ${(props) => props.theme.palette.text.secondary};
 `;
-exports.CalendarDate = (0, styled_components_1.default)(exports.CalendarCell) `
+export const CalendarDate = styled(CalendarCell) `
   font-weight: ${(props) => (props.inMonth ? 500 : 300)};
   font-size: 10px;
   cursor: pointer;
@@ -66,7 +60,7 @@ exports.CalendarDate = (0, styled_components_1.default)(exports.CalendarCell) `
     color: ${({ theme }) => theme.palette.text.disabled};
   }
 `;
-exports.HighlightedCalendarDate = (0, styled_components_1.default)(exports.CalendarDate) `
+export const HighlightedCalendarDate = styled(CalendarDate) `
   color: white !important;
   background: ${(props) => props.theme.palette.primary.main} !important;
   border: 1px solid ${(props) => props.theme.palette.primary.main} !important;
@@ -80,7 +74,7 @@ exports.HighlightedCalendarDate = (0, styled_components_1.default)(exports.Calen
     height: calc(100% + 2px);
   }
 `;
-exports.TodayCalendarDate = (0, styled_components_1.default)(exports.HighlightedCalendarDate) `
+export const TodayCalendarDate = styled(HighlightedCalendarDate) `
   color: ${(props) => props.theme.palette.text.primary} !important;
   background: transparent !important;
   ::after {
@@ -97,7 +91,7 @@ exports.TodayCalendarDate = (0, styled_components_1.default)(exports.Highlighted
     background: ${(props) => props.theme.palette.action.hover} !important;
   }
 `;
-exports.TimeContainer = styled_components_1.default.div `
+export const TimeContainer = styled.div `
   font-size: 12px;
   width: 150px;
   height: 100%;
@@ -106,11 +100,11 @@ exports.TimeContainer = styled_components_1.default.div `
   border-radius: 4px;
   overflow: hidden;
 `;
-exports.TimePickerContainer = styled_components_1.default.div `
+export const TimePickerContainer = styled.div `
   display: flex;
   height: 100%;
 `;
-exports.TimeHeader = styled_components_1.default.div `
+export const TimeHeader = styled.div `
   font-weight: 500;
   font-size: 12px;
   color: ${(props) => props.theme.palette.text.primary};
@@ -121,18 +115,18 @@ exports.TimeHeader = styled_components_1.default.div `
   height: 40px;
   user-select: none;
 `;
-exports.TimeHourSelect = styled_components_1.default.div `
+export const TimeHourSelect = styled.div `
   border-right: 1px solid ${(props) => props.theme.palette.divider};
   width: 50%;
   height: 250px;
   overflow-y: auto;
 `;
-exports.TimeMinuteSelect = styled_components_1.default.div `
+export const TimeMinuteSelect = styled.div `
   width: 50%;
   height: 250px;
   overflow-y: auto;
 `;
-exports.TimeItem = styled_components_1.default.div `
+export const TimeItem = styled.div `
   font-weight: 500;
   font-size: 10px;
   color: ${(props) => props.theme.palette.text.primary};
@@ -145,14 +139,14 @@ exports.TimeItem = styled_components_1.default.div `
     background: ${(props) => props.theme.palette.action.hover};
   }
 `;
-exports.TimeItemActive = (0, styled_components_1.default)(exports.TimeItem) `
+export const TimeItemActive = styled(TimeItem) `
   background: ${(props) => props.theme.palette.primary.main};
   color: white;
   &:hover {
     background: ${(props) => props.theme.palette.primary.main};
   }
 `;
-exports.NoValueButton = styled_components_1.default.button `
+export const NoValueButton = styled.button `
   font-weight: normal;
   font-size: 12px;
   color: ${(props) => props.theme.palette.text.secondary};

package/dist/Calendar/calendarHelpers.js

@@ -1,19 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNextMonth = exports.getPreviousMonth = exports.getDateISO = exports.isSameDay = exports.isSameMonth = exports.isDate = exports.getMonthFirstDay = exports.getMonthDays = exports.zeroPad = exports.CALENDAR_WEEKS = exports.CALENDAR_MONTHS = exports.WEEK_DAYS = exports.MINUTES = exports.HOURS12 = exports.HOURS24 = exports.THIS_MONTH = exports.THIS_YEAR = void 0;
 // (int) The current year
-exports.THIS_YEAR = +new Date().getFullYear();
+export const THIS_YEAR = +new Date().getFullYear();
 // (int) The current month starting from 1 - 12
 // 1 => January, 12 => December
-exports.THIS_MONTH = +new Date().getMonth() + 1;
+export const THIS_MONTH = +new Date().getMonth() + 1;
 // Week days names and shortnames
-exports.HOURS24 = [...new Array(24)].map((n, index) => {
+export const HOURS24 = [...new Array(24)].map((n, index) => {
     return {
         value: index,
         label: index < 10 ? `0${index}` : `${index}`,
     };
 });
-exports.HOURS12 = [
+export const HOURS12 = [
     ...[...new Array(12)].map((n, index) => {
         return {
             value: index,
@@ -27,10 +24,10 @@ exports.HOURS12 = [
         };
     }),
 ];
-exports.MINUTES = new Array(60).fill(0).map((n, index) => {
+export const MINUTES = new Array(60).fill(0).map((n, index) => {
     return index < 10 ? `0${index}` : index;
 });
-exports.WEEK_DAYS = {
+export const WEEK_DAYS = {
     Sunday: "Su",
     Monday: "Mo",
     Tuesday: "Tu",
@@ -40,7 +37,7 @@ exports.WEEK_DAYS = {
     Saturday: "Sa",
 };
 // Calendar months names and short names
-exports.CALENDAR_MONTHS = {
+export const CALENDAR_MONTHS = {
     January: "Jan",
     February: "Feb",
     March: "Mar",
@@ -55,15 +52,14 @@ exports.CALENDAR_MONTHS = {
     December: "Dec",
 };
 // Weeks displayed on calendar
-exports.CALENDAR_WEEKS = 6;
+export const CALENDAR_WEEKS = 6;
 // Pads a string value with leading zeroes(0) until length is reached
 // For example: zeroPad(5, 2) => "05"
-const zeroPad = (value, length) => {
+export const zeroPad = (value, length) => {
     return `${value}`.padStart(length, "0");
 };
-exports.zeroPad = zeroPad;
 // (int) Number days in a month for a given year from 28 - 31
-const getMonthDays = (month = exports.THIS_MONTH, year = exports.THIS_YEAR) => {
+export const getMonthDays = (month = THIS_MONTH, year = THIS_YEAR) => {
     const months30 = [4, 6, 9, 11];
     const leapYear = year % 4 === 0;
     return month === 2
@@ -74,23 +70,20 @@ const getMonthDays = (month = exports.THIS_MONTH, year = exports.THIS_YEAR) => {
             ? 30
             : 31;
 };
-exports.getMonthDays = getMonthDays;
 // (int) First day of the month for a given year from 1 - 7
 // 1 => Sunday, 7 => Saturday
-const getMonthFirstDay = (month = exports.THIS_MONTH, year = exports.THIS_YEAR) => {
-    return +new Date(`${year}-${(0, exports.zeroPad)(month, 2)}-01`).getDay() + 1;
+export const getMonthFirstDay = (month = THIS_MONTH, year = THIS_YEAR) => {
+    return +new Date(`${year}-${zeroPad(month, 2)}-01`).getDay() + 1;
 };
-exports.getMonthFirstDay = getMonthFirstDay;
 // (bool) Checks if a value is a date - this is just a simple check
-const isDate = (date) => {
+export const isDate = (date) => {
     const isDate = Object.prototype.toString.call(date) === "[object Date]";
     const isValidDate = date && !Number.isNaN(date.valueOf());
     return isDate && isValidDate;
 };
-exports.isDate = isDate;
 // (bool) Checks if two date values are of the same month and year
-const isSameMonth = (date, basedate = new Date()) => {
-    if (!((0, exports.isDate)(date) && (0, exports.isDate)(basedate)))
+export const isSameMonth = (date, basedate = new Date()) => {
+    if (!(isDate(date) && isDate(basedate)))
         return false;
     const basedateMonth = +basedate.getMonth() + 1;
     const basedateYear = basedate.getFullYear();
@@ -98,10 +91,9 @@ const isSameMonth = (date, basedate = new Date()) => {
     const dateYear = date.getFullYear();
     return +basedateMonth === +dateMonth && +basedateYear === +dateYear;
 };
-exports.isSameMonth = isSameMonth;
 // (bool) Checks if two date values are the same day
-const isSameDay = (date, basedate = new Date()) => {
-    if (!((0, exports.isDate)(date) && (0, exports.isDate)(basedate)))
+export const isSameDay = (date, basedate = new Date()) => {
+    if (!(isDate(date) && isDate(basedate)))
         return false;
     const basedateDate = basedate.getDate();
     const basedateMonth = +basedate.getMonth() + 1;
@@ -113,69 +105,65 @@ const isSameDay = (date, basedate = new Date()) => {
         +basedateMonth === +dateMonth &&
         +basedateYear === +dateYear);
 };
-exports.isSameDay = isSameDay;
 // (string) Formats the given date as YYYY-MM-DD
 // Months and Days are zero padded
-const getDateISO = (date) => {
-    if (!(0, exports.isDate)(date))
+export const getDateISO = (date) => {
+    if (!isDate(date))
         return null;
     return [
         date.getFullYear(),
-        (0, exports.zeroPad)(+date.getMonth() + 1, 2),
-        (0, exports.zeroPad)(+date.getDate(), 2),
+        zeroPad(+date.getMonth() + 1, 2),
+        zeroPad(+date.getDate(), 2),
     ].join("-");
 };
-exports.getDateISO = getDateISO;
 // ({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}
-const getPreviousMonth = (month, year) => {
+export const getPreviousMonth = (month, year) => {
     const prevMonth = month > 1 ? month - 1 : 12;
     const prevMonthYear = month > 1 ? year : year - 1;
     return { month: prevMonth, year: prevMonthYear };
 };
-exports.getPreviousMonth = getPreviousMonth;
 // ({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}
-const getNextMonth = (month, year) => {
+export const getNextMonth = (month, year) => {
     const nextMonth = month < 12 ? month + 1 : 1;
     const nextMonthYear = month < 12 ? year : year + 1;
     return { month: nextMonth, year: nextMonthYear };
 };
-exports.getNextMonth = getNextMonth;
 // 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 = exports.THIS_MONTH, year = exports.THIS_YEAR) => {
+const calendarBuilder = (month = THIS_MONTH, year = THIS_YEAR) => {
     // Get number of days in the month and the month's first day
-    const monthDays = (0, exports.getMonthDays)(month, year);
-    const monthFirstDay = (0, exports.getMonthFirstDay)(month, year);
+    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 = exports.CALENDAR_WEEKS * 7 - (daysFromPrevMonth + monthDays);
+    const daysFromNextMonth = CALENDAR_WEEKS * 7 - (daysFromPrevMonth + monthDays);
     // Get the previous and next months and years
-    const { month: prevMonth, year: prevMonthYear } = (0, exports.getPreviousMonth)(month, year);
-    const { month: nextMonth, year: nextMonthYear } = (0, exports.getNextMonth)(month, year);
+    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 = (0, exports.getMonthDays)(prevMonth, prevMonthYear);
+    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, (0, exports.zeroPad)(prevMonth, 2), (0, exports.zeroPad)(day, 2)];
+        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, (0, exports.zeroPad)(month, 2), (0, exports.zeroPad)(day, 2)];
+        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, (0, exports.zeroPad)(nextMonth, 2), (0, exports.zeroPad)(day, 2)];
+        return [nextMonthYear, zeroPad(nextMonth, 2), zeroPad(day, 2)];
     });
     // Combines all dates from previous, current and next months
     return [...prevMonthDates, ...thisMonthDates, ...nextMonthDates];
 };
-exports.default = calendarBuilder;
+export default calendarBuilder;

package/dist/Calendar/index.js

@@ -1,8 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var Calendar_1 = require("./Calendar");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Calendar_1).default; } });
+export { default } from "./Calendar";