@mantine/dates 6.0.19 → 7.0.0-beta.0

package/esm/components/YearPickerInput/YearPickerInput.js

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react';
-import { useComponentDefaultProps } from '@mantine/core';
+import React from 'react';
+import { factory, useProps, useResolvedStylesApi } from '@mantine/core';
 import { pickCalendarProps } from '../Calendar/pick-calendar-levels-props/pick-calendar-levels-props.js';
 import { useDatesInput } from '../../hooks/use-dates-input/use-dates-input.js';
 import { PickerInputBase } from '../PickerInputBase/PickerInputBase.js';
@@ -42,99 +42,119 @@ const defaultProps = {
   valueFormat: "YYYY",
   closeOnChange: true,
   sortDates: true,
-  dropdownType: "popover"
+  dropdownType: "popover",
+  size: "sm"
 };
-const YearPickerInput = forwardRef((props, ref) => {
-  const _a = useComponentDefaultProps("YearPickerInput", defaultProps, props), {
-    type,
-    value,
-    defaultValue,
-    onChange,
-    valueFormat,
-    labelSeparator,
-    locale,
-    classNames,
-    styles,
-    unstyled,
-    closeOnChange,
-    size,
-    variant,
-    dropdownType,
-    sortDates,
-    minDate,
-    maxDate
-  } = _a, rest = __objRest(_a, [
-    "type",
-    "value",
-    "defaultValue",
-    "onChange",
-    "valueFormat",
-    "labelSeparator",
-    "locale",
-    "classNames",
-    "styles",
-    "unstyled",
-    "closeOnChange",
-    "size",
-    "variant",
-    "dropdownType",
-    "sortDates",
-    "minDate",
-    "maxDate"
-  ]);
-  const { calendarProps, others } = pickCalendarProps(rest);
-  const {
-    _value,
-    setValue,
-    formattedValue,
-    dropdownHandlers,
-    dropdownOpened,
-    onClear,
-    shouldClear
-  } = useDatesInput({
-    type,
-    value,
-    defaultValue,
-    onChange,
-    locale,
-    format: valueFormat,
-    labelSeparator,
-    closeOnChange,
-    sortDates
-  });
-  return /* @__PURE__ */ React.createElement(PickerInputBase, __spreadValues({
-    formattedValue,
-    dropdownOpened,
-    dropdownHandlers,
-    classNames,
-    styles,
-    unstyled,
-    __staticSelector: "YearPickerInput",
-    ref,
-    onClear,
-    shouldClear,
-    value: _value,
-    type,
-    size,
-    variant,
-    dropdownType
-  }, others), /* @__PURE__ */ React.createElement(YearPicker, __spreadProps(__spreadValues({}, calendarProps), {
-    size,
-    variant,
-    type,
-    value: _value,
-    defaultDate: Array.isArray(_value) ? _value[0] || getDefaultClampedDate({ maxDate, minDate }) : _value || getDefaultClampedDate({ maxDate, minDate }),
-    onChange: setValue,
-    locale,
-    classNames,
-    styles,
-    unstyled,
-    __staticSelector: "YearPickerInput",
-    __stopPropagation: dropdownType === "popover",
-    minDate,
-    maxDate
-  })));
-});
+const YearPickerInput = factory(
+  (_props, ref) => {
+    const props = useProps("YearPickerInput", defaultProps, _props);
+    const _a = props, {
+      type,
+      value,
+      defaultValue,
+      onChange,
+      valueFormat,
+      labelSeparator,
+      locale,
+      classNames,
+      styles,
+      unstyled,
+      closeOnChange,
+      size,
+      variant,
+      dropdownType,
+      sortDates,
+      minDate,
+      maxDate,
+      vars
+    } = _a, rest = __objRest(_a, [
+      "type",
+      "value",
+      "defaultValue",
+      "onChange",
+      "valueFormat",
+      "labelSeparator",
+      "locale",
+      "classNames",
+      "styles",
+      "unstyled",
+      "closeOnChange",
+      "size",
+      "variant",
+      "dropdownType",
+      "sortDates",
+      "minDate",
+      "maxDate",
+      "vars"
+    ]);
+    const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi({
+      classNames,
+      styles,
+      props
+    });
+    const { calendarProps, others } = pickCalendarProps(rest);
+    const {
+      _value,
+      setValue,
+      formattedValue,
+      dropdownHandlers,
+      dropdownOpened,
+      onClear,
+      shouldClear
+    } = useDatesInput({
+      type,
+      value,
+      defaultValue,
+      onChange,
+      locale,
+      format: valueFormat,
+      labelSeparator,
+      closeOnChange,
+      sortDates
+    });
+    return /* @__PURE__ */ React.createElement(
+      PickerInputBase,
+      __spreadProps(__spreadValues({
+        formattedValue,
+        dropdownOpened,
+        dropdownHandlers,
+        classNames: resolvedClassNames,
+        styles: resolvedStyles,
+        unstyled,
+        ref,
+        onClear,
+        shouldClear,
+        value: _value,
+        size,
+        variant,
+        dropdownType
+      }, others), {
+        type,
+        __staticSelector: "YearPickerInput"
+      }),
+      /* @__PURE__ */ React.createElement(
+        YearPicker,
+        __spreadProps(__spreadValues({}, calendarProps), {
+          size,
+          variant,
+          type,
+          value: _value,
+          defaultDate: Array.isArray(_value) ? _value[0] || getDefaultClampedDate({ maxDate, minDate }) : _value || getDefaultClampedDate({ maxDate, minDate }),
+          onChange: setValue,
+          locale,
+          classNames: resolvedClassNames,
+          styles: resolvedStyles,
+          unstyled,
+          __staticSelector: "YearPickerInput",
+          __stopPropagation: dropdownType === "popover",
+          minDate,
+          maxDate
+        })
+      )
+    );
+  }
+);
+YearPickerInput.classes = __spreadValues(__spreadValues({}, PickerInputBase.classes), YearPicker.classes);
 YearPickerInput.displayName = "@mantine/dates/YearPickerInput";
 
 export { YearPickerInput };

package/esm/components/YearPickerInput/YearPickerInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"YearPickerInput.js","sources":["../../../src/components/YearPickerInput/YearPickerInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/core';\nimport { useDatesInput } from '../../hooks';\nimport { pickCalendarProps } from '../Calendar';\nimport { YearPicker, YearPickerBaseProps } from '../YearPicker';\nimport { DatePickerType } from '../../types';\nimport { getDefaultClampedDate } from '../../utils';\nimport {\n  PickerInputBase,\n  DateInputSharedProps,\n  PickerInputBaseStylesNames,\n} from '../PickerInputBase';\n\nexport type YearPickerInputStylesNames = PickerInputBaseStylesNames;\n\nexport interface YearPickerInputProps<Type extends DatePickerType = 'default'>\n  extends DateInputSharedProps,\n    YearPickerBaseProps<Type> {\n  /** Dayjs format to display input value, \"YYYY\" by default  */\n  valueFormat?: string;\n}\n\ntype YearPickerInputComponent = (<Type extends DatePickerType = 'default'>(\n  props: YearPickerInputProps<Type>\n) => JSX.Element) & { displayName?: string };\n\nconst defaultProps: Partial<YearPickerInputProps> = {\n  type: 'default',\n  valueFormat: 'YYYY',\n  closeOnChange: true,\n  sortDates: true,\n  dropdownType: 'popover',\n};\n\nexport const YearPickerInput: YearPickerInputComponent = forwardRef((props, ref) => {\n  const {\n    type,\n    value,\n    defaultValue,\n    onChange,\n    valueFormat,\n    labelSeparator,\n    locale,\n    classNames,\n    styles,\n    unstyled,\n    closeOnChange,\n    size,\n    variant,\n    dropdownType,\n    sortDates,\n    minDate,\n    maxDate,\n    ...rest\n  } = useComponentDefaultProps('YearPickerInput', defaultProps, props);\n\n  const { calendarProps, others } = pickCalendarProps(rest);\n\n  const {\n    _value,\n    setValue,\n    formattedValue,\n    dropdownHandlers,\n    dropdownOpened,\n    onClear,\n    shouldClear,\n  } = useDatesInput({\n    type,\n    value,\n    defaultValue,\n    onChange,\n    locale,\n    format: valueFormat,\n    labelSeparator,\n    closeOnChange,\n    sortDates,\n  });\n\n  return (\n    <PickerInputBase\n      formattedValue={formattedValue}\n      dropdownOpened={dropdownOpened}\n      dropdownHandlers={dropdownHandlers}\n      classNames={classNames}\n      styles={styles}\n      unstyled={unstyled}\n      __staticSelector=\"YearPickerInput\"\n      ref={ref}\n      onClear={onClear}\n      shouldClear={shouldClear}\n      value={_value}\n      type={type}\n      size={size}\n      variant={variant}\n      dropdownType={dropdownType}\n      {...others}\n    >\n      <YearPicker\n        {...calendarProps}\n        size={size}\n        variant={variant}\n        type={type}\n        value={_value}\n        defaultDate={\n          Array.isArray(_value)\n            ? _value[0] || getDefaultClampedDate({ maxDate, minDate })\n            : _value || getDefaultClampedDate({ maxDate, minDate })\n        }\n        onChange={setValue}\n        locale={locale}\n        classNames={classNames}\n        styles={styles}\n        unstyled={unstyled}\n        __staticSelector=\"YearPickerInput\"\n        __stopPropagation={dropdownType === 'popover'}\n        minDate={minDate}\n        maxDate={maxDate}\n      />\n    </PickerInputBase>\n  );\n});\n\nYearPickerInput.displayName = '@mantine/dates/YearPickerInput';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"YearPickerInput.js","sources":["../../../src/components/YearPickerInput/YearPickerInput.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  BoxProps,\n  StylesApiProps,\n  factory,\n  useProps,\n  useResolvedStylesApi,\n  Factory,\n  InputVariant,\n  __InputStylesNames,\n  MantineComponentStaticProperties,\n} from '@mantine/core';\nimport { pickCalendarProps } from '../Calendar';\nimport { useDatesInput } from '../../hooks';\nimport { YearPicker, YearPickerBaseProps, YearPickerStylesNames } from '../YearPicker';\nimport { DatePickerType } from '../../types';\nimport { getDefaultClampedDate } from '../../utils';\nimport { PickerInputBase, DateInputSharedProps } from '../PickerInputBase';\n\nexport type YearPickerInputStylesNames = __InputStylesNames | YearPickerStylesNames;\n\nexport interface YearPickerInputProps<Type extends DatePickerType = 'default'>\n  extends BoxProps,\n    DateInputSharedProps,\n    YearPickerBaseProps<Type>,\n    StylesApiProps<YearPickerInputFactory> {\n  /** Dayjs format to display input value, \"YYYY\" by default  */\n  valueFormat?: string;\n}\n\nexport type YearPickerInputFactory = Factory<{\n  props: YearPickerInputProps;\n  ref: HTMLButtonElement;\n  stylesNames: YearPickerInputStylesNames;\n  variant: InputVariant;\n}>;\n\nconst defaultProps: Partial<YearPickerInputProps> = {\n  type: 'default',\n  valueFormat: 'YYYY',\n  closeOnChange: true,\n  sortDates: true,\n  dropdownType: 'popover',\n  size: 'sm',\n};\n\ntype YearPickerInputComponent = (<Type extends DatePickerType = 'default'>(\n  props: YearPickerInputProps<Type>\n) => JSX.Element) & {\n  displayName?: string;\n} & MantineComponentStaticProperties<YearPickerInputFactory>;\n\nexport const YearPickerInput: YearPickerInputComponent = factory<YearPickerInputFactory>(\n  (_props, ref) => {\n    const props = useProps('YearPickerInput', defaultProps, _props);\n    const {\n      type,\n      value,\n      defaultValue,\n      onChange,\n      valueFormat,\n      labelSeparator,\n      locale,\n      classNames,\n      styles,\n      unstyled,\n      closeOnChange,\n      size,\n      variant,\n      dropdownType,\n      sortDates,\n      minDate,\n      maxDate,\n      vars,\n      ...rest\n    } = props;\n\n    const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<YearPickerInputFactory>({\n      classNames,\n      styles,\n      props,\n    });\n\n    const { calendarProps, others } = pickCalendarProps(rest);\n\n    const {\n      _value,\n      setValue,\n      formattedValue,\n      dropdownHandlers,\n      dropdownOpened,\n      onClear,\n      shouldClear,\n    } = useDatesInput({\n      type: type as any,\n      value,\n      defaultValue,\n      onChange: onChange as any,\n      locale,\n      format: valueFormat,\n      labelSeparator,\n      closeOnChange,\n      sortDates,\n    });\n\n    return (\n      <PickerInputBase\n        formattedValue={formattedValue}\n        dropdownOpened={dropdownOpened}\n        dropdownHandlers={dropdownHandlers}\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        unstyled={unstyled}\n        ref={ref}\n        onClear={onClear}\n        shouldClear={shouldClear}\n        value={_value}\n        size={size!}\n        variant={variant}\n        dropdownType={dropdownType}\n        {...others}\n        type={type as any}\n        __staticSelector=\"YearPickerInput\"\n      >\n        <YearPicker\n          {...calendarProps}\n          size={size}\n          variant={variant}\n          type={type}\n          value={_value}\n          defaultDate={\n            Array.isArray(_value)\n              ? _value[0] || getDefaultClampedDate({ maxDate, minDate })\n              : _value || getDefaultClampedDate({ maxDate, minDate })\n          }\n          onChange={setValue}\n          locale={locale}\n          classNames={resolvedClassNames}\n          styles={resolvedStyles}\n          unstyled={unstyled}\n          __staticSelector=\"YearPickerInput\"\n          __stopPropagation={dropdownType === 'popover'}\n          minDate={minDate}\n          maxDate={maxDate}\n        />\n      </PickerInputBase>\n    );\n  }\n) as any;\n\nYearPickerInput.classes = { ...PickerInputBase.classes, ...YearPicker.classes };\nYearPickerInput.displayName = '@mantine/dates/YearPickerInput';\n"],"names":[],"mappings":"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"}

package/esm/components/YearsList/YearsList.js

@@ -1,10 +1,10 @@
 import dayjs from 'dayjs';
-import React, { forwardRef } from 'react';
-import { useComponentDefaultProps, Box } from '@mantine/core';
+import React from 'react';
+import { factory, useProps, useStyles, Box } from '@mantine/core';
 import { getYearsData } from './get-years-data/get-years-data.js';
-import { isYearDisabled } from './is-year-disabled/is-year-disabled.js';
-import useStyles from './YearsList.styles.js';
 import { getYearInTabOrder } from './get-year-in-tab-order/get-year-in-tab-order.js';
+import { isYearDisabled } from './is-year-disabled/is-year-disabled.js';
+import classes from './YearsList.module.css.js';
 import { useDatesContext } from '../DatesProvider/use-dates-context.js';
 import { PickerControl } from '../PickerControl/PickerControl.js';
 
@@ -44,18 +44,21 @@ const defaultProps = {
   size: "sm",
   withCellSpacing: true
 };
-const YearsList = forwardRef((props, ref) => {
-  const _a = useComponentDefaultProps("YearsList", defaultProps, props), {
-    decade,
+const YearsList = factory((_props, ref) => {
+  const props = useProps("YearsList", defaultProps, _props);
+  const _a = props, {
+    classNames,
     className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    decade,
     yearsListFormat,
     locale,
     minDate,
     maxDate,
     getYearControlProps,
-    classNames,
-    styles,
-    unstyled,
     __staticSelector,
     __getControlRef,
     __onControlKeyDown,
@@ -63,20 +66,21 @@ const YearsList = forwardRef((props, ref) => {
     __onControlMouseEnter,
     __preventFocus,
     __stopPropagation,
-    size,
-    variant,
-    withCellSpacing
+    withCellSpacing,
+    size
   } = _a, others = __objRest(_a, [
-    "decade",
+    "classNames",
     "className",
+    "style",
+    "styles",
+    "unstyled",
+    "vars",
+    "decade",
     "yearsListFormat",
     "locale",
     "minDate",
     "maxDate",
     "getYearControlProps",
-    "classNames",
-    "styles",
-    "unstyled",
     "__staticSelector",
     "__getControlRef",
     "__onControlKeyDown",
@@ -84,17 +88,20 @@ const YearsList = forwardRef((props, ref) => {
     "__onControlMouseEnter",
     "__preventFocus",
     "__stopPropagation",
-    "size",
-    "variant",
-    "withCellSpacing"
+    "withCellSpacing",
+    "size"
   ]);
-  const { classes, cx } = useStyles(null, {
-    name: ["YearsList", __staticSelector],
+  const getStyles = useStyles({
+    name: __staticSelector || "YearsList",
+    classes,
+    props,
+    className,
+    style,
     classNames,
     styles,
     unstyled,
-    variant,
-    size
+    vars,
+    rootSelector: "yearsList"
   });
   const ctx = useDatesContext();
   const years = getYearsData(decade);
@@ -103,55 +110,52 @@ const YearsList = forwardRef((props, ref) => {
     const cells = yearsRow.map((year, cellIndex) => {
       const controlProps = getYearControlProps == null ? void 0 : getYearControlProps(year);
       const isYearInTabOrder = dayjs(year).isSame(yearInTabOrder, "year");
-      return /* @__PURE__ */ React.createElement("td", {
-        key: cellIndex,
-        className: classes.yearsListCell,
-        "data-with-spacing": withCellSpacing || void 0
-      }, /* @__PURE__ */ React.createElement(PickerControl, __spreadProps(__spreadValues({
-        size,
-        variant,
-        classNames,
-        styles,
-        unstyled,
-        __staticSelector: __staticSelector || "YearsList",
-        "data-mantine-stop-propagation": __stopPropagation || void 0,
-        disabled: isYearDisabled(year, minDate, maxDate),
-        ref: (node) => __getControlRef == null ? void 0 : __getControlRef(rowIndex, cellIndex, node)
-      }, controlProps), {
-        onKeyDown: (event) => {
-          var _a2;
-          (_a2 = controlProps == null ? void 0 : controlProps.onKeyDown) == null ? void 0 : _a2.call(controlProps, event);
-          __onControlKeyDown == null ? void 0 : __onControlKeyDown(event, { rowIndex, cellIndex, date: year });
-        },
-        onClick: (event) => {
-          var _a2;
-          (_a2 = controlProps == null ? void 0 : controlProps.onClick) == null ? void 0 : _a2.call(controlProps, event);
-          __onControlClick == null ? void 0 : __onControlClick(event, year);
-        },
-        onMouseEnter: (event) => {
-          var _a2;
-          (_a2 = controlProps == null ? void 0 : controlProps.onMouseEnter) == null ? void 0 : _a2.call(controlProps, event);
-          __onControlMouseEnter == null ? void 0 : __onControlMouseEnter(event, year);
-        },
-        onMouseDown: (event) => {
-          var _a2;
-          (_a2 = controlProps == null ? void 0 : controlProps.onMouseDown) == null ? void 0 : _a2.call(controlProps, event);
-          __preventFocus && event.preventDefault();
-        },
-        tabIndex: __preventFocus || !isYearInTabOrder ? -1 : 0
-      }), dayjs(year).locale(ctx.getLocale(locale)).format(yearsListFormat)));
+      return /* @__PURE__ */ React.createElement(
+        "td",
+        __spreadProps(__spreadValues({
+          key: cellIndex
+        }, getStyles("yearsListCell")), {
+          "data-with-spacing": withCellSpacing || void 0
+        }),
+        /* @__PURE__ */ React.createElement(
+          PickerControl,
+          __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, getStyles("yearsListControl")), {
+            size,
+            "data-mantine-stop-propagation": __stopPropagation || void 0,
+            disabled: isYearDisabled(year, minDate, maxDate),
+            ref: (node) => __getControlRef == null ? void 0 : __getControlRef(rowIndex, cellIndex, node)
+          }), controlProps), {
+            onKeyDown: (event) => {
+              var _a2;
+              (_a2 = controlProps == null ? void 0 : controlProps.onKeyDown) == null ? void 0 : _a2.call(controlProps, event);
+              __onControlKeyDown == null ? void 0 : __onControlKeyDown(event, { rowIndex, cellIndex, date: year });
+            },
+            onClick: (event) => {
+              var _a2;
+              (_a2 = controlProps == null ? void 0 : controlProps.onClick) == null ? void 0 : _a2.call(controlProps, event);
+              __onControlClick == null ? void 0 : __onControlClick(event, year);
+            },
+            onMouseEnter: (event) => {
+              var _a2;
+              (_a2 = controlProps == null ? void 0 : controlProps.onMouseEnter) == null ? void 0 : _a2.call(controlProps, event);
+              __onControlMouseEnter == null ? void 0 : __onControlMouseEnter(event, year);
+            },
+            onMouseDown: (event) => {
+              var _a2;
+              (_a2 = controlProps == null ? void 0 : controlProps.onMouseDown) == null ? void 0 : _a2.call(controlProps, event);
+              __preventFocus && event.preventDefault();
+            },
+            tabIndex: __preventFocus || !isYearInTabOrder ? -1 : 0
+          }),
+          dayjs(year).locale(ctx.getLocale(locale)).format(yearsListFormat)
+        )
+      );
     });
-    return /* @__PURE__ */ React.createElement("tr", {
-      key: rowIndex,
-      className: classes.yearsListRow
-    }, cells);
+    return /* @__PURE__ */ React.createElement("tr", __spreadValues({ key: rowIndex }, getStyles("yearsListRow")), cells);
   });
-  return /* @__PURE__ */ React.createElement(Box, __spreadValues({
-    component: "table",
-    ref,
-    className: cx(classes.yearsList, className)
-  }, others), /* @__PURE__ */ React.createElement("tbody", null, rows));
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadValues({ component: "table", ref, size }, getStyles("yearsList")), others), /* @__PURE__ */ React.createElement("tbody", null, rows));
 });
+YearsList.classes = classes;
 YearsList.displayName = "@mantine/dates/YearsList";
 
 export { YearsList };

package/esm/components/YearsList/YearsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"YearsList.js","sources":["../../../src/components/YearsList/YearsList.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport dayjs from 'dayjs';\nimport React, { forwardRef } from 'react';\nimport { DefaultProps, Box, Selectors, useComponentDefaultProps, MantineSize } from '@mantine/core';\nimport { PickerControl, PickerControlStylesNames, PickerControlProps } from '../PickerControl';\nimport { ControlsGroupSettings } from '../../types';\nimport { useDatesContext } from '../DatesProvider';\nimport { getYearsData } from './get-years-data/get-years-data';\nimport { isYearDisabled } from './is-year-disabled/is-year-disabled';\nimport useStyles from './YearsList.styles';\nimport { getYearInTabOrder } from './get-year-in-tab-order/get-year-in-tab-order';\n\nexport type YearsListStylesNames = PickerControlStylesNames | Selectors<typeof useStyles>;\n\nexport interface YearsListSettings extends ControlsGroupSettings {\n  /** Prevents focus shift when buttons are clicked */\n  __preventFocus?: boolean;\n\n  /** dayjs format for years list  */\n  yearsListFormat?: string;\n\n  /** Adds props to year picker control based on date */\n  getYearControlProps?(date: Date): Partial<PickerControlProps>;\n\n  /** Component size */\n  size?: MantineSize;\n\n  /** Determines whether propagation for Escape key should be stopped */\n  __stopPropagation?: boolean;\n\n  /** Determines whether controls should be separated by spacing, true by default */\n  withCellSpacing?: boolean;\n}\n\nexport interface YearsListProps\n  extends DefaultProps<YearsListStylesNames>,\n    YearsListSettings,\n    React.ComponentPropsWithoutRef<'table'> {\n  variant?: string;\n  __staticSelector?: string;\n\n  /** Decade for which years list should be displayed */\n  decade: Date;\n}\n\nconst defaultProps: Partial<YearsListProps> = {\n  yearsListFormat: 'YYYY',\n  size: 'sm',\n  withCellSpacing: true,\n};\n\nexport const YearsList = forwardRef<HTMLTableElement, YearsListProps>((props, ref) => {\n  const {\n    decade,\n    className,\n    yearsListFormat,\n    locale,\n    minDate,\n    maxDate,\n    getYearControlProps,\n    classNames,\n    styles,\n    unstyled,\n    __staticSelector,\n    __getControlRef,\n    __onControlKeyDown,\n    __onControlClick,\n    __onControlMouseEnter,\n    __preventFocus,\n    __stopPropagation,\n    size,\n    variant,\n    withCellSpacing,\n    ...others\n  } = useComponentDefaultProps('YearsList', defaultProps, props);\n\n  const { classes, cx } = useStyles(null, {\n    name: ['YearsList', __staticSelector],\n    classNames,\n    styles,\n    unstyled,\n    variant,\n    size,\n  });\n\n  const ctx = useDatesContext();\n\n  const years = getYearsData(decade);\n\n  const yearInTabOrder = getYearInTabOrder(years, minDate, maxDate, getYearControlProps);\n\n  const rows = years.map((yearsRow, rowIndex) => {\n    const cells = yearsRow.map((year, cellIndex) => {\n      const controlProps = getYearControlProps?.(year);\n      const isYearInTabOrder = dayjs(year).isSame(yearInTabOrder, 'year');\n      return (\n        <td\n          key={cellIndex}\n          className={classes.yearsListCell}\n          data-with-spacing={withCellSpacing || undefined}\n        >\n          <PickerControl\n            size={size}\n            variant={variant}\n            classNames={classNames}\n            styles={styles}\n            unstyled={unstyled}\n            __staticSelector={__staticSelector || 'YearsList'}\n            data-mantine-stop-propagation={__stopPropagation || undefined}\n            disabled={isYearDisabled(year, minDate, maxDate)}\n            ref={(node) => __getControlRef?.(rowIndex, cellIndex, node)}\n            {...controlProps}\n            onKeyDown={(event) => {\n              controlProps?.onKeyDown?.(event);\n              __onControlKeyDown?.(event, { rowIndex, cellIndex, date: year });\n            }}\n            onClick={(event) => {\n              controlProps?.onClick?.(event);\n              __onControlClick?.(event, year);\n            }}\n            onMouseEnter={(event) => {\n              controlProps?.onMouseEnter?.(event);\n              __onControlMouseEnter?.(event, year);\n            }}\n            onMouseDown={(event) => {\n              controlProps?.onMouseDown?.(event);\n              __preventFocus && event.preventDefault();\n            }}\n            tabIndex={__preventFocus || !isYearInTabOrder ? -1 : 0}\n          >\n            {dayjs(year).locale(ctx.getLocale(locale)).format(yearsListFormat)}\n          </PickerControl>\n        </td>\n      );\n    });\n\n    return (\n      <tr key={rowIndex} className={classes.yearsListRow}>\n        {cells}\n      </tr>\n    );\n  });\n\n  return (\n    <Box component=\"table\" ref={ref} className={cx(classes.yearsList, className)} {...others}>\n      <tbody>{rows}</tbody>\n    </Box>\n  );\n});\n\nYearsList.displayName = '@mantine/dates/YearsList';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"YearsList.js","sources":["../../../src/components/YearsList/YearsList.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  Factory,\n  MantineSize,\n} from '@mantine/core';\nimport { ControlsGroupSettings } from '../../types';\nimport { PickerControl, PickerControlProps } from '../PickerControl';\nimport { getYearsData } from './get-years-data/get-years-data';\nimport { getYearInTabOrder } from './get-year-in-tab-order/get-year-in-tab-order';\nimport { useDatesContext } from '../DatesProvider';\nimport { isYearDisabled } from './is-year-disabled/is-year-disabled';\nimport classes from './YearsList.module.css';\n\nexport type YearsListStylesNames =\n  | 'yearsListControl'\n  | 'yearsList'\n  | 'yearsListCell'\n  | 'yearsListRow';\n\nexport interface YearsListSettings extends ControlsGroupSettings {\n  /** Prevents focus shift when buttons are clicked */\n  __preventFocus?: boolean;\n\n  /** Determines whether propagation for Escape key should be stopped */\n  __stopPropagation?: boolean;\n\n  /** dayjs format for years list, `'YYYY'` by default  */\n  yearsListFormat?: string;\n\n  /** Adds props to year picker control based on date */\n  getYearControlProps?(date: Date): Partial<PickerControlProps>;\n\n  /** Component size */\n  size?: MantineSize;\n\n  /** Determines whether controls should be separated by spacing, true by default */\n  withCellSpacing?: boolean;\n}\n\nexport interface YearsListProps\n  extends BoxProps,\n    YearsListSettings,\n    StylesApiProps<YearsListFactory>,\n    ElementProps<'table'> {\n  __staticSelector?: string;\n\n  /** Decade for which years list should be displayed */\n  decade: Date;\n}\n\nexport type YearsListFactory = Factory<{\n  props: YearsListProps;\n  ref: HTMLTableElement;\n  stylesNames: YearsListStylesNames;\n}>;\n\nconst defaultProps: Partial<YearsListProps> = {\n  yearsListFormat: 'YYYY',\n  size: 'sm',\n  withCellSpacing: true,\n};\n\nexport const YearsList = factory<YearsListFactory>((_props, ref) => {\n  const props = useProps('YearsList', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    decade,\n    yearsListFormat,\n    locale,\n    minDate,\n    maxDate,\n    getYearControlProps,\n    __staticSelector,\n    __getControlRef,\n    __onControlKeyDown,\n    __onControlClick,\n    __onControlMouseEnter,\n    __preventFocus,\n    __stopPropagation,\n    withCellSpacing,\n    size,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<YearsListFactory>({\n    name: __staticSelector || 'YearsList',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    rootSelector: 'yearsList',\n  });\n\n  const ctx = useDatesContext();\n\n  const years = getYearsData(decade);\n\n  const yearInTabOrder = getYearInTabOrder(years, minDate, maxDate, getYearControlProps);\n\n  const rows = years.map((yearsRow, rowIndex) => {\n    const cells = yearsRow.map((year, cellIndex) => {\n      const controlProps = getYearControlProps?.(year);\n      const isYearInTabOrder = dayjs(year).isSame(yearInTabOrder, 'year');\n      return (\n        <td\n          key={cellIndex}\n          {...getStyles('yearsListCell')}\n          data-with-spacing={withCellSpacing || undefined}\n        >\n          <PickerControl\n            {...getStyles('yearsListControl')}\n            size={size}\n            data-mantine-stop-propagation={__stopPropagation || undefined}\n            disabled={isYearDisabled(year, minDate, maxDate)}\n            ref={(node) => __getControlRef?.(rowIndex, cellIndex, node!)}\n            {...controlProps}\n            onKeyDown={(event) => {\n              controlProps?.onKeyDown?.(event);\n              __onControlKeyDown?.(event, { rowIndex, cellIndex, date: year });\n            }}\n            onClick={(event) => {\n              controlProps?.onClick?.(event);\n              __onControlClick?.(event, year);\n            }}\n            onMouseEnter={(event) => {\n              controlProps?.onMouseEnter?.(event);\n              __onControlMouseEnter?.(event, year);\n            }}\n            onMouseDown={(event) => {\n              controlProps?.onMouseDown?.(event);\n              __preventFocus && event.preventDefault();\n            }}\n            tabIndex={__preventFocus || !isYearInTabOrder ? -1 : 0}\n          >\n            {dayjs(year).locale(ctx.getLocale(locale)).format(yearsListFormat)}\n          </PickerControl>\n        </td>\n      );\n    });\n\n    return (\n      <tr key={rowIndex} {...getStyles('yearsListRow')}>\n        {cells}\n      </tr>\n    );\n  });\n\n  return (\n    <Box component=\"table\" ref={ref} size={size} {...getStyles('yearsList')} {...others}>\n      <tbody>{rows}</tbody>\n    </Box>\n  );\n});\n\nYearsList.classes = classes;\nYearsList.displayName = '@mantine/dates/YearsList';\n"],"names":[],"mappings":";;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAeF,MAAM,YAAY,GAAG;AACrB,EAAE,eAAe,EAAE,MAAM;AACzB,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,eAAe,EAAE,IAAI;AACvB,CAAC,CAAC;AACU,MAAC,SAAS,GAAG,OAAO,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK;AAClD,EAAE,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AAC5D,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;AACpB,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,eAAe;AACnB,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,mBAAmB;AACvB,IAAI,gBAAgB;AACpB,IAAI,eAAe;AACnB,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;AACzB,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,eAAe;AACnB,IAAI,IAAI;AACR,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,iBAAiB;AACrB,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,SAAS;AACb,IAAI,qBAAqB;AACzB,IAAI,kBAAkB;AACtB,IAAI,iBAAiB;AACrB,IAAI,oBAAoB;AACxB,IAAI,kBAAkB;AACtB,IAAI,uBAAuB;AAC3B,IAAI,gBAAgB;AACpB,IAAI,mBAAmB;AACvB,IAAI,iBAAiB;AACrB,IAAI,MAAM;AACV,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,SAAS,GAAG,SAAS,CAAC;AAC9B,IAAI,IAAI,EAAE,gBAAgB,IAAI,WAAW;AACzC,IAAI,OAAO;AACX,IAAI,KAAK;AACT,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,YAAY,EAAE,WAAW;AAC7B,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,GAAG,GAAG,eAAe,EAAE,CAAC;AAChC,EAAE,MAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;AACrC,EAAE,MAAM,cAAc,GAAG,iBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC;AACzF,EAAE,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,QAAQ,KAAK;AACjD,IAAI,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,KAAK;AACpD,MAAM,MAAM,YAAY,GAAG,mBAAmB,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;AAC5F,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;AAC1E,MAAM,uBAAuB,KAAK,CAAC,aAAa;AAChD,QAAQ,IAAI;AACZ,QAAQ,aAAa,CAAC,cAAc,CAAC;AACrC,UAAU,GAAG,EAAE,SAAS;AACxB,SAAS,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE;AACxC,UAAU,mBAAmB,EAAE,eAAe,IAAI,KAAK,CAAC;AACxD,SAAS,CAAC;AACV,wBAAwB,KAAK,CAAC,aAAa;AAC3C,UAAU,aAAa;AACvB,UAAU,aAAa,CAAC,cAAc,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE;AACxG,YAAY,IAAI;AAChB,YAAY,+BAA+B,EAAE,iBAAiB,IAAI,KAAK,CAAC;AACxE,YAAY,QAAQ,EAAE,cAAc,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC;AAC5D,YAAY,GAAG,EAAE,CAAC,IAAI,KAAK,eAAe,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,eAAe,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC;AACxG,WAAW,CAAC,EAAE,YAAY,CAAC,EAAE;AAC7B,YAAY,SAAS,EAAE,CAAC,KAAK,KAAK;AAClC,cAAc,IAAI,GAAG,CAAC;AACtB,cAAc,CAAC,GAAG,GAAG,YAAY,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,SAAS,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AAC9H,cAAc,kBAAkB,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,kBAAkB,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AACnH,aAAa;AACb,YAAY,OAAO,EAAE,CAAC,KAAK,KAAK;AAChC,cAAc,IAAI,GAAG,CAAC;AACtB,cAAc,CAAC,GAAG,GAAG,YAAY,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AAC5H,cAAc,gBAAgB,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AAChF,aAAa;AACb,YAAY,YAAY,EAAE,CAAC,KAAK,KAAK;AACrC,cAAc,IAAI,GAAG,CAAC;AACtB,cAAc,CAAC,GAAG,GAAG,YAAY,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,YAAY,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AACjI,cAAc,qBAAqB,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AAC1F,aAAa;AACb,YAAY,WAAW,EAAE,CAAC,KAAK,KAAK;AACpC,cAAc,IAAI,GAAG,CAAC;AACtB,cAAc,CAAC,GAAG,GAAG,YAAY,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,WAAW,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AAChI,cAAc,cAAc,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;AACvD,aAAa;AACb,YAAY,QAAQ,EAAE,cAAc,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,GAAG,CAAC;AAClE,WAAW,CAAC;AACZ,UAAU,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC;AAC3E,SAAS;AACT,OAAO,CAAC;AACR,KAAK,CAAC,CAAC;AACP,IAAI,uBAAuB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,cAAc,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;AAC1H,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,MAAM,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;AAC/M,CAAC,EAAE;AACH,SAAS,CAAC,OAAO,GAAG,OAAO,CAAC;AAC5B,SAAS,CAAC,WAAW,GAAG,0BAA0B;;;;"}

package/esm/components/YearsList/YearsList.module.css.js

@@ -0,0 +1,4 @@
+var classes = {"yearsList":"m-9206547b","yearsListCell":"m-c5a19c7d"};
+
+export default classes;
+//# sourceMappingURL=YearsList.module.css.js.map

package/esm/components/YearsList/YearsList.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearsList.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/YearsList/get-year-in-tab-order/get-year-in-tab-order.js

@@ -2,10 +2,12 @@ import dayjs from 'dayjs';
 import { isYearDisabled } from '../is-year-disabled/is-year-disabled.js';
 
 function getYearInTabOrder(years, minDate, maxDate, getYearControlProps) {
-  const enabledYears = years.flat().filter((year) => {
-    var _a;
-    return !isYearDisabled(year, minDate, maxDate) && !((_a = getYearControlProps == null ? void 0 : getYearControlProps(year)) == null ? void 0 : _a.disabled);
-  });
+  const enabledYears = years.flat().filter(
+    (year) => {
+      var _a;
+      return !isYearDisabled(year, minDate, maxDate) && !((_a = getYearControlProps == null ? void 0 : getYearControlProps(year)) == null ? void 0 : _a.disabled);
+    }
+  );
   const selectedYear = enabledYears.find((year) => {
     var _a;
     return (_a = getYearControlProps == null ? void 0 : getYearControlProps(year)) == null ? void 0 : _a.selected;

package/esm/components/YearsList/get-year-in-tab-order/get-year-in-tab-order.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-year-in-tab-order.js","sources":["../../../../src/components/YearsList/get-year-in-tab-order/get-year-in-tab-order.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { PickerControlProps } from '../../PickerControl';\nimport { isYearDisabled } from '../is-year-disabled/is-year-disabled';\n\nexport function getYearInTabOrder(\n  years: Date[][],\n  minDate: Date,\n  maxDate: Date,\n  getYearControlProps: (year: Date) => Partial<PickerControlProps>\n) {\n  const enabledYears = years\n    .flat()\n    .filter(\n      (year) => !isYearDisabled(year, minDate, maxDate) && !getYearControlProps?.(year)?.disabled\n    );\n\n  const selectedYear = enabledYears.find((year) => getYearControlProps?.(year)?.selected);\n\n  if (selectedYear) {\n    return selectedYear;\n  }\n\n  const currentYear = enabledYears.find((year) => dayjs().isSame(year, 'year'));\n\n  if (currentYear) {\n    return currentYear;\n  }\n\n  return enabledYears[0];\n}\n"],"names":[],"mappings":";;;AAEO,SAAS,iBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE;AAChF,EAAE,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK;AACrD,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,OAAO,CAAC,cAAc,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,mBAAmB,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,mBAAmB,CAAC,IAAI,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC;AAChK,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK;AACnD,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,OAAO,CAAC,EAAE,GAAG,mBAAmB,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,mBAAmB,CAAC,IAAI,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC;AAClH,GAAG,CAAC,CAAC;AACL,EAAE,IAAI,YAAY,EAAE;AACpB,IAAI,OAAO,YAAY,CAAC;AACxB,GAAG;AACH,EAAE,MAAM,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;AAChF,EAAE,IAAI,WAAW,EAAE;AACnB,IAAI,OAAO,WAAW,CAAC;AACvB,GAAG;AACH,EAAE,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC;AACzB;;;;"}
+{"version":3,"file":"get-year-in-tab-order.js","sources":["../../../../src/components/YearsList/get-year-in-tab-order/get-year-in-tab-order.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { PickerControlProps } from '../../PickerControl';\nimport { isYearDisabled } from '../is-year-disabled/is-year-disabled';\n\nexport function getYearInTabOrder(\n  years: Date[][],\n  minDate: Date | undefined,\n  maxDate: Date | undefined,\n  getYearControlProps: ((year: Date) => Partial<PickerControlProps>) | undefined\n) {\n  const enabledYears = years\n    .flat()\n    .filter(\n      (year) => !isYearDisabled(year, minDate, maxDate) && !getYearControlProps?.(year)?.disabled\n    );\n\n  const selectedYear = enabledYears.find((year) => getYearControlProps?.(year)?.selected);\n\n  if (selectedYear) {\n    return selectedYear;\n  }\n\n  const currentYear = enabledYears.find((year) => dayjs().isSame(year, 'year'));\n\n  if (currentYear) {\n    return currentYear;\n  }\n\n  return enabledYears[0];\n}\n"],"names":[],"mappings":";;;AAEO,SAAS,iBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE;AAChF,EAAE,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM;AAC1C,IAAI,CAAC,IAAI,KAAK;AACd,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,OAAO,CAAC,cAAc,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,mBAAmB,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,mBAAmB,CAAC,IAAI,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC;AAClK,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK;AACnD,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,OAAO,CAAC,EAAE,GAAG,mBAAmB,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,mBAAmB,CAAC,IAAI,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC;AAClH,GAAG,CAAC,CAAC;AACL,EAAE,IAAI,YAAY,EAAE;AACpB,IAAI,OAAO,YAAY,CAAC;AACxB,GAAG;AACH,EAAE,MAAM,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;AAChF,EAAE,IAAI,WAAW,EAAE;AACnB,IAAI,OAAO,WAAW,CAAC;AACvB,GAAG;AACH,EAAE,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC;AACzB;;;;"}

package/esm/components/YearsList/is-year-disabled/is-year-disabled.js.map

@@ -1 +1 @@
-{"version":3,"file":"is-year-disabled.js","sources":["../../../../src/components/YearsList/is-year-disabled/is-year-disabled.ts"],"sourcesContent":["import dayjs from 'dayjs';\n\nexport function isYearDisabled(year: Date, minDate: Date, maxDate: Date) {\n  if (!minDate && !maxDate) {\n    return false;\n  }\n\n  if (minDate && dayjs(year).isBefore(minDate, 'year')) {\n    return true;\n  }\n\n  if (maxDate && dayjs(year).isAfter(maxDate, 'year')) {\n    return true;\n  }\n\n  return false;\n}\n"],"names":[],"mappings":";;AACO,SAAS,cAAc,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE;AACvD,EAAE,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE;AAC5B,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,IAAI,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE;AACxD,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,IAAI,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE;AACvD,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}
+{"version":3,"file":"is-year-disabled.js","sources":["../../../../src/components/YearsList/is-year-disabled/is-year-disabled.ts"],"sourcesContent":["import dayjs from 'dayjs';\n\nexport function isYearDisabled(\n  year: Date,\n  minDate: Date | null | undefined,\n  maxDate: Date | null | undefined\n) {\n  if (!minDate && !maxDate) {\n    return false;\n  }\n\n  if (minDate && dayjs(year).isBefore(minDate, 'year')) {\n    return true;\n  }\n\n  if (maxDate && dayjs(year).isAfter(maxDate, 'year')) {\n    return true;\n  }\n\n  return false;\n}\n"],"names":[],"mappings":";;AACO,SAAS,cAAc,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE;AACvD,EAAE,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE;AAC5B,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,IAAI,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE;AACxD,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,IAAI,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE;AACvD,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}

package/esm/hooks/use-dates-input/use-dates-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-dates-input.js","sources":["../../../src/hooks/use-dates-input/use-dates-input.ts"],"sourcesContent":["import { useDisclosure } from '@mantine/hooks';\nimport { DatePickerType, DatePickerValue } from '../../types';\nimport { useDatesContext } from '../../components/DatesProvider';\nimport { useUncontrolledDates } from '../use-uncontrolled-dates/use-uncontrolled-dates';\nimport { getFormattedDate } from '../../utils';\n\ninterface UseDatesInput<Type extends DatePickerType = 'default'> {\n  type: Type;\n  value: DatePickerValue<Type>;\n  defaultValue: DatePickerValue<Type>;\n  onChange(value: DatePickerValue<Type>): void;\n  locale: string;\n  format: string;\n  closeOnChange: boolean;\n  sortDates: boolean;\n  labelSeparator: string;\n}\n\nexport function useDatesInput<Type extends DatePickerType = 'default'>({\n  type,\n  value,\n  defaultValue,\n  onChange,\n  locale,\n  format,\n  closeOnChange,\n  sortDates,\n  labelSeparator,\n}: UseDatesInput<Type>) {\n  const ctx = useDatesContext();\n\n  const [dropdownOpened, dropdownHandlers] = useDisclosure(false);\n\n  const [_value, _setValue] = useUncontrolledDates({\n    type,\n    value,\n    defaultValue,\n    onChange,\n  });\n\n  const formattedValue = getFormattedDate({\n    type,\n    date: _value,\n    locale: ctx.getLocale(locale),\n    format,\n    labelSeparator: ctx.getLabelSeparator(labelSeparator),\n  });\n\n  const setValue = (val: any) => {\n    if (closeOnChange) {\n      if (type === 'default') {\n        dropdownHandlers.close();\n      }\n\n      if (type === 'range' && val[0] && val[1]) {\n        dropdownHandlers.close();\n      }\n    }\n\n    if (sortDates && type === 'multiple') {\n      _setValue([...val].sort((a, b) => a.getTime() - b.getTime()));\n    } else {\n      _setValue(val);\n    }\n  };\n\n  const onClear = () => setValue(type === 'range' ? [null, null] : type === 'multiple' ? [] : null);\n  const shouldClear =\n    type === 'range' ? !!_value[0] : type === 'multiple' ? _value.length > 0 : _value !== null;\n\n  return {\n    _value,\n    setValue,\n    onClear,\n    shouldClear,\n    formattedValue,\n    dropdownOpened,\n    dropdownHandlers,\n  };\n}\n"],"names":[],"mappings":";;;;;AAIO,SAAS,aAAa,CAAC;AAC9B,EAAE,IAAI;AACN,EAAE,KAAK;AACP,EAAE,YAAY;AACd,EAAE,QAAQ;AACV,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,aAAa;AACf,EAAE,SAAS;AACX,EAAE,cAAc;AAChB,CAAC,EAAE;AACH,EAAE,MAAM,GAAG,GAAG,eAAe,EAAE,CAAC;AAChC,EAAE,MAAM,CAAC,cAAc,EAAE,gBAAgB,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;AAClE,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,oBAAoB,CAAC;AACnD,IAAI,IAAI;AACR,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,cAAc,GAAG,gBAAgB,CAAC;AAC1C,IAAI,IAAI;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC;AACjC,IAAI,MAAM;AACV,IAAI,cAAc,EAAE,GAAG,CAAC,iBAAiB,CAAC,cAAc,CAAC;AACzD,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,QAAQ,GAAG,CAAC,GAAG,KAAK;AAC5B,IAAI,IAAI,aAAa,EAAE;AACvB,MAAM,IAAI,IAAI,KAAK,SAAS,EAAE;AAC9B,QAAQ,gBAAgB,CAAC,KAAK,EAAE,CAAC;AACjC,OAAO;AACP,MAAM,IAAI,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE;AAChD,QAAQ,gBAAgB,CAAC,KAAK,EAAE,CAAC;AACjC,OAAO;AACP,KAAK;AACL,IAAI,IAAI,SAAS,IAAI,IAAI,KAAK,UAAU,EAAE;AAC1C,MAAM,SAAS,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;AACpE,KAAK,MAAM;AACX,MAAM,SAAS,CAAC,GAAG,CAAC,CAAC;AACrB,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,OAAO,GAAG,MAAM,QAAQ,CAAC,IAAI,KAAK,OAAO,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,IAAI,KAAK,UAAU,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;AACpG,EAAE,MAAM,WAAW,GAAG,IAAI,KAAK,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,MAAM,KAAK,IAAI,CAAC;AACjH,EAAE,OAAO;AACT,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,WAAW;AACf,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,gBAAgB;AACpB,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"use-dates-input.js","sources":["../../../src/hooks/use-dates-input/use-dates-input.ts"],"sourcesContent":["import { useDisclosure } from '@mantine/hooks';\nimport { DatePickerType, DatePickerValue } from '../../types';\nimport { useDatesContext } from '../../components/DatesProvider';\nimport { useUncontrolledDates } from '../use-uncontrolled-dates/use-uncontrolled-dates';\nimport { getFormattedDate } from '../../utils';\n\ninterface UseDatesInput<Type extends DatePickerType = 'default'> {\n  type: Type;\n  value: DatePickerValue<Type> | undefined;\n  defaultValue: DatePickerValue<Type> | undefined;\n  onChange: ((value: DatePickerValue<Type>) => void) | undefined;\n  locale: string | undefined;\n  format: string | undefined;\n  closeOnChange: boolean | undefined;\n  sortDates: boolean | undefined;\n  labelSeparator: string | undefined;\n}\n\nexport function useDatesInput<Type extends DatePickerType = 'default'>({\n  type,\n  value,\n  defaultValue,\n  onChange,\n  locale,\n  format,\n  closeOnChange,\n  sortDates,\n  labelSeparator,\n}: UseDatesInput<Type>) {\n  const ctx = useDatesContext();\n\n  const [dropdownOpened, dropdownHandlers] = useDisclosure(false);\n\n  const [_value, _setValue] = useUncontrolledDates({\n    type,\n    value,\n    defaultValue,\n    onChange,\n  });\n\n  const formattedValue = getFormattedDate({\n    type,\n    date: _value,\n    locale: ctx.getLocale(locale),\n    format: format!,\n    labelSeparator: ctx.getLabelSeparator(labelSeparator),\n  });\n\n  const setValue = (val: any) => {\n    if (closeOnChange) {\n      if (type === 'default') {\n        dropdownHandlers.close();\n      }\n\n      if (type === 'range' && val[0] && val[1]) {\n        dropdownHandlers.close();\n      }\n    }\n\n    if (sortDates && type === 'multiple') {\n      _setValue([...val].sort((a, b) => a.getTime() - b.getTime()));\n    } else {\n      _setValue(val);\n    }\n  };\n\n  const onClear = () => setValue(type === 'range' ? [null, null] : type === 'multiple' ? [] : null);\n  const shouldClear =\n    type === 'range' ? !!_value[0] : type === 'multiple' ? _value.length > 0 : _value !== null;\n\n  return {\n    _value,\n    setValue,\n    onClear,\n    shouldClear,\n    formattedValue,\n    dropdownOpened,\n    dropdownHandlers,\n  };\n}\n"],"names":[],"mappings":";;;;;AAIO,SAAS,aAAa,CAAC;AAC9B,EAAE,IAAI;AACN,EAAE,KAAK;AACP,EAAE,YAAY;AACd,EAAE,QAAQ;AACV,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,aAAa;AACf,EAAE,SAAS;AACX,EAAE,cAAc;AAChB,CAAC,EAAE;AACH,EAAE,MAAM,GAAG,GAAG,eAAe,EAAE,CAAC;AAChC,EAAE,MAAM,CAAC,cAAc,EAAE,gBAAgB,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;AAClE,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,oBAAoB,CAAC;AACnD,IAAI,IAAI;AACR,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,cAAc,GAAG,gBAAgB,CAAC;AAC1C,IAAI,IAAI;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC;AACjC,IAAI,MAAM;AACV,IAAI,cAAc,EAAE,GAAG,CAAC,iBAAiB,CAAC,cAAc,CAAC;AACzD,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,QAAQ,GAAG,CAAC,GAAG,KAAK;AAC5B,IAAI,IAAI,aAAa,EAAE;AACvB,MAAM,IAAI,IAAI,KAAK,SAAS,EAAE;AAC9B,QAAQ,gBAAgB,CAAC,KAAK,EAAE,CAAC;AACjC,OAAO;AACP,MAAM,IAAI,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE;AAChD,QAAQ,gBAAgB,CAAC,KAAK,EAAE,CAAC;AACjC,OAAO;AACP,KAAK;AACL,IAAI,IAAI,SAAS,IAAI,IAAI,KAAK,UAAU,EAAE;AAC1C,MAAM,SAAS,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;AACpE,KAAK,MAAM;AACX,MAAM,SAAS,CAAC,GAAG,CAAC,CAAC;AACrB,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,OAAO,GAAG,MAAM,QAAQ,CAAC,IAAI,KAAK,OAAO,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,IAAI,KAAK,UAAU,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;AACpG,EAAE,MAAM,WAAW,GAAG,IAAI,KAAK,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,MAAM,KAAK,IAAI,CAAC;AACjH,EAAE,OAAO;AACT,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,WAAW;AACf,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,gBAAgB;AACpB,GAAG,CAAC;AACJ;;;;"}

package/esm/hooks/use-dates-state/use-dates-state.js

@@ -14,7 +14,9 @@ function useDatesState({
   onMouseLeave
 }) {
   const [_value, setValue] = useUncontrolledDates({ type, value, defaultValue, onChange });
-  const [pickedDate, setPickedDate] = useState(type === "range" ? _value[0] && !_value[1] ? _value[0] : null : null);
+  const [pickedDate, setPickedDate] = useState(
+    type === "range" ? _value[0] && !_value[1] ? _value[0] : null : null
+  );
   const [hoveredDate, setHoveredDate] = useState(null);
   const onDateChange = (date) => {
     if (type === "range") {
@@ -91,7 +93,9 @@ function useDatesState({
   const getControlProps = (date) => {
     if (type === "range") {
       return {
-        selected: _value.some((selection) => selection && dayjs(selection).isSame(date, level)),
+        selected: _value.some(
+          (selection) => selection && dayjs(selection).isSame(date, level)
+        ),
         inRange: isDateInRange(date),
         firstInRange: isFirstInRange(date),
         lastInRange: isLastInRange(date),
@@ -100,7 +104,9 @@ function useDatesState({
     }
     if (type === "multiple") {
       return {
-        selected: _value.some((selection) => selection && dayjs(selection).isSame(date, level)),
+        selected: _value.some(
+          (selection) => selection && dayjs(selection).isSame(date, level)
+        ),
         "data-autofocus": !!_value[0] && dayjs(_value[0]).isSame(date, level) || void 0
       };
     }