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

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.3",
   "description": "Components relating to datepickers in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -21,10 +21,11 @@
   "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",
@@ -33,7 +34,7 @@
     "styled-components": "^5.1.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.1",
+    "@zendeskgarden/react-theming": "^9.0.0-next.3",
     "@zendeskgarden/svg-icons": "7.0.0"
   },
   "keywords": [
@@ -46,5 +47,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a9e4e776bf6ad8860a198fc24f27b2b5cbc83320"
+  "gitHead": "d5086e8a3ae0c8608361966954bf434ef03005ec"
 }

package/dist/typings/elements/Datepicker/utils/garden-placements.d.ts

@@ -1,21 +0,0 @@
-/**
- * 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 { GardenPlacement, PopperPlacement } from '../../../types';
-/**
- * Convert Garden RTL aware placement to Popper.JS valid placement
- */
-export declare function getPopperPlacement(gardenPlacement: GardenPlacement): PopperPlacement;
-/**
- * Convert Garden RTL aware placement to RTL equivalent Popper.JS placement
- * @param {String} gardenPlacement
- */
-export declare function getRtlPopperPlacement(gardenPlacement: GardenPlacement): PopperPlacement;
-/**
- * Convert Popper.JS placement to corresponding menu position
- * @param {String} popperPlacement
- */
-export declare function getMenuPosition(popperPlacement?: PopperPlacement): "top" | "bottom" | "right" | "left";

package/dist/typings/elements/Datepicker/utils/useDatepickerContext.d.ts

@@ -1,18 +0,0 @@
-/**
- * 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 './datepicker-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;