@lifesg/react-design-system 3.5.0-canary.7 → 4.0.0-alpha.10

package/schedule/schedule.styles.js

@@ -1,27 +1,2 @@
-import r,{css as o}from"styled-components";import{MIN_COLUMN_WIDTH as i}from"./const.js";import{ErrorDisplay as d}from"../error-display/error-display.js";import"../error-display/helper.js";import{Border as e,Colour as t,Radius as s,Spacing as p}from"../theme/index.js";const n=r.div`
-    min-width: 320px;
-    max-width: 90vw;
-    box-sizing: border-box;
-    ${r=>{if(r.$loading)return o`
-                &:hover {
-                    cursor: not-allowed;
-                }
-            `}}
-`,l=r.div`
-    height: 100%;
-    position: relative;
-    overflow: hidden;
-`,m=r.div`
-    display: grid;
-    overflow: auto;
-    position: relative;
-    grid-template-columns: ${i}px auto;
-    border: ${e["width-010"]} ${e.solid} ${t.border};
-    border-radius: ${s.md};
-    background: ${t.bg};
-`,a=r(d)`
-    grid-column: 1 / -1;
-    grid-row: 2;
-    padding: ${p["spacing-72"]} 0;
-`;export{n as Container,m as EmptyTableContainer,a as NoResultsFound,l as ScheduleBodyContainer};
+import"./schedule.styles_fdy5a1.css";const e="c1340rqu",s="c1hp3fsj",c="s1kpvet5",t="e1b7vyxh",h="niqne7l";export{e as container,s as containerLoading,t as emptyTableContainer,h as noResultsFound,c as scheduleBodyContainer};
 //# sourceMappingURL=schedule.styles.js.map

package/schedule/schedule.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"schedule.styles.js","sources":["../../src/schedule/schedule.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { MIN_COLUMN_WIDTH } from \"./const\";\nimport { ErrorDisplay } from \"../error-display\";\nimport { Border, Colour, Radius, Spacing } from \"../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\ninterface ScheduleProps {\n    $loading: boolean | undefined;\n}\n\nexport const Container = styled.div<ScheduleProps>`\n    min-width: 320px;\n    max-width: 90vw;\n    box-sizing: border-box;\n    ${(props) => {\n        if (props.$loading) {\n            return css`\n                &:hover {\n                    cursor: not-allowed;\n                }\n            `;\n        }\n    }}\n`;\n\nexport const ScheduleBodyContainer = styled.div`\n    height: 100%;\n    position: relative;\n    overflow: hidden;\n`;\n\nexport const EmptyTableContainer = styled.div`\n    display: grid;\n    overflow: auto;\n    position: relative;\n    grid-template-columns: ${MIN_COLUMN_WIDTH}px auto;\n    border: ${Border[\"width-010\"]} ${Border.solid} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"md\"]};\n    background: ${Colour[\"bg\"]};\n`;\n\nexport const NoResultsFound = styled(ErrorDisplay)`\n    grid-column: 1 / -1;\n    grid-row: 2;\n    padding: ${Spacing[\"spacing-72\"]} 0;\n`;\n"],"names":["Container","styled","div","props","$loading","css","ScheduleBodyContainer","EmptyTableContainer","MIN_COLUMN_WIDTH","Border","solid","Colour","Radius","NoResultsFound","ErrorDisplay","Spacing"],"mappings":"6QAYO,MAAMA,EAAYC,EAAOC,GAAkB;;;;MAI3CC,IACC,GAAIA,EAAMC,SACN,OAAOC,CAAG;;;;aAKd;EAIKC,EAAwBL,EAAOC,GAAG;;;;EAMlCK,EAAsBN,EAAOC,GAAG;;;;6BAIhBM;cACfC,EAAO,gBAAgBA,EAAOC,SAASC,EAAe;qBAC/CC,EAAW;kBACdD,EAAW;EAGhBE,EAAiBZ,EAAOa,EAAa;;;eAGnCC,EAAQ;"}
+{"version":3,"file":"schedule.styles.js","sources":["../../src/schedule/schedule.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, Radius, Spacing } from \"../theme\";\nimport { MIN_COLUMN_WIDTH } from \"./const\";\n\nexport const container = css`\n    min-width: 320px;\n    max-width: 90vw;\n    box-sizing: border-box;\n`;\n\nexport const containerLoading = css`\n    &:hover {\n        cursor: not-allowed;\n    }\n`;\n\nexport const scheduleBodyContainer = css`\n    height: 100%;\n    position: relative;\n    overflow: hidden;\n`;\n\nexport const emptyTableContainer = css`\n    display: grid;\n    overflow: auto;\n    position: relative;\n    grid-template-columns: ${MIN_COLUMN_WIDTH}px auto;\n    border: ${Border[\"width-010\"]} ${Border.solid} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"md\"]};\n    background: ${Colour[\"bg\"]};\n`;\n\nexport const noResultsFound = css`\n    grid-column: 1 / -1;\n    grid-row: 2;\n    padding: ${Spacing[\"spacing-72\"]} 0;\n`;\n"],"names":["container","containerLoading","scheduleBodyContainer","emptyTableContainer","noResultsFound"],"mappings":"6DAKO,MAAMA,EAAS,WAMTC,EAAgB,WAMhBC,EAAqB,WAMrBC,EAAmB,WAUnBC,EAAc"}

package/schedule/schedule.styles_fdy5a1.css

@@ -0,0 +1,5 @@
+@layer fds{.c1340rqu{min-width:320px;max-width:90vw;box-sizing:border-box;}
+.c1hp3fsj:hover{cursor:not-allowed;}
+.s1kpvet5{height:100%;position:relative;overflow:hidden;}
+.e1b7vyxh{display:-ms-grid;display:grid;overflow:auto;position:relative;-ms-grid-columns:280px auto;grid-template-columns:280px auto;border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-md);background:var(--fds-colour-bg);}
+.niqne7l{-ms-grid-column:1/-1;grid-column:1/-1;-ms-grid-row:2;grid-row:2;padding:var(--fds-spacing-72) 0;}}

package/schedule/shared/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../../src/schedule/shared/hooks.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { calculateScrollPosition, getTimelineOffset } from \"./utils\";\n\n/**\n * Custom hook that manages the timeline offset for the current time indicator.\n * Updates the offset every 15 minutes to keep the timeline in sync with real time.\n *\n * @param minTime - The earliest time displayed in the scheduler (format: \"HH:mm\").\n * @param maxTime - The latest time displayed in the scheduler (format: \"HH:mm\").\n * @returns The pixel offset from the top for the timeline, or null if out of range.\n */\nexport function useTimelineOffset(\n    minTime: string,\n    maxTime: string\n): number | null {\n    const [timelineOffset, setTimelineOffset] = useState<number | null>(null);\n\n    useEffect(() => {\n        function updateOffset() {\n            setTimelineOffset(getTimelineOffset(minTime, maxTime));\n        }\n        updateOffset();\n        const interval = setInterval(updateOffset, 15 * 60 * 1000); // every 15 mins\n        return () => clearInterval(interval);\n    }, [minTime, maxTime]);\n\n    return timelineOffset;\n}\n\n/**\n * Custom hook that handles initial scroll positioning for timeslot components.\n * Automatically scrolls to the specified initial scroll time when the component loads.\n *\n * @param loading - Whether the component is in loading state.\n * @param minTime - The earliest time displayed in the scheduler (format: \"HH:mm\").\n * @param initialScrollTime - Optional initial scroll position time (HH:mm format), defaults to minTime if not provided.\n * @returns A ref object to attach to the scrollable container.\n */\nexport function useInitialScroll(\n    loading: boolean,\n    minTime: string,\n    initialScrollTime?: string\n): React.RefObject<HTMLDivElement> {\n    const bodyRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (!loading && bodyRef.current && minTime) {\n            const scrollToTime = initialScrollTime || minTime;\n            const scrollPosition = calculateScrollPosition(\n                minTime,\n                scrollToTime\n            );\n\n            if (scrollPosition !== null) {\n                if (bodyRef.current) {\n                    bodyRef.current.scrollTop = scrollPosition;\n                }\n            }\n        }\n    }, [minTime, loading, initialScrollTime]);\n\n    return bodyRef;\n}\n"],"names":["useTimelineOffset","minTime","maxTime","timelineOffset","setTimelineOffset","useState","useEffect","updateOffset","getTimelineOffset","interval","setInterval","clearInterval","useInitialScroll","loading","initialScrollTime","bodyRef","useRef","current","scrollPosition","calculateScrollPosition","scrollTop"],"mappings":"wIAWM,SAAUA,EACZC,EACAC,GAEA,MAAOC,EAAgBC,GAAqBC,EAAwB,MAWpE,OATAC,GAAU,KACN,SAASC,IACLH,EAAkBI,EAAkBP,EAASC,GACjD,CACAK,IACA,MAAME,EAAWC,YAAYH,EAAc,KAC3C,MAAO,IAAMI,cAAcF,EAAS,GACrC,CAACR,EAASC,IAENC,CACX,UAWgBS,EACZC,EACAZ,EACAa,GAEA,MAAMC,EAAUC,EAAuB,MAkBvC,OAhBAV,GAAU,KACN,IAAKO,GAAWE,EAAQE,SAAWhB,EAAS,CACxC,MACMiB,EAAiBC,EACnBlB,EAFiBa,GAAqBb,GAMnB,OAAnBiB,GACIH,EAAQE,UACRF,EAAQE,QAAQG,UAAYF,EAGxC,IACD,CAACjB,EAASY,EAASC,IAEfC,CACX"}
+{"version":3,"file":"hooks.js","sources":["../../../src/schedule/shared/hooks.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\nimport { calculateScrollPosition, getTimelineOffset } from \"./utils\";\n\n/**\n * Custom hook that manages the timeline offset for the current time indicator.\n * Updates the offset every 15 minutes to keep the timeline in sync with real time.\n *\n * @param minTime - The earliest time displayed in the scheduler (format: \"HH:mm\").\n * @param maxTime - The latest time displayed in the scheduler (format: \"HH:mm\").\n * @returns The pixel offset from the top for the timeline, or null if out of range.\n */\nexport function useTimelineOffset(\n    minTime: string,\n    maxTime: string\n): number | null {\n    const [timelineOffset, setTimelineOffset] = useState<number | null>(null);\n\n    useEffect(() => {\n        function updateOffset() {\n            setTimelineOffset(getTimelineOffset(minTime, maxTime));\n        }\n        updateOffset();\n        const interval = setInterval(updateOffset, 15 * 60 * 1000); // every 15 mins\n        return () => clearInterval(interval);\n    }, [minTime, maxTime]);\n\n    return timelineOffset;\n}\n\n/**\n * Custom hook that handles initial scroll positioning for timeslot components.\n * Automatically scrolls to the specified initial scroll time when the component loads.\n *\n * @param loading - Whether the component is in loading state.\n * @param minTime - The earliest time displayed in the scheduler (format: \"HH:mm\").\n * @param initialScrollTime - Optional initial scroll position time (HH:mm format), defaults to minTime if not provided.\n * @returns A ref object to attach to the scrollable container.\n */\nexport function useInitialScroll(\n    loading: boolean,\n    minTime: string,\n    initialScrollTime?: string\n): React.RefObject<HTMLDivElement> {\n    const bodyRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (!loading && bodyRef.current && minTime) {\n            const scrollToTime = initialScrollTime || minTime;\n            const scrollPosition = calculateScrollPosition(\n                minTime,\n                scrollToTime\n            );\n\n            if (scrollPosition !== null) {\n                if (bodyRef.current) {\n                    bodyRef.current.scrollTop = scrollPosition;\n                }\n            }\n        }\n    }, [minTime, loading, initialScrollTime]);\n\n    return bodyRef;\n}\n"],"names":["useTimelineOffset","minTime","maxTime","timelineOffset","setTimelineOffset","useState","useEffect","updateOffset","getTimelineOffset","interval","setInterval","clearInterval","useInitialScroll","loading","initialScrollTime","bodyRef","useRef","current","scrollPosition","calculateScrollPosition","scrollTop"],"mappings":"wIAYM,SAAUA,EACZC,EACAC,GAEA,MAAOC,EAAgBC,GAAqBC,EAAwB,MAWpE,OATAC,GAAU,KACN,SAASC,IACLH,EAAkBI,EAAkBP,EAASC,GACjD,CACAK,IACA,MAAME,EAAWC,YAAYH,EAAc,KAC3C,MAAO,IAAMI,cAAcF,EAAS,GACrC,CAACR,EAASC,IAENC,CACX,UAWgBS,EACZC,EACAZ,EACAa,GAEA,MAAMC,EAAUC,EAAuB,MAkBvC,OAhBAV,GAAU,KACN,IAAKO,GAAWE,EAAQE,SAAWhB,EAAS,CACxC,MACMiB,EAAiBC,EACnBlB,EAFiBa,GAAqBb,GAMnB,OAAnBiB,GACIH,EAAQE,UACRF,EAAQE,QAAQG,UAAYF,EAGxC,IACD,CAACjB,EAASY,EAASC,IAEfC,CACX"}

package/schedule/shared/utils.d.ts

@@ -1,4 +1,4 @@
-import { ScheduleSlotProps } from "../types";
+import type { ScheduleSlotProps } from "../types";
 /**
  * Calculates the vertical offset (in pixels) for the current time indicator (timeline)
  * within the scheduler view, based on the provided minimum and maximum time bounds.

package/schedule/shared/utils.js

@@ -1,2 +1,2 @@
-import t from"../../external/dayjs/dayjs.min.js";import{SLOT_INTERVAL as e,CELL_HEIGHT as n}from"../const.js";import{TimeHelper as i}from"../../util/time-helper.js";function r(i,r){const o=t(),u=t(o.format("YYYY-MM-DD")+" "+i),s=t(o.format("YYYY-MM-DD")+" "+r);if(o.isBefore(u)||o.isAfter(s))return null;const m=o.diff(u,"minute"),f=s.diff(u,"minute");return m/f*(f/e*n)}function o(i,r){const o=t(`2024-01-01 ${i}`),u=t(`2024-01-01 ${r}`);if(u.isAfter(o)||u.isSame(o)){return u.diff(o,"minute")/e*n}return null}function u(t){const e=t%60;return`${Math.floor(t/60).toString().padStart(2,"0")}:${e.toString().padStart(2,"0")}`}function s(t,e){return(i.timeToMinutes(t)-i.timeToMinutes(e))/30*n}function m(t,e,n,r){const o=i.timeToMinutes(e),u=i.timeToMinutes(n);return t.filter((t=>{if(r&&t.date!==r)return!1;const e=i.timeToMinutes(t.startTime);return e>=o&&e<u}))}function f(t,e,n,r){const o=i.timeToMinutes(e),u=i.timeToMinutes(n);return t.filter((t=>{if(r&&t.date!==r)return!1;const e=i.timeToMinutes(t.startTime),n=i.timeToMinutes(t.endTime);return e<u&&n>o}))}function c(t,e){const n=i.timeToMinutes(e);return t.some((t=>{const e=i.timeToMinutes(t.startTime),r=i.timeToMinutes(t.endTime);return n>=e&&n<r}))}export{o as calculateScrollPosition,s as calculateSlotOffset,f as findSlotsInTimeRange,m as findSlotsStartingInTimeRange,r as getTimelineOffset,c as isTimeCellCovered,u as minutesToTime};
+import t from"../../external/dayjs/dayjs.min.js";import{TimeHelper as e}from"../../util/time-helper.js";import{SLOT_INTERVAL as n,CELL_HEIGHT as i}from"../const.js";function r(e,r){const o=t(),u=t(o.format("YYYY-MM-DD")+" "+e),s=t(o.format("YYYY-MM-DD")+" "+r);if(o.isBefore(u)||o.isAfter(s))return null;const m=o.diff(u,"minute"),f=s.diff(u,"minute");return m/f*(f/n*i)}function o(e,r){const o=t(`2024-01-01 ${e}`),u=t(`2024-01-01 ${r}`);if(u.isAfter(o)||u.isSame(o)){return u.diff(o,"minute")/n*i}return null}function u(t){const e=t%60;return`${Math.floor(t/60).toString().padStart(2,"0")}:${e.toString().padStart(2,"0")}`}function s(t,n){return(e.timeToMinutes(t)-e.timeToMinutes(n))/30*i}function m(t,n,i,r){const o=e.timeToMinutes(n),u=e.timeToMinutes(i);return t.filter((t=>{if(r&&t.date!==r)return!1;const n=e.timeToMinutes(t.startTime);return n>=o&&n<u}))}function f(t,n,i,r){const o=e.timeToMinutes(n),u=e.timeToMinutes(i);return t.filter((t=>{if(r&&t.date!==r)return!1;const n=e.timeToMinutes(t.startTime),i=e.timeToMinutes(t.endTime);return n<u&&i>o}))}function c(t,n){const i=e.timeToMinutes(n);return t.some((t=>{const n=e.timeToMinutes(t.startTime),r=e.timeToMinutes(t.endTime);return i>=n&&i<r}))}export{o as calculateScrollPosition,s as calculateSlotOffset,f as findSlotsInTimeRange,m as findSlotsStartingInTimeRange,r as getTimelineOffset,c as isTimeCellCovered,u as minutesToTime};
 //# sourceMappingURL=utils.js.map

package/schedule/shared/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/schedule/shared/utils.ts"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { CELL_HEIGHT, SLOT_INTERVAL } from \"../const\";\nimport { TimeHelper } from \"../../util/time-helper\";\nimport { ScheduleSlotProps } from \"../types\";\n\n/**\n * Calculates the vertical offset (in pixels) for the current time indicator (timeline)\n * within the scheduler view, based on the provided minimum and maximum time bounds.\n * Returns null if the current time is outside the given range.\n *\n * @param minTime - The earliest time displayed in the scheduler (format: \"HH:mm\").\n * @param maxTime - The latest time displayed in the scheduler (format: \"HH:mm\").\n * @returns The pixel offset from the top for the timeline, or null if out of range.\n */\nexport function getTimelineOffset(\n    minTime: string,\n    maxTime: string\n): number | null {\n    const now = dayjs();\n    const min = dayjs(now.format(\"YYYY-MM-DD\") + \" \" + minTime);\n    const max = dayjs(now.format(\"YYYY-MM-DD\") + \" \" + maxTime);\n    if (now.isBefore(min) || now.isAfter(max)) return null;\n    const minutesSinceMin = now.diff(min, \"minute\");\n    const totalMinutes = max.diff(min, \"minute\");\n    const totalHeight = (totalMinutes / SLOT_INTERVAL) * CELL_HEIGHT;\n    const offset = (minutesSinceMin / totalMinutes) * totalHeight;\n    return offset;\n}\n\n/**\n * Calculates the scroll position for a given time relative to the minimum time.\n *\n * @param minTime - The earliest time displayed in the scheduler (format: \"HH:mm\").\n * @param targetTime - The time to scroll to (format: \"HH:mm\").\n * @returns The pixel offset from the top for scrolling, or null if target is before minTime.\n */\nexport function calculateScrollPosition(\n    minTime: string,\n    targetTime: string\n): number | null {\n    const min = dayjs(`2024-01-01 ${minTime}`);\n    const target = dayjs(`2024-01-01 ${targetTime}`);\n\n    // Only calculate if the target time is within or after the minimum time\n    if (target.isAfter(min) || target.isSame(min)) {\n        const minutesFromMin = target.diff(min, \"minute\");\n        return (minutesFromMin / SLOT_INTERVAL) * CELL_HEIGHT;\n    }\n\n    return null;\n}\n\n/**\n * Converts minutes to time string (HH:MM format)\n *\n * @param minutes - The number of minutes to convert\n * @returns Time string in HH:MM format\n */\nexport function minutesToTime(minutes: number): string {\n    const hours = Math.floor(minutes / 60);\n    const mins = minutes % 60;\n    return `${hours.toString().padStart(2, \"0\")}:${mins\n        .toString()\n        .padStart(2, \"0\")}`;\n}\n\n/**\n * Calculate offset position within a 30-minute time cell\n *\n * @param slotStartTime - The start time of the slot (format: \"HH:mm\")\n * @param timeSlotStart - The start time of the time cell (format: \"HH:mm\")\n * @returns The vertical offset in pixels\n */\nexport function calculateSlotOffset(\n    slotStartTime: string,\n    timeSlotStart: string\n): number {\n    const slotStartMinutes = TimeHelper.timeToMinutes(slotStartTime);\n    const timeSlotStartMinutes = TimeHelper.timeToMinutes(timeSlotStart);\n    const offsetMinutes = slotStartMinutes - timeSlotStartMinutes;\n    return (offsetMinutes / 30) * CELL_HEIGHT;\n}\n\n/**\n * Find all slots that start within a specific time range\n *\n * @param slots - Array of slots to filter\n * @param startTime - Start time of the range (format: \"HH:mm\")\n * @param endTime - End time of the range (format: \"HH:mm\")\n * @param targetDate - Optional date filter (format: \"YYYY-MM-DD\")\n * @returns Array of slots that start within the time range\n */\nexport function findSlotsStartingInTimeRange(\n    slots: ScheduleSlotProps[],\n    startTime: string,\n    endTime: string,\n    targetDate?: string\n): ScheduleSlotProps[] {\n    const rangeStartMinutes = TimeHelper.timeToMinutes(startTime);\n    const rangeEndMinutes = TimeHelper.timeToMinutes(endTime);\n\n    return slots.filter((slot) => {\n        if (targetDate && slot.date !== targetDate) return false;\n\n        const slotStartMinutes = TimeHelper.timeToMinutes(slot.startTime);\n        return (\n            slotStartMinutes >= rangeStartMinutes &&\n            slotStartMinutes < rangeEndMinutes\n        );\n    });\n}\n\n/**\n * Find all slots that overlap with a specific time range\n *\n * @param slots - Array of slots to filter\n * @param startTime - Start time of the range (format: \"HH:mm\")\n * @param endTime - End time of the range (format: \"HH:mm\")\n * @param targetDate - Optional date filter (format: \"YYYY-MM-DD\")\n * @returns Array of slots that overlap with the time range\n */\nexport function findSlotsInTimeRange(\n    slots: ScheduleSlotProps[],\n    startTime: string,\n    endTime: string,\n    targetDate?: string\n): ScheduleSlotProps[] {\n    const rangeStartMinutes = TimeHelper.timeToMinutes(startTime);\n    const rangeEndMinutes = TimeHelper.timeToMinutes(endTime);\n\n    return slots.filter((slot) => {\n        if (targetDate && slot.date !== targetDate) return false;\n\n        const slotStartMinutes = TimeHelper.timeToMinutes(slot.startTime);\n        const slotEndMinutes = TimeHelper.timeToMinutes(slot.endTime);\n\n        // Slot overlaps if it starts before range ends and ends after range starts\n        return (\n            slotStartMinutes < rangeEndMinutes &&\n            slotEndMinutes > rangeStartMinutes\n        );\n    });\n}\n\n/**\n * Check if a time cell is covered by any existing slots\n *\n * @param slots - Array of slots to check against\n * @param timeCell - Time cell to check (format: \"HH:mm\")\n * @returns True if the time cell is covered by any slot\n */\nexport function isTimeCellCovered(\n    slots: ScheduleSlotProps[],\n    timeCell: string\n): boolean {\n    const timeCellMinutes = TimeHelper.timeToMinutes(timeCell);\n\n    return slots.some((slot) => {\n        const slotStartMinutes = TimeHelper.timeToMinutes(slot.startTime);\n        const slotEndMinutes = TimeHelper.timeToMinutes(slot.endTime);\n\n        return (\n            timeCellMinutes >= slotStartMinutes &&\n            timeCellMinutes < slotEndMinutes\n        );\n    });\n}\n"],"names":["getTimelineOffset","minTime","maxTime","now","dayjs","min","format","max","isBefore","isAfter","minutesSinceMin","diff","totalMinutes","SLOT_INTERVAL","CELL_HEIGHT","calculateScrollPosition","targetTime","target","isSame","minutesToTime","minutes","mins","Math","floor","toString","padStart","calculateSlotOffset","slotStartTime","timeSlotStart","TimeHelper","timeToMinutes","findSlotsStartingInTimeRange","slots","startTime","endTime","targetDate","rangeStartMinutes","rangeEndMinutes","filter","slot","date","slotStartMinutes","findSlotsInTimeRange","slotEndMinutes","isTimeCellCovered","timeCell","timeCellMinutes","some"],"mappings":"qKAcM,SAAUA,EACZC,EACAC,GAEA,MAAMC,EAAMC,IACNC,EAAMD,EAAMD,EAAIG,OAAO,cAAgB,IAAML,GAC7CM,EAAMH,EAAMD,EAAIG,OAAO,cAAgB,IAAMJ,GACnD,GAAIC,EAAIK,SAASH,IAAQF,EAAIM,QAAQF,GAAM,OAAO,KAClD,MAAMG,EAAkBP,EAAIQ,KAAKN,EAAK,UAChCO,EAAeL,EAAII,KAAKN,EAAK,UAGnC,OADgBK,EAAkBE,GADbA,EAAeC,EAAiBC,EAGzD,CASM,SAAUC,EACZd,EACAe,GAEA,MAAMX,EAAMD,EAAM,cAAcH,KAC1BgB,EAASb,EAAM,cAAcY,KAGnC,GAAIC,EAAOR,QAAQJ,IAAQY,EAAOC,OAAOb,GAAM,CAE3C,OADuBY,EAAON,KAAKN,EAAK,UACfQ,EAAiBC,CAC9C,CAEA,OAAO,IACX,CAQM,SAAUK,EAAcC,GAC1B,MACMC,EAAOD,EAAU,GACvB,MAAO,GAFOE,KAAKC,MAAMH,EAAU,IAEnBI,WAAWC,SAAS,EAAG,QAAQJ,EAC1CG,WACAC,SAAS,EAAG,MACrB,CASM,SAAUC,EACZC,EACAC,GAKA,OAHyBC,EAAWC,cAAcH,GACrBE,EAAWC,cAAcF,IAE9B,GAAMd,CAClC,CAWM,SAAUiB,EACZC,EACAC,EACAC,EACAC,GAEA,MAAMC,EAAoBP,EAAWC,cAAcG,GAC7CI,EAAkBR,EAAWC,cAAcI,GAEjD,OAAOF,EAAMM,QAAQC,IACjB,GAAIJ,GAAcI,EAAKC,OAASL,EAAY,OAAO,EAEnD,MAAMM,EAAmBZ,EAAWC,cAAcS,EAAKN,WACvD,OACIQ,GAAoBL,GACpBK,EAAmBJ,CAAe,GAG9C,CAWM,SAAUK,EACZV,EACAC,EACAC,EACAC,GAEA,MAAMC,EAAoBP,EAAWC,cAAcG,GAC7CI,EAAkBR,EAAWC,cAAcI,GAEjD,OAAOF,EAAMM,QAAQC,IACjB,GAAIJ,GAAcI,EAAKC,OAASL,EAAY,OAAO,EAEnD,MAAMM,EAAmBZ,EAAWC,cAAcS,EAAKN,WACjDU,EAAiBd,EAAWC,cAAcS,EAAKL,SAGrD,OACIO,EAAmBJ,GACnBM,EAAiBP,CAAiB,GAG9C,CASM,SAAUQ,EACZZ,EACAa,GAEA,MAAMC,EAAkBjB,EAAWC,cAAce,GAEjD,OAAOb,EAAMe,MAAMR,IACf,MAAME,EAAmBZ,EAAWC,cAAcS,EAAKN,WACjDU,EAAiBd,EAAWC,cAAcS,EAAKL,SAErD,OACIY,GAAmBL,GACnBK,EAAkBH,CAAc,GAG5C"}
+{"version":3,"file":"utils.js","sources":["../../../src/schedule/shared/utils.ts"],"sourcesContent":["import dayjs from \"dayjs\";\n\nimport { TimeHelper } from \"../../util/time-helper\";\nimport { CELL_HEIGHT, SLOT_INTERVAL } from \"../const\";\nimport type { ScheduleSlotProps } from \"../types\";\n\n/**\n * Calculates the vertical offset (in pixels) for the current time indicator (timeline)\n * within the scheduler view, based on the provided minimum and maximum time bounds.\n * Returns null if the current time is outside the given range.\n *\n * @param minTime - The earliest time displayed in the scheduler (format: \"HH:mm\").\n * @param maxTime - The latest time displayed in the scheduler (format: \"HH:mm\").\n * @returns The pixel offset from the top for the timeline, or null if out of range.\n */\nexport function getTimelineOffset(\n    minTime: string,\n    maxTime: string\n): number | null {\n    const now = dayjs();\n    const min = dayjs(now.format(\"YYYY-MM-DD\") + \" \" + minTime);\n    const max = dayjs(now.format(\"YYYY-MM-DD\") + \" \" + maxTime);\n    if (now.isBefore(min) || now.isAfter(max)) return null;\n    const minutesSinceMin = now.diff(min, \"minute\");\n    const totalMinutes = max.diff(min, \"minute\");\n    const totalHeight = (totalMinutes / SLOT_INTERVAL) * CELL_HEIGHT;\n    const offset = (minutesSinceMin / totalMinutes) * totalHeight;\n    return offset;\n}\n\n/**\n * Calculates the scroll position for a given time relative to the minimum time.\n *\n * @param minTime - The earliest time displayed in the scheduler (format: \"HH:mm\").\n * @param targetTime - The time to scroll to (format: \"HH:mm\").\n * @returns The pixel offset from the top for scrolling, or null if target is before minTime.\n */\nexport function calculateScrollPosition(\n    minTime: string,\n    targetTime: string\n): number | null {\n    const min = dayjs(`2024-01-01 ${minTime}`);\n    const target = dayjs(`2024-01-01 ${targetTime}`);\n\n    // Only calculate if the target time is within or after the minimum time\n    if (target.isAfter(min) || target.isSame(min)) {\n        const minutesFromMin = target.diff(min, \"minute\");\n        return (minutesFromMin / SLOT_INTERVAL) * CELL_HEIGHT;\n    }\n\n    return null;\n}\n\n/**\n * Converts minutes to time string (HH:MM format)\n *\n * @param minutes - The number of minutes to convert\n * @returns Time string in HH:MM format\n */\nexport function minutesToTime(minutes: number): string {\n    const hours = Math.floor(minutes / 60);\n    const mins = minutes % 60;\n    return `${hours.toString().padStart(2, \"0\")}:${mins\n        .toString()\n        .padStart(2, \"0\")}`;\n}\n\n/**\n * Calculate offset position within a 30-minute time cell\n *\n * @param slotStartTime - The start time of the slot (format: \"HH:mm\")\n * @param timeSlotStart - The start time of the time cell (format: \"HH:mm\")\n * @returns The vertical offset in pixels\n */\nexport function calculateSlotOffset(\n    slotStartTime: string,\n    timeSlotStart: string\n): number {\n    const slotStartMinutes = TimeHelper.timeToMinutes(slotStartTime);\n    const timeSlotStartMinutes = TimeHelper.timeToMinutes(timeSlotStart);\n    const offsetMinutes = slotStartMinutes - timeSlotStartMinutes;\n    return (offsetMinutes / 30) * CELL_HEIGHT;\n}\n\n/**\n * Find all slots that start within a specific time range\n *\n * @param slots - Array of slots to filter\n * @param startTime - Start time of the range (format: \"HH:mm\")\n * @param endTime - End time of the range (format: \"HH:mm\")\n * @param targetDate - Optional date filter (format: \"YYYY-MM-DD\")\n * @returns Array of slots that start within the time range\n */\nexport function findSlotsStartingInTimeRange(\n    slots: ScheduleSlotProps[],\n    startTime: string,\n    endTime: string,\n    targetDate?: string\n): ScheduleSlotProps[] {\n    const rangeStartMinutes = TimeHelper.timeToMinutes(startTime);\n    const rangeEndMinutes = TimeHelper.timeToMinutes(endTime);\n\n    return slots.filter((slot) => {\n        if (targetDate && slot.date !== targetDate) return false;\n\n        const slotStartMinutes = TimeHelper.timeToMinutes(slot.startTime);\n        return (\n            slotStartMinutes >= rangeStartMinutes &&\n            slotStartMinutes < rangeEndMinutes\n        );\n    });\n}\n\n/**\n * Find all slots that overlap with a specific time range\n *\n * @param slots - Array of slots to filter\n * @param startTime - Start time of the range (format: \"HH:mm\")\n * @param endTime - End time of the range (format: \"HH:mm\")\n * @param targetDate - Optional date filter (format: \"YYYY-MM-DD\")\n * @returns Array of slots that overlap with the time range\n */\nexport function findSlotsInTimeRange(\n    slots: ScheduleSlotProps[],\n    startTime: string,\n    endTime: string,\n    targetDate?: string\n): ScheduleSlotProps[] {\n    const rangeStartMinutes = TimeHelper.timeToMinutes(startTime);\n    const rangeEndMinutes = TimeHelper.timeToMinutes(endTime);\n\n    return slots.filter((slot) => {\n        if (targetDate && slot.date !== targetDate) return false;\n\n        const slotStartMinutes = TimeHelper.timeToMinutes(slot.startTime);\n        const slotEndMinutes = TimeHelper.timeToMinutes(slot.endTime);\n\n        // Slot overlaps if it starts before range ends and ends after range starts\n        return (\n            slotStartMinutes < rangeEndMinutes &&\n            slotEndMinutes > rangeStartMinutes\n        );\n    });\n}\n\n/**\n * Check if a time cell is covered by any existing slots\n *\n * @param slots - Array of slots to check against\n * @param timeCell - Time cell to check (format: \"HH:mm\")\n * @returns True if the time cell is covered by any slot\n */\nexport function isTimeCellCovered(\n    slots: ScheduleSlotProps[],\n    timeCell: string\n): boolean {\n    const timeCellMinutes = TimeHelper.timeToMinutes(timeCell);\n\n    return slots.some((slot) => {\n        const slotStartMinutes = TimeHelper.timeToMinutes(slot.startTime);\n        const slotEndMinutes = TimeHelper.timeToMinutes(slot.endTime);\n\n        return (\n            timeCellMinutes >= slotStartMinutes &&\n            timeCellMinutes < slotEndMinutes\n        );\n    });\n}\n"],"names":["getTimelineOffset","minTime","maxTime","now","dayjs","min","format","max","isBefore","isAfter","minutesSinceMin","diff","totalMinutes","SLOT_INTERVAL","CELL_HEIGHT","calculateScrollPosition","targetTime","target","isSame","minutesToTime","minutes","mins","Math","floor","toString","padStart","calculateSlotOffset","slotStartTime","timeSlotStart","TimeHelper","timeToMinutes","findSlotsStartingInTimeRange","slots","startTime","endTime","targetDate","rangeStartMinutes","rangeEndMinutes","filter","slot","date","slotStartMinutes","findSlotsInTimeRange","slotEndMinutes","isTimeCellCovered","timeCell","timeCellMinutes","some"],"mappings":"qKAeM,SAAUA,EACZC,EACAC,GAEA,MAAMC,EAAMC,IACNC,EAAMD,EAAMD,EAAIG,OAAO,cAAgB,IAAML,GAC7CM,EAAMH,EAAMD,EAAIG,OAAO,cAAgB,IAAMJ,GACnD,GAAIC,EAAIK,SAASH,IAAQF,EAAIM,QAAQF,GAAM,OAAO,KAClD,MAAMG,EAAkBP,EAAIQ,KAAKN,EAAK,UAChCO,EAAeL,EAAII,KAAKN,EAAK,UAGnC,OADgBK,EAAkBE,GADbA,EAAeC,EAAiBC,EAGzD,CASM,SAAUC,EACZd,EACAe,GAEA,MAAMX,EAAMD,EAAM,cAAcH,KAC1BgB,EAASb,EAAM,cAAcY,KAGnC,GAAIC,EAAOR,QAAQJ,IAAQY,EAAOC,OAAOb,GAAM,CAE3C,OADuBY,EAAON,KAAKN,EAAK,UACfQ,EAAiBC,CAC9C,CAEA,OAAO,IACX,CAQM,SAAUK,EAAcC,GAC1B,MACMC,EAAOD,EAAU,GACvB,MAAO,GAFOE,KAAKC,MAAMH,EAAU,IAEnBI,WAAWC,SAAS,EAAG,QAAQJ,EAC1CG,WACAC,SAAS,EAAG,MACrB,CASM,SAAUC,EACZC,EACAC,GAKA,OAHyBC,EAAWC,cAAcH,GACrBE,EAAWC,cAAcF,IAE9B,GAAMd,CAClC,CAWM,SAAUiB,EACZC,EACAC,EACAC,EACAC,GAEA,MAAMC,EAAoBP,EAAWC,cAAcG,GAC7CI,EAAkBR,EAAWC,cAAcI,GAEjD,OAAOF,EAAMM,QAAQC,IACjB,GAAIJ,GAAcI,EAAKC,OAASL,EAAY,OAAO,EAEnD,MAAMM,EAAmBZ,EAAWC,cAAcS,EAAKN,WACvD,OACIQ,GAAoBL,GACpBK,EAAmBJ,CAAe,GAG9C,CAWM,SAAUK,EACZV,EACAC,EACAC,EACAC,GAEA,MAAMC,EAAoBP,EAAWC,cAAcG,GAC7CI,EAAkBR,EAAWC,cAAcI,GAEjD,OAAOF,EAAMM,QAAQC,IACjB,GAAIJ,GAAcI,EAAKC,OAASL,EAAY,OAAO,EAEnD,MAAMM,EAAmBZ,EAAWC,cAAcS,EAAKN,WACjDU,EAAiBd,EAAWC,cAAcS,EAAKL,SAGrD,OACIO,EAAmBJ,GACnBM,EAAiBP,CAAiB,GAG9C,CASM,SAAUQ,EACZZ,EACAa,GAEA,MAAMC,EAAkBjB,EAAWC,cAAce,GAEjD,OAAOb,EAAMe,MAAMR,IACf,MAAME,EAAmBZ,EAAWC,cAAcS,EAAKN,WACjDU,EAAiBd,EAAWC,cAAcS,EAAKL,SAErD,OACIY,GAAmBL,GACnBK,EAAkBH,CAAc,GAG5C"}

package/schedule/shared/with-optional-popover.d.ts

@@ -1,9 +1,9 @@
-import { RefObject } from "react";
-import { SchedulePopoverProps } from "../types";
+import type { RefObject } from "react";
+import type { SchedulePopoverProps } from "../types";
 interface ConditionalCellWrapperProps {
     containerRef: RefObject<HTMLDivElement>;
     children: JSX.Element;
-    customPopover?: SchedulePopoverProps | undefined;
+    customPopover?: SchedulePopoverProps;
 }
 export declare const WithOptionalPopover: ({ containerRef, children, customPopover, }: ConditionalCellWrapperProps) => JSX.Element;
 export {};

package/schedule/shared/with-optional-popover.js

@@ -1,6 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import t from"styled-components";import"../../_virtual/_tslib.js";import"react";import"../../theme/index.js";import"../../typography/typography.js";import"../../popover-v2/popover.styles.js";import"../../modal-v2/index.js";import{PopoverTrigger as r}from"../../popover-v2/popover-trigger.js";import"../../popover-v2/popover-inline/popover-inline.styles.js";const e=t(r)`
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-`,p=({containerRef:t,children:r,customPopover:p})=>{if(!p)return r;const i={position:"bottom-start",rootNode:t,customOffset:p.offset,children:r,trigger:p.trigger,delay:p.delay,popoverContent:p.content};return o(e,Object.assign({zIndex:2},i))};export{p as WithOptionalPopover};
+import{jsx as t}from"react/jsx-runtime";import"../../_virtual/_tslib.js";import"clsx";import"react";import"../../theme/theme-provider/context.js";import"../../typography/typography.js";import"../../card/card.styles_1gh9gs3.css";import"../../markup/markup.js";import"../../modal-v2/modal-v2.js";import"../../theme/theme-provider/index.js";import"../../theme/tokens/border.js";import"../../theme/tokens/colour.js";import"../../theme/tokens/font.js";import"../../theme/tokens/media-query.js";import"../../util/calendar-helper.js";import"../../external/dayjs/dayjs.min.js";import"../../util/simple-id-generator.js";import"../../util/string-helper.js";import"@react-aria/live-announcer";import"../../theme/utils/use-media-query.js";import"../../popover/popover.styles_ujnf0h.css";import{PopoverTrigger as e}from"../../popover/popover-trigger.js";import"../../popover/popover-inline/popover-inline.styles_bkopnt.css";import{popoverTrigger as o}from"./with-optional-popover.styles.js";const r=({containerRef:r,children:i,customPopover:p})=>{if(!p)return i;const s={position:"bottom-start",rootNode:r,customOffset:p.offset,children:i,trigger:p.trigger,delay:p.delay,popoverContent:p.content};return t(e,Object.assign({className:o,zIndex:2},s))};export{r as WithOptionalPopover};
 //# sourceMappingURL=with-optional-popover.js.map

package/schedule/shared/with-optional-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"with-optional-popover.js","sources":["../../../src/schedule/shared/with-optional-popover.tsx"],"sourcesContent":["import { RefObject } from \"react\";\nimport styled from \"styled-components\";\nimport { PopoverTrigger, PopoverV2TriggerProps } from \"../../popover-v2\";\nimport { SchedulePopoverProps } from \"../types\";\n\ninterface ConditionalCellWrapperProps {\n    containerRef: RefObject<HTMLDivElement>;\n    children: JSX.Element;\n    customPopover?: SchedulePopoverProps | undefined;\n}\n\nconst StyledPopoverTrigger = styled(PopoverTrigger)`\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const WithOptionalPopover = ({\n    containerRef,\n    children,\n    customPopover,\n}: ConditionalCellWrapperProps) => {\n    if (!customPopover) {\n        return children;\n    }\n\n    const popoverTriggerProps: PopoverV2TriggerProps = {\n        position: \"bottom-start\",\n        rootNode: containerRef,\n        customOffset: customPopover.offset,\n        children: children,\n        trigger: customPopover.trigger,\n        delay: customPopover.delay,\n        popoverContent: customPopover.content,\n    };\n\n    return <StyledPopoverTrigger zIndex={2} {...popoverTriggerProps} />;\n};\n"],"names":["StyledPopoverTrigger","styled","PopoverTrigger","WithOptionalPopover","containerRef","children","customPopover","popoverTriggerProps","position","rootNode","customOffset","offset","trigger","delay","popoverContent","content","_jsx","Object","assign","zIndex"],"mappings":"6YAWA,MAAMA,EAAuBC,EAAOC,EAAe;;;;EAMtCC,EAAsB,EAC/BC,eACAC,WACAC,oBAEA,IAAKA,EACD,OAAOD,EAGX,MAAME,EAA6C,CAC/CC,SAAU,eACVC,SAAUL,EACVM,aAAcJ,EAAcK,OAC5BN,SAAUA,EACVO,QAASN,EAAcM,QACvBC,MAAOP,EAAcO,MACrBC,eAAgBR,EAAcS,SAGlC,OAAOC,EAAChB,EAAoBiB,OAAAC,OAAA,CAACC,OAAQ,GAAOZ,GAAuB"}
+{"version":3,"file":"with-optional-popover.js","sources":["../../../src/schedule/shared/with-optional-popover.tsx"],"sourcesContent":["import type { RefObject } from \"react\";\n\nimport type { PopoverTriggerProps } from \"../../popover\";\nimport { PopoverTrigger } from \"../../popover\";\nimport type { SchedulePopoverProps } from \"../types\";\nimport * as styles from \"./with-optional-popover.styles\";\n\ninterface ConditionalCellWrapperProps {\n    containerRef: RefObject<HTMLDivElement>;\n    children: JSX.Element;\n    customPopover?: SchedulePopoverProps;\n}\n\nexport const WithOptionalPopover = ({\n    containerRef,\n    children,\n    customPopover,\n}: ConditionalCellWrapperProps) => {\n    if (!customPopover) {\n        return children;\n    }\n\n    const popoverTriggerProps: PopoverTriggerProps = {\n        position: \"bottom-start\",\n        rootNode: containerRef,\n        customOffset: customPopover.offset,\n        children: children,\n        trigger: customPopover.trigger,\n        delay: customPopover.delay,\n        popoverContent: customPopover.content,\n    };\n\n    return (\n        <PopoverTrigger\n            className={styles.popoverTrigger}\n            zIndex={2}\n            {...popoverTriggerProps}\n        />\n    );\n};\n"],"names":["WithOptionalPopover","containerRef","children","customPopover","popoverTriggerProps","position","rootNode","customOffset","offset","trigger","delay","popoverContent","content","_jsx","PopoverTrigger","Object","assign","className","styles.popoverTrigger","zIndex"],"mappings":"m/BAaO,MAAMA,EAAsB,EAC/BC,eACAC,WACAC,oBAEA,IAAKA,EACD,OAAOD,EAGX,MAAME,EAA2C,CAC7CC,SAAU,eACVC,SAAUL,EACVM,aAAcJ,EAAcK,OAC5BN,SAAUA,EACVO,QAASN,EAAcM,QACvBC,MAAOP,EAAcO,MACrBC,eAAgBR,EAAcS,SAGlC,OACIC,EAACC,EAAcC,OAAAC,OAAA,CACXC,UAAWC,EACXC,OAAQ,GACJf,GACN"}

package/schedule/shared/with-optional-popover.styles.d.ts

@@ -0,0 +1 @@
+export declare const popoverTrigger: import("@linaria/core").LinariaClassName;

package/schedule/shared/with-optional-popover.styles.js

@@ -0,0 +1,2 @@
+import"./with-optional-popover.styles_7mv3p2.css";const e="p1gm2ee7";export{e as popoverTrigger};
+//# sourceMappingURL=with-optional-popover.styles.js.map

package/schedule/shared/with-optional-popover.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-optional-popover.styles.js","sources":["../../../src/schedule/shared/with-optional-popover.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nexport const popoverTrigger = css`\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n`;\n"],"names":["popoverTrigger"],"mappings":"iFAEO,MAAMA,EAAc"}

package/schedule/shared/with-optional-popover.styles_7mv3p2.css

@@ -0,0 +1 @@
+@layer fds{.p1gm2ee7{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}

package/schedule/time-indicator/time-indicator.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as i,Fragment as r}from"react/jsx-runtime";import{TimeHelper as t}from"../../util/time-helper.js";import{TimeColumnWrapper as m,TimelineCircle as n,TimeColumn as l,TimeLabel as o,HourDisplay as s}from"./time-indicator.styles.js";const c=({minTime:c,maxTime:p,format:u="24hr",timelineOffset:a=null,isWeekView:h=!1})=>{const d=t.generateTimings(30,u,c,p).filter((e=>e.includes(":00")));return e(m,{children:[null!==a&&i(n,{$top:a,$isWeekView:h}),i(l,{children:d.map((t=>{const{hour:m,ampm:n}=function(e){const[i]=e.split(":").map(Number);return{hour:i%12==0?12:i%12,ampm:i<12?"am":"pm"}}(t);return i(o,{children:!(t===c)&&e(r,{children:[i(s,{children:m}),i("span",{children:n})]})},t)}))})]})};export{c as TimeIndicator};
+import{jsxs as e,jsx as t,Fragment as m}from"react/jsx-runtime";import r from"clsx";import{useRef as i}from"react";import"../../theme/theme-provider/index.js";import"../../theme/theme-provider/context.js";import"../../theme/tokens/border.js";import"../../theme/tokens/colour.js";import"../../theme/tokens/font.js";import"../../theme/tokens/media-query.js";import{useApplyStyle as s}from"../../theme/utils/use-apply-styles.js";import"../../theme/utils/use-media-query.js";import{Typography as o}from"../../typography/index.js";import{TimeHelper as n}from"../../util/time-helper.js";import{tokens as l,timeColumnWrapper as p,timelineCircle as a,timelineCircleWeekView as c,timeColumn as u,timeLabel as h,hourDisplay as d}from"./time-indicator.styles.js";const f=({minTime:f,maxTime:j,format:x="24hr",timelineOffset:y=null,isWeekView:N=!1})=>{const k=n.generateTimings(30,x,f,j).filter((e=>e.includes(":00"))),v=i(null);return s(v,{[l.timelineCircle.offset]:null===y?null:`${y}px`}),e("div",{className:p,children:[null!==y&&t("div",{className:r(a,N&&c),ref:v}),t("div",{className:u,children:k.map((r=>{const{hour:i,ampm:s}=function(e){const[t]=e.split(":").map(Number);return{hour:t%12==0?12:t%12,ampm:t<12?"am":"pm"}}(r),n=r===f;return t(o.BodySM,{className:h,children:!n&&e(m,{children:[t("span",{className:d,children:i}),t("span",{children:s})]})},r)}))})]})};export{f as TimeIndicator};
 //# sourceMappingURL=time-indicator.js.map

package/schedule/time-indicator/time-indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-indicator.js","sources":["../../../src/schedule/time-indicator/time-indicator.tsx"],"sourcesContent":["import { TimeHelper } from \"../../util/time-helper\";\nimport {\n    HourDisplay,\n    TimeColumn,\n    TimeColumnWrapper,\n    TimeLabel,\n    TimelineCircle,\n} from \"./time-indicator.styles\";\n\ninterface TimeSlotTimeIndicatorProps {\n    minTime: string;\n    maxTime: string;\n    format: \"12hr\" | \"24hr\";\n    timelineOffset?: number | null;\n    isWeekView?: boolean;\n}\nfunction formatHourLabel(time: string) {\n    const [h] = time.split(\":\").map(Number);\n    const ampm = h < 12 ? \"am\" : \"pm\";\n    const hour = h % 12 === 0 ? 12 : h % 12;\n    return { hour, ampm };\n}\n\nexport const TimeIndicator = ({\n    minTime,\n    maxTime,\n    format = \"24hr\",\n    timelineOffset = null,\n    isWeekView = false,\n}: TimeSlotTimeIndicatorProps) => {\n    const timeSlots = TimeHelper.generateTimings(30, format, minTime, maxTime);\n    const hourLabels = timeSlots.filter((t) => t.includes(\":00\"));\n    return (\n        <TimeColumnWrapper>\n            {timelineOffset !== null && (\n                <TimelineCircle\n                    $top={timelineOffset}\n                    $isWeekView={isWeekView}\n                />\n            )}\n            <TimeColumn>\n                {hourLabels.map((time) => {\n                    const { hour, ampm } = formatHourLabel(time);\n                    const isFirstSlot = time === minTime;\n                    return (\n                        <TimeLabel key={time}>\n                            {!isFirstSlot && (\n                                <>\n                                    <HourDisplay>{hour}</HourDisplay>\n                                    <span>{ampm}</span>\n                                </>\n                            )}\n                        </TimeLabel>\n                    );\n                })}\n            </TimeColumn>\n        </TimeColumnWrapper>\n    );\n};\n"],"names":["TimeIndicator","minTime","maxTime","format","timelineOffset","isWeekView","hourLabels","TimeHelper","generateTimings","filter","t","includes","_jsxs","TimeColumnWrapper","children","_jsx","TimelineCircle","$top","$isWeekView","TimeColumn","map","time","hour","ampm","h","split","Number","formatHourLabel","TimeLabel","_Fragment","HourDisplay"],"mappings":"gQAuBaA,EAAgB,EACzBC,UACAC,UACAC,SAAS,OACTC,iBAAiB,KACjBC,cAAa,MAEb,MACMC,EADYC,EAAWC,gBAAgB,GAAIL,EAAQF,EAASC,GACrCO,QAAQC,GAAMA,EAAEC,SAAS,SACtD,OACIC,EAACC,EAAiB,CAAAC,SAAA,CACM,OAAnBV,GACGW,EAACC,EAAc,CAAAC,KACLb,EAAcc,YACPb,IAGrBU,EAACI,EAAU,CAAAL,SACNR,EAAWc,KAAKC,IACb,MAAMC,KAAEA,EAAIC,KAAEA,GA1BlC,SAAyBF,GACrB,MAAOG,GAAKH,EAAKI,MAAM,KAAKL,IAAIM,QAGhC,MAAO,CAAEJ,KADIE,EAAI,IAAO,EAAI,GAAKA,EAAI,GACtBD,KAFFC,EAAI,GAAK,KAAO,KAGjC,CAqB2CG,CAAgBN,GAEvC,OACIN,EAACa,EAAS,CAAAd,WAFMO,IAASpB,IAIjBW,EAAAiB,EAAA,CAAAf,SAAA,CACIC,EAACe,EAAW,CAAAhB,SAAEQ,IACdP,EAAA,OAAA,CAAAD,SAAOS,QAJHF,EAOJ,QAIR"}
+{"version":3,"file":"time-indicator.js","sources":["../../../src/schedule/time-indicator/time-indicator.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useRef } from \"react\";\n\nimport { useApplyStyle } from \"../../theme\";\nimport { Typography } from \"../../typography\";\nimport { TimeHelper } from \"../../util/time-helper\";\nimport * as styles from \"./time-indicator.styles\";\n\ninterface TimeSlotTimeIndicatorProps {\n    minTime: string;\n    maxTime: string;\n    format: \"12hr\" | \"24hr\";\n    timelineOffset?: number | null;\n    isWeekView?: boolean;\n}\nfunction formatHourLabel(time: string) {\n    const [h] = time.split(\":\").map(Number);\n    const ampm = h < 12 ? \"am\" : \"pm\";\n    const hour = h % 12 === 0 ? 12 : h % 12;\n    return { hour, ampm };\n}\n\nexport const TimeIndicator = ({\n    minTime,\n    maxTime,\n    format = \"24hr\",\n    timelineOffset = null,\n    isWeekView = false,\n}: TimeSlotTimeIndicatorProps) => {\n    const timeSlots = TimeHelper.generateTimings(30, format, minTime, maxTime);\n    const hourLabels = timeSlots.filter((t) => t.includes(\":00\"));\n    const timelineCircleRef = useRef<HTMLDivElement>(null);\n\n    useApplyStyle(timelineCircleRef, {\n        [styles.tokens.timelineCircle.offset]:\n            timelineOffset === null ? null : `${timelineOffset}px`,\n    });\n\n    return (\n        <div className={styles.timeColumnWrapper}>\n            {timelineOffset !== null && (\n                <div\n                    className={clsx(\n                        styles.timelineCircle,\n                        isWeekView && styles.timelineCircleWeekView\n                    )}\n                    ref={timelineCircleRef}\n                />\n            )}\n            <div className={styles.timeColumn}>\n                {hourLabels.map((time) => {\n                    const { hour, ampm } = formatHourLabel(time);\n                    const isFirstSlot = time === minTime;\n                    return (\n                        <Typography.BodySM\n                            className={styles.timeLabel}\n                            key={time}\n                        >\n                            {!isFirstSlot && (\n                                <>\n                                    <span className={styles.hourDisplay}>\n                                        {hour}\n                                    </span>\n                                    <span>{ampm}</span>\n                                </>\n                            )}\n                        </Typography.BodySM>\n                    );\n                })}\n            </div>\n        </div>\n    );\n};\n"],"names":["TimeIndicator","minTime","maxTime","format","timelineOffset","isWeekView","hourLabels","TimeHelper","generateTimings","filter","t","includes","timelineCircleRef","useRef","useApplyStyle","styles.tokens","timelineCircle","offset","_jsxs","className","styles.timeColumnWrapper","children","_jsx","clsx","styles.timelineCircle","styles.timelineCircleWeekView","ref","styles.timeColumn","map","time","hour","ampm","h","split","Number","formatHourLabel","isFirstSlot","Typography","BodySM","styles.timeLabel","_Fragment","styles.hourDisplay"],"mappings":"svBAsBaA,EAAgB,EACzBC,UACAC,UACAC,SAAS,OACTC,iBAAiB,KACjBC,cAAa,MAEb,MACMC,EADYC,EAAWC,gBAAgB,GAAIL,EAAQF,EAASC,GACrCO,QAAQC,GAAMA,EAAEC,SAAS,SAChDC,EAAoBC,EAAuB,MAOjD,OALAC,EAAcF,EAAmB,CAC7B,CAACG,EAAcC,eAAeC,QACP,OAAnBb,EAA0B,KAAO,GAAGA,QAIxCc,SAAKC,UAAWC,EAAwBC,SAAA,CAChB,OAAnBjB,GACGkB,EAAA,MAAA,CACIH,UAAWI,EACPC,EACAnB,GAAcoB,GAElBC,IAAKd,IAGbU,EAAA,MAAA,CAAKH,UAAWQ,EAAiBN,SAC5Bf,EAAWsB,KAAKC,IACb,MAAMC,KAAEA,EAAIC,KAAEA,GApClC,SAAyBF,GACrB,MAAOG,GAAKH,EAAKI,MAAM,KAAKL,IAAIM,QAGhC,MAAO,CAAEJ,KADIE,EAAI,IAAO,EAAI,GAAKA,EAAI,GACtBD,KAFFC,EAAI,GAAK,KAAO,KAGjC,CA+B2CG,CAAgBN,GACjCO,EAAcP,IAAS5B,EAC7B,OACIqB,EAACe,EAAWC,QACRnB,UAAWoB,EAAgBlB,UAGzBe,GACElB,EAAAsB,EAAA,CAAAnB,SAAA,CACIC,EAAA,OAAA,CAAMH,UAAWsB,EAAkBpB,SAC9BS,IAELR,EAAA,OAAA,CAAAD,SAAOU,QAPVF,EAUW,QAI9B"}

package/schedule/time-indicator/time-indicator.styles.d.ts

@@ -1,20 +1,11 @@
-interface TimelineCircleStyleProps {
-    $top: number;
-    $isWeekView: boolean;
-}
-export declare const TimeColumnWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const TimeColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const TimeLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
-} & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never> & Partial<Pick<import("../..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
-} & {
-    as?: import("styled-components").WebTarget | undefined;
-    forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never>>> & string;
-export declare const HourDisplay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-export declare const TimelineCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TimelineCircleStyleProps> & TimelineCircleStyleProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TimelineCircleStyleProps> & TimelineCircleStyleProps, never>>> & string;
-export {};
+export declare const tokens: {
+    timelineCircle: {
+        offset: string;
+    };
+};
+export declare const timeColumnWrapper: import("@linaria/core").LinariaClassName;
+export declare const timeColumn: import("@linaria/core").LinariaClassName;
+export declare const timeLabel: import("@linaria/core").LinariaClassName;
+export declare const hourDisplay: import("@linaria/core").LinariaClassName;
+export declare const timelineCircle: import("@linaria/core").LinariaClassName;
+export declare const timelineCircleWeekView: import("@linaria/core").LinariaClassName;

package/schedule/time-indicator/time-indicator.styles.js

@@ -1,33 +1,2 @@
-import i from"styled-components";import{Colour as o,Border as t,Spacing as e,Font as p,Radius as n}from"../../theme/index.js";import{Typography as r}from"../../typography/typography.js";import{TIME_INDICATOR_WIDTH as s,CELL_HEIGHT as d}from"../const.js";const l=i.div`
-    position: sticky;
-    z-index: 3;
-`,a=i.div`
-    display: flex;
-    flex-direction: column;
-    min-width: ${s}px;
-    background: ${o.bg};
-    border-right: ${t["width-010"]} ${t.solid} ${o.border};
-`,c=i(r.BodySM)`
-    min-height: ${2*d}px; /* 2 slots */
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-    color: ${o["text-subtler"]};
-    padding-right: ${e["spacing-8"]};
-    font-weight: ${p.Spec["weight-bold"]};
-    position: relative;
-`,g=i.span`
-    position: absolute;
-    top: -18px;
-`,$=i.div`
-    position: absolute;
-    right: -6px;
-    top: ${i=>i.$top-6}px;
-    width: ${e["spacing-12"]};
-    height: ${e["spacing-12"]};
-    border-radius: ${n.full};
-    background: ${o["icon-primary"]};
-    z-index: 4;
-    display: ${i=>i.$isWeekView?"none":"block"};
-`;export{g as HourDisplay,a as TimeColumn,l as TimeColumnWrapper,c as TimeLabel,$ as TimelineCircle};
+import"./time-indicator.styles_1eaxyes.css";const t={timelineCircle:{offset:"--fds-internal-schedule-timeIndicator-timelineCircle-top"}},e="t1by6gzt",i="twl5iae",s="t1eau6os",l="h1y5vs3p",c="t1juq8yz",o="t1wl3tbi";export{l as hourDisplay,i as timeColumn,e as timeColumnWrapper,s as timeLabel,c as timelineCircle,o as timelineCircleWeekView,t as tokens};
 //# sourceMappingURL=time-indicator.styles.js.map

package/schedule/time-indicator/time-indicator.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-indicator.styles.js","sources":["../../../src/schedule/time-indicator/time-indicator.styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { Border, Colour, Font, Radius, Spacing } from \"../../theme\";\nimport { Typography } from \"../../typography\";\nimport { CELL_HEIGHT, TIME_INDICATOR_WIDTH } from \"../const\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface TimelineCircleStyleProps {\n    $top: number;\n    $isWeekView: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const TimeColumnWrapper = styled.div`\n    position: sticky;\n    z-index: 3;\n`;\n\nexport const TimeColumn = styled.div`\n    display: flex;\n    flex-direction: column;\n    min-width: ${TIME_INDICATOR_WIDTH}px;\n    background: ${Colour[\"bg\"]};\n    border-right: ${Border[\"width-010\"]} ${Border.solid} ${Colour[\"border\"]};\n`;\n\nexport const TimeLabel = styled(Typography.BodySM)`\n    min-height: ${CELL_HEIGHT * 2}px; /* 2 slots */\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    color: ${Colour[\"text-subtler\"]};\n    padding-right: ${Spacing[\"spacing-8\"]};\n    font-weight: ${Font.Spec[\"weight-bold\"]};\n    position: relative;\n`;\nexport const HourDisplay = styled.span`\n    position: absolute;\n    top: -18px;\n`;\n\nexport const TimelineCircle = styled.div<TimelineCircleStyleProps>`\n    position: absolute;\n    right: -6px;\n    top: ${(props) => props.$top - 6}px;\n    width: ${Spacing[\"spacing-12\"]};\n    height: ${Spacing[\"spacing-12\"]};\n    border-radius: ${Radius[\"full\"]};\n    background: ${Colour[\"icon-primary\"]};\n    z-index: 4;\n    display: ${(props) => (props.$isWeekView ? \"none\" : \"block\")};\n`;\n"],"names":["TimeColumnWrapper","styled","div","TimeColumn","TIME_INDICATOR_WIDTH","Colour","Border","solid","TimeLabel","Typography","BodySM","CELL_HEIGHT","Spacing","Font","Spec","HourDisplay","span","TimelineCircle","props","$top","Radius","$isWeekView"],"mappings":"8PAgBO,MAAMA,EAAoBC,EAAOC,GAAG;;;EAK9BC,EAAaF,EAAOC,GAAG;;;iBAGnBE;kBACCC,EAAW;oBACTC,EAAO,gBAAgBA,EAAOC,SAASF,EAAe;EAG7DG,EAAYP,EAAOQ,EAAWC,OAAO;kBAClB,EAAdC;;;;aAILN,EAAO;qBACCO,EAAQ;mBACVC,EAAKC,KAAK;;EAGhBC,EAAcd,EAAOe,IAAI;;;EAKzBC,EAAiBhB,EAAOC,GAA6B;;;WAGtDgB,GAAUA,EAAMC,KAAO;aACtBP,EAAQ;cACPA,EAAQ;qBACDQ,EAAa;kBAChBf,EAAO;;eAETa,GAAWA,EAAMG,YAAc,OAAS;"}
+{"version":3,"file":"time-indicator.styles.js","sources":["../../../src/schedule/time-indicator/time-indicator.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, Font, Radius, Spacing } from \"../../theme\";\nimport { CELL_HEIGHT, TIME_INDICATOR_WIDTH } from \"../const\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const tokens = {\n    timelineCircle: {\n        offset: \"--fds-internal-schedule-timeIndicator-timelineCircle-top\",\n    },\n};\n\nexport const timeColumnWrapper = css`\n    position: sticky;\n    z-index: 3;\n`;\n\nexport const timeColumn = css`\n    display: flex;\n    flex-direction: column;\n    min-width: ${TIME_INDICATOR_WIDTH}px;\n    background: ${Colour[\"bg\"]};\n    border-right: ${Border[\"width-010\"]} ${Border.solid} ${Colour[\"border\"]};\n`;\n\nexport const timeLabel = css`\n    min-height: ${CELL_HEIGHT * 2}px; /* 2 slots */\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    color: ${Colour[\"text-subtler\"]};\n    padding-right: ${Spacing[\"spacing-8\"]};\n    font-weight: ${Font.Spec[\"weight-bold\"]};\n    position: relative;\n`;\nexport const hourDisplay = css`\n    position: absolute;\n    top: -18px;\n`;\n\nexport const timelineCircle = css`\n    ${tokens.timelineCircle.offset}: 0px;\n    position: absolute;\n    right: -6px;\n    top: calc(var(${tokens.timelineCircle.offset}) - 6px);\n    width: ${Spacing[\"spacing-12\"]};\n    height: ${Spacing[\"spacing-12\"]};\n    border-radius: ${Radius[\"full\"]};\n    background: ${Colour[\"icon-primary\"]};\n    z-index: 4;\n`;\n\nexport const timelineCircleWeekView = css`\n    display: none;\n`;\n"],"names":["tokens","timelineCircle","offset","timeColumnWrapper","timeColumn","timeLabel","hourDisplay","timelineCircleWeekView"],"mappings":"mFAQO,MAAMA,EAAS,CAClBC,eAAgB,CACZC,OAAQ,6DAIHC,EAAiB,WAKjBC,EAAU,UAQVC,EAAS,WAUTC,EAAW,WAKXL,EAAc,WAYdM,EAAsB"}

package/schedule/time-indicator/time-indicator.styles_1eaxyes.css

@@ -0,0 +1,6 @@
+@layer fds{.t1by6gzt{position:-webkit-sticky;position:sticky;z-index:3;}
+.twl5iae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-width:42px;background:var(--fds-colour-bg);border-right:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);}
+.t1eau6os{min-height:96px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;color:var(--fds-colour-text-subtler);padding-right:var(--fds-spacing-8);font-weight:var(--fds-font-weight-bold);position:relative;}
+.h1y5vs3p{position:absolute;top:-18px;}
+.t1juq8yz{--fds-internal-schedule-timeIndicator-timelineCircle-top:0px;position:absolute;right:-6px;top:calc(var(--fds-internal-schedule-timeIndicator-timelineCircle-top) - 6px);width:var(--fds-spacing-12);height:var(--fds-spacing-12);border-radius:var(--fds-radius-full);background:var(--fds-colour-icon-primary);z-index:4;}
+.t1wl3tbi{display:none;}}

package/schedule/types.d.ts

@@ -1,56 +1,185 @@
-import { PopoverV2TriggerType } from "../popover-v2";
+import type { PopoverTriggerType } from "../popover";
+/**
+ * Visual state of a schedule time slot.
+ *
+ * - `"booked"` — the slot has confirmed bookings.
+ * - `"available"` — the slot is open for booking.
+ * - `"blocked"` — the slot is unavailable.
+ * - `"pending"` — the slot is under review or awaiting confirmation.
+ */
 export type ScheduleCellType = "booked" | "available" | "blocked" | "pending";
+/**
+ * The active layout for the schedule.
+ */
 export type ScheduleView = "day" | "week";
+/**
+ * A single entity displayed as a column or carousel item.
+ */
 export interface ScheduleEntityProps {
+    /** Unique identifier. */
     id: string;
+    /** Display name shown in the column header. */
     name: string;
+    /** All time slots belonging to this service across all dates. */
     slots: ScheduleSlotProps[];
 }
+/**
+ * Configuration for a popover attached to a schedule slot.
+ */
 export interface SchedulePopoverProps {
-    trigger: PopoverV2TriggerType;
+    /** Interaction type that opens the popover. */
+    trigger: PopoverTriggerType;
+    /** The popover body. */
     content: string | JSX.Element | (() => React.ReactNode);
+    /**
+     * Open and close delay in milliseconds.
+     */
     delay?: {
         open?: number;
         close?: number;
     } | undefined;
+    /** Distance in pixels between the slot element and the popover. */
     offset?: number | undefined;
 }
+/**
+ * Props for the `Schedule` component.
+ */
 export interface ScheduleProps {
     id?: string | undefined;
     className?: string | undefined;
     "data-testid"?: string | undefined;
+    /**
+     * The layout view.
+     *
+     * @default "day"
+     *
+     * @remarks `"week"` is automatically overridden to `"day"`
+     * on small screens.
+     */
     view?: ScheduleView | undefined;
+    /**
+     * The currently displayed date in `YYYY-MM-DD` format.
+     * Slots are filtered to match this date in the day view.
+     */
     date: string;
+    /**
+     * Message shown inside the empty-state illustration when `serviceData` is
+     * empty.
+     */
     emptyContentMessage?: string | undefined;
+    /**
+     * Array of service entities to render. Each entity maps to a column in the
+     * week view, or to a carousel item in the day view.
+     */
     serviceData: ScheduleEntityProps[];
+    /**
+     * When `true` the schedule renders a loading animation in place of slot
+     * content.
+     *
+     * @default false
+     */
     loading?: boolean | undefined;
+    /**
+     * Earliest time shown on the time axis, in `HH:mm` format.
+     *
+     * @default "00:00"
+     */
     minTime?: string | undefined;
+    /**
+     * Latest time shown on the time axis, in `HH:mm` format.
+     *
+     * @default "23:59"
+     */
     maxTime?: string | undefined;
+    /**
+     * Time the schedule scrolls to on first render, in `HH:mm` format.
+     *
+     * @remarks Falls back to `minTime` when not provided.
+     */
     initialScrollTime?: string | undefined;
+    /** Earliest selectable date in the calendar picker, in `YYYY-MM-DD` format. */
     minDate?: string | undefined;
+    /** Latest selectable date in the calendar picker, in `YYYY-MM-DD` format. */
     maxDate?: string | undefined;
+    /**
+     * Called when the user navigates to the previous day.
+     *
+     * @param currentDate The date that was active before the navigation, in `YYYY-MM-DD` format.
+     */
     onPreviousDayClick: (currentDate: string) => void;
+    /**
+     * Called when the user navigates to the next day.
+     *
+     * @param currentDate The date that was active before the navigation, in `YYYY-MM-DD` format.
+     */
     onNextDayClick: (currentDate: string) => void;
+    /**
+     * Called when the user picks a date from the calendar popover.
+     *
+     * @param currentDate The selected date in `YYYY-MM-DD` format.
+     */
     onCalendarDateSelect: (currentDate: string) => void;
+    /** Called when the user clicks the "Today" button in the header. */
     onTodayClick: () => void;
+    /**
+     * Called when the user clicks a cell without any time slots in the day view.
+     *
+     * @param slot Details about the clicked empty slot.
+     */
     onEmptySlotClick?: ((slot: ScheduleEmptySlotProps) => void) | undefined;
+    /**
+     * When provided, a popover is attached to each empty slot in the day view
+     * instead of calling `onEmptySlotClick` directly.
+     */
     emptySlotPopover?: ((slot: ScheduleEmptySlotProps) => SchedulePopoverProps) | undefined;
+    /** Message displayed inside blocked slots. */
     blockedMessage?: string | undefined;
+    /**
+     * Called in the week view when the user clicks a cell that contains hidden
+     * overflow slots.
+     *
+     * @param hiddenServices Names of the services whose slots are hidden in the
+     * clicked cell.
+     */
     onClickHiddenSlots?: ((hiddenServices: string[]) => void) | undefined;
 }
+/**
+ * A single bookable time slot within a `ScheduleEntityProps`.
+ */
 export interface ScheduleSlotProps {
+    /** Unique identifier for the slot. */
     id: string;
+    /** Slot start time in `HH:mm` format. */
     startTime: string;
+    /** Slot end time in `HH:mm` format. */
     endTime: string;
+    /** Visual state of the slot. */
     status: ScheduleCellType;
+    /** Total number of bookable places in this slot. */
     capacity?: number | undefined;
+    /** Date this slot belongs to in `YYYY-MM-DD` format. */
     date: string | undefined;
+    /** Number of confirmed bookings already made for this slot. */
     booked?: number | undefined;
+    /** Attaches a popover to this slot with custom configuration. */
     customPopover?: SchedulePopoverProps | undefined;
+    /**
+     * Called when the user clicks this slot.
+     *
+     * @param data The full slot data at the time of the click.
+     * @param e The originating mouse event.
+     */
     onClick?: ((data: ScheduleSlotProps, e: React.MouseEvent) => void) | undefined;
 }
+/**
+ * Describes an empty time slot passed to `onEmptySlotClick` and the
+ * `emptySlotPopover`.
+ */
 export interface ScheduleEmptySlotProps {
+    /** Slot start time in `HH:mm` format. */
     startTime: string;
+    /** Slot end time in `HH:mm` format. */
     endTime: string;
+    /** Name of the service this empty slot belongs to. */
     name: string;
 }

package/select-histogram/select-histogram.d.ts

@@ -1,2 +1,8 @@
-import { SelectHistogramProps } from "./types";
+import type { SelectHistogramProps } from "./types";
+/**
+ * A form input that displays the selected range and reveals a histogram slider in a dropdown.
+ *
+ * Use `SelectHistogram` when users need to select a numeric range against a data distribution.
+ * @keywords bins, chart, distribution, field, form, input, range, visualization
+ */
 export declare const SelectHistogram: ({ alignment, className, disabled, dropdownZIndex, error, histogramSlider, id, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, onBlur, onChange, onChangeEnd, optionTruncationType, placeholder, rangeLabelPrefix, rangeLabelSuffix, readOnly, renderRangeLabel, value, dropdownRootNode, ...otherProps }: SelectHistogramProps) => JSX.Element;

package/select-histogram/select-histogram.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../_virtual/_tslib.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useState as t,useRef as a,useEffect as i}from"react";import{HistogramSlider as n}from"../histogram-slider/histogram-slider.js";import"styled-components";import"../theme/index.js";import"../util/string-helper.js";import"../shared/dropdown-list/dropdown-label.styles.js";import"../shared/dropdown-list/dropdown-list.js";import{DropdownListState as l}from"../shared/dropdown-list/dropdown-list-state.js";import{ExpandableElement as d}from"../shared/dropdown-list/expandable-element.js";import"@lifesg/react-icons/caret-right";import"react-virtuoso";import"../button/button.style.js";import"../util/calendar-helper.js";import"../util/date-helper.js";import"../util/date-input-helper.js";import{useId as s}from"../util/simple-id-generator.js";import"@react-aria/live-announcer";import{ElementWithDropdown as p}from"../shared/dropdown-wrapper/element-with-dropdown.js";import"../shared/dropdown-list/dropdown-list.styles.js";import"../shared/dropdown-list/dropdown-search.js";import"immer";import"../external/lodash/_getTag.js";import"../external/lodash/isArguments.js";import"../external/lodash/_baseGetTag.js";import"../external/lodash/isBuffer.js";import"../external/lodash/isTypedArray.js";import"../external/lodash/_Stack.js";import"../external/lodash/_SetCache.js";import"../external/lodash/_equalByTag.js";import"../shared/dropdown-list/nested-dropdown-list.styles.js";import"../shared/dropdown-list/virtuoso-components.js";import{LabelContainer as m}from"../shared/dropdown-wrapper/dropdown-wrapper.styles.js";import{InputBox as h}from"../shared/input-wrapper/input-wrapper.js";import{Typography as c}from"../typography/typography.js";import{HistogramSliderDropdownContainer as u,PlaceholderLabel as g,Label as b,Separator as f}from"./select-histogram.styles.js";const j=j=>{var{alignment:w="left",className:y,disabled:x,dropdownZIndex:v,error:T,histogramSlider:L,id:O,"aria-labelledby":C,"aria-describedby":B,"aria-invalid":R,onBlur:S,onChange:$,onChangeEnd:_,optionTruncationType:E="end",placeholder:N="Select",rangeLabelPrefix:I,rangeLabelSuffix:A,readOnly:F,renderRangeLabel:P,value:V,dropdownRootNode:Z}=j,k=e(j,["alignment","className","disabled","dropdownZIndex","error","histogramSlider","id","aria-labelledby","aria-describedby","aria-invalid","onBlur","onChange","onChangeEnd","optionTruncationType","placeholder","rangeLabelPrefix","rangeLabelSuffix","readOnly","renderRangeLabel","value","dropdownRootNode"]);const{interval:D,bins:q=[],renderEmptyView:G,ariaLabels:H}=L,M=q.map((e=>e.minValue)),W=Math.min(...M),[z,J]=t(de()),[K,Q]=t(!1),[U,X]=t(!1),Y=s(),ee=a(null),re=a(null),oe=a(null),te=k["data-testid"]||"select-histogram";i((()=>{V!==z&&J(de())}),[V]);const ae=e=>{J(e),null==$||$(e)},ie=e=>{J(e),null==_||_(e)},ne=()=>{U||K||X(!0)},le=e=>{U&&!K&&ee.current&&!ee.current.contains(e.relatedTarget)&&(X(!1),null==S||S())};function de(){return null!=V?V:[W,W+D]}const se=e=>P?P(e):o(c.BodyBL,{children:[I,e,A]});return r(l,{children:r(p,{enabled:!F&&!x,isOpen:K,renderElement:()=>r(h,{className:y,"data-testid":te,id:O,ref:ee,tabIndex:-1,onFocus:ne,onBlur:le,$focused:U,$disabled:x,$readOnly:F,$error:T,children:r(d,{ref:re,disabled:x,expanded:K,listboxId:Y,popupRole:"dialog",readOnly:F,variant:"default","aria-labelledby":C,"aria-describedby":B,"aria-invalid":R,children:r(m,{ref:oe,$disabled:x,children:M&&0!==M.length?o(b,{children:[se(z[0]),r(f,{children:"-"}),se(z[1])]}):r(g,{$truncateType:E,$variant:"default",children:N})})})}),renderDropdown:({elementWidth:e,styles:o,setFloatingRef:t,getFloatingProps:a})=>r(u,Object.assign({style:Object.assign(Object.assign({},o),{width:e}),ref:t},a(),{children:r(n,{interval:D,value:z,bins:q,onChange:ae,onChangeEnd:ie,showRangeLabels:!1,renderEmptyView:G,ariaLabels:H})})),onOpen:()=>{Q(!0)},onClose:()=>{Q(!1)},onDismiss:()=>{var e;null===(e=re.current)||void 0===e||e.focus(),Q(!1)},clickToToggle:!0,offset:8,alignment:w,fitAvailableHeight:!0,customZIndex:v,rootNode:Z})})};export{j as SelectHistogram};
+import{__rest as e}from"../_virtual/_tslib.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import i from"clsx";import{useState as t,useRef as a,useEffect as s}from"react";import{HistogramSlider as n}from"../histogram-slider/histogram-slider.js";import"../theme/theme-provider/index.js";import"../theme/theme-provider/context.js";import"../theme/tokens/border.js";import"../theme/tokens/colour.js";import"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import{useId as l}from"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import"../theme/utils/use-media-query.js";import"../shared/dropdown-list/dropdown-label.styles_mloii0.css";import"../shared/dropdown-list/dropdown-list.js";import{DropdownListState as d}from"../shared/dropdown-list/dropdown-list-state.js";import{ExpandableElement as p}from"../shared/dropdown-list/expandable-element.js";import"@lifesg/react-icons/caret-right";import"@lifesg/react-icons/exclamation-circle-fill";import"@lifesg/react-icons/minus-square-fill";import"@lifesg/react-icons/square";import"@lifesg/react-icons/square-tick-fill";import"@lifesg/react-icons/tick";import"react-virtuoso";import"../markup/markup.js";import"../shared/component-loading-spinner/component-loading-spinner.styles_15eq02i.css";import{ElementWithDropdown as m}from"../shared/dropdown-wrapper/element-with-dropdown.js";import{InputBox as c}from"../shared/input-wrapper/input-wrapper.js";import"../shared/dropdown-list/dropdown-list.styles_konwm.css";import"../shared/dropdown-list/dropdown-search.js";import"../shared/dropdown-list/nested-dropdown-list.styles_wdhxoe.css";import"immer";import"../external/lodash/_getTag.js";import"../external/lodash/isArguments.js";import"../external/lodash/_baseGetTag.js";import"../external/lodash/isBuffer.js";import"../external/lodash/isTypedArray.js";import"../external/lodash/_Stack.js";import"../external/lodash/_SetCache.js";import"../external/lodash/_equalByTag.js";import"../shared/dropdown-list/virtuoso-components.js";import{labelContainer as h}from"../shared/dropdown-wrapper/dropdown-wrapper.styles.js";import{Typography as u}from"../typography/index.js";import{histogramSliderDropdownContainer as g,placeholderLabel as f,placeholderLabelTruncateEnd as b,label as j,separator as w}from"./select-histogram.styles.js";const y=y=>{var{alignment:x="left",className:v,disabled:_,dropdownZIndex:T,error:C,histogramSlider:k,id:A,"aria-labelledby":N,"aria-describedby":L,"aria-invalid":I,onBlur:O,onChange:q,onChangeEnd:B,optionTruncationType:P="end",placeholder:R="Select",rangeLabelPrefix:S,rangeLabelSuffix:E,readOnly:G,renderRangeLabel:H,value:M,dropdownRootNode:F}=y,V=e(y,["alignment","className","disabled","dropdownZIndex","error","histogramSlider","id","aria-labelledby","aria-describedby","aria-invalid","onBlur","onChange","onChangeEnd","optionTruncationType","placeholder","rangeLabelPrefix","rangeLabelSuffix","readOnly","renderRangeLabel","value","dropdownRootNode"]);const{interval:Z,bins:D=[],renderEmptyView:W,ariaLabels:$}=k,z=D.map((e=>e.minValue)),J=Math.min(...z),[K,Q]=t(pe()),[U,X]=t(!1),[Y,ee]=t(!1),re=l(),oe=a(null),ie=a(null),te=a(null),ae=V["data-testid"]||"select-histogram";s((()=>{M!==K&&Q(pe())}),[M]);const se=e=>{Q(e),null==q||q(e)},ne=e=>{Q(e),null==B||B(e)},le=()=>{Y||U||ee(!0)},de=e=>{Y&&!U&&oe.current&&!oe.current.contains(e.relatedTarget)&&(ee(!1),null==O||O())};function pe(){return null!=M?M:[J,J+Z]}const me=e=>H?H(e):o(u.BodyBL,{children:[S,e,E]});return r(d,{children:r(m,{enabled:!G&&!_,isOpen:U,renderElement:()=>r(c,{className:v,"data-testid":ae,id:A,ref:oe,tabIndex:-1,onFocus:le,onBlur:de,focused:Y,disabled:_,readOnly:G,error:C,children:r(p,{ref:ie,disabled:_,expanded:U,listboxId:re,popupRole:"dialog",readOnly:G,variant:"default","aria-labelledby":N,"aria-describedby":L,"aria-invalid":I,children:r("div",{className:h,ref:te,"data-disabled":_||void 0,children:z&&0!==z.length?o("div",{className:j,children:[me(K[0]),r("div",{className:w,children:"-"}),me(K[1])]}):r("div",{className:i(f,"middle"!==P&&b),children:R})})})}),renderDropdown:({elementWidth:e,styles:o,setFloatingRef:i,getFloatingProps:t})=>r("div",Object.assign({className:g,style:Object.assign(Object.assign({},o),{width:e}),ref:i,"data-testid":`${ae}-dropdown`},t(),{children:r(n,{interval:Z,value:K,bins:D,onChange:se,onChangeEnd:ne,showRangeLabels:!1,renderEmptyView:W,ariaLabels:$})})),onOpen:()=>{X(!0)},onClose:()=>{X(!1)},onDismiss:()=>{var e;null===(e=ie.current)||void 0===e||e.focus(),X(!1)},clickToToggle:!0,offset:8,alignment:x,fitAvailableHeight:!0,customZIndex:T,rootNode:F})})};export{y as SelectHistogram};
 //# sourceMappingURL=select-histogram.js.map