@mantine/dates 9.0.0-alpha.4 → 9.0.0-alpha.6

package/esm/components/TimePicker/TimeControlsList/TimeControlsList.mjs

@@ -1,62 +1,53 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
-import { ScrollArea } from '@mantine/core';
-import { useTimePickerContext } from '../TimePicker.context.mjs';
-import { TimeControl } from './TimeControl.mjs';
-
+"use client";
+import { useTimePickerContext } from "../TimePicker.context.mjs";
+import { TimeControl } from "./TimeControl.mjs";
+import { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { ScrollArea } from "@mantine/core";
+//#region packages/@mantine/dates/src/components/TimePicker/TimeControlsList/TimeControlsList.tsx
 function isElementVisibleInScrollContainer(element, container) {
-  if (!element || !container) {
-    return false;
-  }
-  const elementRect = element.getBoundingClientRect();
-  const containerRect = container.getBoundingClientRect();
-  const isVisible = elementRect.top >= containerRect.top && elementRect.bottom <= containerRect.bottom && elementRect.left >= containerRect.left && elementRect.right <= containerRect.right;
-  return isVisible;
+	if (!element || !container) return false;
+	const elementRect = element.getBoundingClientRect();
+	const containerRect = container.getBoundingClientRect();
+	return elementRect.top >= containerRect.top && elementRect.bottom <= containerRect.bottom && elementRect.left >= containerRect.left && elementRect.right <= containerRect.right;
 }
 function getValuesRange(min, max, step) {
-  const range = [];
-  for (let i = min; i <= max; i += step) {
-    range.push(i);
-  }
-  return range;
+	const range = [];
+	for (let i = min; i <= max; i += step) range.push(i);
+	return range;
 }
-function TimeControlsList({
-  min,
-  max,
-  step,
-  value,
-  onSelect,
-  reversed
-}) {
-  const ctx = useTimePickerContext();
-  const ref = useRef(null);
-  const range = getValuesRange(min, max, step);
-  const controls = (reversed ? range.reverse() : range).map((control) => /* @__PURE__ */ jsx(TimeControl, { value: control, active: value === control, onSelect }, control));
-  useEffect(() => {
-    if (value !== null) {
-      const scrollToValue = () => {
-        const target = ref.current?.querySelector(`[data-value="${value}"]`);
-        if (!isElementVisibleInScrollContainer(target, ref.current)) {
-          target?.scrollIntoView({ block: "nearest" });
-        }
-      };
-      requestAnimationFrame(scrollToValue);
-    }
-  }, [value]);
-  return /* @__PURE__ */ jsx(
-    ScrollArea,
-    {
-      h: ctx.maxDropdownContentHeight,
-      type: "never",
-      viewportRef: ref,
-      ...ctx.getStyles("scrollarea"),
-      ...ctx.scrollAreaProps,
-      children: /* @__PURE__ */ jsx("div", { ...ctx.getStyles("controlsList"), children: controls })
-    }
-  );
+function TimeControlsList({ min, max, step, value, onSelect, reversed }) {
+	const ctx = useTimePickerContext();
+	const ref = useRef(null);
+	const range = getValuesRange(min, max, step);
+	const controls = (reversed ? range.reverse() : range).map((control) => /* @__PURE__ */ jsx(TimeControl, {
+		value: control,
+		active: value === control,
+		onSelect
+	}, control));
+	useEffect(() => {
+		if (value !== null) {
+			const scrollToValue = () => {
+				const target = ref.current?.querySelector(`[data-value="${value}"]`);
+				if (!isElementVisibleInScrollContainer(target, ref.current)) target?.scrollIntoView({ block: "nearest" });
+			};
+			requestAnimationFrame(scrollToValue);
+		}
+	}, [value]);
+	return /* @__PURE__ */ jsx(ScrollArea, {
+		h: ctx.maxDropdownContentHeight,
+		type: "never",
+		viewportRef: ref,
+		...ctx.getStyles("scrollarea"),
+		...ctx.scrollAreaProps,
+		children: /* @__PURE__ */ jsx("div", {
+			...ctx.getStyles("controlsList"),
+			children: controls
+		})
+	});
 }
 TimeControlsList.displayName = "@mantine/dates/TimeControlsList";
-
+//#endregion
 export { TimeControlsList };
-//# sourceMappingURL=TimeControlsList.mjs.map
+
+//# sourceMappingURL=TimeControlsList.mjs.map

package/esm/components/TimePicker/TimeControlsList/TimeControlsList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TimeControlsList.mjs","sources":["../../../../src/components/TimePicker/TimeControlsList/TimeControlsList.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { ScrollArea } from '@mantine/core';\nimport { useTimePickerContext } from '../TimePicker.context';\nimport { TimeControl } from './TimeControl';\n\nfunction isElementVisibleInScrollContainer(\n  element: HTMLElement | null | undefined,\n  container: HTMLElement | null | undefined\n) {\n  if (!element || !container) {\n    return false;\n  }\n\n  const elementRect = element.getBoundingClientRect();\n  const containerRect = container.getBoundingClientRect();\n\n  // Check if element is within container's visible bounds\n  const isVisible =\n    elementRect.top >= containerRect.top &&\n    elementRect.bottom <= containerRect.bottom &&\n    elementRect.left >= containerRect.left &&\n    elementRect.right <= containerRect.right;\n\n  return isVisible;\n}\n\nfunction getValuesRange(min: number, max: number, step: number) {\n  const range = [];\n  for (let i = min; i <= max; i += step) {\n    range.push(i);\n  }\n  return range;\n}\n\ninterface TimeControlsListProps {\n  min: number;\n  max: number;\n  step: number;\n  value: number | null;\n  onSelect: (value: number) => void;\n  reversed: boolean | undefined;\n}\n\nexport function TimeControlsList({\n  min,\n  max,\n  step,\n  value,\n  onSelect,\n  reversed,\n}: TimeControlsListProps) {\n  const ctx = useTimePickerContext();\n  const ref = useRef<HTMLDivElement>(null);\n  const range = getValuesRange(min, max, step);\n  const controls = (reversed ? range.reverse() : range).map((control) => (\n    <TimeControl key={control} value={control} active={value === control} onSelect={onSelect} />\n  ));\n\n  useEffect(() => {\n    if (value !== null) {\n      const scrollToValue = () => {\n        const target = ref.current?.querySelector<HTMLButtonElement>(`[data-value=\"${value}\"]`);\n        if (!isElementVisibleInScrollContainer(target, ref.current)) {\n          target?.scrollIntoView({ block: 'nearest' });\n        }\n      };\n      requestAnimationFrame(scrollToValue);\n    }\n  }, [value]);\n\n  return (\n    <ScrollArea\n      h={ctx.maxDropdownContentHeight}\n      type=\"never\"\n      viewportRef={ref}\n      {...ctx.getStyles('scrollarea')}\n      {...ctx.scrollAreaProps}\n    >\n      <div {...ctx.getStyles('controlsList')}>{controls}</div>\n    </ScrollArea>\n  );\n}\n\nTimeControlsList.displayName = '@mantine/dates/TimeControlsList';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TimeControlsList.mjs","names":[],"sources":["../../../../src/components/TimePicker/TimeControlsList/TimeControlsList.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { ScrollArea } from '@mantine/core';\nimport { useTimePickerContext } from '../TimePicker.context';\nimport { TimeControl } from './TimeControl';\n\nfunction isElementVisibleInScrollContainer(\n  element: HTMLElement | null | undefined,\n  container: HTMLElement | null | undefined\n) {\n  if (!element || !container) {\n    return false;\n  }\n\n  const elementRect = element.getBoundingClientRect();\n  const containerRect = container.getBoundingClientRect();\n\n  // Check if element is within container's visible bounds\n  const isVisible =\n    elementRect.top >= containerRect.top &&\n    elementRect.bottom <= containerRect.bottom &&\n    elementRect.left >= containerRect.left &&\n    elementRect.right <= containerRect.right;\n\n  return isVisible;\n}\n\nfunction getValuesRange(min: number, max: number, step: number) {\n  const range = [];\n  for (let i = min; i <= max; i += step) {\n    range.push(i);\n  }\n  return range;\n}\n\ninterface TimeControlsListProps {\n  min: number;\n  max: number;\n  step: number;\n  value: number | null;\n  onSelect: (value: number) => void;\n  reversed: boolean | undefined;\n}\n\nexport function TimeControlsList({\n  min,\n  max,\n  step,\n  value,\n  onSelect,\n  reversed,\n}: TimeControlsListProps) {\n  const ctx = useTimePickerContext();\n  const ref = useRef<HTMLDivElement>(null);\n  const range = getValuesRange(min, max, step);\n  const controls = (reversed ? range.reverse() : range).map((control) => (\n    <TimeControl key={control} value={control} active={value === control} onSelect={onSelect} />\n  ));\n\n  useEffect(() => {\n    if (value !== null) {\n      const scrollToValue = () => {\n        const target = ref.current?.querySelector<HTMLButtonElement>(`[data-value=\"${value}\"]`);\n        if (!isElementVisibleInScrollContainer(target, ref.current)) {\n          target?.scrollIntoView({ block: 'nearest' });\n        }\n      };\n      requestAnimationFrame(scrollToValue);\n    }\n  }, [value]);\n\n  return (\n    <ScrollArea\n      h={ctx.maxDropdownContentHeight}\n      type=\"never\"\n      viewportRef={ref}\n      {...ctx.getStyles('scrollarea')}\n      {...ctx.scrollAreaProps}\n    >\n      <div {...ctx.getStyles('controlsList')}>{controls}</div>\n    </ScrollArea>\n  );\n}\n\nTimeControlsList.displayName = '@mantine/dates/TimeControlsList';\n"],"mappings":";;;;;;;AAKA,SAAS,kCACP,SACA,WACA;AACA,KAAI,CAAC,WAAW,CAAC,UACf,QAAO;CAGT,MAAM,cAAc,QAAQ,uBAAuB;CACnD,MAAM,gBAAgB,UAAU,uBAAuB;AASvD,QALE,YAAY,OAAO,cAAc,OACjC,YAAY,UAAU,cAAc,UACpC,YAAY,QAAQ,cAAc,QAClC,YAAY,SAAS,cAAc;;AAKvC,SAAS,eAAe,KAAa,KAAa,MAAc;CAC9D,MAAM,QAAQ,EAAE;AAChB,MAAK,IAAI,IAAI,KAAK,KAAK,KAAK,KAAK,KAC/B,OAAM,KAAK,EAAE;AAEf,QAAO;;AAYT,SAAgB,iBAAiB,EAC/B,KACA,KACA,MACA,OACA,UACA,YACwB;CACxB,MAAM,MAAM,sBAAsB;CAClC,MAAM,MAAM,OAAuB,KAAK;CACxC,MAAM,QAAQ,eAAe,KAAK,KAAK,KAAK;CAC5C,MAAM,YAAY,WAAW,MAAM,SAAS,GAAG,OAAO,KAAK,YACzD,oBAAC,aAAD;EAA2B,OAAO;EAAS,QAAQ,UAAU;EAAmB;EAAY,EAA1E,QAA0E,CAC5F;AAEF,iBAAgB;AACd,MAAI,UAAU,MAAM;GAClB,MAAM,sBAAsB;IAC1B,MAAM,SAAS,IAAI,SAAS,cAAiC,gBAAgB,MAAM,IAAI;AACvF,QAAI,CAAC,kCAAkC,QAAQ,IAAI,QAAQ,CACzD,SAAQ,eAAe,EAAE,OAAO,WAAW,CAAC;;AAGhD,yBAAsB,cAAc;;IAErC,CAAC,MAAM,CAAC;AAEX,QACE,oBAAC,YAAD;EACE,GAAG,IAAI;EACP,MAAK;EACL,aAAa;EACb,GAAI,IAAI,UAAU,aAAa;EAC/B,GAAI,IAAI;YAER,oBAAC,OAAD;GAAK,GAAI,IAAI,UAAU,eAAe;aAAG;GAAe,CAAA;EAC7C,CAAA;;AAIjB,iBAAiB,cAAc"}

package/esm/components/TimePicker/TimePicker.context.mjs

@@ -1,9 +1,8 @@
-'use client';
-import { createSafeContext } from '@mantine/core';
-
-const [TimePickerProvider, useTimePickerContext] = createSafeContext(
-  "TimeInput component was not found in the component tree"
-);
-
+"use client";
+import { createSafeContext } from "@mantine/core";
+//#region packages/@mantine/dates/src/components/TimePicker/TimePicker.context.tsx
+const [TimePickerProvider, useTimePickerContext] = createSafeContext("TimeInput component was not found in the component tree");
+//#endregion
 export { TimePickerProvider, useTimePickerContext };
-//# sourceMappingURL=TimePicker.context.mjs.map
+
+//# sourceMappingURL=TimePicker.context.mjs.map

package/esm/components/TimePicker/TimePicker.context.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.context.mjs","sources":["../../../src/components/TimePicker/TimePicker.context.tsx"],"sourcesContent":["import { createSafeContext, GetStylesApi, ScrollAreaProps } from '@mantine/core';\nimport type { TimePickerFactory } from './TimePicker';\n\ninterface TimePickerContext {\n  getStyles: GetStylesApi<TimePickerFactory>;\n  maxDropdownContentHeight: number;\n  scrollAreaProps: ScrollAreaProps | undefined;\n}\n\nexport const [TimePickerProvider, useTimePickerContext] = createSafeContext<TimePickerContext>(\n  'TimeInput component was not found in the component tree'\n);\n"],"names":[],"mappings":";;;AASO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoB,CAAA,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACxD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACF,CAAA,CAAA;;"}
+{"version":3,"file":"TimePicker.context.mjs","names":[],"sources":["../../../src/components/TimePicker/TimePicker.context.tsx"],"sourcesContent":["import { createSafeContext, GetStylesApi, ScrollAreaProps } from '@mantine/core';\nimport type { TimePickerFactory } from './TimePicker';\n\ninterface TimePickerContext {\n  getStyles: GetStylesApi<TimePickerFactory>;\n  maxDropdownContentHeight: number;\n  scrollAreaProps: ScrollAreaProps | undefined;\n}\n\nexport const [TimePickerProvider, useTimePickerContext] = createSafeContext<TimePickerContext>(\n  'TimeInput component was not found in the component tree'\n);\n"],"mappings":";;;AASA,MAAa,CAAC,oBAAoB,wBAAwB,kBACxD,0DACD"}