@televet/kibble-ui 2.1.42 → 2.1.43
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/build/_baseGetTag-fd05839f.js +16 -0
- package/build/_baseGetTag-fd05839f.js.map +1 -0
- package/build/components/DatePicker/index.js +1 -1
- package/build/components/Menu/components/MenuContainer/index.js +1 -1
- package/build/components/Menu/components/MenuList/index.js +1 -1
- package/build/components/Menu/components/MenuList/menuList.argTypes.d.ts +1 -1
- package/build/components/Menu/components/MenuList/menuList.stories.d.ts +1 -1
- package/build/components/Menu/context/menu.context.d.ts +3 -1
- package/build/components/Menu/examples/withAvatars.stories.d.ts +1 -1
- package/build/components/Menu/examples/withCustomChildren.stories.d.ts +1 -1
- package/build/components/Menu/examples/withCustomLabel.stories.d.ts +1 -1
- package/build/components/Menu/examples/withGroups.stories.d.ts +1 -1
- package/build/components/Menu/examples/withIconButton.stories.d.ts +1 -1
- package/build/components/Menu/examples/withIcons.stories.d.ts +1 -1
- package/build/components/Menu/examples/withManyMenuItems.stories.d.ts +1 -1
- package/build/components/Menu/examples/withMultiSelect.stories.d.ts +1 -1
- package/build/components/Menu/examples/withPortal.stories.d.ts +1 -1
- package/build/components/Menu/examples/withScroll.stories.d.ts +1 -1
- package/build/components/Menu/examples/withSearch.stories.d.ts +1 -1
- package/build/components/Menu/examples/withSearchAndMultiSelect.stories.d.ts +1 -1
- package/build/components/Menu/examples/withSwatch.stories.d.ts +1 -1
- package/build/components/Menu/index.js +1 -1
- package/build/components/Menu/menu.component.d.ts +2 -1
- package/build/components/Menu/menu.stories.d.ts +1 -1
- package/build/components/Modal/components/ModalBody/index.js +1 -1
- package/build/components/Modal/components/ModalCloseButton/index.js +1 -1
- package/build/components/Modal/components/ModalExpandButton/index.js +1 -1
- package/build/components/Modal/components/ModalFooter/index.js +1 -1
- package/build/components/Modal/components/ModalFooterButtons/index.js +1 -1
- package/build/components/Modal/components/ModalHeader/index.js +1 -1
- package/build/components/Modal/index.js +1 -1
- package/build/components/Modal/modal.argTypes.d.ts +5 -0
- package/build/components/Modal/modal.component.d.ts +6 -9
- package/build/components/Modal/modal.stories.d.ts +2 -69
- package/build/components/NotificationCounter/index.js +1 -1
- package/build/components/Select/components/SelectList/selectList.argTypes.d.ts +1 -1
- package/build/components/Select/components/SelectList/selectList.stories.d.ts +1 -1
- package/build/components/Select/index.js +1 -1
- package/build/components/Select/select.component.d.ts +2 -0
- package/build/components/SortableList/components/SortableItem/index.js +1 -1
- package/build/components/SortableList/index.js +1 -1
- package/build/components/Spinner/index.js +1 -1
- package/build/components/Tabs/components/Tab/index.js +1 -1
- package/build/components/Tabs/index.js +1 -1
- package/build/components/TabsLayout/index.js +1 -1
- package/build/components/TimePicker/examples/withCustomPickerPlacement.stories.d.ts +2 -83
- package/build/components/TimePicker/examples/withFormControls.stories.d.ts +2 -83
- package/build/components/TimePicker/examples/withMidnightUTCInitialTime.stories.d.ts +2 -83
- package/build/components/TimePicker/examples/withScrollableParentContainer.stories.d.ts +2 -83
- package/build/components/TimePicker/examples/withTenMinuteInterval.stories.d.ts +2 -83
- package/build/components/TimePicker/examples/withoutInputIcon.stories.d.ts +2 -83
- package/build/components/TimePicker/index.js +1 -1
- package/build/components/TimePicker/timePicker.argTypes.d.ts +3 -82
- package/build/components/TimePicker/timePicker.component.d.ts +2 -1
- package/build/components/TimePicker/timePicker.stories.d.ts +2 -83
- package/build/components/TimeRange/index.js +1 -1
- package/build/components/index.js +1 -1
- package/build/conversationCard.component-2598f51b.js +2 -0
- package/build/conversationCard.component-2598f51b.js.map +1 -0
- package/build/datepicker.component-db41944b.js +2 -0
- package/build/datepicker.component-db41944b.js.map +1 -0
- package/build/index.js +1 -1
- package/build/menu.component-1c7b7922.js +2 -0
- package/build/menu.component-1c7b7922.js.map +1 -0
- package/build/menu.context-66211f5a.js +2 -0
- package/build/menu.context-66211f5a.js.map +1 -0
- package/build/{menuContainer.component-e3bfd942.js → menuContainer.component-17d9413b.js} +2 -2
- package/build/{menuContainer.component-e3bfd942.js.map → menuContainer.component-17d9413b.js.map} +1 -1
- package/build/menuList.component-6726d116.js +2 -0
- package/build/menuList.component-6726d116.js.map +1 -0
- package/build/modalBody.component-459e7e52.js +2 -0
- package/build/modalBody.component-459e7e52.js.map +1 -0
- package/build/{modalCloseButton.component-1b2408fc.js → modalCloseButton.component-8b694d8d.js} +2 -2
- package/build/modalCloseButton.component-8b694d8d.js.map +1 -0
- package/build/modalExpandButton.component-c87de258.js +2 -0
- package/build/{modalExpandButton.component-31be810d.js.map → modalExpandButton.component-c87de258.js.map} +1 -1
- package/build/modalFooter.component-51300467.js +2 -0
- package/build/modalFooter.component-51300467.js.map +1 -0
- package/build/{modalFooterButtons.component-41107377.js → modalFooterButtons.component-3e4a96a8.js} +2 -2
- package/build/modalFooterButtons.component-3e4a96a8.js.map +1 -0
- package/build/{modalHeader.component-c7a12376.js → modalHeader.component-68895b91.js} +2 -2
- package/build/modalHeader.component-68895b91.js.map +1 -0
- package/build/notificationCounter.component-663ff0e5.js +2 -0
- package/build/notificationCounter.component-663ff0e5.js.map +1 -0
- package/build/notificationCounter.types-799d7b6c.js +2 -0
- package/build/notificationCounter.types-799d7b6c.js.map +1 -0
- package/build/patterns/ConversationCard/components/conversationCardHeader.component.d.ts +1 -1
- package/build/patterns/ConversationCard/index.js +1 -1
- package/build/patterns/TagBlock/examples/withDelete.stories.d.ts +16 -0
- package/build/patterns/TagBlock/examples/withErrorState.stories.d.ts +16 -0
- package/build/patterns/TagBlock/index.d.ts +1 -0
- package/build/patterns/TagBlock/index.js +2 -0
- package/build/patterns/TagBlock/index.js.map +1 -0
- package/build/patterns/TagBlock/tagBlock.argTypes.d.ts +3 -0
- package/build/patterns/TagBlock/tagBlock.component.d.ts +25 -0
- package/build/patterns/TagBlock/tagBlock.stories.d.ts +13 -0
- package/build/patterns/TagBlock/tagBlock.storiesData.d.ts +4 -0
- package/build/patterns/index.d.ts +1 -0
- package/build/patterns/index.js +1 -1
- package/build/select.component-bc77ddb8.js +2 -0
- package/build/select.component-bc77ddb8.js.map +1 -0
- package/build/shared/argTypes/dataTestId.argTypes.d.ts +9 -0
- package/build/sortable.esm-53c38ebd.js +2 -0
- package/build/sortable.esm-53c38ebd.js.map +1 -0
- package/build/sortableItem.component-ce1a7136.js +2 -0
- package/build/sortableItem.component-ce1a7136.js.map +1 -0
- package/build/sortableList.component-84706639.js +2 -0
- package/build/{sortableList.component-19cfab79.js.map → sortableList.component-84706639.js.map} +1 -1
- package/build/spinner.component-cc68be51.js +5 -0
- package/build/spinner.component-cc68be51.js.map +1 -0
- package/build/tab.component-4bc42ecf.js +2 -0
- package/build/{tab.component-bec1f23b.js.map → tab.component-4bc42ecf.js.map} +1 -1
- package/build/{tabs.component-4ebd608e.js → tabs.component-cf2fbb08.js} +2 -2
- package/build/{tabs.component-4ebd608e.js.map → tabs.component-cf2fbb08.js.map} +1 -1
- package/build/{tabsLayout.component-29538cfd.js → tabsLayout.component-5bf54ef2.js} +2 -2
- package/build/{tabsLayout.component-29538cfd.js.map → tabsLayout.component-5bf54ef2.js.map} +1 -1
- package/build/tagBlock.component-c7948fcc.js +2 -0
- package/build/tagBlock.component-c7948fcc.js.map +1 -0
- package/build/timePicker.component-0ec971ce.js +2 -0
- package/build/timePicker.component-0ec971ce.js.map +1 -0
- package/build/timePicker.types-eedca939.js +2 -0
- package/build/timePicker.types-eedca939.js.map +1 -0
- package/build/{timeRange.component-2f4d987d.js → timeRange.component-ae9766c0.js} +2 -2
- package/build/{timeRange.component-2f4d987d.js.map → timeRange.component-ae9766c0.js.map} +1 -1
- package/build/useExpandButton-e65619ea.js +2 -0
- package/build/useExpandButton-e65619ea.js.map +1 -0
- package/package.json +1 -1
- package/build/conversationCard.component-b4610335.js +0 -2
- package/build/conversationCard.component-b4610335.js.map +0 -1
- package/build/datepicker.component-ad5aca47.js +0 -16
- package/build/datepicker.component-ad5aca47.js.map +0 -1
- package/build/menu.component-194d1bc0.js +0 -2
- package/build/menu.component-194d1bc0.js.map +0 -1
- package/build/menu.context-cb4a0b0d.js +0 -2
- package/build/menu.context-cb4a0b0d.js.map +0 -1
- package/build/menuList.component-adc27103.js +0 -2
- package/build/menuList.component-adc27103.js.map +0 -1
- package/build/modalBody.component-db8de2f3.js +0 -2
- package/build/modalBody.component-db8de2f3.js.map +0 -1
- package/build/modalCloseButton.component-1b2408fc.js.map +0 -1
- package/build/modalExpandButton.component-31be810d.js +0 -2
- package/build/modalFooter.component-ccce9ce5.js +0 -2
- package/build/modalFooter.component-ccce9ce5.js.map +0 -1
- package/build/modalFooterButtons.component-41107377.js.map +0 -1
- package/build/modalHeader.component-c7a12376.js.map +0 -1
- package/build/notificationCounter.component-24f3f4ab.js +0 -2
- package/build/notificationCounter.component-24f3f4ab.js.map +0 -1
- package/build/select.component-56904ffe.js +0 -2
- package/build/select.component-56904ffe.js.map +0 -1
- package/build/sortableItem.component-3bdead95.js +0 -2
- package/build/sortableItem.component-3bdead95.js.map +0 -1
- package/build/sortableList.component-19cfab79.js +0 -2
- package/build/spinner.component-13277479.js +0 -5
- package/build/spinner.component-13277479.js.map +0 -1
- package/build/tab.component-bec1f23b.js +0 -2
- package/build/timePicker.component-8b9103d5.js +0 -2
- package/build/timePicker.component-8b9103d5.js.map +0 -1
- package/build/useExpandButton-62442c9f.js +0 -2
- package/build/useExpandButton-62442c9f.js.map +0 -1
package/build/{sortableList.component-19cfab79.js.map → sortableList.component-84706639.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sortableList.component-
|
|
1
|
+
{"version":3,"file":"sortableList.component-84706639.js","sources":["../src/components/SortableList/sortableList.component.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';\nimport type { Active, UniqueIdentifier } from '@dnd-kit/core';\nimport { SortableContext, arrayMove, sortableKeyboardCoordinates } from '@dnd-kit/sortable';\nimport { SortableOverlay } from './components/SortableOverlay';\nimport { StyleProps, UnorderedList } from '@chakra-ui/react';\n\ninterface SortableItemProps {\n id: UniqueIdentifier;\n}\n\nexport interface SortableListProps<T extends SortableItemProps> {\n items: T[];\n onChange(items: T[]): void;\n renderItem(item: T, index?: number): ReactNode;\n style?: StyleProps;\n}\n\nexport const SortableList = <T extends SortableItemProps>({\n items,\n onChange,\n renderItem,\n style: userStyle,\n}: SortableListProps<T>): JSX.Element => {\n const [active, setActive] = useState<Active | null>(null);\n const activeItem = useMemo(() => items.find((item) => item.id === active?.id), [active, items]);\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n }),\n );\n\n const style: StyleProps = {\n display: 'flex',\n flexDirection: 'column',\n padding: 0,\n listStyleType: 'none',\n ml: 0,\n ...userStyle,\n };\n\n return (\n <DndContext\n sensors={sensors}\n onDragStart={({ active }): void => {\n setActive(active);\n }}\n onDragEnd={({ active, over }): void => {\n if (over && active.id !== over?.id) {\n const activeIndex = items.findIndex(({ id }) => id === active.id);\n const overIndex = items.findIndex(({ id }) => id === over.id);\n\n onChange(arrayMove(items, activeIndex, overIndex));\n }\n setActive(null);\n }}\n onDragCancel={(): void => setActive(null)}\n >\n <SortableContext items={items}>\n <UnorderedList {...style}>\n {items.map((item, index) => (\n <React.Fragment key={item.id}>{renderItem(item, index)}</React.Fragment>\n ))}\n </UnorderedList>\n </SortableContext>\n <SortableOverlay>{activeItem ? renderItem(activeItem) : null}</SortableOverlay>\n </DndContext>\n );\n};\n"],"names":["items","onChange","renderItem","style","userStyle","active","setActive","useState","activeItem","useMemo","find","item","id","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","coordinateGetter","sortableKeyboardCoordinates","Object","assign","display","flexDirection","padding","listStyleType","ml","React","createElement","DndContext","onDragStart","onDragEnd","over","activeIndex","findIndex","overIndex","arrayMove","onDragCancel","SortableContext","UnorderedList","map","index","Fragment","key","SortableOverlay"],"mappings":"6TAmB4B,EAC1BA,MAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,MAAOC,MAEP,MAAOC,EAAQC,GAAaC,EAAQA,SAAgB,MAC9CC,EAAaC,WAAQ,IAAMT,EAAMU,MAAMC,GAASA,EAAKC,MAAOP,MAAAA,OAAA,EAAAA,EAAQO,OAAK,CAACP,EAAQL,IAClFa,EAAUC,EAAAA,WACdC,EAAAA,UAAUC,EAAAA,eACVD,EAASA,UAACE,iBAAgB,CACxBC,iBAAkBC,EAA2BA,+BAI3ChB,EACJiB,OAAAC,OAAA,CAAAC,QAAS,OACTC,cAAe,SACfC,QAAS,EACTC,cAAe,OACfC,GAAI,GACDtB,GAGL,OACEuB,EAAA,QAAAC,cAACC,EAAAA,WAAU,CACThB,QAASA,EACTiB,YAAa,EAAGzB,OAAAA,MACdC,EAAUD,IAEZ0B,UAAW,EAAG1B,OAAAA,EAAQ2B,KAAAA,MACpB,GAAIA,GAAQ3B,EAAOO,MAAOoB,MAAAA,OAAA,EAAAA,EAAMpB,IAAI,CAClC,MAAMqB,EAAcjC,EAAMkC,WAAU,EAAGtB,GAAAA,KAASA,IAAOP,EAAOO,KACxDuB,EAAYnC,EAAMkC,WAAU,EAAGtB,GAAAA,KAASA,IAAOoB,EAAKpB,KAE1DX,EAASmC,EAAAA,UAAUpC,EAAOiC,EAAaE,IAEzC7B,EAAU,OAEZ+B,aAAc,IAAY/B,EAAU,OAEpCqB,EAAAA,QAAAC,cAACU,EAAAA,gBAAe,CAACtC,MAAOA,GACtB2B,EAAAA,QAAAC,cAACW,gBAAkBnB,OAAAC,OAAA,GAAAlB,GAChBH,EAAMwC,KAAI,CAAC7B,EAAM8B,IAChBd,EAAAA,QAACC,cAAAD,UAAMe,UAASC,IAAKhC,EAAKC,IAAKV,EAAWS,EAAM8B,QAItDd,UAAAC,cAACgB,EAAeA,gBAAE,KAAApC,EAAaN,EAAWM,GAAc"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";var e=require("react"),r=require("./text.component-906b3f66.js"),t=require("./chakra-ui-system.esm-c70df670.js"),a=require("./chakra-ui-layout.esm-6ee578f7.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);const l={xs:12,sm:16,md:24,lg:32,xl:48},s=t.keyframes`
|
|
2
|
+
from {transform: rotate(0deg);}
|
|
3
|
+
to {transform: rotate(360deg)}
|
|
4
|
+
`;exports.Spinner=({size:e="md",isFullScreen:t=!1,showLabel:n=!1,label:i="Loading...",labelProps:c})=>{const u=l[e],d=`0.45s linear 0s infinite normal none running ${s}`;return o.default.createElement((({children:e})=>t?o.default.createElement(a.VStack,{h:"100%",w:"100%",pos:"absolute",top:"0",left:"0",align:"center",justify:"center",bg:"background.alpha.pressed"},e):o.default.createElement(a.VStack,{w:"max-content",h:"max-content",align:"center",justify:"center"},e)),null,o.default.createElement(a.Box,{display:"inline-block",animation:d,border:"2px",borderTopColor:"background.primary",borderRightColor:"background.primary",borderLeftColor:"transparent",borderBottomColor:"transparent",height:`${u}px`,width:`${u}px`,borderRadius:`${u}px`}),n&&o.default.createElement(r.WrappedText,Object.assign({as:"p",className:"Spinner__Label",size:e,variant:"subtle"},c),i))};
|
|
5
|
+
//# sourceMappingURL=spinner.component-cc68be51.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spinner.component-cc68be51.js","sources":["../src/components/Spinner/spinner.records.ts","../src/components/Spinner/spinner.component.tsx"],"sourcesContent":["import { SpinnerSize } from './spinner.types';\n\nexport const SpinnerSizeMap: Record<SpinnerSize, number> = {\n xs: 12,\n sm: 16,\n md: 24,\n lg: 32,\n xl: 48,\n};\n","import React, { ReactNode } from 'react';\nimport { Box, keyframes, VStack } from '@chakra-ui/react';\nimport { SpinnerSize } from './spinner.types';\nimport { SpinnerSizeMap } from './spinner.records';\nimport { Text, TextProps } from '../Text/text.component';\nimport { TextSize } from 'components/Text';\n\nconst spin = keyframes`\n from {transform: rotate(0deg);}\n to {transform: rotate(360deg)}\n `;\n\nexport interface SpinnerProps {\n size?: SpinnerSize;\n isFullScreen?: boolean;\n label?: string;\n showLabel?: boolean;\n labelProps?: TextProps;\n}\n\nexport const Spinner = ({\n size = 'md',\n isFullScreen = false,\n showLabel = false,\n label = 'Loading...',\n labelProps,\n}: SpinnerProps): JSX.Element => {\n const spinnerSize = SpinnerSizeMap[size];\n const animation = `0.45s linear 0s infinite normal none running ${spin}`;\n const SpinnerContainer = ({ children }: { children: ReactNode }): JSX.Element => {\n return isFullScreen ? (\n <VStack\n h=\"100%\"\n w=\"100%\"\n pos=\"absolute\"\n top=\"0\"\n left=\"0\"\n align=\"center\"\n justify=\"center\"\n bg=\"background.alpha.pressed\"\n >\n {children}\n </VStack>\n ) : (\n <VStack w=\"max-content\" h=\"max-content\" align=\"center\" justify=\"center\">\n {children}\n </VStack>\n );\n };\n\n return (\n <SpinnerContainer>\n <Box\n display=\"inline-block\"\n animation={animation}\n border=\"2px\"\n borderTopColor=\"background.primary\"\n borderRightColor=\"background.primary\"\n borderLeftColor={'transparent'}\n borderBottomColor={'transparent'}\n height={`${spinnerSize}px`}\n width={`${spinnerSize}px`}\n borderRadius={`${spinnerSize}px`}\n />\n {showLabel && (\n <Text as=\"p\" className=\"Spinner__Label\" size={size as TextSize} variant=\"subtle\" {...labelProps}>\n {label}\n </Text>\n )}\n </SpinnerContainer>\n );\n};\n"],"names":["SpinnerSizeMap","xs","sm","md","lg","xl","spin","keyframes","size","isFullScreen","showLabel","label","labelProps","spinnerSize","animation","React","children","createElement","VStack","h","w","pos","top","left","align","justify","bg","Box","display","border","borderTopColor","borderRightColor","borderLeftColor","borderBottomColor","height","width","borderRadius","Text","WrappedText","Object","assign","as","className","variant"],"mappings":"iQAEO,MAAMA,EAA8C,CACzDC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,ICAAC,EAAOC,EAASA,SAAA;;;oBAaC,EACrBC,KAAAA,EAAO,KACPC,aAAAA,GAAe,EACfC,UAAAA,GAAY,EACZC,MAAAA,EAAQ,aACRC,WAAAA,MAEA,MAAMC,EAAcb,EAAeQ,GAC7BM,EAAY,gDAAgDR,IAsBlE,OACES,yBAtBuB,EAAGC,SAAAA,KACnBP,EACLM,EAAAA,QAACE,cAAAC,EAAMA,OACL,CAAAC,EAAE,OACFC,EAAE,OACFC,IAAI,WACJC,IAAI,IACJC,KAAK,IACLC,MAAM,SACNC,QAAQ,SACRC,GAAG,4BAEFV,GAGHD,EAAAA,QAACE,cAAAC,EAAMA,QAACE,EAAE,cAAcD,EAAE,cAAcK,MAAM,SAASC,QAAQ,UAC5DT,IAMY,KACfD,EAAC,QAAAE,cAAAU,EAAGA,KACFC,QAAQ,eACRd,UAAWA,EACXe,OAAO,MACPC,eAAe,qBACfC,iBAAiB,qBACjBC,gBAAiB,cACjBC,kBAAmB,cACnBC,OAAQ,GAAGrB,MACXsB,MAAO,GAAGtB,MACVuB,aAAc,GAAGvB,QAElBH,GACCK,EAAAA,QAACE,cAAAoB,EAAIC,YAACC,OAAAC,OAAA,CAAAC,GAAG,IAAIC,UAAU,iBAAiBlC,KAAMA,EAAkBmC,QAAQ,UAAa/B,GAClFD"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("./notificationCounter.component-663ff0e5.js"),i=require("./icon.component-7fa85e78.js"),n=require("react"),a=require("./notificationCounter.types-799d7b6c.js"),o=require("./heading.component-95e89325.js"),r=require("./chakra-ui-tabs.esm-e6372403.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(n);const f={xs:"sm",sm:"md",md:"md",lg:"lg"},m={xs:"xs",sm:"xs",md:"sm",lg:"md"};exports.Tab=n=>{var{iconName:u,label:l,showNotificationCounter:d=!1,notificationCount:C=0,notificationCounterVariant:b=a.NotificationCounterVariant.Red,size:j="md"}=n,p=e.__rest(n,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return c.default.createElement(r.Tab,Object.assign({},p),!!u&&c.default.createElement(s.Box,{pr:2},c.default.createElement(i.Icon,{name:u,size:j})),c.default.createElement(o.WrappedHeading,{size:m[j]},l),d&&c.default.createElement(t.NotificationCounter,{count:C,variant:b,size:f[j],ml:2}))};
|
|
2
|
+
//# sourceMappingURL=tab.component-4bc42ecf.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.component-
|
|
1
|
+
{"version":3,"file":"tab.component-4bc42ecf.js","sources":["../src/components/Tabs/components/Tab/tab.records.ts","../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { HeadingSize } from 'components/Heading';\nimport { NotificationCounterSize } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n xs: 'sm',\n sm: 'md',\n md: 'md',\n lg: 'lg',\n};\n\nexport const tabHeadingSize: Record<TabSize, HeadingSize> = {\n xs: 'xs',\n sm: 'xs',\n md: 'sm',\n lg: 'md',\n};\n","import { Tab as CTab, TabProps as CTabProps, Box } from '@chakra-ui/react';\nimport { NotificationCounter } from '../../../NotificationCounter/notificationCounter.component';\nimport { Icon } from '../../../Icon/icon.component';\nimport React from 'react';\nimport { NotificationCounterVariant } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize, tabHeadingSize } from './tab.records';\nimport { IconName } from '../../../../icons';\nimport { Heading } from 'components/Heading';\n\nexport interface TabProps extends CTabProps {\n iconName?: IconName;\n label: string;\n showNotificationCounter?: boolean;\n notificationCount?: number;\n notificationCounterVariant?: NotificationCounterVariant;\n size?: TabSize;\n}\n\nexport const Tab = ({\n iconName,\n label,\n showNotificationCounter = false,\n notificationCount = 0,\n notificationCounterVariant = NotificationCounterVariant.Red,\n size = 'md',\n ...rest\n}: TabProps): JSX.Element => {\n return (\n <CTab {...rest}>\n {!!iconName && (\n <Box pr={2}>\n <Icon name={iconName} size={size} />\n </Box>\n )}\n <Heading size={tabHeadingSize[size]}>{label}</Heading>\n {showNotificationCounter && (\n <NotificationCounter\n count={notificationCount}\n variant={notificationCounterVariant}\n size={notificationCounterSize[size]}\n ml={2}\n />\n )}\n </CTab>\n );\n};\n"],"names":["notificationCounterSize","xs","sm","md","lg","tabHeadingSize","_a","iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","NotificationCounterVariant","Red","size","rest","__rest","React","createElement","CTab","Tab","Object","assign","Box","pr","Icon","name","Heading","NotificationCounter","count","variant","ml"],"mappings":"+bAIO,MAAMA,EAAoE,CAC/EC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,MAGOC,EAA+C,CAC1DJ,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,kBCIcE,QAAAC,SAClBA,EAAQC,MACRA,EAAKC,wBACLA,GAA0B,EAAKC,kBAC/BA,EAAoB,EAACC,2BACrBA,EAA6BC,6BAA2BC,IAAGC,KAC3DA,EAAO,MAAIR,EACRS,EAPeC,SAAAV,EAAA,CAAA,WAAA,QAAA,0BAAA,oBAAA,6BAAA,SASlB,OACEW,EAAAA,QAAAC,cAACC,EAAIC,IAAAC,OAAAC,OAAA,GAAKP,KACLR,GACDU,wBAACM,EAAAA,IAAG,CAACC,GAAI,GACPP,UAACC,cAAAO,EAAAA,KAAK,CAAAC,KAAMnB,EAAUO,KAAMA,KAGhCG,UAACC,cAAAS,EAAAA,eAAQ,CAAAb,KAAMT,EAAeS,IAAQN,GACrCC,GACCQ,EAAA,QAAAC,cAACU,EAAmBA,oBAAA,CAClBC,MAAOnB,EACPoB,QAASnB,EACTG,KAAMd,EAAwBc,GAC9BiB,GAAI"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./tab.component-
|
|
2
|
-
//# sourceMappingURL=tabs.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./tab.component-4bc42ecf.js"),s=require("./chakra-ui-tabs.esm-e6372403.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=r(t);exports.Tabs=t=>{var{size:r="md",tabList:i,tabPanels:n,tabPanelsStyle:l,tabListProps:c}=t,u=e.__rest(t,["size","tabList","tabPanels","tabPanelsStyle","tabListProps"]);return b.default.createElement(s.Tabs,Object.assign({},u,{size:r}),b.default.createElement(s.TabList,Object.assign({},c&&c),i.map(((e,t)=>b.default.createElement(a.Tab,Object.assign({key:t,size:r},e))))),!!n&&b.default.createElement(s.TabPanels,Object.assign({},l),n.map((e=>e))))};
|
|
2
|
+
//# sourceMappingURL=tabs.component-cf2fbb08.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.component-
|
|
1
|
+
{"version":3,"file":"tabs.component-cf2fbb08.js","sources":["../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, TabPanelProps, Tabs as CTabs, StyleProps, TabListProps } from '@chakra-ui/react';\nimport React from 'react';\nimport { Alignment } from 'shared/types/alignment';\nimport { Tab, TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n size?: TabSize;\n tabList: TabProps[];\n tabPanels?: JSX.Element[];\n tabPanelsStyle?: TabPanelProps;\n isFitted?: boolean;\n align?: Alignment;\n defaultIndex?: number;\n isLazy?: boolean;\n isManual?: boolean;\n index?: number;\n onChange?: (index: number) => void;\n tabListProps?: TabListProps;\n}\n\nexport const Tabs = ({\n size = 'md',\n tabList,\n tabPanels,\n tabPanelsStyle,\n tabListProps,\n ...rest\n}: TabsProps): JSX.Element => {\n return (\n <CTabs {...rest} size={size}>\n <TabList {...(tabListProps && tabListProps)}>\n {tabList.map((tab, index) => (\n <Tab key={index} size={size} {...tab} />\n ))}\n </TabList>\n {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n </CTabs>\n );\n};\n"],"names":["_a","size","tabList","tabPanels","tabPanelsStyle","tabListProps","rest","__rest","React","CTabs","Tabs","Object","assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"gQAqBqBA,IAAA,IAAAC,KACnBA,EAAO,KAAIC,QACXA,EAAOC,UACPA,EAASC,eACTA,EAAcC,aACdA,GAEUL,EADPM,EAAIC,SAAAP,EANY,gEAQnB,OACEQ,wBAACC,EAAKC,KAAAC,OAAAC,OAAA,GAAKN,EAAM,CAAAL,KAAMA,IACrBO,EAAAA,QAAAK,cAACC,UAAOH,OAAAC,OAAA,GAAMP,GAAgBA,GAC3BH,EAAQa,KAAI,CAACC,EAAKC,IACjBT,EAAC,QAAAK,cAAAK,EAAGA,IAACP,OAAAC,OAAA,CAAAO,IAAKF,EAAOhB,KAAMA,GAAUe,SAGlCb,GAAaK,EAAA,QAAAK,cAACO,EAASA,UAAKT,OAAAC,OAAA,GAAAR,GAAiBD,EAAUY,KAAKM,GAAUA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./tabs.component-
|
|
2
|
-
//# sourceMappingURL=tabsLayout.component-
|
|
1
|
+
"use strict";var e=require("react"),t=require("./tabs.component-cf2fbb08.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);exports.TabsLayout=e=>r.default.createElement(t.Tabs,Object.assign({},e));
|
|
2
|
+
//# sourceMappingURL=tabsLayout.component-5bf54ef2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabsLayout.component-
|
|
1
|
+
{"version":3,"file":"tabsLayout.component-5bf54ef2.js","sources":["../src/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from '../Tabs/tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n tabPanels: JSX.Element[];\n}\n\nexport const TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n return <Tabs {...props} />;\n};\n"],"names":["props","React","createElement","Tabs","Object","assign"],"mappings":"oLAO2BA,GAClBC,EAAC,QAAAC,cAAAC,OAASC,OAAAC,OAAA,GAAAL"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("react"),t=require("./button.component-a1a58584.js");require("./heading.component-95e89325.js"),require("./icon.component-7fa85e78.js");var a=require("./text.component-906b3f66.js");require("./checkbox.component-853ac7ff.js"),require("./checkboxGroup.component-b47b67da.js"),require("./_baseGetTag-fd05839f.js");var r=require("./menu.component-1c7b7922.js");require("./textInput.component-9c91685f.js"),require("./link.component-1f789e32.js"),require("./logo.component-cea68030.js"),require("./menu.context-66211f5a.js");var n=require("./spinner.component-cc68be51.js");require("./notificationCounter.types-799d7b6c.js"),require("./radioGroup.component-c5647766.js"),require("./select.component-bc77ddb8.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("./sortable.esm-53c38ebd.js"),require("./switch.component-5b7de8ce.js");var o=require("./tag.component-75215361.js");require("./textarea.component-9f0c4b1b.js"),require("./timePicker.types-eedca939.js");var l=require("./chakra-ui-layout.esm-6ee578f7.js");function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var c,i=s(e);exports.TagDisabledState=void 0,(c=exports.TagDisabledState||(exports.TagDisabledState={})).Inactive="Inactive",c.Deleted="Deleted";exports.TagBlock=({title:e,menuButtonProps:s={size:"sm",variant:"secondarySubtle",leftIconName:"plus",text:"Add",showRightIcon:!1},menuListProps:c={isMultiSelect:!0},menuContainerProps:u,tags:d,canBeDeleted:m=!1,onClearAll:p,onRemoveTag:b,handleDelete:g,hasError:f=!1,errorText:j="This field contains an error",isLoading:x=!1,dataTestId:T="tag-block"})=>i.createElement(l.Box,{className:"TagBlock",position:"relative",mb:3,py:2,pl:4,pr:2,bg:"background.subtle",borderRadius:"lg",boxShadow:f?"0 0 0 2px var(--chakra-colors-border-danger)":"",border:"1px",borderColor:"border.default"},i.createElement(l.Flex,{className:"TagBlock__ButtonContainer","data-testid":`${T}-container`,justifyContent:"space-between"},i.createElement(l.HStack,{spacing:1,minH:10},e&&i.createElement(a.WrappedText,{className:"TagBlock__Title",mr:2,fontWeight:"bold"},e),i.createElement(r.Menu,{buttonProps:s,listProps:c,containerProps:u,dataTestId:`${T}-menu`}),i.createElement(t.Button,{className:"TagBlock__Button--ClearAll","data-testid":`${T}-clear-all-button`,size:"sm",iconName:"arrowCircle",variant:"ghostNeutral",onClick:p,isDisabled:d.length<=0},"Clear All")),m&&i.createElement(l.Box,null,i.createElement(t.Button,{className:"TagBlock__Button--Delete","data-testid":`${T}-delete-button`,iconName:"trashcan",variant:"ghostNeutral",onClick:g,justifySelf:"flex-end"}))),Boolean(d.length)&&i.createElement(l.Flex,{className:"TagBlock__TagContainer",mt:2,pb:1,alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start"},d.map((e=>{const t=e.label.includes(exports.TagDisabledState.Inactive)||e.label.includes(exports.TagDisabledState.Deleted);return i.createElement(o.Tag,{className:"TagBlock__Tag","data-testid":`${T}-tag`,mr:1,mb:1,key:e.value,label:e.label,onClose:()=>{return t=e.value,void(b&&b(t,d));var t},closeButtonDisplay:"always",fontWeight:"normal",color:t?"text.placeholder":"text.default",size:"md"})}))),x&&i.createElement(n.Spinner,{isFullScreen:!0}),f&&i.createElement(a.WrappedText,{className:"TagBlock__Error","data-testid":`${T}-error`,mt:2,size:"xs",as:"p",variant:"danger"},j));
|
|
2
|
+
//# sourceMappingURL=tagBlock.component-c7948fcc.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tagBlock.component-c7948fcc.js","sources":["../src/patterns/TagBlock/tagBlock.component.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Text, Menu, Button, MenuButtonProps, MenuListProps, Tag, Spinner, MenuContainerProps } from '../../components';\nimport { Box, HStack, Flex } from 'chakra';\n\nexport enum TagDisabledState {\n Inactive = 'Inactive',\n Deleted = 'Deleted',\n}\n\nexport interface TagBlockTag {\n label: string;\n value: string;\n}\n\nexport interface TagBlockProps {\n title?: string;\n menuButtonProps?: MenuButtonProps;\n menuListProps?: MenuListProps;\n menuContainerProps?: MenuContainerProps;\n tags: TagBlockTag[];\n canBeDeleted?: boolean;\n onClearAll?: () => void;\n onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n handleDelete?: () => void;\n hasError?: boolean;\n errorText?: string;\n isLoading?: boolean;\n dataTestId?: string;\n}\n\nexport const TagBlock = ({\n title,\n menuButtonProps = {\n size: 'sm',\n variant: 'secondarySubtle',\n leftIconName: 'plus',\n text: 'Add',\n showRightIcon: false,\n },\n menuListProps = {\n isMultiSelect: true,\n },\n menuContainerProps,\n tags,\n canBeDeleted = false,\n onClearAll,\n onRemoveTag,\n handleDelete,\n hasError = false,\n errorText = 'This field contains an error',\n isLoading = false,\n dataTestId = 'tag-block',\n}: TagBlockProps): JSX.Element => {\n const handleRemoveTag = (value: string): void => {\n if (onRemoveTag) {\n onRemoveTag(value, tags);\n }\n };\n\n return (\n <Box\n className=\"TagBlock\"\n position=\"relative\"\n mb={3}\n py={2}\n pl={4}\n pr={2}\n bg=\"background.subtle\"\n borderRadius=\"lg\"\n boxShadow={hasError ? `0 0 0 2px var(--chakra-colors-border-danger)` : ''}\n border=\"1px\"\n borderColor=\"border.default\"\n >\n <Flex\n className=\"TagBlock__ButtonContainer\"\n data-testid={`${dataTestId}-container`}\n justifyContent=\"space-between\"\n >\n <HStack spacing={1} minH={10}>\n {title && (\n <Text className=\"TagBlock__Title\" mr={2} fontWeight=\"bold\">\n {title}\n </Text>\n )}\n <Menu\n buttonProps={menuButtonProps}\n listProps={menuListProps}\n containerProps={menuContainerProps}\n dataTestId={`${dataTestId}-menu`}\n />\n <Button\n className=\"TagBlock__Button--ClearAll\"\n data-testid={`${dataTestId}-clear-all-button`}\n size=\"sm\"\n iconName=\"arrowCircle\"\n variant=\"ghostNeutral\"\n onClick={onClearAll}\n isDisabled={tags.length <= 0}\n >\n Clear All\n </Button>\n </HStack>\n {canBeDeleted && (\n <Box>\n <Button\n className=\"TagBlock__Button--Delete\"\n data-testid={`${dataTestId}-delete-button`}\n iconName=\"trashcan\"\n variant=\"ghostNeutral\"\n onClick={handleDelete}\n justifySelf=\"flex-end\"\n />\n </Box>\n )}\n </Flex>\n {Boolean(tags.length) && (\n <Flex\n className=\"TagBlock__TagContainer\"\n mt={2}\n pb={1}\n alignContent=\"space-between\"\n flexWrap=\"wrap\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n >\n {tags.map((tag) => {\n const isDisabled =\n tag.label.includes(TagDisabledState.Inactive) || tag.label.includes(TagDisabledState.Deleted);\n\n return (\n <Tag\n className=\"TagBlock__Tag\"\n data-testid={`${dataTestId}-tag`}\n mr={1}\n mb={1}\n key={tag.value}\n label={tag.label}\n onClose={(): void => handleRemoveTag(tag.value)}\n closeButtonDisplay=\"always\"\n fontWeight=\"normal\"\n color={isDisabled ? 'text.placeholder' : 'text.default'}\n size=\"md\"\n />\n );\n })}\n </Flex>\n )}\n {isLoading && <Spinner isFullScreen />}\n {hasError && (\n <Text className=\"TagBlock__Error\" data-testid={`${dataTestId}-error`} mt={2} size=\"xs\" as=\"p\" variant=\"danger\">\n {errorText}\n </Text>\n )}\n </Box>\n );\n};\n"],"names":["TagDisabledState","title","menuButtonProps","size","variant","leftIconName","text","showRightIcon","menuListProps","isMultiSelect","menuContainerProps","tags","canBeDeleted","onClearAll","onRemoveTag","handleDelete","hasError","errorText","isLoading","dataTestId","React","createElement","Box","className","position","mb","py","pl","pr","bg","borderRadius","boxShadow","border","borderColor","Flex","justifyContent","HStack","spacing","minH","Text","WrappedText","mr","fontWeight","Menu","buttonProps","listProps","containerProps","Button","iconName","onClick","isDisabled","length","justifySelf","Boolean","mt","pb","alignContent","flexWrap","alignItems","map","tag","label","includes","Inactive","Deleted","Tag","key","value","onClose","handleRemoveTag","closeButtonDisplay","color","Spinner","isFullScreen","as"],"mappings":"01CAIYA,SAAAA,QAGXA,sBAAA,GAHWA,EAAAA,2BAAAA,QAAAA,iBAGX,KAFC,SAAA,WACAA,EAAA,QAAA,2BAwBsB,EACtBC,MAAAA,EACAC,gBAAAA,EAAkB,CAChBC,KAAM,KACNC,QAAS,kBACTC,aAAc,OACdC,KAAM,MACNC,eAAe,GAEjBC,cAAAA,EAAgB,CACdC,eAAe,GAEjBC,mBAAAA,EACAC,KAAAA,EACAC,aAAAA,GAAe,EACfC,WAAAA,EACAC,YAAAA,EACAC,aAAAA,EACAC,SAAAA,GAAW,EACXC,UAAAA,EAAY,+BACZC,UAAAA,GAAY,EACZC,WAAAA,EAAa,eASXC,EAACC,cAAAC,EAAGA,IACF,CAAAC,UAAU,WACVC,SAAS,WACTC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAG,oBACHC,aAAa,KACbC,UAAWf,EAAW,+CAAiD,GACvEgB,OAAO,MACPC,YAAY,kBAEZb,EAAAC,cAACa,OAAI,CACHX,UAAU,4BAA2B,cACxB,GAAGJ,cAChBgB,eAAe,iBAEff,EAACC,cAAAe,UAAOC,QAAS,EAAGC,KAAM,IACvBrC,GACCmB,EAAAC,cAACkB,EAAIC,YAAC,CAAAjB,UAAU,kBAAkBkB,GAAI,EAAGC,WAAW,QACjDzC,GAGLmB,EAAAC,cAACsB,EAAIA,KACH,CAAAC,YAAa1C,EACb2C,UAAWrC,EACXsC,eAAgBpC,EAChBS,WAAY,GAAGA,WAEjBC,EAAAC,cAAC0B,SAAM,CACLxB,UAAU,6BACG,cAAA,GAAGJ,qBAChBhB,KAAK,KACL6C,SAAS,cACT5C,QAAQ,eACR6C,QAASpC,EACTqC,WAAYvC,EAAKwC,QAAU,iBAK9BvC,GACCQ,EAAAC,cAACC,EAAAA,IAAG,KACFF,EAAAC,cAAC0B,EAAAA,OAAM,CACLxB,UAAU,2BAA0B,cACvB,GAAGJ,kBAChB6B,SAAS,WACT5C,QAAQ,eACR6C,QAASlC,EACTqC,YAAY,eAKnBC,QAAQ1C,EAAKwC,SACZ/B,gBAACc,OAAI,CACHX,UAAU,yBACV+B,GAAI,EACJC,GAAI,EACJC,aAAa,gBACbC,SAAS,OACTtB,eAAe,aACfuB,WAAW,cAEV/C,EAAKgD,KAAKC,IACT,MAAMV,EACJU,EAAIC,MAAMC,SAAS9D,QAAAA,iBAAiB+D,WAAaH,EAAIC,MAAMC,SAAS9D,QAAgBA,iBAACgE,SAEvF,OACE5C,EAAAC,cAAC4C,EAAGA,IAAA,CACF1C,UAAU,gBACG,cAAA,GAAGJ,QAChBsB,GAAI,EACJhB,GAAI,EACJyC,IAAKN,EAAIO,MACTN,MAAOD,EAAIC,MACXO,QAAS,KAAYC,OApFVF,EAoF0BP,EAAIO,WAnFjDrD,GACFA,EAAYqD,EAAOxD,IAFC,IAACwD,GAqFXG,mBAAmB,SACnB5B,WAAW,SACX6B,MAAOrB,EAAa,mBAAqB,eACzC/C,KAAK,WAMde,GAAaE,EAAAC,cAACmD,EAAOA,QAAA,CAACC,cAAe,IACrCzD,GACCI,EAACC,cAAAkB,eAAKhB,UAAU,kBAAiB,cAAc,GAAGJ,UAAoBmC,GAAI,EAAGnD,KAAK,KAAKuE,GAAG,IAAItE,QAAQ,UACnGa"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("react"),t=require("./icon.component-7fa85e78.js"),n=require("./popover.component-0ae9b4fe.js"),r=require("./index-7708e04e.js"),o=require("./textInput.component-9c91685f.js"),a=require("./chakra-ui-layout.esm-6ee578f7.js"),i=require("./timePicker.types-eedca939.js"),l=require("./useIconTextSizeMap-301c4f35.js"),u=require("./chakra-ui-hooks.esm-21b313f3.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(e);const d=({value:t,innerRef:n,isSelected:r,handleClick:o})=>{const i=e.useCallback((e=>{const t=e.currentTarget.textContent||"";o(t)}),[o]);return c.default.createElement(a.Box,{ref:n,onClick:i,background:r?"background.primary":"background.default",color:r?"text.onContrast":"text.subtle",fontSize:"sm",textAlign:"center",px:3,py:1,borderRadius:"md",cursor:"pointer",_hover:{background:r?"background.primary.hover":"background.primaryAlpha.hover"}},t)},p=({options:t,optionType:n,selectedValue:r,handleClick:o,isOpen:i=!1})=>{const l=e.useRef(null),u=e.useRef(null);return e.useEffect((()=>{var e,t;i&&u.current&&l.current&&(u.current.scrollTop=(null===(e=l.current)||void 0===e?void 0:e.offsetTop)-(null===(t=u.current)||void 0===t?void 0:t.offsetTop))}),[i]),c.default.createElement(a.Flex,{direction:"column",gap:1,ref:u,overflowY:"auto","data-testid":`${n}-scroll-container`,sx:{"&::-webkit-scrollbar":{display:"none"}}},t.map((e=>c.default.createElement(d,{key:`${n}-option-${e}`,innerRef:e===r?l:null,value:e,isSelected:e===r,handleClick:o,"data-testid":e}))))};exports.TimePicker=({initialTime:s,minuteInterval:d=5,inputProps:m,placement:f,dataTestId:k="time-picker",onTimeChange:h})=>{const{isOpen:b,onOpen:g,onClose:v}=u.useDisclosure(),[M,x]=e.useState(s),[C,E]=e.useState(),[T,y]=e.useState(),[S,j]=e.useState(),O=e.useMemo((()=>M?r.format(M,"h:mm aa"):""),[M]),q=e=>{const t=e.toString();return 1===t.length?`0${t}`:t},w=e.useMemo((()=>[12,1,2,3,4,5,6,7,8,9,10,11].map((e=>e.toString()))),[]),A=e.useMemo((()=>{const e=[];for(let t=0;t<60;t+=d)e.push(t);return e.map(q)}),[d]),P=[i.Meridiem.AM,i.Meridiem.PM],I=e.useCallback(((e,t,n)=>{const r=e||"12",o=t||"00",a=n||"AM";let l=0;e||E("12"),t||y("00"),n||j("AM"),a===i.Meridiem.PM&&Number(r)<12&&(l=12),a===i.Meridiem.AM&&12===Number(r)&&(l=-12);const u=Number(r)+l,s=(new Date).setHours(u,Number(o),0,0),c=new Date(s);x(c),h&&h(c)}),[h]),z=e.useCallback((e=>{E(e),I(e,T,S)}),[I,S,T]),R=e.useCallback((e=>{y(e),I(C,e,S)}),[I,C,S]),D=e.useCallback((e=>{j(e),I(C,T,e)}),[I,C,T]);return e.useEffect((()=>{if(s){const e=new Date(s);let t=e.getHours()%12||12;x(s),E(t.toString()),y(e.getMinutes().toString()),j(e.getHours()>11?i.Meridiem.PM:i.Meridiem.AM)}}),[s]),c.default.createElement(n.Popover,{isOpen:b,onOpen:g,onClose:v,placement:f,contentProps:{width:"max-content"},variant:"default",size:"sm",anchor:c.default.createElement(a.Box,{w:"100%"},c.default.createElement(o.WrappedTextInput,Object.assign({placeholder:"12:00 AM",rightElement:c.default.createElement(a.Flex,{cursor:(null==m?void 0:m.isDisabled)?"not-allowed":"pointer",h:"100%",align:"center"},c.default.createElement(t.Icon,{size:l.useIconTextSizeMap((null==m?void 0:m.size)||"md"),name:"clock"})),value:O,isReadOnly:!0,"data-testid":k,cursor:"pointer"},m)))},c.default.createElement(a.Flex,{height:"186px",gap:1.5,overflow:"hidden"},c.default.createElement(p,{options:w,optionType:"hour",selectedValue:C,handleClick:z,isOpen:b}),c.default.createElement(p,{options:A,optionType:"minute",selectedValue:T?q(T):void 0,handleClick:R,isOpen:b}),c.default.createElement(p,{options:P,optionType:"meridiem",selectedValue:S,handleClick:D,isOpen:b})))};
|
|
2
|
+
//# sourceMappingURL=timePicker.component-0ec971ce.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timePicker.component-0ec971ce.js","sources":["../src/components/TimePicker/components/timeOption.component.tsx","../src/components/TimePicker/components/scrollContainer.component.tsx","../src/components/TimePicker/timePicker.component.tsx"],"sourcesContent":["import React, { MutableRefObject, useCallback } from 'react';\nimport { Box } from '@chakra-ui/react';\n\ninterface TimeOptionProps {\n value: string;\n innerRef?: MutableRefObject<HTMLDivElement | null> | null;\n isSelected: boolean;\n handleClick: (selectedValue: string) => void;\n}\n\nexport const TimeOption = ({ value, innerRef, isSelected, handleClick }: TimeOptionProps): JSX.Element => {\n const onClick = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n const selectedValue = event.currentTarget.textContent || '';\n handleClick(selectedValue);\n },\n [handleClick],\n );\n\n return (\n <Box\n ref={innerRef}\n onClick={onClick}\n background={isSelected ? 'background.primary' : 'background.default'}\n color={isSelected ? 'text.onContrast' : 'text.subtle'}\n fontSize=\"sm\"\n textAlign=\"center\"\n px={3}\n py={1}\n borderRadius=\"md\"\n cursor=\"pointer\"\n _hover={{\n background: isSelected ? 'background.primary.hover' : 'background.primaryAlpha.hover',\n }}\n >\n {value}\n </Box>\n );\n};\n","import React, { useEffect, useRef } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { TimeOption } from './timeOption.component';\n\ninterface ScrollContainerProps {\n options: string[];\n optionType: 'hour' | 'minute' | 'meridiem';\n selectedValue?: string;\n handleClick: (value: string) => void;\n isOpen: boolean;\n}\n\nexport const ScrollContainer = ({\n options,\n optionType,\n selectedValue,\n handleClick,\n isOpen = false,\n}: ScrollContainerProps): JSX.Element => {\n const itemRef = useRef<HTMLDivElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (isOpen && containerRef.current && itemRef.current) {\n containerRef.current.scrollTop = itemRef.current?.offsetTop - containerRef.current?.offsetTop;\n }\n }, [isOpen]);\n\n return (\n <Flex\n direction=\"column\"\n gap={1}\n ref={containerRef}\n overflowY=\"auto\"\n data-testid={`${optionType}-scroll-container`}\n sx={{\n '&::-webkit-scrollbar': {\n display: 'none',\n },\n }}\n >\n {options.map((option) => {\n return (\n <TimeOption\n key={`${optionType}-option-${option}`}\n innerRef={option === selectedValue ? itemRef : null}\n value={option}\n isSelected={option === selectedValue}\n handleClick={handleClick}\n data-testid={option}\n />\n );\n })}\n </Flex>\n );\n};\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { PlacementWithLogical, Box, Flex, useDisclosure } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Popover } from '../Popover/popover.component';\nimport format from 'date-fns/format';\nimport { TextInput, TextInputProps } from '../TextInput/textInput.component';\nimport { ScrollContainer } from './components/scrollContainer.component';\nimport { Meridiem } from './timePicker.types';\nimport { useIconTextSizeMap } from 'shared/hooks/useIconTextSizeMap';\n\nexport interface TimePickerProps {\n initialTime?: Date;\n minuteInterval?: number;\n inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n placement?: PlacementWithLogical;\n onTimeChange?: (time: Date) => void;\n dataTestId?: string;\n}\n\nexport const TimePicker = ({\n initialTime,\n minuteInterval = 5,\n inputProps,\n placement,\n dataTestId = 'time-picker',\n onTimeChange,\n}: TimePickerProps): JSX.Element => {\n const { isOpen, onOpen, onClose } = useDisclosure();\n\n // selectedTime should always be UTC\n const [selectedTime, setSelectedTime] = useState(initialTime);\n\n // convert to local time for display\n const [selectedHour, setSelectedHour] = useState<string | undefined>();\n const [selectedMinute, setSelectedMinute] = useState<string | undefined>();\n const [selectedMeridiem, setSelectedMeridiem] = useState<string | undefined>();\n\n const formattedTime = useMemo(() => {\n if (!selectedTime) return '';\n return format(selectedTime, 'h:mm aa');\n }, [selectedTime]);\n\n const formatNumber = (number: number | string): string => {\n const formattedValue = number.toString();\n if (formattedValue.length === 1) {\n return `0${formattedValue}`;\n }\n\n return formattedValue;\n };\n\n const hourOptions = useMemo(() => {\n return [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].map((hour) => hour.toString());\n }, []);\n\n const minuteOptions = useMemo(() => {\n const minutes = [];\n for (let i = 0; i < 60; i += minuteInterval) {\n minutes.push(i);\n }\n\n return minutes.map(formatNumber);\n }, [minuteInterval]);\n\n const meridiemOptions = [Meridiem.AM, Meridiem.PM];\n\n const handleTimeChange = useCallback(\n (hour?: string, minute?: string, meridiem?: string) => {\n const _hour = hour || '12';\n const _minute = minute || '00';\n const _meridiem = meridiem || 'AM';\n let meridiemAdjustment = 0;\n\n if (!hour) {\n setSelectedHour('12');\n }\n if (!minute) {\n setSelectedMinute('00');\n }\n if (!meridiem) {\n setSelectedMeridiem('AM');\n }\n\n // set 1-11pm to 13-23. Don't set 12pm to 24\n if (_meridiem === Meridiem.PM && Number(_hour) < 12) {\n meridiemAdjustment = 12;\n }\n\n // set 12am to 00\n if (_meridiem === Meridiem.AM && Number(_hour) === 12) {\n meridiemAdjustment = -12;\n }\n\n const hours = Number(_hour) + meridiemAdjustment;\n const time = new Date().setHours(hours, Number(_minute), 0, 0);\n const date = new Date(time);\n setSelectedTime(date);\n\n if (onTimeChange) {\n onTimeChange(date);\n }\n },\n [onTimeChange],\n );\n\n const handleHourClick = useCallback(\n (value: string) => {\n setSelectedHour(value);\n handleTimeChange(value, selectedMinute, selectedMeridiem);\n },\n [handleTimeChange, selectedMeridiem, selectedMinute],\n );\n\n const handleMinuteClick = useCallback(\n (value: string) => {\n setSelectedMinute(value);\n handleTimeChange(selectedHour, value, selectedMeridiem);\n },\n [handleTimeChange, selectedHour, selectedMeridiem],\n );\n\n const handleMeridiemClick = useCallback(\n (value: string) => {\n setSelectedMeridiem(value);\n handleTimeChange(selectedHour, selectedMinute, value);\n },\n [handleTimeChange, selectedHour, selectedMinute],\n );\n\n useEffect(() => {\n // Set default selections based on value passed in\n if (initialTime) {\n const localTime = new Date(initialTime);\n\n // calculate hours\n const hours = localTime.getHours();\n let adjustedHours = hours % 12 || 12;\n\n setSelectedTime(initialTime);\n setSelectedHour(adjustedHours.toString());\n setSelectedMinute(localTime.getMinutes().toString());\n setSelectedMeridiem(localTime.getHours() > 11 ? Meridiem.PM : Meridiem.AM);\n }\n }, [initialTime]);\n\n return (\n <Popover\n isOpen={isOpen}\n onOpen={onOpen}\n onClose={onClose}\n placement={placement}\n contentProps={{ width: 'max-content' }}\n variant=\"default\"\n size=\"sm\"\n anchor={\n <Box w=\"100%\">\n <TextInput\n placeholder=\"12:00 AM\"\n rightElement={\n <Flex cursor={inputProps?.isDisabled ? 'not-allowed' : 'pointer'} h=\"100%\" align=\"center\">\n <Icon size={useIconTextSizeMap(inputProps?.size || 'md')} name=\"clock\" />\n </Flex>\n }\n value={formattedTime}\n isReadOnly\n data-testid={dataTestId}\n cursor={'pointer'}\n {...inputProps}\n />\n </Box>\n }\n >\n <Flex height=\"186px\" gap={1.5} overflow=\"hidden\">\n <ScrollContainer\n options={hourOptions}\n optionType=\"hour\"\n selectedValue={selectedHour}\n handleClick={handleHourClick}\n isOpen={isOpen}\n />\n <ScrollContainer\n options={minuteOptions}\n optionType=\"minute\"\n selectedValue={selectedMinute ? formatNumber(selectedMinute) : undefined}\n handleClick={handleMinuteClick}\n isOpen={isOpen}\n />\n <ScrollContainer\n options={meridiemOptions}\n optionType=\"meridiem\"\n selectedValue={selectedMeridiem}\n handleClick={handleMeridiemClick}\n isOpen={isOpen}\n />\n </Flex>\n </Popover>\n );\n};\n"],"names":["TimeOption","value","innerRef","isSelected","handleClick","onClick","useCallback","event","selectedValue","currentTarget","textContent","React","createElement","Box","ref","background","color","fontSize","textAlign","px","py","borderRadius","cursor","_hover","ScrollContainer","options","optionType","isOpen","itemRef","useRef","containerRef","useEffect","current","scrollTop","_a","offsetTop","_b","Flex","direction","gap","overflowY","sx","display","map","option","key","initialTime","minuteInterval","inputProps","placement","dataTestId","onTimeChange","onOpen","onClose","useDisclosure","selectedTime","setSelectedTime","useState","selectedHour","setSelectedHour","selectedMinute","setSelectedMinute","selectedMeridiem","setSelectedMeridiem","formattedTime","useMemo","format","formatNumber","number","formattedValue","toString","length","hourOptions","hour","minuteOptions","minutes","i","push","meridiemOptions","Meridiem","AM","PM","handleTimeChange","minute","meridiem","_hour","_minute","_meridiem","meridiemAdjustment","Number","hours","time","Date","setHours","date","handleHourClick","handleMinuteClick","handleMeridiemClick","localTime","adjustedHours","getHours","getMinutes","Popover","contentProps","width","variant","size","anchor","w","TextInput","Object","assign","placeholder","rightElement","isDisabled","h","align","Icon","useIconTextSizeMap","name","isReadOnly","height","overflow","undefined"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timePicker.types-eedca939.js","sources":["../src/components/TimePicker/timePicker.types.ts"],"sourcesContent":["export enum Meridiem {\n AM = 'AM',\n PM = 'PM',\n}\n"],"names":["Meridiem"],"mappings":"aAAA,IAAYA,EAAAA,QAGXA,cAAA,GAHWA,EAAAA,QAAQA,WAARA,iBAGX,KAFC,GAAA,KACAA,EAAA,GAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./timePicker.component-
|
|
2
|
-
//# sourceMappingURL=timeRange.component-
|
|
1
|
+
"use strict";var e=require("react"),t=require("./timePicker.component-0ec971ce.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e);exports.TimeRange=({startTimePickerProps:e,endTimePickerProps:a,dashContainerProps:c})=>i.default.createElement(r.Flex,null,i.default.createElement(t.TimePicker,Object.assign({},e)),i.default.createElement(r.Box,Object.assign({alignSelf:"center",mx:1},c),"-"),i.default.createElement(t.TimePicker,Object.assign({},a)));
|
|
2
|
+
//# sourceMappingURL=timeRange.component-ae9766c0.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timeRange.component-
|
|
1
|
+
{"version":3,"file":"timeRange.component-ae9766c0.js","sources":["../src/components/TimeRange/timeRange.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps, Flex } from '@chakra-ui/react';\nimport { TimePicker, TimePickerProps } from '../TimePicker/timePicker.component';\n\nexport interface TimeRangeProps {\n startTimePickerProps: TimePickerProps;\n endTimePickerProps: TimePickerProps;\n dashContainerProps?: BoxProps;\n}\n\nexport const TimeRange = ({\n startTimePickerProps,\n endTimePickerProps,\n dashContainerProps,\n}: TimeRangeProps): JSX.Element => {\n return (\n <Flex>\n <TimePicker {...startTimePickerProps} />\n <Box alignSelf=\"center\" mx={1} {...dashContainerProps}>\n -\n </Box>\n <TimePicker {...endTimePickerProps} />\n </Flex>\n );\n};\n"],"names":["startTimePickerProps","endTimePickerProps","dashContainerProps","React","Flex","createElement","TimePicker","Object","assign","Box","alignSelf","mx"],"mappings":"yOAUyB,EACvBA,qBAAAA,EACAC,mBAAAA,EACAC,mBAAAA,KAGEC,wBAACC,EAAAA,KAAI,KACHD,EAAC,QAAAE,cAAAC,aAAeC,OAAAC,OAAA,GAAAR,IAChBG,EAAAA,QAACE,cAAAI,EAAAA,IAAIF,OAAAC,OAAA,CAAAE,UAAU,SAASC,GAAI,GAAOT,GAE7B,KACNC,UAAAE,cAACC,EAAAA,WAAeC,OAAAC,OAAA,GAAAP"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),a=require("react"),s=require("./chakra-ui-media-query.esm-6217de7e.js"),t=require("./chakra-ui-modal.esm-2fd23822.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(a);exports.Modal=a=>{var{children:i,isOpen:n,onClose:o,isCentered:r=!0,allowEscape:d=!0,useFullScreenMobile:u=!0,initialFocusRef:c,scrollBehavior:m,size:b="xl",isExpanded:p=!1,dataTestId:x="modal"}=a,f=e.__rest(a,["children","isOpen","onClose","isCentered","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","size","isExpanded","dataTestId"]);const v=s.useBreakpointValue({base:"full",md:b}),h=s.useBreakpointValue({base:0,md:"xl"}),k=s.useBreakpointValue({base:u?0:16,md:16});return l.default.createElement(t.Modal,Object.assign({closeOnEsc:d,closeOnOverlayClick:d,autoFocus:!!c,isOpen:n,onClose:o,scrollBehavior:m,isCentered:r,size:u||p?v:b,motionPreset:"slideInBottom","data-testid":x},f),l.default.createElement(t.ModalOverlay,{bg:p?"neutral.100":"blackAlpha.600",style:{transition:"background-color 0.7s ease-in-out"},className:"Modal__Overlay","data-testid":`${x}-overlay`}),l.default.createElement(t.ModalContent,Object.assign({backgroundColor:"background.overlay","data-testid":`${x}-content`,m:k},!u&&{mx:5},{borderRadius:p?"none":u?h:"xl",minH:Object.assign({md:p?"100%":"100px"},u&&{base:"-webkit-fill-available"}),minW:{md:p?"650px":"300px"},maxH:"inside"===m?"100%":void 0,transition:"min-height 0.7s ease-in-out, min-width 0.7s ease-in-out, border-radius 0.7s ease-in-out",className:"Modal__Content"}),i))},exports.useExpandButton=()=>{const[e,s]=a.useState(!1);return{isExpanded:e,handleExpandClick:()=>{s((e=>!e))}}};
|
|
2
|
+
//# sourceMappingURL=useExpandButton-e65619ea.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useExpandButton-e65619ea.js","sources":["../src/components/Modal/modal.component.tsx","../src/components/Modal/hooks/useExpandButton.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n Modal as CModal,\n ModalProps as CModalProps,\n ModalContent,\n ModalOverlay,\n useBreakpointValue,\n} from '@chakra-ui/react';\nimport { FocusableElement } from '@chakra-ui/utils';\n\nexport interface ModalProps extends CModalProps {\n allowEscape?: boolean;\n isCentered?: boolean;\n useFullScreenMobile?: boolean;\n size?: string;\n scrollBehavior?: 'inside' | 'outside';\n children: ReactNode;\n initialFocusRef?: React.RefObject<FocusableElement>;\n isExpanded?: boolean;\n dataTestId?: string;\n}\n\nexport const Modal = ({\n children,\n isOpen,\n onClose,\n isCentered = true,\n allowEscape = true,\n useFullScreenMobile = true,\n initialFocusRef,\n scrollBehavior,\n size = 'xl',\n isExpanded = false,\n dataTestId = 'modal',\n ...rest\n}: ModalProps): JSX.Element => {\n // Responsive values for full screen modals on phones.\n const fullScreenMobileSize = useBreakpointValue({ base: 'full', md: size });\n const fullScreenMobileBorderRadius = useBreakpointValue({ base: 0, md: 'xl' });\n const modalMargin = useBreakpointValue({ base: useFullScreenMobile ? 0 : 16, md: 16 });\n\n const Modal: JSX.Element = (\n <CModal\n closeOnEsc={allowEscape}\n closeOnOverlayClick={allowEscape}\n autoFocus={!!initialFocusRef}\n isOpen={isOpen}\n onClose={onClose}\n scrollBehavior={scrollBehavior}\n isCentered={isCentered}\n size={useFullScreenMobile || isExpanded ? fullScreenMobileSize : size}\n motionPreset=\"slideInBottom\"\n data-testid={dataTestId}\n {...rest}\n >\n <ModalOverlay\n bg={isExpanded ? 'neutral.100' : 'blackAlpha.600'}\n style={{ transition: 'background-color 0.7s ease-in-out' }}\n className=\"Modal__Overlay\"\n data-testid={`${dataTestId}-overlay`}\n />\n <ModalContent\n backgroundColor=\"background.overlay\"\n data-testid={`${dataTestId}-content`}\n m={modalMargin}\n {...(!useFullScreenMobile && { mx: 5 })}\n borderRadius={isExpanded ? 'none' : useFullScreenMobile ? fullScreenMobileBorderRadius : 'xl'}\n minH={{ md: isExpanded ? '100%' : '100px', ...(useFullScreenMobile && { base: '-webkit-fill-available' }) }}\n minW={{ md: isExpanded ? '650px' : '300px' }}\n maxH={scrollBehavior === 'inside' ? '100%' : undefined}\n transition=\"min-height 0.7s ease-in-out, min-width 0.7s ease-in-out, border-radius 0.7s ease-in-out\"\n className=\"Modal__Content\"\n >\n {children}\n </ModalContent>\n </CModal>\n );\n\n return Modal;\n};\n","import { useState } from \"react\";\n\ninterface UseExpandButtonOutput {\n isExpanded: boolean;\n handleExpandClick: () => void;\n}\n\nexport const useExpandButton = (): UseExpandButtonOutput => {\n const [isExpanded, setIsExpanded] = useState(false);\n \n const handleExpandClick = (): void => {\n setIsExpanded(currentValue => !currentValue);\n };\n \n return { isExpanded, handleExpandClick };\n}\n"],"names":["_a","children","isOpen","onClose","isCentered","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","size","isExpanded","dataTestId","rest","__rest","fullScreenMobileSize","useBreakpointValue","base","md","fullScreenMobileBorderRadius","modalMargin","React","createElement","CModal","Object","assign","closeOnEsc","closeOnOverlayClick","autoFocus","motionPreset","ModalOverlay","bg","style","transition","className","ModalContent","backgroundColor","m","mx","borderRadius","minH","minW","maxH","undefined","setIsExpanded","useState","handleExpandClick","currentValue"],"mappings":"8QAsBsBA,IAAA,IAAAC,SACpBA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,WACPA,GAAa,EAAIC,YACjBA,GAAc,EAAIC,oBAClBA,GAAsB,EAAIC,gBAC1BA,EAAeC,eACfA,EAAcC,KACdA,EAAO,KAAIC,WACXA,GAAa,EAAKC,WAClBA,EAAa,SAAOX,EACjBY,EAAIC,EAAAA,OAAAb,EAZa,sJAepB,MAAMc,EAAuBC,EAAAA,mBAAmB,CAAEC,KAAM,OAAQC,GAAIR,IAC9DS,EAA+BH,EAAAA,mBAAmB,CAAEC,KAAM,EAAGC,GAAI,OACjEE,EAAcJ,qBAAmB,CAAEC,KAAMV,EAAsB,EAAI,GAAIW,GAAI,KAuCjF,OApCEG,EAAAA,QAACC,cAAAC,EAAAA,MACCC,OAAAC,OAAA,CAAAC,WAAYpB,EACZqB,oBAAqBrB,EACrBsB,YAAapB,EACbL,OAAQA,EACRC,QAASA,EACTK,eAAgBA,EAChBJ,WAAYA,EACZK,KAAMH,GAAuBI,EAAaI,EAAuBL,EACjEmB,aAAa,gBAAe,cACfjB,GACTC,GAEJQ,UAAAC,cAACQ,EAAAA,aAAY,CACXC,GAAIpB,EAAa,cAAgB,iBACjCqB,MAAO,CAAEC,WAAY,qCACrBC,UAAU,iBAAgB,cACb,GAAGtB,cAElBS,EAAAA,QAACC,cAAAa,EAAAA,aACCX,OAAAC,OAAA,CAAAW,gBAAgB,mCACH,GAAGxB,YAChByB,EAAGjB,IACGb,GAAuB,CAAE+B,GAAI,GACnC,CAAAC,aAAc5B,EAAa,OAASJ,EAAsBY,EAA+B,KACzFqB,KAAIhB,OAAAC,OAAA,CAAIP,GAAIP,EAAa,OAAS,SAAaJ,GAAuB,CAAEU,KAAM,2BAC9EwB,KAAM,CAAEvB,GAAIP,EAAa,QAAU,SACnC+B,KAAyB,WAAnBjC,EAA8B,YAASkC,EAC7CV,WAAW,0FACXC,UAAU,mBAEThC,6BClEsB,KAC7B,MAAOS,EAAYiC,GAAiBC,EAAQA,UAAC,GAM7C,MAAO,CAAElC,WAAAA,EAAYmC,kBAJK,KACxBF,GAAcG,IAAiBA"}
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./card.component-de5d4b2a.js"),a=require("./timestamp.component-c0c80c32.js"),n=require("./notificationCounter.component-24f3f4ab.js"),o=require("./icon.component-7fa85e78.js"),r=require("./heading.component-95e89325.js"),s=require("./text.component-906b3f66.js"),i=require("./avatar.component-aa7483a7.js"),l=require("./tooltip.component-197bff7c.js"),c=require("./chakra-ui-layout.esm-6ee578f7.js"),d=require("./button.component-a1a58584.js");require("./menu.context-cb4a0b0d.js"),require("./checkbox.component-853ac7ff.js"),require("./textInput.component-9c91685f.js"),require("./spinner.component-13277479.js");var u=require("./menu.component-194d1bc0.js"),m=require("./tag.component-75215361.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=p(e);const v=({avatars:e,max:t=1,onAvatarGroupClick:a,tooltipLabel:n})=>f.default.createElement(l.Tooltip,{label:n||"",isDisabled:!(null==n?void 0:n.length)},f.default.createElement(c.Flex,{className:"ConversationCardAvatarGroup__Container",align:"flex-start",justify:"flex-start"},t&&e.length>t?f.default.createElement(i.Avatar,{onClick:e=>{e.stopPropagation(),a&&a(e)},cursor:"pointer",name:e.length.toString(),showTooltip:!1}):f.default.createElement(f.default.Fragment,null,e.map((e=>e))))),C=({avatarGroupProps:e,timestampProps:t,isHoveringCard:i,isCardPinned:l,title:d,showNotificationIndicator:u,subtitle:m})=>f.default.createElement(c.HStack,{className:"ConversationCard__Header",justify:"space-between",align:"flex-start"},f.default.createElement(c.HStack,{className:"ConversationCard__Header--Left",cursor:"pointer"},e&&f.default.createElement(v,Object.assign({},e,{tooltipLabel:(null==e?void 0:e.tooltipLabel)||d})),f.default.createElement(c.VStack,{className:"ConversationCard__HeaderText",justify:"center",align:"left",spacing:"0"},f.default.createElement(r.WrappedHeading,{className:"ConversationCard__HeaderText--Title",size:"sm",isTruncated:!0},d),m&&f.default.createElement(s.WrappedText,{className:"ConversationCard__HeaderNamesText--Subtitle",as:"p",size:"sm",variant:"subtle",isTruncated:!0},m))),f.default.createElement(c.HStack,{className:"ConversationCard__Header--Right",visibility:i?"hidden":"visible",align:"center",spacing:1},f.default.createElement(a.Timestamp,Object.assign({},t)),u&&f.default.createElement(c.Box,{as:"span",className:"ConversationCard__HeaderNotificationCounter","data-testid":"conversation-card-unread-indicator"},f.default.createElement(n.NotificationCounter,{size:"xs"})),l&&f.default.createElement(c.Flex,{"data-testid":"conversation-card-pinned-icon"},f.default.createElement(o.Icon,{size:"md",variant:"info",name:"pin"})))),g=({pinProps:e,headerMenuProps:t,isHovering:a,setIsHovering:n})=>{const{isPinned:r,togglePin:s}=e||{},{listProps:i}=t||{},l=r?"pinCancel":"pin";return f.default.createElement(c.HStack,{className:"ConversationCard__Menu",spacing:1},e&&f.default.createElement(d.Button,{"data-testid":"conversation-card-pin-toggle-icon-button",variant:r?"secondarySubtleDestructive":"secondarySubtle",onClick:()=>{s&&s(!r),a&&n(!1)},iconName:l,size:"sm"}),t&&f.default.createElement(u.Menu,Object.assign({buttonProps:t.buttonProps||{variant:"secondarySubtle",size:"sm",leftIconName:"dotsVertical",showRightIcon:!1},closeOnSelect:!1,isLazy:!0},t,{listProps:Object.assign(Object.assign({},i),{menuItems:[...e?[{"data-testid":"conversation-card-pin-toggle-dropdown-button",label:(r?"Unpin":"Pin")+" Conversation",value:"PinConversation",variant:r?"danger":"default",leftElement:f.default.createElement(o.Icon,{size:"md",variant:r?"danger":"default",name:l}),onSelect:()=>{s&&s(!r)}}]:[],...(null==i?void 0:i.menuItems)||[]]})})))},b=({tags:e})=>f.default.createElement(c.Box,{className:"ConversationCard__Tags",mt:3},f.default.createElement(c.Wrap,{spacing:"6px"},e.map((e=>{let t=f.default.createElement(m.Tag,Object.assign({closeButtonDisplay:"hover"},e,{size:"sm",textTransform:"capitalize"}));return e.tooltipContent&&(t=f.default.createElement(l.Tooltip,{label:e.tooltipContent,placement:"top"},f.default.createElement(c.Box,null,t))),f.default.createElement(c.WrapItem,{key:e.label},t)})))),E=({iconProps:e,content:t,contentProps:a})=>{const n="string"==typeof t?f.default.createElement(s.WrappedText,Object.assign({className:"ConversationCard__Footer--Message",as:"p",size:"sm",variant:"subtle"},a,e&&{ml:1}),t):t;return f.default.createElement(c.Flex,{className:"ConversationCard__Footer",mt:3,alignItems:"center"},e&&f.default.createElement(o.Icon,Object.assign({size:"sm",variant:"subtle"},e)),n)},j=({contentMenu:e,content:t,contentProps:a})=>{const n="string"==typeof t?f.default.createElement(s.WrappedText,Object.assign({className:"ConversationCard__ConversationDetails--Content",isTruncated:!0,size:"sm"},a),t):t;return f.default.createElement(c.HStack,{className:"ConversationCard__ConversationDetails",mt:3,justify:"space-between",align:"center"},n,e&&f.default.createElement(c.Box,{className:"ConversationCard__ConversationDetails--ContentMenu",ml:"auto"},e))};exports.ConversationCard=({allowHoverActions:a=!0,avatarGroupProps:n,content:o,contentProps:r,contentMenu:s,footerProps:i,headerMenuProps:l,headerProps:d,isActive:u,onClick:m,pinProps:p,shouldPreservePosition:v,showNotificationIndicator:P,tags:_})=>{const{isPinned:x}=p||{},[N,h]=e.useState(!1);return f.default.createElement(t.Card,{className:"ConversationCard",id:"conversation-card-item","data-testid":"conversation-card-item",isInteractive:!0,isActive:u,size:"sm",onClick:()=>{m&&m()},bg:P||u||N?"background.default":"background.alphaContrast.pressed",onMouseEnter:()=>{a&&h(!0)},onMouseLeave:()=>h(!1),pos:"relative",sx:{overflowAnchor:v?"auto":"none"}},N&&f.default.createElement(c.Box,{className:"ConversationCard__Menu--Container",pos:"absolute",top:2,zIndex:"banner",right:2,bg:"background.default",borderRadius:"md",onClick:e=>e.stopPropagation()},f.default.createElement(g,{pinProps:p,headerMenuProps:l,isHovering:N,setIsHovering:h})),f.default.createElement(C,Object.assign({avatarGroupProps:n,isHoveringCard:N,isCardPinned:x,showNotificationIndicator:P},d)),f.default.createElement(j,{content:o,contentProps:r,contentMenu:s}),!!(null==_?void 0:_.length)&&f.default.createElement(b,{tags:_}),i&&f.default.createElement(E,Object.assign({},i)))};
|
|
2
|
-
//# sourceMappingURL=conversationCard.component-b4610335.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"conversationCard.component-b4610335.js","sources":["../src/patterns/ConversationCard/components/conversationCardAvatarGroup.component.tsx","../src/patterns/ConversationCard/components/conversationCardHeader.component.tsx","../src/patterns/ConversationCard/components/conversationCardButtons.component.tsx","../src/patterns/ConversationCard/components/conversationCardTags.component.tsx","../src/patterns/ConversationCard/components/conversationCardFooter.component.tsx","../src/patterns/ConversationCard/components/conversationCardContent.tsx","../src/patterns/ConversationCard/conversationCard.component.tsx"],"sourcesContent":["import { Flex } from '@chakra-ui/react';\nimport { Avatar } from 'components/Avatar';\nimport { Tooltip } from 'components/Tooltip';\nimport React, { ReactNode } from 'react';\n\nexport interface ConversationCardAvatarGroupProps {\n avatars: ReactNode[];\n max?: number;\n onAvatarGroupClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n tooltipLabel?: string;\n}\n\nexport const ConversationCardAvatarGroup = ({\n avatars,\n max = 1,\n onAvatarGroupClick,\n tooltipLabel,\n}: ConversationCardAvatarGroupProps): JSX.Element => {\n return (\n <Tooltip label={tooltipLabel || ''} isDisabled={!tooltipLabel?.length}>\n <Flex className=\"ConversationCardAvatarGroup__Container\" align=\"flex-start\" justify=\"flex-start\">\n {max && avatars.length > max ? (\n <Avatar\n onClick={(e): void => {\n e.stopPropagation();\n if (onAvatarGroupClick) {\n onAvatarGroupClick(e);\n }\n }}\n cursor=\"pointer\"\n name={avatars.length.toString()}\n showTooltip={false}\n />\n ) : (\n <>{avatars.map((avatar) => avatar)}</>\n )}\n </Flex>\n </Tooltip>\n );\n};\n","import React from 'react';\nimport { Box, Flex, HStack, VStack } from '@chakra-ui/react';\nimport { Timestamp, TimestampProps } from 'patterns/Timestamp';\nimport { NotificationCounter } from 'components/NotificationCounter';\nimport { Icon } from 'components/Icon';\nimport { Heading } from 'components/Heading';\nimport { Text } from 'components/Text';\nimport { ConversationCardAvatarGroup, ConversationCardAvatarGroupProps } from './conversationCardAvatarGroup.component';\n\nexport interface ConversationCardHeaderProps {\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n showNotificationIndicator?: boolean;\n isCardPinned?: boolean;\n isHoveringCard?: boolean;\n subtitle?: string;\n timestampProps: TimestampProps;\n title: string;\n}\n\nexport const ConversationCardHeader = ({\n avatarGroupProps,\n timestampProps,\n isHoveringCard,\n isCardPinned,\n title,\n showNotificationIndicator,\n subtitle,\n}: ConversationCardHeaderProps): JSX.Element => {\n return (\n <HStack className=\"ConversationCard__Header\" justify=\"space-between\" align=\"flex-start\">\n <HStack className=\"ConversationCard__Header--Left\" cursor=\"pointer\">\n {avatarGroupProps && (\n <ConversationCardAvatarGroup {...avatarGroupProps} tooltipLabel={avatarGroupProps?.tooltipLabel || title} />\n )}\n <VStack className=\"ConversationCard__HeaderText\" justify=\"center\" align=\"left\" spacing=\"0\">\n <Heading className=\"ConversationCard__HeaderText--Title\" size=\"sm\" isTruncated>\n {title}\n </Heading>\n {subtitle && (\n <Text className=\"ConversationCard__HeaderNamesText--Subtitle\" as=\"p\" size=\"sm\" variant=\"subtle\" isTruncated>\n {subtitle}\n </Text>\n )}\n </VStack>\n </HStack>\n <HStack\n className=\"ConversationCard__Header--Right\"\n visibility={isHoveringCard ? 'hidden' : 'visible'}\n align=\"center\"\n spacing={1}\n >\n <Timestamp {...timestampProps} />\n {showNotificationIndicator && (\n <Box\n as=\"span\"\n className=\"ConversationCard__HeaderNotificationCounter\"\n data-testid=\"conversation-card-unread-indicator\"\n >\n <NotificationCounter size=\"xs\" />\n </Box>\n )}\n {isCardPinned && (\n <Flex data-testid=\"conversation-card-pinned-icon\">\n <Icon size=\"md\" variant=\"info\" name=\"pin\" />\n </Flex>\n )}\n </HStack>\n </HStack>\n );\n};\n","import React from 'react';\nimport { HStack } from '@chakra-ui/react';\nimport { Button } from 'components/Button';\nimport { Menu, MenuProps, MenuItemProps } from 'components/Menu';\nimport { Icon } from 'components/Icon';\n\nexport interface ConversationCardPinProps {\n isPinned?: boolean;\n togglePin: (isPinned: boolean) => void;\n}\n\nexport interface ConversationCardButtonsProps {\n pinProps?: ConversationCardPinProps;\n headerMenuProps?: MenuProps;\n}\n\ninterface ConversationCardButtonsComponentProps extends ConversationCardButtonsProps {\n isHovering: boolean;\n setIsHovering: (isHovering: boolean) => void;\n}\n\nexport const ConversationCardButtons = ({\n pinProps,\n headerMenuProps,\n isHovering,\n setIsHovering,\n}: ConversationCardButtonsComponentProps): JSX.Element => {\n const { isPinned, togglePin } = pinProps || {};\n const { listProps } = headerMenuProps || {};\n const pinIconName = isPinned ? 'pinCancel' : 'pin';\n\n return (\n <HStack className=\"ConversationCard__Menu\" spacing={1}>\n {pinProps && (\n <Button\n data-testid=\"conversation-card-pin-toggle-icon-button\"\n variant={isPinned ? 'secondarySubtleDestructive' : 'secondarySubtle'}\n onClick={(): void => {\n if (togglePin) {\n togglePin(!isPinned);\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName={pinIconName}\n size=\"sm\"\n />\n )}\n {headerMenuProps && (\n <Menu\n buttonProps={\n headerMenuProps.buttonProps || {\n variant: 'secondarySubtle',\n size: 'sm',\n leftIconName: 'dotsVertical',\n showRightIcon: false,\n }\n }\n closeOnSelect={false}\n isLazy\n {...headerMenuProps}\n listProps={{\n ...listProps,\n menuItems: [\n ...(pinProps\n ? [\n {\n 'data-testid': 'conversation-card-pin-toggle-dropdown-button',\n label: `${isPinned ? 'Unpin' : 'Pin'} Conversation`,\n value: 'PinConversation',\n variant: isPinned ? 'danger' : 'default',\n leftElement: <Icon size=\"md\" variant={isPinned ? 'danger' : 'default'} name={pinIconName} />,\n onSelect: (): void => {\n if (togglePin) {\n togglePin(!isPinned);\n }\n },\n } as MenuItemProps,\n ]\n : []),\n ...(listProps?.menuItems || []),\n ],\n }}\n />\n )}\n </HStack>\n );\n};\n","import React from 'react';\nimport { Box, Wrap, WrapItem } from '@chakra-ui/react';\nimport { Tag, TagProps } from 'components/Tag';\nimport { Tooltip } from 'components/Tooltip';\n\nexport interface ConversationCardTag extends TagProps {\n tooltipContent?: string;\n}\n\nexport interface ConversationCardTagsProps {\n tags: ConversationCardTag[];\n}\n\nexport const ConversationCardTags = ({ tags }: ConversationCardTagsProps): JSX.Element => {\n return (\n <Box className=\"ConversationCard__Tags\" mt={3}>\n <Wrap spacing=\"6px\">\n {tags.map((tag) => {\n let tagElement = <Tag closeButtonDisplay=\"hover\" {...tag} size=\"sm\" textTransform=\"capitalize\" />;\n\n if (tag.tooltipContent) {\n tagElement = (\n <Tooltip label={tag.tooltipContent} placement=\"top\">\n <Box>{tagElement}</Box>\n </Tooltip>\n );\n }\n\n return <WrapItem key={tag.label}>{tagElement}</WrapItem>;\n })}\n </Wrap>\n </Box>\n );\n};\n","import { Flex } from '@chakra-ui/react';\nimport { Icon, IconProps } from 'components/Icon';\nimport { Text, TextProps } from 'components/Text';\nimport React, { ReactNode } from 'react';\n\nexport interface ConversationCardFooterProps {\n iconProps?: IconProps;\n content: string | ReactNode;\n contentProps?: Omit<TextProps, 'children'>;\n}\n\nexport const ConversationCardFooter = ({\n iconProps,\n content,\n contentProps,\n}: ConversationCardFooterProps): JSX.Element => {\n const _content =\n typeof content === 'string' ? (\n <Text\n className=\"ConversationCard__Footer--Message\"\n as=\"p\"\n size=\"sm\"\n variant=\"subtle\"\n {...contentProps}\n {...(iconProps && { ml: 1 })}\n >\n {content}\n </Text>\n ) : (\n content\n );\n return (\n <Flex className=\"ConversationCard__Footer\" mt={3} alignItems=\"center\">\n {iconProps && <Icon size=\"sm\" variant=\"subtle\" {...iconProps} />}\n {_content}\n </Flex>\n );\n};\n","import { Box, HStack } from '@chakra-ui/react';\nimport { Text, TextProps } from 'components/Text';\nimport React, { ReactNode } from 'react';\n\nexport interface ConversationCardContentProps {\n content?: string | ReactNode;\n contentProps?: Omit<TextProps, 'children'>;\n contentMenu?: ReactNode;\n}\n\nexport const ConversationCardContent = ({\n contentMenu,\n content,\n contentProps,\n}: ConversationCardContentProps): JSX.Element => {\n const _content =\n typeof content === 'string' ? (\n <Text className=\"ConversationCard__ConversationDetails--Content\" isTruncated size=\"sm\" {...contentProps}>\n {content}\n </Text>\n ) : (\n content\n );\n\n return (\n <HStack className=\"ConversationCard__ConversationDetails\" mt={3} justify=\"space-between\" align=\"center\">\n {_content}\n {contentMenu && (\n <Box className=\"ConversationCard__ConversationDetails--ContentMenu\" ml=\"auto\">\n {contentMenu}\n </Box>\n )}\n </HStack>\n );\n};\n","import { Box } from '@chakra-ui/react';\nimport React, { useState } from 'react';\nimport { Card } from 'components/Card';\nimport { MenuProps } from 'components/Menu';\nimport { ConversationCardHeader, ConversationCardHeaderProps } from './components/conversationCardHeader.component';\nimport { ConversationCardButtons, ConversationCardPinProps } from './components/conversationCardButtons.component';\nimport { ConversationCardTag, ConversationCardTags } from './components/conversationCardTags.component';\nimport { ConversationCardFooter, ConversationCardFooterProps } from './components/conversationCardFooter.component';\nimport { ConversationCardContent, ConversationCardContentProps } from './components/conversationCardContent';\nimport { ConversationCardAvatarGroupProps } from './components/conversationCardAvatarGroup.component';\n\nexport interface ConversationCardProps extends ConversationCardContentProps {\n allowHoverActions?: boolean;\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n footerProps?: ConversationCardFooterProps;\n headerMenuProps?: MenuProps;\n headerProps: ConversationCardHeaderProps;\n isActive?: boolean;\n onClick?: () => void;\n pinProps?: ConversationCardPinProps;\n shouldPreservePosition?: boolean;\n showNotificationIndicator?: boolean;\n tags?: ConversationCardTag[];\n}\n\nexport const ConversationCard = ({\n allowHoverActions = true,\n avatarGroupProps,\n content,\n contentProps,\n contentMenu,\n footerProps,\n headerMenuProps,\n headerProps,\n isActive,\n onClick,\n pinProps,\n shouldPreservePosition,\n showNotificationIndicator,\n tags,\n}: ConversationCardProps): JSX.Element => {\n const { isPinned } = pinProps || {};\n const [isHovering, setIsHovering] = useState(false);\n\n return (\n <Card\n className=\"ConversationCard\"\n id=\"conversation-card-item\"\n data-testid=\"conversation-card-item\"\n isInteractive\n isActive={isActive}\n size=\"sm\"\n onClick={(): void => {\n if (onClick) {\n onClick();\n }\n }}\n bg={\n showNotificationIndicator || isActive || isHovering ? 'background.default' : 'background.alphaContrast.pressed'\n }\n onMouseEnter={(): void => {\n if (allowHoverActions) {\n setIsHovering(true);\n }\n }}\n onMouseLeave={(): void => setIsHovering(false)}\n pos=\"relative\"\n sx={{ overflowAnchor: shouldPreservePosition ? 'auto' : 'none' }}\n >\n {isHovering && (\n <Box\n className=\"ConversationCard__Menu--Container\"\n pos=\"absolute\"\n top={2}\n zIndex=\"banner\"\n right={2}\n bg=\"background.default\"\n borderRadius=\"md\"\n onClick={(e): void => e.stopPropagation()}\n >\n <ConversationCardButtons\n pinProps={pinProps}\n headerMenuProps={headerMenuProps}\n isHovering={isHovering}\n setIsHovering={setIsHovering}\n />\n </Box>\n )}\n <ConversationCardHeader\n avatarGroupProps={avatarGroupProps}\n isHoveringCard={isHovering}\n isCardPinned={isPinned}\n showNotificationIndicator={showNotificationIndicator}\n {...headerProps}\n />\n <ConversationCardContent content={content} contentProps={contentProps} contentMenu={contentMenu} />\n {!!tags?.length && <ConversationCardTags tags={tags} />}\n {footerProps && <ConversationCardFooter {...footerProps} />}\n </Card>\n );\n};\n"],"names":["ConversationCardAvatarGroup","avatars","max","onAvatarGroupClick","tooltipLabel","React","Tooltip","label","isDisabled","length","createElement","Flex","className","align","justify","Avatar","onClick","e","stopPropagation","cursor","name","toString","showTooltip","Fragment","map","avatar","ConversationCardHeader","avatarGroupProps","timestampProps","isHoveringCard","isCardPinned","title","showNotificationIndicator","subtitle","HStack","VStack","spacing","Heading","size","isTruncated","Text","as","variant","visibility","Timestamp","Object","assign","Box","NotificationCounter","Icon","ConversationCardButtons","pinProps","headerMenuProps","isHovering","setIsHovering","isPinned","togglePin","listProps","pinIconName","Button","iconName","Menu","buttonProps","leftIconName","showRightIcon","closeOnSelect","isLazy","menuItems","value","leftElement","onSelect","ConversationCardTags","tags","mt","Wrap","tag","tagElement","Tag","closeButtonDisplay","textTransform","tooltipContent","placement","WrapItem","key","ConversationCardFooter","iconProps","content","contentProps","_content","ml","alignItems","ConversationCardContent","contentMenu","WrappedText","allowHoverActions","footerProps","headerProps","isActive","shouldPreservePosition","useState","Card","id","isInteractive","bg","onMouseEnter","onMouseLeave","pos","sx","overflowAnchor","top","zIndex","right","borderRadius"],"mappings":"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"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./index-ebcb699d.js"),n=require("./index-7708e04e.js"),r=require("./chakra-ui-hooks.esm-21b313f3.js"),a=require("./chakra-ui-popover.esm-1e836c11.js"),o=require("./menu.component-194d1bc0.js"),i=require("./chakra-ui-system.esm-c70df670.js"),u=require("./button.component-a1a58584.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js"),c=require("./textInput.component-9c91685f.js"),l=require("./icon.component-7fa85e78.js"),d=require("./text.component-906b3f66.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=f(e),h={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function g(e){return function(t){var n=t||{},r=n.width?String(n.width):e.defaultWidth;return e.formats[r]||e.formats[e.defaultWidth]}}var w={date:g({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:g({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:g({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},v={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function D(e){return function(t,n){var r,a=n||{};if("formatting"===(a.context?String(a.context):"standalone")&&e.formattingValues){var o=e.defaultFormattingWidth||e.defaultWidth,i=a.width?String(a.width):o;r=e.formattingValues[i]||e.formattingValues[o]}else{var u=e.defaultWidth,s=a.width?String(a.width):e.defaultWidth;r=e.values[s]||e.values[u]}return r[e.argumentCallback?e.argumentCallback(t):t]}}function y(e){return function(t,n){var r=String(t),a=n||{},o=a.width,i=o&&e.matchPatterns[o]||e.matchPatterns[e.defaultMatchWidth],u=r.match(i);if(!u)return null;var s,c=u[0],l=o&&e.parsePatterns[o]||e.parsePatterns[e.defaultParseWidth];return s="[object Array]"===Object.prototype.toString.call(l)?function(e,t){for(var n=0;n<e.length;n++)if(t(e[n]))return n}(l,(function(e){return e.test(c)})):function(e,t){for(var n in e)if(e.hasOwnProperty(n)&&t(e[n]))return n}(l,(function(e){return e.test(c)})),s=e.valueCallback?e.valueCallback(s):s,{value:s=a.valueCallback?a.valueCallback(s):s,rest:r.slice(c.length)}}}var b,p={code:"en-US",formatDistance:function(e,t,n){var r;return n=n||{},r="string"==typeof h[e]?h[e]:1===t?h[e].one:h[e].other.replace("{{count}}",t),n.addSuffix?n.comparison>0?"in "+r:r+" ago":r},formatLong:w,formatRelative:function(e,t,n,r){return v[e]},localize:{ordinalNumber:function(e,t){var n=Number(e),r=n%100;if(r>20||r<10)switch(r%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},era:D({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:D({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:function(e){return Number(e)-1}}),month:D({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:D({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:D({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(b={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(e){return parseInt(e,10)}},function(e,t){var n=String(e),r=t||{},a=n.match(b.matchPattern);if(!a)return null;var o=a[0],i=n.match(b.parsePattern);if(!i)return null;var u=b.valueCallback?b.valueCallback(i[0]):i[0];return{value:u=r.valueCallback?r.valueCallback(u):u,rest:n.slice(o.length)}}),era:y({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:y({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:function(e){return e+1}}),month:y({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:y({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:y({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};function T(e){if(null===e||!0===e||!1===e)return NaN;var t=Number(e);return isNaN(t)?t:t<0?Math.ceil(t):Math.floor(t)}function k(e,t){if(t.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+t.length+" present")}function x(e){k(1,arguments);var t=Object.prototype.toString.call(e);return e instanceof Date||"object"==typeof e&&"[object Date]"===t?new Date(e.getTime()):"number"==typeof e||"[object Number]"===t?new Date(e):("string"!=typeof e&&"[object String]"!==t||"undefined"==typeof console||(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as arguments. Please use `parseISO` to parse strings. See: https://git.io/fjule"),console.warn((new Error).stack)),new Date(NaN))}function C(e,t){k(2,arguments);var n=x(e).getTime(),r=T(t);return new Date(n+r)}function M(e,t){k(2,arguments);var n=T(t);return C(e,-n)}function S(e,t){if(null==e)throw new TypeError("assign requires that input parameter not be null or undefined");for(var n in t=t||{})t.hasOwnProperty(n)&&(e[n]=t[n]);return e}function E(e,t){switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});default:return t.date({width:"full"})}}function U(e,t){switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});default:return t.time({width:"full"})}}var O={p:U,P:function(e,t){var n,r=e.match(/(P+)(p+)?/),a=r[1],o=r[2];if(!o)return E(e,t);switch(a){case"P":n=t.dateTime({width:"short"});break;case"PP":n=t.dateTime({width:"medium"});break;case"PPP":n=t.dateTime({width:"long"});break;default:n=t.dateTime({width:"full"})}return n.replace("{{date}}",E(a,t)).replace("{{time}}",U(o,t))}};function N(e){return e.getTime()%6e4}function F(e){var t=new Date(e.getTime()),n=Math.ceil(t.getTimezoneOffset());return t.setSeconds(0,0),6e4*n+(n>0?(6e4+N(t))%6e4:N(t))}var P=["D","DD"],Y=["YY","YYYY"];function H(e){return-1!==P.indexOf(e)}function q(e){return-1!==Y.indexOf(e)}function I(e){if("YYYY"===e)throw new RangeError("Use `yyyy` instead of `YYYY` for formatting years; see: https://git.io/fxCyr");if("YY"===e)throw new RangeError("Use `yy` instead of `YY` for formatting years; see: https://git.io/fxCyr");if("D"===e)throw new RangeError("Use `d` instead of `D` for formatting days of the month; see: https://git.io/fxCyr");if("DD"===e)throw new RangeError("Use `dd` instead of `DD` for formatting days of the month; see: https://git.io/fxCyr")}function B(e,t){k(1,arguments);var n=t||{},r=n.locale,a=r&&r.options&&r.options.weekStartsOn,o=null==a?0:T(a),i=null==n.weekStartsOn?o:T(n.weekStartsOn);if(!(i>=0&&i<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var u=x(e),s=u.getUTCDay(),c=(s<i?7:0)+s-i;return u.setUTCDate(u.getUTCDate()-c),u.setUTCHours(0,0,0,0),u}function j(e,t){k(1,arguments);var n=x(e,t),r=n.getUTCFullYear(),a=t||{},o=a.locale,i=o&&o.options&&o.options.firstWeekContainsDate,u=null==i?1:T(i),s=null==a.firstWeekContainsDate?u:T(a.firstWeekContainsDate);if(!(s>=1&&s<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var c=new Date(0);c.setUTCFullYear(r+1,0,s),c.setUTCHours(0,0,0,0);var l=B(c,t),d=new Date(0);d.setUTCFullYear(r,0,s),d.setUTCHours(0,0,0,0);var f=B(d,t);return n.getTime()>=l.getTime()?r+1:n.getTime()>=f.getTime()?r:r-1}function W(e,t,n){k(2,arguments);var r=n||{},a=r.locale,o=a&&a.options&&a.options.weekStartsOn,i=null==o?0:T(o),u=null==r.weekStartsOn?i:T(r.weekStartsOn);if(!(u>=0&&u<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var s=x(e),c=T(t),l=s.getUTCDay(),d=c%7,f=(d+7)%7,m=(f<u?7:0)+c-l;return s.setUTCDate(s.getUTCDate()+m),s}function L(e){k(1,arguments);var t=1,n=x(e),r=n.getUTCDay(),a=(r<t?7:0)+r-t;return n.setUTCDate(n.getUTCDate()-a),n.setUTCHours(0,0,0,0),n}function R(e){k(1,arguments);var t=x(e),n=t.getUTCFullYear(),r=new Date(0);r.setUTCFullYear(n+1,0,4),r.setUTCHours(0,0,0,0);var a=L(r),o=new Date(0);o.setUTCFullYear(n,0,4),o.setUTCHours(0,0,0,0);var i=L(o);return t.getTime()>=a.getTime()?n+1:t.getTime()>=i.getTime()?n:n-1}function A(e){k(1,arguments);var t=R(e),n=new Date(0);n.setUTCFullYear(t,0,4),n.setUTCHours(0,0,0,0);var r=L(n);return r}function Q(e){k(1,arguments);var t=x(e),n=L(t).getTime()-A(t).getTime();return Math.round(n/6048e5)+1}function G(e,t){k(1,arguments);var n=t||{},r=n.locale,a=r&&r.options&&r.options.firstWeekContainsDate,o=null==a?1:T(a),i=null==n.firstWeekContainsDate?o:T(n.firstWeekContainsDate),u=j(e,t),s=new Date(0);s.setUTCFullYear(u,0,i),s.setUTCHours(0,0,0,0);var c=B(s,t);return c}function z(e,t){k(1,arguments);var n=x(e),r=B(n,t).getTime()-G(n,t).getTime();return Math.round(r/6048e5)+1}var X=/^(1[0-2]|0?\d)/,K=/^(3[0-1]|[0-2]?\d)/,J=/^(36[0-6]|3[0-5]\d|[0-2]?\d?\d)/,$=/^(5[0-3]|[0-4]?\d)/,_=/^(2[0-3]|[0-1]?\d)/,Z=/^(2[0-4]|[0-1]?\d)/,V=/^(1[0-1]|0?\d)/,ee=/^(1[0-2]|0?\d)/,te=/^[0-5]?\d/,ne=/^[0-5]?\d/,re=/^\d/,ae=/^\d{1,2}/,oe=/^\d{1,3}/,ie=/^\d{1,4}/,ue=/^-?\d+/,se=/^-?\d/,ce=/^-?\d{1,2}/,le=/^-?\d{1,3}/,de=/^-?\d{1,4}/,fe=/^([+-])(\d{2})(\d{2})?|Z/,me=/^([+-])(\d{2})(\d{2})|Z/,he=/^([+-])(\d{2})(\d{2})((\d{2}))?|Z/,ge=/^([+-])(\d{2}):(\d{2})|Z/,we=/^([+-])(\d{2}):(\d{2})(:(\d{2}))?|Z/;function ve(e,t,n){var r=t.match(e);if(!r)return null;var a=parseInt(r[0],10);return{value:n?n(a):a,rest:t.slice(r[0].length)}}function De(e,t){var n=t.match(e);return n?"Z"===n[0]?{value:0,rest:t.slice(1)}:{value:("+"===n[1]?1:-1)*(36e5*(n[2]?parseInt(n[2],10):0)+6e4*(n[3]?parseInt(n[3],10):0)+1e3*(n[5]?parseInt(n[5],10):0)),rest:t.slice(n[0].length)}:null}function ye(e,t){return ve(ue,e,t)}function be(e,t,n){switch(e){case 1:return ve(re,t,n);case 2:return ve(ae,t,n);case 3:return ve(oe,t,n);case 4:return ve(ie,t,n);default:return ve(new RegExp("^\\d{1,"+e+"}"),t,n)}}function pe(e,t,n){switch(e){case 1:return ve(se,t,n);case 2:return ve(ce,t,n);case 3:return ve(le,t,n);case 4:return ve(de,t,n);default:return ve(new RegExp("^-?\\d{1,"+e+"}"),t,n)}}function Te(e){switch(e){case"morning":return 4;case"evening":return 17;case"pm":case"noon":case"afternoon":return 12;default:return 0}}function ke(e,t){var n,r=t>0,a=r?t:1-t;if(a<=50)n=e||100;else{var o=a+50;n=e+100*Math.floor(o/100)-(e>=o%100?100:0)}return r?n:1-n}var xe=[31,28,31,30,31,30,31,31,30,31,30,31],Ce=[31,29,31,30,31,30,31,31,30,31,30,31];function Me(e){return e%400==0||e%4==0&&e%100!=0}var Se={G:{priority:140,parse:function(e,t,n,r){switch(t){case"G":case"GG":case"GGG":return n.era(e,{width:"abbreviated"})||n.era(e,{width:"narrow"});case"GGGGG":return n.era(e,{width:"narrow"});default:return n.era(e,{width:"wide"})||n.era(e,{width:"abbreviated"})||n.era(e,{width:"narrow"})}},set:function(e,t,n,r){return t.era=n,e.setUTCFullYear(n,0,1),e.setUTCHours(0,0,0,0),e},incompatibleTokens:["R","u","t","T"]},y:{priority:130,parse:function(e,t,n,r){var a=function(e){return{year:e,isTwoDigitYear:"yy"===t}};switch(t){case"y":return be(4,e,a);case"yo":return n.ordinalNumber(e,{unit:"year",valueCallback:a});default:return be(t.length,e,a)}},validate:function(e,t,n){return t.isTwoDigitYear||t.year>0},set:function(e,t,n,r){var a=e.getUTCFullYear();if(n.isTwoDigitYear){var o=ke(n.year,a);return e.setUTCFullYear(o,0,1),e.setUTCHours(0,0,0,0),e}var i="era"in t&&1!==t.era?1-n.year:n.year;return e.setUTCFullYear(i,0,1),e.setUTCHours(0,0,0,0),e},incompatibleTokens:["Y","R","u","w","I","i","e","c","t","T"]},Y:{priority:130,parse:function(e,t,n,r){var a=function(e){return{year:e,isTwoDigitYear:"YY"===t}};switch(t){case"Y":return be(4,e,a);case"Yo":return n.ordinalNumber(e,{unit:"year",valueCallback:a});default:return be(t.length,e,a)}},validate:function(e,t,n){return t.isTwoDigitYear||t.year>0},set:function(e,t,n,r){var a=j(e,r);if(n.isTwoDigitYear){var o=ke(n.year,a);return e.setUTCFullYear(o,0,r.firstWeekContainsDate),e.setUTCHours(0,0,0,0),B(e,r)}var i="era"in t&&1!==t.era?1-n.year:n.year;return e.setUTCFullYear(i,0,r.firstWeekContainsDate),e.setUTCHours(0,0,0,0),B(e,r)},incompatibleTokens:["y","R","u","Q","q","M","L","I","d","D","i","t","T"]},R:{priority:130,parse:function(e,t,n,r){return pe("R"===t?4:t.length,e)},set:function(e,t,n,r){var a=new Date(0);return a.setUTCFullYear(n,0,4),a.setUTCHours(0,0,0,0),L(a)},incompatibleTokens:["G","y","Y","u","Q","q","M","L","w","d","D","e","c","t","T"]},u:{priority:130,parse:function(e,t,n,r){return pe("u"===t?4:t.length,e)},set:function(e,t,n,r){return e.setUTCFullYear(n,0,1),e.setUTCHours(0,0,0,0),e},incompatibleTokens:["G","y","Y","R","w","I","i","e","c","t","T"]},Q:{priority:120,parse:function(e,t,n,r){switch(t){case"Q":case"QQ":return be(t.length,e);case"Qo":return n.ordinalNumber(e,{unit:"quarter"});case"QQQ":return n.quarter(e,{width:"abbreviated",context:"formatting"})||n.quarter(e,{width:"narrow",context:"formatting"});case"QQQQQ":return n.quarter(e,{width:"narrow",context:"formatting"});default:return n.quarter(e,{width:"wide",context:"formatting"})||n.quarter(e,{width:"abbreviated",context:"formatting"})||n.quarter(e,{width:"narrow",context:"formatting"})}},validate:function(e,t,n){return t>=1&&t<=4},set:function(e,t,n,r){return e.setUTCMonth(3*(n-1),1),e.setUTCHours(0,0,0,0),e},incompatibleTokens:["Y","R","q","M","L","w","I","d","D","i","e","c","t","T"]},q:{priority:120,parse:function(e,t,n,r){switch(t){case"q":case"qq":return be(t.length,e);case"qo":return n.ordinalNumber(e,{unit:"quarter"});case"qqq":return n.quarter(e,{width:"abbreviated",context:"standalone"})||n.quarter(e,{width:"narrow",context:"standalone"});case"qqqqq":return n.quarter(e,{width:"narrow",context:"standalone"});default:return n.quarter(e,{width:"wide",context:"standalone"})||n.quarter(e,{width:"abbreviated",context:"standalone"})||n.quarter(e,{width:"narrow",context:"standalone"})}},validate:function(e,t,n){return t>=1&&t<=4},set:function(e,t,n,r){return e.setUTCMonth(3*(n-1),1),e.setUTCHours(0,0,0,0),e},incompatibleTokens:["Y","R","Q","M","L","w","I","d","D","i","e","c","t","T"]},M:{priority:110,parse:function(e,t,n,r){var a=function(e){return e-1};switch(t){case"M":return ve(X,e,a);case"MM":return be(2,e,a);case"Mo":return n.ordinalNumber(e,{unit:"month",valueCallback:a});case"MMM":return n.month(e,{width:"abbreviated",context:"formatting"})||n.month(e,{width:"narrow",context:"formatting"});case"MMMMM":return n.month(e,{width:"narrow",context:"formatting"});default:return n.month(e,{width:"wide",context:"formatting"})||n.month(e,{width:"abbreviated",context:"formatting"})||n.month(e,{width:"narrow",context:"formatting"})}},validate:function(e,t,n){return t>=0&&t<=11},set:function(e,t,n,r){return e.setUTCMonth(n,1),e.setUTCHours(0,0,0,0),e},incompatibleTokens:["Y","R","q","Q","L","w","I","D","i","e","c","t","T"]},L:{priority:110,parse:function(e,t,n,r){var a=function(e){return e-1};switch(t){case"L":return ve(X,e,a);case"LL":return be(2,e,a);case"Lo":return n.ordinalNumber(e,{unit:"month",valueCallback:a});case"LLL":return n.month(e,{width:"abbreviated",context:"standalone"})||n.month(e,{width:"narrow",context:"standalone"});case"LLLLL":return n.month(e,{width:"narrow",context:"standalone"});default:return n.month(e,{width:"wide",context:"standalone"})||n.month(e,{width:"abbreviated",context:"standalone"})||n.month(e,{width:"narrow",context:"standalone"})}},validate:function(e,t,n){return t>=0&&t<=11},set:function(e,t,n,r){return e.setUTCMonth(n,1),e.setUTCHours(0,0,0,0),e},incompatibleTokens:["Y","R","q","Q","M","w","I","D","i","e","c","t","T"]},w:{priority:100,parse:function(e,t,n,r){switch(t){case"w":return ve($,e);case"wo":return n.ordinalNumber(e,{unit:"week"});default:return be(t.length,e)}},validate:function(e,t,n){return t>=1&&t<=53},set:function(e,t,n,r){return B(function(e,t,n){k(2,arguments);var r=x(e),a=T(t),o=z(r,n)-a;return r.setUTCDate(r.getUTCDate()-7*o),r}(e,n,r),r)},incompatibleTokens:["y","R","u","q","Q","M","L","I","d","D","i","t","T"]},I:{priority:100,parse:function(e,t,n,r){switch(t){case"I":return ve($,e);case"Io":return n.ordinalNumber(e,{unit:"week"});default:return be(t.length,e)}},validate:function(e,t,n){return t>=1&&t<=53},set:function(e,t,n,r){return L(function(e,t){k(2,arguments);var n=x(e),r=T(t),a=Q(n)-r;return n.setUTCDate(n.getUTCDate()-7*a),n}(e,n,r),r)},incompatibleTokens:["y","Y","u","q","Q","M","L","w","d","D","e","c","t","T"]},d:{priority:90,parse:function(e,t,n,r){switch(t){case"d":return ve(K,e);case"do":return n.ordinalNumber(e,{unit:"date"});default:return be(t.length,e)}},validate:function(e,t,n){var r=Me(e.getUTCFullYear()),a=e.getUTCMonth();return r?t>=1&&t<=Ce[a]:t>=1&&t<=xe[a]},set:function(e,t,n,r){return e.setUTCDate(n),e.setUTCHours(0,0,0,0),e},incompatibleTokens:["Y","R","q","Q","w","I","D","i","e","c","t","T"]},D:{priority:90,parse:function(e,t,n,r){switch(t){case"D":case"DD":return ve(J,e);case"Do":return n.ordinalNumber(e,{unit:"date"});default:return be(t.length,e)}},validate:function(e,t,n){return Me(e.getUTCFullYear())?t>=1&&t<=366:t>=1&&t<=365},set:function(e,t,n,r){return e.setUTCMonth(0,n),e.setUTCHours(0,0,0,0),e},incompatibleTokens:["Y","R","q","Q","M","L","w","I","d","E","i","e","c","t","T"]},E:{priority:90,parse:function(e,t,n,r){switch(t){case"E":case"EE":case"EEE":return n.day(e,{width:"abbreviated",context:"formatting"})||n.day(e,{width:"short",context:"formatting"})||n.day(e,{width:"narrow",context:"formatting"});case"EEEEE":return n.day(e,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(e,{width:"short",context:"formatting"})||n.day(e,{width:"narrow",context:"formatting"});default:return n.day(e,{width:"wide",context:"formatting"})||n.day(e,{width:"abbreviated",context:"formatting"})||n.day(e,{width:"short",context:"formatting"})||n.day(e,{width:"narrow",context:"formatting"})}},validate:function(e,t,n){return t>=0&&t<=6},set:function(e,t,n,r){return(e=W(e,n,r)).setUTCHours(0,0,0,0),e},incompatibleTokens:["D","i","e","c","t","T"]},e:{priority:90,parse:function(e,t,n,r){var a=function(e){var t=7*Math.floor((e-1)/7);return(e+r.weekStartsOn+6)%7+t};switch(t){case"e":case"ee":return be(t.length,e,a);case"eo":return n.ordinalNumber(e,{unit:"day",valueCallback:a});case"eee":return n.day(e,{width:"abbreviated",context:"formatting"})||n.day(e,{width:"short",context:"formatting"})||n.day(e,{width:"narrow",context:"formatting"});case"eeeee":return n.day(e,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(e,{width:"short",context:"formatting"})||n.day(e,{width:"narrow",context:"formatting"});default:return n.day(e,{width:"wide",context:"formatting"})||n.day(e,{width:"abbreviated",context:"formatting"})||n.day(e,{width:"short",context:"formatting"})||n.day(e,{width:"narrow",context:"formatting"})}},validate:function(e,t,n){return t>=0&&t<=6},set:function(e,t,n,r){return(e=W(e,n,r)).setUTCHours(0,0,0,0),e},incompatibleTokens:["y","R","u","q","Q","M","L","I","d","D","E","i","c","t","T"]},c:{priority:90,parse:function(e,t,n,r){var a=function(e){var t=7*Math.floor((e-1)/7);return(e+r.weekStartsOn+6)%7+t};switch(t){case"c":case"cc":return be(t.length,e,a);case"co":return n.ordinalNumber(e,{unit:"day",valueCallback:a});case"ccc":return n.day(e,{width:"abbreviated",context:"standalone"})||n.day(e,{width:"short",context:"standalone"})||n.day(e,{width:"narrow",context:"standalone"});case"ccccc":return n.day(e,{width:"narrow",context:"standalone"});case"cccccc":return n.day(e,{width:"short",context:"standalone"})||n.day(e,{width:"narrow",context:"standalone"});default:return n.day(e,{width:"wide",context:"standalone"})||n.day(e,{width:"abbreviated",context:"standalone"})||n.day(e,{width:"short",context:"standalone"})||n.day(e,{width:"narrow",context:"standalone"})}},validate:function(e,t,n){return t>=0&&t<=6},set:function(e,t,n,r){return(e=W(e,n,r)).setUTCHours(0,0,0,0),e},incompatibleTokens:["y","R","u","q","Q","M","L","I","d","D","E","i","e","t","T"]},i:{priority:90,parse:function(e,t,n,r){var a=function(e){return 0===e?7:e};switch(t){case"i":case"ii":return be(t.length,e);case"io":return n.ordinalNumber(e,{unit:"day"});case"iii":return n.day(e,{width:"abbreviated",context:"formatting",valueCallback:a})||n.day(e,{width:"short",context:"formatting",valueCallback:a})||n.day(e,{width:"narrow",context:"formatting",valueCallback:a});case"iiiii":return n.day(e,{width:"narrow",context:"formatting",valueCallback:a});case"iiiiii":return n.day(e,{width:"short",context:"formatting",valueCallback:a})||n.day(e,{width:"narrow",context:"formatting",valueCallback:a});default:return n.day(e,{width:"wide",context:"formatting",valueCallback:a})||n.day(e,{width:"abbreviated",context:"formatting",valueCallback:a})||n.day(e,{width:"short",context:"formatting",valueCallback:a})||n.day(e,{width:"narrow",context:"formatting",valueCallback:a})}},validate:function(e,t,n){return t>=1&&t<=7},set:function(e,t,n,r){return(e=function(e,t){k(2,arguments);var n=T(t);n%7==0&&(n-=7);var r=1,a=x(e),o=a.getUTCDay(),i=n%7,u=(i+7)%7,s=(u<r?7:0)+n-o;return a.setUTCDate(a.getUTCDate()+s),a}(e,n,r)).setUTCHours(0,0,0,0),e},incompatibleTokens:["y","Y","u","q","Q","M","L","w","d","D","E","e","c","t","T"]},a:{priority:80,parse:function(e,t,n,r){switch(t){case"a":case"aa":case"aaa":return n.dayPeriod(e,{width:"abbreviated",context:"formatting"})||n.dayPeriod(e,{width:"narrow",context:"formatting"});case"aaaaa":return n.dayPeriod(e,{width:"narrow",context:"formatting"});default:return n.dayPeriod(e,{width:"wide",context:"formatting"})||n.dayPeriod(e,{width:"abbreviated",context:"formatting"})||n.dayPeriod(e,{width:"narrow",context:"formatting"})}},set:function(e,t,n,r){return e.setUTCHours(Te(n),0,0,0),e},incompatibleTokens:["b","B","H","K","k","t","T"]},b:{priority:80,parse:function(e,t,n,r){switch(t){case"b":case"bb":case"bbb":return n.dayPeriod(e,{width:"abbreviated",context:"formatting"})||n.dayPeriod(e,{width:"narrow",context:"formatting"});case"bbbbb":return n.dayPeriod(e,{width:"narrow",context:"formatting"});default:return n.dayPeriod(e,{width:"wide",context:"formatting"})||n.dayPeriod(e,{width:"abbreviated",context:"formatting"})||n.dayPeriod(e,{width:"narrow",context:"formatting"})}},set:function(e,t,n,r){return e.setUTCHours(Te(n),0,0,0),e},incompatibleTokens:["a","B","H","K","k","t","T"]},B:{priority:80,parse:function(e,t,n,r){switch(t){case"B":case"BB":case"BBB":return n.dayPeriod(e,{width:"abbreviated",context:"formatting"})||n.dayPeriod(e,{width:"narrow",context:"formatting"});case"BBBBB":return n.dayPeriod(e,{width:"narrow",context:"formatting"});default:return n.dayPeriod(e,{width:"wide",context:"formatting"})||n.dayPeriod(e,{width:"abbreviated",context:"formatting"})||n.dayPeriod(e,{width:"narrow",context:"formatting"})}},set:function(e,t,n,r){return e.setUTCHours(Te(n),0,0,0),e},incompatibleTokens:["a","b","t","T"]},h:{priority:70,parse:function(e,t,n,r){switch(t){case"h":return ve(ee,e);case"ho":return n.ordinalNumber(e,{unit:"hour"});default:return be(t.length,e)}},validate:function(e,t,n){return t>=1&&t<=12},set:function(e,t,n,r){var a=e.getUTCHours()>=12;return a&&n<12?e.setUTCHours(n+12,0,0,0):a||12!==n?e.setUTCHours(n,0,0,0):e.setUTCHours(0,0,0,0),e},incompatibleTokens:["H","K","k","t","T"]},H:{priority:70,parse:function(e,t,n,r){switch(t){case"H":return ve(_,e);case"Ho":return n.ordinalNumber(e,{unit:"hour"});default:return be(t.length,e)}},validate:function(e,t,n){return t>=0&&t<=23},set:function(e,t,n,r){return e.setUTCHours(n,0,0,0),e},incompatibleTokens:["a","b","h","K","k","t","T"]},K:{priority:70,parse:function(e,t,n,r){switch(t){case"K":return ve(V,e);case"Ko":return n.ordinalNumber(e,{unit:"hour"});default:return be(t.length,e)}},validate:function(e,t,n){return t>=0&&t<=11},set:function(e,t,n,r){return e.getUTCHours()>=12&&n<12?e.setUTCHours(n+12,0,0,0):e.setUTCHours(n,0,0,0),e},incompatibleTokens:["a","b","h","H","k","t","T"]},k:{priority:70,parse:function(e,t,n,r){switch(t){case"k":return ve(Z,e);case"ko":return n.ordinalNumber(e,{unit:"hour"});default:return be(t.length,e)}},validate:function(e,t,n){return t>=1&&t<=24},set:function(e,t,n,r){var a=n<=24?n%24:n;return e.setUTCHours(a,0,0,0),e},incompatibleTokens:["a","b","h","H","K","t","T"]},m:{priority:60,parse:function(e,t,n,r){switch(t){case"m":return ve(te,e);case"mo":return n.ordinalNumber(e,{unit:"minute"});default:return be(t.length,e)}},validate:function(e,t,n){return t>=0&&t<=59},set:function(e,t,n,r){return e.setUTCMinutes(n,0,0),e},incompatibleTokens:["t","T"]},s:{priority:50,parse:function(e,t,n,r){switch(t){case"s":return ve(ne,e);case"so":return n.ordinalNumber(e,{unit:"second"});default:return be(t.length,e)}},validate:function(e,t,n){return t>=0&&t<=59},set:function(e,t,n,r){return e.setUTCSeconds(n,0),e},incompatibleTokens:["t","T"]},S:{priority:30,parse:function(e,t,n,r){return be(t.length,e,(function(e){return Math.floor(e*Math.pow(10,3-t.length))}))},set:function(e,t,n,r){return e.setUTCMilliseconds(n),e},incompatibleTokens:["t","T"]},X:{priority:10,parse:function(e,t,n,r){switch(t){case"X":return De(fe,e);case"XX":return De(me,e);case"XXXX":return De(he,e);case"XXXXX":return De(we,e);default:return De(ge,e)}},set:function(e,t,n,r){return t.timestampIsSet?e:new Date(e.getTime()-n)},incompatibleTokens:["t","T","x"]},x:{priority:10,parse:function(e,t,n,r){switch(t){case"x":return De(fe,e);case"xx":return De(me,e);case"xxxx":return De(he,e);case"xxxxx":return De(we,e);default:return De(ge,e)}},set:function(e,t,n,r){return t.timestampIsSet?e:new Date(e.getTime()-n)},incompatibleTokens:["t","T","X"]},t:{priority:40,parse:function(e,t,n,r){return ye(e)},set:function(e,t,n,r){return[new Date(1e3*n),{timestampIsSet:!0}]},incompatibleTokens:"*"},T:{priority:20,parse:function(e,t,n,r){return ye(e)},set:function(e,t,n,r){return[new Date(n),{timestampIsSet:!0}]},incompatibleTokens:"*"}},Ee=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Ue=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Oe=/^'([^]*?)'?$/,Ne=/''/g,Fe=/\S/,Pe=/[a-zA-Z]/;function Ye(e,t){if(t.timestampIsSet)return e;var n=new Date(0);return n.setFullYear(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate()),n.setHours(e.getUTCHours(),e.getUTCMinutes(),e.getUTCSeconds(),e.getUTCMilliseconds()),n}function He(e){return e.match(Oe)[1].replace(Ne,"'")}function qe(e){k(1,arguments);var t=x(e);return!isNaN(t)}function Ie(e,t){for(var n=e<0?"-":"",r=Math.abs(e).toString();r.length<t;)r="0"+r;return n+r}var Be={G:function(e,t,n){var r=e.getUTCFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return n.era(r,{width:"abbreviated"});case"GGGGG":return n.era(r,{width:"narrow"});default:return n.era(r,{width:"wide"})}},y:function(e,t,n){if("yo"===t){var r=e.getUTCFullYear(),a=r>0?r:1-r;return n.ordinalNumber(a,{unit:"year"})}return function(e,t){var n=e.getUTCFullYear(),r=n>0?n:1-n;return Ie("yy"===t?r%100:r,t.length)}(e,t)},Y:function(e,t,n,r){var a=j(e,r),o=a>0?a:1-a;return"YY"===t?Ie(o%100,2):"Yo"===t?n.ordinalNumber(o,{unit:"year"}):Ie(o,t.length)},R:function(e,t){return Ie(R(e),t.length)},u:function(e,t){return Ie(e.getUTCFullYear(),t.length)},Q:function(e,t,n){var r=Math.ceil((e.getUTCMonth()+1)/3);switch(t){case"Q":return String(r);case"QQ":return Ie(r,2);case"Qo":return n.ordinalNumber(r,{unit:"quarter"});case"QQQ":return n.quarter(r,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(r,{width:"narrow",context:"formatting"});default:return n.quarter(r,{width:"wide",context:"formatting"})}},q:function(e,t,n){var r=Math.ceil((e.getUTCMonth()+1)/3);switch(t){case"q":return String(r);case"qq":return Ie(r,2);case"qo":return n.ordinalNumber(r,{unit:"quarter"});case"qqq":return n.quarter(r,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(r,{width:"narrow",context:"standalone"});default:return n.quarter(r,{width:"wide",context:"standalone"})}},M:function(e,t,n){var r=e.getUTCMonth();switch(t){case"M":case"MM":return function(e,t){var n=e.getUTCMonth();return"M"===t?String(n+1):Ie(n+1,2)}(e,t);case"Mo":return n.ordinalNumber(r+1,{unit:"month"});case"MMM":return n.month(r,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(r,{width:"narrow",context:"formatting"});default:return n.month(r,{width:"wide",context:"formatting"})}},L:function(e,t,n){var r=e.getUTCMonth();switch(t){case"L":return String(r+1);case"LL":return Ie(r+1,2);case"Lo":return n.ordinalNumber(r+1,{unit:"month"});case"LLL":return n.month(r,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(r,{width:"narrow",context:"standalone"});default:return n.month(r,{width:"wide",context:"standalone"})}},w:function(e,t,n,r){var a=z(e,r);return"wo"===t?n.ordinalNumber(a,{unit:"week"}):Ie(a,t.length)},I:function(e,t,n){var r=Q(e);return"Io"===t?n.ordinalNumber(r,{unit:"week"}):Ie(r,t.length)},d:function(e,t,n){return"do"===t?n.ordinalNumber(e.getUTCDate(),{unit:"date"}):function(e,t){return Ie(e.getUTCDate(),t.length)}(e,t)},D:function(e,t,n){var r=function(e){k(1,arguments);var t=x(e),n=t.getTime();t.setUTCMonth(0,1),t.setUTCHours(0,0,0,0);var r=t.getTime(),a=n-r;return Math.floor(a/864e5)+1}(e);return"Do"===t?n.ordinalNumber(r,{unit:"dayOfYear"}):Ie(r,t.length)},E:function(e,t,n){var r=e.getUTCDay();switch(t){case"E":case"EE":case"EEE":return n.day(r,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(r,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(r,{width:"short",context:"formatting"});default:return n.day(r,{width:"wide",context:"formatting"})}},e:function(e,t,n,r){var a=e.getUTCDay(),o=(a-r.weekStartsOn+8)%7||7;switch(t){case"e":return String(o);case"ee":return Ie(o,2);case"eo":return n.ordinalNumber(o,{unit:"day"});case"eee":return n.day(a,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(a,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(a,{width:"short",context:"formatting"});default:return n.day(a,{width:"wide",context:"formatting"})}},c:function(e,t,n,r){var a=e.getUTCDay(),o=(a-r.weekStartsOn+8)%7||7;switch(t){case"c":return String(o);case"cc":return Ie(o,t.length);case"co":return n.ordinalNumber(o,{unit:"day"});case"ccc":return n.day(a,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(a,{width:"narrow",context:"standalone"});case"cccccc":return n.day(a,{width:"short",context:"standalone"});default:return n.day(a,{width:"wide",context:"standalone"})}},i:function(e,t,n){var r=e.getUTCDay(),a=0===r?7:r;switch(t){case"i":return String(a);case"ii":return Ie(a,t.length);case"io":return n.ordinalNumber(a,{unit:"day"});case"iii":return n.day(r,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(r,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(r,{width:"short",context:"formatting"});default:return n.day(r,{width:"wide",context:"formatting"})}},a:function(e,t,n){var r=e.getUTCHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":case"aaa":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"aaaaa":return n.dayPeriod(r,{width:"narrow",context:"formatting"});default:return n.dayPeriod(r,{width:"wide",context:"formatting"})}},b:function(e,t,n){var r,a=e.getUTCHours();switch(r=12===a?"noon":0===a?"midnight":a/12>=1?"pm":"am",t){case"b":case"bb":case"bbb":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"bbbbb":return n.dayPeriod(r,{width:"narrow",context:"formatting"});default:return n.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(e,t,n){var r,a=e.getUTCHours();switch(r=a>=17?"evening":a>=12?"afternoon":a>=4?"morning":"night",t){case"B":case"BB":case"BBB":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(r,{width:"narrow",context:"formatting"});default:return n.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(e,t,n){if("ho"===t){var r=e.getUTCHours()%12;return 0===r&&(r=12),n.ordinalNumber(r,{unit:"hour"})}return function(e,t){return Ie(e.getUTCHours()%12||12,t.length)}(e,t)},H:function(e,t,n){return"Ho"===t?n.ordinalNumber(e.getUTCHours(),{unit:"hour"}):function(e,t){return Ie(e.getUTCHours(),t.length)}(e,t)},K:function(e,t,n){var r=e.getUTCHours()%12;return"Ko"===t?n.ordinalNumber(r,{unit:"hour"}):Ie(r,t.length)},k:function(e,t,n){var r=e.getUTCHours();return 0===r&&(r=24),"ko"===t?n.ordinalNumber(r,{unit:"hour"}):Ie(r,t.length)},m:function(e,t,n){return"mo"===t?n.ordinalNumber(e.getUTCMinutes(),{unit:"minute"}):function(e,t){return Ie(e.getUTCMinutes(),t.length)}(e,t)},s:function(e,t,n){return"so"===t?n.ordinalNumber(e.getUTCSeconds(),{unit:"second"}):function(e,t){return Ie(e.getUTCSeconds(),t.length)}(e,t)},S:function(e,t){return function(e,t){var n=t.length,r=e.getUTCMilliseconds();return Ie(Math.floor(r*Math.pow(10,n-3)),t.length)}(e,t)},X:function(e,t,n,r){var a=(r._originalDate||e).getTimezoneOffset();if(0===a)return"Z";switch(t){case"X":return We(a);case"XXXX":case"XX":return Le(a);default:return Le(a,":")}},x:function(e,t,n,r){var a=(r._originalDate||e).getTimezoneOffset();switch(t){case"x":return We(a);case"xxxx":case"xx":return Le(a);default:return Le(a,":")}},O:function(e,t,n,r){var a=(r._originalDate||e).getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+je(a,":");default:return"GMT"+Le(a,":")}},z:function(e,t,n,r){var a=(r._originalDate||e).getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+je(a,":");default:return"GMT"+Le(a,":")}},t:function(e,t,n,r){var a=r._originalDate||e;return Ie(Math.floor(a.getTime()/1e3),t.length)},T:function(e,t,n,r){return Ie((r._originalDate||e).getTime(),t.length)}};function je(e,t){var n=e>0?"-":"+",r=Math.abs(e),a=Math.floor(r/60),o=r%60;if(0===o)return n+String(a);var i=t||"";return n+String(a)+i+Ie(o,2)}function We(e,t){return e%60==0?(e>0?"-":"+")+Ie(Math.abs(e)/60,2):Le(e,t)}function Le(e,t){var n=t||"",r=e>0?"-":"+",a=Math.abs(e);return r+Ie(Math.floor(a/60),2)+n+Ie(a%60,2)}var Re=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Ae=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Qe=/^'([^]*?)'?$/,Ge=/''/g,ze=/[a-zA-Z]/;function Xe(e,t,n){k(2,arguments);var r=String(t),a=n||{},o=a.locale||p,i=o.options&&o.options.firstWeekContainsDate,u=null==i?1:T(i),s=null==a.firstWeekContainsDate?u:T(a.firstWeekContainsDate);if(!(s>=1&&s<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var c=o.options&&o.options.weekStartsOn,l=null==c?0:T(c),d=null==a.weekStartsOn?l:T(a.weekStartsOn);if(!(d>=0&&d<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!o.localize)throw new RangeError("locale must contain localize property");if(!o.formatLong)throw new RangeError("locale must contain formatLong property");var f=x(e);if(!qe(f))throw new RangeError("Invalid time value");var m=F(f),h=M(f,m),g={firstWeekContainsDate:s,weekStartsOn:d,locale:o,_originalDate:f},w=r.match(Ae).map((function(e){var t=e[0];return"p"===t||"P"===t?(0,O[t])(e,o.formatLong,g):e})).join("").match(Re).map((function(e){if("''"===e)return"'";var t=e[0];if("'"===t)return Ke(e);var n=Be[t];if(n)return!a.useAdditionalWeekYearTokens&&q(e)&&I(e),!a.useAdditionalDayOfYearTokens&&H(e)&&I(e),n(h,e,o.localize,g);if(t.match(ze))throw new RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return e})).join("");return w}function Ke(e){return e.match(Qe)[1].replace(Ge,"'")}
|
|
2
|
-
/*! *****************************************************************************
|
|
3
|
-
Copyright (c) Microsoft Corporation.
|
|
4
|
-
|
|
5
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
|
6
|
-
purpose with or without fee is hereby granted.
|
|
7
|
-
|
|
8
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
9
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
10
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
11
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
12
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */function Je(e,t){k(2,arguments);var n=x(e),r=T(t);return isNaN(r)?new Date(NaN):r?(n.setDate(n.getDate()+r),n):n}function $e(e,t){k(1,arguments);var n=e||{},r=x(n.start),a=x(n.end),o=a.getTime();if(!(r.getTime()<=o))throw new RangeError("Invalid interval");var i=[],u=r;u.setHours(0,0,0,0);var s=t&&"step"in t?Number(t.step):1;if(s<1||isNaN(s))throw new RangeError("`options.step` must be a number greater than 1");for(;u.getTime()<=o;)i.push(x(u)),u.setDate(u.getDate()+s),u.setHours(0,0,0,0);return i}function _e(e,t){k(1,arguments);var n=t||{},r=n.locale,a=r&&r.options&&r.options.weekStartsOn,o=null==a?0:T(a),i=null==n.weekStartsOn?o:T(n.weekStartsOn);if(!(i>=0&&i<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var u=x(e),s=u.getDay(),c=6+(s<i?-7:0)-(s-i);return u.setDate(u.getDate()+c),u.setHours(23,59,59,999),u}function Ze(e){k(1,arguments);var t=x(e);return t.setDate(1),t.setHours(0,0,0,0),t}function Ve(e,t){k(1,arguments);var n=t||{},r=n.locale,a=r&&r.options&&r.options.weekStartsOn,o=null==a?0:T(a),i=null==n.weekStartsOn?o:T(n.weekStartsOn);if(!(i>=0&&i<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var u=x(e),s=u.getDay(),c=(s<i?7:0)+s-i;return u.setDate(u.getDate()-c),u.setHours(0,0,0,0),u}var et=function(e){return Xe(e,"dd")},tt=function(e){return Xe(e,"eeeeee")},nt=function(e){return Xe(e,"MMMM yyyy")};function rt(t){var n=t.year,r=t.month,a=t.firstDayOfWeek,o=void 0===a?1:a,i=t.dayLabelFormat,u=void 0===i?et:i,s=t.weekdayLabelFormat,c=void 0===s?tt:s,l=t.monthLabelFormat,d=void 0===l?nt:l;return{days:e.useMemo((function(){return function(e){var t=e.year,n=e.month,r=e.firstDayOfWeek,a=void 0===r?1:r,o=e.dayLabelFormat,i=void 0===o?function(e){return Xe(e,"dd")}:o,u=new Date(t,n),s=Ze(u),c=function(e){return k(1,arguments),x(e).getDay()}(s),l=function(e){k(1,arguments);var t=x(e),n=t.getMonth();return t.setFullYear(t.getFullYear(),n+1,0),t.setHours(23,59,59,999),t}(u);return function(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),a=0;for(t=0;t<n;t++)for(var o=arguments[t],i=0,u=o.length;i<u;i++,a++)r[a]=o[i];return r}(Array.from(Array(c>=a?c-a:6-a+c+1).keys()).fill(0),$e({start:s,end:l}).map((function(e){return{date:e,dayLabel:i(e)}})))}({year:n,month:r,firstDayOfWeek:o,dayLabelFormat:u})}),[n,r,o,u]),weekdayLabels:e.useMemo((function(){return function(e){var t=void 0===e?{}:e,n=t.firstDayOfWeek,r=void 0===n?1:n,a=t.weekdayLabelFormat,o=void 0===a?function(e){return Xe(e,"iiiiii")}:a,i=new Date;return $e({start:Je(Ve(i),r),end:Je(_e(i),r)}).reduce((function(e,t){return e.push(o(t)),e}),[])}({firstDayOfWeek:o,weekdayLabelFormat:c})}),[o,c]),monthLabel:d(new Date(n,r))}}function at(e,t){k(2,arguments);var n=x(e),r=x(t);return n.getTime()<r.getTime()}function ot(e,t){k(2,arguments);var n=x(e),r=x(t);return n.getTime()>r.getTime()}function it(e,t){k(2,arguments);var n=t||{},r=x(e).getTime(),a=x(n.start).getTime(),o=x(n.end).getTime();if(!(a<=o))throw new RangeError("Invalid interval");return r>=a&&r<=o}function ut(e){k(1,arguments);var t=x(e);return t.setHours(0,0,0,0),t}function st(e,t){k(2,arguments);var n=ut(e),r=ut(t);return n.getTime()===r.getTime()}function ct(e,t){k(2,arguments);var n=x(e),r=T(t);if(isNaN(r))return new Date(NaN);if(!r)return n;var a=n.getDate(),o=new Date(n.getTime());o.setMonth(n.getMonth()+r+1,0);var i=o.getDate();return a>=i?o:(n.setFullYear(o.getFullYear(),o.getMonth(),a),n)}var lt,dt,ft=function(e,t){return void 0===e&&(e=[]),e.some((function(e){return st(t,e)}))};function mt(e){var t=Ze(e);return{year:function(e){k(1,arguments);var t=x(e),n=t.getFullYear();return n}(t),month:function(e){k(1,arguments);var t=x(e),n=t.getMonth();return n}(t),date:t}}function ht(e,t){var n=mt(t||ut(Date.now())),r=n.date,a=[n];return e>1&&(a=Array.from(Array(e-1).keys()).reduce((function(e){return r=ct(e[e.length-1].date,1),e.concat([mt(r)])}),a)),a}function gt(e,t,n,r){var a=e[r?n>0?0:e.length-r:n>0?e.length-1:0].date;return Array.from(Array(t).keys()).reduce((function(e){return a=0===e.length?ct(a,n):ct(a,n>=0?1:-1),n>0?e.concat([mt(a)]):[mt(a)].concat(e)}),[])}function wt(e,t,n){return e&&"string"==typeof t?Xe(e,t):e&&"function"==typeof t?t(e):n}function vt(e){var t=e.startDate,n=e.endDate,r=e.isDateBlocked,a=e.minBookingDays,o=e.exactMinBookingDays,i=e.minBookingDate,u=e.maxBookingDate,s=!i||!at(t,Je(i,-1)),c=!u||!ot(Je(t,a-1),u);return!((!t||1!==a||n||r(t))&&(t&&a>1&&!n&&!o||t&&a>0&&o&&s&&c||t&&a>0&&o&&!i&&!u?$e({start:t,end:Je(t,a-1)}).some((function(e){return r(e)})):!t||!n||o||at(n,Je(t,a-1))||$e({start:t,end:n}).some((function(e){return r(e)}))))}function Dt(t){var n=t.startDate,r=t.endDate,a=t.focusedInput,o=t.minBookingDate,i=t.maxBookingDate,u=t.onDatesChange,s=t.initialVisibleMonth,c=t.exactMinBookingDays,l=void 0!==c&&c,d=t.minBookingDays,f=void 0===d?1:d,m=t.numberOfMonths,h=void 0===m?2:m,g=t.firstDayOfWeek,w=void 0===g?1:g,v=t.isDateBlocked,D=void 0===v?function(){return!1}:v,y=t.unavailableDates,b=void 0===y?[]:y,p=t.changeActiveMonthOnSelect,T=void 0===p||p,k=e.useState((function(){return ht(h,n||s||null)})),x=k[0],C=k[1],M=e.useState(null),S=M[0],E=M[1],U=e.useState(n),O=U[0],N=U[1];e.useEffect((function(){return"undefined"!=typeof window&&window.addEventListener&&window.addEventListener("keydown",H),function(){window.removeEventListener&&window.removeEventListener("keydown",H)}}));var F=function(e){return ft(b,e)||D(e)},P=function(e){N(e),(!O||O&&!st(e,O))&&C(ht(h,e))},Y=function(e){return function(e){var t=e.date,n=e.minBookingDate,r=e.maxBookingDate,a=e.isDateBlockedFn,o=e.startDate,i=e.endDate,u=e.minBookingDays,s=void 0===u?1:u,c=e.unavailableDates,l=void 0===c?[]:c,d=n?new Date(n.getFullYear(),n.getMonth(),n.getDate(),0,0,0):n,f=r?new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0):r;return!!(ft(l,t)||d&&at(t,d)||f&&ot(t,f)||o&&!i&&s>1&&it(t,{start:o,end:Je(o,s-2)})||a&&a(t))}({date:e,minBookingDate:o,maxBookingDate:i,startDate:n,endDate:r,minBookingDays:f,isDateBlockedFn:F})};function H(e){if(("ArrowRight"===e.key||"ArrowLeft"===e.key||"ArrowDown"===e.key||"ArrowUp"===e.key)&&!O){var t=x[0];P(t.date),C(ht(h,t.date))}}var q=e.useCallback((function(){C(gt(x,h,-1)),N(null)}),[x,h]),I=e.useCallback((function(){C(gt(x,h,-1,1)),N(null)}),[x,h]),B=e.useCallback((function(){C(gt(x,h,1)),N(null)}),[x,h]),j=e.useCallback((function(){C(gt(x,h,1,1)),N(null)}),[x,h]),W=e.useCallback((function(e){C(ht(h,e)),N(null)}),[h]),L=e.useCallback((function(e){void 0===e&&(e=1),C(gt(x,h,-(12*e-h+1))),N(null)}),[x,h]),R=e.useCallback((function(e){void 0===e&&(e=1),C(gt(x,h,12*e-h+1)),N(null)}),[x,h]);return{firstDayOfWeek:w,activeMonths:x,isDateSelected:function(e){return function(e,t,n){return!(!t||!n)&&it(e,{start:t,end:n})}(e,n,r)},isDateHovered:function(e){return function(e){var t=e.date,n=e.startDate,r=e.endDate,a=e.isDateBlocked,o=e.hoveredDate,i=e.minBookingDays;return o&&i>1&&e.exactMinBookingDays&&it(t,{start:o,end:Je(o,i-1)})?!$e({start:o,end:Je(o,i-1)}).some((function(e){return a(e)})):n&&!r&&o&&it(t,{start:n,end:Je(n,i-1)})&&st(n,o)&&i>1?!$e({start:n,end:Je(n,i-1)}).some((function(e){return a(e)})):!(!n||r||!o||at(o,n)||!it(t,{start:n,end:o})||$e({start:n,end:o}).some((function(e){return a(e)})))}({date:e,hoveredDate:S,startDate:n,endDate:r,minBookingDays:f,exactMinBookingDays:l,isDateBlocked:F})},isFirstOrLastSelectedDate:function(e){return function(e,t,n){return!!(t&&st(e,t)||n&&st(e,n))}(e,n,r)},isStartDate:function(e){return function(e,t){return!(!t||!st(e,t))}(e,n)},isEndDate:function(e){return function(e,t){return!(!t||!st(e,t))}(e,r)},isDateBlocked:Y,numberOfMonths:h,isDateFocused:function(e){return!!O&&st(e,O)},focusedDate:O,hoveredDate:S,onResetDates:function(){u({startDate:null,endDate:null,focusedInput:"startDate"})},onDateHover:function(e){if(e){if(e){var t=!Y(e)||n&&st(e,n),a=!o||!at(e,Je(o,-1)),u=!i||!ot(e,i),s=Je(e,f-1),c=!o||!at(s,o),d=!i||!ot(s,i),m=l&&f>1&&a&&u&&c&&d,h=n&&!r&&!l&&a&&u,g=!(f>1&&n)||it(e,{start:n,end:Je(n,f-2)}),w=n&&st(e,n)&&g;t&&(m||h||w)?E(e):null!==S&&E(null)}}else E(null)},onDateSelect:function(e){("endDate"===a||"startDate"===a)&&f>0&&l&&vt({minBookingDays:f,exactMinBookingDays:l,minBookingDate:o,maxBookingDate:i,isDateBlocked:F,startDate:e,endDate:null})?u({startDate:e,endDate:Je(e,f-1),focusedInput:null}):("endDate"===a&&n&&at(e,n)||"startDate"===a&&r&&ot(e,r))&&!l&&vt({minBookingDays:f,isDateBlocked:F,startDate:e,endDate:null})?u({endDate:null,startDate:e,focusedInput:"endDate"}):"startDate"===a&&!l&&vt({minBookingDays:f,isDateBlocked:F,endDate:r,startDate:e})?u({endDate:r,startDate:e,focusedInput:"endDate"}):"startDate"===a&&!l&&vt({minBookingDays:f,isDateBlocked:F,endDate:null,startDate:e})?u({endDate:null,startDate:e,focusedInput:"endDate"}):"endDate"===a&&n&&!at(e,n)&&!l&&vt({minBookingDays:f,isDateBlocked:F,startDate:n,endDate:e})&&u({startDate:n,endDate:e,focusedInput:null}),"endDate"!==a&&(!O||O&&!st(e,O))&&T&&C(ht(h,e))},onDateFocus:P,goToPreviousMonths:q,goToPreviousMonthsByOneMonth:I,goToNextMonths:B,goToNextMonthsByOneMonth:j,goToDate:W,goToPreviousYear:L,goToNextYear:R}}exports.DateFormats=void 0,(lt=exports.DateFormats||(exports.DateFormats={})).ShortDate="MM/dd/yyyy",lt.LongDate="MMM dd yyyy",lt.DayOfWeekDayOfMonth="eeee, MMMM do",function(e){e.StartDate="startDate",e.EndDate="endDate"}(dt||(dt={}));const yt=new Date,bt=yt.getFullYear(),pt=yt.getMonth(),Tt=yt,kt=bt-100,xt=bt+5,Ct=exports.DateFormats.ShortDate,Mt={dateFormat:Ct,endDate:null,focusedInput:null,isDateRange:!1,maxYear:xt,minYear:kt,startDate:null,isOpen:!1,onOpen:()=>{throw new Error("onOpen(): boolean not implemented")},onClose:()=>{throw new Error("onClose(): boolean not implemented")},setFocusedInput:()=>{throw new Error("setFocusedInput(): boolean not implemented")},focusedDate:yt,firstDayOfWeek:void 0,activeMonths:[],isDateFocused:()=>{throw new Error("isDateFocused(): boolean not implemented")},isDateSelected:()=>{throw new Error("isDateSelected(): boolean not implemented")},isDateHovered:()=>{throw new Error("isDateHovered(): boolean not implemented")},isDateBlocked:()=>{throw new Error("isDateBlocked(): boolean not implemented")},isFirstOrLastSelectedDate:()=>{throw new Error("isFirstOrLastSelectedDate(): boolean not implemented")},onDateFocus:()=>{throw new Error("onDateFocus(): boolean not implemented")},onDateHover:()=>{throw new Error("onDateHover(): boolean not implemented")},onDateSelect:()=>{throw new Error("onDateSelect(): boolean not implemented")},goToPreviousMonths:()=>{throw new Error("goToPreviousMonths(): boolean not implemented")},goToNextMonths:()=>{throw new Error("goToNextMonths(): boolean not implemented")},goToDate:()=>{throw new Error("goToDate(): boolean not implemented")},clearDates:()=>{throw new Error("clearDates(): boolean not implemented")}},St=e.createContext(Mt),Et=()=>e.useContext(St);function Ut(e,t){n.requiredArgs(2,arguments);var r=n.toDate(e),a=n.toInteger(t);return isNaN(a)?new Date(NaN):a?(r.setDate(r.getDate()+a),r):r}function Ot(e,t){n.requiredArgs(2,arguments);var r=n.toDate(e),a=n.toInteger(t);if(isNaN(a))return new Date(NaN);if(!a)return r;var o=r.getDate(),i=new Date(r.getTime());i.setMonth(r.getMonth()+a+1,0);var u=i.getDate();return o>=u?i:(r.setFullYear(i.getFullYear(),i.getMonth(),o),r)}function Nt(e){return Nt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Nt(e)}function Ft(e,t){n.requiredArgs(2,arguments);var r=n.toDate(e),a=n.toDate(t);return r.getTime()>a.getTime()}const Pt=({children:o,dateFormat:i=Ct,endDate:u,inputProps:s,isDateRange:c,maxDate:l,maxYear:d,maxDaysInRange:f,minDate:h,minYear:g,onDateChange:w,placement:v,startDate:D})=>{const{onOpen:y,onClose:b,isOpen:p}=r.useDisclosure(),[T,k]=e.useState({startDate:D,endDate:u||D,focusedInput:null}),x=e.useCallback((e=>f&&e?function(e,t){if(n.requiredArgs(2,arguments),!t||"object"!==Nt(t))return new Date(NaN);var r=t.years?n.toInteger(t.years):0,a=t.months?n.toInteger(t.months):0,o=t.weeks?n.toInteger(t.weeks):0,i=t.days?n.toInteger(t.days):0,u=t.hours?n.toInteger(t.hours):0,s=t.minutes?n.toInteger(t.minutes):0,c=t.seconds?n.toInteger(t.seconds):0,l=n.toDate(e),d=a||r?Ot(l,a+12*r):l,f=i||o?Ut(d,i+7*o):d,m=1e3*(c+60*(s+60*u));return new Date(f.getTime()+m)}(e,{days:f}):l||void 0),[l,f]),C=e.useCallback((()=>{k({startDate:null,endDate:null,focusedInput:p?dt.StartDate:null})}),[p]),{activeMonths:M,firstDayOfWeek:S,focusedDate:E,goToDate:U,goToNextMonths:O,goToPreviousMonths:N,isDateBlocked:F,isDateFocused:P,isDateHovered:Y,isDateSelected:H,isFirstOrLastSelectedDate:q,onDateFocus:I,onDateHover:B,onDateSelect:j}=Dt(Object.assign({endDate:T.endDate,focusedInput:T.focusedInput,initialVisibleMonth:T.startDate||yt,maxBookingDate:c&&T.focusedInput===dt.StartDate?void 0:x(T.startDate),minBookingDate:h,minBookingDays:1,numberOfMonths:1,onDatesChange:e=>{if(!e)return;e.endDate||(e.endDate=e.startDate);const r=x(e.startDate);e.endDate&&r&&Ft(e.endDate,r)&&(e.endDate=null),e.startDate=e.startDate?t.startOfDay(e.startDate):e.startDate,e.endDate=e.endDate?function(e){n.requiredArgs(1,arguments);var t=n.toDate(e);return t.setHours(23,59,59,999),t}(e.endDate):e.endDate,k(Object.assign(Object.assign({},e),{focusedInput:e.focusedInput||dt.StartDate})),!c&&w&&w(e)},startDate:T.startDate},!c&&{exactMinBookingDays:!0})),W=e.useCallback((e=>{e===dt.EndDate&&T.endDate?U(T.endDate):T.startDate&&U(T.startDate)}),[U,T.endDate,T.startDate]),L=e.useCallback((e=>{k((t=>Object.assign(Object.assign({},t),{focusedInput:e}))),W(e)}),[W]),R=e.useCallback((()=>{L(null),b(),c&&w&&setTimeout((()=>{w({startDate:T.startDate,endDate:T.endDate})}),200)}),[c,b,w,L,T.endDate,T.startDate]),A=e.useMemo((()=>M[0]),[M]);return e.useEffect((()=>{k((e=>Object.assign(Object.assign({},e),{startDate:D,endDate:u||D})))}),[D,u]),m.default.createElement(St.Provider,{value:{activeMonth:A,activeMonths:M,dateFormat:i||Ct,endDate:T.endDate||null,firstDayOfWeek:S,focusedDate:E||Tt,focusedInput:T.focusedInput,goToDate:U,goToNextMonths:O,goToPreviousMonths:N,setFocusedInput:L,isDateBlocked:F,isDateFocused:P,isDateHovered:Y,isDateRange:c||!1,isDateSelected:H,isFirstOrLastSelectedDate:q,maxDate:l,maxYear:d||xt,minDate:h,minYear:g||kt,onDateChange:w,onDateFocus:I,onDateHover:B,onDateSelect:j,startDate:T.startDate,isOpen:p,onOpen:y,onClose:R,clearDates:C}},m.default.createElement(a.Popover,{isOpen:p,onClose:R,onOpen:()=>{(null==s?void 0:s.isDisabled)||(y(),T.startDate&&c||L(dt.StartDate))},placement:v},o))};var Yt=Math.ceil,Ht=Math.max;var qt=function(e,t,n,r){for(var a=-1,o=Ht(Yt((t-e)/(n||1)),0),i=Array(o);o--;)i[r?o:++a]=e,e+=n;return i};var It=function(e,t){return e===t||e!=e&&t!=t},Bt="object"==typeof i.commonjsGlobal&&i.commonjsGlobal&&i.commonjsGlobal.Object===Object&&i.commonjsGlobal,jt="object"==typeof self&&self&&self.Object===Object&&self,Wt=(Bt||jt||Function("return this")()).Symbol,Lt=Wt,Rt=Object.prototype,At=Rt.hasOwnProperty,Qt=Rt.toString,Gt=Lt?Lt.toStringTag:void 0;var zt=function(e){var t=At.call(e,Gt),n=e[Gt];try{e[Gt]=void 0;var r=!0}catch(e){}var a=Qt.call(e);return r&&(t?e[Gt]=n:delete e[Gt]),a},Xt=Object.prototype.toString;var Kt=zt,Jt=function(e){return Xt.call(e)},$t=Wt?Wt.toStringTag:void 0;var _t=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":$t&&$t in Object(e)?Kt(e):Jt(e)};var Zt=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},Vt=_t,en=Zt;var tn=function(e){if(!en(e))return!1;var t=Vt(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},nn=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991};var rn=/^(?:0|[1-9]\d*)$/;var an=It,on=function(e){return null!=e&&nn(e.length)&&!tn(e)},un=function(e,t){var n=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==n||"symbol"!=n&&rn.test(e))&&e>-1&&e%1==0&&e<t},sn=Zt;var cn=function(e,t,n){if(!sn(n))return!1;var r=typeof t;return!!("number"==r?on(n)&&un(t,n.length):"string"==r&&t in n)&&an(n[t],e)},ln=/\s/;var dn=function(e){for(var t=e.length;t--&&ln.test(e.charAt(t)););return t},fn=dn,mn=/^\s+/;var hn=_t,gn=function(e){return null!=e&&"object"==typeof e};var wn=function(e){return e?e.slice(0,fn(e)+1).replace(mn,""):e},vn=Zt,Dn=function(e){return"symbol"==typeof e||gn(e)&&"[object Symbol]"==hn(e)},yn=/^[-+]0x[0-9a-f]+$/i,bn=/^0b[01]+$/i,pn=/^0o[0-7]+$/i,Tn=parseInt;var kn=function(e){if("number"==typeof e)return e;if(Dn(e))return NaN;if(vn(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=vn(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=wn(e);var n=bn.test(e);return n||pn.test(e)?Tn(e.slice(2),n?2:8):yn.test(e)?NaN:+e};var xn=qt,Cn=cn,Mn=function(e){return e?Infinity===(e=kn(e))||-Infinity===e?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0};var Sn=function(e){return function(t,n,r){return r&&"number"!=typeof r&&Cn(t,n,r)&&(n=r=void 0),t=Mn(t),void 0===n?(n=t,t=0):n=Mn(n),r=void 0===r?t<n?1:-1:Mn(r),xn(t,n,r,e)}}();const En={sm:"sm",md:"md",lg:"lg"},Un=["January","February","March","April","May","June","July","August","September","October","November","December"];function On(e){n.requiredArgs(1,arguments);var t=n.toDate(e),r=t.getFullYear(),a=t.getMonth(),o=new Date(0);return o.setFullYear(r,a+1,0),o.setHours(0,0,0,0),o.getDate()}function Nn(e,t){n.requiredArgs(2,arguments);var r=n.toDate(e),a=n.toInteger(t),o=r.getFullYear(),i=r.getDate(),u=new Date(0);u.setFullYear(o,a,15),u.setHours(0,0,0,0);var s=On(u);return r.setMonth(a,Math.min(i,s)),r}function Fn(e){return Fn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Fn(e)}function Pn(e,t){if(n.requiredArgs(2,arguments),"object"!==Fn(t)||null===t)throw new RangeError("values parameter must be an object");var r=n.toDate(e);return isNaN(r.getTime())?new Date(NaN):(null!=t.year&&r.setFullYear(t.year),null!=t.month&&(r=Nn(r,t.month)),null!=t.date&&r.setDate(n.toInteger(t.date)),null!=t.hours&&r.setHours(n.toInteger(t.hours)),null!=t.minutes&&r.setMinutes(n.toInteger(t.minutes)),null!=t.seconds&&r.setSeconds(n.toInteger(t.seconds)),null!=t.milliseconds&&r.setMilliseconds(n.toInteger(t.milliseconds)),r)}function Yn({scrollToYear:t}){const{focusedDate:n,activeMonth:r,minYear:i,maxYear:c,goToDate:l,goToNextMonths:d,goToPreviousMonths:f}=Et(),h=e.useMemo((()=>Un.map(((e,t)=>({label:e,value:String(t),isSelected:t===(null==r?void 0:r.month)})))),[null==r?void 0:r.month]),g=e.useMemo((()=>Sn(i,c+1).map((e=>{const t=String(e);return{label:t,value:t,isSelected:e===(null==r?void 0:r.year)}}))),[c,i,null==r?void 0:r.year]);return m.default.createElement(a.PopoverHeader,{justifyItems:"space-between"},m.default.createElement(s.HStack,{w:"100%",justify:"space-between"},m.default.createElement(u.Button,{iconName:"chevronLeft",onClick:f,variant:"ghostNeutral",size:"sm"}),m.default.createElement(s.Center,{gap:2,h:"100%"},m.default.createElement(o.Menu,{buttonProps:{variant:"tertiary",text:Un[(null==r?void 0:r.month)||0],size:"sm"},listProps:{menuItems:h,onSelect:e=>l(Pn(n||yt,{month:Number(e.value),year:null==r?void 0:r.year})),maxH:400,shouldRetainSelection:!0}}),m.default.createElement(o.Menu,{buttonProps:{variant:"tertiary",text:String(null==r?void 0:r.year),size:"sm"},listProps:{menuItems:g,onSelect:e=>l(Pn(n||yt,{month:null==r?void 0:r.month,year:Number(e.value)})),maxH:200,shouldRetainSelection:!0},onOpen:t})),m.default.createElement(u.Button,{iconName:"chevronRight",onClick:d,variant:"ghostNeutral",size:"sm"})))}const Hn=(e,t)=>!t||function(e,t){n.requiredArgs(2,arguments);var r=n.toDate(e),a=n.toDate(t);return r.getTime()<a.getTime()}(e,t),qn={borderColor:"var(--chakra-colors-border-info) !important",borderWidth:"2px !important"},In={_hover:{borderWidth:"1px",borderColor:"border.strong"}};function Bn({inputProps:e,startDateInputRef:t}){const{setFocusedInput:r,startDate:o,endDate:i,focusedInput:u,dateFormat:f,isDateRange:h,minDate:g,maxDate:w,onDateChange:v,onDateSelect:D,isOpen:y,onClose:b}=Et(),C=(null==e?void 0:e.size)?En[e.size]:"md",E=e=>{"Enter"===e.key&&y&&(b(),e.preventDefault(),e.stopPropagation())},U=e=>{const t=e.target.value,r=function(e,t,n,r){k(3,arguments);var a=String(e),o=String(t),i=r||{},u=i.locale||p;if(!u.match)throw new RangeError("locale must contain match property");var s=u.options&&u.options.firstWeekContainsDate,c=null==s?1:T(s),l=null==i.firstWeekContainsDate?c:T(i.firstWeekContainsDate);if(!(l>=1&&l<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var d=u.options&&u.options.weekStartsOn,f=null==d?0:T(d),m=null==i.weekStartsOn?f:T(i.weekStartsOn);if(!(m>=0&&m<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(""===o)return""===a?x(n):new Date(NaN);var h,g={firstWeekContainsDate:l,weekStartsOn:m,locale:u},w=[{priority:10,set:Ye,index:0}],v=o.match(Ue).map((function(e){var t=e[0];return"p"===t||"P"===t?(0,O[t])(e,u.formatLong,g):e})).join("").match(Ee),D=[];for(h=0;h<v.length;h++){var y=v[h];!i.useAdditionalWeekYearTokens&&q(y)&&I(y),!i.useAdditionalDayOfYearTokens&&H(y)&&I(y);var b=y[0],C=Se[b];if(C){var E=C.incompatibleTokens;if(Array.isArray(E)){for(var U=void 0,N=0;N<D.length;N++){var P=D[N].token;if(-1!==E.indexOf(P)||P===b){U=D[N];break}}if(U)throw new RangeError("The format string mustn't contain `".concat(U.fullToken,"` and `").concat(y,"` at the same time"))}else if("*"===C.incompatibleTokens&&D.length)throw new RangeError("The format string mustn't contain `".concat(y,"` and any other token at the same time"));D.push({token:b,fullToken:y});var Y=C.parse(a,y,u.match,g);if(!Y)return new Date(NaN);w.push({priority:C.priority,set:C.set,validate:C.validate,value:Y.value,index:w.length}),a=Y.rest}else{if(b.match(Pe))throw new RangeError("Format string contains an unescaped latin alphabet character `"+b+"`");if("''"===y?y="'":"'"===b&&(y=He(y)),0!==a.indexOf(y))return new Date(NaN);a=a.slice(y.length)}}if(a.length>0&&Fe.test(a))return new Date(NaN);var B=w.map((function(e){return e.priority})).sort((function(e,t){return t-e})).filter((function(e,t,n){return n.indexOf(e)===t})).map((function(e){return w.filter((function(t){return t.priority===e})).reverse()})).map((function(e){return e[0]})),j=x(n);if(isNaN(j))return new Date(NaN);var W=M(j,F(j)),L={};for(h=0;h<B.length;h++){var R=B[h];if(R.validate&&!R.validate(W,R.value,g))return new Date(NaN);var A=R.set(W,L,R.value,g);A[0]?(W=A[0],S(L,A[1])):W=A}return W}(t,f,yt);t.length===f.length&&n.isDate(r)&&((e,t)=>!t||Ft(e,t))(r,g)&&Hn(r,w)&&D(r),!t.length&&v&&v({startDate:null,endDate:null})};return m.default.createElement(a.PopoverTrigger,null,m.default.createElement(s.HStack,{w:"100%"},m.default.createElement(c.WrappedTextInput,Object.assign({"data-testid":"date-picker-text-input",rightElement:m.default.createElement(s.Flex,Object.assign({},!(null==e?void 0:e.isDisabled)&&{onClick:()=>r(dt.StartDate)},{h:"100%",align:"center"}),m.default.createElement(l.Icon,{name:"calendarDate",size:C})),value:wt(o,f,""),onChange:U,inputRef:t,onKeyDown:E},!(null==e?void 0:e.isDisabled)&&{onFocus:()=>r(dt.StartDate)},{placeholder:n.format(yt,f).toString()},u===dt.StartDate&&qn,In,e)),h&&m.default.createElement(m.default.Fragment,null,m.default.createElement(d.WrappedText,null," - "),m.default.createElement(c.WrappedTextInput,Object.assign({"data-testid":"date-picker-text-input",rightElement:m.default.createElement(s.Flex,Object.assign({},!(null==e?void 0:e.isDisabled)&&{onClick:()=>r(dt.StartDate)},{h:"100%",align:"center"}),m.default.createElement(l.Icon,{name:"calendarDate",size:C})),value:wt(i,f,""),onChange:U},!(null==e?void 0:e.isDisabled)&&{onFocus:()=>r(dt.EndDate)},{onKeyDown:E,placeholder:n.format(yt,f).toString()},u===dt.EndDate&&qn,In,e)))))}const jn={default:{variant:"ghostNeutral"},selectedStart:{variant:"primary"},disabled:{isDisabled:!0,variant:"ghostNeutral"},inRange:{variant:"ghost",borderRadius:"0",isActive:!0},selectedEnd:{variant:"ghost",borderWidth:"2px",borderColor:"border.info"}},Wn=({dayLabel:t,date:r,onDaySelected:a})=>{const o=new Date,i=e.useRef(null),{startDate:c,endDate:l,dateFormat:d}=Et(),f=e.useMemo((()=>({currentDay:n.format(r,d),startDate:c&&n.format(c,d),endDate:l&&n.format(l,d)})),[r,d,l,c]),h=f.currentDay===f.startDate,g=f.currentDay===f.endDate,w=f.currentDay===n.format(o,d),{focusedDate:v,isDateFocused:D,isDateSelected:y,isDateHovered:b,isDateBlocked:p,isFirstOrLastSelectedDate:T,onDateSelect:k,onDateFocus:x,onDateHover:C}=Et(),{disabledDate:M,isSelected:S,onClick:E,onKeyDown:U,onMouseEnter:O,tabIndex:N}=function(t){var n=t.date,r=t.focusedDate,a=t.isDateSelected,o=t.isDateFocused,i=t.isFirstOrLastSelectedDate,u=t.isDateHovered,s=t.isDateBlocked,c=t.onDateSelect,l=t.onDateFocus,d=t.onDateHover,f=e.useCallback((function(){return c(n)}),[n,c]),m=e.useCallback((function(){return d(n)}),[n,d]),h=s(n)&&!u(n);return{tabIndex:null===r||o(n)?0:-1,isSelected:a(n),isSelectedStartOrEnd:i(n),isWithinHoverRange:u(n),disabledDate:h,onKeyDown:function(e){"ArrowRight"===e.key?l(Je(n,1)):"ArrowLeft"===e.key?l(Je(n,-1)):"ArrowUp"===e.key?l(Je(n,-7)):"ArrowDown"===e.key&&l(Je(n,7))},onClick:h?function(){}:f,onMouseEnter:m}}({date:r,focusedDate:v,isDateFocused:D,isDateSelected:y,isDateHovered:b,isDateBlocked:p,isFirstOrLastSelectedDate:T,onDateFocus:x,onDateSelect:k,onDateHover:C,dayRef:i}),F=e.useMemo((()=>{switch(!0){case M:return"disabled";case h:return"selectedStart";case g:return"selectedEnd";case S&&!h&&!g:return"inRange";default:return"default"}}),[M,g,h,S]);if(!t)return m.default.createElement(m.default.Fragment,null);return m.default.createElement(u.Button,Object.assign({onClick:()=>{E(),a()},onKeyDown:U,onMouseEnter:O,tabIndex:N,type:"button",ref:i,size:"sm",fontWeight:"normal",isDisabled:M,overflow:"hidden",pos:"relative","data-testid":f.currentDay},jn[F]),w&&m.default.createElement(s.Box,{pos:"absolute",w:"6",h:"6",top:"-4",right:"-4",transform:"rotate(45deg)",bg:h?"background.default":"background.primary"}),t)},Ln=({onDaySelected:t})=>{const n=e.useRef(null),{firstDayOfWeek:r,activeMonth:a}=Et(),{days:o,weekdayLabels:i}=rt({year:(null==a?void 0:a.year)||bt,month:void 0!==(null==a?void 0:a.month)?a.month:pt,firstDayOfWeek:r});return m.default.createElement(s.Box,{ref:n},m.default.createElement(s.Grid,{templateColumns:"repeat(7, 1fr)",my:2},i.map((e=>m.default.createElement(s.GridItem,{key:e},m.default.createElement(s.Center,null,m.default.createElement(d.WrappedText,{size:"xs",variant:"subtle"},e)))))),m.default.createElement(s.Grid,{templateColumns:"repeat(7, 1fr)"},o.map(((e,n)=>"object"==typeof e?m.default.createElement(Wn,{key:e.date.toString(),date:e.date,dayLabel:e.dayLabel,onDaySelected:t}):m.default.createElement("div",{key:n})))))};function Rn(){const{isDateRange:e,activeMonths:t,onClose:n}=Et(),r=()=>{e||n()};return m.default.createElement(a.PopoverBody,null,m.default.createElement(s.Grid,{gap:"0 64px"},t.map((e=>m.default.createElement(Ln,{key:`${e.year}-${e.month}`,onDaySelected:r})))))}function An({buttonText:t="Apply",onSubmit:n,hideResetButton:r}){const{startDate:o,endDate:i,onClose:c,clearDates:l}=Et(),d=e.useCallback((()=>{c(),n&&n({startDate:o,endDate:i})}),[c,n,o,i]);return m.default.createElement(a.PopoverFooter,null,m.default.createElement(s.HStack,{w:"100%",justify:r?"end":"space-between",align:"center"},!r&&m.default.createElement(u.Button,{size:"sm",variant:"ghostNeutral",onClick:l},"Clear Dates"),m.default.createElement(u.Button,{size:"sm",onClick:d},t)))}exports.DatePicker=t=>{const{isDateRange:n=!1,hideFooter:r=!1,footerProps:o,inputProps:i}=t,u=e.useRef(null),s=e.useRef(null);return m.default.createElement(Pt,Object.assign({calendarRef:u},t),m.default.createElement(Bn,{inputProps:i,startDateInputRef:s}),m.default.createElement(a.PopoverContent,{ref:u,shadow:"md","data-testid":"calendar-popover"},m.default.createElement(Yn,{scrollToYear:()=>{setTimeout((()=>{var e;const t=null===(e=null==u?void 0:u.current)||void 0===e?void 0:e.querySelector(".MenuList__Item.current");t&&t.scrollIntoView({block:"center"})}))}}),m.default.createElement(Rn,null),n&&!r&&m.default.createElement(An,Object.assign({},o))))};
|
|
16
|
-
//# sourceMappingURL=datepicker.component-ad5aca47.js.map
|