asma-ui-core 3.98.1 → 3.99.0

package/dist/datetime/components/time-picker/components/TimePickerColumn.js

@@ -1,19 +1,22 @@
 import r from "../StyledTimePicker.module.js";
-import a from "clsx";
-import { jsx as n } from "react/jsx-runtime";
-import { getHours as _, getMinutes as k, set as w } from "date-fns";
-var b = ({ type: m, value: o, onSelect: d }) => {
-  const s = /* @__PURE__ */ new Date(), t = m === "hours", u = t ? 24 : 12, p = t ? s.getHours() : s.getMinutes();
-  return /* @__PURE__ */ n("div", {
+import { clampToMinTime as w, isHourDisabled as y, isMinuteDisabled as b } from "../helpers/minTime.js";
+import g from "clsx";
+import { jsx as d } from "react/jsx-runtime";
+import { getHours as u, getMinutes as h, set as M } from "date-fns";
+var C = ({ type: a, value: o, onSelect: p, minTime: s }) => {
+  const i = /* @__PURE__ */ new Date(), t = a === "hours", _ = u(o ?? i), f = t ? 24 : 12, k = t ? i.getHours() : i.getMinutes();
+  return /* @__PURE__ */ d("div", {
     className: r["styled-time-picker-root_column"],
-    children: new Array(u).fill(null).map((y, i) => {
-      const e = t ? i : i * 5, l = o && e === (t ? _(o) : k(o)), c = p == e;
-      return /* @__PURE__ */ n("button", {
+    children: new Array(f).fill(null).map((x, l) => {
+      const e = t ? l : l * 5, c = o && e === (t ? u(o) : h(o)), n = k == e;
+      return /* @__PURE__ */ d("button", {
         type: "button",
-        "data-cell": l ? "selected" : c ? "now" : void 0,
-        className: a("border-0", r["styled-time-picker-root_cell"], c && r["styled-time-picker-root_cell__cell-now"], l && r["styled-time-picker-root_cell__cell-selected"]),
+        disabled: t ? y(e, s) : b(_, e, s),
+        "data-cell": c ? "selected" : n ? "now" : void 0,
+        className: g("border-0", r["styled-time-picker-root_cell"], n && r["styled-time-picker-root_cell__cell-now"], c && r["styled-time-picker-root_cell__cell-selected"]),
         onClick: () => {
-          d(w(o ?? /* @__PURE__ */ new Date(), t ? { hours: e } : { minutes: e }));
+          const m = M(o ?? /* @__PURE__ */ new Date(), t ? { hours: e } : { minutes: e });
+          p(t ? w(m, s) : m);
         },
         children: e.toString().padStart(2, "0")
       }, e);
@@ -21,5 +24,5 @@ var b = ({ type: m, value: o, onSelect: d }) => {
   });
 };
 export {
-  b as TimePickerColumn
+  C as TimePickerColumn
 };

package/dist/datetime/components/time-picker/components/TimePickerPanel.js

@@ -1,12 +1,13 @@
 import { StyledButton as e } from "../../../shared-components/button/StyledButton.js";
-import { TimePickerBody as d } from "./TimePickerBody.js";
-import { EraserIcon as l } from "../../../shared-components/EraserIcon.js";
-import { CheckIcon as s } from "../../../shared-components/CheckIcon.js";
-import { Fragment as c, jsx as t, jsxs as r } from "react/jsx-runtime";
-var b = ({ dataTest: a, value: i, onSelect: m, handleClear: n, onConfirm: o }) => /* @__PURE__ */ r(c, { children: [/* @__PURE__ */ t(d, {
+import { TimePickerBody as l } from "./TimePickerBody.js";
+import { EraserIcon as s } from "../../../shared-components/EraserIcon.js";
+import { CheckIcon as c } from "../../../shared-components/CheckIcon.js";
+import { Fragment as p, jsx as t, jsxs as r } from "react/jsx-runtime";
+var g = ({ dataTest: a, value: i, minTime: m, onSelect: n, handleClear: o, onConfirm: d }) => /* @__PURE__ */ r(p, { children: [/* @__PURE__ */ t(l, {
   dataTest: `${a}-time-picker-body`,
   value: i,
-  onSelect: m
+  minTime: m,
+  onSelect: n
 }), /* @__PURE__ */ r("div", {
   style: {
     display: "flex",
@@ -19,14 +20,14 @@ var b = ({ dataTest: a, value: i, onSelect: m, handleClear: n, onConfirm: o }) =
     "data-testid": "time-picker-erase-button",
     "aria-label": "Clear time",
     variant: "text",
-    onClick: n,
+    onClick: o,
     size: "small",
     disabled: !i,
     style: {
       minWidth: "40px",
       marginLeft: "10px"
     },
-    children: /* @__PURE__ */ t(l, {
+    children: /* @__PURE__ */ t(s, {
       width: 24,
       height: 24
     })
@@ -36,17 +37,17 @@ var b = ({ dataTest: a, value: i, onSelect: m, handleClear: n, onConfirm: o }) =
     "aria-label": "Confirm time",
     variant: "contained",
     size: "small",
-    onClick: o,
+    onClick: d,
     style: {
       minWidth: "40px",
       marginRight: "16px"
     },
-    children: /* @__PURE__ */ t(s, {
+    children: /* @__PURE__ */ t(c, {
       width: 20,
       height: 20
     })
   })]
 })] });
 export {
-  b as TimePickerPanel
+  g as TimePickerPanel
 };

package/dist/datetime/components/time-picker/helpers/getTimeFromValue.js

@@ -1,8 +1,8 @@
-var u = (s, o) => {
-  const t = s.split(":"), e = Number(t[0]), n = Number(t[1]);
-  if (t[0]?.length == 2 && t[1]?.length == 2 && e >= 0 && e <= 23 && n >= 0 && n <= 59) {
-    const r = o ?? /* @__PURE__ */ new Date();
-    return r.setHours(e), r.setMinutes(n), r;
+var u = (o, s) => {
+  const e = o.split(":"), t = Number(e[0]), n = Number(e[1]);
+  if (e[0]?.length == 2 && e[1]?.length == 2 && t >= 0 && t <= 23 && n >= 0 && n <= 59) {
+    const r = s ? new Date(s) : /* @__PURE__ */ new Date();
+    return r.setHours(t), r.setMinutes(n), r;
   }
   return null;
 };

package/dist/datetime/components/time-picker/helpers/minTime.js

@@ -0,0 +1,12 @@
+import { isValid as M } from "date-fns";
+var e = (r) => r.getHours() * 60 + r.getMinutes(), s = (r) => !!r && M(r), o = (r, t) => s(t) && e(r) < e(t), i = (r, t) => s(t) && r * 60 + 55 < e(t), n = (r, t, a) => s(a) && r * 60 + t < e(a), v = (r, t) => {
+  if (!s(t) || !o(r, t)) return r;
+  const a = new Date(r);
+  return a.setMinutes(Math.ceil(t.getMinutes() / 5) * 5), a;
+};
+export {
+  v as clampToMinTime,
+  o as isBeforeMinTime,
+  i as isHourDisabled,
+  n as isMinuteDisabled
+};

package/dist/src/datetime/components/time-picker/TimePickerInput.d.ts

@@ -4,6 +4,7 @@ import { ChangeEvent } from 'react';
 export declare const TimePickerInput: React.FC<StyledTimePickerProps & {
     popupState: PopupState;
     handleChange: (e: ChangeEvent<HTMLTextAreaElement | HTMLInputElement>) => void;
+    handleBlur?: () => void;
     isValidTime: boolean;
     isValidEndTime: boolean;
     localValue: string;

package/dist/src/datetime/components/time-picker/components/TimePickerPanel.d.ts

@@ -1,6 +1,7 @@
 export interface TimePickerPanelProps {
     dataTest: string;
     value?: Date;
+    minTime?: Date;
     onSelect: (date: Date | undefined) => void;
     handleClear: () => void;
     onConfirm: () => void;

package/dist/src/datetime/components/time-picker/helpers/minTime.d.ts

@@ -0,0 +1,12 @@
+/** The minutes column offers 00, 05 … 55. */
+export declare const MINUTE_STEP = 5;
+/** Only the clock time of both dates counts; the calendar day is the consumer's concern. */
+export declare const isBeforeMinTime: (time: Date, minTime?: Date) => boolean;
+/** An hour is disabled when none of its minute cells reaches `minTime` (e.g. hour 12 for 12:57). */
+export declare const isHourDisabled: (hour: number, minTime?: Date) => boolean;
+export declare const isMinuteDisabled: (hour: number, minute: number, minTime?: Date) => boolean;
+/**
+ * Picking the `minTime` hour while the kept minutes fall before it (13:10 → hour 12 with minTime 12:35)
+ * would land on a disabled cell, so the minutes move up to the first enabled cell (12:35).
+ */
+export declare const clampToMinTime: (time: Date, minTime?: Date) => Date;

package/dist/src/datetime/components/time-picker/helpers/minTime.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/datetime/components/time-picker/types.d.ts

@@ -17,5 +17,12 @@ export interface StyledTimePickerProps {
     locale?: 'no' | 'en';
     title?: string;
     notBeforeTime?: Date;
+    /**
+     * @figmaProp none — behavioral; drives the Time item `State=Disabled` cells (node 15086-19871).
+     * Earliest selectable clock time; its calendar day is ignored. Earlier hour/minute cells are disabled
+     * and a typed earlier time is not committed — the field reverts to the last valid value on blur.
+     * Unlike `notBeforeTime`, it never shows an error.
+     */
+    minTime?: Date;
 }
 export type IPopupStateType = JSX.Element;

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.98.1",
+    "version": "3.99.0",
     "type": "module",
     "sideEffects": [
         "**/*.css",