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

package/cjs/schedule/schedule-week-view/schedule-week-view.styles.js

@@ -1,74 +1,2 @@
-"use strict";var e=require("styled-components"),r=require("../../theme/index.js"),i=require("../../typography/typography.js"),t=require("../const.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=o(e);const n=d.default.div`
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: 25rem;
-    height: 100%;
-    border: ${r.Border["width-010"]} ${r.Border.solid} ${r.Colour.border};
-    border-radius: ${r.Radius.md};
-    background: ${r.Colour.bg};
-`,l=d.default.div`
-    display: grid;
-    grid-template-columns: ${t.TIME_INDICATOR_WIDTH}px repeat(7, 1fr);
-    max-height: ${t.HEADER_HEIGHT}px;
-`,a=d.default.div`
-    min-width: ${t.TIME_INDICATOR_WIDTH}px;
-    position: sticky;
-    z-index: 2;
-`,p=d.default.div`
-    display: grid;
-    grid-template-columns: repeat(7, 1fr);
-    grid-column-start: 2;
-    grid-column-end: 9;
-`,s=d.default.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: flex-end;
-    padding: ${r.Spacing["spacing-24"]};
-    color: ${r.Colour["text-primary"]};
-`,u=d.default(i.Typography.BodyMD)`
-    font-weight: ${r.Font.Spec["weight-semibold"]};
-`,c=d.default.div`
-    display: grid;
-    grid-template-columns: ${t.TIME_INDICATOR_WIDTH}px repeat(7, 1fr);
-    overflow-x: hidden;
-    overflow-y: auto;
-    flex: 1;
-    height: 100%;
-    border: ${r.Border["width-010"]} ${r.Border.solid} ${r.Colour.border};
-`,g=d.default.div`
-    grid-column-start: 2;
-    grid-column-end: 9;
-    display: grid;
-    grid-template-columns: repeat(7, 1fr);
-    min-width: max-content;
-`,f=d.default.div`
-    position: absolute;
-    width: 100%;
-    height: 2px;
-    background: ${r.Colour["icon-primary"]};
-    top: ${e=>e.$top}px;
-    z-index: 2;
-
-    &::before {
-        content: "";
-        position: absolute;
-        left: -6px;
-        top: -6px;
-        width: ${r.Spacing["spacing-12"]};
-        height: ${r.Spacing["spacing-12"]};
-        border-radius: ${r.Radius.full};
-        background: ${r.Colour["icon-primary"]};
-        z-index: 1;
-    }
-`,x=d.default.div`
-    display: flex;
-    position: relative;
-    flex-direction: column;
-    border-right: ${r.Border["width-010"]} ${r.Border.solid} ${r.Colour.border};
-    &:last-child {
-        border-right: none;
-    }
-`;exports.BlankCell=a,exports.BodyContainer=c,exports.Description=u,exports.HeaderContainer=l,exports.LoadingContainer=n,exports.ServiceContainer=p,exports.ServiceHeader=s,exports.SlotColumn=x,exports.SlotGrid=g,exports.Timeline=f;
+"use strict";require("./schedule-week-view.styles_x7x50m.css");exports.blankCell="b155xk04",exports.bodyContainer="b16u8uwa",exports.description="dmchg65",exports.headerContainer="h1595692",exports.loadingContainer="lmprb8g",exports.serviceContainer="snwncax",exports.serviceHeader="s1u9fy4o",exports.slotColumn="sej7vmd",exports.slotGrid="s1w10b64",exports.timeline="tbbbluc",exports.tokens={timeline:{top:"--fds-internal-scheduleWeekView-timeline-top"}};
 //# sourceMappingURL=schedule-week-view.styles.js.map

package/cjs/schedule/schedule-week-view/schedule-week-view.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"schedule-week-view.styles.js","sources":["../../../../src/schedule/schedule-week-view/schedule-week-view.styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { Border, Colour, Font, Radius, Spacing } from \"../../theme\";\nimport { Typography } from \"../../typography\";\nimport { HEADER_HEIGHT, TIME_INDICATOR_WIDTH } from \"../const\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface TimelineStyleProps {\n    $top: number;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const LoadingContainer = styled.div`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-height: 25rem;\n    height: 100%;\n    border: ${Border[\"width-010\"]} ${Border.solid} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"md\"]};\n    background: ${Colour[\"bg\"]};\n`;\n\nexport const HeaderContainer = styled.div`\n    display: grid;\n    grid-template-columns: ${TIME_INDICATOR_WIDTH}px repeat(7, 1fr);\n    max-height: ${HEADER_HEIGHT}px;\n`;\n\nexport const BlankCell = styled.div`\n    min-width: ${TIME_INDICATOR_WIDTH}px;\n    position: sticky;\n    z-index: 2;\n`;\n\nexport const ServiceContainer = styled.div`\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    grid-column-start: 2;\n    grid-column-end: 9;\n`;\n\nexport const ServiceHeader = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-end;\n    padding: ${Spacing[\"spacing-24\"]};\n    color: ${Colour[\"text-primary\"]};\n`;\n\nexport const Description = styled(Typography.BodyMD)`\n    font-weight: ${Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const BodyContainer = styled.div`\n    display: grid;\n    grid-template-columns: ${TIME_INDICATOR_WIDTH}px repeat(7, 1fr);\n    overflow-x: hidden;\n    overflow-y: auto;\n    flex: 1;\n    height: 100%;\n    border: ${Border[\"width-010\"]} ${Border.solid} ${Colour[\"border\"]};\n`;\nexport const SlotGrid = styled.div`\n    grid-column-start: 2;\n    grid-column-end: 9;\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    min-width: max-content;\n`;\n\nexport const Timeline = styled.div<TimelineStyleProps>`\n    position: absolute;\n    width: 100%;\n    height: 2px;\n    background: ${Colour[\"icon-primary\"]};\n    top: ${(props) => props.$top}px;\n    z-index: 2;\n\n    &::before {\n        content: \"\";\n        position: absolute;\n        left: -6px;\n        top: -6px;\n        width: ${Spacing[\"spacing-12\"]};\n        height: ${Spacing[\"spacing-12\"]};\n        border-radius: ${Radius[\"full\"]};\n        background: ${Colour[\"icon-primary\"]};\n        z-index: 1;\n    }\n`;\n\nexport const SlotColumn = styled.div`\n    display: flex;\n    position: relative;\n    flex-direction: column;\n    border-right: ${Border[\"width-010\"]} ${Border.solid} ${Colour[\"border\"]};\n    &:last-child {\n        border-right: none;\n    }\n`;\n"],"names":["LoadingContainer","styled","div","Border","solid","Colour","Radius","HeaderContainer","TIME_INDICATOR_WIDTH","HEADER_HEIGHT","BlankCell","ServiceContainer","ServiceHeader","Spacing","Description","Typography","BodyMD","Font","Spec","BodyContainer","SlotGrid","Timeline","props","$top","SlotColumn"],"mappings":"0OAeO,MAAMA,EAAmBC,EAAAA,QAAOC,GAAG;;;;;;cAM5BC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAOC,SAASC,SAAe;qBAC/CC,EAAAA,OAAW;kBACdD,EAAAA,OAAW;EAGhBE,EAAkBN,EAAAA,QAAOC,GAAG;;6BAEZM;kBACXC;EAGLC,EAAYT,EAAAA,QAAOC,GAAG;iBAClBM;;;EAKJG,EAAmBV,EAAAA,QAAOC,GAAG;;;;;EAO7BU,EAAgBX,EAAAA,QAAOC,GAAG;;;;;eAKxBW,EAAAA,QAAQ;aACVR,EAAAA,OAAO;EAGPS,EAAcb,EAAAA,QAAOc,aAAWC,OAAO;mBACjCC,EAAAA,KAAKC,KAAK;EAGhBC,EAAgBlB,EAAAA,QAAOC,GAAG;;6BAEVM;;;;;cAKfL,EAAAA,OAAO,gBAAgBA,EAAAA,OAAOC,SAASC,SAAe;EAEvDe,EAAWnB,EAAAA,QAAOC,GAAG;;;;;;EAQrBmB,EAAWpB,EAAAA,QAAOC,GAAuB;;;;kBAIpCG,EAAAA,OAAO;WACbiB,GAAUA,EAAMC;;;;;;;;iBAQXV,EAAAA,QAAQ;kBACPA,EAAAA,QAAQ;yBACDP,EAAAA,OAAa;sBAChBD,EAAAA,OAAO;;;EAKhBmB,EAAavB,EAAAA,QAAOC,GAAG;;;;oBAIhBC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAOC,SAASC,SAAe;;;;"}
+{"version":3,"file":"schedule-week-view.styles.js","sources":["../../../../src/schedule/schedule-week-view/schedule-week-view.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, Font, Radius, Spacing } from \"../../theme\";\nimport { HEADER_HEIGHT, TIME_INDICATOR_WIDTH } from \"../const\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const tokens = {\n    timeline: {\n        top: \"--fds-internal-scheduleWeekView-timeline-top\",\n    },\n};\n\nexport const loadingContainer = css`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-height: 25rem;\n    height: 100%;\n    border: ${Border[\"width-010\"]} ${Border.solid} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"md\"]};\n    background: ${Colour[\"bg\"]};\n`;\n\nexport const headerContainer = css`\n    display: grid;\n    grid-template-columns: ${TIME_INDICATOR_WIDTH}px repeat(7, 1fr);\n    max-height: ${HEADER_HEIGHT}px;\n`;\n\nexport const blankCell = css`\n    min-width: ${TIME_INDICATOR_WIDTH}px;\n    position: sticky;\n    z-index: 2;\n`;\n\nexport const serviceContainer = css`\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    grid-column-start: 2;\n    grid-column-end: 9;\n`;\n\nexport const serviceHeader = css`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-end;\n    padding: ${Spacing[\"spacing-24\"]};\n    color: ${Colour[\"text-primary\"]};\n`;\n\nexport const description = css`\n    font-weight: ${Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const bodyContainer = css`\n    display: grid;\n    grid-template-columns: ${TIME_INDICATOR_WIDTH}px repeat(7, 1fr);\n    overflow-x: hidden;\n    overflow-y: auto;\n    flex: 1;\n    height: 100%;\n    border: ${Border[\"width-010\"]} ${Border.solid} ${Colour[\"border\"]};\n`;\nexport const slotGrid = css`\n    grid-column-start: 2;\n    grid-column-end: 9;\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    min-width: max-content;\n`;\n\nexport const timeline = css`\n    ${tokens.timeline.top}: 0px;\n    position: absolute;\n    width: 100%;\n    height: 2px;\n    background: ${Colour[\"icon-primary\"]};\n    top: var(${tokens.timeline.top});\n    z-index: 2;\n\n    &::before {\n        content: \"\";\n        position: absolute;\n        left: -6px;\n        top: -6px;\n        width: ${Spacing[\"spacing-12\"]};\n        height: ${Spacing[\"spacing-12\"]};\n        border-radius: ${Radius[\"full\"]};\n        background: ${Colour[\"icon-primary\"]};\n        z-index: 1;\n    }\n`;\n\nexport const slotColumn = css`\n    display: flex;\n    position: relative;\n    flex-direction: column;\n    border-right: ${Border[\"width-010\"]} ${Border.solid} ${Colour[\"border\"]};\n    &:last-child {\n        border-right: none;\n    }\n`;\n"],"names":["timeline","top"],"mappings":"4HA+BsB,iCA0BI,+BAJF,kCA5BI,oCAXC,mCAuBA,gCAOH,8BAoDH,2BA9BF,4BAQA,yBAlEC,CAClBA,SAAU,CACNC,IAAK"}

package/cjs/schedule/schedule-week-view/schedule-week-view.styles_x7x50m.css

@@ -0,0 +1,10 @@
+@layer fds{.lmprb8g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:25rem;height:100%;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);}
+.h1595692{display:-ms-grid;display:grid;-ms-grid-columns:42px repeat(7, 1fr);grid-template-columns:42px repeat(7, 1fr);max-height:130px;}
+.b155xk04{min-width:42px;position:-webkit-sticky;position:sticky;z-index:2;}
+.snwncax{display:-ms-grid;display:grid;-ms-grid-columns:repeat(7, 1fr);grid-template-columns:repeat(7, 1fr);-ms-grid-column:2;grid-column-start:2;-ms-grid-row-span:7;grid-column-end:9;}
+.s1u9fy4o{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:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;padding:var(--fds-spacing-24);color:var(--fds-colour-text-primary);}
+.dmchg65{font-weight:var(--fds-font-weight-semibold);}
+.b16u8uwa{display:-ms-grid;display:grid;-ms-grid-columns:42px repeat(7, 1fr);grid-template-columns:42px repeat(7, 1fr);overflow-x:hidden;overflow-y:auto;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);}
+.s1w10b64{-ms-grid-column:2;grid-column-start:2;-ms-grid-row-span:7;grid-column-end:9;display:-ms-grid;display:grid;-ms-grid-columns:repeat(7, 1fr);grid-template-columns:repeat(7, 1fr);min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;}
+.tbbbluc{--fds-internal-scheduleWeekView-timeline-top:0px;position:absolute;width:100%;height:2px;background:var(--fds-colour-icon-primary);top:var(--fds-internal-scheduleWeekView-timeline-top);z-index:2;}.tbbbluc::before{content:"";position:absolute;left:-6px;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:1;}
+.sej7vmd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-right:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);}.sej7vmd:last-child{border-right:none;}}

package/cjs/schedule/schedule-week-view/time-cell.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("../shared/utils.js");require("react");var i=require("../shared/with-optional-popover.js"),r=require("./time-cell.styles.js"),n=require("./slot-content.js"),l=require("./week-view-utils.js"),s=require("../../util/time-helper.js");exports.TimeCell=({dayDate:o,time:d,serviceData:a,slotLayoutMap:m,containerRef:u,blockedMessage:c,onClickHiddenSlots:h})=>{const v=s.TimeHelper.timeToMinutes(d),T=t.minutesToTime(v+30),p=l.getSlotsStartingInTimeCell(a,o,d,T),S=l.getSlotsInTimeCell(a,o,d,T),g=l.getMinimumWidthForCell(S,m),f=S.filter((e=>{const t=e.id,i=m[t];return(null==i?void 0:i.visible)||!1})),j=S.filter((e=>{const t=e.id,i=m[t];return!(null==i?void 0:i.visible)})),C=(()=>{const e=s.TimeHelper.timeToMinutes(d),i={start:t.minutesToTime(e),end:t.minutesToTime(e+15)},r={start:t.minutesToTime(e+15),end:t.minutesToTime(e+30)},n=j.filter((t=>{const i=s.TimeHelper.timeToMinutes(t.startTime),r=s.TimeHelper.timeToMinutes(t.endTime);return i<e+15&&r>e})),l=j.filter((t=>{const i=s.TimeHelper.timeToMinutes(t.startTime),r=s.TimeHelper.timeToMinutes(t.endTime);return i<e+30&&r>e+15})),o=Array.from(new Set(n.map((e=>e.serviceName)))),a=Array.from(new Set(l.map((e=>e.serviceName))));return!(o.length!==a.length||!o.every((e=>a.includes(e))))&&o.length>0?[{interval:{start:i.start,end:r.end},hiddenSlots:j,hiddenServices:o}]:[{interval:i,hiddenSlots:n,hiddenServices:o},{interval:r,hiddenSlots:l,hiddenServices:a}].filter((e=>e.hiddenServices.length>0))})(),M=l.calculateCellServiceLayout(f,j),$=g;return e.jsxs(r.SlotCell,{$dashed:d.endsWith(":00"),children:[M.visibleServices.map(((l,s)=>{const o=p.filter((e=>{const t=e.id,i=m[t];return e.serviceName===l&&(null==i?void 0:i.visible)})),a=s*$;return e.jsx(r.SlotColumnOverlay,{$actualWidthPercentage:$,$leftPosition:a,children:o.map(((r,l)=>((r,l,s)=>{const o={slot:r,column:s,offsetTop:t.calculateSlotOffset(r.startTime,d)};return e.jsx(i.WithOptionalPopover,{containerRef:u,customPopover:r.customPopover,children:e.jsx(n.SlotContent,{positionedSlot:o,blockedMessage:c})},`${r.id||l}-${l}`)})(r,l,s)))},l)})),C.length>0&&(0===C.length?null:e.jsx(r.SlotColumnOverlay,{$actualWidthPercentage:$,$leftPosition:3*$,children:C.map((t=>e.jsxs(r.HiddenColumns,{$heightPercentage:100/C.length,onClick:()=>{null==h||h(t.hiddenServices)},children:["+",t.hiddenServices.length]},`hidden-btn-${t.interval.start}-${t.interval.end}`)))},"hidden-slots-column"))]},d)};
+"use strict";var e=require("react/jsx-runtime"),t=require("clsx"),i=require("react");require("../../theme/theme-provider/index.js"),require("../../theme/theme-provider/context.js"),require("../../theme/tokens/border.js"),require("../../theme/tokens/colour.js"),require("../../theme/tokens/font.js"),require("../../theme/tokens/media-query.js");var n=require("../../theme/utils/use-apply-styles.js");require("../../theme/utils/use-media-query.js");var l=require("../../util/time-helper.js"),s=require("../shared/utils.js"),r=require("../schedule-slot-content/schedule-slot-content.js"),o=require("../shared/with-optional-popover.js"),a=require("./time-cell.styles.js"),c=require("./week-view-utils.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=u(t);const m=({actualWidthPercentage:t,leftPosition:l,children:s})=>{const r=i.useRef(null);return n.useApplyStyle(r,{[a.tokens.slotColumnOverlay.leftPosition]:`${l}`,[a.tokens.slotColumnOverlay.actualWidthPercentage]:`${t}`}),e.jsx("div",{className:a.slotColumnOverlay,ref:r,children:s})},h=({heightPercentage:t,onClick:l,children:s})=>{const r=i.useRef(null);return n.useApplyStyle(r,{[a.tokens.hiddenColumns.minHeight]:`${t}%`,[a.tokens.hiddenColumns.height]:`${t}%`}),e.jsx("button",{className:a.hiddenColumns,ref:r,onClick:l,type:"button",children:s})};exports.TimeCell=({dayDate:t,time:i,serviceData:n,slotLayoutMap:u,containerRef:v,blockedMessage:p,onClickHiddenSlots:T})=>{const C=l.TimeHelper.timeToMinutes(i),f=s.minutesToTime(C+30),j=c.getSlotsStartingInTimeCell(n,t,i,f),g=c.getSlotsInTimeCell(n,t,i,f),k=c.getMinimumWidthForCell(g,u),S=g.filter((e=>{const t=e.id,i=u[t];return(null==i?void 0:i.visible)||!1})),y=g.filter((e=>{const t=e.id,i=u[t];return!(null==i?void 0:i.visible)})),q=(e,t)=>y.filter((i=>{const n=l.TimeHelper.timeToMinutes(i.startTime),s=l.TimeHelper.timeToMinutes(i.endTime);return n<t&&s>e})),b=e=>Array.from(new Set(e.map((e=>e.serviceName)))),x=(()=>{const e=l.TimeHelper.timeToMinutes(i),t={start:s.minutesToTime(e),end:s.minutesToTime(e+15)},n={start:s.minutesToTime(e+15),end:s.minutesToTime(e+30)},r=q(e,e+15),o=q(e+15,e+30),a=b(r),c=b(o);return!(a.length!==c.length||!a.every((e=>c.includes(e))))&&a.length>0?[{interval:{start:t.start,end:n.end},hiddenSlots:y,hiddenServices:a}]:[{interval:t,hiddenSlots:r,hiddenServices:a},{interval:n,hiddenSlots:o,hiddenServices:c}].filter((e=>e.hiddenServices.length>0))})(),P=c.calculateCellServiceLayout(S,y),N=k;return e.jsxs("div",{className:d.default(a.slotCell,i.endsWith(":00")&&a.slotCellDashed),children:[P.visibleServices.map(((t,n)=>{const c=j.filter((e=>{const i=e.id,n=u[i];return e.serviceName===t&&(null==n?void 0:n.visible)})),d=n*N;return e.jsx(m,{actualWidthPercentage:N,leftPosition:d,children:c.map(((t,n)=>((t,n)=>{const c=s.calculateSlotOffset(t.startTime,i),u=l.TimeHelper.calculateDuration(t.startTime,t.endTime);return e.jsx(o.WithOptionalPopover,{containerRef:v,customPopover:t.customPopover,children:e.jsxs(r.ScheduleSlotContent,{slot:t,offsetTop:c,tokens:a.tokens.slotContentContainer,classNames:{container:a.slotContentContainer,blocked:a.slotContentContainerBlocked,available:a.slotContentContainerAvailable},clickable:!!t.onClick,children:[e.jsx("span",{className:a.slotServiceName,children:t.serviceName}),u>=30&&e.jsx("span",{className:a.slotAvailability,children:"blocked"===t.status?p:`${t.booked} / ${t.capacity}`})]})},`${t.id||n}-${n}`)})(t,n)))},t)})),x.length>0&&(0===x.length?null:e.jsx(m,{actualWidthPercentage:N,leftPosition:3*N,children:x.map((t=>e.jsxs(h,{heightPercentage:100/x.length,onClick:()=>{null==T||T(t.hiddenServices)},children:["+",t.hiddenServices.length]},`hidden-btn-${t.interval.start}-${t.interval.end}`)))},"hidden-slots-column"))]},i)};
 //# sourceMappingURL=time-cell.js.map

package/cjs/schedule/schedule-week-view/time-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-cell.js","sources":["../../../../src/schedule/schedule-week-view/time-cell.tsx"],"sourcesContent":["import React, { RefObject } from \"react\";\nimport { ScheduleEntityProps } from \"../types\";\nimport { SlotLayoutMap, SlotWithService } from \"./types\";\nimport { calculateSlotOffset, minutesToTime } from \"../shared\";\nimport { WithOptionalPopover } from \"../shared/with-optional-popover\";\nimport { HiddenColumns, SlotCell, SlotColumnOverlay } from \"./time-cell.styles\";\nimport { SlotContent } from \"./slot-content\";\nimport {\n    calculateCellServiceLayout,\n    getMinimumWidthForCell,\n    getSlotsInTimeCell,\n    getSlotsStartingInTimeCell,\n} from \"./week-view-utils\";\nimport { TimeHelper } from \"../../util/time-helper\";\n\ninterface TimeCellProps {\n    dayDate: string;\n    time: string;\n    serviceData: ScheduleEntityProps[];\n    slotLayoutMap: SlotLayoutMap;\n    containerRef: RefObject<HTMLDivElement>;\n    blockedMessage?: string;\n    onClickHiddenSlots?: (hiddenServices: string[]) => void;\n}\n\nexport const TimeCell: React.FC<TimeCellProps> = ({\n    dayDate,\n    time,\n    serviceData,\n    slotLayoutMap,\n    containerRef,\n    blockedMessage,\n    onClickHiddenSlots,\n}) => {\n    // =============================================================================\n    // COMPUTED VALUES\n    // =============================================================================\n    const timeMinutes = TimeHelper.timeToMinutes(time);\n    const nextTime = minutesToTime(timeMinutes + 30);\n\n    const slotsStartingInCell = getSlotsStartingInTimeCell(\n        serviceData,\n        dayDate,\n        time,\n        nextTime\n    );\n\n    const slotsInCell = getSlotsInTimeCell(\n        serviceData,\n        dayDate,\n        time,\n        nextTime\n    );\n\n    const minimumWidthForCell = getMinimumWidthForCell(\n        slotsInCell,\n        slotLayoutMap\n    );\n\n    // =============================================================================\n    // SLOT FILTERING\n    // =============================================================================\n    // Filter slots based on visibility from slotLayoutMap\n    const visibleOverlappingSlots = slotsInCell.filter((slot) => {\n        const slotKey = slot.id;\n        const slotLayout = slotLayoutMap[slotKey];\n        return slotLayout?.visible || false;\n    });\n\n    const hiddenOverlappingSlots = slotsInCell.filter((slot) => {\n        const slotKey = slot.id;\n        const slotLayout = slotLayoutMap[slotKey];\n        return !slotLayout?.visible;\n    });\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    // Calculate 15-minute intervals within this 30-minute cell\n    const calculateHiddenSlotsFor15MinIntervals = () => {\n        const timeMinutes = TimeHelper.timeToMinutes(time);\n        const firstInterval = {\n            start: minutesToTime(timeMinutes),\n            end: minutesToTime(timeMinutes + 15),\n        };\n        const secondInterval = {\n            start: minutesToTime(timeMinutes + 15),\n            end: minutesToTime(timeMinutes + 30),\n        };\n\n        // Get hidden slots for first 15-minute interval\n        const hiddenSlotsFirstInterval = hiddenOverlappingSlots.filter(\n            (slot) => {\n                const slotStartMinutes = TimeHelper.timeToMinutes(\n                    slot.startTime\n                );\n                const slotEndMinutes = TimeHelper.timeToMinutes(slot.endTime);\n                // Slot overlaps with first 15-minute interval\n                return (\n                    slotStartMinutes < timeMinutes + 15 &&\n                    slotEndMinutes > timeMinutes\n                );\n            }\n        );\n\n        // Get hidden slots for second 15-minute interval\n        const hiddenSlotsSecondInterval = hiddenOverlappingSlots.filter(\n            (slot) => {\n                const slotStartMinutes = TimeHelper.timeToMinutes(\n                    slot.startTime\n                );\n                const slotEndMinutes = TimeHelper.timeToMinutes(slot.endTime);\n                // Slot overlaps with second 15-minute interval\n                return (\n                    slotStartMinutes < timeMinutes + 30 &&\n                    slotEndMinutes > timeMinutes + 15\n                );\n            }\n        );\n\n        const firstIntervalServices = Array.from(\n            new Set(hiddenSlotsFirstInterval.map((slot) => slot.serviceName))\n        );\n        const secondIntervalServices = Array.from(\n            new Set(hiddenSlotsSecondInterval.map((slot) => slot.serviceName))\n        );\n\n        // Check if the services are different between intervals\n        const servicesAreDifferent =\n            firstIntervalServices.length !== secondIntervalServices.length ||\n            !firstIntervalServices.every((service) =>\n                secondIntervalServices.includes(service)\n            );\n\n        // If services are the same for both intervals, show only one button for the whole cell\n        if (!servicesAreDifferent && firstIntervalServices.length > 0) {\n            return [\n                {\n                    interval: {\n                        start: firstInterval.start,\n                        end: secondInterval.end,\n                    },\n                    hiddenSlots: hiddenOverlappingSlots,\n                    hiddenServices: firstIntervalServices,\n                },\n            ];\n        }\n\n        // Otherwise, show separate buttons for each interval that has hidden services\n        return [\n            {\n                interval: firstInterval,\n                hiddenSlots: hiddenSlotsFirstInterval,\n                hiddenServices: firstIntervalServices,\n            },\n            {\n                interval: secondInterval,\n                hiddenSlots: hiddenSlotsSecondInterval,\n                hiddenServices: secondIntervalServices,\n            },\n        ].filter((intervalData) => intervalData.hiddenServices.length > 0);\n    };\n\n    const hiddenIntervals = calculateHiddenSlotsFor15MinIntervals();\n\n    const cellServiceLayout = calculateCellServiceLayout(\n        visibleOverlappingSlots,\n        hiddenOverlappingSlots\n    );\n\n    const actualWidthPercentage = minimumWidthForCell;\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderSlotWithPopover = (\n        slot: SlotWithService,\n        slotIndex: number,\n        serviceIndex: number\n    ) => {\n        const offsetTop = calculateSlotOffset(slot.startTime, time);\n        const positionedSlot = {\n            slot,\n            column: serviceIndex,\n            offsetTop,\n        };\n\n        return (\n            <WithOptionalPopover\n                key={`${slot.id || slotIndex}-${slotIndex}`}\n                containerRef={containerRef}\n                customPopover={slot.customPopover}\n            >\n                <SlotContent\n                    positionedSlot={positionedSlot}\n                    blockedMessage={blockedMessage}\n                />\n            </WithOptionalPopover>\n        );\n    };\n\n    const renderHiddenSlots = () => {\n        if (hiddenIntervals.length === 0) return null;\n\n        return (\n            <SlotColumnOverlay\n                key=\"hidden-slots-column\"\n                $actualWidthPercentage={actualWidthPercentage}\n                $leftPosition={3 * actualWidthPercentage}\n            >\n                {hiddenIntervals.map((intervalData) => (\n                    <HiddenColumns\n                        key={`hidden-btn-${intervalData.interval.start}-${intervalData.interval.end}`}\n                        $heightPercentage={100 / hiddenIntervals.length}\n                        onClick={() => {\n                            onClickHiddenSlots?.(intervalData.hiddenServices);\n                        }}\n                    >\n                        +{intervalData.hiddenServices.length}\n                    </HiddenColumns>\n                ))}\n            </SlotColumnOverlay>\n        );\n    };\n\n    return (\n        <SlotCell key={time} $dashed={time.endsWith(\":00\")}>\n            {cellServiceLayout.visibleServices.map(\n                (serviceName, serviceIndex) => {\n                    const serviceSlots = slotsStartingInCell.filter((slot) => {\n                        const slotKey = slot.id;\n                        const slotLayout = slotLayoutMap[slotKey];\n                        return (\n                            slot.serviceName === serviceName &&\n                            slotLayout?.visible\n                        );\n                    });\n\n                    const leftPosition = serviceIndex * actualWidthPercentage;\n\n                    return (\n                        <SlotColumnOverlay\n                            key={serviceName}\n                            $actualWidthPercentage={actualWidthPercentage}\n                            $leftPosition={leftPosition}\n                        >\n                            {serviceSlots.map((slot, slotIndex) =>\n                                renderSlotWithPopover(\n                                    slot,\n                                    slotIndex,\n                                    serviceIndex\n                                )\n                            )}\n                        </SlotColumnOverlay>\n                    );\n                }\n            )}\n            {hiddenIntervals.length > 0 && renderHiddenSlots()}\n        </SlotCell>\n    );\n};\n"],"names":["dayDate","time","serviceData","slotLayoutMap","containerRef","blockedMessage","onClickHiddenSlots","timeMinutes","TimeHelper","timeToMinutes","nextTime","minutesToTime","slotsStartingInCell","getSlotsStartingInTimeCell","slotsInCell","getSlotsInTimeCell","minimumWidthForCell","getMinimumWidthForCell","visibleOverlappingSlots","filter","slot","slotKey","id","slotLayout","visible","hiddenOverlappingSlots","hiddenIntervals","firstInterval","start","end","secondInterval","hiddenSlotsFirstInterval","slotStartMinutes","startTime","slotEndMinutes","endTime","hiddenSlotsSecondInterval","firstIntervalServices","Array","from","Set","map","serviceName","secondIntervalServices","length","every","service","includes","interval","hiddenSlots","hiddenServices","intervalData","calculateHiddenSlotsFor15MinIntervals","cellServiceLayout","calculateCellServiceLayout","actualWidthPercentage","_jsxs","SlotCell","$dashed","endsWith","children","visibleServices","serviceIndex","serviceSlots","leftPosition","_jsx","SlotColumnOverlay","$actualWidthPercentage","$leftPosition","slotIndex","positionedSlot","column","offsetTop","calculateSlotOffset","WithOptionalPopover","customPopover","SlotContent","renderSlotWithPopover","HiddenColumns","onClick"],"mappings":"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"}
+{"version":3,"file":"time-cell.js","sources":["../../../../src/schedule/schedule-week-view/time-cell.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport type { RefObject } from \"react\";\nimport type React from \"react\";\nimport { useRef } from \"react\";\n\nimport { useApplyStyle } from \"../../theme\";\nimport { TimeHelper } from \"../../util/time-helper\";\nimport { calculateSlotOffset, minutesToTime } from \"../schedule-slot-content\";\nimport { ScheduleSlotContent } from \"../schedule-slot-content/schedule-slot-content\";\nimport { WithOptionalPopover } from \"../shared/with-optional-popover\";\nimport type { ScheduleEntityProps } from \"../types\";\nimport * as styles from \"./time-cell.styles\";\nimport type { SlotLayoutMap, SlotWithService } from \"./types\";\nimport {\n    calculateCellServiceLayout,\n    getMinimumWidthForCell,\n    getSlotsInTimeCell,\n    getSlotsStartingInTimeCell,\n} from \"./week-view-utils\";\n\ninterface TimeCellProps {\n    dayDate: string;\n    time: string;\n    serviceData: ScheduleEntityProps[];\n    slotLayoutMap: SlotLayoutMap;\n    containerRef: RefObject<HTMLDivElement>;\n    blockedMessage?: string;\n    onClickHiddenSlots?: (hiddenServices: string[]) => void;\n}\n\ninterface SlotOverlayProps {\n    actualWidthPercentage: number;\n    leftPosition: number;\n    children: React.ReactNode;\n}\n\nconst SlotOverlay = ({\n    actualWidthPercentage,\n    leftPosition,\n    children,\n}: SlotOverlayProps) => {\n    const overlayRef = useRef<HTMLDivElement>(null);\n\n    useApplyStyle(overlayRef, {\n        [styles.tokens.slotColumnOverlay.leftPosition]: `${leftPosition}`,\n        [styles.tokens.slotColumnOverlay\n            .actualWidthPercentage]: `${actualWidthPercentage}`,\n    });\n\n    return (\n        <div className={styles.slotColumnOverlay} ref={overlayRef}>\n            {children}\n        </div>\n    );\n};\n\ninterface HiddenColumnsButtonProps {\n    heightPercentage: number;\n    onClick: () => void;\n    children: React.ReactNode;\n}\n\nconst HiddenColumnsButton = ({\n    heightPercentage,\n    onClick,\n    children,\n}: HiddenColumnsButtonProps) => {\n    const hiddenColumnsRef = useRef<HTMLButtonElement>(null);\n\n    useApplyStyle(hiddenColumnsRef, {\n        [styles.tokens.hiddenColumns.minHeight]: `${heightPercentage}%`,\n        [styles.tokens.hiddenColumns.height]: `${heightPercentage}%`,\n    });\n\n    return (\n        <button\n            className={styles.hiddenColumns}\n            ref={hiddenColumnsRef}\n            onClick={onClick}\n            type=\"button\"\n        >\n            {children}\n        </button>\n    );\n};\n\nexport const TimeCell: React.FC<TimeCellProps> = ({\n    dayDate,\n    time,\n    serviceData,\n    slotLayoutMap,\n    containerRef,\n    blockedMessage,\n    onClickHiddenSlots,\n}) => {\n    // =============================================================================\n    // COMPUTED VALUES\n    // =============================================================================\n    const timeMinutes = TimeHelper.timeToMinutes(time);\n    const nextTime = minutesToTime(timeMinutes + 30);\n\n    const slotsStartingInCell = getSlotsStartingInTimeCell(\n        serviceData,\n        dayDate,\n        time,\n        nextTime\n    );\n\n    const slotsInCell = getSlotsInTimeCell(\n        serviceData,\n        dayDate,\n        time,\n        nextTime\n    );\n\n    const minimumWidthForCell = getMinimumWidthForCell(\n        slotsInCell,\n        slotLayoutMap\n    );\n\n    // =============================================================================\n    // SLOT FILTERING\n    // =============================================================================\n    // Filter slots based on visibility from slotLayoutMap\n    const visibleOverlappingSlots = slotsInCell.filter((slot) => {\n        const slotKey = slot.id;\n        const slotLayout = slotLayoutMap[slotKey];\n        return slotLayout?.visible || false;\n    });\n\n    const hiddenOverlappingSlots = slotsInCell.filter((slot) => {\n        const slotKey = slot.id;\n        const slotLayout = slotLayoutMap[slotKey];\n        return !slotLayout?.visible;\n    });\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const getHiddenSlotsInRange = (rangeStart: number, rangeEnd: number) => {\n        return hiddenOverlappingSlots.filter((slot) => {\n            const slotStartMinutes = TimeHelper.timeToMinutes(slot.startTime);\n            const slotEndMinutes = TimeHelper.timeToMinutes(slot.endTime);\n\n            return slotStartMinutes < rangeEnd && slotEndMinutes > rangeStart;\n        });\n    };\n\n    const getHiddenServices = (slots: SlotWithService[]) => {\n        return Array.from(new Set(slots.map((slot) => slot.serviceName)));\n    };\n\n    // Calculate 15-minute intervals within this 30-minute cell\n    const calculateHiddenSlotsFor15MinIntervals = () => {\n        const timeMinutes = TimeHelper.timeToMinutes(time);\n        const firstInterval = {\n            start: minutesToTime(timeMinutes),\n            end: minutesToTime(timeMinutes + 15),\n        };\n        const secondInterval = {\n            start: minutesToTime(timeMinutes + 15),\n            end: minutesToTime(timeMinutes + 30),\n        };\n\n        // Get hidden slots for first 15-minute interval\n        const hiddenSlotsFirstInterval = getHiddenSlotsInRange(\n            // Slot overlaps with first 15-minute interval\n            timeMinutes,\n            timeMinutes + 15\n        );\n        // Get hidden slots for second 15-minute interval\n        const hiddenSlotsSecondInterval = getHiddenSlotsInRange(\n            // Slot overlaps with second 15-minute interval\n            timeMinutes + 15,\n            timeMinutes + 30\n        );\n\n        const firstIntervalServices = getHiddenServices(\n            hiddenSlotsFirstInterval\n        );\n        const secondIntervalServices = getHiddenServices(\n            hiddenSlotsSecondInterval\n        );\n\n        // Check if the services are different between intervals\n        const servicesAreDifferent =\n            firstIntervalServices.length !== secondIntervalServices.length ||\n            !firstIntervalServices.every((service) =>\n                secondIntervalServices.includes(service)\n            );\n\n        // If services are the same for both intervals, show only one button for the whole cell\n        if (!servicesAreDifferent && firstIntervalServices.length > 0) {\n            return [\n                {\n                    interval: {\n                        start: firstInterval.start,\n                        end: secondInterval.end,\n                    },\n                    hiddenSlots: hiddenOverlappingSlots,\n                    hiddenServices: firstIntervalServices,\n                },\n            ];\n        }\n\n        // Otherwise, show separate buttons for each interval that has hidden services\n        return [\n            {\n                interval: firstInterval,\n                hiddenSlots: hiddenSlotsFirstInterval,\n                hiddenServices: firstIntervalServices,\n            },\n            {\n                interval: secondInterval,\n                hiddenSlots: hiddenSlotsSecondInterval,\n                hiddenServices: secondIntervalServices,\n            },\n        ].filter((intervalData) => intervalData.hiddenServices.length > 0);\n    };\n\n    const hiddenIntervals = calculateHiddenSlotsFor15MinIntervals();\n\n    const cellServiceLayout = calculateCellServiceLayout(\n        visibleOverlappingSlots,\n        hiddenOverlappingSlots\n    );\n\n    const actualWidthPercentage = minimumWidthForCell;\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderSlotWithPopover = (\n        slot: SlotWithService,\n        slotIndex: number\n    ) => {\n        const offsetTop = calculateSlotOffset(slot.startTime, time);\n        const duration = TimeHelper.calculateDuration(\n            slot.startTime,\n            slot.endTime\n        );\n\n        return (\n            <WithOptionalPopover\n                key={`${slot.id || slotIndex}-${slotIndex}`}\n                containerRef={containerRef}\n                customPopover={slot.customPopover}\n            >\n                <ScheduleSlotContent\n                    slot={slot}\n                    offsetTop={offsetTop}\n                    tokens={styles.tokens.slotContentContainer}\n                    classNames={{\n                        container: styles.slotContentContainer,\n                        blocked: styles.slotContentContainerBlocked,\n                        available: styles.slotContentContainerAvailable,\n                    }}\n                    clickable={!!slot.onClick}\n                >\n                    <span className={styles.slotServiceName}>\n                        {slot.serviceName}\n                    </span>\n                    {duration >= 30 && (\n                        <span className={styles.slotAvailability}>\n                            {slot.status === \"blocked\"\n                                ? blockedMessage\n                                : `${slot.booked} / ${slot.capacity}`}\n                        </span>\n                    )}\n                </ScheduleSlotContent>\n            </WithOptionalPopover>\n        );\n    };\n\n    const renderHiddenSlots = () => {\n        if (hiddenIntervals.length === 0) return null;\n\n        return (\n            <SlotOverlay\n                key=\"hidden-slots-column\"\n                actualWidthPercentage={actualWidthPercentage}\n                leftPosition={3 * actualWidthPercentage}\n            >\n                {hiddenIntervals.map((intervalData) => (\n                    <HiddenColumnsButton\n                        key={`hidden-btn-${intervalData.interval.start}-${intervalData.interval.end}`}\n                        heightPercentage={100 / hiddenIntervals.length}\n                        onClick={() => {\n                            onClickHiddenSlots?.(intervalData.hiddenServices);\n                        }}\n                    >\n                        +{intervalData.hiddenServices.length}\n                    </HiddenColumnsButton>\n                ))}\n            </SlotOverlay>\n        );\n    };\n\n    return (\n        <div\n            key={time}\n            className={clsx(\n                styles.slotCell,\n                time.endsWith(\":00\") && styles.slotCellDashed\n            )}\n        >\n            {cellServiceLayout.visibleServices.map(\n                (serviceName, serviceIndex) => {\n                    const serviceSlots = slotsStartingInCell.filter((slot) => {\n                        const slotKey = slot.id;\n                        const slotLayout = slotLayoutMap[slotKey];\n                        return (\n                            slot.serviceName === serviceName &&\n                            slotLayout?.visible\n                        );\n                    });\n\n                    const leftPosition = serviceIndex * actualWidthPercentage;\n\n                    return (\n                        <SlotOverlay\n                            key={serviceName}\n                            actualWidthPercentage={actualWidthPercentage}\n                            leftPosition={leftPosition}\n                        >\n                            {serviceSlots.map((slot, slotIndex) =>\n                                renderSlotWithPopover(slot, slotIndex)\n                            )}\n                        </SlotOverlay>\n                    );\n                }\n            )}\n            {hiddenIntervals.length > 0 && renderHiddenSlots()}\n        </div>\n    );\n};\n"],"names":["SlotOverlay","actualWidthPercentage","leftPosition","children","overlayRef","useRef","useApplyStyle","styles.tokens","slotColumnOverlay","_jsx","className","styles.slotColumnOverlay","ref","HiddenColumnsButton","heightPercentage","onClick","hiddenColumnsRef","hiddenColumns","minHeight","height","styles.hiddenColumns","type","dayDate","time","serviceData","slotLayoutMap","containerRef","blockedMessage","onClickHiddenSlots","timeMinutes","TimeHelper","timeToMinutes","nextTime","minutesToTime","slotsStartingInCell","getSlotsStartingInTimeCell","slotsInCell","getSlotsInTimeCell","minimumWidthForCell","getMinimumWidthForCell","visibleOverlappingSlots","filter","slot","slotKey","id","slotLayout","visible","hiddenOverlappingSlots","getHiddenSlotsInRange","rangeStart","rangeEnd","slotStartMinutes","startTime","slotEndMinutes","endTime","getHiddenServices","slots","Array","from","Set","map","serviceName","hiddenIntervals","firstInterval","start","end","secondInterval","hiddenSlotsFirstInterval","hiddenSlotsSecondInterval","firstIntervalServices","secondIntervalServices","length","every","service","includes","interval","hiddenSlots","hiddenServices","intervalData","calculateHiddenSlotsFor15MinIntervals","cellServiceLayout","calculateCellServiceLayout","_jsxs","clsx","styles.slotCell","endsWith","styles.slotCellDashed","visibleServices","serviceIndex","serviceSlots","slotIndex","offsetTop","calculateSlotOffset","duration","calculateDuration","WithOptionalPopover","customPopover","ScheduleSlotContent","tokens","slotContentContainer","classNames","container","styles.slotContentContainer","blocked","styles.slotContentContainerBlocked","available","styles.slotContentContainerAvailable","clickable","styles.slotServiceName","styles.slotAvailability","status","booked","capacity","renderSlotWithPopover"],"mappings":"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"}

package/cjs/schedule/schedule-week-view/time-cell.styles.js

@@ -1,35 +1,2 @@
-"use strict";var e=require("styled-components"),t=require("../../theme/index.js"),o=require("../const.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const n=i.default.div`
-    min-height: ${o.CELL_HEIGHT}px;
-    position: relative;
-    border-bottom: ${t.Border["width-010"]} solid ${t.Colour.border};
-    ${t=>t.$dashed&&e.css`
-            border-bottom-style: dashed;
-        `}
-    cursor: pointer;
-`,s=i.default.div`
-    position: absolute;
-    top: 0;
-    left: ${e=>`calc((100% - 14px) * ${e.$leftPosition} / 100)`};
-    width: ${e=>`calc((100% - 14px) * ${e.$actualWidthPercentage} / 100)`};
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    overflow: visible;
-    z-index: 1;
-`,l=i.default.button`
-    background-color: unset;
-    border: none;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    color: ${t.Colour["text-primary"]};
-    ${t.Font["body-xs-semibold"]};
-    min-height: ${e=>e.$heightPercentage?`${e.$heightPercentage}%`:`${o.CELL_HEIGHT}px`};
-    height: ${e=>e.$heightPercentage?`${e.$heightPercentage}%`:"auto"};
-    &:hover {
-        border-radius: ${t.Radius.sm};
-        box-shadow: ${t.Shadow["sm-subtle"]};
-    }
-`;exports.HiddenColumns=l,exports.SlotCell=n,exports.SlotColumnOverlay=s;
+"use strict";require("./time-cell.styles_1sorjz8.css");exports.hiddenColumns="h1h4fvzf",exports.slotAvailability="s1ndukd1",exports.slotCell="stpthki",exports.slotCellDashed="s16rvke",exports.slotColumnOverlay="s1dqpjs9",exports.slotContentContainer="s1o4jdyi",exports.slotContentContainerAvailable="s15inga4",exports.slotContentContainerBlocked="s25hl9",exports.slotServiceName="s14imce",exports.tokens={slotContentContainer:{height:"--fds-internal-scheduleWeekView-slotContentContainer-height",offsetTop:"--fds-internal-scheduleWeekView-slotContentContainer-offsetTop"},slotColumnOverlay:{leftPosition:"--fds-internal-scheduleWeekView-slotColumnOverlay-leftPosition",actualWidthPercentage:"--fds-internal-scheduleWeekView-slotColumnOverlay-actualWidthPercentage"},hiddenColumns:{minHeight:"--fds-internal-scheduleWeekView-hiddenColumns-minHeight",height:"--fds-internal-scheduleWeekView-hiddenColumns-height"}};
 //# sourceMappingURL=time-cell.styles.js.map

package/cjs/schedule/schedule-week-view/time-cell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-cell.styles.js","sources":["../../../../src/schedule/schedule-week-view/time-cell.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Border, Colour, Font, Radius, Shadow } from \"../../theme\";\nimport { CELL_HEIGHT } from \"../const\";\n\n// =============================================================================\n// STYLE INTERFACES\n// =============================================================================\ninterface SlotCellStyleProps {\n    $dashed?: boolean;\n}\n\ninterface SlotColumnOverlayStyleProps {\n    $actualWidthPercentage?: number;\n    $leftPosition?: number;\n}\n\ninterface HiddenColumnsStyleProps {\n    $heightPercentage?: number;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const SlotCell = styled.div<SlotCellStyleProps>`\n    min-height: ${CELL_HEIGHT}px;\n    position: relative;\n    border-bottom: ${Border[\"width-010\"]} solid ${Colour[\"border\"]};\n    ${(props) =>\n        props.$dashed &&\n        css`\n            border-bottom-style: dashed;\n        `}\n    cursor: pointer;\n`;\n\nexport const SlotColumnOverlay = styled.div<SlotColumnOverlayStyleProps>`\n    position: absolute;\n    top: 0;\n    left: ${(props) => {\n        return `calc((100% - 14px) * ${props.$leftPosition} / 100)`;\n    }};\n    width: ${(props) => {\n        return `calc((100% - 14px) * ${props.$actualWidthPercentage} / 100)`;\n    }};\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    overflow: visible;\n    z-index: 1;\n`;\n\nexport const HiddenColumns = styled.button<HiddenColumnsStyleProps>`\n    background-color: unset;\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    color: ${Colour[\"text-primary\"]};\n    ${Font[\"body-xs-semibold\"]};\n    min-height: ${(props) =>\n        props.$heightPercentage\n            ? `${props.$heightPercentage}%`\n            : `${CELL_HEIGHT}px`};\n    height: ${(props) =>\n        props.$heightPercentage ? `${props.$heightPercentage}%` : \"auto\"};\n    &:hover {\n        border-radius: ${Radius[\"sm\"]};\n        box-shadow: ${Shadow[\"sm-subtle\"]};\n    }\n`;\n"],"names":["SlotCell","styled","div","CELL_HEIGHT","Border","Colour","props","$dashed","css","SlotColumnOverlay","$leftPosition","$actualWidthPercentage","HiddenColumns","button","Font","$heightPercentage","Radius","Shadow"],"mappings":"8LAuBO,MAAMA,EAAWC,EAAAA,QAAOC,GAAuB;kBACpCC;;qBAEGC,EAAAA,OAAO,sBAAsBC,EAAAA,OAAe;MAC1DC,GACCA,EAAMC,SACNC,KAAG;;;;EAMEC,EAAoBR,EAAAA,QAAOC,GAAgC;;;YAG3DI,GACE,wBAAwBA,EAAMI;aAE/BJ,GACC,wBAAwBA,EAAMK;;;;;;EAShCC,EAAgBX,EAAAA,QAAOY,MAA+B;;;;;;;aAOtDR,EAAAA,OAAO;MACdS,EAAAA,KAAK;kBACQR,GACXA,EAAMS,kBACA,GAAGT,EAAMS,qBACT,GAAGZ,EAAAA;cACFG,GACPA,EAAMS,kBAAoB,GAAGT,EAAMS,qBAAuB;;yBAEzCC,EAAAA,OAAW;sBACdC,EAAAA,OAAO;;"}
+{"version":3,"file":"time-cell.styles.js","sources":["../../../../src/schedule/schedule-week-view/time-cell.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, Font, Radius, Shadow } from \"../../theme\";\nimport { CELL_HEIGHT } from \"../const\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const tokens = {\n    slotContentContainer: {\n        height: \"--fds-internal-scheduleWeekView-slotContentContainer-height\",\n        offsetTop:\n            \"--fds-internal-scheduleWeekView-slotContentContainer-offsetTop\",\n    },\n    slotColumnOverlay: {\n        leftPosition:\n            \"--fds-internal-scheduleWeekView-slotColumnOverlay-leftPosition\",\n        actualWidthPercentage:\n            \"--fds-internal-scheduleWeekView-slotColumnOverlay-actualWidthPercentage\",\n    },\n    hiddenColumns: {\n        minHeight: \"--fds-internal-scheduleWeekView-hiddenColumns-minHeight\",\n        height: \"--fds-internal-scheduleWeekView-hiddenColumns-height\",\n    },\n};\n\nexport const slotContentContainer = css`\n    ${tokens.slotContentContainer.height}: ${CELL_HEIGHT - 1}px;\n    ${tokens.slotContentContainer.offsetTop}: 0px;\n\n    overflow: hidden;\n    width: calc(100% - 1px);\n    padding: 4px;\n    top: var(${tokens.slotContentContainer.offsetTop});\n    ${Font[\"body-xs-semibold\"]};\n    z-index: 1;\n    height: var(${tokens.slotContentContainer.height});\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    border-radius: ${Radius[\"sm\"]};\n    color: inherit;\n`;\n\nexport const slotContentContainerAvailable = css`\n    border-left: ${Border[\"width-040\"]} solid ${Colour[\"icon-success\"]};\n`;\n\nexport const slotContentContainerBlocked = css`\n    color: ${Colour[\"text-inverse\"]};\n`;\n\nexport const slotServiceName = css`\n    ${Font[\"body-xs-regular\"]};\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: 100%;\n`;\n\nexport const slotAvailability = css`\n    ${Font[\"body-xs-semibold\"]};\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: 100%;\n`;\n\nexport const slotCell = css`\n    min-height: ${CELL_HEIGHT}px;\n    position: relative;\n    border-bottom: ${Border[\"width-010\"]} solid ${Colour[\"border\"]};\n    cursor: pointer;\n`;\n\nexport const slotCellDashed = css`\n    border-bottom-style: dashed;\n`;\n\nexport const slotColumnOverlay = css`\n    ${tokens.slotColumnOverlay.leftPosition}: 0;\n    ${tokens.slotColumnOverlay.actualWidthPercentage}: 100;\n    position: absolute;\n    top: 0;\n    left: calc(\n        (100% - 14px) * var(${tokens.slotColumnOverlay.leftPosition}) / 100\n    );\n    width: calc(\n        (100% - 14px) * var(${tokens.slotColumnOverlay.actualWidthPercentage}) /\n            100\n    );\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    overflow: visible;\n    z-index: 1;\n`;\n\nexport const hiddenColumns = css`\n    ${tokens.hiddenColumns.minHeight}: ${CELL_HEIGHT}px;\n    ${tokens.hiddenColumns.height}: auto;\n    background-color: unset;\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    color: ${Colour[\"text-primary\"]};\n    ${Font[\"body-xs-semibold\"]};\n    min-height: var(${tokens.hiddenColumns.minHeight});\n    height: var(${tokens.hiddenColumns.height});\n    &:hover {\n        border-radius: ${Radius[\"sm\"]};\n        box-shadow: ${Shadow[\"sm-subtle\"]};\n    }\n`;\n"],"names":["slotContentContainer","height","offsetTop","slotColumnOverlay","leftPosition","actualWidthPercentage","hiddenColumns","minHeight"],"mappings":"wHAkG0B,oCAtCG,4BAQR,iCAOM,oCAIG,wCArDG,iDAkBS,+CAIF,iCAIZ,yBA5CN,CAClBA,qBAAsB,CAClBC,OAAQ,8DACRC,UACI,kEAERC,kBAAmB,CACfC,aACI,iEACJC,sBACI,2EAERC,cAAe,CACXC,UAAW,0DACXN,OAAQ"}

package/cjs/schedule/schedule-week-view/time-cell.styles_1sorjz8.css

@@ -0,0 +1,14 @@
+@layer fds{.s1o4jdyi{--fds-internal-scheduleWeekView-slotContentContainer-height:47px;--fds-internal-scheduleWeekView-slotContentContainer-offsetTop:0px;overflow:hidden;width:calc(100% - 1px);padding:4px;top:var(--fds-internal-scheduleWeekView-slotContentContainer-offsetTop);font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-xs);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-xs);letter-spacing:var(--fds-font-body-ls-xs);z-index:1;height:var(--fds-internal-scheduleWeekView-slotContentContainer-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:absolute;border-radius:var(--fds-radius-sm);color:inherit;}
+.s15inga4{border-left:var(--fds-border-width-040) solid var(--fds-colour-icon-success);}
+.s25hl9{color:var(--fds-colour-text-inverse);}
+.s14imce{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-xs);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-xs);letter-spacing:var(--fds-font-body-ls-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
+.s1ndukd1{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-xs);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-xs);letter-spacing:var(--fds-font-body-ls-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
+.stpthki{min-height:48px;position:relative;border-bottom:var(--fds-border-width-010) solid var(--fds-colour-border);cursor:pointer;}
+.s16rvke{border-bottom-style:dashed;}
+.s1dqpjs9{--fds-internal-scheduleWeekView-slotColumnOverlay-leftPosition:0;--fds-internal-scheduleWeekView-slotColumnOverlay-actualWidthPercentage:100;position:absolute;top:0;left:calc(
+        (100% - 14px) * var(--fds-internal-scheduleWeekView-slotColumnOverlay-leftPosition) / 100
+    );width:calc(
+        (100% - 14px) * var(--fds-internal-scheduleWeekView-slotColumnOverlay-actualWidthPercentage) /
+            100
+    );height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:visible;z-index:1;}
+.h1h4fvzf{--fds-internal-scheduleWeekView-hiddenColumns-minHeight:48px;--fds-internal-scheduleWeekView-hiddenColumns-height:auto;background-color:unset;border:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;color:var(--fds-colour-text-primary);font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-xs);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-xs);letter-spacing:var(--fds-font-body-ls-xs);min-height:var(--fds-internal-scheduleWeekView-hiddenColumns-minHeight);height:var(--fds-internal-scheduleWeekView-hiddenColumns-height);}.h1h4fvzf:hover{border-radius:var(--fds-radius-sm);box-shadow:var(--fds-shadow-sm-subtle);}}

package/cjs/schedule/schedule-week-view/week-view-utils.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../util/time-helper.js"),t=require("../shared/utils.js");require("react");const s=(e,s,i,r)=>{const n=[];return e.forEach((e=>{if(e.slots){t.findSlotsInTimeRange(e.slots,i,r,s).forEach((t=>{n.push(Object.assign(Object.assign({},t),{serviceName:e.name}))}))}})),n};exports.calculateCellServiceLayout=(e,t)=>{const s=Array.from(new Set(e.map((e=>e.serviceName)))),i=Array.from(new Set(t.map((e=>e.serviceName))));return{allServices:[...s,...i],visibleServices:s,hiddenServices:i,totalServices:s.length+i.length,hasOverflow:i.length>0,totalColumns:i.length>0?4:s.length}},exports.calculateSlotWidths=(i,r,n)=>{const a={};return r.forEach((r=>{const c=r.format("YYYY-MM-DD");n.forEach((r=>{const n=e.TimeHelper.timeToMinutes(r),o=t.minutesToTime(n+30),l=s(i,c,r,o);l.forEach((e=>{const t=e.id;a[t]||(a[t]={date:c,serviceName:e.serviceName,startTime:e.startTime,endTime:e.endTime,visible:!0,width:100})}));const m=Array.from(new Set(l.map((e=>e.serviceName)))).slice(0,3);l.forEach((e=>{const t=e.id;m.includes(e.serviceName)||(a[t].visible=!1)}));const h=l.filter((e=>{const t=e.id;return a[t].visible})),u=new Set(h.map((e=>e.serviceName))).size,d=l.length>h.length?4:u,f=d>0?100/d:100;l.forEach((e=>{const t=e.id;a[t].width=Math.min(a[t].width,f)}))}))})),a},exports.getMinimumWidthForCell=(e,t)=>{let s=Number.MAX_SAFE_INTEGER;return e.forEach((e=>{const i=e.id,r=t[i];s=Math.min(s,r.width)})),s},exports.getSlotsInTimeCell=s,exports.getSlotsStartingInTimeCell=(e,s,i,r)=>{const n=[];return e.forEach((e=>{if(e.slots){t.findSlotsStartingInTimeRange(e.slots,i,r,s).forEach((t=>{n.push(Object.assign(Object.assign({},t),{serviceName:e.name}))}))}})),n};
+"use strict";var e=require("../../util/time-helper.js");require("react");var r=require("../shared/utils.js");require("react/jsx-runtime"),require("clsx"),require("../../shared/time-slot/time-slot.js"),require("../../theme/theme-provider/index.js"),require("../../theme/theme-provider/context.js"),require("../../theme/tokens/border.js"),require("../../theme/tokens/colour.js"),require("../../theme/tokens/font.js"),require("../../theme/tokens/media-query.js"),require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js"),require("../../util/simple-id-generator.js"),require("../../util/string-helper.js"),require("@react-aria/live-announcer"),require("../../theme/utils/use-media-query.js");const t=(e,t,i,s)=>{const n=[];return e.forEach((e=>{if(e.slots){r.findSlotsInTimeRange(e.slots,i,s,t).forEach((r=>{n.push(Object.assign(Object.assign({},r),{serviceName:e.name}))}))}})),n};exports.calculateCellServiceLayout=(e,r)=>{const t=Array.from(new Set(e.map((e=>e.serviceName)))),i=Array.from(new Set(r.map((e=>e.serviceName))));return{allServices:[...t,...i],visibleServices:t,hiddenServices:i,totalServices:t.length+i.length,hasOverflow:i.length>0,totalColumns:i.length>0?4:t.length}},exports.calculateSlotWidths=(i,s,n)=>{const a={};return s.forEach((s=>{const o=s.format("YYYY-MM-DD");n.forEach((s=>{const n=e.TimeHelper.timeToMinutes(s),l=r.minutesToTime(n+30),c=t(i,o,s,l);c.forEach((e=>{const r=e.id;a[r]||(a[r]={date:o,serviceName:e.serviceName,startTime:e.startTime,endTime:e.endTime,visible:!0,width:100})}));const m=Array.from(new Set(c.map((e=>e.serviceName)))).slice(0,3);c.forEach((e=>{const r=e.id;m.includes(e.serviceName)||(a[r].visible=!1)}));const u=c.filter((e=>{const r=e.id;return a[r].visible})),h=new Set(u.map((e=>e.serviceName))).size,d=c.length>u.length?4:h,v=d>0?100/d:100;c.forEach((e=>{const r=e.id;a[r].width=Math.min(a[r].width,v)}))}))})),a},exports.getMinimumWidthForCell=(e,r)=>{let t=Number.MAX_SAFE_INTEGER;return e.forEach((e=>{const i=e.id,s=r[i];t=Math.min(t,s.width)})),t},exports.getSlotsInTimeCell=t,exports.getSlotsStartingInTimeCell=(e,t,i,s)=>{const n=[];return e.forEach((e=>{if(e.slots){r.findSlotsStartingInTimeRange(e.slots,i,s,t).forEach((r=>{n.push(Object.assign(Object.assign({},r),{serviceName:e.name}))}))}})),n};
 //# sourceMappingURL=week-view-utils.js.map

package/cjs/schedule/schedule-week-view/week-view-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"week-view-utils.js","sources":["../../../../src/schedule/schedule-week-view/week-view-utils.ts"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { TimeHelper } from \"../../util/time-helper\";\nimport { ScheduleEntityProps } from \"../types\";\nimport { SlotLayoutMap, SlotWithService } from \"./types\";\nimport {\n    findSlotsInTimeRange,\n    findSlotsStartingInTimeRange,\n    minutesToTime,\n} from \"../shared\";\n\n/**\n * Get all slots that START in a specific time cell\n */\nexport const getSlotsStartingInTimeCell = (\n    serviceData: ScheduleEntityProps[],\n    targetDate: string,\n    cellStartTime: string,\n    cellEndTime: string\n): SlotWithService[] => {\n    const allSlots: SlotWithService[] = [];\n\n    serviceData.forEach((service) => {\n        if (service.slots) {\n            const slotsInRange = findSlotsStartingInTimeRange(\n                service.slots,\n                cellStartTime,\n                cellEndTime,\n                targetDate\n            );\n\n            slotsInRange.forEach((slot) => {\n                allSlots.push({\n                    ...slot,\n                    serviceName: service.name,\n                });\n            });\n        }\n    });\n\n    return allSlots;\n};\n\n/**\n * Get all slots that OVERLAP with a specific time cell (for layout calculation)\n */\nexport const getSlotsInTimeCell = (\n    serviceData: ScheduleEntityProps[],\n    targetDate: string,\n    cellStartTime: string,\n    cellEndTime: string\n): SlotWithService[] => {\n    const allSlots: SlotWithService[] = [];\n\n    serviceData.forEach((service) => {\n        if (service.slots) {\n            const overlappingSlots = findSlotsInTimeRange(\n                service.slots,\n                cellStartTime,\n                cellEndTime,\n                targetDate\n            );\n\n            overlappingSlots.forEach((slot) => {\n                allSlots.push({\n                    ...slot,\n                    serviceName: service.name,\n                });\n            });\n        }\n    });\n\n    return allSlots;\n};\n\n/**\n * Calculate and update slot widths across all cells\n */\nexport const calculateSlotWidths = (\n    serviceData: ScheduleEntityProps[],\n    weekDays: dayjs.Dayjs[],\n    timeSlots: string[]\n): SlotLayoutMap => {\n    const slotLayoutMap: SlotLayoutMap = {};\n\n    weekDays.forEach((day) => {\n        const dayDate = day.format(\"YYYY-MM-DD\");\n        timeSlots.forEach((time) => {\n            const timeMinutes = TimeHelper.timeToMinutes(time);\n            const nextTime = minutesToTime(timeMinutes + 30);\n            const slotsInCell = getSlotsInTimeCell(\n                serviceData,\n                dayDate,\n                time,\n                nextTime\n            );\n\n            slotsInCell.forEach((slot) => {\n                const slotKey = slot.id;\n                if (!slotLayoutMap[slotKey]) {\n                    slotLayoutMap[slotKey] = {\n                        date: dayDate,\n                        serviceName: slot.serviceName,\n                        startTime: slot.startTime,\n                        endTime: slot.endTime,\n                        visible: true,\n                        width: 100,\n                    };\n                }\n            });\n\n            const uniqueServices = Array.from(\n                new Set(slotsInCell.map((slot) => slot.serviceName))\n            );\n\n            // Display at most 3 services, mark other slots as hidden\n            const firstThreeServices = uniqueServices.slice(0, 3);\n            slotsInCell.forEach((slot) => {\n                const slotKey = slot.id;\n                const isVisible = firstThreeServices.includes(slot.serviceName);\n                if (!isVisible) {\n                    slotLayoutMap[slotKey].visible = false;\n                }\n            });\n\n            // Calculate width based on visible services only\n            const visibleSlots = slotsInCell.filter((slot) => {\n                const slotKey = slot.id;\n                return slotLayoutMap[slotKey].visible;\n            });\n\n            const visibleServices = new Set(\n                visibleSlots.map((slot) => slot.serviceName)\n            );\n            const totalVisibleServices = visibleServices.size;\n            const hasHiddenServices = slotsInCell.length > visibleSlots.length;\n            const totalColumns = hasHiddenServices ? 4 : totalVisibleServices;\n            const widthPercentage = totalColumns > 0 ? 100 / totalColumns : 100;\n\n            // Update width for each slot in this cell (take minimum across all cells)\n            slotsInCell.forEach((slot) => {\n                const slotKey = slot.id;\n                slotLayoutMap[slotKey].width = Math.min(\n                    slotLayoutMap[slotKey].width,\n                    widthPercentage\n                );\n            });\n        });\n    });\n\n    return slotLayoutMap;\n};\n\n/**\n * Get minimum width for all slots overlapping a specific cell\n */\nexport const getMinimumWidthForCell = (\n    slotsInCell: SlotWithService[],\n    slotLayoutMap: SlotLayoutMap\n): number => {\n    let minWidth = Number.MAX_SAFE_INTEGER;\n\n    slotsInCell.forEach((slot) => {\n        const slotKey = slot.id;\n        const slotLayout = slotLayoutMap[slotKey];\n        minWidth = Math.min(minWidth, slotLayout.width);\n    });\n\n    return minWidth;\n};\n\n/**\n * Calculate cell service layout information\n */\nexport const calculateCellServiceLayout = (\n    visibleSlots: SlotWithService[],\n    hiddenSlots: SlotWithService[]\n) => {\n    const visibleServices = Array.from(\n        new Set(visibleSlots.map((slot) => slot.serviceName))\n    );\n    const hiddenServices = Array.from(\n        new Set(hiddenSlots.map((slot) => slot.serviceName))\n    );\n\n    return {\n        allServices: [...visibleServices, ...hiddenServices],\n        visibleServices,\n        hiddenServices,\n        totalServices: visibleServices.length + hiddenServices.length,\n        hasOverflow: hiddenServices.length > 0,\n        totalColumns: hiddenServices.length > 0 ? 4 : visibleServices.length,\n    };\n};\n"],"names":["getSlotsInTimeCell","serviceData","targetDate","cellStartTime","cellEndTime","allSlots","forEach","service","slots","findSlotsInTimeRange","slot","push","Object","assign","serviceName","name","visibleSlots","hiddenSlots","visibleServices","Array","from","Set","map","hiddenServices","allServices","totalServices","length","hasOverflow","totalColumns","weekDays","timeSlots","slotLayoutMap","day","dayDate","format","time","timeMinutes","TimeHelper","timeToMinutes","nextTime","minutesToTime","slotsInCell","slotKey","id","date","startTime","endTime","visible","width","firstThreeServices","slice","includes","filter","totalVisibleServices","size","widthPercentage","Math","min","minWidth","Number","MAX_SAFE_INTEGER","slotLayout","findSlotsStartingInTimeRange"],"mappings":"yGAaO,MAgCMA,EAAqB,CAC9BC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAA8B,GAoBpC,OAlBAJ,EAAYK,SAASC,IACjB,GAAIA,EAAQC,MAAO,CACUC,EAAAA,qBACrBF,EAAQC,MACRL,EACAC,EACAF,GAGaI,SAASI,IACtBL,EAASM,KAAIC,OAAAC,OAAAD,OAAAC,OAAA,GACNH,GAAI,CACPI,YAAaP,EAAQQ,OACvB,GAEV,KAGGV,CAAQ,qCAsGuB,CACtCW,EACAC,KAEA,MAAMC,EAAkBC,MAAMC,KAC1B,IAAIC,IAAIL,EAAaM,KAAKZ,GAASA,EAAKI,gBAEtCS,EAAiBJ,MAAMC,KACzB,IAAIC,IAAIJ,EAAYK,KAAKZ,GAASA,EAAKI,gBAG3C,MAAO,CACHU,YAAa,IAAIN,KAAoBK,GACrCL,kBACAK,iBACAE,cAAeP,EAAgBQ,OAASH,EAAeG,OACvDC,YAAaJ,EAAeG,OAAS,EACrCE,aAAcL,EAAeG,OAAS,EAAI,EAAIR,EAAgBQ,OACjE,8BAlH8B,CAC/BzB,EACA4B,EACAC,KAEA,MAAMC,EAA+B,CAAA,EAmErC,OAjEAF,EAASvB,SAAS0B,IACd,MAAMC,EAAUD,EAAIE,OAAO,cAC3BJ,EAAUxB,SAAS6B,IACf,MAAMC,EAAcC,EAAAA,WAAWC,cAAcH,GACvCI,EAAWC,EAAAA,cAAcJ,EAAc,IACvCK,EAAczC,EAChBC,EACAgC,EACAE,EACAI,GAGJE,EAAYnC,SAASI,IACjB,MAAMgC,EAAUhC,EAAKiC,GAChBZ,EAAcW,KACfX,EAAcW,GAAW,CACrBE,KAAMX,EACNnB,YAAaJ,EAAKI,YAClB+B,UAAWnC,EAAKmC,UAChBC,QAASpC,EAAKoC,QACdC,SAAS,EACTC,MAAO,KAEf,IAGJ,MAKMC,EALiB9B,MAAMC,KACzB,IAAIC,IAAIoB,EAAYnB,KAAKZ,GAASA,EAAKI,gBAIDoC,MAAM,EAAG,GACnDT,EAAYnC,SAASI,IACjB,MAAMgC,EAAUhC,EAAKiC,GACHM,EAAmBE,SAASzC,EAAKI,eAE/CiB,EAAcW,GAASK,SAAU,EACrC,IAIJ,MAAM/B,EAAeyB,EAAYW,QAAQ1C,IACrC,MAAMgC,EAAUhC,EAAKiC,GACrB,OAAOZ,EAAcW,GAASK,OAAO,IAMnCM,EAHkB,IAAIhC,IACxBL,EAAaM,KAAKZ,GAASA,EAAKI,eAESwC,KAEvC1B,EADoBa,EAAYf,OAASV,EAAaU,OACnB,EAAI2B,EACvCE,EAAkB3B,EAAe,EAAI,IAAMA,EAAe,IAGhEa,EAAYnC,SAASI,IACjB,MAAMgC,EAAUhC,EAAKiC,GACrBZ,EAAcW,GAASM,MAAQQ,KAAKC,IAChC1B,EAAcW,GAASM,MACvBO,EACH,GACH,GACJ,IAGCxB,CAAa,iCAMc,CAClCU,EACAV,KAEA,IAAI2B,EAAWC,OAAOC,iBAQtB,OANAnB,EAAYnC,SAASI,IACjB,MAAMgC,EAAUhC,EAAKiC,GACfkB,EAAa9B,EAAcW,GACjCgB,EAAWF,KAAKC,IAAIC,EAAUG,EAAWb,MAAM,IAG5CU,CAAQ,kEA1JuB,CACtCzD,EACAC,EACAC,EACAC,KAEA,MAAMC,EAA8B,GAoBpC,OAlBAJ,EAAYK,SAASC,IACjB,GAAIA,EAAQC,MAAO,CACMsD,EAAAA,6BACjBvD,EAAQC,MACRL,EACAC,EACAF,GAGSI,SAASI,IAClBL,EAASM,KAAIC,OAAAC,OAAAD,OAAAC,OAAA,GACNH,GAAI,CACPI,YAAaP,EAAQQ,OACvB,GAEV,KAGGV,CAAQ"}
+{"version":3,"file":"week-view-utils.js","sources":["../../../../src/schedule/schedule-week-view/week-view-utils.ts"],"sourcesContent":["import type dayjs from \"dayjs\";\n\nimport { TimeHelper } from \"../../util/time-helper\";\nimport {\n    findSlotsInTimeRange,\n    findSlotsStartingInTimeRange,\n    minutesToTime,\n} from \"../schedule-slot-content\";\nimport type { ScheduleEntityProps } from \"../types\";\nimport type { SlotLayoutMap, SlotWithService } from \"./types\";\n\n/**\n * Get all slots that START in a specific time cell\n */\nexport const getSlotsStartingInTimeCell = (\n    serviceData: ScheduleEntityProps[],\n    targetDate: string,\n    cellStartTime: string,\n    cellEndTime: string\n): SlotWithService[] => {\n    const allSlots: SlotWithService[] = [];\n\n    serviceData.forEach((service) => {\n        if (service.slots) {\n            const slotsInRange = findSlotsStartingInTimeRange(\n                service.slots,\n                cellStartTime,\n                cellEndTime,\n                targetDate\n            );\n\n            slotsInRange.forEach((slot) => {\n                allSlots.push({\n                    ...slot,\n                    serviceName: service.name,\n                });\n            });\n        }\n    });\n\n    return allSlots;\n};\n\n/**\n * Get all slots that OVERLAP with a specific time cell (for layout calculation)\n */\nexport const getSlotsInTimeCell = (\n    serviceData: ScheduleEntityProps[],\n    targetDate: string,\n    cellStartTime: string,\n    cellEndTime: string\n): SlotWithService[] => {\n    const allSlots: SlotWithService[] = [];\n\n    serviceData.forEach((service) => {\n        if (service.slots) {\n            const overlappingSlots = findSlotsInTimeRange(\n                service.slots,\n                cellStartTime,\n                cellEndTime,\n                targetDate\n            );\n\n            overlappingSlots.forEach((slot) => {\n                allSlots.push({\n                    ...slot,\n                    serviceName: service.name,\n                });\n            });\n        }\n    });\n\n    return allSlots;\n};\n\n/**\n * Calculate and update slot widths across all cells\n */\nexport const calculateSlotWidths = (\n    serviceData: ScheduleEntityProps[],\n    weekDays: dayjs.Dayjs[],\n    timeSlots: string[]\n): SlotLayoutMap => {\n    const slotLayoutMap: SlotLayoutMap = {};\n\n    weekDays.forEach((day) => {\n        const dayDate = day.format(\"YYYY-MM-DD\");\n        timeSlots.forEach((time) => {\n            const timeMinutes = TimeHelper.timeToMinutes(time);\n            const nextTime = minutesToTime(timeMinutes + 30);\n            const slotsInCell = getSlotsInTimeCell(\n                serviceData,\n                dayDate,\n                time,\n                nextTime\n            );\n\n            slotsInCell.forEach((slot) => {\n                const slotKey = slot.id;\n                if (!slotLayoutMap[slotKey]) {\n                    slotLayoutMap[slotKey] = {\n                        date: dayDate,\n                        serviceName: slot.serviceName,\n                        startTime: slot.startTime,\n                        endTime: slot.endTime,\n                        visible: true,\n                        width: 100,\n                    };\n                }\n            });\n\n            const uniqueServices = Array.from(\n                new Set(slotsInCell.map((slot) => slot.serviceName))\n            );\n\n            // Display at most 3 services, mark other slots as hidden\n            const firstThreeServices = uniqueServices.slice(0, 3);\n            slotsInCell.forEach((slot) => {\n                const slotKey = slot.id;\n                const isVisible = firstThreeServices.includes(slot.serviceName);\n                if (!isVisible) {\n                    slotLayoutMap[slotKey].visible = false;\n                }\n            });\n\n            // Calculate width based on visible services only\n            const visibleSlots = slotsInCell.filter((slot) => {\n                const slotKey = slot.id;\n                return slotLayoutMap[slotKey].visible;\n            });\n\n            const visibleServices = new Set(\n                visibleSlots.map((slot) => slot.serviceName)\n            );\n            const totalVisibleServices = visibleServices.size;\n            const hasHiddenServices = slotsInCell.length > visibleSlots.length;\n            const totalColumns = hasHiddenServices ? 4 : totalVisibleServices;\n            const widthPercentage = totalColumns > 0 ? 100 / totalColumns : 100;\n\n            // Update width for each slot in this cell (take minimum across all cells)\n            slotsInCell.forEach((slot) => {\n                const slotKey = slot.id;\n                slotLayoutMap[slotKey].width = Math.min(\n                    slotLayoutMap[slotKey].width,\n                    widthPercentage\n                );\n            });\n        });\n    });\n\n    return slotLayoutMap;\n};\n\n/**\n * Get minimum width for all slots overlapping a specific cell\n */\nexport const getMinimumWidthForCell = (\n    slotsInCell: SlotWithService[],\n    slotLayoutMap: SlotLayoutMap\n): number => {\n    let minWidth = Number.MAX_SAFE_INTEGER;\n\n    slotsInCell.forEach((slot) => {\n        const slotKey = slot.id;\n        const slotLayout = slotLayoutMap[slotKey];\n        minWidth = Math.min(minWidth, slotLayout.width);\n    });\n\n    return minWidth;\n};\n\n/**\n * Calculate cell service layout information\n */\nexport const calculateCellServiceLayout = (\n    visibleSlots: SlotWithService[],\n    hiddenSlots: SlotWithService[]\n) => {\n    const visibleServices = Array.from(\n        new Set(visibleSlots.map((slot) => slot.serviceName))\n    );\n    const hiddenServices = Array.from(\n        new Set(hiddenSlots.map((slot) => slot.serviceName))\n    );\n\n    return {\n        allServices: [...visibleServices, ...hiddenServices],\n        visibleServices,\n        hiddenServices,\n        totalServices: visibleServices.length + hiddenServices.length,\n        hasOverflow: hiddenServices.length > 0,\n        totalColumns: hiddenServices.length > 0 ? 4 : visibleServices.length,\n    };\n};\n"],"names":["getSlotsInTimeCell","serviceData","targetDate","cellStartTime","cellEndTime","allSlots","forEach","service","slots","findSlotsInTimeRange","slot","push","Object","assign","serviceName","name","visibleSlots","hiddenSlots","visibleServices","Array","from","Set","map","hiddenServices","allServices","totalServices","length","hasOverflow","totalColumns","weekDays","timeSlots","slotLayoutMap","day","dayDate","format","time","timeMinutes","TimeHelper","timeToMinutes","nextTime","minutesToTime","slotsInCell","slotKey","id","date","startTime","endTime","visible","width","firstThreeServices","slice","includes","filter","totalVisibleServices","size","widthPercentage","Math","min","minWidth","Number","MAX_SAFE_INTEGER","slotLayout","findSlotsStartingInTimeRange"],"mappings":"4sBAcO,MAgCMA,EAAqB,CAC9BC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAA8B,GAoBpC,OAlBAJ,EAAYK,SAASC,IACjB,GAAIA,EAAQC,MAAO,CACUC,EAAAA,qBACrBF,EAAQC,MACRL,EACAC,EACAF,GAGaI,SAASI,IACtBL,EAASM,KAAIC,OAAAC,OAAAD,OAAAC,OAAA,GACNH,GAAI,CACPI,YAAaP,EAAQQ,OACvB,GAEV,KAGGV,CAAQ,qCAsGuB,CACtCW,EACAC,KAEA,MAAMC,EAAkBC,MAAMC,KAC1B,IAAIC,IAAIL,EAAaM,KAAKZ,GAASA,EAAKI,gBAEtCS,EAAiBJ,MAAMC,KACzB,IAAIC,IAAIJ,EAAYK,KAAKZ,GAASA,EAAKI,gBAG3C,MAAO,CACHU,YAAa,IAAIN,KAAoBK,GACrCL,kBACAK,iBACAE,cAAeP,EAAgBQ,OAASH,EAAeG,OACvDC,YAAaJ,EAAeG,OAAS,EACrCE,aAAcL,EAAeG,OAAS,EAAI,EAAIR,EAAgBQ,OACjE,8BAlH8B,CAC/BzB,EACA4B,EACAC,KAEA,MAAMC,EAA+B,CAAA,EAmErC,OAjEAF,EAASvB,SAAS0B,IACd,MAAMC,EAAUD,EAAIE,OAAO,cAC3BJ,EAAUxB,SAAS6B,IACf,MAAMC,EAAcC,EAAAA,WAAWC,cAAcH,GACvCI,EAAWC,EAAAA,cAAcJ,EAAc,IACvCK,EAAczC,EAChBC,EACAgC,EACAE,EACAI,GAGJE,EAAYnC,SAASI,IACjB,MAAMgC,EAAUhC,EAAKiC,GAChBZ,EAAcW,KACfX,EAAcW,GAAW,CACrBE,KAAMX,EACNnB,YAAaJ,EAAKI,YAClB+B,UAAWnC,EAAKmC,UAChBC,QAASpC,EAAKoC,QACdC,SAAS,EACTC,MAAO,KAEf,IAGJ,MAKMC,EALiB9B,MAAMC,KACzB,IAAIC,IAAIoB,EAAYnB,KAAKZ,GAASA,EAAKI,gBAIDoC,MAAM,EAAG,GACnDT,EAAYnC,SAASI,IACjB,MAAMgC,EAAUhC,EAAKiC,GACHM,EAAmBE,SAASzC,EAAKI,eAE/CiB,EAAcW,GAASK,SAAU,EACrC,IAIJ,MAAM/B,EAAeyB,EAAYW,QAAQ1C,IACrC,MAAMgC,EAAUhC,EAAKiC,GACrB,OAAOZ,EAAcW,GAASK,OAAO,IAMnCM,EAHkB,IAAIhC,IACxBL,EAAaM,KAAKZ,GAASA,EAAKI,eAESwC,KAEvC1B,EADoBa,EAAYf,OAASV,EAAaU,OACnB,EAAI2B,EACvCE,EAAkB3B,EAAe,EAAI,IAAMA,EAAe,IAGhEa,EAAYnC,SAASI,IACjB,MAAMgC,EAAUhC,EAAKiC,GACrBZ,EAAcW,GAASM,MAAQQ,KAAKC,IAChC1B,EAAcW,GAASM,MACvBO,EACH,GACH,GACJ,IAGCxB,CAAa,iCAMc,CAClCU,EACAV,KAEA,IAAI2B,EAAWC,OAAOC,iBAQtB,OANAnB,EAAYnC,SAASI,IACjB,MAAMgC,EAAUhC,EAAKiC,GACfkB,EAAa9B,EAAcW,GACjCgB,EAAWF,KAAKC,IAAIC,EAAUG,EAAWb,MAAM,IAG5CU,CAAQ,kEA1JuB,CACtCzD,EACAC,EACAC,EACAC,KAEA,MAAMC,EAA8B,GAoBpC,OAlBAJ,EAAYK,SAASC,IACjB,GAAIA,EAAQC,MAAO,CACMsD,EAAAA,6BACjBvD,EAAQC,MACRL,EACAC,EACAF,GAGSI,SAASI,IAClBL,EAASM,KAAIC,OAAAC,OAAAD,OAAAC,OAAA,GACNH,GAAI,CACPI,YAAaP,EAAQQ,OACvB,GAEV,KAGGV,CAAQ"}

package/cjs/schedule/schedule.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_virtual/_tslib.js"),a=require("react/jsx-runtime"),i=require("react"),t=require("styled-components"),s=require("../external/react-responsive/dist/react-responsive.js"),l=require("./schedule-header/schedule-header.js"),n=require("./schedule-week-view/schedule-week-view.js"),o=require("./schedule-day-view/schedule-day-view.js"),d=require("../theme/index.js"),r=require("../external/lodash/lodash.js"),c=require("./schedule.styles.js");exports.Schedule=m=>{var{id:u,className:h,view:C="day",date:x,serviceData:y,loading:k=!1,minTime:v="00:00",maxTime:S="23:59",initialScrollTime:p=v,minDate:D,maxDate:g,emptyContentMessage:j,emptySlotPopover:w,onPreviousDayClick:T,onNextDayClick:b,onCalendarDateSelect:q,onTodayClick:N,onEmptySlotClick:M,blockedMessage:P,onClickHiddenSlots:f,"data-testid":E="schedule"}=m,H=e.__rest(m,["id","className","view","date","serviceData","loading","minTime","maxTime","initialScrollTime","minDate","maxDate","emptyContentMessage","emptySlotPopover","onPreviousDayClick","onNextDayClick","onCalendarDateSelect","onTodayClick","onEmptySlotClick","blockedMessage","onClickHiddenSlots","data-testid"]);const[R,O]=i.useState(C),V=i.useContext(t.ThemeContext),_=d.Breakpoint["lg-max"]({theme:V}),A=s.reactResponsiveExports.useMediaQuery({maxWidth:_}),B=A?"day":R,W=i.useRef(null),[$,F]=i.useState(0),Q=0===y.length||r.lodashExports.isEmpty(y),z=i.useMemo((()=>y.map((e=>Object.assign(Object.assign({},e),{slots:e.slots.filter((e=>e.date===x))})))),[y,x]),G=A?z&&z.length>0?[z[$]]:[]:z;i.useEffect((()=>{F(0)}),[z]);const I=e=>{O(e)},J=i.useCallback((()=>{null==N||N()}),[N]),K=i.useCallback((()=>{z&&F((e=>e<z.length-1?e+1:e))}),[z]),L=i.useCallback((()=>{F((e=>e>0?e-1:e))}),[]);return Q?a.jsxs(c.Container,Object.assign({},H,{"data-testid":E,$loading:k,children:[a.jsx(l.ScheduleHeader,{"data-id":"schedule-header",date:x,view:B,minDate:D,maxDate:g,onPreviousDayClick:T,onNextDayClick:b,onCalendarDateSelect:q,onViewChange:I,onTodayClick:J}),a.jsx(c.EmptyTableContainer,{className:"empty-container",children:a.jsx(c.NoResultsFound,{type:"no-item-found",description:j})})]})):a.jsxs(c.Container,Object.assign({id:u,className:h,$loading:k,"data-testid":E},H,{children:[a.jsx(l.ScheduleHeader,{"data-id":"schedule-header",date:x,view:B,minDate:D,maxDate:g,onPreviousDayClick:T,onNextDayClick:b,onCalendarDateSelect:q,onViewChange:I,onTodayClick:J}),a.jsx(c.ScheduleBodyContainer,{ref:W,"data-id":"schedule-container",children:"day"===B?a.jsx(o.ScheduleDayView,{date:x,serviceData:G,loading:k,minTime:v,maxTime:S,initialScrollTime:p,emptySlotPopover:w,isMobile:A,onNextService:K,onPrevService:L,containerRef:W,showPrevArrow:A&&$>0,showNextArrow:A&&$<z.length-1,onEmptySlotClick:M,blockedMessage:P}):a.jsx(n.ScheduleWeekView,{date:x,serviceData:y,loading:k,minTime:v,maxTime:S,initialScrollTime:p,containerRef:W,blockedMessage:P,onClickHiddenSlots:f})})]}))};
+"use strict";var e=require("../_virtual/_tslib.js"),i=require("react/jsx-runtime"),a=require("clsx"),t=require("../external/lodash/lodash.js"),r=require("react"),s=require("../error-display/error-display.js");require("../theme/theme-provider/index.js"),require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js"),require("../theme/tokens/colour.js"),require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js"),require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js"),require("../util/simple-id-generator.js"),require("../util/string-helper.js"),require("@react-aria/live-announcer");var l=require("../theme/utils/use-media-query.js"),n=require("./schedule.styles.js"),o=require("./schedule-day-view/schedule-day-view.js"),d=require("./schedule-header/schedule-header.js"),c=require("./schedule-week-view/schedule-week-view.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=u(a);exports.Schedule=a=>{var{id:u,className:h,view:y="day",date:j,serviceData:v,loading:k=!1,minTime:p="00:00",maxTime:x="23:59",initialScrollTime:C=p,minDate:q,maxDate:S,emptyContentMessage:g,emptySlotPopover:D,onPreviousDayClick:b,onNextDayClick:w,onCalendarDateSelect:f,onTodayClick:T,onEmptySlotClick:N,blockedMessage:M,onClickHiddenSlots:P,"data-testid":E="schedule"}=a,O=e.__rest(a,["id","className","view","date","serviceData","loading","minTime","maxTime","initialScrollTime","minDate","maxDate","emptyContentMessage","emptySlotPopover","onPreviousDayClick","onNextDayClick","onCalendarDateSelect","onTodayClick","onEmptySlotClick","blockedMessage","onClickHiddenSlots","data-testid"]);const[H,_]=r.useState(y),R=l.useMaxWidthMediaQuery("lg"),V=R?"day":H,A=r.useRef(null),[W,B]=r.useState(0),F=0===v.length||t.lodashExports.isEmpty(v),L=r.useMemo((()=>v.map((e=>Object.assign(Object.assign({},e),{slots:e.slots.filter((e=>e.date===j))})))),[v,j]);let Q=L;R&&(Q=L.length>0?[L[W]]:[]);const z=R&&W>0,G=R&&W<L.length-1;r.useEffect((()=>{B(0)}),[L]);const I=r.useCallback((()=>{null==T||T()}),[T]),J=r.useCallback((()=>{L&&B((e=>e<L.length-1?e+1:e))}),[L]),K=r.useCallback((()=>{B((e=>e>0?e-1:e))}),[]),U={date:j,loading:k,minTime:p,maxTime:x,initialScrollTime:C,containerRef:A,blockedMessage:M};return i.jsxs("div",Object.assign({id:u,className:m.default(n.container,k&&n.containerLoading,h),"data-testid":E},O,{children:[i.jsx(d.ScheduleHeader,{"data-id":"schedule-header",date:j,view:V,minDate:q,maxDate:S,onPreviousDayClick:b,onNextDayClick:w,onCalendarDateSelect:f,onViewChange:e=>{_(e)},onTodayClick:I}),F?i.jsx("div",{className:m.default(n.emptyTableContainer,"empty-container"),children:i.jsx(s.ErrorDisplay,{className:n.noResultsFound,type:"no-item-found",description:g})}):i.jsx("div",{className:n.scheduleBodyContainer,ref:A,"data-id":"schedule-container",children:"day"===V?i.jsx(o.ScheduleDayView,Object.assign({},U,{serviceData:Q,emptySlotPopover:D,isMobile:R,onNextService:J,onPrevService:K,showPrevArrow:z,showNextArrow:G,onEmptySlotClick:N})):i.jsx(c.ScheduleWeekView,Object.assign({},U,{serviceData:v,onClickHiddenSlots:P}))})]}))};
 //# sourceMappingURL=schedule.js.map

package/cjs/schedule/schedule.js.map

@@ -1 +1 @@
-{"version":3,"file":"schedule.js","sources":["../../../src/schedule/schedule.tsx"],"sourcesContent":["import {\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from \"react\";\nimport { ThemeContext } from \"styled-components\";\nimport { useMediaQuery } from \"react-responsive\";\nimport { ScheduleProps } from \"./types\";\nimport { ScheduleHeader } from \"./schedule-header/schedule-header\";\n\nimport { ScheduleWeekView } from \"./schedule-week-view/schedule-week-view\";\nimport { ScheduleDayView } from \"./schedule-day-view/schedule-day-view\";\nimport { Breakpoint } from \"../theme\";\nimport { isEmpty } from \"lodash\";\nimport {\n    Container,\n    EmptyTableContainer,\n    NoResultsFound,\n    ScheduleBodyContainer,\n} from \"./schedule.styles\";\n\nexport const Schedule = ({\n    id,\n    className,\n    view = \"day\",\n    date,\n    serviceData,\n    loading = false,\n    minTime = \"00:00\",\n    maxTime = \"23:59\",\n    initialScrollTime = minTime,\n    minDate,\n    maxDate,\n    emptyContentMessage,\n    emptySlotPopover,\n    onPreviousDayClick,\n    onNextDayClick,\n    onCalendarDateSelect,\n    onTodayClick,\n    onEmptySlotClick,\n    blockedMessage,\n    onClickHiddenSlots,\n    \"data-testid\": testId = \"schedule\",\n    ...otherProps\n}: ScheduleProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const [currentView, setCurrentView] = useState<\"day\" | \"week\">(view);\n    const theme = useContext(ThemeContext);\n    const tabletBreakpoint = Breakpoint[\"lg-max\"]({ theme });\n    const isSmallScreen = useMediaQuery({\n        maxWidth: tabletBreakpoint,\n    });\n    const effectiveView = isSmallScreen ? \"day\" : currentView;\n    const contentContainerRef = useRef<HTMLDivElement>(null);\n    const [visibleServiceIdx, setVisibleServiceIdx] = useState(0);\n    const isEmptyContent = serviceData.length === 0 || isEmpty(serviceData);\n    const filteredServiceData = useMemo(\n        () =>\n            serviceData.map((service) => ({\n                ...service,\n                slots: service.slots.filter((slot) => slot.date === date),\n            })),\n        [serviceData, date]\n    );\n\n    const visibleServiceData = isSmallScreen\n        ? filteredServiceData && filteredServiceData.length > 0\n            ? [filteredServiceData[visibleServiceIdx]]\n            : []\n        : filteredServiceData;\n\n    useEffect(() => {\n        setVisibleServiceIdx(0);\n    }, [filteredServiceData]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleViewChange = (newView: \"day\" | \"week\") => {\n        setCurrentView(newView);\n    };\n\n    const handleTodayClick = useCallback(() => {\n        onTodayClick?.();\n    }, [onTodayClick]);\n\n    const handleNextService = useCallback(() => {\n        if (!filteredServiceData) return;\n        setVisibleServiceIdx((idx) =>\n            idx < filteredServiceData.length - 1 ? idx + 1 : idx\n        );\n    }, [filteredServiceData]);\n\n    const handlePrevService = useCallback(() => {\n        setVisibleServiceIdx((idx) => (idx > 0 ? idx - 1 : idx));\n    }, []);\n    // =============================================================================\n    // RENDER FUNCTION\n    // =============================================================================\n\n    if (isEmptyContent) {\n        return (\n            <Container {...otherProps} data-testid={testId} $loading={loading}>\n                <ScheduleHeader\n                    data-id=\"schedule-header\"\n                    date={date}\n                    view={effectiveView}\n                    minDate={minDate}\n                    maxDate={maxDate}\n                    onPreviousDayClick={onPreviousDayClick}\n                    onNextDayClick={onNextDayClick}\n                    onCalendarDateSelect={onCalendarDateSelect}\n                    onViewChange={handleViewChange}\n                    onTodayClick={handleTodayClick}\n                />\n                <EmptyTableContainer className=\"empty-container\">\n                    <NoResultsFound\n                        type=\"no-item-found\"\n                        description={emptyContentMessage}\n                    />\n                </EmptyTableContainer>\n            </Container>\n        );\n    }\n    return (\n        <Container\n            id={id}\n            className={className}\n            $loading={loading}\n            data-testid={testId}\n            {...otherProps}\n        >\n            <ScheduleHeader\n                data-id=\"schedule-header\"\n                date={date}\n                view={effectiveView}\n                minDate={minDate}\n                maxDate={maxDate}\n                onPreviousDayClick={onPreviousDayClick}\n                onNextDayClick={onNextDayClick}\n                onCalendarDateSelect={onCalendarDateSelect}\n                onViewChange={handleViewChange}\n                onTodayClick={handleTodayClick}\n            />\n\n            <ScheduleBodyContainer\n                ref={contentContainerRef}\n                data-id=\"schedule-container\"\n            >\n                {effectiveView === \"day\" ? (\n                    <ScheduleDayView\n                        date={date}\n                        serviceData={visibleServiceData}\n                        loading={loading}\n                        minTime={minTime}\n                        maxTime={maxTime}\n                        initialScrollTime={initialScrollTime}\n                        emptySlotPopover={emptySlotPopover}\n                        isMobile={isSmallScreen}\n                        onNextService={handleNextService}\n                        onPrevService={handlePrevService}\n                        containerRef={contentContainerRef}\n                        showPrevArrow={isSmallScreen && visibleServiceIdx > 0}\n                        showNextArrow={\n                            isSmallScreen &&\n                            visibleServiceIdx < filteredServiceData.length - 1\n                        }\n                        onEmptySlotClick={onEmptySlotClick}\n                        blockedMessage={blockedMessage}\n                    />\n                ) : (\n                    <ScheduleWeekView\n                        date={date}\n                        serviceData={serviceData}\n                        loading={loading}\n                        minTime={minTime}\n                        maxTime={maxTime}\n                        initialScrollTime={initialScrollTime}\n                        containerRef={contentContainerRef}\n                        blockedMessage={blockedMessage}\n                        onClickHiddenSlots={onClickHiddenSlots}\n                    />\n                )}\n            </ScheduleBodyContainer>\n        </Container>\n    );\n};\n"],"names":["_a","id","className","view","date","serviceData","loading","minTime","maxTime","initialScrollTime","minDate","maxDate","emptyContentMessage","emptySlotPopover","onPreviousDayClick","onNextDayClick","onCalendarDateSelect","onTodayClick","onEmptySlotClick","blockedMessage","onClickHiddenSlots","testId","otherProps","__rest","currentView","setCurrentView","useState","theme","useContext","ThemeContext","tabletBreakpoint","Breakpoint","isSmallScreen","useMediaQuery","maxWidth","effectiveView","contentContainerRef","useRef","visibleServiceIdx","setVisibleServiceIdx","isEmptyContent","length","isEmpty","filteredServiceData","useMemo","map","service","slots","filter","slot","visibleServiceData","useEffect","handleViewChange","newView","handleTodayClick","useCallback","handleNextService","idx","handlePrevService","_jsxs","Container","Object","assign","$loading","_jsx","ScheduleHeader","onViewChange","EmptyTableContainer","children","NoResultsFound","type","description","ScheduleBodyContainer","ref","ScheduleDayView","isMobile","onNextService","onPrevService","containerRef","showPrevArrow","showNextArrow","ScheduleWeekView"],"mappings":"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"}
+{"version":3,"file":"schedule.js","sources":["../../../src/schedule/schedule.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { isEmpty } from \"lodash\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { ErrorDisplay } from \"../error-display\";\nimport { useMaxWidthMediaQuery } from \"../theme\";\nimport type { CommonScheduleViewProps } from \"./internal-types\";\nimport * as styles from \"./schedule.styles\";\nimport { ScheduleDayView } from \"./schedule-day-view/schedule-day-view\";\nimport { ScheduleHeader } from \"./schedule-header/schedule-header\";\nimport { ScheduleWeekView } from \"./schedule-week-view/schedule-week-view\";\nimport type { ScheduleProps } from \"./types\";\n\n// @catalog\n/**\n * A grid visualisation of slot-based time availability for services across day and week views.\n * @keywords availability, booking, calendar, grid, slots\n */\nexport const Schedule = ({\n    id,\n    className,\n    view = \"day\",\n    date,\n    serviceData,\n    loading = false,\n    minTime = \"00:00\",\n    maxTime = \"23:59\",\n    initialScrollTime = minTime,\n    minDate,\n    maxDate,\n    emptyContentMessage,\n    emptySlotPopover,\n    onPreviousDayClick,\n    onNextDayClick,\n    onCalendarDateSelect,\n    onTodayClick,\n    onEmptySlotClick,\n    blockedMessage,\n    onClickHiddenSlots,\n    \"data-testid\": testId = \"schedule\",\n    ...otherProps\n}: ScheduleProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const [currentView, setCurrentView] = useState<\"day\" | \"week\">(view);\n    const isSmallScreen = useMaxWidthMediaQuery(\"lg\");\n    const effectiveView = isSmallScreen ? \"day\" : currentView;\n    const contentContainerRef = useRef<HTMLDivElement>(null);\n    const [visibleServiceIdx, setVisibleServiceIdx] = useState(0);\n    const isEmptyContent = serviceData.length === 0 || isEmpty(serviceData);\n    const filteredServiceData = useMemo(\n        () =>\n            serviceData.map((service) => ({\n                ...service,\n                slots: service.slots.filter((slot) => slot.date === date),\n            })),\n        [serviceData, date]\n    );\n    let visibleServiceData = filteredServiceData;\n    if (isSmallScreen) {\n        visibleServiceData =\n            filteredServiceData.length > 0\n                ? [filteredServiceData[visibleServiceIdx]]\n                : [];\n    }\n    const showPrevArrow = isSmallScreen && visibleServiceIdx > 0;\n    const showNextArrow =\n        isSmallScreen && visibleServiceIdx < filteredServiceData.length - 1;\n\n    useEffect(() => {\n        setVisibleServiceIdx(0);\n    }, [filteredServiceData]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleViewChange = (newView: \"day\" | \"week\") => {\n        setCurrentView(newView);\n    };\n\n    const handleTodayClick = useCallback(() => {\n        onTodayClick?.();\n    }, [onTodayClick]);\n\n    const handleNextService = useCallback(() => {\n        if (!filteredServiceData) return;\n        setVisibleServiceIdx((idx) =>\n            idx < filteredServiceData.length - 1 ? idx + 1 : idx\n        );\n    }, [filteredServiceData]);\n\n    const handlePrevService = useCallback(() => {\n        setVisibleServiceIdx((idx) => (idx > 0 ? idx - 1 : idx));\n    }, []);\n\n    // =============================================================================\n    // RENDER FUNCTION\n    // =============================================================================\n\n    const renderEmptyContent = () => (\n        <div className={clsx(styles.emptyTableContainer, \"empty-container\")}>\n            <ErrorDisplay\n                className={styles.noResultsFound}\n                type=\"no-item-found\"\n                description={emptyContentMessage}\n            />\n        </div>\n    );\n\n    const commonScheduleViewProps: CommonScheduleViewProps = {\n        date,\n        loading,\n        minTime,\n        maxTime,\n        initialScrollTime,\n        containerRef: contentContainerRef,\n        blockedMessage,\n    };\n\n    const renderScheduleView = () => (\n        <div\n            className={styles.scheduleBodyContainer}\n            ref={contentContainerRef}\n            data-id=\"schedule-container\"\n        >\n            {effectiveView === \"day\" ? (\n                <ScheduleDayView\n                    {...commonScheduleViewProps}\n                    serviceData={visibleServiceData}\n                    emptySlotPopover={emptySlotPopover}\n                    isMobile={isSmallScreen}\n                    onNextService={handleNextService}\n                    onPrevService={handlePrevService}\n                    showPrevArrow={showPrevArrow}\n                    showNextArrow={showNextArrow}\n                    onEmptySlotClick={onEmptySlotClick}\n                />\n            ) : (\n                <ScheduleWeekView\n                    {...commonScheduleViewProps}\n                    serviceData={serviceData}\n                    onClickHiddenSlots={onClickHiddenSlots}\n                />\n            )}\n        </div>\n    );\n\n    return (\n        <div\n            id={id}\n            className={clsx(\n                styles.container,\n                loading && styles.containerLoading,\n                className\n            )}\n            data-testid={testId}\n            {...otherProps}\n        >\n            <ScheduleHeader\n                data-id=\"schedule-header\"\n                date={date}\n                view={effectiveView}\n                minDate={minDate}\n                maxDate={maxDate}\n                onPreviousDayClick={onPreviousDayClick}\n                onNextDayClick={onNextDayClick}\n                onCalendarDateSelect={onCalendarDateSelect}\n                onViewChange={handleViewChange}\n                onTodayClick={handleTodayClick}\n            />\n\n            {isEmptyContent ? renderEmptyContent() : renderScheduleView()}\n        </div>\n    );\n};\n"],"names":["_a","id","className","view","date","serviceData","loading","minTime","maxTime","initialScrollTime","minDate","maxDate","emptyContentMessage","emptySlotPopover","onPreviousDayClick","onNextDayClick","onCalendarDateSelect","onTodayClick","onEmptySlotClick","blockedMessage","onClickHiddenSlots","testId","otherProps","__rest","currentView","setCurrentView","useState","isSmallScreen","useMaxWidthMediaQuery","effectiveView","contentContainerRef","useRef","visibleServiceIdx","setVisibleServiceIdx","isEmptyContent","length","isEmpty","filteredServiceData","useMemo","map","service","slots","filter","slot","visibleServiceData","showPrevArrow","showNextArrow","useEffect","handleTodayClick","useCallback","handleNextService","idx","handlePrevService","commonScheduleViewProps","containerRef","_jsxs","Object","assign","clsx","styles.container","styles.containerLoading","children","_jsx","ScheduleHeader","onViewChange","newView","styles.emptyTableContainer","ErrorDisplay","styles.noResultsFound","type","description","styles.scheduleBodyContainer","ref","ScheduleDayView","isMobile","onNextService","onPrevService","ScheduleWeekView"],"mappings":"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"}

package/cjs/schedule/schedule.styles.js

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

package/cjs/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":"mRAYO,MAAMA,EAAYC,EAAAA,QAAOC,GAAkB;;;;MAI3CC,IACC,GAAIA,EAAMC,SACN,OAAOC,KAAG;;;;aAKd;EAIKC,EAAwBL,EAAAA,QAAOC,GAAG;;;;EAMlCK,EAAsBN,EAAAA,QAAOC,GAAG;;;;6BAIhBM;cACfC,EAAAA,OAAO,gBAAgBA,EAAAA,OAAOC,SAASC,SAAe;qBAC/CC,EAAAA,OAAW;kBACdD,EAAAA,OAAW;EAGhBE,EAAiBZ,EAAAA,QAAOa,EAAAA,aAAa;;;eAGnCC,EAAAA,QAAQ;"}
+{"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":[],"mappings":"+FAKsB,oCAMO,uCAYG,kCAUL,wCAhBO"}

package/cjs/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/cjs/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":["loading","minTime","initialScrollTime","bodyRef","useRef","useEffect","current","scrollToTime","scrollPosition","calculateScrollPosition","scrollTop","maxTime","timelineOffset","setTimelineOffset","useState","updateOffset","getTimelineOffset","interval","setInterval","clearInterval"],"mappings":"8FAuCIA,EACAC,EACAC,GAEA,MAAMC,EAAUC,EAAAA,OAAuB,MAkBvC,OAhBAC,EAAAA,WAAU,KACN,IAAKL,GAAWG,EAAQG,SAAWL,EAAS,CACxC,MAAMM,EAAeL,GAAqBD,EACpCO,EAAiBC,EAAAA,wBACnBR,EACAM,GAGmB,OAAnBC,GACIL,EAAQG,UACRH,EAAQG,QAAQI,UAAYF,EAGxC,IACD,CAACP,EAASD,EAASE,IAEfC,CACX,4BAnDM,SACFF,EACAU,GAEA,MAAOC,EAAgBC,GAAqBC,EAAAA,SAAwB,MAWpE,OATAT,EAAAA,WAAU,KACN,SAASU,IACLF,EAAkBG,EAAAA,kBAAkBf,EAASU,GACjD,CACAI,IACA,MAAME,EAAWC,YAAYH,EAAc,KAC3C,MAAO,IAAMI,cAAcF,EAAS,GACrC,CAAChB,EAASU,IAENC,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":["loading","minTime","initialScrollTime","bodyRef","useRef","useEffect","current","scrollToTime","scrollPosition","calculateScrollPosition","scrollTop","maxTime","timelineOffset","setTimelineOffset","useState","updateOffset","getTimelineOffset","interval","setInterval","clearInterval"],"mappings":"8FAwCIA,EACAC,EACAC,GAEA,MAAMC,EAAUC,EAAAA,OAAuB,MAkBvC,OAhBAC,EAAAA,WAAU,KACN,IAAKL,GAAWG,EAAQG,SAAWL,EAAS,CACxC,MAAMM,EAAeL,GAAqBD,EACpCO,EAAiBC,EAAAA,wBACnBR,EACAM,GAGmB,OAAnBC,GACIL,EAAQG,UACRH,EAAQG,QAAQI,UAAYF,EAGxC,IACD,CAACP,EAASD,EAASE,IAEfC,CACX,4BAnDM,SACFF,EACAU,GAEA,MAAOC,EAAgBC,GAAqBC,EAAAA,SAAwB,MAWpE,OATAT,EAAAA,WAAU,KACN,SAASU,IACLF,EAAkBG,EAAAA,kBAAkBf,EAASU,GACjD,CACAI,IACA,MAAME,EAAWC,YAAYH,EAAc,KAC3C,MAAO,IAAMI,cAAcF,EAAS,GACrC,CAAChB,EAASU,IAENC,CACX"}

package/cjs/schedule/shared/utils.js

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