ish-ui 1.0.2

package/src/timetable/miniCalendar/WeekDay.tsx

@@ -0,0 +1,49 @@
+import React from "react";
+import { Button, Typography } from "@mui/material";
+import { createStyles, withStyles } from "@mui/styles";
+import clsx from "clsx";
+
+interface Props {
+  name: string;
+  selected: boolean;
+  click: (id) => void;
+  id: number;
+  classes?: any;
+}
+
+const styles = theme =>
+  createStyles({
+    weekButton: {
+      padding: theme.spacing(0.5),
+      minWidth: "initial",
+      textTransform: "capitalize"
+    },
+    selectedWeekDay: {
+      boxShadow: "none",
+      "&:active": {
+        boxShadow: "none"
+      }
+    },
+    weekDayText: {
+      color: theme.palette.common.white
+    }
+  });
+
+const WeekDay = ({
+    classes, name, selected, click, id
+  }: Props) => (
+    <Button
+      className={clsx(classes.weekButton, {
+        [classes.selectedWeekDay]: selected
+      })}
+      onClick={() => click(id)}
+      variant={selected ? "contained" : "text"}
+      color={selected ? "primary" : "inherit"}
+    >
+      <Typography variant="caption" align="center" className={selected ? classes.weekDayText : ""}>
+        {name}
+      </Typography>
+    </Button>
+  );
+
+export default withStyles(styles)(WeekDay);

package/src/timetable/miniCalendar/index.ts

@@ -0,0 +1,13 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+
+
+export * from './CalendarHeader';
+export * from './CalendarDay';
+export * from './CalendarWeekPanel';
+export * from './WeekDay';

package/src/utils/DOM/Links.ts

@@ -0,0 +1,17 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+
+
+export const openInternalLink = link => {
+  if (link) {
+    window.open(
+      (link.includes('http') ? '' : window.location.origin) + link,
+       '_blank'
+    );
+  }
+};

package/src/utils/DOM/getCaretCoordinates.ts

@@ -0,0 +1,122 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+
+const properties = [
+  'direction',
+  'boxSizing',
+  'width',
+  'height',
+  'overflowX',
+  'overflowY',
+
+  'borderTopWidth',
+  'borderRightWidth',
+  'borderBottomWidth',
+  'borderLeftWidth',
+  'borderStyle',
+
+  'paddingTop',
+  'paddingRight',
+  'paddingBottom',
+  'paddingLeft',
+
+  'fontStyle',
+  'fontVariant',
+  'fontWeight',
+  'fontStretch',
+  'fontSize',
+  'fontSizeAdjust',
+  'lineHeight',
+  'fontFamily',
+
+  'textAlign',
+  'textTransform',
+  'textIndent',
+  'textDecoration',
+
+  'letterSpacing',
+  'wordSpacing',
+
+  'tabSize',
+  'MozTabSize'
+];
+
+const getCaretCoordinates = (element, position, options?) => {
+  if (!element) return null;
+  const debug = (options && options.debug) || false;
+  if (debug) {
+    const el = document.querySelector('#input-textarea-caret-position-mirror-div');
+    if (el) el.parentNode.removeChild(el);
+  }
+
+  const div = document.createElement('div');
+  div.id = 'input-textarea-caret-position-mirror-div';
+  document.body.appendChild(div);
+
+  const style = div.style;
+  const computed = window.getComputedStyle ? window.getComputedStyle(element) : element.currentStyle; // currentStyle for IE < 9
+  const isInput = element.nodeName === 'INPUT';
+
+  style.whiteSpace = 'pre-wrap';
+  if (!isInput) style.wordWrap = 'break-word';
+
+  style.position = 'absolute';
+  if (!debug) style.visibility = 'hidden';
+
+  properties.forEach(function(prop) {
+    if (isInput && prop === 'lineHeight') {
+      if (computed.boxSizing === 'border-box') {
+        const height = parseInt(computed.height);
+        const outerHeight =
+          parseInt(computed.paddingTop) +
+          parseInt(computed.paddingBottom) +
+          parseInt(computed.borderTopWidth) +
+          parseInt(computed.borderBottomWidth);
+        const targetHeight = outerHeight + parseInt(computed.lineHeight);
+        if (height > targetHeight) {
+          style.lineHeight = height - outerHeight + 'px';
+        } else if (height === targetHeight) {
+          style.lineHeight = computed.lineHeight;
+        } else {
+          style.lineHeight = '0';
+        }
+      } else {
+        style.lineHeight = computed.height;
+      }
+    } else {
+      style[prop] = computed[prop];
+    }
+  });
+
+  style.overflow = 'hidden';
+
+  div.textContent = element.value.substring(0, position);
+
+  if (isInput) div.textContent = div.textContent.replace(/\s/g, '\u00a0');
+
+  const span = document.createElement('span');
+
+  span.textContent = element.value.substring(position) || '.';
+  div.appendChild(span);
+
+  const coordinates = {
+    top: span.offsetTop + parseInt(computed['borderTopWidth']),
+    left: span.offsetLeft + parseInt(computed['borderLeftWidth']),
+    height: parseInt(computed['lineHeight'])
+  };
+
+  if (debug) {
+    span.style.backgroundColor = '#aaa';
+  } else {
+    document.body.removeChild(div);
+  }
+
+  return coordinates;
+};
+
+export default getCaretCoordinates;

package/src/utils/DOM/getOS.ts

@@ -0,0 +1,32 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+
+const getOS = () => {
+  const userAgent = window.navigator.userAgent;
+  const platform = window.navigator.platform;
+  const macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'];
+  const windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE'];
+  const iosPlatforms = ['iPhone', 'iPad', 'iPod'];
+  let os = null;
+
+  if (macosPlatforms.indexOf(platform) !== -1) {
+    os = 'Mac OS';
+  } else if (iosPlatforms.indexOf(platform) !== -1) {
+    os = 'iOS';
+  } else if (windowsPlatforms.indexOf(platform) !== -1) {
+    os = 'Windows';
+  } else if (/Android/.test(userAgent)) {
+    os = 'Android';
+  } else if (!os && /Linux/.test(platform)) {
+    os = 'Linux';
+  }
+
+  return os;
+};
+
+export default getOS;

package/src/utils/DOM/index.ts

@@ -0,0 +1,34 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+
+export const countLines = (el: HTMLElement) => {
+  if (!el) return null;
+  const divHeight = el.offsetHeight;
+  const lineHeight = parseInt(getComputedStyle(el).lineHeight);
+  return Math.round(divHeight / lineHeight);
+};
+
+export const countWidth = (el: string, container: Element) => {
+  const testContainer = document.createElement('span');
+  const containerStyles = getComputedStyle(container);
+  testContainer.style['height'] = containerStyles['height'];
+  testContainer.style['fontSize'] = containerStyles['fontSize'];
+  testContainer.style['fontWeight'] = containerStyles['fontWeight'];
+  testContainer.style['fontFeatureSettings'] = containerStyles['fontFeatureSettings'];
+  testContainer.style.position = 'absolute';
+  testContainer.style.zIndex = '-10000';
+  testContainer.innerHTML = el;
+  document.body.appendChild(testContainer);
+  const width = testContainer.offsetWidth;
+  document.body.removeChild(testContainer);
+  return width;
+};
+
+export * from './getCaretCoordinates';
+export * from './getOS';
+export * from './Links';

package/src/utils/dates/datesNormalizing.ts

@@ -0,0 +1,4 @@
+import { format as formatDate } from 'date-fns';
+import { YYYY_MM_DD_MINUSED } from './format';
+
+export const formatToDateOnly = v => (v ? formatDate(new Date(v), YYYY_MM_DD_MINUSED) : v);

package/src/utils/dates/format.ts

@@ -0,0 +1,52 @@
+/*
+ * Copyright ish group pty ltd. All rights reserved. https://www.ish.com.au
+ * No copying or use of this code is allowed without permission in writing from ish.
+ */
+
+export const YYYYMMDD_KKMMSS_MINUSED = 'yyyMMdd-kkmmss';
+
+export const YYYY_MM_DD_MINUSED = 'yyyy-MM-dd';
+
+export const D_III = 'd iii';
+
+export const D_MMM = 'd MMM';
+
+export const DD_MMM_YYYY_MINUSED = 'dd-MMM-yyyy';
+
+export const III_DD_MMM_YYYY_HH_MM_SPECIAL = 'iii, dd MMM yyyy HH:mm';
+
+export const III_DD_MMM_YYYY_HH_MM_AAAA_SPECIAL = 'iii, dd MMM yyyy hh:mm aaaa';
+
+export const III_DD_MMM_YYYY = 'iii dd MMM yyyy';
+
+export const III_DD_MMM_YYYY_HH_MM = 'iii dd MMM yyyy HH:mm';
+
+export const III_DD_MMM_YYYY_HH_MM_SS = 'iii dd MMM yyyy HH:mm:ss';
+
+export const EEE_D_MMM_YYYY = 'eee d MMM yyyy';
+
+export const D_MMM_YYYY = 'd MMM yyyy';
+
+export const DD_MMM_YYYY = 'dd MMM yyyy';
+
+export const DD_MMM_YYYY_HH_MM = 'dd MMM yyyy HH:mm';
+
+export const DD_MMM_YYYY_HH_MM_SS = 'dd MMM yyyy HH:mm:ss';
+
+export const DD_MM_YYYY_SLASHED = 'dd/MM/yyyy';
+
+export const HH_MM_COLONED = 'HH:mm';
+
+export const HA = 'ha';
+
+export const DD_MM_YYYY_HH_MM_SPECIAL = 'dd.MM.yyyy HH:mm';
+
+export const KK_MM_AAAA_EEE_DD_MMM_YYYY_SPECIAL = 'kk:mmaaaa eee dd MMM yyyy';
+
+export const DD_MMM_YYYY_AT_HH_MM_A_SPECIAL = 'dd MMM yyyy \'at\' hh:mm a';
+
+export const DD_MMM_YYYY_AT_HH_MM_AAAA_SPECIAL = 'dd MMM yyyy \'at\' hh:mm aaaa';
+
+export const III_DD_MMM_YYYY_HH_MM_AAAA = 'iii d MMM yyyy h:mm aaaa';
+
+export const H_MMAAA = 'h:mmaaa';

package/src/utils/dates/formatRelative.ts

@@ -0,0 +1,22 @@
+import { formatRelative, formatDistanceStrict, format } from 'date-fns';
+
+export const formatRelativeDate = (date: Date, baseDate: Date, formatString: string, excludeTime?: boolean, addDistance?: boolean) => {
+  let result = formatRelative(date, baseDate);
+
+  if (result.match(/\d\d\/\d\d\/\d\d\d\d/)) {
+    result = format(date, formatString).replace(/\./g, '');
+
+    if (addDistance) {
+      return formatDistanceStrict(
+        date,
+        baseDate
+      ) + ' ago';
+    }
+  }
+
+  if (excludeTime) {
+    result = result.replace(/at\s\d:\d\d\s([AP])M/, '');
+  }
+
+  return result;
+};

package/src/utils/dates/formatString.ts

@@ -0,0 +1,233 @@
+/*
+ * Copyright ish group pty ltd. All rights reserved. https://www.ish.com.au
+ * No copying or use of this code is allowed without permission in writing from ish.
+ */
+
+import { parse, addWeeks, addDays, subDays, addMonths, addYears, setHours, setMinutes } from 'date-fns';
+import { DD_MMM_YYYY, DD_MMM_YYYY_HH_MM, HH_MM_COLONED } from './format';
+
+const transitionDate = new Date(2000, 0, 1);
+
+const formatsWithLetters = [
+  'dMMMyy',
+  'dMMMMyy',
+  'ddMMMyy',
+  'ddMMMMyy',
+  'dMMMyyyy',
+  'dMMMMyyyy',
+  'ddMMMMyyyy',
+  'ddMMMyyyy'
+];
+
+const specialOptions = ['tm', 'yd', 'tomorrow', 'yesterday'];
+
+const operatorsRegexp = /\s*[-+]\s*[0-9][0-9]?[dDmMyYwW]?/g;
+
+const dividersRegexp = /[.\/\-]/g;
+
+const timeRegexp = /(\s|^)[0-9][0-9]?:[0-9][0-9]?/;
+
+const manageDatePart = (date: Date, part: string) => {
+  const numberPart = parseInt(part, 10);
+  switch (true) {
+    case /[mM]/.test(part): {
+      return addMonths(date, numberPart);
+    }
+    case /[yY]/.test(part): {
+      return addYears(date, numberPart);
+    }
+    case /[wW]/.test(part): {
+      return addWeeks(date, numberPart);
+    }
+    case /[dD]/.test(part):
+    default: {
+      return addDays(date, numberPart);
+    }
+  }
+};
+
+const checkInvalidDate = (date: Date) => date.toString() !== 'Invalid Date';
+
+export const formatStringDate = (dateString: string, type: string, baseDate: Date, customFormat?: string) => {
+  let result;
+  let parsed;
+  let formatted = dateString;
+
+  if (type === 'date') {
+    baseDate.setHours(0, 0, 0, 0);
+  }
+
+  if (customFormat) {
+    parsed = parse(dateString.replace(/^\w{3}/, '').trim(), customFormat, baseDate);
+    if (checkInvalidDate(parsed)) {
+      return parsed;
+    }
+    parsed = null;
+  }
+
+  if (type === 'date') {
+    parsed = parse(dateString.replace(/^\w{3}/, '').trim(), DD_MMM_YYYY, baseDate);
+    if (checkInvalidDate(parsed)) {
+      return parsed;
+    }
+    parsed = null;
+  }
+
+  if (type === 'datetime') {
+    parsed = parse(dateString.replace(/^\w{3}/, '').trim(), DD_MMM_YYYY_HH_MM, baseDate);
+    if (checkInvalidDate(parsed)) {
+      return parsed;
+    }
+    parsed = null;
+  }
+
+  if (type === 'time') {
+    parsed = parse(dateString, HH_MM_COLONED, baseDate);
+    if (checkInvalidDate(parsed)) {
+      return parsed;
+    }
+    parsed = parse(dateString, 'HH', baseDate);
+    if (checkInvalidDate(parsed)) {
+      return parsed;
+    }
+    parsed = null;
+  }
+
+  const dividers = dateString.match(dividersRegexp);
+
+  const operators = dateString.match(operatorsRegexp);
+
+  const time = dateString.match(timeRegexp);
+
+  if (time) {
+    formatted = formatted.replace(timeRegexp, '');
+  }
+
+  if (operators) {
+    formatted = formatted.replace(operatorsRegexp, '');
+  }
+
+  const hasLetters = formatted.match(/[a-zA-Z]/);
+
+  if (hasLetters) {
+    for (const format of formatsWithLetters) {
+      parsed = parse(formatted.replace(/\s/g, ''), format, baseDate);
+      if (checkInvalidDate(parsed)) {
+        result = parsed;
+        break;
+      }
+    }
+  }
+
+  if (dividers && !hasLetters) {
+    const dateParts = formatted.trim().split(dividersRegexp);
+    formatted = formatted.replace(dividersRegexp, ' ');
+
+    let formatString = `${dateParts[0] ? dateParts[0].replace(/./g, 'd') : ''} ${
+      dateParts[1] ? dateParts[1].replace(/./g, 'M') : ''
+    } ${dateParts[2] ? dateParts[2].replace(/./g, 'y') : ''}`;
+
+    if (dateParts[2] && dateParts[2].length === 1) {
+      formatted = formatted.replace(new RegExp(dateParts[2] + '$'), `0${dateParts[2]}`);
+      formatString = formatString.replace(new RegExp('y$'), 'yy');
+    }
+
+    parsed = parse(formatted, formatString.trim(), baseDate);
+    if (checkInvalidDate(parsed)) {
+      result = parsed;
+    }
+  }
+
+  if (!dividers && !hasLetters) {
+    switch (formatted.length) {
+      case 1:
+      case 2: {
+        parsed = parse(formatted, 'dd', baseDate);
+        if (checkInvalidDate(parsed)) {
+          result = parsed;
+        }
+        break;
+      }
+      case 3: {
+        parsed = parse(formatted, 'ddM', baseDate);
+        if (checkInvalidDate(parsed)) {
+          result = parsed;
+        }
+        break;
+      }
+      case 4: {
+        parsed = parse(`${formatted[0]} ${formatted[1]} ${formatted[2] + formatted[3]}`, 'd M yy', transitionDate);
+        if (checkInvalidDate(parsed)) {
+          result = parsed;
+        }
+        break;
+      }
+      case 5: {
+        parsed = parse(formatted, 'ddMyy', transitionDate);
+        if (checkInvalidDate(parsed)) {
+          result = parsed;
+        }
+        break;
+      }
+      case 6: {
+        parsed = parse(formatted, 'ddMMyy', transitionDate);
+        if (checkInvalidDate(parsed)) {
+          result = parsed;
+          break;
+        }
+
+        break;
+      }
+      case 8: {
+        parsed = parse(formatted, 'ddMMyyyy', transitionDate);
+        if (checkInvalidDate(parsed)) {
+          result = parsed;
+        }
+      }
+    }
+  }
+
+  if (!(result instanceof Date)) {
+    result = baseDate;
+    for (const option of specialOptions) {
+      if (formatted === option) {
+        switch (option) {
+          case 'tomorrow':
+          case 'tm': {
+            result = addDays(result, 1);
+            break;
+          }
+          case 'yesterday':
+          case 'yd': {
+            result = subDays(result, 1);
+          }
+        }
+        break;
+      }
+    }
+  }
+
+  if (operators) {
+    operators.forEach(op => {
+      result = manageDatePart(result, op.trim());
+    });
+  }
+
+  if (time && (type === 'time' || type === 'datetime')) {
+    parsed = parse(time[0].trim(), 'HH:mm', baseDate);
+    if (checkInvalidDate(parsed)) {
+      result = setHours(result, parsed.getHours());
+      result = setMinutes(result, parsed.getMinutes());
+    }
+  }
+
+  return result;
+};
+
+export const formatDurationMinutes = (minutes: number): string => {
+  const duration = (minutes / 60).toString().split('.');
+
+  return `${duration[0] === '0' ? '' : duration[0] + 'h'} ${
+    duration[1] ? (parseFloat('0.' + duration[1]) * 60).toFixed() + 'min' : ''
+  }`.trim();
+};

package/src/utils/dates/formatTimezone.ts

@@ -0,0 +1,37 @@
+/*
+ * Copyright ish group pty ltd 2020.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the
+ * GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
+ * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
+ * See the GNU Affero General Public License for more details.
+ */
+
+import { utcToZonedTime, zonedTimeToUtc } from 'date-fns-tz';
+
+export const appendTimezone = (date: Date, timezone: string) => {
+  let result = date;
+  try {
+    result = utcToZonedTime(date, timezone);
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.warn(e);
+    return date;
+  }
+  return result;
+};
+
+export const prependTimezone = (date: Date, timezone: string) => {
+  let result = date;
+
+  try {
+    result = zonedTimeToUtc(date, timezone);
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.warn(e);
+    return date;
+  }
+  return result;
+};

package/src/utils/dates/index.ts

@@ -0,0 +1,15 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+
+
+export * from './datesNormalizing';
+export * from './format';
+export * from './formatRelative';
+export * from './formatString';
+export * from './formatTimezone';
+export * from './timetable';

package/src/utils/dates/timetable.ts

@@ -0,0 +1,46 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+
+import { getDay, getDaysInMonth, lastDayOfMonth } from 'date-fns';
+
+const generateOneMonth = (today, status) =>
+  Array(getDaysInMonth(today))
+    .fill(null)
+    .map((el, id) => ({
+      day: id + 1,
+      date: new Date(today.getFullYear(), today.getMonth(), id + 1),
+      status
+    }));
+
+export const getCalendarDays = today => {
+  const currentMonth = generateOneMonth(today, 'current');
+  const previousMonth = generateOneMonth(new Date(today.getFullYear(), today.getMonth() - 1), 'previous');
+  const nextMonth = generateOneMonth(new Date(today.getFullYear(), today.getMonth() + 1), 'next');
+
+  const firstDayIndex = getDay(new Date(today.getFullYear(), today.getMonth(), 1));
+  const lastDayIndex = getDay(lastDayOfMonth(today));
+
+  const binaryCalendarState = (firstDayIndex, lastDayIndex) =>
+    parseInt(String(+!!firstDayIndex) + +(lastDayIndex < 6), 2);
+
+  switch (binaryCalendarState(firstDayIndex, lastDayIndex)) {
+    case 0:
+      return currentMonth;
+    case 1:
+      return currentMonth.concat(nextMonth.slice(0, 6 - lastDayIndex));
+    case 2:
+      return previousMonth.slice(previousMonth.length - firstDayIndex).concat(currentMonth);
+    case 3:
+      return previousMonth
+        .slice(previousMonth.length - firstDayIndex)
+        .concat(currentMonth)
+        .concat(nextMonth.slice(0, 6 - lastDayIndex));
+    default:
+      return currentMonth;
+  }
+};