@clickhouse/click-ui 0.2.1-rc.8 → 0.4.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/cjs/components/CardHorizontal/index.cjs +11 -4
- package/dist/cjs/components/CardHorizontal/index.cjs.map +1 -1
- package/dist/cjs/components/DatePicker/Common.cjs +11 -2
- package/dist/cjs/components/DatePicker/Common.cjs.map +1 -1
- package/dist/cjs/components/DatePicker/DateTimeRangePicker.cjs +41 -14
- package/dist/cjs/components/DatePicker/DateTimeRangePicker.cjs.map +1 -1
- package/dist/cjs/components/DatePicker/utils.cjs +16 -0
- package/dist/cjs/components/DatePicker/utils.cjs.map +1 -1
- package/dist/esm/components/CardHorizontal/index.js +11 -4
- package/dist/esm/components/CardHorizontal/index.js.map +1 -1
- package/dist/esm/components/DatePicker/Common.js +12 -3
- package/dist/esm/components/DatePicker/Common.js.map +1 -1
- package/dist/esm/components/DatePicker/DateTimeRangePicker.js +42 -15
- package/dist/esm/components/DatePicker/DateTimeRangePicker.js.map +1 -1
- package/dist/esm/components/DatePicker/utils.js +16 -1
- package/dist/esm/components/DatePicker/utils.js.map +1 -1
- package/dist/types/components/CardHorizontal/CardHorizontal.d.ts +1 -1
- package/dist/types/components/CardHorizontal/CardHorizontal.types.d.ts +2 -0
- package/dist/types/components/CardHorizontal/index.d.ts +1 -1
- package/dist/types/components/DatePicker/DateTimeRangePicker.d.ts +3 -2
- package/dist/types/components/DatePicker/utils.d.ts +1 -0
- package/dist/types/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -19,7 +19,11 @@ const Description = styledComponents.styled.div.withConfig({
|
|
|
19
19
|
}) => theme.click.card.horizontal.space.md.gap);
|
|
20
20
|
const Wrapper = styledComponents.styled.div.withConfig({
|
|
21
21
|
componentId: "sc-1qnbjoa-2"
|
|
22
|
-
})(["display:inline-flex;width:100%;max-width:100%;align-items:
|
|
22
|
+
})(["display:inline-flex;width:100%;max-width:100%;align-items:", ";align-self:", ";justify-content:flex-start;", ""], ({
|
|
23
|
+
$alignment
|
|
24
|
+
}) => $alignment === "top" ? "flex-start" : "center", ({
|
|
25
|
+
$alignment
|
|
26
|
+
}) => $alignment === "top" ? "stretch" : "auto", ({
|
|
23
27
|
theme,
|
|
24
28
|
$color,
|
|
25
29
|
$size,
|
|
@@ -95,7 +99,9 @@ const ContentWrapper = styledComponents.styled.div.withConfig({
|
|
|
95
99
|
}) => theme.breakpoint.sizes.md);
|
|
96
100
|
const IconTextContentWrapper = styledComponents.styled.div.withConfig({
|
|
97
101
|
componentId: "sc-1qnbjoa-5"
|
|
98
|
-
})(["display:flex;flex-direction:row;align-items:
|
|
102
|
+
})(["display:flex;flex-direction:row;align-items:", ";width:100%;gap:", ";"], ({
|
|
103
|
+
$alignment
|
|
104
|
+
}) => $alignment === "top" ? "flex-start" : "center", ({
|
|
99
105
|
theme,
|
|
100
106
|
$size
|
|
101
107
|
}) => $size === "md" ? theme.click.card.horizontal.space.md.gap : theme.click.card.horizontal.space.sm.gap);
|
|
@@ -111,6 +117,7 @@ const CardHorizontal = ({
|
|
|
111
117
|
children,
|
|
112
118
|
color = "default",
|
|
113
119
|
size = "md",
|
|
120
|
+
alignment = "center",
|
|
114
121
|
badgeText,
|
|
115
122
|
badgeState,
|
|
116
123
|
badgeIcon,
|
|
@@ -130,8 +137,8 @@ const CardHorizontal = ({
|
|
|
130
137
|
window.open(infoUrl, "_blank");
|
|
131
138
|
}
|
|
132
139
|
};
|
|
133
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Wrapper, { $disabled: disabled, $isSelected: isSelected, $isSelectable: isSelectable, $color: color, $size: size, tabIndex: disabled ? -1 : 0, "aria-disabled": disabled, onClick: handleClick, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(ContentWrapper, { $size: size, children: [
|
|
134
|
-
/* @__PURE__ */ jsxRuntime.jsxs(IconTextContentWrapper, { $size: size, children: [
|
|
140
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Wrapper, { $disabled: disabled, $isSelected: isSelected, $isSelectable: isSelectable, $color: color, $size: size, $alignment: alignment, tabIndex: disabled ? -1 : 0, "aria-disabled": disabled, onClick: handleClick, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(ContentWrapper, { $size: size, children: [
|
|
141
|
+
/* @__PURE__ */ jsxRuntime.jsxs(IconTextContentWrapper, { $size: size, $alignment: alignment, children: [
|
|
135
142
|
icon && /* @__PURE__ */ jsxRuntime.jsx(CardIcon, { name: icon, "aria-hidden": true }),
|
|
136
143
|
/* @__PURE__ */ jsxRuntime.jsxs(Container.Container, { padding: "none", orientation: "vertical", children: [
|
|
137
144
|
title && /* @__PURE__ */ jsxRuntime.jsxs(Header, { as: Container.Container, isResponsive: false, gap: "xs", justifyContent: "space-between", fillWidth: true, children: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../src/components/CardHorizontal/CardHorizontal.tsx"],"sourcesContent":["import { styled } from 'styled-components';\nimport { Badge } from '@/components/Badge';\nimport { Button } from '@/components/Button';\nimport { Container } from '@/components/Container';\nimport { Icon } from '@/components/Icon';\nimport { CardHorizontalProps, CardSize, CardColor } from './CardHorizontal.types';\n\nconst Header = styled.div`\n max-width: 100%;\n gap: inherit;\n`;\n\nconst Description = styled.div`\n display: flex;\n flex-direction: column;\n align-self: start;\n gap: ${({ theme }) => theme.click.card.horizontal.space.md.gap};\n flex: 1;\n width: 100%;\n`;\n\nconst Wrapper = styled.div<{\n $hasShadow?: boolean;\n $disabled?: boolean;\n $isSelected?: boolean;\n $isSelectable?: boolean;\n $color: CardColor;\n $size?: CardSize;\n}>`\n display: inline-flex;\n width: 100%;\n max-width: 100%;\n align-items: center;\n justify-content: flex-start;\n\n ${({ theme, $color, $size, $isSelected, $isSelectable, $disabled }) => `\n background: ${theme.click.card.horizontal[$color].color.background.default};\n color: ${theme.click.card.horizontal[$color].color.title.default};\n border-radius: ${theme.click.card.horizontal.radii.all};\n border: 1px solid ${\n theme.click.card.horizontal[$color].color.stroke[\n $isSelectable ? ($isSelected ? 'active' : 'hover') : 'default'\n ]\n };\n padding: ${\n $size === 'md'\n ? `${theme.click.card.horizontal.space.md.y} ${theme.click.card.horizontal.space.md.x}`\n : `${theme.click.card.horizontal.space.sm.y} ${theme.click.card.horizontal.space.sm.x}`\n };\n font: ${theme.click.card.horizontal.typography.title.default};\n ${Description} {\n color: ${theme.click.card.horizontal[$color].color.description.default};\n font: ${theme.click.card.horizontal.typography.description.default};\n }\n &:hover{\n background-color: ${\n theme.click.card.horizontal[$color].color.background[\n $isSelectable ? 'hover' : 'default'\n ]\n };\n color: ${\n theme.click.card.horizontal[$color].color.title[\n $isSelectable ? 'hover' : 'default'\n ]\n };\n border: 1px solid ${\n theme.click.card.horizontal[$color].color.stroke[\n $isSelectable ? ($isSelected ? 'active' : 'default') : 'default'\n ]\n };\n cursor: ${$isSelectable ? 'pointer' : 'default'};\n font: ${theme.click.card.horizontal.typography.title.hover};\n ${Description} {\n color: ${\n theme.click.card.horizontal[$color].color.description[\n $isSelectable ? 'hover' : 'default'\n ]\n };\n font: ${\n theme.click.card.horizontal.typography.description[\n $isSelectable ? 'hover' : 'default'\n ]\n };\n }\n }\n\n &:active, &:focus, &:focus-within {\n background-color: ${\n theme.click.card.horizontal[$color].color.background[\n $isSelectable ? 'active' : 'default'\n ]\n };\n color: ${\n theme.click.card.horizontal[$color].color.title[\n $isSelectable ? 'active' : 'default'\n ]\n };\n border: 1px solid ${\n theme.click.card.horizontal[$color].color.stroke[\n $isSelectable ? 'active' : 'default'\n ]\n };\n ${Description} {\n color: ${\n theme.click.card.horizontal[$color].color.description[\n $isSelectable ? 'active' : 'default'\n ]\n };\n font: ${\n theme.click.card.horizontal.typography.description[\n $isSelectable ? 'active' : 'default'\n ]\n };\n }\n }\n ${\n $disabled\n ? `\n pointer-events: none;\n &,\n &:hover,\n &:active, &:focus, &:focus-within {\n background-color: ${\n theme.click.card.horizontal[$color].color.background.disabled\n };\n color: ${theme.click.card.horizontal[$color].color.title.disabled};\n border: 1px solid ${\n theme.click.card.horizontal[$color].color.stroke[\n $isSelected ? 'active' : 'disabled'\n ]\n };\n cursor: not-allowed;\n ${Description} {\n color: ${theme.click.card.horizontal[$color].color.description.disabled};\n font: ${theme.click.card.horizontal.typography.description.disabled};\n }\n },\n &:active, &:focus, &:focus-within {\n border: 1px solid ${theme.click.card.horizontal[$color].color.stroke.active};\n }\n `\n : ''\n }\n `}\n`;\n\nconst CardIcon = styled(Icon)`\n ${({ theme }) => `\n height: ${theme.click.card.horizontal.icon.size.all};\n width: ${theme.click.card.horizontal.icon.size.all};\n `}\n`;\n\nconst ContentWrapper = styled.div<{ $size: CardSize }>`\n display: flex;\n flex-direction: row;\n width: 100%;\n gap: ${({ theme, $size }) =>\n $size === 'md'\n ? theme.click.card.horizontal.space.md.gap\n : theme.click.card.horizontal.space.sm.gap};\n\n @media (max-width: ${({ theme }) => theme.breakpoint.sizes.md}) {\n flex-direction: column;\n }\n`;\n\nconst IconTextContentWrapper = styled.div<{ $size: CardSize }>`\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n gap: ${({ theme, $size }) =>\n $size === 'md'\n ? theme.click.card.horizontal.space.md.gap\n : theme.click.card.horizontal.space.sm.gap};\n`;\n\nexport const CardHorizontal = ({\n title,\n icon,\n description,\n disabled = false,\n infoText,\n infoUrl,\n isSelected,\n isSelectable = infoText ? false : true,\n children,\n color = 'default',\n size = 'md',\n badgeText,\n badgeState,\n badgeIcon,\n badgeIconDir,\n onButtonClick,\n ...props\n}: CardHorizontalProps) => {\n const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n if (disabled) {\n e.preventDefault();\n return;\n }\n\n if (typeof onButtonClick === 'function') {\n onButtonClick(e);\n }\n if (infoUrl && infoUrl.length > 0) {\n window.open(infoUrl, '_blank');\n }\n };\n return (\n <Wrapper\n $disabled={disabled}\n $isSelected={isSelected}\n $isSelectable={isSelectable}\n $color={color}\n $size={size}\n tabIndex={disabled ? -1 : 0}\n aria-disabled={disabled}\n onClick={handleClick}\n {...props}\n >\n <ContentWrapper $size={size}>\n <IconTextContentWrapper $size={size}>\n {icon && (\n <CardIcon\n name={icon}\n aria-hidden\n />\n )}\n <Container\n padding=\"none\"\n orientation=\"vertical\"\n >\n {title && (\n <Header\n as={Container}\n isResponsive={false}\n gap=\"xs\"\n justifyContent=\"space-between\"\n fillWidth\n >\n <Container\n orientation=\"horizontal\"\n gap=\"xs\"\n isResponsive={false}\n fillWidth={false}\n grow=\"1\"\n >\n {title}\n </Container>\n {badgeText && (\n <Container\n isResponsive={false}\n justifyContent=\"end\"\n fillWidth={false}\n data-testid=\"horizontal-card-badge\"\n >\n <Badge\n text={badgeText}\n size=\"md\"\n state={badgeState}\n icon={badgeIcon}\n iconDir={badgeIconDir}\n />\n </Container>\n )}\n </Header>\n )}\n\n {description && <Description>{description}</Description>}\n {children && <Description>{children}</Description>}\n </Container>\n </IconTextContentWrapper>\n {infoText && (\n <Container\n justifyContent=\"end\"\n fillWidth={false}\n data-testid=\"horizontal-card-button\"\n >\n <Button\n label={infoText}\n onClick={handleClick}\n disabled={disabled}\n fillWidth\n />\n </Container>\n )}\n </ContentWrapper>\n </Wrapper>\n );\n};\n"],"names":["Header","styled","div","withConfig","componentId","Description","theme","click","card","horizontal","space","md","gap","Wrapper","$color","$size","$isSelected","$isSelectable","$disabled","color","background","default","title","radii","all","stroke","y","x","sm","typography","description","hover","disabled","active","CardIcon","Icon","icon","size","ContentWrapper","breakpoint","sizes","IconTextContentWrapper","CardHorizontal","infoText","infoUrl","isSelected","isSelectable","children","badgeText","badgeState","badgeIcon","badgeIconDir","onButtonClick","props","handleClick","e","preventDefault","length","window","open","jsx","jsxs","Container","Badge","Button"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../src/components/CardHorizontal/CardHorizontal.tsx"],"sourcesContent":["import { styled } from 'styled-components';\nimport { Badge } from '@/components/Badge';\nimport { Button } from '@/components/Button';\nimport { Container } from '@/components/Container';\nimport { Icon } from '@/components/Icon';\nimport {\n CardHorizontalProps,\n CardSize,\n CardColor,\n CardAlignment,\n} from './CardHorizontal.types';\n\nconst Header = styled.div`\n max-width: 100%;\n gap: inherit;\n`;\n\nconst Description = styled.div`\n display: flex;\n flex-direction: column;\n align-self: start;\n gap: ${({ theme }) => theme.click.card.horizontal.space.md.gap};\n flex: 1;\n width: 100%;\n`;\n\nconst Wrapper = styled.div<{\n $hasShadow?: boolean;\n $disabled?: boolean;\n $isSelected?: boolean;\n $isSelectable?: boolean;\n $color: CardColor;\n $size?: CardSize;\n $alignment: CardAlignment;\n}>`\n display: inline-flex;\n width: 100%;\n max-width: 100%;\n align-items: ${({ $alignment }) => ($alignment === 'top' ? 'flex-start' : 'center')};\n align-self: ${({ $alignment }) => ($alignment === 'top' ? 'stretch' : 'auto')};\n justify-content: flex-start;\n\n ${({ theme, $color, $size, $isSelected, $isSelectable, $disabled }) => `\n background: ${theme.click.card.horizontal[$color].color.background.default};\n color: ${theme.click.card.horizontal[$color].color.title.default};\n border-radius: ${theme.click.card.horizontal.radii.all};\n border: 1px solid ${\n theme.click.card.horizontal[$color].color.stroke[\n $isSelectable ? ($isSelected ? 'active' : 'hover') : 'default'\n ]\n };\n padding: ${\n $size === 'md'\n ? `${theme.click.card.horizontal.space.md.y} ${theme.click.card.horizontal.space.md.x}`\n : `${theme.click.card.horizontal.space.sm.y} ${theme.click.card.horizontal.space.sm.x}`\n };\n font: ${theme.click.card.horizontal.typography.title.default};\n ${Description} {\n color: ${theme.click.card.horizontal[$color].color.description.default};\n font: ${theme.click.card.horizontal.typography.description.default};\n }\n &:hover{\n background-color: ${\n theme.click.card.horizontal[$color].color.background[\n $isSelectable ? 'hover' : 'default'\n ]\n };\n color: ${\n theme.click.card.horizontal[$color].color.title[\n $isSelectable ? 'hover' : 'default'\n ]\n };\n border: 1px solid ${\n theme.click.card.horizontal[$color].color.stroke[\n $isSelectable ? ($isSelected ? 'active' : 'default') : 'default'\n ]\n };\n cursor: ${$isSelectable ? 'pointer' : 'default'};\n font: ${theme.click.card.horizontal.typography.title.hover};\n ${Description} {\n color: ${\n theme.click.card.horizontal[$color].color.description[\n $isSelectable ? 'hover' : 'default'\n ]\n };\n font: ${\n theme.click.card.horizontal.typography.description[\n $isSelectable ? 'hover' : 'default'\n ]\n };\n }\n }\n\n &:active, &:focus, &:focus-within {\n background-color: ${\n theme.click.card.horizontal[$color].color.background[\n $isSelectable ? 'active' : 'default'\n ]\n };\n color: ${\n theme.click.card.horizontal[$color].color.title[\n $isSelectable ? 'active' : 'default'\n ]\n };\n border: 1px solid ${\n theme.click.card.horizontal[$color].color.stroke[\n $isSelectable ? 'active' : 'default'\n ]\n };\n ${Description} {\n color: ${\n theme.click.card.horizontal[$color].color.description[\n $isSelectable ? 'active' : 'default'\n ]\n };\n font: ${\n theme.click.card.horizontal.typography.description[\n $isSelectable ? 'active' : 'default'\n ]\n };\n }\n }\n ${\n $disabled\n ? `\n pointer-events: none;\n &,\n &:hover,\n &:active, &:focus, &:focus-within {\n background-color: ${\n theme.click.card.horizontal[$color].color.background.disabled\n };\n color: ${theme.click.card.horizontal[$color].color.title.disabled};\n border: 1px solid ${\n theme.click.card.horizontal[$color].color.stroke[\n $isSelected ? 'active' : 'disabled'\n ]\n };\n cursor: not-allowed;\n ${Description} {\n color: ${theme.click.card.horizontal[$color].color.description.disabled};\n font: ${theme.click.card.horizontal.typography.description.disabled};\n }\n },\n &:active, &:focus, &:focus-within {\n border: 1px solid ${theme.click.card.horizontal[$color].color.stroke.active};\n }\n `\n : ''\n }\n `}\n`;\n\nconst CardIcon = styled(Icon)`\n ${({ theme }) => `\n height: ${theme.click.card.horizontal.icon.size.all};\n width: ${theme.click.card.horizontal.icon.size.all};\n `}\n`;\n\nconst ContentWrapper = styled.div<{ $size: CardSize }>`\n display: flex;\n flex-direction: row;\n width: 100%;\n gap: ${({ theme, $size }) =>\n $size === 'md'\n ? theme.click.card.horizontal.space.md.gap\n : theme.click.card.horizontal.space.sm.gap};\n\n @media (max-width: ${({ theme }) => theme.breakpoint.sizes.md}) {\n flex-direction: column;\n }\n`;\n\nconst IconTextContentWrapper = styled.div<{ $size: CardSize; $alignment: CardAlignment }>`\n display: flex;\n flex-direction: row;\n align-items: ${({ $alignment }) => ($alignment === 'top' ? 'flex-start' : 'center')};\n width: 100%;\n gap: ${({ theme, $size }) =>\n $size === 'md'\n ? theme.click.card.horizontal.space.md.gap\n : theme.click.card.horizontal.space.sm.gap};\n`;\n\nexport const CardHorizontal = ({\n title,\n icon,\n description,\n disabled = false,\n infoText,\n infoUrl,\n isSelected,\n isSelectable = infoText ? false : true,\n children,\n color = 'default',\n size = 'md',\n alignment = 'center',\n badgeText,\n badgeState,\n badgeIcon,\n badgeIconDir,\n onButtonClick,\n ...props\n}: CardHorizontalProps) => {\n const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n if (disabled) {\n e.preventDefault();\n return;\n }\n\n if (typeof onButtonClick === 'function') {\n onButtonClick(e);\n }\n if (infoUrl && infoUrl.length > 0) {\n window.open(infoUrl, '_blank');\n }\n };\n return (\n <Wrapper\n $disabled={disabled}\n $isSelected={isSelected}\n $isSelectable={isSelectable}\n $color={color}\n $size={size}\n $alignment={alignment}\n tabIndex={disabled ? -1 : 0}\n aria-disabled={disabled}\n onClick={handleClick}\n {...props}\n >\n <ContentWrapper $size={size}>\n <IconTextContentWrapper\n $size={size}\n $alignment={alignment}\n >\n {icon && (\n <CardIcon\n name={icon}\n aria-hidden\n />\n )}\n <Container\n padding=\"none\"\n orientation=\"vertical\"\n >\n {title && (\n <Header\n as={Container}\n isResponsive={false}\n gap=\"xs\"\n justifyContent=\"space-between\"\n fillWidth\n >\n <Container\n orientation=\"horizontal\"\n gap=\"xs\"\n isResponsive={false}\n fillWidth={false}\n grow=\"1\"\n >\n {title}\n </Container>\n {badgeText && (\n <Container\n isResponsive={false}\n justifyContent=\"end\"\n fillWidth={false}\n data-testid=\"horizontal-card-badge\"\n >\n <Badge\n text={badgeText}\n size=\"md\"\n state={badgeState}\n icon={badgeIcon}\n iconDir={badgeIconDir}\n />\n </Container>\n )}\n </Header>\n )}\n\n {description && <Description>{description}</Description>}\n {children && <Description>{children}</Description>}\n </Container>\n </IconTextContentWrapper>\n {infoText && (\n <Container\n justifyContent=\"end\"\n fillWidth={false}\n data-testid=\"horizontal-card-button\"\n >\n <Button\n label={infoText}\n onClick={handleClick}\n disabled={disabled}\n fillWidth\n />\n </Container>\n )}\n </ContentWrapper>\n </Wrapper>\n );\n};\n"],"names":["Header","styled","div","withConfig","componentId","Description","theme","click","card","horizontal","space","md","gap","Wrapper","$alignment","$color","$size","$isSelected","$isSelectable","$disabled","color","background","default","title","radii","all","stroke","y","x","sm","typography","description","hover","disabled","active","CardIcon","Icon","icon","size","ContentWrapper","breakpoint","sizes","IconTextContentWrapper","CardHorizontal","infoText","infoUrl","isSelected","isSelectable","children","alignment","badgeText","badgeState","badgeIcon","badgeIconDir","onButtonClick","props","handleClick","e","preventDefault","length","window","open","jsx","jsxs","Container","Badge","Button"],"mappings":"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"}
|
|
@@ -31,9 +31,14 @@ const HighlightedInputWrapper = styledComponents.styled(InputWrapper.InputWrappe
|
|
|
31
31
|
})(["", "}"], ({
|
|
32
32
|
$isActive,
|
|
33
33
|
$width,
|
|
34
|
+
error,
|
|
34
35
|
theme
|
|
35
36
|
}) => {
|
|
36
|
-
|
|
37
|
+
let borderColor = $isActive ? theme.click.datePicker.dateOption.color.stroke.active : theme.click.field.color.stroke.default;
|
|
38
|
+
if (error) {
|
|
39
|
+
borderColor = theme.click.field.color.stroke.error;
|
|
40
|
+
}
|
|
41
|
+
return `border: ${theme.click.datePicker.dateOption.stroke} solid ${borderColor};
|
|
37
42
|
width: ${$width ? $width : explicitWidth};
|
|
38
43
|
${$width && `min-width: ${explicitWidth};`}
|
|
39
44
|
`;
|
|
@@ -142,7 +147,11 @@ const DateTimeRangePickerInput = ({
|
|
|
142
147
|
formatDateTime(selectedEndDate).replace("AM", "am").replace("PM", "pm")
|
|
143
148
|
] });
|
|
144
149
|
}
|
|
145
|
-
|
|
150
|
+
const startDateIsAfterEndDate = selectedStartDate && selectedEndDate && !utils.dateRangeIsValid({
|
|
151
|
+
startDate: selectedStartDate,
|
|
152
|
+
endDate: selectedEndDate
|
|
153
|
+
});
|
|
154
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(HighlightedInputWrapper, { $isActive: isActive, $width: "max-content", disabled, error: startDateIsAfterEndDate, id: id ?? defaultId, children: [
|
|
146
155
|
/* @__PURE__ */ jsxRuntime.jsx(InputWrapper.InputStartContent, { children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: "calendar" }) }),
|
|
147
156
|
/* @__PURE__ */ jsxRuntime.jsx(InputWrapper.InputElement, { $hasStartContent: true, as: "div", "data-testid": "datetimepicker-input", children: formattedValue })
|
|
148
157
|
] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Common.cjs","sources":["../../../../src/components/DatePicker/Common.tsx"],"sourcesContent":["import { styled } from 'styled-components';\nimport { InputElement, InputStartContent, InputWrapper } from '@/components/InputWrapper';\nimport {\n KeyboardEvent,\n ReactNode,\n useCallback,\n useEffect,\n useId,\n useRef,\n useState,\n} from 'react';\nimport { Icon, IconName } from '@/components/Icon';\nimport { Container } from '@/components/Container';\nimport { useCalendar, UseCalendarOptions } from '@h6s/calendar';\nimport { IconButton, IconButtonSize } from '@/components/IconButton';\nimport { Text } from '@/components/Text';\nimport {\n formatDateHeader,\n formatSelectedDate,\n formatSelectedDateTime,\n formatSelectedDateTimeWithSeconds,\n formatWeekday,\n shiftToTimezone,\n Timezone,\n} from './utils';\nimport { getMonthNames, DAYS, MONTHS, YEARS, DAYS_IN_WEEK } from '@/utils/date';\nimport { Dropdown } from '@/components/Dropdown';\n\nconst explicitWidth = '250px';\n\nconst viewGridMonths = {\n columns: 4,\n rows: 3,\n} as const;\n\nconst viewGridYears = {\n columns: 3,\n rows: 3,\n} as const;\n\nconst totalYears = viewGridYears.columns * viewGridYears.rows;\nconst yearsOffset = Math.floor(totalYears / 2);\n\nconst HighlightedInputWrapper = styled(InputWrapper)<{\n $isActive: boolean;\n $width?: string;\n}>`\n ${({ $isActive, $width, theme }) => {\n return `border: ${theme.click.datePicker.dateOption.stroke} solid ${\n $isActive\n ? theme.click.datePicker.dateOption.color.stroke.active\n : theme.click.field.color.stroke.default\n };\n width: ${$width ? $width : explicitWidth};\n ${$width && `min-width: ${explicitWidth};`}\n `;\n }}\n}`;\n\ninterface DatePickerInputProps {\n isActive: boolean;\n disabled: boolean;\n id?: string;\n partialMonth?: number;\n partialYear?: number;\n placeholder?: string;\n selectedDate?: Date;\n timezone?: Timezone;\n}\n\nconst formatPartialDate = (\n timezone: Timezone,\n selectedDate?: Date,\n partialYear?: number,\n partialMonth?: number\n): string => {\n if (typeof partialYear === 'number' && typeof partialMonth === 'number') {\n const date =\n timezone === 'UTC'\n ? new Date(Date.UTC(partialYear, partialMonth, 1))\n : new Date(partialYear, partialMonth, 1);\n return formatDateHeader(timezone, date);\n }\n\n if (typeof partialYear === 'number') {\n return String(partialYear);\n }\n\n if (selectedDate instanceof Date) {\n return formatSelectedDate(timezone, selectedDate);\n }\n\n return '';\n};\n\nexport const DatePickerInput = ({\n isActive,\n disabled,\n id,\n partialMonth,\n partialYear,\n placeholder,\n selectedDate,\n timezone = 'system',\n}: DatePickerInputProps) => {\n const defaultId = useId();\n const formattedSelectedDate = formatPartialDate(\n timezone,\n selectedDate,\n partialYear,\n partialMonth\n );\n\n return (\n <HighlightedInputWrapper\n $isActive={isActive}\n disabled={disabled}\n id={id ?? defaultId}\n >\n <InputStartContent>\n <Icon name=\"calendar\" />\n </InputStartContent>\n <InputElement\n $hasStartContent\n data-testid=\"datepicker-input\"\n placeholder={placeholder}\n readOnly\n value={formattedSelectedDate}\n />\n </HighlightedInputWrapper>\n );\n};\n\ninterface DateRangePickerInputProps {\n isActive: boolean;\n disabled: boolean;\n id?: string;\n placeholder?: string;\n selectedEndDate?: Date;\n selectedStartDate?: Date;\n timezone?: Timezone;\n}\n\nexport const DateRangePickerInput = ({\n isActive,\n disabled,\n id,\n placeholder,\n selectedEndDate,\n selectedStartDate,\n timezone = 'system',\n}: DateRangePickerInputProps) => {\n const defaultId = useId();\n\n let formattedValue = (\n <Text\n color=\"muted\"\n component=\"span\"\n >\n {placeholder ?? ''}\n </Text>\n );\n if (selectedStartDate) {\n if (selectedEndDate) {\n formattedValue = (\n <span>\n {formatSelectedDate(timezone, selectedStartDate)} –{' '}\n {formatSelectedDate(timezone, selectedEndDate)}\n </span>\n );\n } else {\n formattedValue = (\n <span>\n {formatSelectedDate(timezone, selectedStartDate)}{' '}\n <Text\n color=\"muted\"\n component=\"span\"\n >\n – end date\n </Text>\n </span>\n );\n }\n }\n\n return (\n <HighlightedInputWrapper\n $isActive={isActive}\n disabled={disabled}\n id={id ?? defaultId}\n >\n <InputStartContent>\n <Icon name=\"calendar\" />\n </InputStartContent>\n <InputElement\n $hasStartContent\n as=\"div\"\n data-testid=\"daterangepicker-input\"\n >\n {formattedValue}\n </InputElement>\n </HighlightedInputWrapper>\n );\n};\n\ninterface DateTimeRangePickerInputProps {\n isActive: boolean;\n disabled: boolean;\n id?: string;\n placeholder?: string;\n selectedEndDate?: Date;\n selectedStartDate?: Date;\n shouldShowSeconds?: boolean;\n timezone?: Timezone;\n}\n\nexport const DateTimeRangePickerInput = ({\n isActive,\n disabled,\n id,\n placeholder,\n selectedEndDate,\n selectedStartDate,\n shouldShowSeconds,\n timezone = 'system',\n}: DateTimeRangePickerInputProps) => {\n const defaultId = useId();\n\n const formatDateTime = useCallback(\n (date: Date) => {\n if (shouldShowSeconds) {\n return formatSelectedDateTimeWithSeconds(timezone, date);\n }\n\n return formatSelectedDateTime(timezone, date);\n },\n [shouldShowSeconds, timezone]\n );\n\n let formattedValue = (\n <Text\n color=\"muted\"\n component=\"span\"\n >\n {placeholder ?? ''}\n </Text>\n );\n\n if (selectedStartDate) {\n if (selectedEndDate) {\n formattedValue = (\n <span>\n {formatDateTime(selectedStartDate).replace('AM', 'am').replace('PM', 'pm')} –{' '}\n {formatDateTime(selectedEndDate).replace('AM', 'am').replace('PM', 'pm')}\n </span>\n );\n } else {\n formattedValue = (\n <span>\n {formatDateTime(selectedStartDate).replace('AM', 'am').replace('PM', 'pm')}{' '}\n <Text\n color=\"muted\"\n component=\"span\"\n >\n – end date\n </Text>\n </span>\n );\n }\n } else if (selectedEndDate) {\n formattedValue = (\n <span>\n <Text\n color=\"muted\"\n component=\"span\"\n >\n start date –{' '}\n </Text>\n {formatDateTime(selectedEndDate).replace('AM', 'am').replace('PM', 'pm')}\n </span>\n );\n }\n\n return (\n <HighlightedInputWrapper\n $isActive={isActive}\n disabled={disabled}\n id={id ?? defaultId}\n $width=\"max-content\"\n >\n <InputStartContent>\n <Icon name=\"calendar\" />\n </InputStartContent>\n <InputElement\n $hasStartContent\n as=\"div\"\n data-testid=\"datetimepicker-input\"\n >\n {formattedValue}\n </InputElement>\n </HighlightedInputWrapper>\n );\n};\n\nconst DatePickerContainer = styled(Container)`\n background: ${({ theme }) =>\n theme.click.datePicker.dateOption.color.background.default};\n`;\n\nconst ClickableTitle = styled.button`\n background: transparent;\n border: 1px solid transparent;\n cursor: pointer;\n outline: none;\n padding: 0.25rem 0.5rem;\n user-select: none;\n\n ${({ theme }) => `\n border-radius: ${theme.click.datePicker.dateOption.radii.default};\n color: ${theme.click.datePicker.color.title.default};\n font: ${theme.click.datePicker.typography.title.default};\n `};\n\n &:hover {\n background: ${({ theme }) =>\n theme.click.datePicker.dateOption.color.background.hover};\n }\n\n &:focus,\n &:focus-visible {\n border-color: ${({ theme }) => theme.click.datePicker.dateOption.color.stroke.hover};\n }\n`;\n\nconst UnselectableTitle = styled.h2`\n margin: 0;\n padding: 0;\n user-select: none;\n\n ${({ theme }) => `\n color: ${theme.click.datePicker.color.title.default};\n font: ${theme.click.datePicker.typography.title.default};\n `}\n`;\n\nconst GridContainer = styled.div`\n display: grid;\n padding: 0.25rem 0 0;\n\n ${({ theme }) => `\n gap: calc(${theme.click.datePicker.space.gap} * 2);\n `}\n`;\n\nconst MonthsGrid = styled(GridContainer)`\n grid-template-columns: repeat(${viewGridMonths.columns}, 1fr);\n grid-template-rows: repeat(${viewGridMonths.rows}, 1fr);\n`;\n\nconst YearsGrid = styled(GridContainer)`\n grid-template-columns: repeat(${viewGridYears.columns}, 1fr);\n grid-template-rows: repeat(${viewGridYears.rows}, 1fr);\n`;\n\nconst GridCell = styled.button<{ $isActive?: boolean; $isPresent?: boolean }>`\n align-items: center;\n cursor: pointer;\n display: flex;\n justify-content: center;\n min-height: 26px;\n padding: 8px 4px;\n text-align: center;\n\n ${({ theme }) => `\n background: ${theme.click.datePicker.dateOption.color.background.default};\n border: ${theme.click.datePicker.dateOption.stroke} solid ${theme.click.datePicker.dateOption.color.stroke.default};\n border-radius: ${theme.click.datePicker.dateOption.radii.default};\n color: ${theme.click.datePicker.dateOption.color.label.default};\n font: ${theme.click.datePicker.dateOption.typography.label.default};\n `}\n\n ${({ $isActive, theme }) =>\n $isActive &&\n `\n background: ${theme.click.datePicker.dateOption.color.background.active};\n color: ${theme.click.datePicker.dateOption.color.label.active};\n `}\n\n ${({ $isActive, $isPresent, theme }) =>\n $isPresent &&\n !$isActive &&\n `background: ${theme.click.datePicker.dateOption.color.background.range};`}\n\n ${({ theme }) => `\n &:hover {\n border-color: ${theme.click.datePicker.dateOption.color.stroke.hover};\n }\n\n &:focus {\n outline: none;\n border-color: ${theme.click.datePicker.dateOption.color.stroke.hover};\n }\n\n &:focus-visible {\n outline: none;\n border-color: ${theme.click.datePicker.dateOption.color.stroke.hover};\n }\n `}\n`;\n\nconst DateTable = styled.table`\n border-collapse: separate;\n border-spacing: 0;\n font: ${({ theme }) => theme.typography.styles.product.text.normal.md};\n table-layout: fixed;\n user-select: none;\n width: ${explicitWidth};\n\n thead tr {\n height: ${({ theme }) => theme.click.datePicker.dateOption.size.height};\n }\n\n tbody {\n cursor: pointer;\n }\n\n td,\n th {\n padding: 4px;\n }\n`;\n\nconst DateTableHeader = styled.th`\n ${({ theme }) => `\n color: ${theme.click.datePicker.color.daytitle.default};\n font: ${theme.click.datePicker.typography.daytitle.default};\n `}\n\n width: 14%;\n`;\n\nexport const DateTableCell = styled.td<{\n $isCurrentMonth?: boolean;\n $isDisabled?: boolean;\n $isSelected?: boolean;\n $isPresent?: boolean;\n}>`\n ${({ theme }) => `\n border: ${theme.click.datePicker.dateOption.stroke} solid ${theme.click.datePicker.dateOption.color.stroke.default};\n border-radius: ${theme.click.datePicker.dateOption.radii.default};\n font: ${theme.click.datePicker.dateOption.typography.label.default};\n `}\n\n ${({ $isCurrentMonth, $isDisabled, theme }) =>\n (!$isCurrentMonth || $isDisabled) &&\n `\n color: ${theme.click.datePicker.dateOption.color.label.disabled};\n font: ${theme.click.datePicker.dateOption.typography.label.disabled};\n `}\n\n ${({ $isSelected, theme }) =>\n $isSelected &&\n `\n background: ${theme.click.datePicker.dateOption.color.background.active} !important;\n color: ${theme.click.datePicker.dateOption.color.label.active};\n `}\n\n ${({ $isSelected, $isPresent, theme }) =>\n $isPresent &&\n !$isSelected &&\n `background: ${theme.click.datePicker.dateOption.color.background.range};`}\n\n text-align: center;\n outline: none;\n\n &:hover {\n ${({ $isDisabled, $isPresent, theme }) =>\n `border: ${theme.click.datePicker.dateOption.stroke} solid ${\n $isDisabled\n ? theme.click.datePicker.dateOption.color.stroke.disabled\n : theme.click.datePicker.dateOption.color.stroke.hover\n };\n background: ${$isPresent ? theme.click.datePicker.dateOption.color.background.range : ''};\n border-radius: ${theme.click.datePicker.dateOption.radii.default};`};\n }\n\n &:focus {\n ${({ $isDisabled, theme }) =>\n `outline: none;\n border: ${theme.click.datePicker.dateOption.stroke} solid ${\n $isDisabled\n ? theme.click.datePicker.dateOption.color.stroke.disabled\n : theme.click.datePicker.dateOption.color.stroke.hover\n };`};\n }\n\n &:focus-visible {\n ${({ $isDisabled, theme }) =>\n `outline: none;\n border: ${theme.click.datePicker.dateOption.stroke} solid ${\n $isDisabled\n ? theme.click.datePicker.dateOption.color.stroke.disabled\n : theme.click.datePicker.dateOption.color.stroke.hover\n };`};\n }\n`;\n\nexport const StyledDropdownItem = styled(Dropdown.Item)`\n box-sizing: content-box;\n min-height: 24px;\n`;\n\nexport type Body = ReturnType<typeof useCalendar>['body'];\n\ninterface CalendarRendererProps {\n calendarOptions?: UseCalendarOptions;\n children: (body: Body) => ReactNode;\n allowYearMonthSelection?: boolean;\n onYearSelect?: (year: number) => void;\n onMonthSelect?: (year: number, month: number) => void;\n selectedDate?: Date;\n timezone?: Timezone;\n}\n\nconst monthAbbreviations = getMonthNames('short');\n\ntype DateViewOption = 'days' | 'months' | 'years';\n\nconst PickerNavControl = styled(IconButton)`\n && {\n &:focus,\n &:focus-visible {\n outline: none;\n border: ${({ theme }) => theme.click.datePicker.dateOption.stroke} solid\n ${({ theme }) => theme.click.datePicker.dateOption.color.stroke.hover};\n }\n }\n`;\n\nconst EmptyDateSelectNav = styled(PickerNavControl)`\n visibility: hidden;\n pointer-events: none;\n`;\n\nconst DateSelectNav = ({\n id,\n icon,\n onClick,\n onKeyDown,\n view,\n size = 'sm',\n tabIndex,\n buttonRef,\n}: {\n id: string;\n icon: Extract<IconName, 'chevron-left' | 'chevron-right'>;\n onClick: () => void;\n onKeyDown?: (e: KeyboardEvent<HTMLButtonElement>) => void;\n view: DateViewOption;\n size?: IconButtonSize;\n tabIndex?: number;\n buttonRef?: (el: HTMLButtonElement | null) => void;\n}) => {\n if (view === MONTHS) {\n return (\n <EmptyDateSelectNav\n ref={buttonRef}\n data-testid={id}\n icon={icon}\n size={size}\n type=\"ghost\"\n tabIndex={tabIndex}\n onKeyDown={onKeyDown}\n />\n );\n }\n return (\n <PickerNavControl\n ref={buttonRef}\n data-testid={id}\n icon={icon}\n onClick={onClick}\n onKeyDown={onKeyDown}\n size={size}\n type=\"ghost\"\n tabIndex={tabIndex}\n />\n );\n};\n\nexport const CalendarRenderer = ({\n calendarOptions = {},\n children,\n allowYearMonthSelection = true,\n onYearSelect,\n onMonthSelect,\n selectedDate,\n timezone = 'system',\n ...props\n}: CalendarRendererProps) => {\n // useCalendar reads dates as local; shiftToTimezone is a no-op in local mode.\n const shiftedCalendarOptions: UseCalendarOptions =\n calendarOptions.defaultDate instanceof Date\n ? {\n ...calendarOptions,\n defaultDate: shiftToTimezone(calendarOptions.defaultDate, timezone),\n }\n : calendarOptions;\n const { body, headers, month, navigation, year } = useCalendar({\n defaultWeekStart: 1,\n ...shiftedCalendarOptions,\n });\n\n const [view, setView] = useState<DateViewOption>(DAYS);\n const [selectedYear, setSelectedYear] = useState<number | null>(null);\n const [yearOffset, setYearOffset] = useState(0);\n const [focusedMonthIndex, setFocusedMonthIndex] = useState(month);\n const [focusedYearIndex, setFocusedYearIndex] = useState(yearsOffset);\n\n const monthGridRef = useRef<Array<HTMLButtonElement | null>>([]);\n const yearGridRef = useRef<Array<HTMLButtonElement | null>>([]);\n const headerNavRefs = useRef<Array<HTMLButtonElement | null>>([null, null, null]);\n\n useEffect(() => {\n if (view === YEARS) {\n yearGridRef.current[focusedYearIndex]?.focus();\n } else if (view === MONTHS) {\n monthGridRef.current[focusedMonthIndex]?.focus();\n }\n }, [view, focusedYearIndex, focusedMonthIndex]);\n\n const onNextClick = useCallback(() => {\n if (view === YEARS) {\n setYearOffset(prev => prev + totalYears);\n } else {\n navigation.toNext();\n }\n }, [navigation, view]);\n\n const onPreviousClick = useCallback(() => {\n if (view === YEARS) {\n setYearOffset(prev => prev - totalYears);\n return;\n }\n\n navigation.toPrev();\n }, [navigation, view]);\n\n const onTitleClick = useCallback(() => {\n if (view !== DAYS) {\n return;\n }\n\n setView(YEARS);\n }, [view]);\n\n const onHeaderNavKeyDown = useCallback((e: KeyboardEvent<HTMLButtonElement>) => {\n const validRefs = headerNavRefs.current.filter(ref => {\n if (!ref) {\n return false;\n }\n return (\n ref.offsetParent !== null ||\n (!ref.hasAttribute('hidden') && ref.getAttribute('aria-hidden') !== 'true')\n );\n });\n\n const currentValidIndex = validRefs.indexOf(e.currentTarget);\n if (currentValidIndex === -1 || validRefs.length <= 1) {\n return;\n }\n\n if (e.key === 'ArrowRight') {\n e.preventDefault();\n const nextValidIndex = (currentValidIndex + 1) % validRefs.length;\n validRefs[nextValidIndex]?.focus();\n } else if (e.key === 'ArrowLeft') {\n e.preventDefault();\n const prevValidIndex =\n (currentValidIndex - 1 + validRefs.length) % validRefs.length;\n validRefs[prevValidIndex]?.focus();\n }\n }, []);\n\n const onYearSelection = useCallback(\n (yearValue: number) => {\n setSelectedYear(yearValue);\n setView(MONTHS);\n onYearSelect?.(yearValue);\n },\n [onYearSelect]\n );\n\n const onMonthSelection = useCallback(\n (monthIndex: number) => {\n const finalYear = typeof selectedYear === 'number' ? selectedYear : year;\n const newDate = new Date(finalYear, monthIndex, 1);\n\n navigation.setDate(newDate);\n onMonthSelect?.(finalYear, monthIndex);\n\n setView(DAYS);\n setSelectedYear(null);\n setYearOffset(0);\n },\n [selectedYear, year, navigation, onMonthSelect]\n );\n\n const onMonthGridKeyDown = useCallback(\n (event: KeyboardEvent<HTMLButtonElement>, index: number) => {\n const columns = viewGridMonths.columns;\n const totalItems = 12;\n let newIndex = index;\n\n switch (event.key) {\n case 'ArrowRight':\n event.preventDefault();\n newIndex = (index + 1) % totalItems;\n break;\n case 'ArrowLeft':\n event.preventDefault();\n newIndex = (index - 1 + totalItems) % totalItems;\n break;\n case 'ArrowDown':\n event.preventDefault();\n newIndex = (index + columns) % totalItems;\n break;\n case 'ArrowUp':\n event.preventDefault();\n newIndex = (index - columns + totalItems) % totalItems;\n break;\n case 'Enter':\n case ' ':\n event.preventDefault();\n onMonthSelection(index);\n return;\n default:\n return;\n }\n\n setFocusedMonthIndex(newIndex);\n monthGridRef.current[newIndex]?.focus();\n },\n [onMonthSelection]\n );\n\n const onYearGridKeyDown = useCallback(\n (event: KeyboardEvent<HTMLButtonElement>, index: number, yearValue: number) => {\n const columns = viewGridYears.columns;\n const totalItems = totalYears;\n let newIndex = index;\n\n switch (event.key) {\n case 'ArrowRight':\n event.preventDefault();\n newIndex = (index + 1) % totalItems;\n break;\n case 'ArrowLeft':\n event.preventDefault();\n newIndex = (index - 1 + totalItems) % totalItems;\n break;\n case 'ArrowDown':\n event.preventDefault();\n newIndex = (index + columns) % totalItems;\n break;\n case 'ArrowUp':\n event.preventDefault();\n newIndex = (index - columns + totalItems) % totalItems;\n break;\n case 'Enter':\n case ' ':\n event.preventDefault();\n onYearSelection(yearValue);\n return;\n default:\n return;\n }\n\n setFocusedYearIndex(newIndex);\n yearGridRef.current[newIndex]?.focus();\n },\n [onYearSelection]\n );\n\n const headerDate = new Date();\n headerDate.setMonth(month);\n headerDate.setFullYear(year);\n\n const getHeaderTitle = (view: DateViewOption) => {\n if (view === MONTHS) {\n return 'Month';\n }\n\n if (view === YEARS) {\n return 'Year';\n }\n\n // headerDate already has the right month/year in its local fields.\n return formatDateHeader('system', headerDate);\n };\n\n const renderMonthsGrid = () => {\n const today = shiftToTimezone(new Date(), timezone);\n const thisMonth = today.getMonth();\n const thisYear = today.getFullYear();\n const shiftedSelected = selectedDate\n ? shiftToTimezone(selectedDate, timezone)\n : undefined;\n const selectedMonth = shiftedSelected?.getMonth();\n const selectedYear = shiftedSelected?.getFullYear();\n\n return (\n <MonthsGrid\n data-testid=\"months-grid\"\n role=\"grid\"\n aria-label=\"Select month\"\n >\n {monthAbbreviations.map((month, index) => {\n const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n onMonthGridKeyDown(event, index);\n };\n\n const handleClick = () => {\n onMonthSelection(index);\n };\n\n const ref = (element: HTMLButtonElement) => {\n monthGridRef.current[index] = element;\n };\n\n return (\n <GridCell\n key={month}\n type=\"button\"\n ref={ref}\n $isActive={selectedDate && index === selectedMonth && year === selectedYear}\n $isPresent={index === thisMonth && year === thisYear}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n data-testid={`month-cell-${index}`}\n tabIndex={index === focusedMonthIndex ? 0 : -1}\n aria-label={month}\n >\n {month}\n </GridCell>\n );\n })}\n </MonthsGrid>\n );\n };\n\n const renderYearsGrid = () => {\n const years: Array<number> = [];\n const baseYear = year + yearOffset;\n const thisYear = shiftToTimezone(new Date(), timezone).getFullYear();\n const selectedYear = selectedDate\n ? shiftToTimezone(selectedDate, timezone).getFullYear()\n : undefined;\n\n for (let i = -yearsOffset; i <= yearsOffset; i++) {\n years.push(baseYear + i);\n }\n\n return (\n <YearsGrid\n data-testid=\"years-grid\"\n role=\"grid\"\n aria-label=\"Select year\"\n >\n {years.map((currentYear, index) => {\n const ref = (element: HTMLButtonElement) => {\n yearGridRef.current[index] = element;\n };\n\n const handleClick = () => {\n onYearSelection(currentYear);\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n onYearGridKeyDown(event, index, currentYear);\n };\n\n return (\n <GridCell\n key={currentYear}\n type=\"button\"\n ref={ref}\n $isActive={selectedDate && currentYear === selectedYear}\n $isPresent={currentYear === thisYear}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n data-testid={`year-cell-${currentYear}`}\n tabIndex={index === focusedYearIndex ? 0 : -1}\n aria-label={String(currentYear)}\n >\n {currentYear}\n </GridCell>\n );\n })}\n </YearsGrid>\n );\n };\n\n const renderTableContent = () => {\n if (view === MONTHS) {\n return (\n <tbody>\n <tr>\n <td colSpan={DAYS_IN_WEEK}>{renderMonthsGrid()}</td>\n </tr>\n </tbody>\n );\n }\n\n if (view === YEARS) {\n return (\n <tbody>\n <tr>\n <td colSpan={DAYS_IN_WEEK}>{renderYearsGrid()}</td>\n </tr>\n </tbody>\n );\n }\n\n return (\n <>\n <thead>\n <tr>\n {headers.weekDays.map(({ key, value: date }) => {\n return (\n <DateTableHeader key={key}>\n {formatWeekday('system', date)}\n </DateTableHeader>\n );\n })}\n </tr>\n </thead>\n <tbody>{children(body)}</tbody>\n </>\n );\n };\n\n return (\n <DatePickerContainer\n data-testid=\"datepicker-calendar-container\"\n isResponsive={false}\n fillWidth={false}\n orientation=\"vertical\"\n padding=\"sm\"\n {...props}\n >\n <Container\n isResponsive={false}\n justifyContent=\"space-between\"\n orientation=\"horizontal\"\n >\n <DateSelectNav\n id=\"calendar-previous-month\"\n icon=\"chevron-left\"\n onClick={onPreviousClick}\n onKeyDown={onHeaderNavKeyDown}\n view={view}\n tabIndex={view === MONTHS ? -1 : 0}\n buttonRef={el => {\n if (view !== MONTHS) {\n headerNavRefs.current[0] = el;\n } else {\n headerNavRefs.current[0] = null;\n }\n }}\n />\n {view === DAYS && allowYearMonthSelection ? (\n <ClickableTitle\n ref={el => {\n headerNavRefs.current[1] = el as HTMLButtonElement;\n }}\n onClick={onTitleClick}\n onKeyDown={onHeaderNavKeyDown}\n data-testid=\"calendar-title\"\n tabIndex={0}\n >\n {getHeaderTitle(view)}\n </ClickableTitle>\n ) : (\n <UnselectableTitle>{getHeaderTitle(view)}</UnselectableTitle>\n )}\n <DateSelectNav\n id=\"calendar-next-month\"\n icon=\"chevron-right\"\n onClick={onNextClick}\n onKeyDown={onHeaderNavKeyDown}\n view={view}\n tabIndex={view === MONTHS ? -1 : 0}\n buttonRef={el => {\n if (view !== MONTHS) {\n headerNavRefs.current[2] = el;\n } else {\n headerNavRefs.current[2] = null;\n }\n }}\n />\n </Container>\n <DateTable>{renderTableContent()}</DateTable>\n </DatePickerContainer>\n );\n};\n"],"names":["explicitWidth","viewGridMonths","columns","rows","viewGridYears","totalYears","yearsOffset","Math","floor","HighlightedInputWrapper","styled","InputWrapper","withConfig","componentId","$isActive","$width","theme","click","datePicker","dateOption","stroke","color","active","field","default","formatPartialDate","timezone","selectedDate","partialYear","partialMonth","date","Date","UTC","formatDateHeader","String","formatSelectedDate","DatePickerInput","isActive","disabled","id","placeholder","defaultId","useId","formattedSelectedDate","jsx","InputStartContent","Icon","InputElement","DateRangePickerInput","selectedEndDate","selectedStartDate","formattedValue","Text","DateTimeRangePickerInput","shouldShowSeconds","formatDateTime","useCallback","formatSelectedDateTimeWithSeconds","formatSelectedDateTime","replace","jsxs","DatePickerContainer","Container","background","ClickableTitle","button","radii","title","typography","hover","UnselectableTitle","h2","GridContainer","div","space","gap","MonthsGrid","YearsGrid","GridCell","label","$isPresent","range","DateTable","table","styles","product","text","normal","md","size","height","DateTableHeader","th","daytitle","DateTableCell","td","$isCurrentMonth","$isDisabled","$isSelected","StyledDropdownItem","Dropdown","Item","monthAbbreviations","getMonthNames","PickerNavControl","IconButton","EmptyDateSelectNav","DateSelectNav","icon","onClick","onKeyDown","view","tabIndex","buttonRef","MONTHS","CalendarRenderer","calendarOptions","children","allowYearMonthSelection","onYearSelect","onMonthSelect","props","shiftedCalendarOptions","defaultDate","shiftToTimezone","body","headers","month","navigation","year","useCalendar","defaultWeekStart","setView","useState","DAYS","selectedYear","setSelectedYear","yearOffset","setYearOffset","focusedMonthIndex","setFocusedMonthIndex","focusedYearIndex","setFocusedYearIndex","monthGridRef","useRef","yearGridRef","headerNavRefs","useEffect","YEARS","current","focus","onNextClick","prev","toNext","onPreviousClick","toPrev","onTitleClick","onHeaderNavKeyDown","e","validRefs","filter","ref","offsetParent","hasAttribute","getAttribute","currentValidIndex","indexOf","currentTarget","length","key","preventDefault","nextValidIndex","prevValidIndex","onYearSelection","yearValue","onMonthSelection","monthIndex","finalYear","newDate","setDate","onMonthGridKeyDown","event","index","totalItems","newIndex","onYearGridKeyDown","headerDate","setMonth","setFullYear","getHeaderTitle","renderMonthsGrid","today","thisMonth","getMonth","thisYear","getFullYear","shiftedSelected","undefined","selectedMonth","map","handleKeyDown","handleClick","element","renderYearsGrid","years","baseYear","i","push","currentYear","renderTableContent","DAYS_IN_WEEK","Fragment","weekDays","value","formatWeekday","el"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Common.cjs","sources":["../../../../src/components/DatePicker/Common.tsx"],"sourcesContent":["import { styled } from 'styled-components';\nimport { InputElement, InputStartContent, InputWrapper } from '@/components/InputWrapper';\nimport {\n KeyboardEvent,\n ReactNode,\n useCallback,\n useEffect,\n useId,\n useRef,\n useState,\n} from 'react';\nimport { Icon, IconName } from '@/components/Icon';\nimport { Container } from '@/components/Container';\nimport { useCalendar, UseCalendarOptions } from '@h6s/calendar';\nimport { IconButton, IconButtonSize } from '@/components/IconButton';\nimport { Text } from '@/components/Text';\nimport {\n dateRangeIsValid,\n formatDateHeader,\n formatSelectedDate,\n formatSelectedDateTime,\n formatSelectedDateTimeWithSeconds,\n formatWeekday,\n shiftToTimezone,\n Timezone,\n} from './utils';\nimport { getMonthNames, DAYS, MONTHS, YEARS, DAYS_IN_WEEK } from '@/utils/date';\nimport { Dropdown } from '@/components/Dropdown';\n\nconst explicitWidth = '250px';\n\nconst viewGridMonths = {\n columns: 4,\n rows: 3,\n} as const;\n\nconst viewGridYears = {\n columns: 3,\n rows: 3,\n} as const;\n\nconst totalYears = viewGridYears.columns * viewGridYears.rows;\nconst yearsOffset = Math.floor(totalYears / 2);\n\nconst HighlightedInputWrapper = styled(InputWrapper)<{\n $isActive: boolean;\n $width?: string;\n error?: boolean;\n}>`\n ${({ $isActive, $width, error, theme }) => {\n let borderColor = $isActive\n ? theme.click.datePicker.dateOption.color.stroke.active\n : theme.click.field.color.stroke.default;\n\n if (error) {\n borderColor = theme.click.field.color.stroke.error;\n }\n\n return `border: ${theme.click.datePicker.dateOption.stroke} solid ${borderColor};\n width: ${$width ? $width : explicitWidth};\n ${$width && `min-width: ${explicitWidth};`}\n `;\n }}\n}`;\n\ninterface DatePickerInputProps {\n isActive: boolean;\n disabled: boolean;\n id?: string;\n partialMonth?: number;\n partialYear?: number;\n placeholder?: string;\n selectedDate?: Date;\n timezone?: Timezone;\n}\n\nconst formatPartialDate = (\n timezone: Timezone,\n selectedDate?: Date,\n partialYear?: number,\n partialMonth?: number\n): string => {\n if (typeof partialYear === 'number' && typeof partialMonth === 'number') {\n const date =\n timezone === 'UTC'\n ? new Date(Date.UTC(partialYear, partialMonth, 1))\n : new Date(partialYear, partialMonth, 1);\n return formatDateHeader(timezone, date);\n }\n\n if (typeof partialYear === 'number') {\n return String(partialYear);\n }\n\n if (selectedDate instanceof Date) {\n return formatSelectedDate(timezone, selectedDate);\n }\n\n return '';\n};\n\nexport const DatePickerInput = ({\n isActive,\n disabled,\n id,\n partialMonth,\n partialYear,\n placeholder,\n selectedDate,\n timezone = 'system',\n}: DatePickerInputProps) => {\n const defaultId = useId();\n const formattedSelectedDate = formatPartialDate(\n timezone,\n selectedDate,\n partialYear,\n partialMonth\n );\n\n return (\n <HighlightedInputWrapper\n $isActive={isActive}\n disabled={disabled}\n id={id ?? defaultId}\n >\n <InputStartContent>\n <Icon name=\"calendar\" />\n </InputStartContent>\n <InputElement\n $hasStartContent\n data-testid=\"datepicker-input\"\n placeholder={placeholder}\n readOnly\n value={formattedSelectedDate}\n />\n </HighlightedInputWrapper>\n );\n};\n\ninterface DateRangePickerInputProps {\n isActive: boolean;\n disabled: boolean;\n id?: string;\n placeholder?: string;\n selectedEndDate?: Date;\n selectedStartDate?: Date;\n timezone?: Timezone;\n}\n\nexport const DateRangePickerInput = ({\n isActive,\n disabled,\n id,\n placeholder,\n selectedEndDate,\n selectedStartDate,\n timezone = 'system',\n}: DateRangePickerInputProps) => {\n const defaultId = useId();\n\n let formattedValue = (\n <Text\n color=\"muted\"\n component=\"span\"\n >\n {placeholder ?? ''}\n </Text>\n );\n if (selectedStartDate) {\n if (selectedEndDate) {\n formattedValue = (\n <span>\n {formatSelectedDate(timezone, selectedStartDate)} –{' '}\n {formatSelectedDate(timezone, selectedEndDate)}\n </span>\n );\n } else {\n formattedValue = (\n <span>\n {formatSelectedDate(timezone, selectedStartDate)}{' '}\n <Text\n color=\"muted\"\n component=\"span\"\n >\n – end date\n </Text>\n </span>\n );\n }\n }\n\n return (\n <HighlightedInputWrapper\n $isActive={isActive}\n disabled={disabled}\n id={id ?? defaultId}\n >\n <InputStartContent>\n <Icon name=\"calendar\" />\n </InputStartContent>\n <InputElement\n $hasStartContent\n as=\"div\"\n data-testid=\"daterangepicker-input\"\n >\n {formattedValue}\n </InputElement>\n </HighlightedInputWrapper>\n );\n};\n\ninterface DateTimeRangePickerInputProps {\n isActive: boolean;\n disabled: boolean;\n id?: string;\n placeholder?: string;\n selectedEndDate?: Date;\n selectedStartDate?: Date;\n shouldShowSeconds?: boolean;\n timezone?: Timezone;\n}\n\nexport const DateTimeRangePickerInput = ({\n isActive,\n disabled,\n id,\n placeholder,\n selectedEndDate,\n selectedStartDate,\n shouldShowSeconds,\n timezone = 'system',\n}: DateTimeRangePickerInputProps) => {\n const defaultId = useId();\n\n const formatDateTime = useCallback(\n (date: Date) => {\n if (shouldShowSeconds) {\n return formatSelectedDateTimeWithSeconds(timezone, date);\n }\n\n return formatSelectedDateTime(timezone, date);\n },\n [shouldShowSeconds, timezone]\n );\n\n let formattedValue = (\n <Text\n color=\"muted\"\n component=\"span\"\n >\n {placeholder ?? ''}\n </Text>\n );\n\n if (selectedStartDate) {\n if (selectedEndDate) {\n formattedValue = (\n <span>\n {formatDateTime(selectedStartDate).replace('AM', 'am').replace('PM', 'pm')} –{' '}\n {formatDateTime(selectedEndDate).replace('AM', 'am').replace('PM', 'pm')}\n </span>\n );\n } else {\n formattedValue = (\n <span>\n {formatDateTime(selectedStartDate).replace('AM', 'am').replace('PM', 'pm')}{' '}\n <Text\n color=\"muted\"\n component=\"span\"\n >\n – end date\n </Text>\n </span>\n );\n }\n } else if (selectedEndDate) {\n formattedValue = (\n <span>\n <Text\n color=\"muted\"\n component=\"span\"\n >\n start date –{' '}\n </Text>\n {formatDateTime(selectedEndDate).replace('AM', 'am').replace('PM', 'pm')}\n </span>\n );\n }\n\n const startDateIsAfterEndDate =\n selectedStartDate &&\n selectedEndDate &&\n !dateRangeIsValid({\n startDate: selectedStartDate,\n endDate: selectedEndDate,\n });\n\n return (\n <HighlightedInputWrapper\n $isActive={isActive}\n $width=\"max-content\"\n disabled={disabled}\n error={startDateIsAfterEndDate}\n id={id ?? defaultId}\n >\n <InputStartContent>\n <Icon name=\"calendar\" />\n </InputStartContent>\n <InputElement\n $hasStartContent\n as=\"div\"\n data-testid=\"datetimepicker-input\"\n >\n {formattedValue}\n </InputElement>\n </HighlightedInputWrapper>\n );\n};\n\nconst DatePickerContainer = styled(Container)`\n background: ${({ theme }) =>\n theme.click.datePicker.dateOption.color.background.default};\n`;\n\nconst ClickableTitle = styled.button`\n background: transparent;\n border: 1px solid transparent;\n cursor: pointer;\n outline: none;\n padding: 0.25rem 0.5rem;\n user-select: none;\n\n ${({ theme }) => `\n border-radius: ${theme.click.datePicker.dateOption.radii.default};\n color: ${theme.click.datePicker.color.title.default};\n font: ${theme.click.datePicker.typography.title.default};\n `};\n\n &:hover {\n background: ${({ theme }) =>\n theme.click.datePicker.dateOption.color.background.hover};\n }\n\n &:focus,\n &:focus-visible {\n border-color: ${({ theme }) => theme.click.datePicker.dateOption.color.stroke.hover};\n }\n`;\n\nconst UnselectableTitle = styled.h2`\n margin: 0;\n padding: 0;\n user-select: none;\n\n ${({ theme }) => `\n color: ${theme.click.datePicker.color.title.default};\n font: ${theme.click.datePicker.typography.title.default};\n `}\n`;\n\nconst GridContainer = styled.div`\n display: grid;\n padding: 0.25rem 0 0;\n\n ${({ theme }) => `\n gap: calc(${theme.click.datePicker.space.gap} * 2);\n `}\n`;\n\nconst MonthsGrid = styled(GridContainer)`\n grid-template-columns: repeat(${viewGridMonths.columns}, 1fr);\n grid-template-rows: repeat(${viewGridMonths.rows}, 1fr);\n`;\n\nconst YearsGrid = styled(GridContainer)`\n grid-template-columns: repeat(${viewGridYears.columns}, 1fr);\n grid-template-rows: repeat(${viewGridYears.rows}, 1fr);\n`;\n\nconst GridCell = styled.button<{ $isActive?: boolean; $isPresent?: boolean }>`\n align-items: center;\n cursor: pointer;\n display: flex;\n justify-content: center;\n min-height: 26px;\n padding: 8px 4px;\n text-align: center;\n\n ${({ theme }) => `\n background: ${theme.click.datePicker.dateOption.color.background.default};\n border: ${theme.click.datePicker.dateOption.stroke} solid ${theme.click.datePicker.dateOption.color.stroke.default};\n border-radius: ${theme.click.datePicker.dateOption.radii.default};\n color: ${theme.click.datePicker.dateOption.color.label.default};\n font: ${theme.click.datePicker.dateOption.typography.label.default};\n `}\n\n ${({ $isActive, theme }) =>\n $isActive &&\n `\n background: ${theme.click.datePicker.dateOption.color.background.active};\n color: ${theme.click.datePicker.dateOption.color.label.active};\n `}\n\n ${({ $isActive, $isPresent, theme }) =>\n $isPresent &&\n !$isActive &&\n `background: ${theme.click.datePicker.dateOption.color.background.range};`}\n\n ${({ theme }) => `\n &:hover {\n border-color: ${theme.click.datePicker.dateOption.color.stroke.hover};\n }\n\n &:focus {\n outline: none;\n border-color: ${theme.click.datePicker.dateOption.color.stroke.hover};\n }\n\n &:focus-visible {\n outline: none;\n border-color: ${theme.click.datePicker.dateOption.color.stroke.hover};\n }\n `}\n`;\n\nconst DateTable = styled.table`\n border-collapse: separate;\n border-spacing: 0;\n font: ${({ theme }) => theme.typography.styles.product.text.normal.md};\n table-layout: fixed;\n user-select: none;\n width: ${explicitWidth};\n\n thead tr {\n height: ${({ theme }) => theme.click.datePicker.dateOption.size.height};\n }\n\n tbody {\n cursor: pointer;\n }\n\n td,\n th {\n padding: 4px;\n }\n`;\n\nconst DateTableHeader = styled.th`\n ${({ theme }) => `\n color: ${theme.click.datePicker.color.daytitle.default};\n font: ${theme.click.datePicker.typography.daytitle.default};\n `}\n\n width: 14%;\n`;\n\nexport const DateTableCell = styled.td<{\n $isCurrentMonth?: boolean;\n $isDisabled?: boolean;\n $isSelected?: boolean;\n $isPresent?: boolean;\n}>`\n ${({ theme }) => `\n border: ${theme.click.datePicker.dateOption.stroke} solid ${theme.click.datePicker.dateOption.color.stroke.default};\n border-radius: ${theme.click.datePicker.dateOption.radii.default};\n font: ${theme.click.datePicker.dateOption.typography.label.default};\n `}\n\n ${({ $isCurrentMonth, $isDisabled, theme }) =>\n (!$isCurrentMonth || $isDisabled) &&\n `\n color: ${theme.click.datePicker.dateOption.color.label.disabled};\n font: ${theme.click.datePicker.dateOption.typography.label.disabled};\n `}\n\n ${({ $isSelected, theme }) =>\n $isSelected &&\n `\n background: ${theme.click.datePicker.dateOption.color.background.active} !important;\n color: ${theme.click.datePicker.dateOption.color.label.active};\n `}\n\n ${({ $isSelected, $isPresent, theme }) =>\n $isPresent &&\n !$isSelected &&\n `background: ${theme.click.datePicker.dateOption.color.background.range};`}\n\n text-align: center;\n outline: none;\n\n &:hover {\n ${({ $isDisabled, $isPresent, theme }) =>\n `border: ${theme.click.datePicker.dateOption.stroke} solid ${\n $isDisabled\n ? theme.click.datePicker.dateOption.color.stroke.disabled\n : theme.click.datePicker.dateOption.color.stroke.hover\n };\n background: ${$isPresent ? theme.click.datePicker.dateOption.color.background.range : ''};\n border-radius: ${theme.click.datePicker.dateOption.radii.default};`};\n }\n\n &:focus {\n ${({ $isDisabled, theme }) =>\n `outline: none;\n border: ${theme.click.datePicker.dateOption.stroke} solid ${\n $isDisabled\n ? theme.click.datePicker.dateOption.color.stroke.disabled\n : theme.click.datePicker.dateOption.color.stroke.hover\n };`};\n }\n\n &:focus-visible {\n ${({ $isDisabled, theme }) =>\n `outline: none;\n border: ${theme.click.datePicker.dateOption.stroke} solid ${\n $isDisabled\n ? theme.click.datePicker.dateOption.color.stroke.disabled\n : theme.click.datePicker.dateOption.color.stroke.hover\n };`};\n }\n`;\n\nexport const StyledDropdownItem = styled(Dropdown.Item)`\n box-sizing: content-box;\n min-height: 24px;\n`;\n\nexport type Body = ReturnType<typeof useCalendar>['body'];\n\ninterface CalendarRendererProps {\n calendarOptions?: UseCalendarOptions;\n children: (body: Body) => ReactNode;\n allowYearMonthSelection?: boolean;\n onYearSelect?: (year: number) => void;\n onMonthSelect?: (year: number, month: number) => void;\n selectedDate?: Date;\n timezone?: Timezone;\n}\n\nconst monthAbbreviations = getMonthNames('short');\n\ntype DateViewOption = 'days' | 'months' | 'years';\n\nconst PickerNavControl = styled(IconButton)`\n && {\n &:focus,\n &:focus-visible {\n outline: none;\n border: ${({ theme }) => theme.click.datePicker.dateOption.stroke} solid\n ${({ theme }) => theme.click.datePicker.dateOption.color.stroke.hover};\n }\n }\n`;\n\nconst EmptyDateSelectNav = styled(PickerNavControl)`\n visibility: hidden;\n pointer-events: none;\n`;\n\nconst DateSelectNav = ({\n id,\n icon,\n onClick,\n onKeyDown,\n view,\n size = 'sm',\n tabIndex,\n buttonRef,\n}: {\n id: string;\n icon: Extract<IconName, 'chevron-left' | 'chevron-right'>;\n onClick: () => void;\n onKeyDown?: (e: KeyboardEvent<HTMLButtonElement>) => void;\n view: DateViewOption;\n size?: IconButtonSize;\n tabIndex?: number;\n buttonRef?: (el: HTMLButtonElement | null) => void;\n}) => {\n if (view === MONTHS) {\n return (\n <EmptyDateSelectNav\n ref={buttonRef}\n data-testid={id}\n icon={icon}\n size={size}\n type=\"ghost\"\n tabIndex={tabIndex}\n onKeyDown={onKeyDown}\n />\n );\n }\n return (\n <PickerNavControl\n ref={buttonRef}\n data-testid={id}\n icon={icon}\n onClick={onClick}\n onKeyDown={onKeyDown}\n size={size}\n type=\"ghost\"\n tabIndex={tabIndex}\n />\n );\n};\n\nexport const CalendarRenderer = ({\n calendarOptions = {},\n children,\n allowYearMonthSelection = true,\n onYearSelect,\n onMonthSelect,\n selectedDate,\n timezone = 'system',\n ...props\n}: CalendarRendererProps) => {\n // useCalendar reads dates as local; shiftToTimezone is a no-op in local mode.\n const shiftedCalendarOptions: UseCalendarOptions =\n calendarOptions.defaultDate instanceof Date\n ? {\n ...calendarOptions,\n defaultDate: shiftToTimezone(calendarOptions.defaultDate, timezone),\n }\n : calendarOptions;\n const { body, headers, month, navigation, year } = useCalendar({\n defaultWeekStart: 1,\n ...shiftedCalendarOptions,\n });\n\n const [view, setView] = useState<DateViewOption>(DAYS);\n const [selectedYear, setSelectedYear] = useState<number | null>(null);\n const [yearOffset, setYearOffset] = useState(0);\n const [focusedMonthIndex, setFocusedMonthIndex] = useState(month);\n const [focusedYearIndex, setFocusedYearIndex] = useState(yearsOffset);\n\n const monthGridRef = useRef<Array<HTMLButtonElement | null>>([]);\n const yearGridRef = useRef<Array<HTMLButtonElement | null>>([]);\n const headerNavRefs = useRef<Array<HTMLButtonElement | null>>([null, null, null]);\n\n useEffect(() => {\n if (view === YEARS) {\n yearGridRef.current[focusedYearIndex]?.focus();\n } else if (view === MONTHS) {\n monthGridRef.current[focusedMonthIndex]?.focus();\n }\n }, [view, focusedYearIndex, focusedMonthIndex]);\n\n const onNextClick = useCallback(() => {\n if (view === YEARS) {\n setYearOffset(prev => prev + totalYears);\n } else {\n navigation.toNext();\n }\n }, [navigation, view]);\n\n const onPreviousClick = useCallback(() => {\n if (view === YEARS) {\n setYearOffset(prev => prev - totalYears);\n return;\n }\n\n navigation.toPrev();\n }, [navigation, view]);\n\n const onTitleClick = useCallback(() => {\n if (view !== DAYS) {\n return;\n }\n\n setView(YEARS);\n }, [view]);\n\n const onHeaderNavKeyDown = useCallback((e: KeyboardEvent<HTMLButtonElement>) => {\n const validRefs = headerNavRefs.current.filter(ref => {\n if (!ref) {\n return false;\n }\n return (\n ref.offsetParent !== null ||\n (!ref.hasAttribute('hidden') && ref.getAttribute('aria-hidden') !== 'true')\n );\n });\n\n const currentValidIndex = validRefs.indexOf(e.currentTarget);\n if (currentValidIndex === -1 || validRefs.length <= 1) {\n return;\n }\n\n if (e.key === 'ArrowRight') {\n e.preventDefault();\n const nextValidIndex = (currentValidIndex + 1) % validRefs.length;\n validRefs[nextValidIndex]?.focus();\n } else if (e.key === 'ArrowLeft') {\n e.preventDefault();\n const prevValidIndex =\n (currentValidIndex - 1 + validRefs.length) % validRefs.length;\n validRefs[prevValidIndex]?.focus();\n }\n }, []);\n\n const onYearSelection = useCallback(\n (yearValue: number) => {\n setSelectedYear(yearValue);\n setView(MONTHS);\n onYearSelect?.(yearValue);\n },\n [onYearSelect]\n );\n\n const onMonthSelection = useCallback(\n (monthIndex: number) => {\n const finalYear = typeof selectedYear === 'number' ? selectedYear : year;\n const newDate = new Date(finalYear, monthIndex, 1);\n\n navigation.setDate(newDate);\n onMonthSelect?.(finalYear, monthIndex);\n\n setView(DAYS);\n setSelectedYear(null);\n setYearOffset(0);\n },\n [selectedYear, year, navigation, onMonthSelect]\n );\n\n const onMonthGridKeyDown = useCallback(\n (event: KeyboardEvent<HTMLButtonElement>, index: number) => {\n const columns = viewGridMonths.columns;\n const totalItems = 12;\n let newIndex = index;\n\n switch (event.key) {\n case 'ArrowRight':\n event.preventDefault();\n newIndex = (index + 1) % totalItems;\n break;\n case 'ArrowLeft':\n event.preventDefault();\n newIndex = (index - 1 + totalItems) % totalItems;\n break;\n case 'ArrowDown':\n event.preventDefault();\n newIndex = (index + columns) % totalItems;\n break;\n case 'ArrowUp':\n event.preventDefault();\n newIndex = (index - columns + totalItems) % totalItems;\n break;\n case 'Enter':\n case ' ':\n event.preventDefault();\n onMonthSelection(index);\n return;\n default:\n return;\n }\n\n setFocusedMonthIndex(newIndex);\n monthGridRef.current[newIndex]?.focus();\n },\n [onMonthSelection]\n );\n\n const onYearGridKeyDown = useCallback(\n (event: KeyboardEvent<HTMLButtonElement>, index: number, yearValue: number) => {\n const columns = viewGridYears.columns;\n const totalItems = totalYears;\n let newIndex = index;\n\n switch (event.key) {\n case 'ArrowRight':\n event.preventDefault();\n newIndex = (index + 1) % totalItems;\n break;\n case 'ArrowLeft':\n event.preventDefault();\n newIndex = (index - 1 + totalItems) % totalItems;\n break;\n case 'ArrowDown':\n event.preventDefault();\n newIndex = (index + columns) % totalItems;\n break;\n case 'ArrowUp':\n event.preventDefault();\n newIndex = (index - columns + totalItems) % totalItems;\n break;\n case 'Enter':\n case ' ':\n event.preventDefault();\n onYearSelection(yearValue);\n return;\n default:\n return;\n }\n\n setFocusedYearIndex(newIndex);\n yearGridRef.current[newIndex]?.focus();\n },\n [onYearSelection]\n );\n\n const headerDate = new Date();\n headerDate.setMonth(month);\n headerDate.setFullYear(year);\n\n const getHeaderTitle = (view: DateViewOption) => {\n if (view === MONTHS) {\n return 'Month';\n }\n\n if (view === YEARS) {\n return 'Year';\n }\n\n // headerDate already has the right month/year in its local fields.\n return formatDateHeader('system', headerDate);\n };\n\n const renderMonthsGrid = () => {\n const today = shiftToTimezone(new Date(), timezone);\n const thisMonth = today.getMonth();\n const thisYear = today.getFullYear();\n const shiftedSelected = selectedDate\n ? shiftToTimezone(selectedDate, timezone)\n : undefined;\n const selectedMonth = shiftedSelected?.getMonth();\n const selectedYear = shiftedSelected?.getFullYear();\n\n return (\n <MonthsGrid\n data-testid=\"months-grid\"\n role=\"grid\"\n aria-label=\"Select month\"\n >\n {monthAbbreviations.map((month, index) => {\n const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n onMonthGridKeyDown(event, index);\n };\n\n const handleClick = () => {\n onMonthSelection(index);\n };\n\n const ref = (element: HTMLButtonElement) => {\n monthGridRef.current[index] = element;\n };\n\n return (\n <GridCell\n key={month}\n type=\"button\"\n ref={ref}\n $isActive={selectedDate && index === selectedMonth && year === selectedYear}\n $isPresent={index === thisMonth && year === thisYear}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n data-testid={`month-cell-${index}`}\n tabIndex={index === focusedMonthIndex ? 0 : -1}\n aria-label={month}\n >\n {month}\n </GridCell>\n );\n })}\n </MonthsGrid>\n );\n };\n\n const renderYearsGrid = () => {\n const years: Array<number> = [];\n const baseYear = year + yearOffset;\n const thisYear = shiftToTimezone(new Date(), timezone).getFullYear();\n const selectedYear = selectedDate\n ? shiftToTimezone(selectedDate, timezone).getFullYear()\n : undefined;\n\n for (let i = -yearsOffset; i <= yearsOffset; i++) {\n years.push(baseYear + i);\n }\n\n return (\n <YearsGrid\n data-testid=\"years-grid\"\n role=\"grid\"\n aria-label=\"Select year\"\n >\n {years.map((currentYear, index) => {\n const ref = (element: HTMLButtonElement) => {\n yearGridRef.current[index] = element;\n };\n\n const handleClick = () => {\n onYearSelection(currentYear);\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n onYearGridKeyDown(event, index, currentYear);\n };\n\n return (\n <GridCell\n key={currentYear}\n type=\"button\"\n ref={ref}\n $isActive={selectedDate && currentYear === selectedYear}\n $isPresent={currentYear === thisYear}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n data-testid={`year-cell-${currentYear}`}\n tabIndex={index === focusedYearIndex ? 0 : -1}\n aria-label={String(currentYear)}\n >\n {currentYear}\n </GridCell>\n );\n })}\n </YearsGrid>\n );\n };\n\n const renderTableContent = () => {\n if (view === MONTHS) {\n return (\n <tbody>\n <tr>\n <td colSpan={DAYS_IN_WEEK}>{renderMonthsGrid()}</td>\n </tr>\n </tbody>\n );\n }\n\n if (view === YEARS) {\n return (\n <tbody>\n <tr>\n <td colSpan={DAYS_IN_WEEK}>{renderYearsGrid()}</td>\n </tr>\n </tbody>\n );\n }\n\n return (\n <>\n <thead>\n <tr>\n {headers.weekDays.map(({ key, value: date }) => {\n return (\n <DateTableHeader key={key}>\n {formatWeekday('system', date)}\n </DateTableHeader>\n );\n })}\n </tr>\n </thead>\n <tbody>{children(body)}</tbody>\n </>\n );\n };\n\n return (\n <DatePickerContainer\n data-testid=\"datepicker-calendar-container\"\n isResponsive={false}\n fillWidth={false}\n orientation=\"vertical\"\n padding=\"sm\"\n {...props}\n >\n <Container\n isResponsive={false}\n justifyContent=\"space-between\"\n orientation=\"horizontal\"\n >\n <DateSelectNav\n id=\"calendar-previous-month\"\n icon=\"chevron-left\"\n onClick={onPreviousClick}\n onKeyDown={onHeaderNavKeyDown}\n view={view}\n tabIndex={view === MONTHS ? -1 : 0}\n buttonRef={el => {\n if (view !== MONTHS) {\n headerNavRefs.current[0] = el;\n } else {\n headerNavRefs.current[0] = null;\n }\n }}\n />\n {view === DAYS && allowYearMonthSelection ? (\n <ClickableTitle\n ref={el => {\n headerNavRefs.current[1] = el as HTMLButtonElement;\n }}\n onClick={onTitleClick}\n onKeyDown={onHeaderNavKeyDown}\n data-testid=\"calendar-title\"\n tabIndex={0}\n >\n {getHeaderTitle(view)}\n </ClickableTitle>\n ) : (\n <UnselectableTitle>{getHeaderTitle(view)}</UnselectableTitle>\n )}\n <DateSelectNav\n id=\"calendar-next-month\"\n icon=\"chevron-right\"\n onClick={onNextClick}\n onKeyDown={onHeaderNavKeyDown}\n view={view}\n tabIndex={view === MONTHS ? -1 : 0}\n buttonRef={el => {\n if (view !== MONTHS) {\n headerNavRefs.current[2] = el;\n } else {\n headerNavRefs.current[2] = null;\n }\n }}\n />\n </Container>\n <DateTable>{renderTableContent()}</DateTable>\n </DatePickerContainer>\n );\n};\n"],"names":["explicitWidth","viewGridMonths","columns","rows","viewGridYears","totalYears","yearsOffset","Math","floor","HighlightedInputWrapper","styled","InputWrapper","withConfig","componentId","$isActive","$width","error","theme","borderColor","click","datePicker","dateOption","color","stroke","active","field","default","formatPartialDate","timezone","selectedDate","partialYear","partialMonth","date","Date","UTC","formatDateHeader","String","formatSelectedDate","DatePickerInput","isActive","disabled","id","placeholder","defaultId","useId","formattedSelectedDate","jsx","InputStartContent","Icon","InputElement","DateRangePickerInput","selectedEndDate","selectedStartDate","formattedValue","Text","DateTimeRangePickerInput","shouldShowSeconds","formatDateTime","useCallback","formatSelectedDateTimeWithSeconds","formatSelectedDateTime","replace","jsxs","startDateIsAfterEndDate","dateRangeIsValid","startDate","endDate","DatePickerContainer","Container","background","ClickableTitle","button","radii","title","typography","hover","UnselectableTitle","h2","GridContainer","div","space","gap","MonthsGrid","YearsGrid","GridCell","label","$isPresent","range","DateTable","table","styles","product","text","normal","md","size","height","DateTableHeader","th","daytitle","DateTableCell","td","$isCurrentMonth","$isDisabled","$isSelected","StyledDropdownItem","Dropdown","Item","monthAbbreviations","getMonthNames","PickerNavControl","IconButton","EmptyDateSelectNav","DateSelectNav","icon","onClick","onKeyDown","view","tabIndex","buttonRef","MONTHS","CalendarRenderer","calendarOptions","children","allowYearMonthSelection","onYearSelect","onMonthSelect","props","shiftedCalendarOptions","defaultDate","shiftToTimezone","body","headers","month","navigation","year","useCalendar","defaultWeekStart","setView","useState","DAYS","selectedYear","setSelectedYear","yearOffset","setYearOffset","focusedMonthIndex","setFocusedMonthIndex","focusedYearIndex","setFocusedYearIndex","monthGridRef","useRef","yearGridRef","headerNavRefs","useEffect","YEARS","current","focus","onNextClick","prev","toNext","onPreviousClick","toPrev","onTitleClick","onHeaderNavKeyDown","e","validRefs","filter","ref","offsetParent","hasAttribute","getAttribute","currentValidIndex","indexOf","currentTarget","length","key","preventDefault","nextValidIndex","prevValidIndex","onYearSelection","yearValue","onMonthSelection","monthIndex","finalYear","newDate","setDate","onMonthGridKeyDown","event","index","totalItems","newIndex","onYearGridKeyDown","headerDate","setMonth","setFullYear","getHeaderTitle","renderMonthsGrid","today","thisMonth","getMonth","thisYear","getFullYear","shiftedSelected","undefined","selectedMonth","map","handleKeyDown","handleClick","element","renderYearsGrid","years","baseYear","i","push","currentYear","renderTableContent","DAYS_IN_WEEK","Fragment","weekDays","value","formatWeekday","el"],"mappings":"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"}
|
|
@@ -16,6 +16,7 @@ require('../../utils/date.cjs');
|
|
|
16
16
|
const Tabs = require('../Tabs/index.cjs');
|
|
17
17
|
const ButtonGroup = require('../ButtonGroup/index.cjs');
|
|
18
18
|
const Label = require('../Label/index.cjs');
|
|
19
|
+
const Text = require('../Text/index.cjs');
|
|
19
20
|
const TextField = require('../TextField/index.cjs');
|
|
20
21
|
const dayjs = require('dayjs');
|
|
21
22
|
|
|
@@ -43,24 +44,32 @@ const CalendarRendererContainer = styledComponents.styled.div.withConfig({
|
|
|
43
44
|
}) => theme.click.datePicker.dateOption.radii.default, ({
|
|
44
45
|
$openDirection
|
|
45
46
|
}) => $openDirection === "left" ? "right: 100%;" : "left: 259px;");
|
|
46
|
-
const
|
|
47
|
+
const NoOverflowDropdownContent = styledComponents.styled(Dropdown.Dropdown.Content).withConfig({
|
|
47
48
|
componentId: "sc-vcr4us-3"
|
|
49
|
+
})(["overflow-y:hidden;"]);
|
|
50
|
+
const StyledCalendarRenderer = styledComponents.styled(Common.CalendarRenderer).withConfig({
|
|
51
|
+
componentId: "sc-vcr4us-4"
|
|
48
52
|
})(["border-radius:", ";min-height:221px;"], ({
|
|
49
53
|
theme
|
|
50
54
|
}) => theme.click.datePicker.dateOption.radii.default);
|
|
55
|
+
const BottomPaddingTabs = styledComponents.styled(Tabs.Tabs).withConfig({
|
|
56
|
+
componentId: "sc-vcr4us-5"
|
|
57
|
+
})(["padding-bottom:", ";"], ({
|
|
58
|
+
theme
|
|
59
|
+
}) => `${theme.sizes[3]};`);
|
|
51
60
|
const StyledTriggerList = styledComponents.styled(Tabs.Tabs.TriggersList).withConfig({
|
|
52
|
-
componentId: "sc-vcr4us-
|
|
61
|
+
componentId: "sc-vcr4us-6"
|
|
53
62
|
})(["justify-content:space-around;"]);
|
|
54
63
|
const ScrollableContainer = styledComponents.styled(Container.Container).withConfig({
|
|
55
|
-
componentId: "sc-vcr4us-
|
|
64
|
+
componentId: "sc-vcr4us-7"
|
|
56
65
|
})(["max-height:210px;overflow-y:auto;"]);
|
|
57
66
|
const TimeInputContainer = styledComponents.styled(Container.Container).withConfig({
|
|
58
|
-
componentId: "sc-vcr4us-
|
|
67
|
+
componentId: "sc-vcr4us-8"
|
|
59
68
|
})(["background:", ";"], ({
|
|
60
69
|
theme
|
|
61
70
|
}) => theme.click.datePicker.dateOption.color.background.default);
|
|
62
71
|
const DateRangeTableCell = styledComponents.styled(Common.DateTableCell).withConfig({
|
|
63
|
-
componentId: "sc-vcr4us-
|
|
72
|
+
componentId: "sc-vcr4us-9"
|
|
64
73
|
})(["", ""], ({
|
|
65
74
|
$shouldShowRangeIndicator,
|
|
66
75
|
theme
|
|
@@ -180,7 +189,7 @@ const PredefinedTimes = ({
|
|
|
180
189
|
const handleItemClick = () => {
|
|
181
190
|
setStartDate(startDate);
|
|
182
191
|
setEndDate(endDate);
|
|
183
|
-
onSelectDateRange(startDate, endDate);
|
|
192
|
+
onSelectDateRange(startDate, endDate, label);
|
|
184
193
|
};
|
|
185
194
|
const rangeIsSelected = selectedEndDate && selectedEndDate === endDate && selectedStartDate && selectedStartDate === startDate;
|
|
186
195
|
return /* @__PURE__ */ jsxRuntime.jsx(Common.StyledDropdownItem, { "data-testid": `predefined-date-${startDate.getTime()}`, onClick: handleItemClick, children: /* @__PURE__ */ jsxRuntime.jsxs(Container.Container, { "data-selected": rangeIsSelected, "data-testid": label, justifyContent: "space-between", orientation: "horizontal", children: [
|
|
@@ -189,7 +198,7 @@ const PredefinedTimes = ({
|
|
|
189
198
|
] }) }, startDate.toISOString());
|
|
190
199
|
}) }),
|
|
191
200
|
/* @__PURE__ */ jsxRuntime.jsx(Common.StyledDropdownItem, { onClick: handleCustomTimePeriodClick, children: /* @__PURE__ */ jsxRuntime.jsxs(Container.Container, { justifyContent: "space-between", orientation: "horizontal", children: [
|
|
192
|
-
"
|
|
201
|
+
"Custom time period ",
|
|
193
202
|
/* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: "chevron-right" })
|
|
194
203
|
] }) })
|
|
195
204
|
] });
|
|
@@ -336,9 +345,9 @@ const TimeInput = ({
|
|
|
336
345
|
setDate(newDate);
|
|
337
346
|
}
|
|
338
347
|
}, [dayjsDate, setDate, shouldShowSeconds, timeString]);
|
|
339
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(TimeInputContainer, { gap: "sm", padding: "xs", maxWidth: `${calendarFullWidth}`, orientation: "horizontal", children: [
|
|
340
|
-
/* @__PURE__ */ jsxRuntime.jsx(Container.Container, { maxWidth: "
|
|
341
|
-
/* @__PURE__ */ jsxRuntime.jsxs(Container.Container, {
|
|
348
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(TimeInputContainer, { gap: "sm", padding: "xs", maxWidth: `${calendarFullWidth}`, orientation: "horizontal", justifyContent: "end", children: [
|
|
349
|
+
/* @__PURE__ */ jsxRuntime.jsx(Container.Container, { maxWidth: "8%", children: /* @__PURE__ */ jsxRuntime.jsx(Label.Label, { htmlFor: "date-time-picker-time-input", children: "Time" }) }),
|
|
350
|
+
/* @__PURE__ */ jsxRuntime.jsxs(Container.Container, { justifyContent: "space-evenly", orientation: "horizontal", maxWidth: "85%", children: [
|
|
342
351
|
/* @__PURE__ */ jsxRuntime.jsx(Container.Container, { maxWidth: "45%", orientation: "horizontal", children: /* @__PURE__ */ jsxRuntime.jsx(TextField.TextField, { "data-testid": "date-time-picker-time-input", disabled: !isEnabled, error: dateIsValid ? null : true, id: "date-time-picker-time-input", onChange: handleTimeChange, onKeyDown: handleKeyDown, value: timeString }) }),
|
|
343
352
|
/* @__PURE__ */ jsxRuntime.jsx(Container.Container, { maxWidth: "45%", children: /* @__PURE__ */ jsxRuntime.jsx(ButtonGroup.ButtonGroup, { onClick: handleMeridiemChange, options: [{
|
|
344
353
|
label: "am",
|
|
@@ -386,7 +395,11 @@ const TabbedCalendar = ({
|
|
|
386
395
|
if (endDate) {
|
|
387
396
|
endDateCalendarOptions.defaultDate = endDate;
|
|
388
397
|
}
|
|
389
|
-
|
|
398
|
+
const startDateIsAfterEndDate = startDate && endDate && !utils.dateRangeIsValid({
|
|
399
|
+
startDate,
|
|
400
|
+
endDate
|
|
401
|
+
});
|
|
402
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(BottomPaddingTabs, { onValueChange: handleTabChange, value: activeTab, children: [
|
|
390
403
|
/* @__PURE__ */ jsxRuntime.jsxs(StyledTriggerList, { children: [
|
|
391
404
|
/* @__PURE__ */ jsxRuntime.jsx(Tabs.Tabs.Trigger, { value: "startDate", "data-testid": "tabbed-calendar-trigger-start", children: "Start date" }),
|
|
392
405
|
/* @__PURE__ */ jsxRuntime.jsx(Tabs.Tabs.Trigger, { value: "endDate", "data-testid": "tabbed-calendar-trigger-end", children: "End date" })
|
|
@@ -398,7 +411,8 @@ const TabbedCalendar = ({
|
|
|
398
411
|
/* @__PURE__ */ jsxRuntime.jsxs(Tabs.Tabs.Content, { value: "endDate", children: [
|
|
399
412
|
/* @__PURE__ */ jsxRuntime.jsx(StyledCalendarRenderer, { calendarOptions: endDateCalendarOptions, timezone, children: (body) => /* @__PURE__ */ jsxRuntime.jsx(Calendar, { calendarBody: body, calendarType: "endDate", endDate, futureDatesDisabled, futureStartDatesDisabled, maxRangeLength, setSelectedDate, startDate, timezone }) }),
|
|
400
413
|
/* @__PURE__ */ jsxRuntime.jsx(TimeInput, { date: endDate, setDate: handleSetEndDate, shouldShowSeconds, timezone })
|
|
401
|
-
] })
|
|
414
|
+
] }),
|
|
415
|
+
startDateIsAfterEndDate && /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { align: "center", color: "danger", fillWidth: true, children: "End date and time must be after start" })
|
|
402
416
|
] });
|
|
403
417
|
};
|
|
404
418
|
const DateTimeRangePicker = ({
|
|
@@ -413,6 +427,7 @@ const DateTimeRangePicker = ({
|
|
|
413
427
|
openDirection = "right",
|
|
414
428
|
placeholder = "start date – end date",
|
|
415
429
|
predefinedTimesList,
|
|
430
|
+
shouldFireIfInvalid = true,
|
|
416
431
|
shouldShowSeconds,
|
|
417
432
|
startDate,
|
|
418
433
|
timezone = "system"
|
|
@@ -485,6 +500,12 @@ const DateTimeRangePicker = ({
|
|
|
485
500
|
if (calendarType === "startDate") {
|
|
486
501
|
setSelectedStartDate(selectedDate);
|
|
487
502
|
if (selectedEndDate) {
|
|
503
|
+
if (!shouldFireIfInvalid && !utils.dateRangeIsValid({
|
|
504
|
+
startDate: selectedDate,
|
|
505
|
+
endDate: selectedEndDate
|
|
506
|
+
})) {
|
|
507
|
+
return;
|
|
508
|
+
}
|
|
488
509
|
onSelectDateRange(selectedDate, selectedEndDate);
|
|
489
510
|
if (closeOnDateRangeSelected) {
|
|
490
511
|
closeDatePicker();
|
|
@@ -494,13 +515,19 @@ const DateTimeRangePicker = ({
|
|
|
494
515
|
if (calendarType === "endDate") {
|
|
495
516
|
setSelectedEndDate(selectedDate);
|
|
496
517
|
if (selectedStartDate) {
|
|
518
|
+
if (!shouldFireIfInvalid && !utils.dateRangeIsValid({
|
|
519
|
+
startDate: selectedStartDate,
|
|
520
|
+
endDate: selectedDate
|
|
521
|
+
})) {
|
|
522
|
+
return;
|
|
523
|
+
}
|
|
497
524
|
onSelectDateRange(selectedStartDate, selectedDate);
|
|
498
525
|
if (closeOnDateRangeSelected) {
|
|
499
526
|
closeDatePicker();
|
|
500
527
|
}
|
|
501
528
|
}
|
|
502
529
|
}
|
|
503
|
-
}, [closeDatePicker, closeOnDateRangeSelected, onSelectDateRange, selectedEndDate, selectedStartDate, timezone]);
|
|
530
|
+
}, [closeDatePicker, closeOnDateRangeSelected, onSelectDateRange, selectedEndDate, selectedStartDate, shouldFireIfInvalid, timezone]);
|
|
504
531
|
const onTriggerKeyDown = react.useCallback((e) => {
|
|
505
532
|
if (e.key === "Enter" || e.key === " ") {
|
|
506
533
|
e.preventDefault();
|
|
@@ -510,7 +537,7 @@ const DateTimeRangePicker = ({
|
|
|
510
537
|
const shouldShowPredefinedTimes = predefinedTimesList !== void 0 && predefinedTimesList.length > 0;
|
|
511
538
|
return /* @__PURE__ */ jsxRuntime.jsxs(Dropdown.Dropdown, { onOpenChange: handleOpenChange, open: isOpen, children: [
|
|
512
539
|
/* @__PURE__ */ jsxRuntime.jsx(Dropdown.Dropdown.Trigger, { disabled, onKeyDown: onTriggerKeyDown, children: /* @__PURE__ */ jsxRuntime.jsx(Common.DateTimeRangePickerInput, { "data-testid": "datepicker-input-container", disabled, isActive: isOpen, placeholder, selectedEndDate, selectedStartDate, shouldShowSeconds, timezone }) }),
|
|
513
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
540
|
+
/* @__PURE__ */ jsxRuntime.jsx(NoOverflowDropdownContent, { align: "start", children: /* @__PURE__ */ jsxRuntime.jsx(Container.Container, { orientation: "horizontal", children: shouldShowPredefinedTimes ? /* @__PURE__ */ jsxRuntime.jsxs(PredefinedCalendarContainer, { gap: "none", orientation: "horizontal", padding: "none", children: [
|
|
514
541
|
/* @__PURE__ */ jsxRuntime.jsx(PredefinedTimes, { onSelectDateRange, predefinedTimesList, selectedEndDate, selectedStartDate, setEndDate: setSelectedEndDate, setStartDate: setSelectedStartDate, shouldShowCustomRange, showCustomDateRange: setShouldShowCustomRange }),
|
|
515
542
|
shouldShowCustomRange && /* @__PURE__ */ jsxRuntime.jsx(CalendarRendererContainer, { $openDirection: calendarOpenDirection, ref: calendarContainerRef, children: /* @__PURE__ */ jsxRuntime.jsx(TabbedCalendar, { defaultActiveTab, endDate: selectedEndDate, futureDatesDisabled, futureStartDatesDisabled, maxRangeLength, setEndDate: setSelectedEndDate, setSelectedDate: handleSelectDate, setStartDate: setSelectedStartDate, shouldShowSeconds: Boolean(shouldShowSeconds), startDate: selectedStartDate, timezone }) })
|
|
516
543
|
] }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(TabbedCalendar, { defaultActiveTab, endDate: selectedEndDate, futureDatesDisabled, futureStartDatesDisabled, maxRangeLength, setEndDate: setSelectedEndDate, setSelectedDate: handleSelectDate, setStartDate: setSelectedStartDate, shouldShowSeconds: Boolean(shouldShowSeconds), startDate: selectedStartDate, timezone }) }) }) })
|