@navikt/ds-react 7.13.0 → 7.14.0

package/src/date/monthpicker/{types.ts → MonthPicker.types.ts}

@@ -1,5 +1,5 @@
 import { ComponentTranslation } from "../../util/i18n/i18n.types";
-import { Matcher } from "../utils";
+import { Matcher } from "../Date.typeutils";
 
 export interface MonthPickerProps extends React.HTMLAttributes<HTMLDivElement> {
   /**

package/src/date/{utils/navigation.ts → monthpicker/MonthPicker.util.ts}

@@ -1,5 +1,6 @@
 import { setYear } from "date-fns";
-import { Matcher, isMatch } from "./is-match";
+import { Matcher } from "../Date.typeutils";
+import { isMatch } from "../date-utils";
 
 export const nextEnabled = (
   months: Date[],

package/src/date/{hooks → monthpicker/hooks}/useMonthPicker.tsx

@@ -1,14 +1,10 @@
 import React, { useCallback, useMemo, useState } from "react";
-import { useDateLocale } from "../../util/i18n/i18n.hooks";
-import { MonthPickerProps } from "../monthpicker/types";
-import { DateInputProps } from "../parts/DateInput";
-import {
-  formatDateForInput,
-  getLocaleFromString,
-  isMatch,
-  isValidDate,
-  parseDate,
-} from "../utils";
+import { dateMatchModifiers } from "react-day-picker";
+import { useDateLocale } from "../../../util/i18n/i18n.hooks";
+import { DateInputProps } from "../../Date.Input";
+import { getLocaleFromString } from "../../Date.locale";
+import { formatDateForInput, isValidDate, parseDate } from "../../date-utils";
+import { MonthPickerProps } from "../MonthPicker.types";
 
 export interface UseMonthPickerOptions
   extends Pick<
@@ -267,11 +263,14 @@ export const useMonthpicker = (
     const isBefore = getIsBefore({ fromDate, date: month });
     const isAfter = getIsAfter({ toDate, date: month });
 
-    if (!isValidDate(month) || (disabled && isMatch(month, disabled))) {
+    if (
+      !isValidDate(month) ||
+      (disabled && dateMatchModifiers(month, disabled))
+    ) {
       updateMonth(undefined);
       updateValidation({
         isInvalid: isValidDate(month),
-        isDisabled: disabled && isMatch(month, disabled),
+        isDisabled: disabled && dateMatchModifiers(month, disabled),
         isValidMonth: false,
         isEmpty: !e.target.value,
         isBefore: isBefore ?? false,
@@ -283,7 +282,9 @@ export const useMonthpicker = (
     if (
       isAfter ||
       isBefore ||
-      (fromDate && toDate && !isMatch(month, [{ from: fromDate, to: toDate }]))
+      (fromDate &&
+        toDate &&
+        !dateMatchModifiers(month, [{ from: fromDate, to: toDate }]))
     ) {
       updateMonth(undefined);
       updateValidation({

package/src/date/monthpicker/index.ts

@@ -1,9 +1,9 @@
 "use client";
-export { useMonthpicker, type MonthValidationT } from "../hooks";
+export { useMonthpicker, type MonthValidationT } from "./hooks/useMonthPicker";
 export { default as MonthPicker } from "./MonthPicker";
-export { type MonthPickerProps } from "./types";
+export { type MonthPickerProps } from "./MonthPicker.types";
 export {
   MonthPickerStandalone,
   type MonthPickerStandaloneProps,
-} from "./MonthPickerStandalone";
-export { MonthPickerInput } from "../parts/DateInput";
+} from "./parts/MonthPicker.Standalone";
+export { MonthPickerInput } from "../Date.Input";

package/src/date/monthpicker/{MonthButton.tsx → parts/MonthPicker.Button.tsx}

@@ -7,9 +7,9 @@ import {
   setYear,
 } from "date-fns";
 import React, { useEffect, useRef } from "react";
-import { useDayPicker } from "react-day-picker";
-import { useSharedMonthContext } from "../context";
-import { dateIsInCurrentMonth, isMatch, nextEnabled } from "../utils";
+import { dateIsInCurrentMonth, isMatch } from "../../date-utils";
+import { useMonthPickerContext } from "../MonthPicker.context";
+import { nextEnabled } from "../MonthPicker.util";
 
 interface MonthType {
   month: Date;
@@ -47,10 +47,18 @@ export const MonthButton = ({
   setTabRoot,
 }: MonthType) => {
   const ref = useRef<HTMLButtonElement>(null);
-  const { hasDropdown, selected, onSelect, year, toYear, disabled } =
-    useSharedMonthContext();
 
-  const { fromDate, toDate, locale } = useDayPicker();
+  const {
+    fromDate,
+    toDate,
+    locale,
+    selected,
+    disabled,
+    year,
+    onYearChange,
+    onMonthSelect,
+    caption,
+  } = useMonthPickerContext();
   const isSelected = selected && isSameMonth(month, selected);
 
   useEffect(() => {
@@ -64,15 +72,18 @@ export const MonthButton = ({
     isMatch(setYear(month, year.getFullYear()), disabled) ||
     disableMonth(month, fromDate, toDate);
 
+  const isThisMonth = dateIsInCurrentMonth(month, year);
+
   return (
     <button
       ref={ref}
       type="button"
-      onClick={() => onSelect(isSelected ? undefined : month)}
+      onClick={() => onMonthSelect?.(isSelected ? undefined : month)}
       disabled={isDisabled}
       aria-pressed={!!isSelected}
+      data-current-month={isThisMonth}
       className={cl("navds-date__month-button", {
-        "rdp-day_today": dateIsInCurrentMonth(month, year),
+        "rdp-day_today": isThisMonth,
         "rdp-day_selected": isSelected,
         "rdp-day_disabled": isDisabled,
       })}
@@ -87,9 +98,9 @@ export const MonthButton = ({
           e.key,
           disabled,
           month,
-          toYear,
+          onYearChange,
           year,
-          hasDropdown,
+          caption === "dropdown",
           fromDate,
           toDate,
         );

package/src/date/monthpicker/{MonthCaption.tsx → parts/MonthPicker.Caption.tsx}

@@ -1,4 +1,5 @@
 import {
+  format,
   isAfter,
   isBefore,
   setYear,
@@ -6,25 +7,21 @@ import {
   startOfYear,
 } from "date-fns";
 import React from "react";
-import { useDayPicker } from "react-day-picker";
 import { ArrowLeftIcon, ArrowRightIcon } from "@navikt/aksel-icons";
-import { Button } from "../../button";
-import { Select } from "../../form/select";
-import { useDateTranslationContext, useSharedMonthContext } from "../context";
+import { Button } from "../../../button";
+import { Select } from "../../../form/select";
+import { useDateTranslationContext } from "../../Date.locale";
+import { useMonthPickerContext } from "../MonthPicker.context";
+
+const MonthPickerCaption = () => {
+  const { fromDate, toDate, locale, year, onYearChange, caption } =
+    useMonthPickerContext();
 
-export const MonthCaption = () => {
-  const {
-    fromDate,
-    toDate,
-    formatters: { formatYearCaption },
-    locale,
-  } = useDayPicker();
-  const { hasDropdown, year, toYear } = useSharedMonthContext();
   const translate = useDateTranslationContext().translate;
 
   const years: Date[] = [];
 
-  if (hasDropdown && fromDate && toDate) {
+  if (caption === "dropdown" && fromDate && toDate) {
     const fromYear = fromDate.getFullYear();
     const toDateYear = toDate.getFullYear();
     for (let currYear = fromYear; currYear <= toDateYear; currYear++) {
@@ -37,12 +34,14 @@ export const MonthCaption = () => {
     years.sort((a, b) => b.getFullYear() - a.getFullYear());
   }
 
-  const handleYearChange = (event: React.ChangeEvent<HTMLSelectElement>) =>
-    toYear(setYear(startOfMonth(new Date()), Number(event.target.value)));
+  const handleYearChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
+    onYearChange(setYear(startOfMonth(new Date()), Number(event.target.value)));
+  };
 
   const handleButtonClick = (val: number) => {
     const newYear = Number(year.getFullYear() + val);
-    toYear(setYear(year, newYear));
+
+    onYearChange(setYear(year, newYear));
   };
 
   const disablePreviousYear = () => {
@@ -64,11 +63,11 @@ export const MonthCaption = () => {
         disabled={disablePreviousYear()}
         onClick={() => handleButtonClick(-1)}
         icon={<ArrowLeftIcon title={translate("goToPreviousYear")} />}
-        variant="tertiary"
+        variant="tertiary-neutral"
         type="button"
       />
 
-      {hasDropdown ? (
+      {caption === "dropdown" ? (
         <Select
           label={translate("year")}
           hideLabel
@@ -78,7 +77,7 @@ export const MonthCaption = () => {
         >
           {years.map((yearOpt) => (
             <option key={yearOpt.getFullYear()} value={yearOpt.getFullYear()}>
-              {formatYearCaption(yearOpt, { locale })}
+              {format(yearOpt, "yyyy", { locale })}
             </option>
           ))}
         </Select>
@@ -92,11 +91,11 @@ export const MonthCaption = () => {
         disabled={disableNextYear()}
         onClick={() => handleButtonClick(1)}
         icon={<ArrowRightIcon title={translate("goToNextYear")} />}
-        variant="tertiary"
+        variant="tertiary-neutral"
         type="button"
       />
     </div>
   );
 };
 
-export default MonthCaption;
+export { MonthPickerCaption };

package/src/date/monthpicker/parts/MonthPicker.Standalone.tsx

@@ -0,0 +1,86 @@
+import cl from "clsx";
+import React, { forwardRef } from "react";
+import { useDateLocale, useI18n } from "../../../util/i18n/i18n.hooks";
+import {
+  DateTranslationContextProvider,
+  getLocaleFromString,
+  getTranslations,
+} from "../../Date.locale";
+import { MonthPickerProvider } from "../MonthPicker.context";
+import { MonthPickerProps } from "../MonthPicker.types";
+import { MonthPickerCaption } from "./MonthPicker.Caption";
+import { MonthPickerTable } from "./MonthPicker.Table";
+
+export interface MonthPickerStandaloneProps
+  extends Omit<
+    MonthPickerProps,
+    "open" | "onClose" | "onOpenToggle" | "wrapperClassName" | "strategy"
+  > {
+  /**
+   * Monthpicker classname
+   */
+  className?: string;
+}
+
+export type MonthPickerStandaloneType = React.ForwardRefExoticComponent<
+  MonthPickerStandaloneProps & React.RefAttributes<HTMLDivElement>
+>;
+
+export const MonthPickerStandalone = forwardRef<
+  HTMLDivElement,
+  MonthPickerStandaloneProps
+>(
+  (
+    {
+      dropdownCaption = false,
+      fromDate,
+      toDate,
+      disabled = [],
+      selected,
+      className,
+      locale,
+      translations,
+      onMonthSelect,
+      defaultSelected,
+      year,
+      onYearChange,
+    },
+    ref,
+  ) => {
+    const translate = useI18n(
+      "DatePicker",
+      translations,
+      getTranslations(locale),
+    );
+    const langProviderLocale = useDateLocale();
+
+    if (dropdownCaption && (!fromDate || !toDate)) {
+      console.warn("Using dropdownCaption required fromDate and toDate");
+      return null;
+    }
+
+    return (
+      <div ref={ref} className={cl("navds-date__wrapper", className)}>
+        <DateTranslationContextProvider translate={translate}>
+          <MonthPickerProvider
+            dropdownCaption={dropdownCaption}
+            defaultSelected={defaultSelected}
+            selected={selected}
+            disabled={disabled}
+            fromDate={fromDate}
+            toDate={toDate}
+            year={year}
+            onYearChange={onYearChange}
+            onMonthSelect={onMonthSelect}
+            locale={locale ? getLocaleFromString(locale) : langProviderLocale}
+          >
+            <div className="navds-date rdp-month">
+              <MonthPickerCaption />
+              <MonthPickerTable />
+            </div>
+          </MonthPickerProvider>
+        </DateTranslationContextProvider>
+      </div>
+    );
+  },
+);

package/src/date/monthpicker/{MonthSelector.tsx → parts/MonthPicker.Table.tsx}

@@ -1,9 +1,9 @@
 import { isSameMonth, setMonth, setYear, startOfMonth } from "date-fns";
 import React, { useState } from "react";
-import { BodyShort } from "../../typography";
-import { useSharedMonthContext } from "../context";
-import { isMatch } from "../utils";
-import MonthButton from "./MonthButton";
+import { BodyShort } from "../../../typography";
+import { isMatch } from "../../date-utils";
+import { useMonthPickerContext } from "../MonthPicker.context";
+import MonthButton from "./MonthPicker.Button";
 
 const getAllMonths = () => {
   const months: Date[] = [];
@@ -14,10 +14,10 @@ const getAllMonths = () => {
   return months;
 };
 
-export const MonthSelector = () => {
+const MonthPickerTable = () => {
   const [focus, setFocus] = useState<Date>();
 
-  const { selected, year, disabled } = useSharedMonthContext();
+  const { selected, year, disabled } = useMonthPickerContext();
 
   const months: Date[] = getAllMonths();
 
@@ -82,4 +82,4 @@ export const MonthSelector = () => {
   );
 };
 
-export default MonthSelector;
+export { MonthPickerTable };

package/src/modal/Modal.tsx

@@ -1,8 +1,8 @@
 import { useFloatingPortalNode } from "@floating-ui/react";
 import cl from "clsx";
-import React, { forwardRef, useContext, useEffect, useRef } from "react";
+import React, { forwardRef, useEffect, useRef } from "react";
 import { createPortal } from "react-dom";
-import { DateInputContext } from "../date/context";
+import { useDateInputContext } from "../date/Date.Input";
 import { useProvider } from "../provider/Provider";
 import { Detail, Heading } from "../typography";
 import { composeEventHandlers } from "../util/composeEventHandlers";
@@ -106,7 +106,7 @@ export const Modal = forwardRef<HTMLDialogElement, ModalProps>(
     const rootElement = useProvider()?.rootElement;
     const portalNode = useFloatingPortalNode({ root: rootElement });
 
-    const dateContext = useContext(DateInputContext);
+    const dateContext = useDateInputContext(false);
     const isNested = useModalContext(false) !== undefined;
     if (isNested && !dateContext) {
       console.error("Modals should not be nested");

package/src/popover/Popover.tsx

@@ -7,8 +7,8 @@ import {
   useFloating,
 } from "@floating-ui/react";
 import cl from "clsx";
-import React, { HTMLAttributes, forwardRef, useContext, useRef } from "react";
-import { DateInputContext } from "../date/context";
+import React, { HTMLAttributes, forwardRef, useRef } from "react";
+import { useDateInputContext } from "../date/Date.Input";
 import { useModalContext } from "../modal/Modal.context";
 import { DismissableLayer } from "../overlays/dismissablelayer/DismissableLayer";
 import { useThemeInternal } from "../theme/Theme";
@@ -121,9 +121,9 @@ export const Popover = forwardRef<HTMLDivElement, PopoverProps>(
   ) => {
     const arrowRef = useRef<HTMLDivElement | null>(null);
     const isInModal = useModalContext(false) !== undefined;
-    const isInDatepicker = useContext(DateInputContext) !== null;
+    const datepickerContext = useDateInputContext(false);
     const chosenStrategy = userStrategy ?? (isInModal ? "fixed" : "absolute");
-    const chosenFlip = isInDatepicker ? false : _flip;
+    const chosenFlip = datepickerContext ? false : _flip;
 
     const themeContext = useThemeInternal(false);
 

package/src/tooltip/Tooltip.tsx

@@ -16,7 +16,6 @@ import React, { HTMLAttributes, forwardRef, useRef } from "react";
 import { useModalContext } from "../modal/Modal.context";
 import { Portal } from "../portal";
 import { Slot } from "../slot/Slot";
-import { useThemeInternal } from "../theme/Theme";
 import { Detail } from "../typography";
 import { useId } from "../util/hooks";
 import { useControllableState } from "../util/hooks/useControllableState";
@@ -124,9 +123,6 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
     },
     ref,
   ) => {
-    const themeContext = useThemeInternal(false);
-    const showArrow = _arrow && !themeContext;
-
     const [_open, _setOpen] = useControllableState({
       defaultValue: defaultOpen,
       value: open,
@@ -153,7 +149,7 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
       open: _open,
       onOpenChange: (newState) => _setOpen(newState),
       middleware: [
-        offset(_offset ?? (themeContext ? 8 : _arrow ? 16 : 4)),
+        offset(_offset ?? (_arrow ? 8 : 4)),
         shift(),
         flip({ padding: 5, fallbackPlacements: ["bottom", "top"] }),
         flArrow({ element: arrowRef, padding: 5 }),
@@ -244,7 +240,7 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
                   ))}
                 </span>
               )}
-              {showArrow && (
+              {_arrow && (
                 <div
                   ref={(node) => {
                     arrowRef.current = node;

package/cjs/date/context/index.d.ts

@@ -1,3 +0,0 @@
-export { useDateInputContext, DateInputContext } from "./useDateInputContext";
-export { useSharedMonthContext, SharedMonthProvider, } from "./useSharedMonthContext";
-export { useDateTranslationContext, DateTranslationContextProvider, } from "./useDateTranslationContext";

package/cjs/date/context/index.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateTranslationContextProvider = exports.useDateTranslationContext = exports.SharedMonthProvider = exports.useSharedMonthContext = exports.DateInputContext = exports.useDateInputContext = void 0;
-var useDateInputContext_1 = require("./useDateInputContext");
-Object.defineProperty(exports, "useDateInputContext", { enumerable: true, get: function () { return useDateInputContext_1.useDateInputContext; } });
-Object.defineProperty(exports, "DateInputContext", { enumerable: true, get: function () { return useDateInputContext_1.DateInputContext; } });
-var useSharedMonthContext_1 = require("./useSharedMonthContext");
-Object.defineProperty(exports, "useSharedMonthContext", { enumerable: true, get: function () { return useSharedMonthContext_1.useSharedMonthContext; } });
-Object.defineProperty(exports, "SharedMonthProvider", { enumerable: true, get: function () { return useSharedMonthContext_1.SharedMonthProvider; } });
-var useDateTranslationContext_1 = require("./useDateTranslationContext");
-Object.defineProperty(exports, "useDateTranslationContext", { enumerable: true, get: function () { return useDateTranslationContext_1.useDateTranslationContext; } });
-Object.defineProperty(exports, "DateTranslationContextProvider", { enumerable: true, get: function () { return useDateTranslationContext_1.DateTranslationContextProvider; } });
-//# sourceMappingURL=index.js.map

package/cjs/date/context/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date/context/index.ts"],"names":[],"mappings":";;;AAAA,6DAA8E;AAArE,0HAAA,mBAAmB,OAAA;AAAE,uHAAA,gBAAgB,OAAA;AAC9C,iEAGiC;AAF/B,8HAAA,qBAAqB,OAAA;AACrB,4HAAA,mBAAmB,OAAA;AAErB,yEAGqC;AAFnC,sIAAA,yBAAyB,OAAA;AACzB,2IAAA,8BAA8B,OAAA"}

package/cjs/date/context/useDateInputContext.d.ts

@@ -1,21 +0,0 @@
-interface DateInputContextProps {
-    /**
-     * Open state for popover
-     */
-    open: boolean;
-    /**
-     * Callback for opOpen toggle
-     */
-    onOpen: () => void;
-    /**
-     * Aria-connected ID
-     */
-    ariaId?: string;
-    /**
-     * Flag for enabled-check
-     */
-    defined: boolean;
-}
-export declare const DateInputContext: import("react").Context<DateInputContextProps | null>;
-export declare const useDateInputContext: () => DateInputContextProps | null;
-export {};

package/cjs/date/context/useDateInputContext.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDateInputContext = exports.DateInputContext = void 0;
-const react_1 = require("react");
-exports.DateInputContext = (0, react_1.createContext)(null);
-const useDateInputContext = () => {
-    const context = (0, react_1.useContext)(exports.DateInputContext);
-    if (!context) {
-        console.warn("useDateInputContext must be used with DateInputContext");
-    }
-    return context;
-};
-exports.useDateInputContext = useDateInputContext;
-//# sourceMappingURL=useDateInputContext.js.map

package/cjs/date/context/useDateInputContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDateInputContext.js","sourceRoot":"","sources":["../../../src/date/context/useDateInputContext.tsx"],"names":[],"mappings":";;;AAAA,iCAAkD;AAqBrC,QAAA,gBAAgB,GAAG,IAAA,qBAAa,EAC3C,IAAI,CACL,CAAC;AAEK,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,wBAAgB,CAAC,CAAC;IAE7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CAAC,IAAI,CAAC,wDAAwD,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AARW,QAAA,mBAAmB,uBAQ9B"}

package/cjs/date/context/useDateTranslationContext.d.ts

@@ -1,8 +0,0 @@
-import { TFunction } from "../../util/i18n/i18n.types";
-interface DateTranslationContextProps {
-    translate: TFunction<"DatePicker">;
-}
-export declare const DateTranslationContextProvider: import("react").ForwardRefExoticComponent<DateTranslationContextProps & {
-    children: import("react").ReactNode;
-} & import("react").RefAttributes<unknown>>, useDateTranslationContext: <S extends boolean = true>(strict?: S) => S extends true ? DateTranslationContextProps : DateTranslationContextProps | undefined;
-export {};

package/cjs/date/context/useDateTranslationContext.js

@@ -1,7 +0,0 @@
-"use strict";
-var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDateTranslationContext = exports.DateTranslationContextProvider = void 0;
-const create_context_1 = require("../../util/create-context");
-_a = (0, create_context_1.createContext)(), exports.DateTranslationContextProvider = _a[0], exports.useDateTranslationContext = _a[1];
-//# sourceMappingURL=useDateTranslationContext.js.map

package/cjs/date/context/useDateTranslationContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDateTranslationContext.js","sourceRoot":"","sources":["../../../src/date/context/useDateTranslationContext.ts"],"names":[],"mappings":";;;;AAAA,8DAA0D;AAO7C,KACX,IAAA,8BAAa,GAA+B,EADhC,sCAA8B,UAAE,iCAAyB,SACxB"}

package/cjs/date/context/useSharedMonthContext.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import { Matcher } from "../utils";
-export type SharedMonthContextType = {
-    hasDropdown: boolean;
-    year: Date;
-    toYear: (date: Date) => void;
-    disabled: Matcher[];
-    selected?: Date;
-    onSelect: (v?: Date) => void;
-};
-export declare const SharedMonthContext: React.Context<SharedMonthContextType>;
-export declare const useSharedMonthContext: () => SharedMonthContextType;
-export declare const SharedMonthProvider: ({ children, dropdownCaption, disabled, selected, onSelect, year: _year, onYearChange, }: {
-    children: any;
-    dropdownCaption: any;
-    disabled: any;
-    selected: any;
-    onSelect: any;
-    year: any;
-    onYearChange: any;
-}) => React.JSX.Element;

package/cjs/date/context/useSharedMonthContext.js

@@ -1,64 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SharedMonthProvider = exports.useSharedMonthContext = exports.SharedMonthContext = void 0;
-const date_fns_1 = require("date-fns");
-const react_1 = __importStar(require("react"));
-const react_day_picker_1 = require("react-day-picker");
-const utils_1 = require("../utils");
-exports.SharedMonthContext = (0, react_1.createContext)({
-    hasDropdown: false,
-    year: new Date(),
-    toYear: () => null,
-    disabled: [],
-    onSelect: () => null,
-});
-const useSharedMonthContext = () => (0, react_1.useContext)(exports.SharedMonthContext);
-exports.useSharedMonthContext = useSharedMonthContext;
-const SharedMonthProvider = ({ children, dropdownCaption, disabled, selected, onSelect, year: _year, onYearChange, }) => {
-    const context = (0, react_day_picker_1.useDayPicker)();
-    const [year, toYear] = (0, react_1.useState)((0, utils_1.getInitialYear)(context));
-    const hasDropdown = !!(dropdownCaption && context.fromDate && context.toDate);
-    if (context.fromDate &&
-        context.toDate &&
-        (context === null || context === void 0 ? void 0 : context.fromDate) >= (context === null || context === void 0 ? void 0 : context.toDate)) {
-        console.warn("fromDate needs to be before toDate - MonthPicker");
-    }
-    return (react_1.default.createElement(exports.SharedMonthContext.Provider, { value: {
-            year: _year !== null && _year !== void 0 ? _year : year,
-            toYear: (y) => {
-                toYear(y);
-                onYearChange === null || onYearChange === void 0 ? void 0 : onYearChange(y);
-            },
-            hasDropdown,
-            disabled,
-            selected,
-            onSelect: (v) => v
-                ? onSelect((0, date_fns_1.setYear)((0, date_fns_1.startOfMonth)(v), (_year !== null && _year !== void 0 ? _year : year).getFullYear()))
-                : onSelect(undefined),
-        } }, children));
-};
-exports.SharedMonthProvider = SharedMonthProvider;
-//# sourceMappingURL=useSharedMonthContext.js.map

package/cjs/date/context/useSharedMonthContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSharedMonthContext.js","sourceRoot":"","sources":["../../../src/date/context/useSharedMonthContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAiD;AACjD,+CAAmE;AACnE,uDAAgD;AAChD,oCAAmD;AAWtC,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAAyB;IACtE,WAAW,EAAE,KAAK;IAClB,IAAI,EAAE,IAAI,IAAI,EAAE;IAChB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI;IAClB,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;CACrB,CAAC,CAAC;AAEI,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,0BAAkB,CAAC,CAAC;AAA7D,QAAA,qBAAqB,yBAAwC;AAEnE,MAAM,mBAAmB,GAAG,CAAC,EAClC,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EAAE,KAAK,EACX,YAAY,GACb,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,IAAA,+BAAY,GAAE,CAAC;IAE/B,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAO,IAAA,sBAAc,EAAC,OAAO,CAAC,CAAC,CAAC;IAE/D,MAAM,WAAW,GAAG,CAAC,CAAC,CAAC,eAAe,IAAI,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC;IAE9E,IACE,OAAO,CAAC,QAAQ;QAChB,OAAO,CAAC,MAAM;QACd,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,MAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAA,EACpC,CAAC;QACD,OAAO,CAAC,IAAI,CAAC,kDAAkD,CAAC,CAAC;IACnE,CAAC;IAED,OAAO,CACL,8BAAC,0BAAkB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACL,IAAI,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI;YACnB,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;gBACZ,MAAM,CAAC,CAAC,CAAC,CAAC;gBACV,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,CAAC,CAAC;YACpB,CAAC;YACD,WAAW;YACX,QAAQ;YACR,QAAQ;YACR,QAAQ,EAAE,CAAC,CAAQ,EAAE,EAAE,CACrB,CAAC;gBACC,CAAC,CAAC,QAAQ,CAAC,IAAA,kBAAO,EAAC,IAAA,uBAAY,EAAC,CAAC,CAAC,EAAE,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;gBACnE,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;SAC1B,IAEA,QAAQ,CACmB,CAC/B,CAAC;AACJ,CAAC,CAAC;AA3CW,QAAA,mBAAmB,uBA2C9B"}