@mantine/dates 5.10.2 → 6.0.0-alpha.1

package/cjs/components/WeekdaysRow/WeekdaysRow.js

@@ -0,0 +1,100 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@mantine/core');
+var getWeekdaysNames = require('./get-weekdays-names/get-weekdays-names.js');
+var WeekdaysRow_styles = require('./WeekdaysRow.styles.js');
+var useDatesContext = require('../DatesProvider/use-dates-context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {
+  weekdayFormat: "dd",
+  cellComponent: "th",
+  size: "sm"
+};
+const WeekdaysRow = React.forwardRef((props, ref) => {
+  const _a = core.useComponentDefaultProps("WeekdaysRow", defaultProps, props), {
+    className,
+    locale,
+    firstDayOfWeek,
+    weekdayFormat,
+    cellComponent: CellComponent,
+    __staticSelector,
+    classNames,
+    styles,
+    unstyled,
+    variant,
+    size
+  } = _a, others = __objRest(_a, [
+    "className",
+    "locale",
+    "firstDayOfWeek",
+    "weekdayFormat",
+    "cellComponent",
+    "__staticSelector",
+    "classNames",
+    "styles",
+    "unstyled",
+    "variant",
+    "size"
+  ]);
+  const ctx = useDatesContext.useDatesContext();
+  const { classes, cx } = WeekdaysRow_styles['default'](null, {
+    name: ["WeekdaysRow", __staticSelector],
+    classNames,
+    styles,
+    unstyled,
+    variant,
+    size
+  });
+  const weekdays = getWeekdaysNames.getWeekdayNames({
+    locale: ctx.getLocale(locale),
+    format: weekdayFormat,
+    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek)
+  }).map((weekday, index) => /* @__PURE__ */ React__default.createElement(CellComponent, {
+    key: index,
+    className: classes.weekday
+  }, weekday));
+  return /* @__PURE__ */ React__default.createElement(core.Box, __spreadValues({
+    component: "tr",
+    ref,
+    className: cx(classes.weekdaysRow, className)
+  }, others), weekdays);
+});
+WeekdaysRow.displayName = "@mantine/dates/WeekdaysRow";
+
+exports.WeekdaysRow = WeekdaysRow;
+//# sourceMappingURL=WeekdaysRow.js.map

package/cjs/components/WeekdaysRow/WeekdaysRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeekdaysRow.js","sources":["../../../src/components/WeekdaysRow/WeekdaysRow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, Selectors, useComponentDefaultProps, Box, MantineSize } from '@mantine/core';\nimport type { DayOfWeek } from '../../types';\nimport { useDatesContext } from '../DatesProvider';\nimport { getWeekdayNames } from './get-weekdays-names/get-weekdays-names';\nimport useStyles from './WeekdaysRow.styles';\n\nexport type WeekdaysRowStylesNames = Selectors<typeof useStyles>;\n\nexport interface WeekdaysRowProps\n  extends DefaultProps<WeekdaysRowStylesNames>,\n    React.ComponentPropsWithoutRef<'tr'> {\n  variant?: string;\n  __staticSelector?: string;\n\n  /** Controls size */\n  size?: MantineSize;\n\n  /** dayjs locale, defaults to value defined in DatesProvider */\n  locale?: string;\n\n  /** number 0-6, 0 – Sunday, 6 – Saturday, defaults to 1 – Monday */\n  firstDayOfWeek?: DayOfWeek;\n\n  /** dayjs format to get weekday name, defaults to \"dd\" */\n  weekdayFormat?: string;\n\n  /** Choose cell type that will be used to render weekdays, defaults to th */\n  cellComponent?: 'td' | 'th';\n}\n\nconst defaultProps: Partial<WeekdaysRowProps> = {\n  weekdayFormat: 'dd',\n  cellComponent: 'th',\n  size: 'sm',\n};\n\nexport const WeekdaysRow = forwardRef<HTMLTableRowElement, WeekdaysRowProps>((props, ref) => {\n  const {\n    className,\n    locale,\n    firstDayOfWeek,\n    weekdayFormat,\n    cellComponent: CellComponent,\n    __staticSelector,\n    classNames,\n    styles,\n    unstyled,\n    variant,\n    size,\n    ...others\n  } = useComponentDefaultProps('WeekdaysRow', defaultProps, props);\n\n  const ctx = useDatesContext();\n\n  const { classes, cx } = useStyles(null, {\n    name: ['WeekdaysRow', __staticSelector],\n    classNames,\n    styles,\n    unstyled,\n    variant,\n    size,\n  });\n\n  const weekdays = getWeekdayNames({\n    locale: ctx.getLocale(locale),\n    format: weekdayFormat,\n    firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek),\n  }).map((weekday, index) => (\n    <CellComponent key={index} className={classes.weekday}>\n      {weekday}\n    </CellComponent>\n  ));\n\n  return (\n    <Box component=\"tr\" ref={ref} className={cx(classes.weekdaysRow, className)} {...others}>\n      {weekdays}\n    </Box>\n  );\n});\n\nWeekdaysRow.displayName = '@mantine/dates/WeekdaysRow';\n"],"names":["forwardRef","useComponentDefaultProps","useDatesContext","useStyles","getWeekdayNames","React","Box"],"mappings":"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"}

package/cjs/components/WeekdaysRow/WeekdaysRow.styles.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@mantine/core');
+
+var useStyles = core.createStyles((theme, _, { size }) => ({
+  weekdaysRow: {},
+  weekday: {
+    color: theme.colorScheme === "dark" ? theme.colors.dark[1] : theme.colors.gray[5],
+    fontWeight: 400,
+    fontSize: core.getSize({ size, sizes: theme.fontSizes }),
+    textTransform: "capitalize",
+    paddingBottom: `calc(${core.getSize({ size, sizes: theme.spacing })} / 2)`
+  }
+}));
+
+exports.default = useStyles;
+//# sourceMappingURL=WeekdaysRow.styles.js.map

package/cjs/components/WeekdaysRow/WeekdaysRow.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeekdaysRow.styles.js","sources":["../../../src/components/WeekdaysRow/WeekdaysRow.styles.ts"],"sourcesContent":["import { createStyles, getSize } from '@mantine/core';\n\nexport default createStyles((theme, _, { size }) => ({\n  weekdaysRow: {},\n  weekday: {\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[1] : theme.colors.gray[5],\n    fontWeight: 400,\n    fontSize: getSize({ size, sizes: theme.fontSizes }),\n    textTransform: 'capitalize',\n    paddingBottom: `calc(${getSize({ size, sizes: theme.spacing })} / 2)`,\n  },\n}));\n"],"names":["createStyles","getSize"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM;AACrD,EAAE,WAAW,EAAE,EAAE;AACjB,EAAE,OAAO,EAAE;AACX,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,QAAQ,EAAEC,YAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AACvD,IAAI,aAAa,EAAE,YAAY;AAC/B,IAAI,aAAa,EAAE,CAAC,KAAK,EAAEA,YAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC;AACzE,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/components/WeekdaysRow/get-weekdays-names/get-weekdays-names.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dayjs = require('dayjs');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+
+function getWeekdayNames({
+  locale,
+  format = "dd",
+  firstDayOfWeek = 1
+}) {
+  const baseDate = dayjs__default().startOf("week");
+  const labels = [];
+  for (let i = 0; i < 7; i += 1) {
+    labels.push(dayjs__default(baseDate).add(i, "days").locale(locale).format(format));
+  }
+  return [...labels.slice(firstDayOfWeek), ...labels.slice(0, firstDayOfWeek)];
+}
+
+exports.getWeekdayNames = getWeekdayNames;
+//# sourceMappingURL=get-weekdays-names.js.map

package/cjs/components/WeekdaysRow/get-weekdays-names/get-weekdays-names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-weekdays-names.js","sources":["../../../../src/components/WeekdaysRow/get-weekdays-names/get-weekdays-names.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport type { DayOfWeek } from '../../../types';\n\ninterface GetWeekdaysNamesInput {\n  locale: string;\n  format?: string;\n  firstDayOfWeek?: DayOfWeek;\n}\n\nexport function getWeekdayNames({\n  locale,\n  format = 'dd',\n  firstDayOfWeek = 1,\n}: GetWeekdaysNamesInput) {\n  const baseDate = dayjs().startOf('week');\n  const labels: string[] = [];\n\n  for (let i = 0; i < 7; i += 1) {\n    labels.push(dayjs(baseDate).add(i, 'days').locale(locale).format(format));\n  }\n\n  return [...labels.slice(firstDayOfWeek), ...labels.slice(0, firstDayOfWeek)];\n}\n"],"names":["dayjs"],"mappings":";;;;;;;;;;AACO,SAAS,eAAe,CAAC;AAChC,EAAE,MAAM;AACR,EAAE,MAAM,GAAG,IAAI;AACf,EAAE,cAAc,GAAG,CAAC;AACpB,CAAC,EAAE;AACH,EAAE,MAAM,QAAQ,GAAGA,cAAK,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;AAC3C,EAAE,MAAM,MAAM,GAAG,EAAE,CAAC;AACpB,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;AACjC,IAAI,MAAM,CAAC,IAAI,CAACA,cAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AAC9E,GAAG;AACH,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC;AAC/E;;;;"}

package/cjs/components/YearLevel/YearLevel.js

@@ -0,0 +1,182 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dayjs = require('dayjs');
+var React = require('react');
+var core = require('@mantine/core');
+var YearLevel_styles = require('./YearLevel.styles.js');
+var useDatesContext = require('../DatesProvider/use-dates-context.js');
+var CalendarHeader = require('../CalendarHeader/CalendarHeader.js');
+var MonthsList = require('../MonthsList/MonthsList.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {
+  yearLabelFormat: "YYYY",
+  size: "sm"
+};
+const YearLevel = React.forwardRef((props, ref) => {
+  const _a = core.useComponentDefaultProps("YearLevel", defaultProps, props), {
+    year,
+    locale,
+    minDate,
+    maxDate,
+    monthsListFormat,
+    getMonthControlProps,
+    __getControlRef,
+    __onControlKeyDown,
+    __onControlClick,
+    __onControlMouseEnter,
+    withCellSpacing,
+    __preventFocus,
+    nextIcon,
+    previousIcon,
+    nextLabel,
+    previousLabel,
+    onNext,
+    onPrevious,
+    onLevelClick,
+    nextDisabled,
+    previousDisabled,
+    hasNextLevel,
+    levelControlAriaLabel,
+    withNext,
+    withPrevious,
+    className,
+    yearLabelFormat,
+    classNames,
+    styles,
+    unstyled,
+    __staticSelector,
+    __stopPropagation,
+    size,
+    variant
+  } = _a, others = __objRest(_a, [
+    "year",
+    "locale",
+    "minDate",
+    "maxDate",
+    "monthsListFormat",
+    "getMonthControlProps",
+    "__getControlRef",
+    "__onControlKeyDown",
+    "__onControlClick",
+    "__onControlMouseEnter",
+    "withCellSpacing",
+    "__preventFocus",
+    "nextIcon",
+    "previousIcon",
+    "nextLabel",
+    "previousLabel",
+    "onNext",
+    "onPrevious",
+    "onLevelClick",
+    "nextDisabled",
+    "previousDisabled",
+    "hasNextLevel",
+    "levelControlAriaLabel",
+    "withNext",
+    "withPrevious",
+    "className",
+    "yearLabelFormat",
+    "classNames",
+    "styles",
+    "unstyled",
+    "__staticSelector",
+    "__stopPropagation",
+    "size",
+    "variant"
+  ]);
+  const { classes, cx } = YearLevel_styles['default'](null, {
+    name: ["YearLevel", __staticSelector],
+    classNames,
+    styles,
+    unstyled,
+    size,
+    variant
+  });
+  const ctx = useDatesContext.useDatesContext();
+  const stylesApiProps = {
+    __staticSelector: __staticSelector || "YearLevel",
+    classNames,
+    styles,
+    unstyled,
+    size,
+    variant
+  };
+  const _nextDisabled = typeof nextDisabled === "boolean" ? nextDisabled : maxDate ? !dayjs__default(year).endOf("year").isBefore(maxDate) : false;
+  const _previousDisabled = typeof previousDisabled === "boolean" ? previousDisabled : minDate ? !dayjs__default(year).startOf("year").isAfter(minDate) : false;
+  return /* @__PURE__ */ React__default.createElement(core.Box, __spreadValues({
+    className: cx(classes.yearLevel, className),
+    "data-year-level": true,
+    ref
+  }, others), /* @__PURE__ */ React__default.createElement(CalendarHeader.CalendarHeader, __spreadValues({
+    label: typeof yearLabelFormat === "function" ? yearLabelFormat(year) : dayjs__default(year).locale(locale || ctx.locale).format(yearLabelFormat),
+    className: classes.calendarHeader,
+    __preventFocus,
+    __stopPropagation,
+    nextIcon,
+    previousIcon,
+    nextLabel,
+    previousLabel,
+    onNext,
+    onPrevious,
+    onLevelClick,
+    nextDisabled: _nextDisabled,
+    previousDisabled: _previousDisabled,
+    hasNextLevel,
+    levelControlAriaLabel,
+    withNext,
+    withPrevious
+  }, stylesApiProps)), /* @__PURE__ */ React__default.createElement(MonthsList.MonthsList, __spreadValues({
+    year,
+    locale,
+    minDate,
+    maxDate,
+    monthsListFormat,
+    getMonthControlProps,
+    __getControlRef,
+    __onControlKeyDown,
+    __onControlClick,
+    __onControlMouseEnter,
+    __preventFocus,
+    __stopPropagation,
+    withCellSpacing
+  }, stylesApiProps)));
+});
+YearLevel.displayName = "@mantine/dates/YearLevel";
+
+exports.YearLevel = YearLevel;
+//# sourceMappingURL=YearLevel.js.map

package/cjs/components/YearLevel/YearLevel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearLevel.js","sources":["../../../src/components/YearLevel/YearLevel.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport React, { forwardRef } from 'react';\nimport { Box, DefaultProps, useComponentDefaultProps, Selectors } from '@mantine/core';\nimport {\n  CalendarHeader,\n  CalendarHeaderStylesNames,\n  CalendarHeaderSettings,\n} from '../CalendarHeader';\nimport { useDatesContext } from '../DatesProvider';\nimport { MonthsListSettings, MonthsListStylesNames, MonthsList } from '../MonthsList';\nimport useStyles from './YearLevel.styles';\n\nexport type YearLevelStylesNames =\n  | Selectors<typeof useStyles>\n  | MonthsListStylesNames\n  | CalendarHeaderStylesNames;\n\nexport interface YearLevelBaseSettings extends MonthsListSettings {\n  /** dayjs label format to display year label or a function that returns year label based on year value, defaults to \"YYYY\" */\n  yearLabelFormat?: string | ((year: Date) => React.ReactNode);\n}\n\nexport interface YearLevelSettings extends YearLevelBaseSettings, CalendarHeaderSettings {}\n\nexport interface YearLevelProps\n  extends DefaultProps<YearLevelStylesNames>,\n    YearLevelSettings,\n    React.ComponentPropsWithoutRef<'div'> {\n  variant?: string;\n  __staticSelector?: string;\n\n  /** Year that is currently displayed */\n  year: Date;\n\n  /** aria-label for change level control */\n  levelControlAriaLabel?: string;\n}\n\nconst defaultProps: Partial<YearLevelProps> = {\n  yearLabelFormat: 'YYYY',\n  size: 'sm',\n};\n\nexport const YearLevel = forwardRef<HTMLDivElement, YearLevelProps>((props, ref) => {\n  const {\n    // MonthsList settings\n    year,\n    locale,\n    minDate,\n    maxDate,\n    monthsListFormat,\n    getMonthControlProps,\n    __getControlRef,\n    __onControlKeyDown,\n    __onControlClick,\n    __onControlMouseEnter,\n    withCellSpacing,\n\n    // CalendarHeader settings\n    __preventFocus,\n    nextIcon,\n    previousIcon,\n    nextLabel,\n    previousLabel,\n    onNext,\n    onPrevious,\n    onLevelClick,\n    nextDisabled,\n    previousDisabled,\n    hasNextLevel,\n    levelControlAriaLabel,\n    withNext,\n    withPrevious,\n\n    // Other props\n    className,\n    yearLabelFormat,\n    classNames,\n    styles,\n    unstyled,\n    __staticSelector,\n    __stopPropagation,\n    size,\n    variant,\n    ...others\n  } = useComponentDefaultProps('YearLevel', defaultProps, props);\n\n  const { classes, cx } = useStyles(null, {\n    name: ['YearLevel', __staticSelector],\n    classNames,\n    styles,\n    unstyled,\n    size,\n    variant,\n  });\n\n  const ctx = useDatesContext();\n\n  const stylesApiProps = {\n    __staticSelector: __staticSelector || 'YearLevel',\n    classNames,\n    styles,\n    unstyled,\n    size,\n    variant,\n  };\n\n  const _nextDisabled =\n    typeof nextDisabled === 'boolean'\n      ? nextDisabled\n      : maxDate\n      ? !dayjs(year).endOf('year').isBefore(maxDate)\n      : false;\n\n  const _previousDisabled =\n    typeof previousDisabled === 'boolean'\n      ? previousDisabled\n      : minDate\n      ? !dayjs(year).startOf('year').isAfter(minDate)\n      : false;\n\n  return (\n    <Box className={cx(classes.yearLevel, className)} data-year-level ref={ref} {...others}>\n      <CalendarHeader\n        label={\n          typeof yearLabelFormat === 'function'\n            ? yearLabelFormat(year)\n            : dayjs(year)\n                .locale(locale || ctx.locale)\n                .format(yearLabelFormat)\n        }\n        className={classes.calendarHeader}\n        __preventFocus={__preventFocus}\n        __stopPropagation={__stopPropagation}\n        nextIcon={nextIcon}\n        previousIcon={previousIcon}\n        nextLabel={nextLabel}\n        previousLabel={previousLabel}\n        onNext={onNext}\n        onPrevious={onPrevious}\n        onLevelClick={onLevelClick}\n        nextDisabled={_nextDisabled}\n        previousDisabled={_previousDisabled}\n        hasNextLevel={hasNextLevel}\n        levelControlAriaLabel={levelControlAriaLabel}\n        withNext={withNext}\n        withPrevious={withPrevious}\n        {...stylesApiProps}\n      />\n\n      <MonthsList\n        year={year}\n        locale={locale}\n        minDate={minDate}\n        maxDate={maxDate}\n        monthsListFormat={monthsListFormat}\n        getMonthControlProps={getMonthControlProps}\n        __getControlRef={__getControlRef}\n        __onControlKeyDown={__onControlKeyDown}\n        __onControlClick={__onControlClick}\n        __onControlMouseEnter={__onControlMouseEnter}\n        __preventFocus={__preventFocus}\n        __stopPropagation={__stopPropagation}\n        withCellSpacing={withCellSpacing}\n        {...stylesApiProps}\n      />\n    </Box>\n  );\n});\n\nYearLevel.displayName = '@mantine/dates/YearLevel';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","useDatesContext","dayjs","React","Box","CalendarHeader","MonthsList"],"mappings":"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"}

package/cjs/components/YearLevel/YearLevel.styles.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@mantine/core');
+
+var useStyles = core.createStyles((theme) => ({
+  yearLevel: {},
+  calendarHeader: {
+    marginBottom: theme.spacing.xs
+  }
+}));
+
+exports.default = useStyles;
+//# sourceMappingURL=YearLevel.styles.js.map

package/cjs/components/YearLevel/YearLevel.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearLevel.styles.js","sources":["../../../src/components/YearLevel/YearLevel.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n  yearLevel: {},\n\n  calendarHeader: {\n    marginBottom: theme.spacing.xs,\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,SAAS,EAAE,EAAE;AACf,EAAE,cAAc,EAAE;AAClB,IAAI,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAClC,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/components/YearLevelGroup/YearLevelGroup.js

@@ -0,0 +1,186 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@mantine/core');
+var dayjs = require('dayjs');
+var YearLevelGroup_styles = require('./YearLevelGroup.styles.js');
+var YearLevel = require('../YearLevel/YearLevel.js');
+var handleControlKeyDown = require('../../utils/handle-control-key-down.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {
+  numberOfColumns: 1,
+  size: "sm"
+};
+const YearLevelGroup = React.forwardRef((props, ref) => {
+  const _a = core.useComponentDefaultProps("YearLevelGroup", defaultProps, props), {
+    year,
+    locale,
+    minDate,
+    maxDate,
+    monthsListFormat,
+    getMonthControlProps,
+    __onControlClick,
+    __onControlMouseEnter,
+    withCellSpacing,
+    __preventFocus,
+    nextIcon,
+    previousIcon,
+    nextLabel,
+    previousLabel,
+    onNext,
+    onPrevious,
+    onLevelClick,
+    nextDisabled,
+    previousDisabled,
+    hasNextLevel,
+    className,
+    classNames,
+    styles,
+    unstyled,
+    __staticSelector,
+    __stopPropagation,
+    numberOfColumns,
+    levelControlAriaLabel,
+    yearLabelFormat,
+    variant,
+    size
+  } = _a, others = __objRest(_a, [
+    "year",
+    "locale",
+    "minDate",
+    "maxDate",
+    "monthsListFormat",
+    "getMonthControlProps",
+    "__onControlClick",
+    "__onControlMouseEnter",
+    "withCellSpacing",
+    "__preventFocus",
+    "nextIcon",
+    "previousIcon",
+    "nextLabel",
+    "previousLabel",
+    "onNext",
+    "onPrevious",
+    "onLevelClick",
+    "nextDisabled",
+    "previousDisabled",
+    "hasNextLevel",
+    "className",
+    "classNames",
+    "styles",
+    "unstyled",
+    "__staticSelector",
+    "__stopPropagation",
+    "numberOfColumns",
+    "levelControlAriaLabel",
+    "yearLabelFormat",
+    "variant",
+    "size"
+  ]);
+  const { classes, cx } = YearLevelGroup_styles['default'](null, {
+    name: ["YearLevelGroup", __staticSelector],
+    styles,
+    classNames,
+    unstyled,
+    variant,
+    size
+  });
+  const controlsRefs = React.useRef([]);
+  const years = Array(numberOfColumns).fill(0).map((_, yearIndex) => {
+    const currentYear = dayjs__default(year).add(yearIndex, "years").toDate();
+    return /* @__PURE__ */ React__default.createElement(YearLevel.YearLevel, {
+      key: yearIndex,
+      variant,
+      size,
+      monthsListFormat,
+      year: currentYear,
+      withNext: yearIndex === numberOfColumns - 1,
+      withPrevious: yearIndex === 0,
+      yearLabelFormat,
+      __stopPropagation,
+      __onControlClick,
+      __onControlMouseEnter,
+      __onControlKeyDown: (event, payload) => handleControlKeyDown.handleControlKeyDown({
+        index: yearIndex,
+        event,
+        payload,
+        controlsRef: controlsRefs,
+        numberOfColumns,
+        controlsPerRow: 3
+      }),
+      __getControlRef: (rowIndex, cellIndex, node) => {
+        if (!Array.isArray(controlsRefs.current[yearIndex])) {
+          controlsRefs.current[yearIndex] = [];
+        }
+        if (!Array.isArray(controlsRefs.current[yearIndex][rowIndex])) {
+          controlsRefs.current[yearIndex][rowIndex] = [];
+        }
+        controlsRefs.current[yearIndex][rowIndex][cellIndex] = node;
+      },
+      levelControlAriaLabel: typeof levelControlAriaLabel === "function" ? levelControlAriaLabel(currentYear) : levelControlAriaLabel,
+      locale,
+      minDate,
+      maxDate,
+      __preventFocus,
+      nextIcon,
+      previousIcon,
+      nextLabel,
+      previousLabel,
+      onNext,
+      onPrevious,
+      onLevelClick,
+      nextDisabled,
+      previousDisabled,
+      hasNextLevel,
+      getMonthControlProps,
+      classNames,
+      styles,
+      unstyled,
+      __staticSelector: __staticSelector || "YearLevelGroup",
+      withCellSpacing
+    });
+  });
+  return /* @__PURE__ */ React__default.createElement(core.Box, __spreadValues({
+    className: cx(classes.yearLevelGroup, className),
+    ref
+  }, others), years);
+});
+YearLevelGroup.displayName = "@mantine/dates/YearLevelGroup";
+
+exports.YearLevelGroup = YearLevelGroup;
+//# sourceMappingURL=YearLevelGroup.js.map

package/cjs/components/YearLevelGroup/YearLevelGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearLevelGroup.js","sources":["../../../src/components/YearLevelGroup/YearLevelGroup.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { DefaultProps, Box, Selectors, useComponentDefaultProps } from '@mantine/core';\nimport dayjs from 'dayjs';\nimport { YearLevel, YearLevelStylesNames, YearLevelSettings } from '../YearLevel';\nimport { handleControlKeyDown } from '../../utils';\nimport useStyles from './YearLevelGroup.styles';\n\nexport type YearLevelGroupStylesNames = Selectors<typeof useStyles> | YearLevelStylesNames;\n\nexport interface YearLevelGroupProps\n  extends DefaultProps<YearLevelGroupStylesNames>,\n    Omit<YearLevelSettings, 'withPrevious' | 'withNext' | '__onControlKeyDown' | '__getControlRef'>,\n    React.ComponentPropsWithoutRef<'div'> {\n  variant?: string;\n  __staticSelector?: string;\n\n  /** Number of columns to render next to each other */\n  numberOfColumns?: number;\n\n  /** Year that is currently displayed */\n  year: Date;\n\n  /** Function that returns level control aria-label based on year date */\n  levelControlAriaLabel?: ((year: Date) => string) | string;\n}\n\nconst defaultProps: Partial<YearLevelGroupProps> = {\n  numberOfColumns: 1,\n  size: 'sm',\n};\n\nexport const YearLevelGroup = forwardRef<HTMLDivElement, YearLevelGroupProps>((props, ref) => {\n  const {\n    // YearLevel settings\n    year,\n    locale,\n    minDate,\n    maxDate,\n    monthsListFormat,\n    getMonthControlProps,\n    __onControlClick,\n    __onControlMouseEnter,\n    withCellSpacing,\n\n    // CalendarHeader settings\n    __preventFocus,\n    nextIcon,\n    previousIcon,\n    nextLabel,\n    previousLabel,\n    onNext,\n    onPrevious,\n    onLevelClick,\n    nextDisabled,\n    previousDisabled,\n    hasNextLevel,\n\n    // Other settings\n    className,\n    classNames,\n    styles,\n    unstyled,\n    __staticSelector,\n    __stopPropagation,\n    numberOfColumns,\n    levelControlAriaLabel,\n    yearLabelFormat,\n    variant,\n    size,\n    ...others\n  } = useComponentDefaultProps('YearLevelGroup', defaultProps, props);\n\n  const { classes, cx } = useStyles(null, {\n    name: ['YearLevelGroup', __staticSelector],\n    styles,\n    classNames,\n    unstyled,\n    variant,\n    size,\n  });\n\n  const controlsRefs = useRef<HTMLButtonElement[][][]>([]);\n\n  const years = Array(numberOfColumns)\n    .fill(0)\n    .map((_, yearIndex) => {\n      const currentYear = dayjs(year).add(yearIndex, 'years').toDate();\n\n      return (\n        <YearLevel\n          key={yearIndex}\n          variant={variant}\n          size={size}\n          monthsListFormat={monthsListFormat}\n          year={currentYear}\n          withNext={yearIndex === numberOfColumns - 1}\n          withPrevious={yearIndex === 0}\n          yearLabelFormat={yearLabelFormat}\n          __stopPropagation={__stopPropagation}\n          __onControlClick={__onControlClick}\n          __onControlMouseEnter={__onControlMouseEnter}\n          __onControlKeyDown={(event, payload) =>\n            handleControlKeyDown({\n              index: yearIndex,\n              event,\n              payload,\n              controlsRef: controlsRefs,\n              numberOfColumns,\n              controlsPerRow: 3,\n            })\n          }\n          __getControlRef={(rowIndex, cellIndex, node) => {\n            if (!Array.isArray(controlsRefs.current[yearIndex])) {\n              controlsRefs.current[yearIndex] = [];\n            }\n\n            if (!Array.isArray(controlsRefs.current[yearIndex][rowIndex])) {\n              controlsRefs.current[yearIndex][rowIndex] = [];\n            }\n\n            controlsRefs.current[yearIndex][rowIndex][cellIndex] = node;\n          }}\n          levelControlAriaLabel={\n            typeof levelControlAriaLabel === 'function'\n              ? levelControlAriaLabel(currentYear)\n              : levelControlAriaLabel\n          }\n          locale={locale}\n          minDate={minDate}\n          maxDate={maxDate}\n          __preventFocus={__preventFocus}\n          nextIcon={nextIcon}\n          previousIcon={previousIcon}\n          nextLabel={nextLabel}\n          previousLabel={previousLabel}\n          onNext={onNext}\n          onPrevious={onPrevious}\n          onLevelClick={onLevelClick}\n          nextDisabled={nextDisabled}\n          previousDisabled={previousDisabled}\n          hasNextLevel={hasNextLevel}\n          getMonthControlProps={getMonthControlProps}\n          classNames={classNames}\n          styles={styles}\n          unstyled={unstyled}\n          __staticSelector={__staticSelector || 'YearLevelGroup'}\n          withCellSpacing={withCellSpacing}\n        />\n      );\n    });\n\n  return (\n    <Box className={cx(classes.yearLevelGroup, className)} ref={ref} {...others}>\n      {years}\n    </Box>\n  );\n});\n\nYearLevelGroup.displayName = '@mantine/dates/YearLevelGroup';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","useRef","dayjs","React","YearLevel","handleControlKeyDown","Box"],"mappings":"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"}

package/cjs/components/YearLevelGroup/YearLevelGroup.styles.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@mantine/core');
+
+var useStyles = core.createStyles((theme, _, { size }) => ({
+  yearLevelGroup: {
+    display: "flex",
+    "& [data-year-level]:not(:last-of-type)": {
+      marginRight: core.getSize({ size, sizes: theme.spacing })
+    }
+  }
+}));
+
+exports.default = useStyles;
+//# sourceMappingURL=YearLevelGroup.styles.js.map

package/cjs/components/YearLevelGroup/YearLevelGroup.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearLevelGroup.styles.js","sources":["../../../src/components/YearLevelGroup/YearLevelGroup.styles.ts"],"sourcesContent":["import { createStyles, getSize } from '@mantine/core';\n\nexport default createStyles((theme, _, { size }) => ({\n  yearLevelGroup: {\n    display: 'flex',\n\n    '& [data-year-level]:not(:last-of-type)': {\n      marginRight: getSize({ size, sizes: theme.spacing }),\n    },\n  },\n}));\n"],"names":["createStyles","getSize"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM;AACrD,EAAE,cAAc,EAAE;AAClB,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,wCAAwC,EAAE;AAC9C,MAAM,WAAW,EAAEC,YAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC1D,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}