@flipdish/ui-library 0.32.1 → 0.34.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/atoms/Avatar/components/AvatarLabelGroup.cjs +6 -4
- package/dist/components/atoms/Avatar/components/AvatarLabelGroup.cjs.map +1 -1
- package/dist/components/atoms/Avatar/components/AvatarLabelGroup.d.ts +7 -1
- package/dist/components/atoms/Avatar/components/AvatarLabelGroup.d.ts.map +1 -1
- package/dist/components/atoms/Avatar/components/AvatarLabelGroup.js +6 -4
- package/dist/components/atoms/Avatar/components/AvatarLabelGroup.js.map +1 -1
- package/dist/components/atoms/Badge/badge.types.cjs.map +1 -1
- package/dist/components/atoms/Badge/badge.types.d.ts +2 -1
- package/dist/components/atoms/Badge/badge.types.d.ts.map +1 -1
- package/dist/components/atoms/Badge/badge.types.js.map +1 -1
- package/dist/components/atoms/Badge/index.cjs +2 -1
- package/dist/components/atoms/Badge/index.cjs.map +1 -1
- package/dist/components/atoms/Badge/index.d.ts.map +1 -1
- package/dist/components/atoms/Badge/index.js +2 -1
- package/dist/components/atoms/Badge/index.js.map +1 -1
- package/dist/components/atoms/Card/index.cjs +28 -0
- package/dist/components/atoms/Card/index.cjs.map +1 -0
- package/dist/components/atoms/Card/index.d.ts +20 -0
- package/dist/components/atoms/Card/index.d.ts.map +1 -0
- package/dist/components/atoms/Card/index.js +26 -0
- package/dist/components/atoms/Card/index.js.map +1 -0
- package/dist/components/atoms/CopyButton/index.cjs +27 -0
- package/dist/components/atoms/CopyButton/index.cjs.map +1 -0
- package/dist/components/atoms/CopyButton/index.d.ts +28 -0
- package/dist/components/atoms/CopyButton/index.d.ts.map +1 -0
- package/dist/components/atoms/CopyButton/index.js +25 -0
- package/dist/components/atoms/CopyButton/index.js.map +1 -0
- package/dist/components/atoms/Flag/flag.types.d.ts +6 -0
- package/dist/components/atoms/Flag/flag.types.d.ts.map +1 -0
- package/dist/components/atoms/Flag/flag.utils.cjs +45 -0
- package/dist/components/atoms/Flag/flag.utils.cjs.map +1 -0
- package/dist/components/atoms/Flag/flag.utils.d.ts +15 -0
- package/dist/components/atoms/Flag/flag.utils.d.ts.map +1 -0
- package/dist/components/atoms/Flag/flag.utils.js +42 -0
- package/dist/components/atoms/Flag/flag.utils.js.map +1 -0
- package/dist/components/atoms/Flag/index.cjs +47 -0
- package/dist/components/atoms/Flag/index.cjs.map +1 -0
- package/dist/components/atoms/Flag/index.d.ts +27 -0
- package/dist/components/atoms/Flag/index.d.ts.map +1 -0
- package/dist/components/atoms/Flag/index.js +45 -0
- package/dist/components/atoms/Flag/index.js.map +1 -0
- package/dist/components/atoms/SearchInput/index.cjs +32 -0
- package/dist/components/atoms/SearchInput/index.cjs.map +1 -0
- package/dist/components/atoms/SearchInput/index.d.ts +40 -0
- package/dist/components/atoms/SearchInput/index.d.ts.map +1 -0
- package/dist/components/atoms/SearchInput/index.js +30 -0
- package/dist/components/atoms/SearchInput/index.js.map +1 -0
- package/dist/components/molecules/CodeSnippet/codeSnippet.utils.cjs +73 -0
- package/dist/components/molecules/CodeSnippet/codeSnippet.utils.cjs.map +1 -1
- package/dist/components/molecules/CodeSnippet/codeSnippet.utils.d.ts +48 -0
- package/dist/components/molecules/CodeSnippet/codeSnippet.utils.d.ts.map +1 -1
- package/dist/components/molecules/CodeSnippet/codeSnippet.utils.js +70 -1
- package/dist/components/molecules/CodeSnippet/codeSnippet.utils.js.map +1 -1
- package/dist/components/molecules/CodeSnippet/hooks/useCodeSnippetHighlight.cjs +24 -2
- package/dist/components/molecules/CodeSnippet/hooks/useCodeSnippetHighlight.cjs.map +1 -1
- package/dist/components/molecules/CodeSnippet/hooks/useCodeSnippetHighlight.d.ts +2 -1
- package/dist/components/molecules/CodeSnippet/hooks/useCodeSnippetHighlight.d.ts.map +1 -1
- package/dist/components/molecules/CodeSnippet/hooks/useCodeSnippetHighlight.js +25 -3
- package/dist/components/molecules/CodeSnippet/hooks/useCodeSnippetHighlight.js.map +1 -1
- package/dist/components/molecules/CodeSnippet/index.cjs +7 -25
- package/dist/components/molecules/CodeSnippet/index.cjs.map +1 -1
- package/dist/components/molecules/CodeSnippet/index.d.ts +8 -4
- package/dist/components/molecules/CodeSnippet/index.d.ts.map +1 -1
- package/dist/components/molecules/CodeSnippet/index.js +8 -26
- package/dist/components/molecules/CodeSnippet/index.js.map +1 -1
- package/dist/components/molecules/DetailList/detailList.types.d.ts +15 -0
- package/dist/components/molecules/DetailList/detailList.types.d.ts.map +1 -0
- package/dist/components/molecules/DetailList/index.cjs +32 -0
- package/dist/components/molecules/DetailList/index.cjs.map +1 -0
- package/dist/components/molecules/DetailList/index.d.ts +26 -0
- package/dist/components/molecules/DetailList/index.d.ts.map +1 -0
- package/dist/components/molecules/DetailList/index.js +30 -0
- package/dist/components/molecules/DetailList/index.js.map +1 -0
- package/dist/components/molecules/RadioGroup/components/RadioGroupAvatarCard.cjs +43 -0
- package/dist/components/molecules/RadioGroup/components/RadioGroupAvatarCard.cjs.map +1 -0
- package/dist/components/molecules/RadioGroup/components/RadioGroupAvatarCard.d.ts +24 -0
- package/dist/components/molecules/RadioGroup/components/RadioGroupAvatarCard.d.ts.map +1 -0
- package/dist/components/molecules/RadioGroup/components/RadioGroupAvatarCard.js +41 -0
- package/dist/components/molecules/RadioGroup/components/RadioGroupAvatarCard.js.map +1 -0
- package/dist/components/molecules/RadioGroup/index.cjs +2 -0
- package/dist/components/molecules/RadioGroup/index.cjs.map +1 -1
- package/dist/components/molecules/RadioGroup/index.d.ts +2 -0
- package/dist/components/molecules/RadioGroup/index.d.ts.map +1 -1
- package/dist/components/molecules/RadioGroup/index.js +1 -0
- package/dist/components/molecules/RadioGroup/index.js.map +1 -1
- package/dist/components/molecules/RadioGroup/radioGroup.types.d.ts +17 -1
- package/dist/components/molecules/RadioGroup/radioGroup.types.d.ts.map +1 -1
- package/dist/components/organisms/ApplicationHeader/applicationHeader.types.d.ts +8 -2
- package/dist/components/organisms/ApplicationHeader/applicationHeader.types.d.ts.map +1 -1
- package/dist/components/organisms/ApplicationHeader/components/AvatarButton.cjs +4 -1
- package/dist/components/organisms/ApplicationHeader/components/AvatarButton.cjs.map +1 -1
- package/dist/components/organisms/ApplicationHeader/components/AvatarButton.d.ts +2 -1
- package/dist/components/organisms/ApplicationHeader/components/AvatarButton.d.ts.map +1 -1
- package/dist/components/organisms/ApplicationHeader/components/AvatarButton.js +4 -1
- package/dist/components/organisms/ApplicationHeader/components/AvatarButton.js.map +1 -1
- package/dist/components/organisms/ApplicationHeader/index.cjs +1 -1
- package/dist/components/organisms/ApplicationHeader/index.cjs.map +1 -1
- package/dist/components/organisms/ApplicationHeader/index.d.ts.map +1 -1
- package/dist/components/organisms/ApplicationHeader/index.js +1 -1
- package/dist/components/organisms/ApplicationHeader/index.js.map +1 -1
- package/dist/components/organisms/Calendar/calendar.utils.cjs +35 -0
- package/dist/components/organisms/Calendar/calendar.utils.cjs.map +1 -1
- package/dist/components/organisms/Calendar/calendar.utils.d.ts +29 -0
- package/dist/components/organisms/Calendar/calendar.utils.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/calendar.utils.js +36 -2
- package/dist/components/organisms/Calendar/calendar.utils.js.map +1 -1
- package/dist/components/organisms/Calendar/hooks/useCalendarClock.cjs +30 -0
- package/dist/components/organisms/Calendar/hooks/useCalendarClock.cjs.map +1 -0
- package/dist/components/organisms/Calendar/hooks/useCalendarClock.d.ts +12 -0
- package/dist/components/organisms/Calendar/hooks/useCalendarClock.d.ts.map +1 -0
- package/dist/components/organisms/Calendar/hooks/useCalendarClock.js +28 -0
- package/dist/components/organisms/Calendar/hooks/useCalendarClock.js.map +1 -0
- package/dist/components/organisms/Calendar/index.cjs +13 -42
- package/dist/components/organisms/Calendar/index.cjs.map +1 -1
- package/dist/components/organisms/Calendar/index.d.ts.map +1 -1
- package/dist/components/organisms/Calendar/index.js +15 -44
- package/dist/components/organisms/Calendar/index.js.map +1 -1
- package/dist/components/organisms/HeaderNavigation/index.cjs +2 -3
- package/dist/components/organisms/HeaderNavigation/index.cjs.map +1 -1
- package/dist/components/organisms/HeaderNavigation/index.d.ts.map +1 -1
- package/dist/components/organisms/HeaderNavigation/index.js +2 -3
- package/dist/components/organisms/HeaderNavigation/index.js.map +1 -1
- package/dist/components/organisms/SidePanel/components/SidePanelContent.cjs +3 -1
- package/dist/components/organisms/SidePanel/components/SidePanelContent.cjs.map +1 -1
- package/dist/components/organisms/SidePanel/components/SidePanelContent.d.ts.map +1 -1
- package/dist/components/organisms/SidePanel/components/SidePanelContent.js +3 -1
- package/dist/components/organisms/SidePanel/components/SidePanelContent.js.map +1 -1
- package/dist/components/organisms/SidePanel/components/SidePanelFooter.cjs +3 -3
- package/dist/components/organisms/SidePanel/components/SidePanelFooter.cjs.map +1 -1
- package/dist/components/organisms/SidePanel/components/SidePanelFooter.d.ts +7 -2
- package/dist/components/organisms/SidePanel/components/SidePanelFooter.d.ts.map +1 -1
- package/dist/components/organisms/SidePanel/components/SidePanelFooter.js +3 -3
- package/dist/components/organisms/SidePanel/components/SidePanelFooter.js.map +1 -1
- package/dist/components/organisms/SidePanel/components/SidePanelHeader.cjs +7 -3
- package/dist/components/organisms/SidePanel/components/SidePanelHeader.cjs.map +1 -1
- package/dist/components/organisms/SidePanel/components/SidePanelHeader.d.ts +6 -2
- package/dist/components/organisms/SidePanel/components/SidePanelHeader.d.ts.map +1 -1
- package/dist/components/organisms/SidePanel/components/SidePanelHeader.js +7 -3
- package/dist/components/organisms/SidePanel/components/SidePanelHeader.js.map +1 -1
- package/dist/components/organisms/SidePanel/components/SidePanelRegion.cjs +8 -3
- package/dist/components/organisms/SidePanel/components/SidePanelRegion.cjs.map +1 -1
- package/dist/components/organisms/SidePanel/components/SidePanelRegion.d.ts +2 -1
- package/dist/components/organisms/SidePanel/components/SidePanelRegion.d.ts.map +1 -1
- package/dist/components/organisms/SidePanel/components/SidePanelRegion.js +8 -3
- package/dist/components/organisms/SidePanel/components/SidePanelRegion.js.map +1 -1
- package/dist/components/organisms/SidePanel/hooks/usePanelFocus.cjs +12 -1
- package/dist/components/organisms/SidePanel/hooks/usePanelFocus.cjs.map +1 -1
- package/dist/components/organisms/SidePanel/hooks/usePanelFocus.d.ts +3 -1
- package/dist/components/organisms/SidePanel/hooks/usePanelFocus.d.ts.map +1 -1
- package/dist/components/organisms/SidePanel/hooks/usePanelFocus.js +13 -2
- package/dist/components/organisms/SidePanel/hooks/usePanelFocus.js.map +1 -1
- package/dist/components/organisms/SidePanel/index.cjs +2 -2
- package/dist/components/organisms/SidePanel/index.cjs.map +1 -1
- package/dist/components/organisms/SidePanel/index.d.ts +3 -1
- package/dist/components/organisms/SidePanel/index.d.ts.map +1 -1
- package/dist/components/organisms/SidePanel/index.js +2 -2
- package/dist/components/organisms/SidePanel/index.js.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/NavAccountCard.cjs +9 -2
- package/dist/components/organisms/SidebarNavigation/components/NavAccountCard.cjs.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/NavAccountCard.d.ts +12 -1
- package/dist/components/organisms/SidebarNavigation/components/NavAccountCard.d.ts.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/NavAccountCard.js +9 -2
- package/dist/components/organisms/SidebarNavigation/components/NavAccountCard.js.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/NavItem.cjs +10 -4
- package/dist/components/organisms/SidebarNavigation/components/NavItem.cjs.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/NavItem.d.ts +12 -1
- package/dist/components/organisms/SidebarNavigation/components/NavItem.d.ts.map +1 -1
- package/dist/components/organisms/SidebarNavigation/components/NavItem.js +10 -4
- package/dist/components/organisms/SidebarNavigation/components/NavItem.js.map +1 -1
- package/dist/components/organisms/SidebarNavigation/index.cjs +36 -11
- package/dist/components/organisms/SidebarNavigation/index.cjs.map +1 -1
- package/dist/components/organisms/SidebarNavigation/index.d.ts.map +1 -1
- package/dist/components/organisms/SidebarNavigation/index.js +38 -13
- package/dist/components/organisms/SidebarNavigation/index.js.map +1 -1
- package/dist/native/components/atoms/Card/index.d.ts +12 -0
- package/dist/native/components/atoms/CopyButton/index.d.ts +12 -0
- package/dist/native/components/atoms/Flag/index.d.ts +12 -0
- package/dist/native/components/atoms/SearchInput/index.d.ts +12 -0
- package/dist/native/components/molecules/DetailList/index.d.ts +12 -0
- package/dist/utilities/renderUtils/index.cjs +21 -0
- package/dist/utilities/renderUtils/index.cjs.map +1 -1
- package/dist/utilities/renderUtils/index.d.ts +10 -0
- package/dist/utilities/renderUtils/index.d.ts.map +1 -1
- package/dist/utilities/renderUtils/index.js +21 -1
- package/dist/utilities/renderUtils/index.js.map +1 -1
- package/package.json +2 -1
- package/dist/components/organisms/SidebarNavigation/components/NavButton.cjs +0 -32
- package/dist/components/organisms/SidebarNavigation/components/NavButton.cjs.map +0 -1
- package/dist/components/organisms/SidebarNavigation/components/NavButton.d.ts +0 -36
- package/dist/components/organisms/SidebarNavigation/components/NavButton.d.ts.map +0 -1
- package/dist/components/organisms/SidebarNavigation/components/NavButton.js +0 -30
- package/dist/components/organisms/SidebarNavigation/components/NavButton.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { FC } from 'react';
|
|
1
|
+
import type { FC, ReactNode } from 'react';
|
|
2
2
|
export type RadioGroupItemType = {
|
|
3
3
|
value: string;
|
|
4
4
|
title: string;
|
|
@@ -9,4 +9,20 @@ export type RadioGroupItemType = {
|
|
|
9
9
|
className?: string;
|
|
10
10
|
}>;
|
|
11
11
|
};
|
|
12
|
+
/** One option of `RadioGroup.AvatarCard`: an entity shown by its logo, with an optional footer outside the radio. */
|
|
13
|
+
export type AvatarCardItemType = {
|
|
14
|
+
value: string;
|
|
15
|
+
title: string;
|
|
16
|
+
/** Secondary line under the title, such as the entity's ID. */
|
|
17
|
+
subtitle?: string;
|
|
18
|
+
/** Logo URL; `initials`, then `placeholderIcon`, stand in when it is unset or fails to load. */
|
|
19
|
+
src?: string;
|
|
20
|
+
initials?: string;
|
|
21
|
+
placeholderIcon?: FC<{
|
|
22
|
+
className?: string;
|
|
23
|
+
}>;
|
|
24
|
+
/** Rendered under the option, outside the radio, so it may hold a link or button. */
|
|
25
|
+
footer?: ReactNode;
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
};
|
|
12
28
|
//# sourceMappingURL=radioGroup.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radioGroup.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/RadioGroup/radioGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"radioGroup.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/RadioGroup/radioGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAClC,CAAC;AAEF,qHAAqH;AACrH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gGAAgG;IAChG,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,qFAAqF;IACrF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
|
|
@@ -43,8 +43,9 @@ export interface ApplicationHeaderAssistant extends ApplicationHeaderElement {
|
|
|
43
43
|
onPress: () => void;
|
|
44
44
|
}
|
|
45
45
|
/**
|
|
46
|
-
* The header
|
|
47
|
-
*
|
|
46
|
+
* The header's own panels (`notifications.isOpen`, `assistant.isOpen`). Use it to type the app's "which one
|
|
47
|
+
* is open" state: `useState<ApplicationHeaderPanel | null>(null)`. When the avatar opens a panel too, extend
|
|
48
|
+
* it: `type PortalPanel = ApplicationHeaderPanel | 'organisation'`.
|
|
48
49
|
*/
|
|
49
50
|
export type ApplicationHeaderPanel = 'notifications' | 'assistant';
|
|
50
51
|
export interface ApplicationHeaderAvatar extends Omit<ApplicationHeaderElement, 'label'> {
|
|
@@ -56,6 +57,11 @@ export interface ApplicationHeaderAvatar extends Omit<ApplicationHeaderElement,
|
|
|
56
57
|
initials?: string;
|
|
57
58
|
/** Accessible name for the button. Defaults to `name`. */
|
|
58
59
|
label?: string;
|
|
60
|
+
/**
|
|
61
|
+
* Whether the panel or menu this button opens is open. Highlights the button and sets `aria-expanded`.
|
|
62
|
+
* Leave `undefined` when the button navigates instead of opening something.
|
|
63
|
+
*/
|
|
64
|
+
isOpen?: boolean;
|
|
59
65
|
/** Called when the avatar button is pressed. */
|
|
60
66
|
onPress: () => void;
|
|
61
67
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applicationHeader.types.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ApplicationHeader/applicationHeader.types.ts"],"names":[],"mappings":"AAAA,UAAU,wBAAwB;IAChC,mFAAmF;IACnF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,uBAAwB,SAAQ,wBAAwB;IACvE,qGAAqG;IACrG,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,8BAA+B,SAAQ,wBAAwB;IAC9E,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,0BAA2B,SAAQ,wBAAwB;IAC1E;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mDAAmD;IACnD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED
|
|
1
|
+
{"version":3,"file":"applicationHeader.types.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ApplicationHeader/applicationHeader.types.ts"],"names":[],"mappings":"AAAA,UAAU,wBAAwB;IAChC,mFAAmF;IACnF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,uBAAwB,SAAQ,wBAAwB;IACvE,qGAAqG;IACrG,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,8BAA+B,SAAQ,wBAAwB;IAC9E,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,0BAA2B,SAAQ,wBAAwB;IAC1E;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mDAAmD;IACnD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAAG,WAAW,CAAC;AAEnE,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,wBAAwB,EAAE,OAAO,CAAC;IACtF,8GAA8G;IAC9G,IAAI,EAAE,MAAM,CAAC;IACb,wFAAwF;IACxF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gDAAgD;IAChD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB;IACrE,kEAAkE;IAClE,MAAM,EAAE,OAAO,CAAC;IAChB,kEAAkE;IAClE,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}
|
|
@@ -3,10 +3,13 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var Avatar = require('@flipdish/ui-library/components/atoms/Avatar');
|
|
5
5
|
var Tooltip = require('@flipdish/ui-library/components/atoms/Tooltip');
|
|
6
|
+
var cx = require('@flipdish/ui-library/utilities/cx');
|
|
6
7
|
var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
7
8
|
var reactAriaComponents = require('react-aria-components');
|
|
8
9
|
|
|
9
|
-
const AvatarButton = ({ name, src, initials, label, onPress, 'data-testid': dataTestId }) => (jsxRuntime.jsx(Tooltip.Tooltip, { title: label, placement: "bottom", "data-testid": testIdUtils.joinTestId(dataTestId, 'tooltip'), children: jsxRuntime.jsx(reactAriaComponents.Button, { "aria-label": label, "data-testid": dataTestId, onPress: onPress, className:
|
|
10
|
+
const AvatarButton = ({ name, src, initials, label, isOpen, onPress, 'data-testid': dataTestId }) => (jsxRuntime.jsx(Tooltip.Tooltip, { title: label, placement: "bottom", "data-testid": testIdUtils.joinTestId(dataTestId, 'tooltip'), children: jsxRuntime.jsx(reactAriaComponents.Button, { "aria-label": label, "aria-expanded": isOpen, "data-testid": dataTestId, onPress: onPress, className: cx.cx('group flex size-9 shrink-0 cursor-pointer items-center justify-center rounded-md outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2',
|
|
11
|
+
// Only a button that opens something shows the hover and open treatment the other actions have.
|
|
12
|
+
isOpen !== undefined && 'transition duration-100 ease-linear hover:bg-primary_hover', isOpen && 'bg-brand-primary hover:bg-brand-primary'), children: jsxRuntime.jsx(Avatar.Avatar, { size: "sm", rounded: false, src: src, initials: initials ?? Avatar.getInitials(name).toUpperCase(),
|
|
10
13
|
// The design's square avatar uses a 4px radius, tighter than Avatar's unrounded default.
|
|
11
14
|
className: "rounded-sm", contentClassName: "rounded-sm", "data-testid": testIdUtils.joinTestId(dataTestId, 'image') }) }) }));
|
|
12
15
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarButton.cjs","sources":["../../../../../src/components/organisms/ApplicationHeader/components/AvatarButton.tsx"],"sourcesContent":[null],"names":["_jsx","Tooltip","joinTestId","AriaButton","Avatar","getInitials"],"mappings":"
|
|
1
|
+
{"version":3,"file":"AvatarButton.cjs","sources":["../../../../../src/components/organisms/ApplicationHeader/components/AvatarButton.tsx"],"sourcesContent":[null],"names":["_jsx","Tooltip","joinTestId","AriaButton","cx","Avatar","getInitials"],"mappings":";;;;;;;;;AAkBO,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAqB,MACxHA,cAAA,CAACC,eAAO,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,QAAQ,EAAA,aAAA,EAAcC,sBAAU,CAAC,UAAU,EAAE,SAAS,CAAC,EAAA,QAAA,EACtFF,cAAA,CAACG,0BAAU,EAAA,EAAA,YAAA,EACG,KAAK,EAAA,eAAA,EACF,MAAM,EAAA,aAAA,EACR,UAAU,EACvB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAEC,KAAE,CACX,4JAA4J;;AAE5J,QAAA,MAAM,KAAK,SAAS,IAAI,4DAA4D,EACpF,MAAM,IAAI,yCAAyC,CACpD,YAEDJ,cAAA,CAACK,aAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,KAAK,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,IAAIC,kBAAW,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE;;AAErD,YAAA,SAAS,EAAC,YAAY,EACtB,gBAAgB,EAAC,YAAY,EAAA,aAAA,EAChBJ,sBAAU,CAAC,UAAU,EAAE,OAAO,CAAC,GAC5C,EAAA,CACS,EAAA,CACL;;"}
|
|
@@ -3,9 +3,10 @@ interface AvatarButtonProps {
|
|
|
3
3
|
src?: string;
|
|
4
4
|
initials?: string;
|
|
5
5
|
label: string;
|
|
6
|
+
isOpen?: boolean;
|
|
6
7
|
onPress: () => void;
|
|
7
8
|
'data-testid': string;
|
|
8
9
|
}
|
|
9
|
-
export declare const AvatarButton: ({ name, src, initials, label, onPress, "data-testid": dataTestId }: AvatarButtonProps) => import("react").JSX.Element;
|
|
10
|
+
export declare const AvatarButton: ({ name, src, initials, label, isOpen, onPress, "data-testid": dataTestId }: AvatarButtonProps) => import("react").JSX.Element;
|
|
10
11
|
export {};
|
|
11
12
|
//# sourceMappingURL=AvatarButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/ApplicationHeader/components/AvatarButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AvatarButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/ApplicationHeader/components/AvatarButton.tsx"],"names":[],"mappings":"AAQA,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,GAAI,4EAA4E,iBAAiB,gCA0BzH,CAAC"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Avatar, getInitials } from '@flipdish/ui-library/components/atoms/Avatar';
|
|
3
3
|
import { Tooltip } from '@flipdish/ui-library/components/atoms/Tooltip';
|
|
4
|
+
import { cx } from '@flipdish/ui-library/utilities/cx';
|
|
4
5
|
import { joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
|
|
5
6
|
import { Button } from 'react-aria-components';
|
|
6
7
|
|
|
7
|
-
const AvatarButton = ({ name, src, initials, label, onPress, 'data-testid': dataTestId }) => (jsx(Tooltip, { title: label, placement: "bottom", "data-testid": joinTestId(dataTestId, 'tooltip'), children: jsx(Button, { "aria-label": label, "data-testid": dataTestId, onPress: onPress, className:
|
|
8
|
+
const AvatarButton = ({ name, src, initials, label, isOpen, onPress, 'data-testid': dataTestId }) => (jsx(Tooltip, { title: label, placement: "bottom", "data-testid": joinTestId(dataTestId, 'tooltip'), children: jsx(Button, { "aria-label": label, "aria-expanded": isOpen, "data-testid": dataTestId, onPress: onPress, className: cx('group flex size-9 shrink-0 cursor-pointer items-center justify-center rounded-md outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2',
|
|
9
|
+
// Only a button that opens something shows the hover and open treatment the other actions have.
|
|
10
|
+
isOpen !== undefined && 'transition duration-100 ease-linear hover:bg-primary_hover', isOpen && 'bg-brand-primary hover:bg-brand-primary'), children: jsx(Avatar, { size: "sm", rounded: false, src: src, initials: initials ?? getInitials(name).toUpperCase(),
|
|
8
11
|
// The design's square avatar uses a 4px radius, tighter than Avatar's unrounded default.
|
|
9
12
|
className: "rounded-sm", contentClassName: "rounded-sm", "data-testid": joinTestId(dataTestId, 'image') }) }) }));
|
|
10
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarButton.js","sources":["../../../../../src/components/organisms/ApplicationHeader/components/AvatarButton.tsx"],"sourcesContent":[null],"names":["_jsx","AriaButton"],"mappings":"
|
|
1
|
+
{"version":3,"file":"AvatarButton.js","sources":["../../../../../src/components/organisms/ApplicationHeader/components/AvatarButton.tsx"],"sourcesContent":[null],"names":["_jsx","AriaButton"],"mappings":";;;;;;;AAkBO,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAqB,MACxHA,GAAA,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,QAAQ,EAAA,aAAA,EAAc,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,EAAA,QAAA,EACtFA,GAAA,CAACC,MAAU,EAAA,EAAA,YAAA,EACG,KAAK,EAAA,eAAA,EACF,MAAM,EAAA,aAAA,EACR,UAAU,EACvB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,4JAA4J;;AAE5J,QAAA,MAAM,KAAK,SAAS,IAAI,4DAA4D,EACpF,MAAM,IAAI,yCAAyC,CACpD,YAEDD,GAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,KAAK,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE;;AAErD,YAAA,SAAS,EAAC,YAAY,EACtB,gBAAgB,EAAC,YAAY,EAAA,aAAA,EAChB,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,GAC5C,EAAA,CACS,EAAA,CACL;;"}
|
|
@@ -38,7 +38,7 @@ const ApplicationHeader = ({ search, notifications, assistant, avatar, menu, hom
|
|
|
38
38
|
const safeHomeHref = hrefUtils.safeHref(homeHref);
|
|
39
39
|
return (jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: rootTestId, children: jsxRuntime.jsxs("header", { "data-testid": rootTestId, className: cx.cx('sticky top-0 z-30 flex h-14 w-full items-center gap-2 border-b border-secondary bg-primary pr-3 pl-4 lg:h-16 lg:px-6', className), children: [menu && (jsxRuntime.jsx(MenuButton.MenuButton, { isOpen: menu.isOpen, onPress: () => menu.onOpenChange(!menu.isOpen), label: menuLabel, controls: menu.controls, className: "lg:hidden", "data-testid": menu['data-testid'] ?? testIdUtils.joinTestId(rootTestId, 'menu') })), jsxRuntime.jsx("div", { className: "flex min-w-0 flex-1 items-center lg:hidden", children: safeHomeHref === undefined ? (
|
|
40
40
|
// A rejected `homeHref` leaves a plain logo: no link role, nothing to activate.
|
|
41
|
-
jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { size: "sm", "data-testid": testIdUtils.joinTestId(rootTestId, 'logo') })) : (jsxRuntime.jsx(reactAriaComponents.Link, { href: safeHomeHref, "aria-label": "Go to homepage", "data-testid": testIdUtils.joinTestId(rootTestId, 'logo'), className: "rounded-xs outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { size: "sm", "aria-hidden": "true" }) })) }), search && (jsxRuntime.jsx(SearchTrigger.SearchTrigger, { size: "sm", placeholder: search.placeholder ?? 'Search', label: search.label ?? 'Search', onPress: search.onPress, shortcutHint: shortcutHint, className: "w-80 max-lg:hidden", "data-testid": search['data-testid'] ?? testIdUtils.joinTestId(rootTestId, 'search') })), hasActions && (jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-2 lg:ml-auto", children: [notifications && (jsxRuntime.jsx(HeaderAction.HeaderAction, { icon: uiIcons.Bell01, label: applicationHeader_utils.getNotificationsLabel(notificationsLabel, notifications.count), tooltip: notificationsLabel, badge: applicationHeader_utils.formatBadgeCount(notifications.count), isOpen: notifications.isOpen, onPress: notifications.onPress, "data-testid": notifications['data-testid'] ?? testIdUtils.joinTestId(rootTestId, 'notifications') })), assistant && (jsxRuntime.jsx(HeaderAction.HeaderAction, { icon: uiIcons.Stars01, label: assistantLabel, tooltip: assistantLabel, isOpen: assistant.isOpen, onPress: assistant.onPress, "data-testid": assistant['data-testid'] ?? testIdUtils.joinTestId(rootTestId, 'assistant') })), avatar && (jsxRuntime.jsx(AvatarButton.AvatarButton, { name: avatar.name, src: avatar.src, initials: avatar.initials, label: avatar.label ?? avatar.name, onPress: avatar.onPress, "data-testid": avatar['data-testid'] ?? testIdUtils.joinTestId(rootTestId, 'avatar') }))] }))] }) }));
|
|
41
|
+
jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { size: "sm", "data-testid": testIdUtils.joinTestId(rootTestId, 'logo') })) : (jsxRuntime.jsx(reactAriaComponents.Link, { href: safeHomeHref, "aria-label": "Go to homepage", "data-testid": testIdUtils.joinTestId(rootTestId, 'logo'), className: "rounded-xs outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { size: "sm", "aria-hidden": "true" }) })) }), search && (jsxRuntime.jsx(SearchTrigger.SearchTrigger, { size: "sm", placeholder: search.placeholder ?? 'Search', label: search.label ?? 'Search', onPress: search.onPress, shortcutHint: shortcutHint, className: "w-80 max-lg:hidden", "data-testid": search['data-testid'] ?? testIdUtils.joinTestId(rootTestId, 'search') })), hasActions && (jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-2 lg:ml-auto", children: [notifications && (jsxRuntime.jsx(HeaderAction.HeaderAction, { icon: uiIcons.Bell01, label: applicationHeader_utils.getNotificationsLabel(notificationsLabel, notifications.count), tooltip: notificationsLabel, badge: applicationHeader_utils.formatBadgeCount(notifications.count), isOpen: notifications.isOpen, onPress: notifications.onPress, "data-testid": notifications['data-testid'] ?? testIdUtils.joinTestId(rootTestId, 'notifications') })), assistant && (jsxRuntime.jsx(HeaderAction.HeaderAction, { icon: uiIcons.Stars01, label: assistantLabel, tooltip: assistantLabel, isOpen: assistant.isOpen, onPress: assistant.onPress, "data-testid": assistant['data-testid'] ?? testIdUtils.joinTestId(rootTestId, 'assistant') })), avatar && (jsxRuntime.jsx(AvatarButton.AvatarButton, { name: avatar.name, src: avatar.src, initials: avatar.initials, label: avatar.label ?? avatar.name, isOpen: avatar.isOpen, onPress: avatar.onPress, "data-testid": avatar['data-testid'] ?? testIdUtils.joinTestId(rootTestId, 'avatar') }))] }))] }) }));
|
|
42
42
|
};
|
|
43
43
|
|
|
44
44
|
exports.ApplicationHeader = ApplicationHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/ApplicationHeader/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","useHotkeyHint","safeHref","_jsx","TestIdProvider","_jsxs","cx","MenuButton","joinTestId","FlipdishLogo","AriaLink","SearchTrigger","HeaderAction","Bell01","getNotificationsLabel","formatBadgeCount","Stars01","AvatarButton"],"mappings":";;;;;;;;;;;;;;;;AA+BA;;;AAGG;AACI,MAAM,uBAAuB,GAAG;AAiCvC;;;;;;AAMG;AACI,MAAM,iBAAiB,GAAG,CAAC,EAChC,MAAM,EACN,aAAa,EACb,SAAS,EACT,MAAM,EACN,IAAI,EACJ,QAAQ,GAAG,GAAG,EACd,SAAS,EACT,aAAa,EAAE,UAAU,GACF,KAAI;AAC3B,IAAA,MAAM,UAAU,GAAGA,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,CAAC;;IAG3H,MAAM,QAAQ,GAAG,MAAM,IAAI,MAAM,CAAC,QAAQ,KAAK,SAAS,GAAG,uBAAuB,GAAG,MAAM,CAAC,QAAQ,IAAI,IAAI;AAC5G,IAAA,MAAM,YAAY,GAAGC,2BAAa,CAAC,QAAQ,CAAC;AAE5C,IAAA,MAAM,kBAAkB,GAAG,aAAa,EAAE,KAAK,IAAI,eAAe;AAClE,IAAA,MAAM,cAAc,GAAG,SAAS,EAAE,KAAK,IAAI,WAAW;AACtD,IAAA,MAAM,SAAS,GAAG,IAAI,EAAE,KAAK,KAAK,IAAI,EAAE,MAAM,GAAG,uBAAuB,GAAG,sBAAsB,CAAC;IAClG,MAAM,UAAU,GAAG,OAAO,CAAC,aAAa,IAAI,SAAS,IAAI,MAAM,CAAC;AAChE,IAAA,MAAM,YAAY,GAAGC,kBAAQ,CAAC,QAAQ,CAAC;AAEvC,IAAA,QACEC,cAAA,CAACC,0BAAc,IAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EAC/BC,eAAA,CAAA,QAAA,EAAA,EAAA,aAAA,EACe,UAAU,EACvB,SAAS,EAAEC,KAAE,CACX,sHAAsH,EACtH,SAAS,CACV,EAAA,QAAA,EAAA,CAEA,IAAI,KACHH,cAAA,CAACI,qBAAU,IACT,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAC9C,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAC,WAAW,EAAA,aAAA,EACR,IAAI,CAAC,aAAa,CAAC,IAAIC,sBAAU,CAAC,UAAU,EAAE,MAAM,CAAC,GAClE,CACH,EAEDL,wBAAK,SAAS,EAAC,4CAA4C,EAAA,QAAA,EACxD,YAAY,KAAK,SAAS;;AAEzB,oBAAAA,cAAA,CAACM,yBAAY,EAAA,EAAC,IAAI,EAAC,IAAI,EAAA,aAAA,EAAcD,sBAAU,CAAC,UAAU,EAAE,MAAM,CAAC,GAAI,KAEvEL,cAAA,CAACO,wBAAQ,EAAA,EACP,IAAI,EAAE,YAAY,EAAA,YAAA,EACP,gBAAgB,EAAA,aAAA,EACdF,sBAAU,CAAC,UAAU,EAAE,MAAM,CAAC,EAC3C,SAAS,EAAC,sFAAsF,EAAA,QAAA,EAEhGL,cAAA,CAACM,yBAAY,EAAA,EAAC,IAAI,EAAC,IAAI,EAAA,aAAA,EAAa,MAAM,
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/ApplicationHeader/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","useHotkeyHint","safeHref","_jsx","TestIdProvider","_jsxs","cx","MenuButton","joinTestId","FlipdishLogo","AriaLink","SearchTrigger","HeaderAction","Bell01","getNotificationsLabel","formatBadgeCount","Stars01","AvatarButton"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ApplicationHeader/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,0BAA0B,EAC1B,uBAAuB,EACvB,qBAAqB,EACrB,8BAA8B,EAC9B,uBAAuB,EACxB,MAAM,2BAA2B,CAAC;AAOnC,YAAY,EACV,0BAA0B,EAC1B,uBAAuB,EACvB,qBAAqB,EACrB,8BAA8B,EAC9B,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,2BAA2B,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,uBAAuB,UAAU,CAAC;AAE/C,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,+DAA+D;IAC/D,aAAa,CAAC,EAAE,8BAA8B,CAAC;IAC/C,yCAAyC;IACzC,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,GAAI,qGAS/B,sBAAsB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ApplicationHeader/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,0BAA0B,EAC1B,uBAAuB,EACvB,qBAAqB,EACrB,8BAA8B,EAC9B,uBAAuB,EACxB,MAAM,2BAA2B,CAAC;AAOnC,YAAY,EACV,0BAA0B,EAC1B,uBAAuB,EACvB,qBAAqB,EACrB,8BAA8B,EAC9B,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,2BAA2B,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,uBAAuB,UAAU,CAAC;AAE/C,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,+DAA+D;IAC/D,aAAa,CAAC,EAAE,8BAA8B,CAAC;IAC/C,yCAAyC;IACzC,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,GAAI,qGAS/B,sBAAsB,gCAsGxB,CAAC"}
|
|
@@ -36,7 +36,7 @@ const ApplicationHeader = ({ search, notifications, assistant, avatar, menu, hom
|
|
|
36
36
|
const safeHomeHref = safeHref(homeHref);
|
|
37
37
|
return (jsx(TestIdProvider, { value: rootTestId, children: jsxs("header", { "data-testid": rootTestId, className: cx('sticky top-0 z-30 flex h-14 w-full items-center gap-2 border-b border-secondary bg-primary pr-3 pl-4 lg:h-16 lg:px-6', className), children: [menu && (jsx(MenuButton, { isOpen: menu.isOpen, onPress: () => menu.onOpenChange(!menu.isOpen), label: menuLabel, controls: menu.controls, className: "lg:hidden", "data-testid": menu['data-testid'] ?? joinTestId(rootTestId, 'menu') })), jsx("div", { className: "flex min-w-0 flex-1 items-center lg:hidden", children: safeHomeHref === undefined ? (
|
|
38
38
|
// A rejected `homeHref` leaves a plain logo: no link role, nothing to activate.
|
|
39
|
-
jsx(FlipdishLogo, { size: "sm", "data-testid": joinTestId(rootTestId, 'logo') })) : (jsx(Link, { href: safeHomeHref, "aria-label": "Go to homepage", "data-testid": joinTestId(rootTestId, 'logo'), className: "rounded-xs outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: jsx(FlipdishLogo, { size: "sm", "aria-hidden": "true" }) })) }), search && (jsx(SearchTrigger, { size: "sm", placeholder: search.placeholder ?? 'Search', label: search.label ?? 'Search', onPress: search.onPress, shortcutHint: shortcutHint, className: "w-80 max-lg:hidden", "data-testid": search['data-testid'] ?? joinTestId(rootTestId, 'search') })), hasActions && (jsxs("div", { className: "flex shrink-0 items-center gap-2 lg:ml-auto", children: [notifications && (jsx(HeaderAction, { icon: Bell01, label: getNotificationsLabel(notificationsLabel, notifications.count), tooltip: notificationsLabel, badge: formatBadgeCount(notifications.count), isOpen: notifications.isOpen, onPress: notifications.onPress, "data-testid": notifications['data-testid'] ?? joinTestId(rootTestId, 'notifications') })), assistant && (jsx(HeaderAction, { icon: Stars01, label: assistantLabel, tooltip: assistantLabel, isOpen: assistant.isOpen, onPress: assistant.onPress, "data-testid": assistant['data-testid'] ?? joinTestId(rootTestId, 'assistant') })), avatar && (jsx(AvatarButton, { name: avatar.name, src: avatar.src, initials: avatar.initials, label: avatar.label ?? avatar.name, onPress: avatar.onPress, "data-testid": avatar['data-testid'] ?? joinTestId(rootTestId, 'avatar') }))] }))] }) }));
|
|
39
|
+
jsx(FlipdishLogo, { size: "sm", "data-testid": joinTestId(rootTestId, 'logo') })) : (jsx(Link, { href: safeHomeHref, "aria-label": "Go to homepage", "data-testid": joinTestId(rootTestId, 'logo'), className: "rounded-xs outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: jsx(FlipdishLogo, { size: "sm", "aria-hidden": "true" }) })) }), search && (jsx(SearchTrigger, { size: "sm", placeholder: search.placeholder ?? 'Search', label: search.label ?? 'Search', onPress: search.onPress, shortcutHint: shortcutHint, className: "w-80 max-lg:hidden", "data-testid": search['data-testid'] ?? joinTestId(rootTestId, 'search') })), hasActions && (jsxs("div", { className: "flex shrink-0 items-center gap-2 lg:ml-auto", children: [notifications && (jsx(HeaderAction, { icon: Bell01, label: getNotificationsLabel(notificationsLabel, notifications.count), tooltip: notificationsLabel, badge: formatBadgeCount(notifications.count), isOpen: notifications.isOpen, onPress: notifications.onPress, "data-testid": notifications['data-testid'] ?? joinTestId(rootTestId, 'notifications') })), assistant && (jsx(HeaderAction, { icon: Stars01, label: assistantLabel, tooltip: assistantLabel, isOpen: assistant.isOpen, onPress: assistant.onPress, "data-testid": assistant['data-testid'] ?? joinTestId(rootTestId, 'assistant') })), avatar && (jsx(AvatarButton, { name: avatar.name, src: avatar.src, initials: avatar.initials, label: avatar.label ?? avatar.name, isOpen: avatar.isOpen, onPress: avatar.onPress, "data-testid": avatar['data-testid'] ?? joinTestId(rootTestId, 'avatar') }))] }))] }) }));
|
|
40
40
|
};
|
|
41
41
|
|
|
42
42
|
export { ApplicationHeader, DEFAULT_SEARCH_SHORTCUT };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/ApplicationHeader/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaLink"],"mappings":";;;;;;;;;;;;;;AA+BA;;;AAGG;AACI,MAAM,uBAAuB,GAAG;AAiCvC;;;;;;AAMG;AACI,MAAM,iBAAiB,GAAG,CAAC,EAChC,MAAM,EACN,aAAa,EACb,SAAS,EACT,MAAM,EACN,IAAI,EACJ,QAAQ,GAAG,GAAG,EACd,SAAS,EACT,aAAa,EAAE,UAAU,GACF,KAAI;AAC3B,IAAA,MAAM,UAAU,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,CAAC;;IAG3H,MAAM,QAAQ,GAAG,MAAM,IAAI,MAAM,CAAC,QAAQ,KAAK,SAAS,GAAG,uBAAuB,GAAG,MAAM,CAAC,QAAQ,IAAI,IAAI;AAC5G,IAAA,MAAM,YAAY,GAAG,aAAa,CAAC,QAAQ,CAAC;AAE5C,IAAA,MAAM,kBAAkB,GAAG,aAAa,EAAE,KAAK,IAAI,eAAe;AAClE,IAAA,MAAM,cAAc,GAAG,SAAS,EAAE,KAAK,IAAI,WAAW;AACtD,IAAA,MAAM,SAAS,GAAG,IAAI,EAAE,KAAK,KAAK,IAAI,EAAE,MAAM,GAAG,uBAAuB,GAAG,sBAAsB,CAAC;IAClG,MAAM,UAAU,GAAG,OAAO,CAAC,aAAa,IAAI,SAAS,IAAI,MAAM,CAAC;AAChE,IAAA,MAAM,YAAY,GAAG,QAAQ,CAAC,QAAQ,CAAC;AAEvC,IAAA,QACEA,GAAA,CAAC,cAAc,IAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EAC/BC,IAAA,CAAA,QAAA,EAAA,EAAA,aAAA,EACe,UAAU,EACvB,SAAS,EAAE,EAAE,CACX,sHAAsH,EACtH,SAAS,CACV,EAAA,QAAA,EAAA,CAEA,IAAI,KACHD,GAAA,CAAC,UAAU,IACT,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAC9C,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAC,WAAW,EAAA,aAAA,EACR,IAAI,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,UAAU,EAAE,MAAM,CAAC,GAClE,CACH,EAEDA,aAAK,SAAS,EAAC,4CAA4C,EAAA,QAAA,EACxD,YAAY,KAAK,SAAS;;AAEzB,oBAAAA,GAAA,CAAC,YAAY,EAAA,EAAC,IAAI,EAAC,IAAI,EAAA,aAAA,EAAc,UAAU,CAAC,UAAU,EAAE,MAAM,CAAC,GAAI,KAEvEA,GAAA,CAACE,IAAQ,EAAA,EACP,IAAI,EAAE,YAAY,EAAA,YAAA,EACP,gBAAgB,EAAA,aAAA,EACd,UAAU,CAAC,UAAU,EAAE,MAAM,CAAC,EAC3C,SAAS,EAAC,sFAAsF,EAAA,QAAA,EAEhGF,GAAA,CAAC,YAAY,EAAA,EAAC,IAAI,EAAC,IAAI,EAAA,aAAA,EAAa,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/ApplicationHeader/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaLink"],"mappings":";;;;;;;;;;;;;;AA+BA;;;AAGG;AACI,MAAM,uBAAuB,GAAG;AAiCvC;;;;;;AAMG;AACI,MAAM,iBAAiB,GAAG,CAAC,EAChC,MAAM,EACN,aAAa,EACb,SAAS,EACT,MAAM,EACN,IAAI,EACJ,QAAQ,GAAG,GAAG,EACd,SAAS,EACT,aAAa,EAAE,UAAU,GACF,KAAI;AAC3B,IAAA,MAAM,UAAU,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,CAAC;;IAG3H,MAAM,QAAQ,GAAG,MAAM,IAAI,MAAM,CAAC,QAAQ,KAAK,SAAS,GAAG,uBAAuB,GAAG,MAAM,CAAC,QAAQ,IAAI,IAAI;AAC5G,IAAA,MAAM,YAAY,GAAG,aAAa,CAAC,QAAQ,CAAC;AAE5C,IAAA,MAAM,kBAAkB,GAAG,aAAa,EAAE,KAAK,IAAI,eAAe;AAClE,IAAA,MAAM,cAAc,GAAG,SAAS,EAAE,KAAK,IAAI,WAAW;AACtD,IAAA,MAAM,SAAS,GAAG,IAAI,EAAE,KAAK,KAAK,IAAI,EAAE,MAAM,GAAG,uBAAuB,GAAG,sBAAsB,CAAC;IAClG,MAAM,UAAU,GAAG,OAAO,CAAC,aAAa,IAAI,SAAS,IAAI,MAAM,CAAC;AAChE,IAAA,MAAM,YAAY,GAAG,QAAQ,CAAC,QAAQ,CAAC;AAEvC,IAAA,QACEA,GAAA,CAAC,cAAc,IAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EAC/BC,IAAA,CAAA,QAAA,EAAA,EAAA,aAAA,EACe,UAAU,EACvB,SAAS,EAAE,EAAE,CACX,sHAAsH,EACtH,SAAS,CACV,EAAA,QAAA,EAAA,CAEA,IAAI,KACHD,GAAA,CAAC,UAAU,IACT,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAC9C,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAC,WAAW,EAAA,aAAA,EACR,IAAI,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,UAAU,EAAE,MAAM,CAAC,GAClE,CACH,EAEDA,aAAK,SAAS,EAAC,4CAA4C,EAAA,QAAA,EACxD,YAAY,KAAK,SAAS;;AAEzB,oBAAAA,GAAA,CAAC,YAAY,EAAA,EAAC,IAAI,EAAC,IAAI,EAAA,aAAA,EAAc,UAAU,CAAC,UAAU,EAAE,MAAM,CAAC,GAAI,KAEvEA,GAAA,CAACE,IAAQ,EAAA,EACP,IAAI,EAAE,YAAY,EAAA,YAAA,EACP,gBAAgB,EAAA,aAAA,EACd,UAAU,CAAC,UAAU,EAAE,MAAM,CAAC,EAC3C,SAAS,EAAC,sFAAsF,EAAA,QAAA,EAEhGF,GAAA,CAAC,YAAY,EAAA,EAAC,IAAI,EAAC,IAAI,EAAA,aAAA,EAAa,MAAM,EAAA,CAAG,EAAA,CACpC,CACZ,EAAA,CACG,EAEL,MAAM,KACLA,GAAA,CAAC,aAAa,EAAA,EACZ,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,MAAM,CAAC,WAAW,IAAI,QAAQ,EAC3C,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,QAAQ,EAC/B,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,oBAAoB,EAAA,aAAA,EACjB,MAAM,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,CACtE,CACH,EAEA,UAAU,KACTC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAAA,CACzD,aAAa,KACZD,GAAA,CAAC,YAAY,EAAA,EACX,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,qBAAqB,CAAC,kBAAkB,EAAE,aAAa,CAAC,KAAK,CAAC,EACrE,OAAO,EAAE,kBAAkB,EAC3B,KAAK,EAAE,gBAAgB,CAAC,aAAa,CAAC,KAAK,CAAC,EAC5C,MAAM,EAAE,aAAa,CAAC,MAAM,EAC5B,OAAO,EAAE,aAAa,CAAC,OAAO,EAAA,aAAA,EACjB,aAAa,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,UAAU,EAAE,eAAe,CAAC,EAAA,CACpF,CACH,EAEA,SAAS,KACRA,GAAA,CAAC,YAAY,EAAA,EACX,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,SAAS,CAAC,MAAM,EACxB,OAAO,EAAE,SAAS,CAAC,OAAO,EAAA,aAAA,EACb,SAAS,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,UAAU,EAAE,WAAW,CAAC,EAAA,CAC5E,CACH,EAEA,MAAM,KACLA,GAAA,CAAC,YAAY,EAAA,EACX,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,EAClC,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,OAAO,EAAE,MAAM,CAAC,OAAO,iBACV,MAAM,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,CACtE,CACH,CAAA,EAAA,CACG,CACP,CAAA,EAAA,CACM,EAAA,CACM;AAErB;;"}
|
|
@@ -47,6 +47,40 @@ const getEventsForDay = (allEvents, targetDate, timeZone) => {
|
|
|
47
47
|
})
|
|
48
48
|
.sort((a, b) => a.start.compare(b.start));
|
|
49
49
|
};
|
|
50
|
+
/**
|
|
51
|
+
* Resolves the next month anchor and selected day after a header Prev, Next, or Today press.
|
|
52
|
+
* Month steps the visible month, week steps from the start of the anchored week, and day steps one day and keeps it selected.
|
|
53
|
+
*
|
|
54
|
+
* @param options The current view, anchors, locale, and the viewer's today.
|
|
55
|
+
* @returns The month anchor to store and the selected day, or `null` when the step clears the selection.
|
|
56
|
+
*/
|
|
57
|
+
const navigateCalendar = ({ action, view, currentMonthDate, selectedDate, locale, todayDate, }) => {
|
|
58
|
+
if (action === 'TODAY') {
|
|
59
|
+
return { currentMonthDate: todayDate, selectedDate: todayDate };
|
|
60
|
+
}
|
|
61
|
+
// Week and day step from the selected day when there is one, otherwise from the month anchor.
|
|
62
|
+
const anchorDate = selectedDate || currentMonthDate;
|
|
63
|
+
const direction = action === 'PREV' ? -1 : 1;
|
|
64
|
+
let nextDate;
|
|
65
|
+
switch (view) {
|
|
66
|
+
case 'month':
|
|
67
|
+
nextDate = currentMonthDate.add({ months: direction });
|
|
68
|
+
break;
|
|
69
|
+
case 'week':
|
|
70
|
+
nextDate = date.startOfWeek(anchorDate, locale).add({ weeks: direction });
|
|
71
|
+
break;
|
|
72
|
+
case 'day':
|
|
73
|
+
nextDate = anchorDate.add({ days: direction });
|
|
74
|
+
break;
|
|
75
|
+
default:
|
|
76
|
+
nextDate = currentMonthDate;
|
|
77
|
+
}
|
|
78
|
+
// The header reads the month anchor, so every step writes it. Month and week steps clear the selection; a day step keeps the landed day.
|
|
79
|
+
return {
|
|
80
|
+
currentMonthDate: nextDate,
|
|
81
|
+
selectedDate: view === 'day' ? nextDate : null,
|
|
82
|
+
};
|
|
83
|
+
};
|
|
50
84
|
|
|
51
85
|
exports.SLOT_HEIGHT = SLOT_HEIGHT;
|
|
52
86
|
exports.getDaysInVisibleMonthGrid = getDaysInVisibleMonthGrid;
|
|
@@ -54,4 +88,5 @@ exports.getEndOfDay = getEndOfDay;
|
|
|
54
88
|
exports.getEventsForDay = getEventsForDay;
|
|
55
89
|
exports.getISOWeek = getISOWeek;
|
|
56
90
|
exports.getStartOfDay = getStartOfDay;
|
|
91
|
+
exports.navigateCalendar = navigateCalendar;
|
|
57
92
|
//# sourceMappingURL=calendar.utils.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.utils.cjs","sources":["../../../../src/components/organisms/Calendar/calendar.utils.ts"],"sourcesContent":[null],"names":["date","CalendarDate","toZoned","startOfMonth","endOfMonth","startOfWeek","endOfWeek"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"calendar.utils.cjs","sources":["../../../../src/components/organisms/Calendar/calendar.utils.ts"],"sourcesContent":[null],"names":["date","CalendarDate","toZoned","startOfMonth","endOfMonth","startOfWeek","endOfWeek"],"mappings":"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"}
|
|
@@ -23,4 +23,33 @@ export declare const getEventsForDay: <T extends {
|
|
|
23
23
|
start: ZonedDateTime;
|
|
24
24
|
end: ZonedDateTime;
|
|
25
25
|
}>(allEvents: T[], targetDate: CalendarDate, timeZone: string) => T[];
|
|
26
|
+
export interface NavigateCalendarOptions {
|
|
27
|
+
/** Header control that was pressed. */
|
|
28
|
+
action: 'PREV' | 'NEXT' | 'TODAY';
|
|
29
|
+
/** Active view. An unrecognised view leaves the month anchor where it is and clears the selection. */
|
|
30
|
+
view: string;
|
|
31
|
+
/** Month currently anchoring the header. */
|
|
32
|
+
currentMonthDate: CalendarDate;
|
|
33
|
+
/** Last selected day, or `null` after a month or week step cleared it. */
|
|
34
|
+
selectedDate: CalendarDate | null;
|
|
35
|
+
/** Locale that decides which weekday a week starts on. */
|
|
36
|
+
locale: string;
|
|
37
|
+
/** The viewer's today. Read only when `action` is `TODAY`, so a step does not consult the clock. */
|
|
38
|
+
todayDate: CalendarDate;
|
|
39
|
+
}
|
|
40
|
+
/** Month anchor and selected day after one header navigation step. */
|
|
41
|
+
export interface CalendarNavigationState {
|
|
42
|
+
/** Date the header and month grid anchor on. */
|
|
43
|
+
currentMonthDate: CalendarDate;
|
|
44
|
+
/** Selected day, or `null` when the step cleared the selection. */
|
|
45
|
+
selectedDate: CalendarDate | null;
|
|
46
|
+
}
|
|
47
|
+
/**
|
|
48
|
+
* Resolves the next month anchor and selected day after a header Prev, Next, or Today press.
|
|
49
|
+
* Month steps the visible month, week steps from the start of the anchored week, and day steps one day and keeps it selected.
|
|
50
|
+
*
|
|
51
|
+
* @param options The current view, anchors, locale, and the viewer's today.
|
|
52
|
+
* @returns The month anchor to store and the selected day, or `null` when the step clears the selection.
|
|
53
|
+
*/
|
|
54
|
+
export declare const navigateCalendar: ({ action, view, currentMonthDate, selectedDate, locale, todayDate, }: NavigateCalendarOptions) => CalendarNavigationState;
|
|
26
55
|
//# sourceMappingURL=calendar.utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Calendar/calendar.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA6D,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACtI,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAE1E;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,MAAM,IAAI,KAAG,MAMvC,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,WAAW,KAAK,CAAC;AAE9B,mFAAmF;AACnF,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAC;IACrB,GAAG,EAAE,aAAa,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,MAAM,aAAa,GAAG,YAAY,EAAE,UAAU,MAAM,KAAG,aAIpF,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,MAAM,aAAa,GAAG,YAAY,EAAE,UAAU,MAAM,KAAG,aAIlF,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,YAAY,YAAY,EAAE,QAAQ,MAAM,KAAG,YAAY,EAahG,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS;IAAE,KAAK,EAAE,aAAa,CAAC;IAAC,GAAG,EAAE,aAAa,CAAA;CAAE,EACpF,WAAW,CAAC,EAAE,EACd,YAAY,YAAY,EACxB,UAAU,MAAM,KACf,CAAC,EAWH,CAAC"}
|
|
1
|
+
{"version":3,"file":"calendar.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Calendar/calendar.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA6D,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACtI,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAE1E;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,MAAM,IAAI,KAAG,MAMvC,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,WAAW,KAAK,CAAC;AAE9B,mFAAmF;AACnF,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAC;IACrB,GAAG,EAAE,aAAa,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,MAAM,aAAa,GAAG,YAAY,EAAE,UAAU,MAAM,KAAG,aAIpF,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,MAAM,aAAa,GAAG,YAAY,EAAE,UAAU,MAAM,KAAG,aAIlF,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,YAAY,YAAY,EAAE,QAAQ,MAAM,KAAG,YAAY,EAahG,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS;IAAE,KAAK,EAAE,aAAa,CAAC;IAAC,GAAG,EAAE,aAAa,CAAA;CAAE,EACpF,WAAW,CAAC,EAAE,EACd,YAAY,YAAY,EACxB,UAAU,MAAM,KACf,CAAC,EAWH,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,uCAAuC;IACvC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAClC,sGAAsG;IACtG,IAAI,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,gBAAgB,EAAE,YAAY,CAAC;IAC/B,0EAA0E;IAC1E,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,0DAA0D;IAC1D,MAAM,EAAE,MAAM,CAAC;IACf,oGAAoG;IACpG,SAAS,EAAE,YAAY,CAAC;CACzB;AAED,sEAAsE;AACtE,MAAM,WAAW,uBAAuB;IACtC,gDAAgD;IAChD,gBAAgB,EAAE,YAAY,CAAC;IAC/B,mEAAmE;IACnE,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;CACnC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,sEAO9B,uBAAuB,KAAG,uBA6B5B,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { startOfMonth, endOfMonth,
|
|
1
|
+
import { startOfWeek, startOfMonth, endOfMonth, endOfWeek, CalendarDate, toZoned } from '@internationalized/date';
|
|
2
2
|
|
|
3
3
|
/**
|
|
4
4
|
* ISO 8601 week-of-year: weeks start on Monday and week 1 is the week containing
|
|
@@ -45,6 +45,40 @@ const getEventsForDay = (allEvents, targetDate, timeZone) => {
|
|
|
45
45
|
})
|
|
46
46
|
.sort((a, b) => a.start.compare(b.start));
|
|
47
47
|
};
|
|
48
|
+
/**
|
|
49
|
+
* Resolves the next month anchor and selected day after a header Prev, Next, or Today press.
|
|
50
|
+
* Month steps the visible month, week steps from the start of the anchored week, and day steps one day and keeps it selected.
|
|
51
|
+
*
|
|
52
|
+
* @param options The current view, anchors, locale, and the viewer's today.
|
|
53
|
+
* @returns The month anchor to store and the selected day, or `null` when the step clears the selection.
|
|
54
|
+
*/
|
|
55
|
+
const navigateCalendar = ({ action, view, currentMonthDate, selectedDate, locale, todayDate, }) => {
|
|
56
|
+
if (action === 'TODAY') {
|
|
57
|
+
return { currentMonthDate: todayDate, selectedDate: todayDate };
|
|
58
|
+
}
|
|
59
|
+
// Week and day step from the selected day when there is one, otherwise from the month anchor.
|
|
60
|
+
const anchorDate = selectedDate || currentMonthDate;
|
|
61
|
+
const direction = action === 'PREV' ? -1 : 1;
|
|
62
|
+
let nextDate;
|
|
63
|
+
switch (view) {
|
|
64
|
+
case 'month':
|
|
65
|
+
nextDate = currentMonthDate.add({ months: direction });
|
|
66
|
+
break;
|
|
67
|
+
case 'week':
|
|
68
|
+
nextDate = startOfWeek(anchorDate, locale).add({ weeks: direction });
|
|
69
|
+
break;
|
|
70
|
+
case 'day':
|
|
71
|
+
nextDate = anchorDate.add({ days: direction });
|
|
72
|
+
break;
|
|
73
|
+
default:
|
|
74
|
+
nextDate = currentMonthDate;
|
|
75
|
+
}
|
|
76
|
+
// The header reads the month anchor, so every step writes it. Month and week steps clear the selection; a day step keeps the landed day.
|
|
77
|
+
return {
|
|
78
|
+
currentMonthDate: nextDate,
|
|
79
|
+
selectedDate: view === 'day' ? nextDate : null,
|
|
80
|
+
};
|
|
81
|
+
};
|
|
48
82
|
|
|
49
|
-
export { SLOT_HEIGHT, getDaysInVisibleMonthGrid, getEndOfDay, getEventsForDay, getISOWeek, getStartOfDay };
|
|
83
|
+
export { SLOT_HEIGHT, getDaysInVisibleMonthGrid, getEndOfDay, getEventsForDay, getISOWeek, getStartOfDay, navigateCalendar };
|
|
50
84
|
//# sourceMappingURL=calendar.utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.utils.js","sources":["../../../../src/components/organisms/Calendar/calendar.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"calendar.utils.js","sources":["../../../../src/components/organisms/Calendar/calendar.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var date = require('@internationalized/date');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Tracks whether the calendar has mounted and the viewer's current minute in the local time zone.
|
|
8
|
+
* The calendar paints nothing until mount, because "today" depends on the client time zone and would mismatch hydration.
|
|
9
|
+
*
|
|
10
|
+
* @returns The local time zone, the current zoned time refreshed once a minute, and whether the client has mounted.
|
|
11
|
+
*/
|
|
12
|
+
const useCalendarClock = () => {
|
|
13
|
+
const timeZone = React.useMemo(() => date.getLocalTimeZone(), []);
|
|
14
|
+
const [currentTime, setCurrentTime] = React.useState(() => date.now(timeZone));
|
|
15
|
+
const [isMounted, setIsMounted] = React.useState(false);
|
|
16
|
+
React.useEffect(() => {
|
|
17
|
+
setIsMounted(true);
|
|
18
|
+
}, []);
|
|
19
|
+
React.useEffect(() => {
|
|
20
|
+
// The time marker only needs minute resolution; a faster tick would re-render every view.
|
|
21
|
+
const intervalId = setInterval(() => {
|
|
22
|
+
setCurrentTime(date.now(timeZone));
|
|
23
|
+
}, 60000);
|
|
24
|
+
return () => clearInterval(intervalId);
|
|
25
|
+
}, [timeZone]);
|
|
26
|
+
return { timeZone, currentTime, isMounted };
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
exports.useCalendarClock = useCalendarClock;
|
|
30
|
+
//# sourceMappingURL=useCalendarClock.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCalendarClock.cjs","sources":["../../../../../src/components/organisms/Calendar/hooks/useCalendarClock.ts"],"sourcesContent":[null],"names":["useMemo","getLocalTimeZone","useState","now","useEffect"],"mappings":";;;;;AAKA;;;;;AAKG;AACI,MAAM,gBAAgB,GAAG,MAAK;AACnC,IAAA,MAAM,QAAQ,GAAGA,aAAO,CAAC,MAAMC,qBAAgB,EAAE,EAAE,EAAE,CAAC;AACtD,IAAA,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGC,cAAQ,CAAC,MAAMC,QAAG,CAAC,QAAQ,CAAC,CAAC;IACnE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGD,cAAQ,CAAC,KAAK,CAAC;IAEjDE,eAAS,CAAC,MAAK;QACb,YAAY,CAAC,IAAI,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC;IAENA,eAAS,CAAC,MAAK;;AAEb,QAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAK;AAClC,YAAA,cAAc,CAACD,QAAG,CAAC,QAAQ,CAAC,CAAC;QAC/B,CAAC,EAAE,KAAK,CAAC;AACT,QAAA,OAAO,MAAM,aAAa,CAAC,UAAU,CAAC;AACxC,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEd,IAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE;AAC7C;;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Tracks whether the calendar has mounted and the viewer's current minute in the local time zone.
|
|
3
|
+
* The calendar paints nothing until mount, because "today" depends on the client time zone and would mismatch hydration.
|
|
4
|
+
*
|
|
5
|
+
* @returns The local time zone, the current zoned time refreshed once a minute, and whether the client has mounted.
|
|
6
|
+
*/
|
|
7
|
+
export declare const useCalendarClock: () => {
|
|
8
|
+
timeZone: string;
|
|
9
|
+
currentTime: import("@internationalized/date").ZonedDateTime;
|
|
10
|
+
isMounted: boolean;
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=useCalendarClock.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCalendarClock.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Calendar/hooks/useCalendarClock.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;;;;CAkB5B,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { getLocalTimeZone, now } from '@internationalized/date';
|
|
2
|
+
import { useMemo, useState, useEffect } from 'react';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Tracks whether the calendar has mounted and the viewer's current minute in the local time zone.
|
|
6
|
+
* The calendar paints nothing until mount, because "today" depends on the client time zone and would mismatch hydration.
|
|
7
|
+
*
|
|
8
|
+
* @returns The local time zone, the current zoned time refreshed once a minute, and whether the client has mounted.
|
|
9
|
+
*/
|
|
10
|
+
const useCalendarClock = () => {
|
|
11
|
+
const timeZone = useMemo(() => getLocalTimeZone(), []);
|
|
12
|
+
const [currentTime, setCurrentTime] = useState(() => now(timeZone));
|
|
13
|
+
const [isMounted, setIsMounted] = useState(false);
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
setIsMounted(true);
|
|
16
|
+
}, []);
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
// The time marker only needs minute resolution; a faster tick would re-render every view.
|
|
19
|
+
const intervalId = setInterval(() => {
|
|
20
|
+
setCurrentTime(now(timeZone));
|
|
21
|
+
}, 60000);
|
|
22
|
+
return () => clearInterval(intervalId);
|
|
23
|
+
}, [timeZone]);
|
|
24
|
+
return { timeZone, currentTime, isMounted };
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
export { useCalendarClock };
|
|
28
|
+
//# sourceMappingURL=useCalendarClock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCalendarClock.js","sources":["../../../../../src/components/organisms/Calendar/hooks/useCalendarClock.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAKA;;;;;AAKG;AACI,MAAM,gBAAgB,GAAG,MAAK;AACnC,IAAA,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,gBAAgB,EAAE,EAAE,EAAE,CAAC;AACtD,IAAA,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,QAAQ,CAAC,CAAC;IACnE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAEjD,SAAS,CAAC,MAAK;QACb,YAAY,CAAC,IAAI,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC;IAEN,SAAS,CAAC,MAAK;;AAEb,QAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAK;AAClC,YAAA,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC/B,CAAC,EAAE,KAAK,CAAC;AACT,QAAA,OAAO,MAAM,aAAa,CAAC,UAAU,CAAC;AACxC,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEd,IAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE;AAC7C;;"}
|
|
@@ -6,10 +6,12 @@ var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
|
|
|
6
6
|
var date = require('@internationalized/date');
|
|
7
7
|
var i18n = require('@react-aria/i18n');
|
|
8
8
|
var React = require('react');
|
|
9
|
+
var calendar_utils = require('./calendar.utils.cjs');
|
|
9
10
|
var CalendarDayView = require('./components/CalendarDayView.cjs');
|
|
10
11
|
var CalendarHeader = require('./components/CalendarHeader.cjs');
|
|
11
12
|
var CalendarMonthView = require('./components/CalendarMonthView.cjs');
|
|
12
13
|
var CalendarWeekView = require('./components/CalendarWeekView.cjs');
|
|
14
|
+
var useCalendarClock = require('./hooks/useCalendarClock.cjs');
|
|
13
15
|
|
|
14
16
|
const viewOptions = [
|
|
15
17
|
{ value: 'day', label: 'Day view' },
|
|
@@ -26,7 +28,7 @@ const viewOptions = [
|
|
|
26
28
|
const Calendar = ({ events, view: defaultView = 'month', className, 'data-testid': dataTestId }) => {
|
|
27
29
|
const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'calendar', rootName: 'calendar' });
|
|
28
30
|
const { locale } = i18n.useLocale();
|
|
29
|
-
const timeZone
|
|
31
|
+
const { timeZone, currentTime, isMounted } = useCalendarClock.useCalendarClock();
|
|
30
32
|
const timeFormatter = i18n.useDateFormatter({ hour: 'numeric', minute: '2-digit', hour12: true });
|
|
31
33
|
const shortWeekdayFormatter = i18n.useDateFormatter({ weekday: 'short' });
|
|
32
34
|
const fullDateFormatter = i18n.useDateFormatter({ weekday: 'long', month: 'long', day: 'numeric', year: 'numeric' });
|
|
@@ -34,17 +36,6 @@ const Calendar = ({ events, view: defaultView = 'month', className, 'data-testid
|
|
|
34
36
|
const [currentMonthDate, setCurrentMonthDate] = React.useState(() => date.today(timeZone));
|
|
35
37
|
const [selectedDate, setSelectedDate] = React.useState(currentMonthDate);
|
|
36
38
|
const [view, setView] = React.useState(defaultView);
|
|
37
|
-
const [currentTime, setCurrentTime] = React.useState(() => date.now(timeZone));
|
|
38
|
-
const [isMounted, setIsMounted] = React.useState(false);
|
|
39
|
-
React.useEffect(() => {
|
|
40
|
-
setIsMounted(true);
|
|
41
|
-
}, []);
|
|
42
|
-
React.useEffect(() => {
|
|
43
|
-
const intervalId = setInterval(() => {
|
|
44
|
-
setCurrentTime(date.now(timeZone));
|
|
45
|
-
}, 60000);
|
|
46
|
-
return () => clearInterval(intervalId);
|
|
47
|
-
}, [timeZone]);
|
|
48
39
|
const zonedEvents = React.useMemo(() => {
|
|
49
40
|
return events.map((event) => ({
|
|
50
41
|
...event,
|
|
@@ -54,36 +45,16 @@ const Calendar = ({ events, view: defaultView = 'month', className, 'data-testid
|
|
|
54
45
|
}, [events]);
|
|
55
46
|
const headerDate = React.useMemo(() => (view === 'day' && selectedDate ? selectedDate.toDate(timeZone) : currentMonthDate.toDate(timeZone)), [view, selectedDate, currentMonthDate, timeZone]);
|
|
56
47
|
const handleNavigate = (action) => {
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
break;
|
|
68
|
-
case 'week':
|
|
69
|
-
// biome-ignore lint/correctness/noSwitchDeclarations: We need to use a switch statement to handle the different views
|
|
70
|
-
const currentWeekStart = date.startOfWeek(anchorDate, locale);
|
|
71
|
-
newDate = currentWeekStart.add({ weeks: P });
|
|
72
|
-
break;
|
|
73
|
-
case 'day':
|
|
74
|
-
newDate = anchorDate.add({ days: P });
|
|
75
|
-
break;
|
|
76
|
-
default:
|
|
77
|
-
newDate = currentMonthDate;
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
setCurrentMonthDate(newDate); // Always update month anchor for header consistency
|
|
81
|
-
if (action === 'TODAY' || view === 'day') {
|
|
82
|
-
setSelectedDate(newDate); // Select today or the navigated day
|
|
83
|
-
}
|
|
84
|
-
else {
|
|
85
|
-
setSelectedDate(null); // Clear selection when navigating months/weeks
|
|
86
|
-
}
|
|
48
|
+
const next = calendar_utils.navigateCalendar({
|
|
49
|
+
action,
|
|
50
|
+
view,
|
|
51
|
+
currentMonthDate,
|
|
52
|
+
selectedDate,
|
|
53
|
+
locale,
|
|
54
|
+
todayDate: date.today(timeZone),
|
|
55
|
+
});
|
|
56
|
+
setCurrentMonthDate(next.currentMonthDate);
|
|
57
|
+
setSelectedDate(next.selectedDate);
|
|
87
58
|
};
|
|
88
59
|
const dayToDisplay = selectedDate || currentMonthDate;
|
|
89
60
|
if (!isMounted)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/Calendar/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","useLocale","
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/Calendar/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","useLocale","useCalendarClock","useDateFormatter","useState","today","useMemo","parseAbsoluteToLocal","navigateCalendar","_jsx","TestIdProvider","_jsxs","cx","CalendarHeader","MonthView","_Fragment","DayView","WeekView"],"mappings":"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"}
|