@zendeskgarden/react-datepickers 9.0.0-next.1 → 9.0.0-next.10

package/dist/typings/elements/{Datepicker/Datepicker.d.ts → DatePicker/DatePicker.d.ts}

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { IDatepickerProps } from '../../types';
+import { IDatePickerProps } from '../../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Datepicker: React.ForwardRefExoticComponent<IDatepickerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DatePicker: React.ForwardRefExoticComponent<IDatePickerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/DatePicker/components/Input.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { Dispatch, ReactElement, RefAttributes } from 'react';
+import { DatePickerAction, IDatePickerState } from '../utils/date-picker-reducer';
+interface IInputProps {
+    dispatch: Dispatch<DatePickerAction>;
+    element: ReactElement & RefAttributes<HTMLInputElement>;
+    refKey: string;
+    state: IDatePickerState;
+}
+export declare const Input: import("react").ForwardRefExoticComponent<IInputProps & RefAttributes<HTMLInputElement>>;
+export {};

package/dist/typings/elements/{Datepicker/utils/datepicker-reducer.d.ts → DatePicker/utils/date-picker-reducer.d.ts}

@@ -4,13 +4,13 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { IDatepickerProps } from '../../../types';
-export interface IDatepickerState {
+import { IDatePickerProps } from '../../../types';
+export interface IDatePickerState {
     isOpen: boolean;
     previewDate: Date;
     inputValue: string;
 }
-export type DatepickerAction = {
+export type DatePickerAction = {
     type: 'OPEN';
 } | {
     type: 'CLOSE';
@@ -36,8 +36,8 @@ export declare const datepickerReducer: ({ value, formatDate, locale, customPars
     locale: any;
     customParseDate?: ((inputValue: string) => Date) | undefined;
     onChange?: ((date: Date) => void) | undefined;
-}) => (state: IDatepickerState, action: DatepickerAction) => IDatepickerState;
+}) => (state: IDatePickerState, action: DatePickerAction) => IDatePickerState;
 /**
- * Retrieve initial state for the Datepicker reducer
+ * Retrieve initial state for the DatePicker reducer
  */
-export declare function retrieveInitialState(initialProps: IDatepickerProps): IDatepickerState;
+export declare function retrieveInitialState(initialProps: IDatePickerProps): IDatePickerState;

package/dist/typings/elements/DatePicker/utils/useDatePickerContext.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+/// <reference types="react" />
+import { IDatePickerState, DatePickerAction } from './date-picker-reducer';
+export interface IDatePickerContext {
+    state: IDatePickerState;
+    dispatch: React.Dispatch<DatePickerAction>;
+}
+export declare const DatePickerContext: import("react").Context<IDatePickerContext | undefined>;
+/**
+ * Retrieve Dropdown component context
+ */
+declare const useDatePickerContext: () => IDatePickerContext;
+export default useDatePickerContext;

package/dist/typings/elements/{DatepickerRange/DatepickerRange.d.ts → DatePickerRange/DatePickerRange.d.ts}

@@ -6,12 +6,12 @@
  */
 import React, { PropsWithChildren } from 'react';
 import PropTypes from 'prop-types';
-import { IDatepickerRangeProps } from '../../types';
+import { IDatePickerRangeProps } from '../../types';
 import { Start } from './components/Start';
 import { End } from './components/End';
 import { Calendar } from './components/Calendar';
-export declare const DatepickerRange: {
-    (props: PropsWithChildren<IDatepickerRangeProps>): React.JSX.Element;
+export declare const DatePickerRange: {
+    (props: PropsWithChildren<IDatePickerRangeProps>): React.JSX.Element;
     propTypes: {
         locale: PropTypes.Requireable<string>;
         weekStartsOn: PropTypes.Requireable<number>;

package/dist/typings/elements/{DatepickerRange/utils/datepicker-range-reducer.d.ts → DatePickerRange/utils/date-picker-range-reducer.d.ts}

@@ -4,8 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { IDatepickerRangeProps } from '../../../types';
-export interface IDatepickerRangeState {
+import { IDatePickerRangeProps } from '../../../types';
+export interface IDatePickerRangeState {
     previewDate: Date;
     hoverDate?: Date;
     isStartFocused: boolean;
@@ -27,7 +27,7 @@ export declare function formatValue({ value, locale, formatDate }: {
 export declare function parseInputValue({ inputValue }: {
     inputValue?: string;
 }): Date;
-export type DatepickerRangeAction = {
+export type DatePickerRangeAction = {
     type: 'HOVER_DATE';
     value?: Date;
 } | {
@@ -64,8 +64,8 @@ export declare const datepickerRangeReducer: ({ startValue, endValue, locale, fo
     locale?: string | undefined;
     formatDate?: any;
     customParseDate?: ((inputValue?: string) => Date) | undefined;
-}) => (state: IDatepickerRangeState, action: DatepickerRangeAction) => IDatepickerRangeState;
+}) => (state: IDatePickerRangeState, action: DatePickerRangeAction) => IDatePickerRangeState;
 /**
- * Retrieve initial state for the Datepicker reducer
+ * Retrieve initial state for the DatePicker reducer
  */
-export declare function retrieveInitialState(initialProps: IDatepickerRangeProps): IDatepickerRangeState;
+export declare function retrieveInitialState(initialProps: IDatePickerRangeProps): IDatePickerRangeState;

package/dist/typings/elements/{DatepickerRange/utils/useDatepickerRangeContext.d.ts → DatePickerRange/utils/useDatePickerRangeContext.d.ts}

@@ -6,10 +6,10 @@
  */
 import { MutableRefObject } from 'react';
 import { DateFnsIndex } from '../../../utils/calendar-utils';
-import { IDatepickerRangeState, DatepickerRangeAction } from './datepicker-range-reducer';
-export interface IDatepickerRangeContext {
-    state: IDatepickerRangeState;
-    dispatch: React.Dispatch<DatepickerRangeAction>;
+import { IDatePickerRangeState, DatePickerRangeAction } from './date-picker-range-reducer';
+export interface IDatePickerRangeContext {
+    state: IDatePickerRangeState;
+    dispatch: React.Dispatch<DatePickerRangeAction>;
     locale?: string;
     weekStartsOn?: DateFnsIndex;
     isCompact?: boolean;
@@ -25,9 +25,9 @@ export interface IDatepickerRangeContext {
     endInputRef: MutableRefObject<HTMLInputElement | undefined>;
     customParseDate?: (inputValue?: string) => Date;
 }
-export declare const DatepickerRangeContext: import("react").Context<IDatepickerRangeContext | undefined>;
+export declare const DatePickerRangeContext: import("react").Context<IDatePickerRangeContext | undefined>;
 /**
  * Retrieve Dropdown component context
  */
-declare const useDatepickerContext: () => IDatepickerRangeContext;
-export default useDatepickerContext;
+declare const useDatePickerContext: () => IDatePickerRangeContext;
+export default useDatePickerContext;

package/dist/typings/index.d.ts

@@ -4,8 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-export { Datepicker } from './elements/Datepicker/Datepicker';
-export { DatepickerRange } from './elements/DatepickerRange/DatepickerRange';
-export type { IDatepickerProps, IDatepickerRangeProps, 
-/** @deprecated type can be dereferenced via IDatePickerProps['placement'] */
-GardenPlacement as GARDEN_PLACEMENT } from './types';
+export { DatePicker } from './elements/DatePicker/DatePicker';
+export { DatePickerRange } from './elements/DatePickerRange/DatePickerRange';
+export type { IDatePickerProps, IDatePickerRangeProps } from './types';

package/dist/typings/styled/{StyledDatepicker.d.ts → StyledDatePicker.d.ts}

@@ -5,10 +5,10 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-interface IStyledDatepickerProps {
+interface IStyledDatePickerProps {
     isCompact: boolean;
 }
-export declare const StyledDatepicker: import("styled-components").StyledComponent<"div", DefaultTheme, {
+export declare const StyledDatePicker: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;
-} & IStyledDatepickerProps, "data-garden-id">;
+} & IStyledDatePickerProps, "data-garden-id">;
 export {};

package/dist/typings/styled/StyledMenuWrapper.d.ts

@@ -4,12 +4,12 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { PopperPlacement } from '../types';
+import { Placement } from '@floating-ui/react-dom';
 interface IStyledMenuWrapperProps {
     isHidden?: boolean;
     isAnimated?: boolean;
     zIndex?: number;
-    placement?: PopperPlacement;
+    placement: Placement;
 }
 export declare const StyledMenuWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledMenuWrapperProps, never>;
 export {};

package/dist/typings/styled/index.d.ts

@@ -6,7 +6,7 @@
  */
 export { StyledMenu } from './StyledMenu';
 export { StyledMenuWrapper } from './StyledMenuWrapper';
-export { StyledDatepicker } from './StyledDatepicker';
+export { StyledDatePicker } from './StyledDatePicker';
 export { StyledRangeCalendar } from './StyledRangeCalendar';
 export { StyledHeader } from './StyledHeader';
 export { StyledHeaderPaddle } from './StyledHeaderPaddle';

package/dist/typings/types/index.d.ts

@@ -4,14 +4,11 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { HTMLAttributes } from 'react';
-import { Modifiers } from 'popper.js';
+import { HTMLAttributes, ReactElement } from 'react';
 export declare const WEEK_STARTS_ON: readonly [0, 1, 2, 3, 4, 5, 6];
 export declare const PLACEMENT: readonly ["auto", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "end", "end-top", "end-bottom", "start", "start-top", "start-bottom"];
-export declare const POPPER_PLACEMENT: readonly ["auto", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"];
 export type GardenPlacement = (typeof PLACEMENT)[number];
-export type PopperPlacement = (typeof POPPER_PLACEMENT)[number];
-export interface IDatepickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+export interface IDatePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /**
      * Sets the selected date
      */
@@ -65,24 +62,18 @@ export interface IDatepickerProps extends Omit<HTMLAttributes<HTMLDivElement>, '
      * Adjusts the position of the calendar
      **/
     placement?: GardenPlacement;
-    /**
-     * Passes configuration options to the [Popper instance](https://popper.js.org/docs/v2/modifiers/)
-     */
-    popperModifiers?: Modifiers;
     /**
      * Animates the calendar
      */
     isAnimated?: boolean;
-    /**
-     * Allows the calendar to reposition during browser resize events
-     */
-    eventsEnabled?: boolean;
     /**
      * Sets the `z-index` of the calendar
      */
     zIndex?: number;
+    /** @ignore ReactNode override */
+    children: ReactElement;
 }
-export interface IDatepickerRangeProps extends Pick<IDatepickerProps, 'locale' | 'weekStartsOn' | 'minValue' | 'maxValue' | 'formatDate' | 'isCompact'> {
+export interface IDatePickerRangeProps extends Pick<IDatePickerProps, 'locale' | 'weekStartsOn' | 'minValue' | 'maxValue' | 'formatDate' | 'isCompact'> {
     /**
      * Sets the start date
      */

package/dist/typings/utils/calendar-utils.d.ts

@@ -4,7 +4,7 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import { IDatepickerProps } from '../types';
+import { IDatePickerProps } from '../types';
 /**
  * The following mappings use the Date offests:
  * 0 - Sunday
@@ -12,7 +12,7 @@ import { IDatepickerProps } from '../types';
  * 6 - Saturday
  */
 /** This type matches definition required by date-fns utilities */
-export type DateFnsIndex = IDatepickerProps['weekStartsOn'];
+export type DateFnsIndex = IDatePickerProps['weekStartsOn'];
 /**
  * Return start day of week based on locale
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-datepickers",
-  "version": "9.0.0-next.1",
+  "version": "9.0.0-next.10",
   "description": "Components relating to datepickers in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -10,7 +10,7 @@
     "url": "https://github.com/zendeskgarden/react-components/issues"
   },
   "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
+  "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
@@ -21,19 +21,20 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
+    "@floating-ui/react-dom": "^2.0.0",
     "@zendeskgarden/container-utilities": "^2.0.0",
     "date-fns": "^3.0.0",
     "prop-types": "^15.5.7",
-    "react-popper": "^1.3.4"
+    "react-merge-refs": "^2.0.0"
   },
   "peerDependencies": {
-    "@zendeskgarden/react-theming": "^8.1.0",
+    "@zendeskgarden/react-theming": ">=9.0.0-next",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^5.1.0"
+    "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.1",
+    "@zendeskgarden/react-theming": "^9.0.0-next.10",
     "@zendeskgarden/svg-icons": "7.0.0"
   },
   "keywords": [
@@ -46,5 +47,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a9e4e776bf6ad8860a198fc24f27b2b5cbc83320"
+  "gitHead": "818e6100aa6676af7e972198b82516d330307d60"
 }