@atlaskit/editor-plugin-date 0.1.0 → 0.2.0

package/dist/types/actions.d.ts

@@ -0,0 +1,49 @@
+import type { Command, CommandDispatch, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { DatePlugin, DateType } from './types';
+export declare const createDate: (isQuickInsertAction?: boolean) => (insert: (node: Node | Object | string, opts?: {
+    selectInlineNode: boolean;
+}) => Transaction, state: EditorState) => Transaction;
+/** Focus input */
+export declare const focusDateInput: () => (state: EditorState, dispatch: CommandDispatch | undefined) => boolean;
+export declare const setDatePickerAt: (showDatePickerAt: number | null) => (state: EditorState, dispatch: (tr: Transaction) => void) => boolean;
+export declare const closeDatePicker: () => Command;
+export declare const closeDatePickerWithAnalytics: ({ date, pluginInjectionApi, }: {
+    date?: DateType | undefined;
+    pluginInjectionApi?: import("@atlaskit/editor-common/types").PublicPluginAPI<[import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"date", {
+        pluginConfiguration: import("./types").DatePluginConfig | undefined;
+        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+            pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+            sharedState: {
+                createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+            };
+            dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+            }, import("@atlaskit/editor-common/types").FeatureFlags>];
+            actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+        }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
+            sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
+        }, undefined>];
+        sharedState: import("./types").DatePluginSharedState;
+        commands: {
+            insertDate: import("./types").InsertDate;
+            deleteDate: import("@atlaskit/editor-common/types").EditorCommand;
+        };
+    }, import("./types").DatePluginConfig | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+        pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+        sharedState: {
+            createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+            attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+        };
+        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }, import("@atlaskit/editor-common/types").FeatureFlags>];
+        actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+    }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
+        sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
+    }, undefined>]> | undefined;
+}) => Command;
+export declare const openDatePicker: () => Command;

package/dist/types/commands.d.ts

@@ -1,10 +1,12 @@
-import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import type { EditorCommand, TOOLBAR_MENU_TYPE } from '@atlaskit/editor-common/types';
-import type { DateType } from './types';
-export type DeleteDate = EditorCommand;
-export type InsertDate = (props: {
-    date?: DateType;
-    inputMethod?: TOOLBAR_MENU_TYPE;
-    commitMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.KEYBOARD;
-    enterPressed?: boolean;
-}) => EditorCommand;
+import type { OptionalPlugin, PluginInjectionAPIWithDependencies } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { DatePlugin, DeleteDate, InsertDate } from './types';
+type DeleteDateCommand = (pluginInjectionApi: PluginInjectionAPIWithDependencies<[DatePlugin]> | undefined) => DeleteDate;
+/** Delete the date and close the datepicker */
+export declare const deleteDateCommand: DeleteDateCommand;
+type InsertDateCommand = (pluginInjectionApi: PluginInjectionAPIWithDependencies<[
+    OptionalPlugin<AnalyticsPlugin>,
+    DatePlugin
+]> | undefined) => InsertDate;
+export declare const insertDateCommand: InsertDateCommand;
+export {};

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
+export { default as datePlugin } from './plugin';
 export type { DatePlugin, DatePluginSharedState, DatePluginConfig, DateType, } from './types';
-export type { DeleteDate, InsertDate } from './commands';

package/dist/types/nodeviews/date.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { InlineNodeViewComponentProps } from '@atlaskit/editor-common/react-node-view';
+export declare function DateNodeView(props: InlineNodeViewComponentProps): JSX.Element;

package/dist/types/plugin.d.ts

@@ -0,0 +1,3 @@
+import type { DatePlugin } from './types';
+declare const datePlugin: DatePlugin;
+export default datePlugin;

package/dist/types/pm-plugins/keymap.d.ts

@@ -0,0 +1,3 @@
+import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+export declare function keymapPlugin(): SafePlugin;
+export default keymapPlugin;

package/dist/types/pm-plugins/main.d.ts

@@ -0,0 +1,6 @@
+import type { PMPluginFactory } from '@atlaskit/editor-common/types';
+import type { DatePluginState } from './types';
+declare const getPluginState: (state: import("prosemirror-state").EditorState) => DatePluginState;
+declare const createPlugin: PMPluginFactory;
+export { getPluginState };
+export default createPlugin;

package/dist/types/pm-plugins/plugin-key.d.ts

@@ -0,0 +1,3 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { DatePluginState } from './types';
+export declare const pluginKey: PluginKey<DatePluginState>;

package/dist/types/pm-plugins/types.d.ts

@@ -0,0 +1,12 @@
+export type DatePluginState = {
+    isQuickInsertAction?: boolean;
+    isNew: boolean;
+    showDatePickerAt: number | null;
+    isDateEmpty: boolean;
+    focusDateInput: boolean;
+};
+export type DatePluginMeta = {
+    isNew?: boolean;
+    showDatePickerAt?: number | null;
+    isDateEmpty?: boolean;
+};

package/dist/types/pm-plugins/utils.d.ts

@@ -0,0 +1,5 @@
+import type { ReadonlyTransaction } from '@atlaskit/editor-prosemirror/state';
+import type { DatePluginMeta, DatePluginState } from './types';
+export declare function reducer(pluginState: DatePluginState, meta: DatePluginMeta): DatePluginState;
+export declare function mapping(tr: ReadonlyTransaction, pluginState: DatePluginState): DatePluginState;
+export declare function onSelectionChanged(tr: ReadonlyTransaction, pluginState: DatePluginState): DatePluginState;

package/dist/types/types.d.ts

@@ -1,8 +1,9 @@
 import type { WeekDay } from '@atlaskit/calendar/types';
-import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { EditorCommand, NextEditorPlugin, TOOLBAR_MENU_TYPE } from '@atlaskit/editor-common/types';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
-import type { DeleteDate, InsertDate } from './commands';
+export type DateSegment = 'day' | 'month' | 'year';
 export type DateType = {
     year: number;
     month: number;
@@ -16,6 +17,13 @@ export type DatePluginSharedState = {
     isNew: boolean;
     focusDateInput: boolean;
 };
+export type InsertDate = (props: {
+    date?: DateType;
+    inputMethod?: TOOLBAR_MENU_TYPE;
+    commitMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.KEYBOARD;
+    enterPressed?: boolean;
+}) => EditorCommand;
+export type DeleteDate = EditorCommand;
 export type DatePlugin = NextEditorPlugin<'date', {
     pluginConfiguration: DatePluginConfig | undefined;
     dependencies: [typeof analyticsPlugin, EditorDisabledPlugin];

package/dist/types/ui/DatePicker/date-picker-input.d.ts

@@ -0,0 +1,25 @@
+/** @jsx jsx */
+import React from 'react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { DateType } from '../../types';
+export interface InputProps {
+    /** Locale code string (eg. "en-AU") */
+    locale: string;
+    date: DateType;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    onNewDate: (date: DateType) => void;
+    onSubmitDate: (date: DateType | null) => void;
+    onEmptySubmit: () => void;
+    /** Automatically focus the text field */
+    autoFocus?: boolean;
+    /** Automatically select all text in the field. Requires autoFocus to be true. */
+    autoSelectAll?: boolean;
+}
+export interface InputState {
+    inputText: string;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<InputProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<InputProps & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types/ui/DatePicker/index.d.ts

@@ -0,0 +1,36 @@
+/** @jsx jsx */
+import React from 'react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { WeekDay } from '@atlaskit/calendar/types';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { DateType } from '../../types';
+export interface Props {
+    element: HTMLElement | null;
+    closeDatePicker: () => void;
+    /** Whether the date is newly created, selcting and focusing the input */
+    isNew: boolean;
+    /** Whether to automatically focus the input */
+    autoFocus?: boolean;
+    onSelect: (date: DateType | null, commitMethod: INPUT_METHOD.PICKER | INPUT_METHOD.KEYBOARD) => void;
+    onDelete: () => void;
+    mountTo?: HTMLElement;
+    boundariesElement?: HTMLElement;
+    scrollableElement?: HTMLElement;
+    closeDatePickerWithAnalytics: ({ date }: {
+        date?: DateType;
+    }) => void;
+    onTextChanged: (date: DateType) => void;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    weekStartDay?: WeekDay;
+}
+export interface State {
+    date: DateType;
+    selected: Array<string>;
+    setInputSelectionPos?: number;
+    latestValidDate: DateType;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types/utils/formatParse.d.ts

@@ -0,0 +1,27 @@
+import type { DateType } from '../types';
+/**
+ * Attempt to parse a string representing a date in a particular locale to a date object
+ * @param dateString The string representing the date in the given locale, eg '02/12/2000'
+ * @param l10n The localisation provider created by createLocalizationProvider
+ * @returns Editor DateType when can parse, null when can't parse or invalid
+ */
+export declare function parseDateType(dateString: string, locale: string): DateType | null;
+/**
+ * Convert an EditorDateType to a date string string formatted for a particular locale
+ * @param date The date object
+ * @param locale The locale code string (eg. "en-AU")
+ * @returns Date string, eg "25/5/20"
+ */
+export declare function formatDateType(date: DateType, locale: string): string;
+/**
+ * Convert an Editor DateType to a JavaScript Date object
+ * @param date Editor DateType
+ * @returns JavaScript Date object
+ */
+export declare function dateTypeToDate(date: DateType): Date;
+/**
+ * Convert a JavaScript Date to an editor DateType
+ * @param date JavaScript Date object
+ * @returns Editor DateType
+ */
+export declare function dateToDateType(date: Date): DateType;

package/dist/types/utils/internal.d.ts

@@ -0,0 +1,32 @@
+import type { DateSegment, DateType } from '../types';
+/**
+ * Inconclusively check if a date string is valid - a value of false means it is definitely
+ * invalid, a value of true means it might be valid.
+ * @param date Date string to be parsed
+ */
+export declare function isDatePossiblyValid(date: string): boolean;
+/**
+ * Find the segment of a date a position refers to. Eg: pos 2 in 29/03/2020 is in
+ * the day segment.
+ * @param position Cursor position, with 0 referring to the left of the first char
+ * @param date The localised date string
+ * @param locale The language to interpret the date string in
+ */
+export declare function findDateSegmentByPosition(position: number, date: string, locale: string): DateSegment | undefined;
+/**
+ * Generate a placeholder date string for a given locale
+ * eg: locale 'hu-HU' -> 'yyyy. mm. dd.'
+ * @param locale A locale string supported by Intl.DateTimeFormat
+ * @returns A placeholder string. d=1 or 2 digit day, dd=zero padded
+ * day, same for month but letter m, yyyy=year
+ */
+export declare function getLocaleDatePlaceholder(locale: string): string | undefined;
+/**
+ * Adjust date segment up or down. Eg. If day is the active segment and adjustment is -1,
+ * reduce the day by one.
+ * @param date Valid datetype
+ * @param activeSegment which part of the date is selected/being adjusted
+ * @param adjustment how many units the segment is being adjusted (can be pos or neg, usually 1 or -1)
+ */
+export declare function adjustDate(date: DateType, activeSegment: DateSegment, adjustment: number): DateType;
+export declare function isToday(date: DateType | undefined): boolean;

package/dist/types-ts4.5/actions.d.ts

@@ -0,0 +1,60 @@
+import type { Command, CommandDispatch, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { DatePlugin, DateType } from './types';
+export declare const createDate: (isQuickInsertAction?: boolean) => (insert: (node: Node | Object | string, opts?: {
+    selectInlineNode: boolean;
+}) => Transaction, state: EditorState) => Transaction;
+/** Focus input */
+export declare const focusDateInput: () => (state: EditorState, dispatch: CommandDispatch | undefined) => boolean;
+export declare const setDatePickerAt: (showDatePickerAt: number | null) => (state: EditorState, dispatch: (tr: Transaction) => void) => boolean;
+export declare const closeDatePicker: () => Command;
+export declare const closeDatePickerWithAnalytics: ({ date, pluginInjectionApi, }: {
+    date?: DateType | undefined;
+    pluginInjectionApi?: import("@atlaskit/editor-common/types").PublicPluginAPI<[
+        import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"date", {
+            pluginConfiguration: import("./types").DatePluginConfig | undefined;
+            dependencies: [
+                import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+                    pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+                    sharedState: {
+                        createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                        attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+                    };
+                    dependencies: [
+                        import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                        }, import("@atlaskit/editor-common/types").FeatureFlags>
+                    ];
+                    actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+                }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>,
+                import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
+                    sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
+                }, undefined>
+            ];
+            sharedState: import("./types").DatePluginSharedState;
+            commands: {
+                insertDate: import("./types").InsertDate;
+                deleteDate: import("@atlaskit/editor-common/types").EditorCommand;
+            };
+        }, import("./types").DatePluginConfig | undefined>,
+        import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"analytics", {
+            pluginConfiguration: import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions;
+            sharedState: {
+                createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | null;
+                attachAnalyticsEvent: import("@atlaskit/editor-plugin-analytics").CreateAttachPayloadIntoTransaction | null;
+            };
+            dependencies: [
+                import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                    pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                    sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                }, import("@atlaskit/editor-common/types").FeatureFlags>
+            ];
+            actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
+        }, import("@atlaskit/editor-plugin-analytics").AnalyticsPluginOptions>,
+        import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
+            sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
+        }, undefined>
+    ]> | undefined;
+}) => Command;
+export declare const openDatePicker: () => Command;

package/dist/types-ts4.5/commands.d.ts

@@ -1,10 +1,14 @@
-import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import type { EditorCommand, TOOLBAR_MENU_TYPE } from '@atlaskit/editor-common/types';
-import type { DateType } from './types';
-export type DeleteDate = EditorCommand;
-export type InsertDate = (props: {
-    date?: DateType;
-    inputMethod?: TOOLBAR_MENU_TYPE;
-    commitMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.KEYBOARD;
-    enterPressed?: boolean;
-}) => EditorCommand;
+import type { OptionalPlugin, PluginInjectionAPIWithDependencies } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { DatePlugin, DeleteDate, InsertDate } from './types';
+type DeleteDateCommand = (pluginInjectionApi: PluginInjectionAPIWithDependencies<[
+    DatePlugin
+]> | undefined) => DeleteDate;
+/** Delete the date and close the datepicker */
+export declare const deleteDateCommand: DeleteDateCommand;
+type InsertDateCommand = (pluginInjectionApi: PluginInjectionAPIWithDependencies<[
+    OptionalPlugin<AnalyticsPlugin>,
+    DatePlugin
+]> | undefined) => InsertDate;
+export declare const insertDateCommand: InsertDateCommand;
+export {};

package/dist/types-ts4.5/index.d.ts

@@ -1,2 +1,2 @@
+export { default as datePlugin } from './plugin';
 export type { DatePlugin, DatePluginSharedState, DatePluginConfig, DateType, } from './types';
-export type { DeleteDate, InsertDate } from './commands';

package/dist/types-ts4.5/nodeviews/date.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { InlineNodeViewComponentProps } from '@atlaskit/editor-common/react-node-view';
+export declare function DateNodeView(props: InlineNodeViewComponentProps): JSX.Element;

package/dist/types-ts4.5/plugin.d.ts

@@ -0,0 +1,3 @@
+import type { DatePlugin } from './types';
+declare const datePlugin: DatePlugin;
+export default datePlugin;

package/dist/types-ts4.5/pm-plugins/keymap.d.ts

@@ -0,0 +1,3 @@
+import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+export declare function keymapPlugin(): SafePlugin;
+export default keymapPlugin;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -0,0 +1,6 @@
+import type { PMPluginFactory } from '@atlaskit/editor-common/types';
+import type { DatePluginState } from './types';
+declare const getPluginState: (state: import("prosemirror-state").EditorState) => DatePluginState;
+declare const createPlugin: PMPluginFactory;
+export { getPluginState };
+export default createPlugin;

package/dist/types-ts4.5/pm-plugins/plugin-key.d.ts

@@ -0,0 +1,3 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { DatePluginState } from './types';
+export declare const pluginKey: PluginKey<DatePluginState>;

package/dist/types-ts4.5/pm-plugins/types.d.ts

@@ -0,0 +1,12 @@
+export type DatePluginState = {
+    isQuickInsertAction?: boolean;
+    isNew: boolean;
+    showDatePickerAt: number | null;
+    isDateEmpty: boolean;
+    focusDateInput: boolean;
+};
+export type DatePluginMeta = {
+    isNew?: boolean;
+    showDatePickerAt?: number | null;
+    isDateEmpty?: boolean;
+};

package/dist/types-ts4.5/pm-plugins/utils.d.ts

@@ -0,0 +1,5 @@
+import type { ReadonlyTransaction } from '@atlaskit/editor-prosemirror/state';
+import type { DatePluginMeta, DatePluginState } from './types';
+export declare function reducer(pluginState: DatePluginState, meta: DatePluginMeta): DatePluginState;
+export declare function mapping(tr: ReadonlyTransaction, pluginState: DatePluginState): DatePluginState;
+export declare function onSelectionChanged(tr: ReadonlyTransaction, pluginState: DatePluginState): DatePluginState;

package/dist/types-ts4.5/types.d.ts

@@ -1,8 +1,9 @@
 import type { WeekDay } from '@atlaskit/calendar/types';
-import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { EditorCommand, NextEditorPlugin, TOOLBAR_MENU_TYPE } from '@atlaskit/editor-common/types';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
-import type { DeleteDate, InsertDate } from './commands';
+export type DateSegment = 'day' | 'month' | 'year';
 export type DateType = {
     year: number;
     month: number;
@@ -16,6 +17,13 @@ export type DatePluginSharedState = {
     isNew: boolean;
     focusDateInput: boolean;
 };
+export type InsertDate = (props: {
+    date?: DateType;
+    inputMethod?: TOOLBAR_MENU_TYPE;
+    commitMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.KEYBOARD;
+    enterPressed?: boolean;
+}) => EditorCommand;
+export type DeleteDate = EditorCommand;
 export type DatePlugin = NextEditorPlugin<'date', {
     pluginConfiguration: DatePluginConfig | undefined;
     dependencies: [

package/dist/types-ts4.5/ui/DatePicker/date-picker-input.d.ts

@@ -0,0 +1,25 @@
+/** @jsx jsx */
+import React from 'react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { DateType } from '../../types';
+export interface InputProps {
+    /** Locale code string (eg. "en-AU") */
+    locale: string;
+    date: DateType;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    onNewDate: (date: DateType) => void;
+    onSubmitDate: (date: DateType | null) => void;
+    onEmptySubmit: () => void;
+    /** Automatically focus the text field */
+    autoFocus?: boolean;
+    /** Automatically select all text in the field. Requires autoFocus to be true. */
+    autoSelectAll?: boolean;
+}
+export interface InputState {
+    inputText: string;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<InputProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<InputProps & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types-ts4.5/ui/DatePicker/index.d.ts

@@ -0,0 +1,36 @@
+/** @jsx jsx */
+import React from 'react';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { WeekDay } from '@atlaskit/calendar/types';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
+import type { DateType } from '../../types';
+export interface Props {
+    element: HTMLElement | null;
+    closeDatePicker: () => void;
+    /** Whether the date is newly created, selcting and focusing the input */
+    isNew: boolean;
+    /** Whether to automatically focus the input */
+    autoFocus?: boolean;
+    onSelect: (date: DateType | null, commitMethod: INPUT_METHOD.PICKER | INPUT_METHOD.KEYBOARD) => void;
+    onDelete: () => void;
+    mountTo?: HTMLElement;
+    boundariesElement?: HTMLElement;
+    scrollableElement?: HTMLElement;
+    closeDatePickerWithAnalytics: ({ date }: {
+        date?: DateType;
+    }) => void;
+    onTextChanged: (date: DateType) => void;
+    dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
+    weekStartDay?: WeekDay;
+}
+export interface State {
+    date: DateType;
+    selected: Array<string>;
+    setInputSelectionPos?: number;
+    latestValidDate: DateType;
+}
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types-ts4.5/utils/formatParse.d.ts

@@ -0,0 +1,27 @@
+import type { DateType } from '../types';
+/**
+ * Attempt to parse a string representing a date in a particular locale to a date object
+ * @param dateString The string representing the date in the given locale, eg '02/12/2000'
+ * @param l10n The localisation provider created by createLocalizationProvider
+ * @returns Editor DateType when can parse, null when can't parse or invalid
+ */
+export declare function parseDateType(dateString: string, locale: string): DateType | null;
+/**
+ * Convert an EditorDateType to a date string string formatted for a particular locale
+ * @param date The date object
+ * @param locale The locale code string (eg. "en-AU")
+ * @returns Date string, eg "25/5/20"
+ */
+export declare function formatDateType(date: DateType, locale: string): string;
+/**
+ * Convert an Editor DateType to a JavaScript Date object
+ * @param date Editor DateType
+ * @returns JavaScript Date object
+ */
+export declare function dateTypeToDate(date: DateType): Date;
+/**
+ * Convert a JavaScript Date to an editor DateType
+ * @param date JavaScript Date object
+ * @returns Editor DateType
+ */
+export declare function dateToDateType(date: Date): DateType;

package/dist/types-ts4.5/utils/internal.d.ts

@@ -0,0 +1,32 @@
+import type { DateSegment, DateType } from '../types';
+/**
+ * Inconclusively check if a date string is valid - a value of false means it is definitely
+ * invalid, a value of true means it might be valid.
+ * @param date Date string to be parsed
+ */
+export declare function isDatePossiblyValid(date: string): boolean;
+/**
+ * Find the segment of a date a position refers to. Eg: pos 2 in 29/03/2020 is in
+ * the day segment.
+ * @param position Cursor position, with 0 referring to the left of the first char
+ * @param date The localised date string
+ * @param locale The language to interpret the date string in
+ */
+export declare function findDateSegmentByPosition(position: number, date: string, locale: string): DateSegment | undefined;
+/**
+ * Generate a placeholder date string for a given locale
+ * eg: locale 'hu-HU' -> 'yyyy. mm. dd.'
+ * @param locale A locale string supported by Intl.DateTimeFormat
+ * @returns A placeholder string. d=1 or 2 digit day, dd=zero padded
+ * day, same for month but letter m, yyyy=year
+ */
+export declare function getLocaleDatePlaceholder(locale: string): string | undefined;
+/**
+ * Adjust date segment up or down. Eg. If day is the active segment and adjustment is -1,
+ * reduce the day by one.
+ * @param date Valid datetype
+ * @param activeSegment which part of the date is selected/being adjusted
+ * @param adjustment how many units the segment is being adjusted (can be pos or neg, usually 1 or -1)
+ */
+export declare function adjustDate(date: DateType, activeSegment: DateSegment, adjustment: number): DateType;
+export declare function isToday(date: DateType | undefined): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-date",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Date plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -31,14 +31,39 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
+    "@atlaskit/adf-schema": "^32.0.0",
     "@atlaskit/calendar": "^13.3.0",
-    "@atlaskit/editor-common": "^76.10.0",
+    "@atlaskit/date": "^0.10.0",
+    "@atlaskit/editor-common": "^76.12.0",
     "@atlaskit/editor-plugin-analytics": "^0.2.0",
     "@atlaskit/editor-plugin-editor-disabled": "^0.2.0",
-    "@babel/runtime": "^7.0.0"
+    "@atlaskit/editor-prosemirror": "1.1.0",
+    "@atlaskit/editor-shared-styles": "^2.8.0",
+    "@atlaskit/form": "^8.11.0",
+    "@atlaskit/locale": "^2.5.0",
+    "@atlaskit/textfield": "5.6.8",
+    "@atlaskit/theme": "^12.6.0",
+    "@atlaskit/tokens": "^1.26.0",
+    "@babel/runtime": "^7.0.0",
+    "@emotion/react": "^11.7.1",
+    "date-fns": "^2.17.0",
+    "react-dom": "^16.8.0",
+    "react-intl-next": "npm:react-intl@^5.18.1",
+    "react-loadable": "^5.1.0"
   },
   "devDependencies": {
-    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0"
+    "@atlaskit/editor-plugin-composition": "^0.1.0",
+    "@atlaskit/editor-plugin-content-insertion": "^0.1.0",
+    "@atlaskit/editor-plugin-decorations": "^0.2.0",
+    "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
+    "@atlaskit/editor-plugin-guideline": "^0.5.0",
+    "@atlaskit/editor-plugin-quick-insert": "^0.2.0",
+    "@atlaskit/editor-plugin-selection": "^0.1.0",
+    "@atlaskit/editor-plugin-table": "^5.2.0",
+    "@atlaskit/editor-plugin-type-ahead": "^0.7.0",
+    "@atlaskit/editor-plugin-width": "^0.2.0",
+    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
+    "@testing-library/react": "^12.1.5"
   },
   "peerDependencies": {
     "react": "^16.8.0"