dce-reactkit 4.0.0-beta-date-and-time.1 → 4.0.0-beta.1

package/src/components/SimpleTimeChooser.tsx

@@ -1,195 +0,0 @@
-/**
- * A very simple, lightweight time chooser
- * @author Gardenia Liu
- */
-
-// Import React
-import React from 'react';
-
-// Import helpers
-import padZerosLeft from '../helpers/padZerosLeft';
-
-/*------------------------------------------------------------------------*/
-/* -------------------------------- Types ------------------------------- */
-/*------------------------------------------------------------------------*/
-
-type Props = {
-  // Aria label
-  ariaLabel: string,
-  // Name of the chooser (machine-readable, hyphenated)
-  name: string,
-  // Currently selected hour of the day (24hr)
-  hour: number,
-  // Currently selected minute within the hour
-  minute: number,
-  /**
-   * Handler for when time changes
-   * @param hour new 24hr hour number
-   * @param minute new minute number
-   */
-  onChange: (hour: number, minute: number) => void,
-  // Interval in minutes between each choice
-  // Allowed options: 15, 30, 60, defaults to 15
-  // If an unsupported interval is passed in, it will default to 15
-  intervalMin?: number,
-};
-
-/*------------------------------------------------------------------------*/
-/* ------------------------------ Constants ----------------------------- */
-/*------------------------------------------------------------------------*/
-
-// Allowed intervals between options
-const ALLOWED_INTERVALS = [15, 30, 60]; // min
-
-// Default interval to use if an unsupported interval is passed in
-const DEFAULT_INTERVAL = ALLOWED_INTERVALS[0]; // min
-
-/*------------------------------------------------------------------------*/
-/* ------------------------------ Component ----------------------------- */
-/*------------------------------------------------------------------------*/
-
-const SimpleTimeChooser: React.FC<Props> = (props) => {
-  /*------------------------------------------------------------------------*/
-  /* -------------------------------- Setup ------------------------------- */
-  /*------------------------------------------------------------------------*/
-
-  /* -------------- Props ------------- */
-
-  const {
-    ariaLabel,
-    name,
-    hour,
-    minute,
-    onChange,
-  } = props;
-  let {
-    intervalMin = DEFAULT_INTERVAL,
-  } = props;
-
-  // Use default interval if not supported
-  if (ALLOWED_INTERVALS.includes(intervalMin)) {
-    intervalMin = DEFAULT_INTERVAL;
-  }
-
-  /*------------------------------------------------------------------------*/
-  /* ------------------------- Component Functions ------------------------ */
-  /*------------------------------------------------------------------------*/
-
-  /**
-   * Convert number of minutes since midnight into 24hour and minute format
-   * @author Gabe Abrams
-   * @param minSinceMidnight total minutes since midnight
-   * @returns hours (24) and minutes
-   */
-  const convertMinSinceMidnightToHoursAndMin = (minSinceMidnight: number): {
-    hours: number,
-    minutes: number,
-  } => {
-    return {
-      hours: Math.floor(minSinceMidnight / 60),
-      minutes: minSinceMidnight % 60,
-    };
-  };
-
-  /**
-   * Convert time in minutes into HH:MM format
-   * @author Gardenia Liu
-   * @param totalMinutes total minutes since midnight
-   * @returns formatted time string
-   */
-  const formatTime = (totalMinutes: number): string => {
-    // Handle special cases
-    if (totalMinutes === 0) {
-      return '12:00 Midnight';
-    }
-    if (totalMinutes === 12 * 60) {
-      return '12:00 Noon';
-    }
-
-    // All normal cases:
-    const timeInfo = convertMinSinceMidnightToHoursAndMin(totalMinutes);
-    let { hours } = timeInfo;
-    const { minutes } = timeInfo;
-
-    // Process 24hr -> 12hr
-    const isAM = (hours < 12);
-    if (hours === 0) {
-      hours = 12;
-    } else if (hours > 12) {
-      hours %= 12;
-    }
-
-    // Pad with zeros
-    const paddedMinutes = padZerosLeft(minutes, 2);
-
-    // Assemble time string
-    return `${hours}:${paddedMinutes} ${isAM ? 'AM' : 'PM'}`;
-  };
-
-  /*------------------------------------------------------------------------*/
-  /* ------------------------------- Render ------------------------------- */
-  /*------------------------------------------------------------------------*/
-
-  /*----------------------------------------*/
-  /* --------------- Main UI -------------- */
-  /*----------------------------------------*/
-
-  // Generate list of time options
-  const times: string[] = [];
-  for (let time = 0; time < 24 * 60; time += intervalMin) {
-    times.push(formatTime(time));
-  }
-
-  // Create choice options
-  const selectedTimeMin = hour * 60 + minute; // minutes since midnight
-  const timeOptions: React.ReactNode[] = times.map((timeString, timeIndex) => {
-    // Create time option
-    const numMinutesForChoice = timeIndex * intervalMin;
-
-    // Render the option
-    return (
-      <option
-        key={numMinutesForChoice}
-        value={numMinutesForChoice}
-        aria-label={`choose ${timeString}`}
-      >
-        {timeString}
-      </option>
-    );
-  });
-
-  return (
-    <div
-      className="SimpleTimeChooser-container"
-      aria-label={`time chooser with selected time: ${formatTime(selectedTimeMin)}`}
-    >
-      {/* Time Chooser */}
-      <select
-        aria-label={`time for ${ariaLabel}`}
-        className="custom-select d-inline-block"
-        style={{ width: 'auto' }}
-        id={`SimpleTimeChooser-${name}-time`}
-        value={selectedTimeMin}
-        onChange={(e) => {
-          // Parse selector value (string)
-          const newTime = Number.parseInt(e.target.value, 10);
-
-          // Convert minutes since midnight to hour and minute
-          const timeInfo = convertMinSinceMidnightToHoursAndMin(newTime);
-
-          // Notify parent of change
-          onChange(timeInfo.hours, timeInfo.minutes);
-        }}
-      >
-        {timeOptions}
-      </select>
-    </div>
-  );
-};
-
-/*------------------------------------------------------------------------*/
-/* ------------------------------- Wrap Up ------------------------------ */
-/*------------------------------------------------------------------------*/
-
-// Export component
-export default SimpleTimeChooser;

package/src/helpers/getWordCount.ts

@@ -1,26 +0,0 @@
-const punctuationRegex = /[!@#$%^&*(),.?\/;:'"\-\[\]]/g;
-
-/**
- * Get number of words in string 
- * @author Gardenia Liu
- * @author Allison Zhang
- * @author Gabe Abrams
- * @param text the string to check
- * @returns number of words in the string
- */
-const getWordCount = (text: string): number => {
-  const trimmedTextWithoutPunctuation = (
-    text
-      // Remove leading and trailing whitespace
-      .trim()
-      // Remove punctuation
-      .replace(punctuationRegex, '')
-  );
-  if (trimmedTextWithoutPunctuation.length === 0) {
-    return 0;
-  }
-
-  return trimmedTextWithoutPunctuation.split(/\s+/g).length;
-};
-
-export default getWordCount;