@televet/kibble-ui 5.0.22 → 5.0.23-alpha.1
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/chunks/dateTimePicker.component-CZpAgPHv.js +331 -0
- package/dist/chunks/dateTimePicker.component-CZpAgPHv.js.map +1 -0
- package/dist/chunks/dateTimePicker.component-D1J7ZeX2.js +2 -0
- package/dist/chunks/{dateTimePicker.component-BlWhC5aT.js.map → dateTimePicker.component-D1J7ZeX2.js.map} +1 -1
- package/dist/chunks/timePicker.component-C3x0n7PC.js +2 -0
- package/dist/chunks/timePicker.component-C3x0n7PC.js.map +1 -0
- package/dist/chunks/timePicker.component-CqH4VTcN.js +239 -0
- package/dist/chunks/timePicker.component-CqH4VTcN.js.map +1 -0
- package/dist/chunks/timeRange.component-BvVNCbXV.js +2 -0
- package/dist/chunks/{timeRange.component-BZHpZeAX.js.map → timeRange.component-BvVNCbXV.js.map} +1 -1
- package/dist/chunks/timeRange.component-CZJmccuW.js +26 -0
- package/dist/chunks/{timeRange.component-D3Db8lvh.js.map → timeRange.component-CZJmccuW.js.map} +1 -1
- package/dist/cjs/components/DateTimePicker/index.cjs +1 -1
- package/dist/cjs/components/TimePicker/index.cjs +1 -1
- package/dist/cjs/components/TimeRange/index.cjs +1 -1
- package/dist/cjs/components/index.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/esm/components/DateTimePicker/index.js +1 -1
- package/dist/esm/components/TimePicker/index.js +1 -1
- package/dist/esm/components/TimeRange/index.js +1 -1
- package/dist/esm/components/index.js +3 -3
- package/dist/esm/index.js +3 -3
- package/dist/types/components/DateTimePicker/components/DateTimePickerCustomView/dateTimePickerCustomView.component.d.ts +2 -1
- package/dist/types/components/DateTimePicker/components/DateTimePickerRangeSelector/dateTimePickerRangeSelector.component.d.ts +2 -1
- package/dist/types/components/DateTimePicker/dateTimePicker.component.d.ts +6 -1
- package/dist/types/components/TimePicker/timePicker.component.d.ts +9 -1
- package/dist/types/shared/utils/convertToTimezoneOverride.d.ts +5 -0
- package/package.json +6 -3
- package/dist/chunks/dateTimePicker.component-BlWhC5aT.js +0 -2
- package/dist/chunks/dateTimePicker.component-CLAI_Q6e.js +0 -317
- package/dist/chunks/dateTimePicker.component-CLAI_Q6e.js.map +0 -1
- package/dist/chunks/timePicker.component-BCMX6aqb.js +0 -220
- package/dist/chunks/timePicker.component-BCMX6aqb.js.map +0 -1
- package/dist/chunks/timePicker.component-D5hw80VV.js +0 -2
- package/dist/chunks/timePicker.component-D5hw80VV.js.map +0 -1
- package/dist/chunks/timeRange.component-BZHpZeAX.js +0 -19
- package/dist/chunks/timeRange.component-D3Db8lvh.js +0 -2
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { j as e } from "./jsx-runtime-C5mzlN2N.js";
|
|
2
|
+
import { B as o } from "./index-9BerxEcw.js";
|
|
3
|
+
import { T as r } from "./timePicker.component-CqH4VTcN.js";
|
|
4
|
+
import { F as n } from "./flex-CX-8gE9T.js";
|
|
5
|
+
const p = ({
|
|
6
|
+
endTimePickerProps: i,
|
|
7
|
+
separator: m = "-",
|
|
8
|
+
startTimePickerProps: s,
|
|
9
|
+
["data-testid"]: t = "kibble-time-range",
|
|
10
|
+
...a
|
|
11
|
+
}) => /* @__PURE__ */ e.jsxs(n, { className: "TimeRange", "data-testid": t, ...a, children: [
|
|
12
|
+
/* @__PURE__ */ e.jsx(r, { ...s, "data-testid": `${t}-start-time-picker` }),
|
|
13
|
+
/* @__PURE__ */ e.jsx(o, { alignSelf: "center", mx: 1, children: m }),
|
|
14
|
+
/* @__PURE__ */ e.jsx(
|
|
15
|
+
r,
|
|
16
|
+
{
|
|
17
|
+
...i,
|
|
18
|
+
showTimezoneAbr: !!i.timezoneOverride,
|
|
19
|
+
"data-testid": `${t}-end-time-picker`
|
|
20
|
+
}
|
|
21
|
+
)
|
|
22
|
+
] });
|
|
23
|
+
export {
|
|
24
|
+
p as T
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=timeRange.component-CZJmccuW.js.map
|
package/dist/chunks/{timeRange.component-D3Db8lvh.js.map → timeRange.component-CZJmccuW.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timeRange.component-
|
|
1
|
+
{"version":3,"file":"timeRange.component-CZJmccuW.js","sources":["../../src/components/TimeRange/timeRange.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex, FlexProps } from '@chakra-ui/react/flex';\nimport { TimePicker, TimePickerProps } from 'components/TimePicker/timePicker.component';\n\nexport interface TimeRangeProps extends FlexProps {\n /**\n * Element that separates the start and end time pickers. By default, a dash is used.\n * @default -\n */\n separator?: React.ReactNode;\n /** Props for the end time picker. See `TimePicker` for more information. */\n endTimePickerProps: TimePickerProps;\n /** Props for the start time picker. See `TimePicker` for more information. */\n startTimePickerProps: TimePickerProps;\n /**\n * Data test id for the time range.\n * @default kibble-time-range\n */\n 'data-testid'?: string;\n}\n\nexport const TimeRange = ({\n endTimePickerProps,\n separator = '-',\n startTimePickerProps,\n ['data-testid']: dataTestId = 'kibble-time-range',\n ...rest\n}: TimeRangeProps): React.JSX.Element => {\n return (\n <Flex className=\"TimeRange\" data-testid={dataTestId} {...rest}>\n <TimePicker {...startTimePickerProps} data-testid={`${dataTestId}-start-time-picker`} />\n <Box alignSelf=\"center\" mx={1}>\n {separator}\n </Box>\n <TimePicker\n {...endTimePickerProps}\n showTimezoneAbr={!!endTimePickerProps.timezoneOverride}\n data-testid={`${dataTestId}-end-time-picker`}\n />\n </Flex>\n );\n};\n"],"names":["TimeRange","endTimePickerProps","separator","startTimePickerProps","dataTestId","rest","Flex","jsx","TimePicker","Box"],"mappings":";;;;AAsBO,MAAMA,IAAY,CAAC;AAAA,EACxB,oBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,sBAAAC;AAAA,EACA,CAAC,gBAAgBC,IAAa;AAAA,EAC9B,GAAGC;AACL,6BAEKC,GAAK,EAAA,WAAU,aAAY,eAAaF,GAAa,GAAGC,GACvD,UAAA;AAAA,EAAAE,gBAAAA,MAACC,KAAY,GAAGL,GAAsB,eAAa,GAAGC,CAAU,sBAAsB;AAAA,wBACrFK,GAAI,EAAA,WAAU,UAAS,IAAI,GACzB,UACHP,GAAA;AAAA,EACAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,iBAAiB,CAAC,CAACA,EAAmB;AAAA,MACtC,eAAa,GAAGG,CAAU;AAAA,IAAA;AAAA,EAAA;AAC5B,GACF;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/dateTimePicker.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/dateTimePicker.component-D1J7ZeX2.js");exports.DateTimePicker=e.DateTimePicker;exports.DateTimePickerDefaultOptionValue=e.DateTimePickerDefaultOptionValue;exports.calendarViews=e.calendarViews;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/timePicker.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/timePicker.component-C3x0n7PC.js");exports.Meridiem=e.Meridiem;exports.TimePicker=e.TimePicker;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/timeRange.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/timeRange.component-BvVNCbXV.js");exports.TimeRange=e.TimeRange;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../../chunks/alert.component-nhRTQ5KK.js"),T=require("../../chunks/alert.types-8mtsdXr4.js"),y=require("../../chunks/avatar.component-BGgZoVJS.js"),s=require("../../chunks/avatar.types-Bmt5Uhfb.js"),g=require("../../chunks/avatarGroup.component-CJCQSIyr.js"),b=require("../../chunks/button.component-DjdgBXDC.js"),e=require("../../chunks/button.types-DXP4uRV8.js"),P=require("../../chunks/buttonGroup.component-pR0mvmm7.js"),C=require("../../chunks/calendar.component-BFSyxaB6.js"),k=require("../../chunks/card.component-BmBiYbMV.js"),z=require("../../chunks/card.types-MvkQTTZF.js"),h=require("../../chunks/characterCounter.component-BRHLt929.js"),D=require("../../chunks/checkbox.component-C132vkan.js"),B=require("../../chunks/checkboxGroup.component-2U0ZW1TD.js"),I=require("../../chunks/conversationCard.component-CscMIq51.js"),x=require("../../chunks/datePicker.component-BuGpHTzS.js"),V=require("../../chunks/datePicker.provider-i35-VNAb.js"),o=require("../../chunks/dateTimePicker.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../../chunks/alert.component-nhRTQ5KK.js"),T=require("../../chunks/alert.types-8mtsdXr4.js"),y=require("../../chunks/avatar.component-BGgZoVJS.js"),s=require("../../chunks/avatar.types-Bmt5Uhfb.js"),g=require("../../chunks/avatarGroup.component-CJCQSIyr.js"),b=require("../../chunks/button.component-DjdgBXDC.js"),e=require("../../chunks/button.types-DXP4uRV8.js"),P=require("../../chunks/buttonGroup.component-pR0mvmm7.js"),C=require("../../chunks/calendar.component-BFSyxaB6.js"),k=require("../../chunks/card.component-BmBiYbMV.js"),z=require("../../chunks/card.types-MvkQTTZF.js"),h=require("../../chunks/characterCounter.component-BRHLt929.js"),D=require("../../chunks/checkbox.component-C132vkan.js"),B=require("../../chunks/checkboxGroup.component-2U0ZW1TD.js"),I=require("../../chunks/conversationCard.component-CscMIq51.js"),x=require("../../chunks/datePicker.component-BuGpHTzS.js"),V=require("../../chunks/datePicker.provider-i35-VNAb.js"),o=require("../../chunks/dateTimePicker.component-D1J7ZeX2.js"),f=require("../../chunks/divider.component-BX3zyB7O.js"),n=require("../../chunks/divider.types-DBNcs0IR.js"),A=require("../../chunks/heading.component-DnoZOXdz.js"),W=require("../../chunks/icon.component-B1hr5lLa.js"),G=require("../../chunks/icon.types-2obj_NKG.js"),M=require("../../chunks/link.component-_YXG8MDq.js"),c=require("../../chunks/logo.types-88a31xCx.js"),p=require("../../chunks/maintenanceBanner.types-BsNjAlXa.js"),R=require("../../chunks/menu.component-D2V9Q1Y5.js"),t=require("../../chunks/modal.types-D_t0UdS6.js"),w=require("../../chunks/notificationCounter.component-CBwi5vXa.js"),u=require("../../chunks/notificationCounter.types-B_-siNfi.js"),L=require("../../chunks/picture.component-BA2hgdZy.js"),m=require("../../chunks/pinInput.types-Can9f1Eu.js"),O=require("../../chunks/popover.component-DTjA1GSd.js"),r=require("../../chunks/popover.types-ChA9ccQ2.js"),i=require("../../chunks/radioGroup.types-U1ep9nrN.js"),N=require("../../chunks/radiomark.component-YJNr68s7.js"),E=require("../../chunks/rating.component-DsHkKmA7.js"),F=require("../../chunks/ratingDots.component-CZ370iI3.js"),H=require("../../chunks/select.component-OrsHXCMz.js"),K=require("../../chunks/sortableList.component-2yX2pXs7.js"),j=require("../../chunks/spinner.component-Dq6u4vVL.js"),J=require("../../chunks/spinner.types-BCLN5-H2.js"),d=require("../../chunks/styledAvatar.types-BG2G_U-W.js"),l=require("../../chunks/swatch.types-AZLB8OWG.js"),Q=require("../../chunks/switch.component-BYEMhBCA.js"),a=require("../../chunks/tab.types-B8hOk0uV.js"),U=require("../../chunks/tag.component-C98Wf07v.js"),_=require("../../chunks/tag.types-BnDFgTvb.js"),q=require("../../chunks/tagBlock.component-B899iqQP.js"),X=require("../../chunks/text.component-BDDz5KQP.js"),Y=require("../../chunks/textInput.component-CwTc0h_F.js"),Z=require("../../chunks/textarea.component-BIg_XX_R.js"),v=require("../../chunks/timePicker.component-C3x0n7PC.js"),$=require("../../chunks/timeRange.component-BvVNCbXV.js"),ee=require("../../chunks/timestamp.component-BfmZPfy5.js"),te=require("./Toast/index.cjs"),oe=require("../../chunks/tooltip.component-DBw-hAPU.js"),ne=require("../../chunks/numberInput.component-DGPEz0Fv.js");exports.Alert=S.Alert;exports.alertButtonPositions=T.alertButtonPositions;exports.Avatar=y.Avatar;exports.avatarSizes=s.avatarSizes;exports.avatarVariants=s.avatarVariants;exports.AvatarGroup=g.AvatarGroup;exports.Button=b.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=P.ButtonGroup;exports.Calendar=C.Calendar;exports.Card=k.Card;exports.cardSizes=z.cardSizes;exports.CharacterCounter=h.CharacterCounter;exports.Checkbox=D.WrappedCheckbox;exports.CheckboxGroup=B.WrappedCheckboxGroup;exports.ConversationCard=I.ConversationCard;exports.DatePicker=x.DatePicker;exports.DateFormats=V.DateFormats;exports.DateTimePicker=o.DateTimePicker;exports.DateTimePickerDefaultOptionValue=o.DateTimePickerDefaultOptionValue;exports.calendarViews=o.calendarViews;exports.Divider=f.Divider;exports.dividerOrientations=n.dividerOrientations;exports.dividerSizes=n.dividerSizes;exports.dividerVariants=n.dividerVariants;exports.Heading=A.WrappedHeading;exports.Icon=W.Icon;exports.iconSizes=G.iconSizes;exports.Link=M.Link;exports.Logo=c.Logo;exports.logoTypes=c.logoTypes;exports.MaintenanceBanner=p.MaintenanceBanner;exports.maintenanceBannerEnvKeys=p.maintenanceBannerEnvKeys;exports.Menu=R.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=w.NotificationCounter;exports.notificationCounterSizes=u.notificationCounterSizes;exports.notificationCounterVariants=u.notificationCounterVariants;exports.Picture=L.Picture;exports.PinInput=m.WrappedPinInput;exports.pinInputTypes=m.pinInputTypes;exports.Popover=O.Popover;exports.popoverSizes=r.popoverSizes;exports.popoverTriggerTypes=r.popoverTriggerTypes;exports.popoverVariants=r.popoverVariants;exports.RadioGroup=i.WrappedRadioGroup;exports.radioAlignments=i.radioAlignments;exports.radioTypes=i.radioTypes;exports.Radiomark=N.Radiomark;exports.Rating=E.WrappedRating;exports.RatingDots=F.WrappedRatingDots;exports.Select=H.WrappedSelect;exports.SortableList=K.SortableList;exports.Spinner=j.Spinner;exports.spinnerSizes=J.spinnerSizes;exports.StyledAvatar=d.StyledAvatar;exports.styledAvatarTypes=d.styledAvatarTypes;exports.Swatch=l.Swatch;exports.swatchSizes=l.swatchSizes;exports.Switch=Q.WrappedSwitch;exports.Tabs=a.Tabs;exports.tabIconPositions=a.tabIconPositions;exports.tabSizes=a.tabSizes;exports.Tag=U.Tag;exports.closeButtonDisplays=_.closeButtonDisplays;exports.tagSizes=_.tagSizes;exports.TagBlock=q.TagBlock;exports.TagDisabledState=q.TagDisabledState;exports.Text=X.WrappedText;exports.TextInput=Y.WrappedTextInput;exports.Textarea=Z.WrappedTextarea;exports.Meridiem=v.Meridiem;exports.TimePicker=v.TimePicker;exports.TimeRange=$.TimeRange;exports.Timestamp=ee.Timestamp;exports.useToast=te.useToast;exports.Tooltip=oe.Tooltip;exports.NumberInput=ne.WrappedNumberInput;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../chunks/alert.component-nhRTQ5KK.js"),b=require("../chunks/alert.types-8mtsdXr4.js"),h=require("../chunks/avatar.component-BGgZoVJS.js"),p=require("../chunks/avatar.types-Bmt5Uhfb.js"),S=require("../chunks/avatarGroup.component-CJCQSIyr.js"),k=require("../chunks/button.component-DjdgBXDC.js"),e=require("../chunks/button.types-DXP4uRV8.js"),C=require("../chunks/buttonGroup.component-pR0mvmm7.js"),P=require("../chunks/calendar.component-BFSyxaB6.js"),D=require("../chunks/card.component-BmBiYbMV.js"),M=require("../chunks/card.types-MvkQTTZF.js"),z=require("../chunks/characterCounter.component-BRHLt929.js"),x=require("../chunks/checkbox.component-C132vkan.js"),B=require("../chunks/checkboxGroup.component-2U0ZW1TD.js"),V=require("../chunks/conversationCard.component-CscMIq51.js"),f=require("../chunks/datePicker.component-BuGpHTzS.js"),I=require("../chunks/datePicker.provider-i35-VNAb.js"),n=require("../chunks/dateTimePicker.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../chunks/alert.component-nhRTQ5KK.js"),b=require("../chunks/alert.types-8mtsdXr4.js"),h=require("../chunks/avatar.component-BGgZoVJS.js"),p=require("../chunks/avatar.types-Bmt5Uhfb.js"),S=require("../chunks/avatarGroup.component-CJCQSIyr.js"),k=require("../chunks/button.component-DjdgBXDC.js"),e=require("../chunks/button.types-DXP4uRV8.js"),C=require("../chunks/buttonGroup.component-pR0mvmm7.js"),P=require("../chunks/calendar.component-BFSyxaB6.js"),D=require("../chunks/card.component-BmBiYbMV.js"),M=require("../chunks/card.types-MvkQTTZF.js"),z=require("../chunks/characterCounter.component-BRHLt929.js"),x=require("../chunks/checkbox.component-C132vkan.js"),B=require("../chunks/checkboxGroup.component-2U0ZW1TD.js"),V=require("../chunks/conversationCard.component-CscMIq51.js"),f=require("../chunks/datePicker.component-BuGpHTzS.js"),I=require("../chunks/datePicker.provider-i35-VNAb.js"),n=require("../chunks/dateTimePicker.component-D1J7ZeX2.js"),w=require("../chunks/divider.component-BX3zyB7O.js"),r=require("../chunks/divider.types-DBNcs0IR.js"),A=require("../chunks/heading.component-DnoZOXdz.js"),W=require("../chunks/icon.component-B1hr5lLa.js"),G=require("../chunks/icon.types-2obj_NKG.js"),R=require("../chunks/link.component-_YXG8MDq.js"),u=require("../chunks/logo.types-88a31xCx.js"),d=require("../chunks/maintenanceBanner.types-BsNjAlXa.js"),L=require("../chunks/menu.component-D2V9Q1Y5.js"),t=require("../chunks/modal.types-D_t0UdS6.js"),K=require("../chunks/notificationCounter.component-CBwi5vXa.js"),m=require("../chunks/notificationCounter.types-B_-siNfi.js"),O=require("../chunks/picture.component-BA2hgdZy.js"),l=require("../chunks/pinInput.types-Can9f1Eu.js"),N=require("../chunks/popover.component-DTjA1GSd.js"),i=require("../chunks/popover.types-ChA9ccQ2.js"),a=require("../chunks/radioGroup.types-U1ep9nrN.js"),E=require("../chunks/radiomark.component-YJNr68s7.js"),F=require("../chunks/rating.component-DsHkKmA7.js"),H=require("../chunks/ratingDots.component-CZ370iI3.js"),j=require("../chunks/select.component-OrsHXCMz.js"),J=require("../chunks/sortableList.component-2yX2pXs7.js"),Q=require("../chunks/spinner.component-Dq6u4vVL.js"),U=require("../chunks/spinner.types-BCLN5-H2.js"),_=require("../chunks/styledAvatar.types-BG2G_U-W.js"),q=require("../chunks/swatch.types-AZLB8OWG.js"),X=require("../chunks/switch.component-BYEMhBCA.js"),s=require("../chunks/tab.types-B8hOk0uV.js"),Y=require("../chunks/tag.component-C98Wf07v.js"),T=require("../chunks/tag.types-BnDFgTvb.js"),v=require("../chunks/tagBlock.component-B899iqQP.js"),Z=require("../chunks/text.component-BDDz5KQP.js"),$=require("../chunks/textInput.component-CwTc0h_F.js"),ee=require("../chunks/textarea.component-BIg_XX_R.js"),y=require("../chunks/timePicker.component-C3x0n7PC.js"),te=require("../chunks/timeRange.component-BvVNCbXV.js"),oe=require("../chunks/timestamp.component-BfmZPfy5.js"),ne=require("./components/Toast/index.cjs"),re=require("../chunks/tooltip.component-DBw-hAPU.js"),ie=require("../chunks/numberInput.component-DGPEz0Fv.js"),ae=require("../chunks/withDarkMode-R08khTA6.js"),se=require("../chunks/withLightMode-Crw8xtkD.js"),ce=require("./hooks/useBreakpoint/index.cjs"),pe=require("./hooks/useColorMode/index.cjs"),ue=require("./hooks/useColorModeValue/index.cjs"),de=require("./hooks/useDeviceType/index.cjs"),o=require("./shared/types/index.cjs"),me=require("../chunks/theme-BFbOz0Jj.js"),c=require("../chunks/theme.provider-DwwXiHZn.js");exports.Alert=g.Alert;exports.alertButtonPositions=b.alertButtonPositions;exports.Avatar=h.Avatar;exports.avatarSizes=p.avatarSizes;exports.avatarVariants=p.avatarVariants;exports.AvatarGroup=S.AvatarGroup;exports.Button=k.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=C.ButtonGroup;exports.Calendar=P.Calendar;exports.Card=D.Card;exports.cardSizes=M.cardSizes;exports.CharacterCounter=z.CharacterCounter;exports.Checkbox=x.WrappedCheckbox;exports.CheckboxGroup=B.WrappedCheckboxGroup;exports.ConversationCard=V.ConversationCard;exports.DatePicker=f.DatePicker;exports.DateFormats=I.DateFormats;exports.DateTimePicker=n.DateTimePicker;exports.DateTimePickerDefaultOptionValue=n.DateTimePickerDefaultOptionValue;exports.calendarViews=n.calendarViews;exports.Divider=w.Divider;exports.dividerOrientations=r.dividerOrientations;exports.dividerSizes=r.dividerSizes;exports.dividerVariants=r.dividerVariants;exports.Heading=A.WrappedHeading;exports.Icon=W.Icon;exports.iconSizes=G.iconSizes;exports.Link=R.Link;exports.Logo=u.Logo;exports.logoTypes=u.logoTypes;exports.MaintenanceBanner=d.MaintenanceBanner;exports.maintenanceBannerEnvKeys=d.maintenanceBannerEnvKeys;exports.Menu=L.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=K.NotificationCounter;exports.notificationCounterSizes=m.notificationCounterSizes;exports.notificationCounterVariants=m.notificationCounterVariants;exports.Picture=O.Picture;exports.PinInput=l.WrappedPinInput;exports.pinInputTypes=l.pinInputTypes;exports.Popover=N.Popover;exports.popoverSizes=i.popoverSizes;exports.popoverTriggerTypes=i.popoverTriggerTypes;exports.popoverVariants=i.popoverVariants;exports.RadioGroup=a.WrappedRadioGroup;exports.radioAlignments=a.radioAlignments;exports.radioTypes=a.radioTypes;exports.Radiomark=E.Radiomark;exports.Rating=F.WrappedRating;exports.RatingDots=H.WrappedRatingDots;exports.Select=j.WrappedSelect;exports.SortableList=J.SortableList;exports.Spinner=Q.Spinner;exports.spinnerSizes=U.spinnerSizes;exports.StyledAvatar=_.StyledAvatar;exports.styledAvatarTypes=_.styledAvatarTypes;exports.Swatch=q.Swatch;exports.swatchSizes=q.swatchSizes;exports.Switch=X.WrappedSwitch;exports.Tabs=s.Tabs;exports.tabIconPositions=s.tabIconPositions;exports.tabSizes=s.tabSizes;exports.Tag=Y.Tag;exports.closeButtonDisplays=T.closeButtonDisplays;exports.tagSizes=T.tagSizes;exports.TagBlock=v.TagBlock;exports.TagDisabledState=v.TagDisabledState;exports.Text=Z.WrappedText;exports.TextInput=$.WrappedTextInput;exports.Textarea=ee.WrappedTextarea;exports.Meridiem=y.Meridiem;exports.TimePicker=y.TimePicker;exports.TimeRange=te.TimeRange;exports.Timestamp=oe.Timestamp;exports.useToast=ne.useToast;exports.Tooltip=re.Tooltip;exports.NumberInput=ie.WrappedNumberInput;exports.withDarkMode=ae.withDarkMode;exports.withLightMode=se.withLightMode;exports.useBreakpoint=ce.useBreakpoint;exports.useColorMode=pe.useColorMode;exports.useColorModeValue=ue.useColorModeValue;exports.useDeviceType=de.useDeviceType;exports.alignments=o.alignments;exports.flexDirections=o.flexDirections;exports.placements=o.placements;exports.statuses=o.statuses;exports.typographyVariants=o.typographyVariants;exports.colorModeThemeKey=me.colorModeThemeKey;exports.KibbleThemeProvider=c.KibbleThemeProvider;exports.kibbleThemeConfig=c.kibbleThemeConfig;exports.system=c.system;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -15,7 +15,7 @@ import { W as h } from "../../chunks/checkboxGroup.component-DW9qUlSm.js";
|
|
|
15
15
|
import { C as L } from "../../chunks/conversationCard.component-DByFo4jj.js";
|
|
16
16
|
import { D as G } from "../../chunks/datePicker.component-CLTjEX7i.js";
|
|
17
17
|
import { D as O } from "../../chunks/datePicker.provider-CttuPiiS.js";
|
|
18
|
-
import { D as F, a as H, c as K } from "../../chunks/dateTimePicker.component-
|
|
18
|
+
import { D as F, a as H, c as K } from "../../chunks/dateTimePicker.component-CZpAgPHv.js";
|
|
19
19
|
import { D as q } from "../../chunks/divider.component-CFOh4Nw3.js";
|
|
20
20
|
import { d as Q, a as U, b as X } from "../../chunks/divider.types-6MEkMNbx.js";
|
|
21
21
|
import { W as Z } from "../../chunks/heading.component-CpSAN3cv.js";
|
|
@@ -50,8 +50,8 @@ import { T as Sa, a as ba } from "../../chunks/tagBlock.component-CT7_RyJ-.js";
|
|
|
50
50
|
import { W as Ca } from "../../chunks/text.component-DhuUgP3j.js";
|
|
51
51
|
import { W as ga } from "../../chunks/textInput.component-BeiTxTkS.js";
|
|
52
52
|
import { W as Wa } from "../../chunks/textarea.component-C6Wt1Pk8.js";
|
|
53
|
-
import { M as Ba, T as ka } from "../../chunks/timePicker.component-
|
|
54
|
-
import { T as Aa } from "../../chunks/timeRange.component-
|
|
53
|
+
import { M as Ba, T as ka } from "../../chunks/timePicker.component-CqH4VTcN.js";
|
|
54
|
+
import { T as Aa } from "../../chunks/timeRange.component-CZJmccuW.js";
|
|
55
55
|
import { T as Ia } from "../../chunks/timestamp.component-DkLjxUsy.js";
|
|
56
56
|
import { useToast as ha } from "./Toast/index.js";
|
|
57
57
|
import { T as La } from "../../chunks/tooltip.component-CHohp2qn.js";
|
package/dist/esm/index.js
CHANGED
|
@@ -15,7 +15,7 @@ import { W as w } from "../chunks/checkboxGroup.component-DW9qUlSm.js";
|
|
|
15
15
|
import { C as L } from "../chunks/conversationCard.component-DByFo4jj.js";
|
|
16
16
|
import { D as G } from "../chunks/datePicker.component-CLTjEX7i.js";
|
|
17
17
|
import { D as N } from "../chunks/datePicker.provider-CttuPiiS.js";
|
|
18
|
-
import { D as E, a as F, c as H } from "../chunks/dateTimePicker.component-
|
|
18
|
+
import { D as E, a as F, c as H } from "../chunks/dateTimePicker.component-CZpAgPHv.js";
|
|
19
19
|
import { D as q } from "../chunks/divider.component-CFOh4Nw3.js";
|
|
20
20
|
import { d as Q, a as U, b as X } from "../chunks/divider.types-6MEkMNbx.js";
|
|
21
21
|
import { W as Z } from "../chunks/heading.component-CpSAN3cv.js";
|
|
@@ -50,8 +50,8 @@ import { T as Sr, a as br } from "../chunks/tagBlock.component-CT7_RyJ-.js";
|
|
|
50
50
|
import { W as Cr } from "../chunks/text.component-DhuUgP3j.js";
|
|
51
51
|
import { W as Dr } from "../chunks/textInput.component-BeiTxTkS.js";
|
|
52
52
|
import { W as hr } from "../chunks/textarea.component-C6Wt1Pk8.js";
|
|
53
|
-
import { M as Mr, T as kr } from "../chunks/timePicker.component-
|
|
54
|
-
import { T as zr } from "../chunks/timeRange.component-
|
|
53
|
+
import { M as Mr, T as kr } from "../chunks/timePicker.component-CqH4VTcN.js";
|
|
54
|
+
import { T as zr } from "../chunks/timeRange.component-CZJmccuW.js";
|
|
55
55
|
import { T as Vr } from "../chunks/timestamp.component-DkLjxUsy.js";
|
|
56
56
|
import { useToast as wr } from "./components/Toast/index.js";
|
|
57
57
|
import { T as Lr } from "../chunks/tooltip.component-CHohp2qn.js";
|
|
@@ -2,6 +2,7 @@ import { default as React } from 'react';
|
|
|
2
2
|
interface DateTimePickerCustomViewProps {
|
|
3
3
|
/** Determines if the calendar view is single. */
|
|
4
4
|
isSingleView: boolean;
|
|
5
|
+
timezoneOverride?: string;
|
|
5
6
|
}
|
|
6
|
-
export declare const DateTimePickerCustomView: ({ isSingleView }: DateTimePickerCustomViewProps) => React.JSX.Element;
|
|
7
|
+
export declare const DateTimePickerCustomView: ({ isSingleView, timezoneOverride, }: DateTimePickerCustomViewProps) => React.JSX.Element;
|
|
7
8
|
export {};
|
|
@@ -5,6 +5,7 @@ interface DateTimePickerRangeSelectorProps {
|
|
|
5
5
|
label: string;
|
|
6
6
|
/** Type of range selector. */
|
|
7
7
|
rangeType: FocusedInput;
|
|
8
|
+
timezoneOverride?: string;
|
|
8
9
|
}
|
|
9
|
-
export declare const DateTimePickerRangeSelector: ({ label, rangeType, }: DateTimePickerRangeSelectorProps) => React.JSX.Element;
|
|
10
|
+
export declare const DateTimePickerRangeSelector: ({ label, rangeType, timezoneOverride, }: DateTimePickerRangeSelectorProps) => React.JSX.Element;
|
|
10
11
|
export {};
|
|
@@ -25,9 +25,14 @@ export interface DateTimePickerProps extends DateProps {
|
|
|
25
25
|
* @default true
|
|
26
26
|
*/
|
|
27
27
|
showQuickOptions?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Whether a specific timezone should override the default timezone we detect from the browser,
|
|
30
|
+
* typically used for impersonations
|
|
31
|
+
*/
|
|
32
|
+
timezoneOverride?: string;
|
|
28
33
|
/** Data test id for the date time picker.
|
|
29
34
|
* @default kibble-datetime-picker
|
|
30
35
|
*/
|
|
31
36
|
'data-testid'?: string;
|
|
32
37
|
}
|
|
33
|
-
export declare const DateTimePicker: ({ trigger, calendarView, portalled, showQuickOptions, ["data-testid"]: dataTestId, ...rest }: DateTimePickerProps) => React.JSX.Element;
|
|
38
|
+
export declare const DateTimePicker: ({ trigger, calendarView, portalled, showQuickOptions, ["data-testid"]: dataTestId, timezoneOverride, ...rest }: DateTimePickerProps) => React.JSX.Element;
|
|
@@ -20,10 +20,18 @@ export interface TimePickerProps {
|
|
|
20
20
|
* @default bottom
|
|
21
21
|
*/
|
|
22
22
|
placement?: Placement;
|
|
23
|
+
/**
|
|
24
|
+
* If set, displays and processes the time in a specific timezone (typically for impersonation)
|
|
25
|
+
*/
|
|
26
|
+
timezoneOverride?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Show the timezone abbreviation (if available) beside the component
|
|
29
|
+
*/
|
|
30
|
+
showTimezoneAbr?: boolean;
|
|
23
31
|
/**
|
|
24
32
|
* Data test id for the time picker.
|
|
25
33
|
* @default kibble-timepicker
|
|
26
34
|
*/
|
|
27
35
|
'data-testid'?: string;
|
|
28
36
|
}
|
|
29
|
-
export declare const TimePicker: ({ initialTime, inputProps, minuteInterval, onTimeChange, onClose, placement, ["data-testid"]: dataTestId, }: TimePickerProps) => React.JSX.Element;
|
|
37
|
+
export declare const TimePicker: ({ initialTime, inputProps, minuteInterval, onTimeChange, onClose, placement, timezoneOverride, showTimezoneAbr, ["data-testid"]: dataTestId, }: TimePickerProps) => React.JSX.Element;
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"packages/*"
|
|
5
5
|
],
|
|
6
6
|
"description": "Kibble Design System by Otto",
|
|
7
|
-
"version": "5.0.
|
|
7
|
+
"version": "5.0.23-alpha.1",
|
|
8
8
|
"type": "module",
|
|
9
9
|
"main": "./dist/cjs/index.cjs",
|
|
10
10
|
"module": "./dist/esm/index.js",
|
|
@@ -36,7 +36,8 @@
|
|
|
36
36
|
"publishBeta": "npm run build && npm publish --tag beta",
|
|
37
37
|
"start": "WATCHPACK_POLLING=1 npm run generate:icons & WATCHPACK_POLLING=1 npm run generate:logos & WATCHPACK_POLLING=1 npm run theme:watch & WATCHPACK_POLLING=1 storybook dev -p 6006",
|
|
38
38
|
"test-storybook": "npm run build:preparation && vitest --project=storybook",
|
|
39
|
-
"theme:watch": "chakra typegen ./src/theme/theme.config.ts --watch"
|
|
39
|
+
"theme:watch": "chakra typegen ./src/theme/theme.config.ts --watch",
|
|
40
|
+
"makeLocalPackage": "npm run build && npm pack"
|
|
40
41
|
},
|
|
41
42
|
"engines": {
|
|
42
43
|
"node": ">=20.0.0",
|
|
@@ -175,16 +176,18 @@
|
|
|
175
176
|
"peerDependencies": {
|
|
176
177
|
"@emotion/react": "^11.14.0",
|
|
177
178
|
"date-fns": "^4.1.0",
|
|
179
|
+
"date-fns-tz": "^3.2.0",
|
|
178
180
|
"lodash-es": "^4.17.21",
|
|
181
|
+
"@date-fns/tz": "^1.4.1",
|
|
179
182
|
"react": "^19.0.0"
|
|
180
183
|
},
|
|
181
184
|
"dependencies": {
|
|
182
|
-
"@televet/kibble-primitives": "*",
|
|
183
185
|
"@chakra-ui/react": "^3.24.0",
|
|
184
186
|
"@datepicker-react/hooks": "^2.8.4",
|
|
185
187
|
"@dnd-kit/core": "^6.3.1",
|
|
186
188
|
"@dnd-kit/modifiers": "^9.0.0",
|
|
187
189
|
"@dnd-kit/sortable": "^10.0.0",
|
|
190
|
+
"@televet/kibble-primitives": "*",
|
|
188
191
|
"next-themes": "^0.4.6"
|
|
189
192
|
}
|
|
190
193
|
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),d=require("react"),O=require("./button.component-DjdgBXDC.js"),u=require("./datePicker.provider-i35-VNAb.js"),N=require("./usePortalContentRef-CTrvBQ7I.js"),I=require("./popover.recipe-CtptsJg6.js"),l=require("./format-CK7Imh-5.js"),v=require("./isToday-BgNkHh5t.js"),Y=require("./popover-root-provider-CZDbUJ2K.js"),E=require("./flex-BOU6tYUd.js"),L=require("../cjs/hooks/useBreakpoint/index.cjs"),j=require("./index-BQRnVsAg.js"),B=require("./text.component-BDDz5KQP.js"),H=require("./textInput.component-CwTc0h_F.js"),$=require("./timePicker.component-D5hw80VV.js"),f=require("./grid-item-CH3dbZHL.js"),G=require("./divider.component-BX3zyB7O.js"),z=require("./create-slot-recipe-context-HXE1VazG.js"),A=require("./index-Ts8g8jZd.js"),R=require("./popover-C7aj8Iwj.js");var o=(t=>(t.Today="Today",t.Yesterday="Yesterday",t.ThisWeek="ThisWeek",t.LastWeek="LastWeek",t.ThisMonth="ThisMonth",t.LastMonth="LastMonth",t.Custom="Custom",t))(o||{});const Q=["single","double"],V=[{label:"Today",value:o.Today},{label:"Yesterday",value:o.Yesterday},{label:"This Week",value:o.ThisWeek},{label:"Last Week",value:o.LastWeek},{label:"This Month",value:o.ThisMonth},{label:"Last Month",value:o.LastMonth},{label:"Custom",value:o.Custom,iconName:"calendarPen"}],J={single:1,double:2};function K(t){return l.startOfDay(Date.now(),t)}function U(t){return u.endOfDay(Date.now(),t)}function X(t){const e=v.constructNow(t?.in),n=e.getFullYear(),r=e.getMonth(),a=e.getDate(),i=v.constructNow(t?.in);return i.setFullYear(n,r,a-1),i.setHours(0,0,0,0),i}function Z(t){const e=v.constructNow(t?.in),n=l.constructFrom(t?.in,0);return n.setFullYear(e.getFullYear(),e.getMonth(),e.getDate()-1),n.setHours(23,59,59,999),n}function M(t,e){const n=l.getDefaultOptions(),r=e?.weekStartsOn??e?.locale?.options?.weekStartsOn??n.weekStartsOn??n.locale?.options?.weekStartsOn??0,a=l.toDate(t,e?.in),i=a.getDay(),m=(i<r?-7:0)+6-(i-r);return a.setDate(a.getDate()+m),a.setHours(23,59,59,999),a}function P(t,e){const n=l.toDate(t,e?.in);return n.setDate(1),n.setHours(0,0,0,0),n}function _(t,e){const n=l.toDate(t,e?.in),r=n.getMonth();return n.setFullYear(n.getFullYear(),r+1,0),n.setHours(23,59,59,999),n}function ee(t,e,n){return u.addDays(t,e*7,n)}function te(t,e,n){return ee(t,-1,n)}function ne(t,e,n){return u.addMonths(t,-1,n)}function w(t,e){return+l.toDate(t)==+l.toDate(e)}const W=t=>{const e=new Date;switch(t){case o.Today:return{startDate:K(),endDate:U()};case o.Yesterday:return{startDate:X(),endDate:Z()};case o.ThisWeek:return{startDate:l.startOfWeek(e,{weekStartsOn:1}),endDate:M(e,{weekStartsOn:1})};case o.LastWeek:{const n=te(e);return{startDate:l.startOfWeek(n,{weekStartsOn:1}),endDate:M(n,{weekStartsOn:1})}}case o.ThisMonth:return{startDate:P(e),endDate:_(e)};case o.LastMonth:{const n=ne(e);return{startDate:P(n),endDate:_(n)}}default:return null}},se=(t,e)=>{if(!t||!e)return o.Today;const n=[o.Today,o.Yesterday,o.ThisWeek,o.LastWeek,o.ThisMonth,o.LastMonth];for(const r of n){const a=W(r);if(a&&w(t,a.startDate)&&w(e,a.endDate))return r}return o.Custom},oe=({selectedQuickOption:t,setSelectedQuickOption:e,["data-testid"]:n="kibble-datetime-picker-quick-options"})=>{const{setFocusedInput:r,onQuickOptionSelect:a}=u.useDatePickerContext(),{setOpen:i}=Y.usePopoverContext(),m=c=>{if(e(c),c===o.Custom){r(u.FocusedInput.StartDate);return}const p=W(c);p&&(a(p),i(!1))};return s.jsxRuntimeExports.jsx(E.Flex,{className:"DateTimePicker__QuickFilters",flexDirection:"column",gap:2,w:"100%",maxW:"120px",children:V.map(c=>s.jsxRuntimeExports.jsx(O.Button,{className:"DateTimePicker__Option","data-testid":`${n}-option-${c.value}`,variant:"secondarySubtle",...c.iconName&&{iconName:c.iconName,iconPosition:"right"},...t===c.value&&{active:!0},onClick:()=>m(c.value),children:c.label},c.value))})},S=({label:t,rangeType:e})=>{const{startDate:n,endDate:r,dateFormat:a,focusedInput:i,setFocusedInput:m,onTimeChange:c}=u.useDatePickerContext(),p=d.useMemo(()=>(e===u.FocusedInput.StartDate?n:r)||new Date,[n,r,e]),g=d.useMemo(()=>l.format(p,a),[p,a]),D=x=>{x&&c(x,e)};return s.jsxRuntimeExports.jsxs(f.Grid,{alignItems:"center",templateColumns:"repeat(5, 1fr)",gap:1,bgColor:"background.secondaryAlpha",borderRadius:"md",p:1,flex:"0 0 50%",children:[s.jsxRuntimeExports.jsx(f.GridItem,{colSpan:1,children:s.jsxRuntimeExports.jsx(B.WrappedText,{size:"sm",fontWeight:"semibold",textAlign:"center",children:t})}),s.jsxRuntimeExports.jsx(f.GridItem,{colSpan:2,children:s.jsxRuntimeExports.jsx(H.WrappedTextInput,{readOnly:!0,value:g,onClick:()=>m(e),...i===e&&{"data-focus":!0}})}),s.jsxRuntimeExports.jsx(f.GridItem,{colSpan:2,children:s.jsxRuntimeExports.jsx($.TimePicker,{minuteInterval:1,initialTime:p,onClose:x=>D(x),inputProps:{rightElement:void 0,onClick:()=>m(e)}})})]})},re=({isSingleView:t})=>{const{focusedInput:e,setFocusedInput:n}=u.useDatePickerContext();return d.useEffect(()=>{e||n(u.FocusedInput.StartDate)},[e,n]),s.jsxRuntimeExports.jsxs(j.Box,{className:"DateTimePicker__CustomFilters",mt:-1,children:[s.jsxRuntimeExports.jsxs(E.Flex,{className:"DateTimePicker__CustomFilters__RangeSelectors",flexDirection:t?"column":"row",alignItems:"center",gap:2,justifyContent:"space-between",children:[s.jsxRuntimeExports.jsx(S,{label:"Start",rangeType:u.FocusedInput.StartDate}),s.jsxRuntimeExports.jsx(S,{label:"End",rangeType:u.FocusedInput.EndDate})]}),s.jsxRuntimeExports.jsxs(j.Box,{className:"CalendarView",bgColor:"background.secondaryAlpha",borderRadius:"md",p:1,mt:5,children:[s.jsxRuntimeExports.jsx(j.Box,{className:"CalendarView__Header",bgColor:"background.accent.subtle",borderRadius:"md",children:s.jsxRuntimeExports.jsx(u.DatePickerHeader,{triggerProps:{variant:"ghostNeutral"}})}),s.jsxRuntimeExports.jsx(j.Box,{className:"CalendarView__Body",children:s.jsxRuntimeExports.jsx(u.DatePickerCalendar,{showMonthLabels:!0})})]})]})},ae=({trigger:t,calendarView:e="double",portalled:n=!0,showQuickOptions:r=!0,["data-testid"]:a="kibble-datetime-picker",...i})=>{const m=d.useMemo(()=>{const T=new Date;return{startDate:l.startOfDay(T),endDate:u.endOfDay(T)}},[]),{contentRef:c}=N.usePortalContentRef(),g=z.useSlotRecipe({recipe:I.popoverRecipe})(),D=L.useBreakpoint(),x=d.useMemo(()=>r?se(i.startDate||null,i.endDate||null):o.Custom,[r,i.startDate,i.endDate]),[h,y]=d.useState(x);d.useEffect(()=>{y(x)},[x]);const k=d.useMemo(()=>["base","sm"].includes(D)?"single":e,[e,D]),F=d.useMemo(()=>J[k],[k]),C=d.useMemo(()=>k==="single",[k]),b=d.useMemo(()=>h===o.Custom,[h]),q=d.useMemo(()=>b?"max-content":"160px",[b]);return s.jsxRuntimeExports.jsxs(u.DatePickerProvider,{...i,startDate:i.startDate||m.startDate,endDate:i.endDate||m.endDate,withDateRange:!0,numberOfMonths:F,sameWidth:!0,children:[s.jsxRuntimeExports.jsx(R.PopoverTrigger,{asChild:!0,w:"max-content",children:t||s.jsxRuntimeExports.jsx(O.Button,{variant:"secondarySubtle",iconName:"calendarInfo","data-testid":`${a}-default-trigger`,children:"Date/Time Range"})}),s.jsxRuntimeExports.jsx(A.Portal,{container:c||void 0,disabled:!n,children:s.jsxRuntimeExports.jsx(R.PopoverPositioner,{className:"DateTimePicker","data-testid":a,children:s.jsxRuntimeExports.jsx(R.PopoverContent,{className:"DateTimePicker__Content","data-testid":`${a}-content`,css:{...g.content,"--popover-size":q,maxW:r?C?"550px":"890px":C?"390px":"730px",...b&&{minW:r?"550px":"390px"}},children:s.jsxRuntimeExports.jsx(R.PopoverBody,{css:{"--popover-padding":0},children:s.jsxRuntimeExports.jsxs(E.Flex,{className:"DateTimePicker__Container","data-testid":`${a}-container`,p:5,children:[r&&s.jsxRuntimeExports.jsx(oe,{selectedQuickOption:h,setSelectedQuickOption:y}),h===o.Custom&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[r&&s.jsxRuntimeExports.jsx(G.Divider,{orientation:"vertical",my:-5,mx:5}),s.jsxRuntimeExports.jsx(re,{isSingleView:C})]})]})})})})})]})};exports.DateTimePicker=ae;exports.DateTimePickerDefaultOptionValue=o;exports.calendarViews=Q;
|
|
2
|
-
//# sourceMappingURL=dateTimePicker.component-BlWhC5aT.js.map
|