@mantine/dates 7.14.0 → 7.14.2-alpha.0

package/cjs/components/TimePicker/TimeControlsList/TimeControl.cjs

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@mantine/core');
+var TimePicker_context = require('../TimePicker.context.cjs');
+var padTime = require('../utils/pad-time/pad-time.cjs');
+
+function TimeControl({ value, active, onSelect }) {
+  const ctx = TimePicker_context.useTimePickerContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.UnstyledButton,
+    {
+      mod: { active },
+      onClick: () => onSelect(value),
+      onMouseDown: (event) => event.preventDefault(),
+      "data-value": value,
+      tabIndex: -1,
+      ...ctx.getStyles("control"),
+      children: typeof value === "number" ? padTime.padTime(value) : value
+    }
+  );
+}
+TimeControl.displayName = "@mantine/dates/TimeControl";
+
+exports.TimeControl = TimeControl;
+//# sourceMappingURL=TimeControl.cjs.map

package/cjs/components/TimePicker/TimeControlsList/TimeControl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeControl.cjs","sources":["../../../../src/components/TimePicker/TimeControlsList/TimeControl.tsx"],"sourcesContent":["import { UnstyledButton } from '@mantine/core';\nimport { useTimePickerContext } from '../TimePicker.context';\nimport { padTime } from '../utils/pad-time/pad-time';\n\ninterface TimeControlProps {\n  value: number | string;\n  active: boolean;\n  onSelect: (value: any) => void;\n}\n\nexport function TimeControl({ value, active, onSelect }: TimeControlProps) {\n  const ctx = useTimePickerContext();\n\n  return (\n    <UnstyledButton\n      mod={{ active }}\n      onClick={() => onSelect(value)}\n      onMouseDown={(event) => event.preventDefault()}\n      data-value={value}\n      tabIndex={-1}\n      {...ctx.getStyles('control')}\n    >\n      {typeof value === 'number' ? padTime(value) : value}\n    </UnstyledButton>\n  );\n}\n\nTimeControl.displayName = '@mantine/dates/TimeControl';\n"],"names":["useTimePickerContext","jsx","UnstyledButton","padTime"],"mappings":"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"}

package/cjs/components/TimePicker/TimeControlsList/TimeControlsList.cjs

@@ -0,0 +1,54 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var core = require('@mantine/core');
+var TimePicker_context = require('../TimePicker.context.cjs');
+var TimeControl = require('./TimeControl.cjs');
+
+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;
+}
+function getValuesRange(min, max, step) {
+  const range = [];
+  for (let i = min; i <= max; i += step) {
+    range.push(i);
+  }
+  return range;
+}
+function TimeControlsList({ min, max, step, value, onSelect }) {
+  const ctx = TimePicker_context.useTimePickerContext();
+  const ref = react.useRef(null);
+  const range = getValuesRange(min, max, step);
+  const controls = range.map((control) => /* @__PURE__ */ jsxRuntime.jsx(TimeControl.TimeControl, { value: control, active: value === control, onSelect }, control));
+  react.useEffect(() => {
+    if (value) {
+      const target = ref.current?.querySelector(`[data-value="${value}"]`);
+      if (!isElementVisibleInScrollContainer(target, ref.current)) {
+        target?.scrollIntoView({ block: "nearest" });
+      }
+    }
+  }, [value]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.ScrollArea,
+    {
+      h: ctx.maxDropdownContentHeight,
+      type: "never",
+      viewportRef: ref,
+      ...ctx.getStyles("scrollarea"),
+      ...ctx.scrollAreaProps,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...ctx.getStyles("controlsList"), children: controls })
+    }
+  );
+}
+TimeControlsList.displayName = "@mantine/dates/TimeControlsList";
+
+exports.TimeControlsList = TimeControlsList;
+//# sourceMappingURL=TimeControlsList.cjs.map

package/cjs/components/TimePicker/TimeControlsList/TimeControlsList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeControlsList.cjs","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}\n\nexport function TimeControlsList({ min, max, step, value, onSelect }: TimeControlsListProps) {\n  const ctx = useTimePickerContext();\n  const ref = useRef<HTMLDivElement>(null);\n  const range = getValuesRange(min, max, step);\n  const controls = range.map((control) => (\n    <TimeControl key={control} value={control} active={value === control} onSelect={onSelect} />\n  ));\n\n  useEffect(() => {\n    if (value) {\n      const target = ref.current?.querySelector<HTMLButtonElement>(`[data-value=\"${value}\"]`);\n      if (!isElementVisibleInScrollContainer(target, ref.current)) {\n        target?.scrollIntoView({ block: 'nearest' });\n      }\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":["useTimePickerContext","useRef","jsx","TimeControl","useEffect","ScrollArea"],"mappings":"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"}

package/cjs/components/TimePicker/TimePicker.cjs

@@ -0,0 +1,387 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var core = require('@mantine/core');
+var hooks = require('@mantine/hooks');
+var SpinInput = require('../SpinInput/SpinInput.cjs');
+var AmPmInput = require('./AmPmInput/AmPmInput.cjs');
+var AmPmControlsList = require('./TimeControlsList/AmPmControlsList.cjs');
+var TimeControlsList = require('./TimeControlsList/TimeControlsList.cjs');
+var TimePicker_context = require('./TimePicker.context.cjs');
+var TimePresets = require('./TimePresets/TimePresets.cjs');
+var useTimePicker = require('./use-time-picker.cjs');
+var getParsedTime = require('./utils/get-parsed-time/get-parsed-time.cjs');
+var TimePicker_module = require('./TimePicker.module.css.cjs');
+
+const defaultProps = {
+  hoursStep: 1,
+  minutesStep: 1,
+  secondsStep: 1,
+  format: "24h",
+  amPmLabels: { am: "AM", pm: "PM" },
+  withDropdown: false,
+  pasteSplit: getParsedTime.getParsedTime,
+  maxDropdownContentHeight: 200
+};
+const varsResolver = core.createVarsResolver((_theme, { size }) => ({
+  dropdown: {
+    "--control-font-size": core.getFontSize(size)
+  }
+}));
+const TimePicker = core.factory((_props, ref) => {
+  const props = core.useProps("TimePicker", defaultProps, _props);
+  const {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    onClick,
+    format,
+    value,
+    defaultValue,
+    onChange,
+    hoursStep,
+    minutesStep,
+    secondsStep,
+    withSeconds,
+    hoursInputLabel,
+    minutesInputLabel,
+    secondsInputLabel,
+    amPmInputLabel,
+    amPmLabels,
+    clearable,
+    onMouseDown,
+    onFocusCapture,
+    onBlurCapture,
+    min,
+    max,
+    popoverProps,
+    withDropdown,
+    rightSection,
+    onFocus,
+    onBlur,
+    clearButtonProps,
+    hoursInputProps,
+    minutesInputProps,
+    secondsInputProps,
+    amPmSelectProps,
+    readOnly,
+    disabled,
+    size,
+    name,
+    form,
+    hiddenInputProps,
+    labelProps,
+    pasteSplit,
+    hoursRef,
+    minutesRef,
+    secondsRef,
+    amPmRef,
+    presets,
+    maxDropdownContentHeight,
+    scrollAreaProps,
+    ...others
+  } = props;
+  const { resolvedClassNames, resolvedStyles } = core.useResolvedStylesApi({
+    classNames,
+    styles,
+    props
+  });
+  const getStyles = core.useStyles({
+    name: "TimePicker",
+    classes: TimePicker_module,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver
+  });
+  const controller = useTimePicker.useTimePicker({
+    value,
+    defaultValue,
+    onChange,
+    format,
+    amPmLabels,
+    withSeconds,
+    min,
+    max,
+    clearable,
+    disabled,
+    readOnly,
+    pasteSplit
+  });
+  const _hoursRef = hooks.useMergedRef(controller.refs.hours, hoursRef);
+  const _minutesRef = hooks.useMergedRef(controller.refs.minutes, minutesRef);
+  const _secondsRef = hooks.useMergedRef(controller.refs.seconds, secondsRef);
+  const _amPmRef = hooks.useMergedRef(controller.refs.amPm, amPmRef);
+  const hoursInputId = hooks.useId();
+  const hasFocusRef = react.useRef(false);
+  const [dropdownOpened, setDropdownOpened] = react.useState(false);
+  const handleFocus = (event) => {
+    if (!hasFocusRef.current) {
+      hasFocusRef.current = true;
+      onFocus?.(event);
+    }
+  };
+  const handleBlur = (event) => {
+    if (!event.currentTarget.contains(event.relatedTarget)) {
+      hasFocusRef.current = false;
+      onBlur?.(event);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TimePicker_context.TimePickerProvider,
+    {
+      value: { getStyles, scrollAreaProps, maxDropdownContentHeight },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        core.Popover,
+        {
+          opened: withDropdown && !readOnly && dropdownOpened,
+          transitionProps: { duration: 0 },
+          position: "bottom-start",
+          withRoles: false,
+          ...popoverProps,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(core.Popover.Target, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+              core.InputBase,
+              {
+                component: "div",
+                size,
+                disabled,
+                ref,
+                onClick: (event) => {
+                  onClick?.(event);
+                  controller.focus("hours");
+                },
+                onMouseDown: (event) => {
+                  event.preventDefault();
+                  onMouseDown?.(event);
+                },
+                onFocusCapture: (event) => {
+                  setDropdownOpened(true);
+                  onFocusCapture?.(event);
+                },
+                onBlurCapture: (event) => {
+                  setDropdownOpened(false);
+                  onBlurCapture?.(event);
+                },
+                rightSection: rightSection || controller.isClearable && /* @__PURE__ */ jsxRuntime.jsx(
+                  core.CloseButton,
+                  {
+                    ...clearButtonProps,
+                    size,
+                    onClick: (event) => {
+                      controller.clear();
+                      clearButtonProps?.onClick?.(event);
+                    },
+                    onMouseDown: (event) => {
+                      event.preventDefault();
+                      clearButtonProps?.onMouseDown?.(event);
+                    }
+                  }
+                ),
+                labelProps: { htmlFor: hoursInputId, ...labelProps },
+                style,
+                className,
+                classNames: resolvedClassNames,
+                styles: resolvedStyles,
+                __staticSelector: "TimePicker",
+                ...others,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { ...getStyles("fieldsRoot"), dir: "ltr", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ...getStyles("fieldsGroup"), onBlur: handleBlur, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      SpinInput.SpinInput,
+                      {
+                        id: hoursInputId,
+                        ...hoursInputProps,
+                        ...getStyles("field", {
+                          className: hoursInputProps?.className,
+                          style: hoursInputProps?.style
+                        }),
+                        value: controller.values.hours,
+                        onChange: controller.setHours,
+                        onNextInput: () => controller.focus("minutes"),
+                        min: format === "12h" ? 1 : 0,
+                        max: format === "12h" ? 12 : 23,
+                        focusable: true,
+                        step: hoursStep,
+                        ref: _hoursRef,
+                        "aria-label": hoursInputLabel,
+                        readOnly,
+                        disabled,
+                        onPaste: controller.onPaste,
+                        onFocus: (event) => {
+                          handleFocus(event);
+                          hoursInputProps?.onFocus?.(event);
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: ":" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      SpinInput.SpinInput,
+                      {
+                        ...minutesInputProps,
+                        ...getStyles("field", {
+                          className: minutesInputProps?.className,
+                          style: minutesInputProps?.style
+                        }),
+                        value: controller.values.minutes,
+                        onChange: controller.setMinutes,
+                        min: 0,
+                        max: 59,
+                        focusable: true,
+                        step: minutesStep,
+                        ref: _minutesRef,
+                        onPreviousInput: () => controller.focus("hours"),
+                        onNextInput: () => withSeconds ? controller.focus("seconds") : controller.focus("amPm"),
+                        "aria-label": minutesInputLabel,
+                        tabIndex: -1,
+                        readOnly,
+                        disabled,
+                        onPaste: controller.onPaste,
+                        onFocus: (event) => {
+                          handleFocus(event);
+                          minutesInputProps?.onFocus?.(event);
+                        }
+                      }
+                    ),
+                    withSeconds && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: ":" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        SpinInput.SpinInput,
+                        {
+                          ...secondsInputProps,
+                          ...getStyles("field", {
+                            className: secondsInputProps?.className,
+                            style: secondsInputProps?.style
+                          }),
+                          value: controller.values.seconds,
+                          onChange: controller.setSeconds,
+                          min: 0,
+                          max: 59,
+                          focusable: true,
+                          step: secondsStep,
+                          ref: _secondsRef,
+                          onPreviousInput: () => controller.focus("minutes"),
+                          onNextInput: () => controller.focus("amPm"),
+                          "aria-label": secondsInputLabel,
+                          tabIndex: -1,
+                          readOnly,
+                          disabled,
+                          onPaste: controller.onPaste,
+                          onFocus: (event) => {
+                            handleFocus(event);
+                            secondsInputProps?.onFocus?.(event);
+                          }
+                        }
+                      )
+                    ] }),
+                    format === "12h" && /* @__PURE__ */ jsxRuntime.jsx(
+                      AmPmInput.AmPmInput,
+                      {
+                        ...amPmSelectProps,
+                        labels: amPmLabels,
+                        value: controller.values.amPm,
+                        onChange: controller.setAmPm,
+                        ref: _amPmRef,
+                        "aria-label": amPmInputLabel,
+                        onPreviousInput: () => withSeconds ? controller.focus("seconds") : controller.focus("minutes"),
+                        readOnly,
+                        disabled,
+                        tabIndex: -1,
+                        onPaste: controller.onPaste,
+                        onFocus: (event) => {
+                          handleFocus(event);
+                          amPmSelectProps?.onFocus?.(event);
+                        }
+                      }
+                    )
+                  ] }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      type: "hidden",
+                      name,
+                      form,
+                      value: controller.hiddenInputValue,
+                      ...hiddenInputProps
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              core.Popover.Dropdown,
+              {
+                ...getStyles("dropdown"),
+                onMouseDown: (event) => event.preventDefault(),
+                children: presets ? /* @__PURE__ */ jsxRuntime.jsx(
+                  TimePresets.TimePresets,
+                  {
+                    value: controller.hiddenInputValue,
+                    onChange: controller.setTimeString,
+                    format,
+                    presets,
+                    amPmLabels,
+                    withSeconds: withSeconds || false
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { ...getStyles("controlsListGroup"), children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    TimeControlsList.TimeControlsList,
+                    {
+                      min: format === "12h" ? 1 : 0,
+                      max: format === "12h" ? 12 : 23,
+                      step: hoursStep,
+                      value: controller.values.hours,
+                      onSelect: controller.setHours
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    TimeControlsList.TimeControlsList,
+                    {
+                      min: 0,
+                      max: 59,
+                      step: minutesStep,
+                      value: controller.values.minutes,
+                      onSelect: controller.setMinutes
+                    }
+                  ),
+                  withSeconds && /* @__PURE__ */ jsxRuntime.jsx(
+                    TimeControlsList.TimeControlsList,
+                    {
+                      min: 0,
+                      max: 59,
+                      step: secondsStep,
+                      value: controller.values.seconds,
+                      onSelect: controller.setSeconds
+                    }
+                  ),
+                  format === "12h" && /* @__PURE__ */ jsxRuntime.jsx(
+                    AmPmControlsList.AmPmControlsList,
+                    {
+                      labels: amPmLabels,
+                      value: controller.values.amPm,
+                      onSelect: controller.setAmPm
+                    }
+                  )
+                ] })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+});
+TimePicker.displayName = "@mantine/dates/TimePicker";
+TimePicker.classes = TimePicker_module;
+
+exports.TimePicker = TimePicker;
+//# sourceMappingURL=TimePicker.cjs.map