@tactics/toddle-styleguide 5.4.0 → 5.4.3

package/index.tsx

@@ -5,77 +5,70 @@ import 'intl/locale-data/jsonp/en';
 
 import App from './App';
 
-let webBuild = process.env.EXPO_PUBLIC_WEBBUILD;
-if (!webBuild) {
+if (!process.env.EXPO_PUBLIC_WEBBUILD) {
   registerRootComponent(App);
 }
 
-// Exports of components
-import {Avatar} from './src/components/molecules/avatar/avatar.component';
-import {Button} from './src/components/molecules/button/button.component';
-import {CancelLink} from './src/components/molecules/cancel-link/cancel-link.component';
-import {Check} from './src/components/atoms/check-switch/check-switch.component';
-import {Checkbox} from './src/components/molecules/checkbox/checkbox.component';
-import {ChildListItem} from './src/components/organisms/child-list-item/child-list-item.component';
-import {ContactItem} from './src/components/organisms/contact-item/contact-item.component';
-import {FilterTab} from './src/components/molecules/filter-tab/filter-tab.component';
-import {SplitContainer} from './src/components/atoms/split-container/split-container.component';
-import {ImageBubble} from './src/components/atoms/image-bubble/image-bubble.component';
-import {Info} from './src/components/molecules/info/info.component';
-import {Pill} from './src/components/molecules/pill/pill.component';
-import {Popover} from './src/components/templates/popover/popover.component';
-import {PressableIcon} from './src/components/molecules/pressable-icon/pressable-icon.component';
-import {QuickFilter} from './src/components/molecules/quick-filter/quick-filter.component';
-import {SelectListItem} from './src/components/molecules/select-list-item/select-list-item.component';
-import {Snackbar} from './src/components/molecules/snackbar/snackbar.component';
-import {Tag} from './src/components/molecules/tag/tag.component';
-import {TextBubble} from './src/components/organisms/text-bubble/text-bubble.component';
-import {TextInput} from './src/components/atoms/text-input/text-input.component';
-import {TimeTracker} from './src/components/molecules/time-tracker/time-tracker.component';
-import {WideButton} from './src/components/molecules/wide-button/wide-button.component';
-import {Icon} from './src/icons';
-import {Calendar} from './src/components/atoms/calendar/calendar.component';
-import {IncrementInput} from './src/components/atoms/increment-input/increment-input.component';
-import {Logo} from './src/components/atoms/logo/logo.component';
-import {Search} from './src/components/molecules/search-input/search.component';
-import {BlockedMessage} from './src/components/molecules/blocked-message/blocked-message.component';
-import {DepartmentLogo} from './src/components/molecules/department_logo/department-logo.component';
-import {ContactRole} from './src/components/molecules/contact-role/contact-role.component';
-import {TimeLine} from './src/components/molecules/timeline/timeline.component';
-import {SelectPicker} from './src/components/molecules/select-picker/select-picker.component';
-import {CalendarSelect} from './src/components/molecules/calendar-select/calendar-select.component';
-import {DateInput} from './src/components/molecules/date-input/date-input.component';
-import {FilterRange} from './src/components/molecules/filter-range/filter-range.component';
-import {Footer} from './src/components/atoms/footer/footer.component';
-import {DefaultSelect} from './src/components/molecules/default-select/default-select.component';
-import {PasswordInput} from './src/components/molecules/password-input/password-input.component';
-import {MessageInput} from './src/components/molecules/message-input/message-input.component';
+// ================================
+// Components
+// ================================
+import { Avatar } from './src/components/molecules/avatar/avatar.component';
+import { Button } from './src/components/molecules/button/button.component';
+import { CancelLink } from './src/components/molecules/cancel-link/cancel-link.component';
+import { Check } from './src/components/atoms/check-switch/check-switch.component';
+import { Checkbox } from './src/components/molecules/checkbox/checkbox.component';
+import { ChildListItem } from './src/components/organisms/child-list-item/child-list-item.component';
+import { ContactItem } from './src/components/organisms/contact-item/contact-item.component';
+import { FilterTab } from './src/components/molecules/filter-tab/filter-tab.component';
+import { SplitContainer } from './src/components/atoms/split-container/split-container.component';
+import { ImageBubble } from './src/components/atoms/image-bubble/image-bubble.component';
+import { Info } from './src/components/molecules/info/info.component';
+import { Pill } from './src/components/molecules/pill/pill.component';
+import { Popover } from './src/components/templates/popover/popover.component';
+import { PressableIcon } from './src/components/molecules/pressable-icon/pressable-icon.component';
+import { QuickFilter } from './src/components/molecules/quick-filter/quick-filter.component';
+import { SelectListItem } from './src/components/molecules/select-list-item/select-list-item.component';
+import { Snackbar } from './src/components/molecules/snackbar/snackbar.component';
+import { Tag } from './src/components/molecules/tag/tag.component';
+import { TextBubble } from './src/components/organisms/text-bubble/text-bubble.component';
+import { TextInput } from './src/components/atoms/text-input/text-input.component';
+import { TimeTracker } from './src/components/molecules/time-tracker/time-tracker.component';
+import { WideButton } from './src/components/molecules/wide-button/wide-button.component';
+import { Icon } from './src/icons';
+import { Calendar } from './src/components/atoms/calendar/calendar.component';
+import { IncrementInput } from './src/components/atoms/increment-input/increment-input.component';
+import { Logo } from './src/components/atoms/logo/logo.component';
+import { Search } from './src/components/molecules/search-input/search.component';
+import { BlockedMessage } from './src/components/molecules/blocked-message/blocked-message.component';
+import { DepartmentLogo } from './src/components/molecules/department_logo/department-logo.component';
+import { ContactRole } from './src/components/molecules/contact-role/contact-role.component';
+import { TimeLine } from './src/components/molecules/timeline/timeline.component';
+import { SelectPicker } from './src/components/molecules/select-picker/select-picker.component';
+import { CalendarSelect } from './src/components/molecules/calendar-select/calendar-select.component';
+import { DateInput } from './src/components/molecules/date-input/date-input.component';
+import { FilterRange } from './src/components/molecules/filter-range/filter-range.component';
+import { Footer } from './src/components/atoms/footer/footer.component';
+import { DefaultSelect } from './src/components/molecules/default-select/default-select.component';
+import { PasswordInput } from './src/components/molecules/password-input/password-input.component';
+import { MessageInput } from './src/components/molecules/message-input/message-input.component';
 import {
-  AllCapsHeading,
-  Heading1,
-  Heading2,
-  Heading3,
-  Heading4,
+  AllCapsHeading, Heading1, Heading2, Heading3, Heading4
 } from './src/components/atoms/heading-components';
-import {
-  Paragraph,
-  SmallText,
-  TinyText,
-} from './src/components/atoms/paragraph-components';
-import {SelectLink} from './src/components/molecules/select-link/select-link.component';
-import {MyChildListItem} from './src/components/organisms/my-child-list-item/my-child-list-item.component';
-import {MoreInfoButton} from './src/components/molecules/more-info-button/more-info-button.component';
-import {LanguageButton} from './src/components/molecules/language-button/language-button.component';
-import {Modal} from './src/components/templates/modal/modal.component';
-import {LoadingIndicator} from './src/components/organisms/loading-indicator/loading-indicator.component';
-import {WaveBackground} from './src/components/molecules/wave-background/wave.component';
-import {BackgroundGradient} from './src/components/atoms/background-gradient/background-gradient.component';
-import {PersonInfoCard} from './src/components/organisms/person-info-card/person-info-card.component';
-import {TimePicker} from './src/components/molecules/time-picker/time-picker.component';
-import {QuickMessage} from './src/components/atoms/quick-message/quick-message.component';
-import {Line} from './src/components/atoms/line/line.component';
-import {JournalEntry} from './src/components/organisms/journal-entry/journal-entry.component';
-import {TimetableEdit} from './src/components/organisms/timetable-edit/timetable-edit.component';
+import { Paragraph, SmallText, TinyText } from './src/components/atoms/paragraph-components';
+import { SelectLink } from './src/components/molecules/select-link/select-link.component';
+import { MyChildListItem } from './src/components/organisms/my-child-list-item/my-child-list-item.component';
+import { MoreInfoButton } from './src/components/molecules/more-info-button/more-info-button.component';
+import { LanguageButton } from './src/components/molecules/language-button/language-button.component';
+import { Modal } from './src/components/templates/modal/modal.component';
+import { LoadingIndicator } from './src/components/organisms/loading-indicator/loading-indicator.component';
+import { WaveBackground } from './src/components/molecules/wave-background/wave.component';
+import { BackgroundGradient } from './src/components/atoms/background-gradient/background-gradient.component';
+import { PersonInfoCard } from './src/components/organisms/person-info-card/person-info-card.component';
+import { TimePicker } from './src/components/molecules/time-picker/time-picker.component';
+import { QuickMessage } from './src/components/atoms/quick-message/quick-message.component';
+import { Line } from './src/components/atoms/line/line.component';
+import { JournalEntry } from './src/components/organisms/journal-entry/journal-entry.component';
+import { TimetableEdit } from './src/components/organisms/timetable-edit/timetable-edit.component';
 import { ContextLabel } from './src/components/molecules/context-label/context-label.component';
 import { Count } from './src/components/atoms/count/count.component';
 import { Amount } from './src/components/molecules/amount/amount.component';
@@ -87,28 +80,58 @@ import { SelectableListItem } from './src/components/molecules/selectable-list-i
 import { SwipeableContainer } from './src/components/molecules/swipeable/swipeable-container.component';
 import { SwipeableAction } from './src/components/molecules/swipeable/swipeable-action.component';
 import { ContactAddress } from './src/components/molecules/contact-address/contact-address.component';
+import { Day } from './src/components/molecules/day/day.component';
 
-// Exports of enums
-import {BubbleAlignment} from './src/types/bubble-alignment.enum';
-import {KeyBoardTypes} from './src/types/keyboard-types.enum';
-import {Size} from './src/types/size.enum';
-import {VisualState} from './src/types/visual-state.enum';
+// ================================
+// Enums
+// ================================
+import { BubbleAlignment } from './src/types/bubble-alignment.enum';
+import { KeyBoardTypes } from './src/types/keyboard-types.enum';
+import { Size } from './src/types/size.enum';
+import { VisualState } from './src/types/visual-state.enum';
 
-// Exports of models
-import {Initials} from './src/models/initials.model';
+// ================================
+// Models
+// ================================
+import { Initials } from './src/models/initials.model';
 import { TimeSlotRecord } from './src/models/time-slot-record';
 import { TimeSlotSequence } from './src/models/time-slot-sequence';
 
-// Exports of context
-import {ThemeCtx} from './src/context/theme.context';
-
-//Export of Theme
-import {Scale} from './src/theme/scale/index';
+// ================================
+// Context
+// ================================
+import { ThemeCtx } from './src/context/theme.context';
 
-// Export of responsive style
+// ================================
+// Theme / Style
+// ================================
+import { Scale } from './src/theme/scale/index';
 import CreateResponsiveStyle from './src/theme/responsive/index';
 
+// ================================
+// Date / Time Utilities
+// ================================
+import { ClockInterface, SystemClock } from './src/utilities/datetime/clock.class';
+import { YearAndMonth, YearAndMonthInterface, YearAndMonthLocaleAwareOutputFormat, YearAndMonthOutputFormat } from './src/utilities/datetime/yearandmonth.class';
+import { Year, YearInterface, YearOutputFormat } from './src/utilities/datetime/year.class';
+import { SystemTimezone, TimeZone, TimeZoneInterface, UTCTimezone } from './src/utilities/datetime/timezone.class';
+import { Time, TimeInputFormat, TimeInterface, TimeOutputFormat } from './src/utilities/datetime/time.class';
+import { Second, SecondInterface, SecondOutputFormat } from './src/utilities/datetime/second.class';
+import { Month, MonthIndex, MonthInterface, MonthLocalAwareOutputFormat, MonthOutputFormat } from './src/utilities/datetime/month.class';
+import { Minute, MinuteInterface, MinuteOutputFormat } from './src/utilities/datetime/minute.class';
+import { Millisecond, MillisecondInterface, MilliSecondOutputFormat } from './src/utilities/datetime/millisecond.class';
+import { Locale } from './src/utilities/datetime/locale';
+import { Hour, HourInterface, HourOutputFormat } from './src/utilities/datetime/hour.class';
+import { DayOfWeek, DayOfWeekIndex, DayOfWeekLocaleAwareOutputFormat, DayOfWeekOutputFormat, IDayOfWeek, Iso8601WeekdayNumbers, ZeroBasedWeekdayNumbers } from './src/utilities/datetime/dayoftheweek.class';
+import { DayInterface, DayOutputFormat } from './src/utilities/datetime/day.class';
+import { DateTime, DateTimeCalculation, DateTimeInterface, DateTimeOutputFormat } from './src/utilities/datetime/datetime.class';
+import { DateOnly, DateOnlyInterface, DateOnlyLocaleAwareOutputFormat, DateOnlyOutputFormat } from './src/utilities/datetime/dateonly.class';
+
+// ================================
+// Exports
+// ================================
 export {
+  // Components
   AllCapsHeading,
   Avatar,
   BackgroundGradient,
@@ -170,25 +193,88 @@ export {
   TinyText,
   WaveBackground,
   WideButton,
-  BubbleAlignment,
-  Initials,
-  KeyBoardTypes,
-  Size,
-  ThemeCtx,
-  VisualState,
-  CreateResponsiveStyle,
-  Scale,
-  TimetableEdit,
   ContextLabel,
   Count,
   Amount,
+  TimetableEdit,
   TimetableEditor,
   TimetableEditorStaff,
-  TimeSlotRecord,
-  TimeSlotSequence,
   InlineError,
   InlineNotice,
   SelectableListItem,
   SwipeableContainer,
   SwipeableAction,
-};
+  Day,
+
+  // Enums
+  BubbleAlignment,
+  KeyBoardTypes,
+  Size,
+  VisualState,
+
+  // Models
+  Initials,
+  TimeSlotRecord,
+  TimeSlotSequence,
+
+  // Context
+  ThemeCtx,
+
+  // Theme
+  Scale,
+  CreateResponsiveStyle,
+
+  // Date / Time Utilities
+  ClockInterface,
+  SystemClock,
+  DateOnly,
+  DateOnlyInterface,
+  DateOnlyLocaleAwareOutputFormat,
+  DateOnlyOutputFormat,
+  DateTime,
+  DateTimeCalculation,
+  DateTimeInterface,
+  DateTimeOutputFormat,
+  DayInterface,
+  DayOutputFormat,
+  DayOfWeek,
+  DayOfWeekIndex,
+  DayOfWeekLocaleAwareOutputFormat,
+  DayOfWeekOutputFormat,
+  IDayOfWeek,
+  Iso8601WeekdayNumbers,
+  ZeroBasedWeekdayNumbers,
+  Hour,
+  HourInterface,
+  HourOutputFormat,
+  Locale,
+  Millisecond,
+  MillisecondInterface,
+  MilliSecondOutputFormat,
+  Minute,
+  MinuteInterface,
+  MinuteOutputFormat,
+  Month,
+  MonthIndex,
+  MonthInterface,
+  MonthLocalAwareOutputFormat,
+  MonthOutputFormat,
+  Second,
+  SecondInterface,
+  SecondOutputFormat,
+  Time,
+  TimeInputFormat,
+  TimeInterface,
+  TimeOutputFormat,
+  TimeZone,
+  SystemTimezone,
+  TimeZoneInterface,
+  UTCTimezone,
+  Year,
+  YearInterface,
+  YearOutputFormat,
+  YearAndMonth,
+  YearAndMonthInterface,
+  YearAndMonthLocaleAwareOutputFormat,
+  YearAndMonthOutputFormat
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tactics/toddle-styleguide",
-  "version": "5.4.0",
+  "version": "5.4.3",
   "main": "index.tsx",
   "types": "index.d.ts",
   "prepublish": "tsc",

package/src/utilities/datetime/clock.class.tsx

@@ -1,6 +1,5 @@
 import {DateTime, DateTimeInterface} from './datetime.class';
 import dayjs from './dayjs-config';
-import {TimeZoneInterface} from './timezone.class';
 
 export interface ClockInterface {
   now(): DateTimeInterface;

package/src/utilities/datetime/dateonly.class.tsx

@@ -43,13 +43,6 @@ export enum DateOnlyLocaleAwareOutputFormat {
   DATEONLY_FULL = "ddd, D MMM YYYY",
 }
 
-
-export interface DateOnlyCalculation {
-  years?: number;
-  months?: number;
-  days?: number;
-}
-
 export interface DateOnlyInterface {
   year: Year;
   month: Month;

package/src/utilities/datetime/minute.class.tsx

@@ -19,7 +19,7 @@ export interface MinuteInterface {
   // formatLocale is not included since seconds don't get formatted local.
 }
 
-export class Minute {
+export class Minute implements MinuteInterface{
   private constructor(private readonly minute: number) {
     if (minute < 0 || minute > 59) {
       throw InvalidMinute.outOfRange();