@atlaskit/datetime-picker 14.0.2 → 14.0.3

package/dist/types/components/time-picker.d.ts

@@ -1,86 +1,5 @@
 import React from 'react';
-import { type ActionMeta, type OptionType, type ValueType } from '@atlaskit/select';
-import { type Appearance, type Spacing, type TimePickerBaseProps } from '../types';
-type TimePickerProps = typeof timePickerDefaultProps & TimePickerBaseProps;
-interface State {
-    isOpen: boolean;
-    /**
-     * When being cleared from the icon the TimePicker is blurred.
-     * This variable defines whether the default onMenuOpen or onMenuClose
-     * events should behave as normal
-     */
-    clearingFromIcon: boolean;
-    value: string;
-    isFocused: boolean;
-}
-declare const timePickerDefaultProps: {
-    appearance: Appearance;
-    autoFocus: boolean;
-    defaultIsOpen: boolean;
-    defaultValue: string;
-    hideIcon: boolean;
-    id: string;
-    innerProps: {};
-    isDisabled: boolean;
-    isInvalid: boolean;
-    label: string;
-    name: string;
-    onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    onChange: (_value: string) => void;
-    onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    parseInputValue: (time: string, _timeFormat: string) => string | Date;
-    selectProps: {};
-    spacing: Spacing;
-    times: string[];
-    timeIsEditable: boolean;
-    locale: string;
-};
-declare class TimePickerComponent extends React.Component<TimePickerProps, State> {
-    containerRef: HTMLElement | null;
-    static defaultProps: {
-        appearance: Appearance;
-        autoFocus: boolean;
-        defaultIsOpen: boolean;
-        defaultValue: string;
-        hideIcon: boolean;
-        id: string;
-        innerProps: {};
-        isDisabled: boolean;
-        isInvalid: boolean;
-        label: string;
-        name: string;
-        onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
-        onChange: (_value: string) => void;
-        onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-        parseInputValue: (time: string, _timeFormat: string) => string | Date;
-        selectProps: {};
-        spacing: Spacing;
-        times: string[];
-        timeIsEditable: boolean;
-        locale: string;
-    };
-    state: {
-        isOpen: boolean;
-        clearingFromIcon: boolean;
-        value: string;
-        isFocused: boolean;
-    };
-    getValue: () => string;
-    getIsOpen: () => boolean;
-    onChange: (newValue: ValueType<OptionType> | string, action?: ActionMeta<OptionType>) => void;
-    /**
-     * Only allow custom times if timeIsEditable prop is true
-     */
-    onCreateOption: (inputValue: string) => void;
-    onMenuOpen: () => void;
-    onMenuClose: () => void;
-    setContainerRef: (ref: HTMLElement | null) => void;
-    onBlur: (event: React.FocusEvent<HTMLElement>) => void;
-    onFocus: (event: React.FocusEvent<HTMLElement>) => void;
-    onSelectKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    render(): JSX.Element;
-}
-export { TimePickerComponent as TimePickerWithoutAnalytics };
+import { type TimePickerBaseProps } from '../types';
 /**
  * __Time picker__
  *
@@ -90,26 +9,5 @@ export { TimePickerComponent as TimePickerWithoutAnalytics };
  * - [Code](https://atlassian.design/components/datetime-picker/time-picker/code)
  * - [Usage](https://atlassian.design/components/datetime-picker/time-picker/usage)
  */
-declare const TimePicker: React.ForwardRefExoticComponent<Pick<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "placeholder" | "aria-describedby" | "value" | "isOpen" | "formatDisplayLabel" | "timeFormat"> & Partial<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "times" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "locale" | "autoFocus" | "name" | "spacing" | "isInvalid" | "defaultIsOpen" | "parseInputValue" | "hideIcon" | "timeIsEditable">> & Partial<Pick<{
-    appearance: Appearance;
-    autoFocus: boolean;
-    defaultIsOpen: boolean;
-    defaultValue: string;
-    hideIcon: boolean;
-    id: string;
-    innerProps: {};
-    isDisabled: boolean;
-    isInvalid: boolean;
-    label: string;
-    name: string;
-    onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    onChange: (_value: string) => void;
-    onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    parseInputValue: (time: string, _timeFormat: string) => string | Date;
-    selectProps: {};
-    spacing: Spacing;
-    times: string[];
-    timeIsEditable: boolean;
-    locale: string;
-}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "placeholder" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "defaultIsOpen" | "isOpen" | "parseInputValue" | "formatDisplayLabel" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<any>>;
+declare const TimePicker: React.ForwardRefExoticComponent<Pick<TimePickerBaseProps, "times" | "testId" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "placeholder" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "defaultIsOpen" | "isOpen" | "parseInputValue" | "formatDisplayLabel" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<unknown>>;
 export default TimePicker;

package/dist/types/types.d.ts

@@ -206,6 +206,10 @@ export interface DatePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
     weekStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 }
 export interface TimePickerBaseProps extends WithAnalyticsEventsProps, PickerSelectProps {
+    /**
+     * Additional information to be included in the `context` of analytics events
+     */
+    analyticsContext?: Record<string, any>;
     /**
      * Set the appearance of the picker.
      * `subtle` will remove the borders, background, and icon.

package/dist/types-ts4.5/components/time-picker.d.ts

@@ -1,86 +1,5 @@
 import React from 'react';
-import { type ActionMeta, type OptionType, type ValueType } from '@atlaskit/select';
-import { type Appearance, type Spacing, type TimePickerBaseProps } from '../types';
-type TimePickerProps = typeof timePickerDefaultProps & TimePickerBaseProps;
-interface State {
-    isOpen: boolean;
-    /**
-     * When being cleared from the icon the TimePicker is blurred.
-     * This variable defines whether the default onMenuOpen or onMenuClose
-     * events should behave as normal
-     */
-    clearingFromIcon: boolean;
-    value: string;
-    isFocused: boolean;
-}
-declare const timePickerDefaultProps: {
-    appearance: Appearance;
-    autoFocus: boolean;
-    defaultIsOpen: boolean;
-    defaultValue: string;
-    hideIcon: boolean;
-    id: string;
-    innerProps: {};
-    isDisabled: boolean;
-    isInvalid: boolean;
-    label: string;
-    name: string;
-    onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    onChange: (_value: string) => void;
-    onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    parseInputValue: (time: string, _timeFormat: string) => string | Date;
-    selectProps: {};
-    spacing: Spacing;
-    times: string[];
-    timeIsEditable: boolean;
-    locale: string;
-};
-declare class TimePickerComponent extends React.Component<TimePickerProps, State> {
-    containerRef: HTMLElement | null;
-    static defaultProps: {
-        appearance: Appearance;
-        autoFocus: boolean;
-        defaultIsOpen: boolean;
-        defaultValue: string;
-        hideIcon: boolean;
-        id: string;
-        innerProps: {};
-        isDisabled: boolean;
-        isInvalid: boolean;
-        label: string;
-        name: string;
-        onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
-        onChange: (_value: string) => void;
-        onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-        parseInputValue: (time: string, _timeFormat: string) => string | Date;
-        selectProps: {};
-        spacing: Spacing;
-        times: string[];
-        timeIsEditable: boolean;
-        locale: string;
-    };
-    state: {
-        isOpen: boolean;
-        clearingFromIcon: boolean;
-        value: string;
-        isFocused: boolean;
-    };
-    getValue: () => string;
-    getIsOpen: () => boolean;
-    onChange: (newValue: ValueType<OptionType> | string, action?: ActionMeta<OptionType>) => void;
-    /**
-     * Only allow custom times if timeIsEditable prop is true
-     */
-    onCreateOption: (inputValue: string) => void;
-    onMenuOpen: () => void;
-    onMenuClose: () => void;
-    setContainerRef: (ref: HTMLElement | null) => void;
-    onBlur: (event: React.FocusEvent<HTMLElement>) => void;
-    onFocus: (event: React.FocusEvent<HTMLElement>) => void;
-    onSelectKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    render(): JSX.Element;
-}
-export { TimePickerComponent as TimePickerWithoutAnalytics };
+import { type TimePickerBaseProps } from '../types';
 /**
  * __Time picker__
  *
@@ -90,26 +9,5 @@ export { TimePickerComponent as TimePickerWithoutAnalytics };
  * - [Code](https://atlassian.design/components/datetime-picker/time-picker/code)
  * - [Usage](https://atlassian.design/components/datetime-picker/time-picker/usage)
  */
-declare const TimePicker: React.ForwardRefExoticComponent<Pick<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "testId" | "placeholder" | "aria-describedby" | "value" | "isOpen" | "formatDisplayLabel" | "timeFormat"> & Partial<Pick<Omit<TimePickerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "times" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "onFocus" | "onBlur" | "onChange" | "locale" | "autoFocus" | "name" | "spacing" | "isInvalid" | "defaultIsOpen" | "parseInputValue" | "hideIcon" | "timeIsEditable">> & Partial<Pick<{
-    appearance: Appearance;
-    autoFocus: boolean;
-    defaultIsOpen: boolean;
-    defaultValue: string;
-    hideIcon: boolean;
-    id: string;
-    innerProps: {};
-    isDisabled: boolean;
-    isInvalid: boolean;
-    label: string;
-    name: string;
-    onBlur: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    onChange: (_value: string) => void;
-    onFocus: (_event: React.FocusEvent<HTMLInputElement>) => void;
-    parseInputValue: (time: string, _timeFormat: string) => string | Date;
-    selectProps: {};
-    spacing: Spacing;
-    times: string[];
-    timeIsEditable: boolean;
-    locale: string;
-}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "times" | "testId" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "key" | "defaultValue" | "id" | "placeholder" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "defaultIsOpen" | "isOpen" | "parseInputValue" | "formatDisplayLabel" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<any>>;
+declare const TimePicker: React.ForwardRefExoticComponent<Pick<TimePickerBaseProps, "times" | "testId" | "label" | "appearance" | "selectProps" | "innerProps" | "isDisabled" | "defaultValue" | "id" | "placeholder" | "aria-describedby" | "onFocus" | "onBlur" | "onChange" | "locale" | "analyticsContext" | "createAnalyticsEvent" | "value" | "autoFocus" | "name" | "spacing" | "isInvalid" | "defaultIsOpen" | "isOpen" | "parseInputValue" | "formatDisplayLabel" | "hideIcon" | "timeIsEditable" | "timeFormat"> & React.RefAttributes<unknown>>;
 export default TimePicker;

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

@@ -206,6 +206,10 @@ export interface DatePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
     weekStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 }
 export interface TimePickerBaseProps extends WithAnalyticsEventsProps, PickerSelectProps {
+    /**
+     * Additional information to be included in the `context` of analytics events
+     */
+    analyticsContext?: Record<string, any>;
     /**
      * Set the appearance of the picker.
      * `subtle` will remove the borders, background, and icon.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "14.0.2",
+	"version": "14.0.3",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"