@mailstep/design-system 0.5.0-beta.6 → 0.5.0-beta.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.5.0-beta.6",
+  "version": "0.5.0-beta.7",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Elements/DatePicker/DatePicker.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DatetimepickerProps } from './Datetime/DateTime';
 import { SpaceAround } from '../SpaceAround';
+import { DatetimepickerProps } from './Datetime/types';
 export type DatePickerType = DatetimepickerProps & {
     onChange: (value: string | Date) => void;
     disabled?: boolean;

package/ui/Elements/DatePicker/Datetime/DateTime.d.ts

@@ -1,4 +1,7 @@
-export default class Datetime extends React.Component<any, any, any> {
+import moment from 'moment';
+import React from 'react';
+import { DatetimepickerProps } from './types';
+export default class Datetime extends React.Component<DatetimepickerProps> {
     static defaultProps: {
         onOpen: () => void;
         onClose: () => void;
@@ -25,31 +28,24 @@ export default class Datetime extends React.Component<any, any, any> {
     };
     static moment: typeof moment;
     constructor(props: any);
-    state: {
-        open: boolean;
-        currentView: any;
-        viewDate: any;
-        selectedDate: any;
-        inputValue: any;
-    };
     render(): import("react/jsx-runtime").JSX.Element;
     renderInput(): import("react/jsx-runtime").JSX.Element | undefined;
-    renderView(): any;
+    renderView(): JSX.Element;
     _renderCalendar: () => import("react/jsx-runtime").JSX.Element;
     getInitialState(): {
         open: boolean;
-        currentView: any;
+        currentView: string;
         viewDate: any;
         selectedDate: any;
         inputValue: any;
     };
     getInitialViewDate(selectedDate: any): any;
     getInitialDate(): any;
-    getInitialView(): any;
+    getInitialView(): string;
     parseDate(date: any, dateFormat: any): any;
     getClassName(): string;
     isOpen(): any;
-    getUpdateOn(dateFormat: any): any;
+    getUpdateOn(dateFormat: any): string;
     getLocaleData(): any;
     getDateFormat(): any;
     getTimeFormat(): any;
@@ -74,7 +70,6 @@ export default class Datetime extends React.Component<any, any, any> {
     _handleClickOutside: () => void;
     localMoment(date: any, format: any, props: any): any;
     checkTZ(): void;
-    tzWarning: boolean | undefined;
     componentDidUpdate(prevProps: any): void;
     regenerateDates(): void;
     getSelectedDate(): any;
@@ -86,7 +81,7 @@ export default class Datetime extends React.Component<any, any, any> {
      * @param dateType date
      * @public
      */
-    public setViewDate(date: any): void;
+    setViewDate(date: any): void;
     /**
      * Set the view currently shown by the calendar. View modes shipped with react-datetime are 'years', 'months', 'days' and 'time'.
      * @param TYPES.string mode
@@ -98,5 +93,3 @@ export default class Datetime extends React.Component<any, any, any> {
     _onInputClick: (e: any) => void;
     callHandler(method: any, e: any): boolean;
 }
-import React from 'react';
-import moment from 'moment';

package/ui/Elements/DatePicker/Datetime/DateTime.js

@@ -25,12 +25,12 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable */
+// @ts-nocheck
 import moment from 'moment';
 import React from 'react';
-import DaysView from './views/DaysView.jsx';
-import MonthsView from './views/MonthsView.jsx';
-import YearsView from './views/YearsView.jsx';
+import DaysView from './views/DaysView';
+import MonthsView from './views/MonthsView';
+import YearsView from './views/YearsView';
 import onClickOutside from 'react-onclickoutside';
 var viewModes = {
     YEARS: 'years',

package/ui/Elements/DatePicker/Datetime/types.d.ts

@@ -0,0 +1,61 @@
+import { FocusEvent, FocusEventHandler } from 'react';
+import { Moment } from 'moment';
+export type ViewMode = 'years' | 'months' | 'days' | 'time';
+export interface TimeConstraint {
+    min: number;
+    max: number;
+    step: number;
+}
+export interface TimeConstraints {
+    hours?: TimeConstraint;
+    minutes?: TimeConstraint;
+    seconds?: TimeConstraint;
+    milliseconds?: TimeConstraint;
+}
+type EventOrValueHandler<Event> = (event: Event | Moment | string) => void;
+export interface DatetimepickerProps {
+    value?: Date | string | Moment;
+    initialValue?: Date | string | Moment;
+    initialViewDate?: Date | string | Moment;
+    initialViewMode?: ViewMode;
+    updateOnView?: string;
+    dateFormat?: boolean | string;
+    timeFormat?: boolean | string;
+    input?: boolean;
+    open?: boolean;
+    locale?: string;
+    utc?: boolean;
+    displayTimeZone?: string;
+    onChange?: (value: Moment | string) => void;
+    onOpen?: FocusEventHandler<any>;
+    onClose?: EventOrValueHandler<FocusEvent<any>>;
+    onNavigate?: (viewMode: string) => void;
+    onBeforeNavigate?: (nextView: string, currentView: string, viewDate: Moment) => string;
+    onNavigateBack?: (amount: number, type: string) => void;
+    onNavigateForward?: (amount: number, type: string) => void;
+    className?: string;
+    inputProps?: React.HTMLProps<HTMLInputElement>;
+    isValidDate?: (currentDate: any, selectedDate: any) => boolean;
+    renderView?: (viewMode: string, renderCalendar: Function) => JSX.Element;
+    renderDay?: (props: any, currentDate: any, selectedDate: any) => JSX.Element;
+    renderMonth?: (props: any, month: number, year: number, selectedDate: any) => JSX.Element;
+    renderYear?: (props: any, year: number, selectedDate: any) => JSX.Element;
+    renderInput?: (props: any, openCalendar: Function, closeCalendar: Function) => JSX.Element;
+    strictParsing?: boolean;
+    closeOnSelect?: boolean;
+    timeConstraints?: TimeConstraints;
+    closeOnClickOutside?: boolean;
+    secondValue?: Date | null;
+    label?: string;
+}
+export interface DatetimepickerState {
+    updateOn: string;
+    inputFormat: string;
+    viewDate: Moment;
+    selectedDate: Moment;
+    inputValue: string;
+    open: boolean;
+    secondValue?: Date | null;
+    label?: string;
+}
+export {};

package/ui/Elements/DatePicker/Datetime/types.js

@@ -0,0 +1,7 @@
+// Type definitions for react-datetime
+// Project: https://github.com/arqex/react-datetime
+// Definitions by: Ivan Verevkin <vereva@x-root.org>
+//     Updates by: Aaron Spaulding <aaron@sachimp.com>,
+//                 Karol Janyst <http://github.com/LKay>,
+//                 Javier Marquez <javi@arqex.com>
+export {};