@televet/kibble-ui 2.1.0 → 2.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/card.component-20080f05.js +2 -0
- package/build/card.component-20080f05.js.map +1 -0
- package/build/components/Card/card.records.d.ts +2 -0
- package/build/components/Card/card.types.d.ts +1 -1
- package/build/components/Card/index.js +1 -1
- package/build/components/Popover/components/PopoverHeader/index.js +1 -1
- package/build/components/Popover/components/PopoverHeader/popoverHeader.component.d.ts +2 -1
- package/build/components/Popover/index.js +1 -1
- package/build/components/TimePicker/index.js +1 -1
- package/build/components/TimeRange/index.js +1 -1
- package/build/components/index.js +1 -1
- package/build/index.js +1 -1
- package/build/{popover.component-bd385ed5.js → popover.component-b1318f2b.js} +2 -2
- package/build/{popover.component-bd385ed5.js.map → popover.component-b1318f2b.js.map} +1 -1
- package/build/popoverHeader.component-c18911f7.js +2 -0
- package/build/popoverHeader.component-c18911f7.js.map +1 -0
- package/build/{timePicker.component-c9514541.js → timePicker.component-a09c5a46.js} +2 -2
- package/build/{timePicker.component-c9514541.js.map → timePicker.component-a09c5a46.js.map} +1 -1
- package/build/{timeRange.component-7cd35165.js → timeRange.component-db33f38f.js} +2 -2
- package/build/{timeRange.component-7cd35165.js.map → timeRange.component-db33f38f.js.map} +1 -1
- package/package.json +1 -1
- package/build/card.component-d22ea46e.js +0 -2
- package/build/card.component-d22ea46e.js.map +0 -1
- package/build/popoverHeader.component-dc83a434.js +0 -2
- package/build/popoverHeader.component-dc83a434.js.map +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var r=require("./tslib.es6-194b75fc.js"),e=require("react"),t=require("./chakra-ui-layout.esm-6ee578f7.js");function a(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var o=a(e);const s={lg:7,md:5,sm:3,xs:2};exports.Card=e=>{var{children:a,isActive:d=!1,isFullWidth:i=!0,isInteractive:l=!1,size:n="md"}=e,c=r.__rest(e,["children","isActive","isFullWidth","isInteractive","size"]);return o.default.createElement(t.Box,Object.assign({bg:"background.default",p:s[n],border:"1px",borderColor:"border.default",borderRadius:"lg"},l&&{borderColor:""+(d?"transparent":"border.default"),boxShadow:"0 0 0 3px "+(d?"var(--chakra-colors-border-focus)":"transparent"),cursor:"pointer",transition:".1s all ease-in-out",_hover:{boxShadow:!d&&"0 0 0 3px var(--chakra-colors-border-default)",borderColor:"transparent"}},!i&&{maxW:"max-content"},c),a)},exports.CardPaddingMap=s,exports.cardSizes=["xs","sm","md","lg"];
|
|
2
|
+
//# sourceMappingURL=card.component-20080f05.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.component-20080f05.js","sources":["../src/components/Card/card.types.ts","../src/components/Card/card.component.tsx"],"sourcesContent":["export const cardSizes = ['xs', 'sm', 'md', 'lg'] as const;\nexport type CardSize = (typeof cardSizes)[number];\n\nexport const CardPaddingMap: Record<CardSize, number> = {\n lg: 7,\n md: 5,\n sm: 3,\n xs: 2,\n};\n","import { Box, BoxProps } from '@chakra-ui/react';\nimport React, { ReactNode } from 'react';\nimport { CardSize, CardPaddingMap } from './card.types';\n\nexport interface BaseCardProps {\n isFullWidth?: boolean;\n size?: CardSize;\n children?: ReactNode;\n}\n\nexport interface DefaultCardProps extends BaseCardProps {\n isActive?: never;\n isInteractive?: false;\n}\n\nexport interface InteractiveCardProps extends BaseCardProps {\n isActive?: boolean;\n isInteractive?: true;\n}\n\nexport type KCardProps = InteractiveCardProps | DefaultCardProps;\n\nexport type CardProps = KCardProps & BoxProps;\n\nexport const Card = ({\n children,\n isActive = false,\n isFullWidth = true,\n isInteractive = false,\n size = 'md',\n ...rest\n}: CardProps): JSX.Element => {\n return (\n <Box\n bg=\"background.default\"\n p={CardPaddingMap[size]}\n border=\"1px\"\n borderColor=\"border.default\"\n borderRadius=\"lg\"\n {...(isInteractive && {\n borderColor: `${isActive ? 'transparent' : 'border.default'}`,\n boxShadow: `0 0 0 3px ${isActive ? 'var(--chakra-colors-border-focus)' : 'transparent'}`,\n cursor: 'pointer',\n transition: '.1s all ease-in-out',\n _hover: {\n boxShadow: !isActive && `0 0 0 3px var(--chakra-colors-border-default)`,\n borderColor: 'transparent',\n },\n })}\n {...(!isFullWidth && { maxW: 'max-content' })}\n {...rest}\n >\n {children}\n </Box>\n );\n};\n"],"names":["CardPaddingMap","lg","md","sm","xs","_a","children","isActive","isFullWidth","isInteractive","size","rest","__rest","React","createElement","Box","Object","assign","bg","p","border","borderColor","borderRadius","boxShadow","cursor","transition","_hover","maxW"],"mappings":"4MAAO,MAGMA,EAA2C,CACtDC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,gBCiBeC,QAAAC,SACnBA,EAAQC,SACRA,GAAW,EAAKC,YAChBA,GAAc,EAAIC,cAClBA,GAAgB,EAAKC,KACrBA,EAAO,QACJC,EANgBC,SAAAP,EAAA,CAAA,WAAA,WAAA,cAAA,gBAAA,SAQnB,OACEQ,EAAA,QAAAC,cAACC,MAAGC,OAAAC,OAAA,CACFC,GAAG,qBACHC,EAAGnB,EAAeU,GAClBU,OAAO,MACPC,YAAY,iBACZC,aAAa,MACRb,GAAiB,CACpBY,YAAa,IAAGd,EAAW,cAAgB,kBAC3CgB,UAAW,cAAahB,EAAW,oCAAsC,eACzEiB,OAAQ,UACRC,WAAY,sBACZC,OAAQ,CACNH,WAAYhB,GAAY,gDACxBc,YAAa,iBAGXb,GAAe,CAAEmB,KAAM,eACzBhB,GAEHL,+CDpDkB,CAAC,KAAM,KAAM,KAAM"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../card.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../card.component-20080f05.js");require("../../tslib.es6-194b75fc.js"),require("react"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),exports.Card=e.Card,exports.CardPaddingMap=e.CardPaddingMap,exports.cardSizes=e.cardSizes;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../popoverHeader.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../popoverHeader.component-c18911f7.js");require("../../../../tslib.es6-194b75fc.js"),require("react"),require("../../../../heading.component-198f40a3.js"),require("../../../../withTruncation-a7b4edf1.js"),require("../../../../tooltip.component-76a21c48.js"),require("../../../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../motion-b6060749.js"),require("../../../../index-6cdfadbe.js"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../button.component-981918e8.js"),require("../../../../icon.component-9318bebf.js"),require("../../../../icons/index.js"),require("../../../../chakra-ui-button.esm-bd065780.js"),require("../../../../chakra-ui-popover.esm-172468d8.js"),exports.PopoverHeader=e.PopoverHeader;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -6,8 +6,9 @@ export interface KPopoverHeaderProps {
|
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
color?: SemanticColorToken | string;
|
|
8
8
|
hideCloseButton?: boolean;
|
|
9
|
+
onClose?: () => void;
|
|
9
10
|
isOnContrast?: boolean;
|
|
10
11
|
size?: HeadingSize;
|
|
11
12
|
}
|
|
12
13
|
export type PopoverHeaderProps = KPopoverHeaderProps & CPopoverHeaderProps;
|
|
13
|
-
export declare const PopoverHeader: ({ size, children, color, hideCloseButton, isOnContrast, ...rest }: PopoverHeaderProps) => JSX.Element;
|
|
14
|
+
export declare const PopoverHeader: ({ size, children, color, hideCloseButton, isOnContrast, onClose, ...rest }: PopoverHeaderProps) => JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../popoverFooter.component-c0ee782e.js"),r=require("../../popoverHeader.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../popoverFooter.component-c0ee782e.js"),r=require("../../popoverHeader.component-c18911f7.js"),o=require("../../popover.component-b1318f2b.js"),s=require("../../popover.types-bc105ea7.js");require("../../tslib.es6-194b75fc.js"),require("react"),require("../../button.component-981918e8.js"),require("../../icon.component-9318bebf.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../chakra-ui-popover.esm-172468d8.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../motion-b6060749.js"),require("../../heading.component-198f40a3.js"),require("../../withTruncation-a7b4edf1.js"),require("../../tooltip.component-76a21c48.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../index-6cdfadbe.js"),require("../../text.component-30355fe6.js"),exports.PopoverFooter=e.PopoverFooter,exports.PopoverHeader=r.PopoverHeader,exports.Popover=o.Popover,exports.popoverPlacements=s.popoverPlacements,exports.popoverSizes=s.popoverSizes,exports.popoverTriggerTypes=s.popoverTriggerTypes,exports.popoverVariants=s.popoverVariants;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../timePicker.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../timePicker.component-a09c5a46.js");require("react"),require("../../icon.component-9318bebf.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../popover.component-b1318f2b.js"),require("../../tslib.es6-194b75fc.js"),require("../../popoverHeader.component-c18911f7.js"),require("../../heading.component-198f40a3.js"),require("../../withTruncation-a7b4edf1.js"),require("../../tooltip.component-76a21c48.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-b6060749.js"),require("../../index-6cdfadbe.js"),require("../../button.component-981918e8.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-popover.esm-172468d8.js"),require("../../popoverFooter.component-c0ee782e.js"),require("../../text.component-30355fe6.js"),require("../../index-fee8538e.js"),require("../../textInput.component-698edd91.js"),require("../../withFormControl-fbce8608.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../useIconTextSizeMap-301c4f35.js"),Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return e.Meridiem}}),exports.TimePicker=e.TimePicker;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../timeRange.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../timeRange.component-db33f38f.js");require("react"),require("../../timePicker.component-a09c5a46.js"),require("../../icon.component-9318bebf.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../popover.component-b1318f2b.js"),require("../../tslib.es6-194b75fc.js"),require("../../popoverHeader.component-c18911f7.js"),require("../../heading.component-198f40a3.js"),require("../../withTruncation-a7b4edf1.js"),require("../../tooltip.component-76a21c48.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-b6060749.js"),require("../../index-6cdfadbe.js"),require("../../button.component-981918e8.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-popover.esm-172468d8.js"),require("../../popoverFooter.component-c0ee782e.js"),require("../../text.component-30355fe6.js"),require("../../index-fee8538e.js"),require("../../textInput.component-698edd91.js"),require("../../withFormControl-fbce8608.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../useIconTextSizeMap-301c4f35.js"),exports.TimeRange=e.TimeRange;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../alert.component-bc8594cc.js"),r=require("../avatar.component-7e35ab41.js"),o=require("../avatar.types-a87ebfb5.js"),t=require("../avatarGroup.component-d0fcf1da.js"),a=require("../button.component-981918e8.js"),s=require("../button.types-f42b599b.js"),i=require("../card.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../alert.component-bc8594cc.js"),r=require("../avatar.component-7e35ab41.js"),o=require("../avatar.types-a87ebfb5.js"),t=require("../avatarGroup.component-d0fcf1da.js"),a=require("../button.component-981918e8.js"),s=require("../button.types-f42b599b.js"),i=require("../card.component-20080f05.js"),n=require("../checkbox.component-c5ca7d54.js"),p=require("../checkboxGroup.component-ffd4bb63.js"),u=require("../datepicker.types-d73cb70d.js"),c=require("../heading.component-198f40a3.js"),d=require("../heading.types-b6ca7d59.js"),m=require("../icon.component-9318bebf.js"),j=require("../link.component-8cc9b076.js"),q=require("../logo.component-3ae8d1c6.js"),x=require("../menuButton.component-e1cbaba8.js"),b=require("../menuContainer.component-adb9204a.js"),l=require("../menuItem.component-218a8419.js"),f=require("../menuList.component-93b00c0b.js"),h=require("../menuOptionGroup.component-bfcf4e53.js"),k=require("../menu.component-94722777.js"),v=require("../modalBody.component-771775b3.js"),g=require("../modalCloseButton.component-eddb7a57.js"),M=require("../modalFooter.component-a8dca3ea.js"),T=require("../modalFooterButtons.component-3d53a2fd.js"),S=require("../modalHeader.component-d1fd5719.js"),y=require("../modal.component-6990e35a.js"),P=require("../notificationCounter.component-6581a359.js"),C=require("../picture.component-b0edf814.js"),z=require("../popoverFooter.component-c0ee782e.js"),B=require("../popoverHeader.component-c18911f7.js"),I=require("../popover.component-b1318f2b.js"),D=require("../popover.types-bc105ea7.js"),L=require("../radio.component-de7ecece.js"),F=require("../radioGroup.component-dd58c847.js"),G=require("../ratingDot.component-bd47c659.js"),H=require("../ratingDots.component-2bc23086.js"),R=require("../select.component-51158b2c.js"),O=require("../dragHandle.component-0719a340.js"),W=require("../sortableItem.component-3bdead95.js"),V=require("../sortableOverlay.component-39d84330.js"),A=require("../sortableList.component-2c36f685.js"),w=require("../spinner.component-39040867.js"),N=require("../switch.component-8d66801f.js"),_=require("../tab.component-7216c161.js"),E=require("../tabs.component-a9d4cd4d.js"),J=require("../tabsLayout.component-c9722b65.js"),K=require("../tag.types-892f3c99.js"),Q=require("../text.component-30355fe6.js"),U=require("../text.types-fef8ead3.js"),X=require("../textarea.component-2ce3b83d.js"),Y=require("../textInput.component-698edd91.js"),Z=require("../timePicker.component-a09c5a46.js"),$=require("../timeRange.component-db33f38f.js"),ee=require("../useToast-f39055be.js"),re=require("../tooltip.component-76a21c48.js");require("../tslib.es6-194b75fc.js"),require("react"),require("../chakra-ui-layout.esm-6ee578f7.js"),require("../chakra-ui-system.esm-c70df670.js"),require("../chakra-ui-icon.esm-9c49b31b.js"),require("../chakra-ui-alert.esm-17eebb99.js"),require("../avatar.config-e43cfce7.js"),require("../chakra-ui-avatar.esm-eee70d3a.js"),require("../chakra-ui-image.esm-66324087.js"),require("../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../chakra-ui-button.esm-bd065780.js"),require("../chakra-ui-hooks.esm-21b313f3.js"),require("../chakra-ui-visually-hidden.esm-b758df74.js"),require("../withFormControl-fbce8608.js"),require("../useTheme-8873c39f.js"),require("../chakra-ui-form-control.esm-6d25b1a4.js"),require("../chakra-ui-checkbox.esm-499c8b0c.js"),require("../motion-b6060749.js"),require("../index-6cdfadbe.js"),require("../index-fee8538e.js"),require("../chakra-ui-popover.esm-172468d8.js"),require("../chakra-ui-popper.esm-c15ff4a5.js"),require("../withTruncation-a7b4edf1.js"),require("../icons/index.js"),require("../useIconTextSizeMap-301c4f35.js"),require("../chakra-ui-menu.esm-fe9ef385.js"),require("../chakra-ui-clickable.esm-4394877f.js"),require("../menu.context-22d23674.js"),require("../menu.config-14739188.js"),require("../chakra-ui-modal.esm-5ec83d2f.js"),require("../index-8fecff45.js"),require("../inheritsLoose-490721fe.js"),require("../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../chakra-ui-media-query.esm-6217de7e.js"),require("../chakra-ui-radio.esm-f310d451.js"),require("../chakra-ui-select.esm-793cf4de.js"),require("../sortableItem.context-5bba7c97.js"),require("../core.esm-3a85aed4.js"),require("../chakra-ui-tabs.esm-e6372403.js"),require("../chakra-ui-textarea.esm-23fad4cd.js"),require("../chakra-ui-input.esm-5fd07056.js"),require("../chakra-ui-theme.esm-d6d72df5.js"),exports.Alert=e.Alert,exports.Avatar=r.Avatar,exports.avatarBadePositions=o.avatarBadePositions,exports.avatarSizes=o.avatarSizes,exports.avatarTypes=o.avatarTypes,exports.avatarVariants=o.avatarVariants,exports.AvatarGroup=t.AvatarGroup,exports.Button=a.Button,exports.buttonSizes=s.buttonSizes,exports.buttonVariants=s.buttonVariants,exports.Card=i.Card,exports.CardPaddingMap=i.CardPaddingMap,exports.cardSizes=i.cardSizes,exports.Checkbox=n.WrappedCheckbox,exports.CheckboxGroup=p.WrappedCheckboxGroup,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return u.DateFormats}}),exports.DatePicker=u.DatePicker,exports.Heading=c.WrappedHeading,exports.headingSizes=d.headingSizes,exports.Icon=m.Icon,exports.IconSizeMap=m.IconSizeMap,exports.iconSizes=m.iconSizes,exports.Link=j.Link,exports.Logo=q.Logo,exports.MenuButton=x.MenuButton,exports.MenuContainer=b.MenuContainer,exports.MenuItem=l.MenuItem,exports.MenuList=f.MenuList,exports.MenuOptionGroup=h.MenuOptionGroup,exports.Menu=k.Menu,exports.ModalBody=v.ModalBody,exports.ModalCloseButton=g.ModalCloseButton,exports.ModalFooter=M.ModalFooter,exports.ModalFooterButtons=T.ModalFooterButtons,exports.ModalHeader=S.ModalHeader,exports.Modal=y.Modal,exports.NotificationCounter=P.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return P.NotificationCounterVariant}}),exports.Picture=C.Picture,exports.PopoverFooter=z.PopoverFooter,exports.PopoverHeader=B.PopoverHeader,exports.Popover=I.Popover,exports.popoverPlacements=D.popoverPlacements,exports.popoverSizes=D.popoverSizes,exports.popoverTriggerTypes=D.popoverTriggerTypes,exports.popoverVariants=D.popoverVariants,exports.Radio=L.Radio,exports.RadioGroup=F.WrappedRadioGroup,exports.RatingDot=G.RatingDot,exports.RatingDots=H.RatingDots,exports.Select=R.WrappedSelect,exports.DragHandle=O.DragHandle,exports.SortableItem=W.SortableItem,exports.SortableOverlay=V.SortableOverlay,exports.SortableList=A.SortableList,exports.Spinner=w.Spinner,exports.Switch=N.WrappedSwitch,exports.Tab=_.Tab,exports.Tabs=E.Tabs,exports.TabsLayout=J.TabsLayout,exports.Tag=K.Tag,exports.closeButtonDisplays=K.closeButtonDisplays,exports.tagSizes=K.tagSizes,exports.Text=Q.WrappedText,exports.textSizes=U.textSizes,exports.Textarea=X.WrappedTextArea,exports.TextInput=Y.WrappedTextInput,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return Z.Meridiem}}),exports.TimePicker=Z.TimePicker,exports.TimeRange=$.TimeRange,exports.useToast=ee.useToast,exports.Tooltip=re.Tooltip;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/build/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./alert.component-bc8594cc.js"),r=require("./avatar.component-7e35ab41.js"),o=require("./avatar.types-a87ebfb5.js"),t=require("./avatarGroup.component-d0fcf1da.js"),s=require("./button.component-981918e8.js"),a=require("./button.types-f42b599b.js"),p=require("./card.component-d22ea46e.js"),n=require("./checkbox.component-c5ca7d54.js"),i=require("./checkboxGroup.component-ffd4bb63.js"),u=require("./datepicker.types-d73cb70d.js"),d=require("./heading.component-198f40a3.js"),c=require("./heading.types-b6ca7d59.js"),x=require("./icon.component-9318bebf.js"),l=require("./link.component-8cc9b076.js"),m=require("./logo.component-3ae8d1c6.js"),b=require("./menuButton.component-e1cbaba8.js"),q=require("./menuContainer.component-adb9204a.js"),j=require("./menuItem.component-218a8419.js"),C=require("./menuList.component-93b00c0b.js"),h=require("./menuOptionGroup.component-bfcf4e53.js"),v=require("./menu.component-94722777.js"),M=require("./modalBody.component-771775b3.js"),f=require("./modalCloseButton.component-eddb7a57.js"),k=require("./modalFooter.component-a8dca3ea.js"),T=require("./modalFooterButtons.component-3d53a2fd.js"),g=require("./modalHeader.component-d1fd5719.js"),I=require("./modal.component-6990e35a.js"),S=require("./notificationCounter.component-6581a359.js"),P=require("./picture.component-b0edf814.js"),y=require("./popoverFooter.component-c0ee782e.js"),B=require("./popoverHeader.component-dc83a434.js"),D=require("./popover.component-bd385ed5.js"),L=require("./popover.types-bc105ea7.js"),F=require("./radio.component-de7ecece.js"),A=require("./radioGroup.component-dd58c847.js"),G=require("./ratingDot.component-bd47c659.js"),H=require("./ratingDots.component-2bc23086.js"),w=require("./select.component-51158b2c.js"),O=require("./dragHandle.component-0719a340.js"),z=require("./sortableItem.component-3bdead95.js"),R=require("./sortableOverlay.component-39d84330.js"),N=require("./sortableList.component-2c36f685.js"),W=require("./spinner.component-39040867.js"),V=require("./switch.component-8d66801f.js"),E=require("./tab.component-7216c161.js"),K=require("./tabs.component-a9d4cd4d.js"),Q=require("./tabsLayout.component-c9722b65.js"),U=require("./tag.types-892f3c99.js"),_=require("./text.component-30355fe6.js"),$=require("./text.types-fef8ead3.js"),J=require("./textarea.component-2ce3b83d.js"),X=require("./textInput.component-698edd91.js"),Y=require("./timePicker.component-c9514541.js"),Z=require("./timeRange.component-7cd35165.js"),ee=require("./useToast-f39055be.js"),re=require("./tooltip.component-76a21c48.js"),oe=require("./withTheme-e33ed8bc.js"),te=require("./useTheme-8873c39f.js"),se=require("./theme.provider-0d9a5ebb.js"),ae=require("./chakra-ui-skeleton.esm-75810d78.js"),pe=require("./chakra-ui-modal.esm-5ec83d2f.js"),ne=require("./chakra-ui-layout.esm-6ee578f7.js"),ie=require("./chakra-ui-button.esm-bd065780.js"),ue=require("./chakra-ui-alert.esm-17eebb99.js"),de=require("./chakra-ui-avatar.esm-eee70d3a.js"),ce=require("./chakra-ui-checkbox.esm-499c8b0c.js"),xe=require("./chakra-ui-input.esm-5fd07056.js"),le=require("./chakra-ui-menu.esm-fe9ef385.js"),me=require("./chakra-ui-popover.esm-172468d8.js"),be=require("./chakra-ui-radio.esm-f310d451.js"),qe=require("./chakra-ui-select.esm-793cf4de.js"),je=require("./chakra-ui-tabs.esm-e6372403.js"),Ce=require("./chakra-ui-textarea.esm-23fad4cd.js"),he=require("./chakra-ui-form-control.esm-6d25b1a4.js"),ve=require("./chakra-ui-media-query.esm-6217de7e.js"),Me=require("./chakra-ui-image.esm-66324087.js"),fe=require("./chakra-ui-system.esm-c70df670.js"),ke=require("./chakra-ui-portal.esm-bbcb5d1d.js"),Te=require("./chakra-ui-hooks.esm-21b313f3.js");require("./tslib.es6-194b75fc.js"),require("react"),require("./avatar.config-e43cfce7.js"),require("./withFormControl-fbce8608.js"),require("./index-fee8538e.js"),require("./withTruncation-a7b4edf1.js"),require("./icons/index.js"),require("./useIconTextSizeMap-301c4f35.js"),require("./menu.context-22d23674.js"),require("./menu.config-14739188.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("react-dom"),require("./chakra-ui-icon.esm-9c49b31b.js"),require("./chakra-ui-theme.esm-d6d72df5.js"),require("./index-8fecff45.js"),require("./index-6cdfadbe.js"),require("./motion-b6060749.js"),require("./chakra-ui-popper.esm-c15ff4a5.js"),require("./chakra-ui-visually-hidden.esm-b758df74.js"),require("./use-animation-state-5054a9f7.esm-c89cafc4.js"),require("./chakra-ui-react.esm-f4206977.js"),require("./zIndeces-9141d4bd.js"),require("./color.record-c0a60cfc.js"),require("./shadows.config-9e24e611.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-4394877f.js"),exports.Alert=e.Alert,exports.Avatar=r.Avatar,exports.avatarBadePositions=o.avatarBadePositions,exports.avatarSizes=o.avatarSizes,exports.avatarTypes=o.avatarTypes,exports.avatarVariants=o.avatarVariants,exports.AvatarGroup=t.AvatarGroup,exports.Button=s.Button,exports.buttonSizes=a.buttonSizes,exports.buttonVariants=a.buttonVariants,exports.Card=p.Card,exports.CardPaddingMap=p.CardPaddingMap,exports.cardSizes=p.cardSizes,exports.Checkbox=n.WrappedCheckbox,exports.CheckboxGroup=i.WrappedCheckboxGroup,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return u.DateFormats}}),exports.DatePicker=u.DatePicker,exports.Heading=d.WrappedHeading,exports.headingSizes=c.headingSizes,exports.Icon=x.Icon,exports.IconSizeMap=x.IconSizeMap,exports.iconSizes=x.iconSizes,exports.Link=l.Link,exports.Logo=m.Logo,exports.MenuButton=b.MenuButton,exports.MenuContainer=q.MenuContainer,exports.MenuItem=j.MenuItem,exports.MenuList=C.MenuList,exports.MenuOptionGroup=h.MenuOptionGroup,exports.Menu=v.Menu,exports.ModalBody=M.ModalBody,exports.ModalCloseButton=f.ModalCloseButton,exports.ModalFooter=k.ModalFooter,exports.ModalFooterButtons=T.ModalFooterButtons,exports.ModalHeader=g.ModalHeader,exports.Modal=I.Modal,exports.NotificationCounter=S.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return S.NotificationCounterVariant}}),exports.Picture=P.Picture,exports.PopoverFooter=y.PopoverFooter,exports.PopoverHeader=B.PopoverHeader,exports.Popover=D.Popover,exports.popoverPlacements=L.popoverPlacements,exports.popoverSizes=L.popoverSizes,exports.popoverTriggerTypes=L.popoverTriggerTypes,exports.popoverVariants=L.popoverVariants,exports.Radio=F.Radio,exports.RadioGroup=A.WrappedRadioGroup,exports.RatingDot=G.RatingDot,exports.RatingDots=H.RatingDots,exports.Select=w.WrappedSelect,exports.DragHandle=O.DragHandle,exports.SortableItem=z.SortableItem,exports.SortableOverlay=R.SortableOverlay,exports.SortableList=N.SortableList,exports.Spinner=W.Spinner,exports.Switch=V.WrappedSwitch,exports.Tab=E.Tab,exports.Tabs=K.Tabs,exports.TabsLayout=Q.TabsLayout,exports.Tag=U.Tag,exports.closeButtonDisplays=U.closeButtonDisplays,exports.tagSizes=U.tagSizes,exports.Text=_.WrappedText,exports.textSizes=$.textSizes,exports.Textarea=J.WrappedTextArea,exports.TextInput=X.WrappedTextInput,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return Y.Meridiem}}),exports.TimePicker=Y.TimePicker,exports.TimeRange=Z.TimeRange,exports.useToast=ee.useToast,exports.Tooltip=re.Tooltip,exports.withDarkMode=oe.withDarkMode,exports.withTheme=oe.withTheme,exports.useTheme=te.useTheme,exports.KibbleThemeProvider=se.KibbleThemeProvider,exports.theme=se.theme,exports.Accordion=ae.Accordion,exports.AccordionButton=ae.AccordionButton,exports.AccordionIcon=ae.AccordionIcon,exports.AccordionItem=ae.AccordionItem,exports.AccordionPanel=ae.AccordionPanel,exports.NumberDecrementStepper=ae.NumberDecrementStepper,exports.NumberIncrementStepper=ae.NumberIncrementStepper,exports.NumberInput=ae.NumberInput,exports.NumberInputField=ae.NumberInputField,exports.NumberInputStepper=ae.NumberInputStepper,exports.PinInput=ae.PinInput,exports.PinInputField=ae.PinInputField,exports.Progress=ae.Progress,exports.Skeleton=ae.Skeleton,exports.SkeletonText=ae.SkeletonText,exports.Table=ae.Table,exports.TableCaption=ae.TableCaption,exports.TableContainer=ae.TableContainer,exports.Tbody=ae.Tbody,exports.Td=ae.Td,exports.Tfoot=ae.Tfoot,exports.Th=ae.Th,exports.Thead=ae.Thead,exports.Tr=ae.Tr,exports.AlertDialog=pe.AlertDialog,exports.AlertDialogBody=pe.ModalBody,exports.AlertDialogContent=pe.AlertDialogContent,exports.AlertDialogFooter=pe.ModalFooter,exports.AlertDialogHeader=pe.ModalHeader,exports.AlertDialogOverlay=pe.ModalOverlay,exports.CModal=pe.Modal,exports.CModalBody=pe.ModalBody,exports.CModalCloseButton=pe.ModalCloseButton,exports.CModalFooter=pe.ModalFooter,exports.CModalHeader=pe.ModalHeader,exports.Collapse=pe.Collapse,exports.Drawer=pe.Drawer,exports.DrawerBody=pe.ModalBody,exports.DrawerCloseButton=pe.ModalCloseButton,exports.DrawerContent=pe.DrawerContent,exports.DrawerFooter=pe.ModalFooter,exports.DrawerHeader=pe.ModalHeader,exports.DrawerOverlay=pe.ModalOverlay,exports.ModalContent=pe.ModalContent,exports.ModalOverlay=pe.ModalOverlay,exports.Badge=ne.Badge,exports.Box=ne.Box,exports.Center=ne.Center,exports.Circle=ne.Circle,exports.Code=ne.Code,exports.Container=ne.Container,exports.Divider=ne.Divider,exports.Flex=ne.Flex,exports.Grid=ne.Grid,exports.GridItem=ne.GridItem,exports.HStack=ne.HStack,exports.LinkBox=ne.LinkBox,exports.LinkOverlay=ne.LinkOverlay,exports.List=ne.List,exports.ListItem=ne.ListItem,exports.OrderedList=ne.OrderedList,exports.SimpleGrid=ne.SimpleGrid,exports.Spacer=ne.Spacer,exports.Square=ne.Square,exports.Stack=ne.Stack,exports.UnorderedList=ne.UnorderedList,exports.VStack=ne.VStack,exports.Wrap=ne.Wrap,exports.WrapItem=ne.WrapItem,exports.ButtonGroup=ie.ButtonGroup,exports.CButton=ie.Button,exports.IconButton=ie.IconButton,exports.CAlert=ue.Alert,exports.CAvatar=de.Avatar,exports.CCheckboxGroup=ce.CheckboxGroup,exports.useCheckbox=ce.useCheckbox,exports.useCheckboxGroup=ce.useCheckboxGroup,exports.CInput=xe.Input,exports.InputGroup=xe.InputGroup,exports.InputLeftAddon=xe.InputLeftAddon,exports.InputLeftElement=xe.InputLeftElement,exports.InputRightElement=xe.InputRightElement,exports.CMenu=le.Menu,exports.CMenuButton=le.MenuButton,exports.CMenuItem=le.MenuItem,exports.CMenuList=le.MenuList,exports.MenuDivider=le.MenuDivider,exports.MenuGroup=le.MenuGroup,exports.MenuItemOption=le.MenuItemOption,exports.CPopover=me.Popover,exports.CPopoverBody=me.PopoverBody,exports.CPopoverFooter=me.PopoverFooter,exports.CPopoverHeader=me.PopoverHeader,exports.PopoverArrow=me.PopoverArrow,exports.PopoverContent=me.PopoverContent,exports.PopoverTrigger=me.PopoverTrigger,exports.usePopoverContext=me.usePopoverContext,exports.CRadioGroup=be.RadioGroup,exports.useRadio=be.useRadio,exports.useRadioGroup=be.useRadioGroup,exports.CSelect=qe.Select,exports.CTab=je.Tab,exports.CTabs=je.Tabs,exports.TabList=je.TabList,exports.TabPanel=je.TabPanel,exports.TabPanels=je.TabPanels,exports.CTextarea=Ce.Textarea,exports.FormControl=he.FormControl,exports.FormErrorMessage=he.FormErrorMessage,exports.FormHelperText=he.FormHelperText,exports.FormLabel=he.FormLabel,exports.Hide=ve.Hide,exports.Show=ve.Show,exports.useBreakpoint=ve.useBreakpoint,exports.useBreakpointValue=ve.useBreakpointValue,exports.useMediaQuery=ve.useMediaQuery,exports.Image=Me.Image$1,exports.keyframes=fe.keyframes,exports.useColorMode=fe.useColorMode,exports.Portal=ke.Portal,exports.useConst=Te.useConst,exports.useDisclosure=Te.useDisclosure,exports.useInterval=Te.useInterval,exports.useOutsideClick=Te.useOutsideClick;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./alert.component-bc8594cc.js"),r=require("./avatar.component-7e35ab41.js"),o=require("./avatar.types-a87ebfb5.js"),t=require("./avatarGroup.component-d0fcf1da.js"),s=require("./button.component-981918e8.js"),a=require("./button.types-f42b599b.js"),p=require("./card.component-20080f05.js"),n=require("./checkbox.component-c5ca7d54.js"),i=require("./checkboxGroup.component-ffd4bb63.js"),u=require("./datepicker.types-d73cb70d.js"),c=require("./heading.component-198f40a3.js"),d=require("./heading.types-b6ca7d59.js"),x=require("./icon.component-9318bebf.js"),l=require("./link.component-8cc9b076.js"),m=require("./logo.component-3ae8d1c6.js"),b=require("./menuButton.component-e1cbaba8.js"),q=require("./menuContainer.component-adb9204a.js"),j=require("./menuItem.component-218a8419.js"),C=require("./menuList.component-93b00c0b.js"),f=require("./menuOptionGroup.component-bfcf4e53.js"),h=require("./menu.component-94722777.js"),v=require("./modalBody.component-771775b3.js"),M=require("./modalCloseButton.component-eddb7a57.js"),k=require("./modalFooter.component-a8dca3ea.js"),T=require("./modalFooterButtons.component-3d53a2fd.js"),g=require("./modalHeader.component-d1fd5719.js"),I=require("./modal.component-6990e35a.js"),S=require("./notificationCounter.component-6581a359.js"),P=require("./picture.component-b0edf814.js"),y=require("./popoverFooter.component-c0ee782e.js"),B=require("./popoverHeader.component-c18911f7.js"),D=require("./popover.component-b1318f2b.js"),L=require("./popover.types-bc105ea7.js"),F=require("./radio.component-de7ecece.js"),A=require("./radioGroup.component-dd58c847.js"),G=require("./ratingDot.component-bd47c659.js"),H=require("./ratingDots.component-2bc23086.js"),w=require("./select.component-51158b2c.js"),O=require("./dragHandle.component-0719a340.js"),z=require("./sortableItem.component-3bdead95.js"),R=require("./sortableOverlay.component-39d84330.js"),N=require("./sortableList.component-2c36f685.js"),W=require("./spinner.component-39040867.js"),V=require("./switch.component-8d66801f.js"),E=require("./tab.component-7216c161.js"),K=require("./tabs.component-a9d4cd4d.js"),Q=require("./tabsLayout.component-c9722b65.js"),U=require("./tag.types-892f3c99.js"),_=require("./text.component-30355fe6.js"),$=require("./text.types-fef8ead3.js"),J=require("./textarea.component-2ce3b83d.js"),X=require("./textInput.component-698edd91.js"),Y=require("./timePicker.component-a09c5a46.js"),Z=require("./timeRange.component-db33f38f.js"),ee=require("./useToast-f39055be.js"),re=require("./tooltip.component-76a21c48.js"),oe=require("./withTheme-e33ed8bc.js"),te=require("./useTheme-8873c39f.js"),se=require("./theme.provider-0d9a5ebb.js"),ae=require("./chakra-ui-skeleton.esm-75810d78.js"),pe=require("./chakra-ui-modal.esm-5ec83d2f.js"),ne=require("./chakra-ui-layout.esm-6ee578f7.js"),ie=require("./chakra-ui-button.esm-bd065780.js"),ue=require("./chakra-ui-alert.esm-17eebb99.js"),ce=require("./chakra-ui-avatar.esm-eee70d3a.js"),de=require("./chakra-ui-checkbox.esm-499c8b0c.js"),xe=require("./chakra-ui-input.esm-5fd07056.js"),le=require("./chakra-ui-menu.esm-fe9ef385.js"),me=require("./chakra-ui-popover.esm-172468d8.js"),be=require("./chakra-ui-radio.esm-f310d451.js"),qe=require("./chakra-ui-select.esm-793cf4de.js"),je=require("./chakra-ui-tabs.esm-e6372403.js"),Ce=require("./chakra-ui-textarea.esm-23fad4cd.js"),fe=require("./chakra-ui-form-control.esm-6d25b1a4.js"),he=require("./chakra-ui-media-query.esm-6217de7e.js"),ve=require("./chakra-ui-image.esm-66324087.js"),Me=require("./chakra-ui-system.esm-c70df670.js"),ke=require("./chakra-ui-portal.esm-bbcb5d1d.js"),Te=require("./chakra-ui-hooks.esm-21b313f3.js");require("./tslib.es6-194b75fc.js"),require("react"),require("./avatar.config-e43cfce7.js"),require("./withFormControl-fbce8608.js"),require("./index-fee8538e.js"),require("./withTruncation-a7b4edf1.js"),require("./icons/index.js"),require("./useIconTextSizeMap-301c4f35.js"),require("./menu.context-22d23674.js"),require("./menu.config-14739188.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("react-dom"),require("./chakra-ui-icon.esm-9c49b31b.js"),require("./chakra-ui-theme.esm-d6d72df5.js"),require("./index-8fecff45.js"),require("./index-6cdfadbe.js"),require("./motion-b6060749.js"),require("./chakra-ui-popper.esm-c15ff4a5.js"),require("./chakra-ui-visually-hidden.esm-b758df74.js"),require("./use-animation-state-5054a9f7.esm-c89cafc4.js"),require("./chakra-ui-react.esm-f4206977.js"),require("./zIndeces-9141d4bd.js"),require("./color.record-c0a60cfc.js"),require("./shadows.config-9e24e611.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-4394877f.js"),exports.Alert=e.Alert,exports.Avatar=r.Avatar,exports.avatarBadePositions=o.avatarBadePositions,exports.avatarSizes=o.avatarSizes,exports.avatarTypes=o.avatarTypes,exports.avatarVariants=o.avatarVariants,exports.AvatarGroup=t.AvatarGroup,exports.Button=s.Button,exports.buttonSizes=a.buttonSizes,exports.buttonVariants=a.buttonVariants,exports.Card=p.Card,exports.CardPaddingMap=p.CardPaddingMap,exports.cardSizes=p.cardSizes,exports.Checkbox=n.WrappedCheckbox,exports.CheckboxGroup=i.WrappedCheckboxGroup,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return u.DateFormats}}),exports.DatePicker=u.DatePicker,exports.Heading=c.WrappedHeading,exports.headingSizes=d.headingSizes,exports.Icon=x.Icon,exports.IconSizeMap=x.IconSizeMap,exports.iconSizes=x.iconSizes,exports.Link=l.Link,exports.Logo=m.Logo,exports.MenuButton=b.MenuButton,exports.MenuContainer=q.MenuContainer,exports.MenuItem=j.MenuItem,exports.MenuList=C.MenuList,exports.MenuOptionGroup=f.MenuOptionGroup,exports.Menu=h.Menu,exports.ModalBody=v.ModalBody,exports.ModalCloseButton=M.ModalCloseButton,exports.ModalFooter=k.ModalFooter,exports.ModalFooterButtons=T.ModalFooterButtons,exports.ModalHeader=g.ModalHeader,exports.Modal=I.Modal,exports.NotificationCounter=S.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return S.NotificationCounterVariant}}),exports.Picture=P.Picture,exports.PopoverFooter=y.PopoverFooter,exports.PopoverHeader=B.PopoverHeader,exports.Popover=D.Popover,exports.popoverPlacements=L.popoverPlacements,exports.popoverSizes=L.popoverSizes,exports.popoverTriggerTypes=L.popoverTriggerTypes,exports.popoverVariants=L.popoverVariants,exports.Radio=F.Radio,exports.RadioGroup=A.WrappedRadioGroup,exports.RatingDot=G.RatingDot,exports.RatingDots=H.RatingDots,exports.Select=w.WrappedSelect,exports.DragHandle=O.DragHandle,exports.SortableItem=z.SortableItem,exports.SortableOverlay=R.SortableOverlay,exports.SortableList=N.SortableList,exports.Spinner=W.Spinner,exports.Switch=V.WrappedSwitch,exports.Tab=E.Tab,exports.Tabs=K.Tabs,exports.TabsLayout=Q.TabsLayout,exports.Tag=U.Tag,exports.closeButtonDisplays=U.closeButtonDisplays,exports.tagSizes=U.tagSizes,exports.Text=_.WrappedText,exports.textSizes=$.textSizes,exports.Textarea=J.WrappedTextArea,exports.TextInput=X.WrappedTextInput,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return Y.Meridiem}}),exports.TimePicker=Y.TimePicker,exports.TimeRange=Z.TimeRange,exports.useToast=ee.useToast,exports.Tooltip=re.Tooltip,exports.withDarkMode=oe.withDarkMode,exports.withTheme=oe.withTheme,exports.useTheme=te.useTheme,exports.KibbleThemeProvider=se.KibbleThemeProvider,exports.theme=se.theme,exports.Accordion=ae.Accordion,exports.AccordionButton=ae.AccordionButton,exports.AccordionIcon=ae.AccordionIcon,exports.AccordionItem=ae.AccordionItem,exports.AccordionPanel=ae.AccordionPanel,exports.NumberDecrementStepper=ae.NumberDecrementStepper,exports.NumberIncrementStepper=ae.NumberIncrementStepper,exports.NumberInput=ae.NumberInput,exports.NumberInputField=ae.NumberInputField,exports.NumberInputStepper=ae.NumberInputStepper,exports.PinInput=ae.PinInput,exports.PinInputField=ae.PinInputField,exports.Progress=ae.Progress,exports.Skeleton=ae.Skeleton,exports.SkeletonText=ae.SkeletonText,exports.Table=ae.Table,exports.TableCaption=ae.TableCaption,exports.TableContainer=ae.TableContainer,exports.Tbody=ae.Tbody,exports.Td=ae.Td,exports.Tfoot=ae.Tfoot,exports.Th=ae.Th,exports.Thead=ae.Thead,exports.Tr=ae.Tr,exports.AlertDialog=pe.AlertDialog,exports.AlertDialogBody=pe.ModalBody,exports.AlertDialogContent=pe.AlertDialogContent,exports.AlertDialogFooter=pe.ModalFooter,exports.AlertDialogHeader=pe.ModalHeader,exports.AlertDialogOverlay=pe.ModalOverlay,exports.CModal=pe.Modal,exports.CModalBody=pe.ModalBody,exports.CModalCloseButton=pe.ModalCloseButton,exports.CModalFooter=pe.ModalFooter,exports.CModalHeader=pe.ModalHeader,exports.Collapse=pe.Collapse,exports.Drawer=pe.Drawer,exports.DrawerBody=pe.ModalBody,exports.DrawerCloseButton=pe.ModalCloseButton,exports.DrawerContent=pe.DrawerContent,exports.DrawerFooter=pe.ModalFooter,exports.DrawerHeader=pe.ModalHeader,exports.DrawerOverlay=pe.ModalOverlay,exports.ModalContent=pe.ModalContent,exports.ModalOverlay=pe.ModalOverlay,exports.Badge=ne.Badge,exports.Box=ne.Box,exports.Center=ne.Center,exports.Circle=ne.Circle,exports.Code=ne.Code,exports.Container=ne.Container,exports.Divider=ne.Divider,exports.Flex=ne.Flex,exports.Grid=ne.Grid,exports.GridItem=ne.GridItem,exports.HStack=ne.HStack,exports.LinkBox=ne.LinkBox,exports.LinkOverlay=ne.LinkOverlay,exports.List=ne.List,exports.ListItem=ne.ListItem,exports.OrderedList=ne.OrderedList,exports.SimpleGrid=ne.SimpleGrid,exports.Spacer=ne.Spacer,exports.Square=ne.Square,exports.Stack=ne.Stack,exports.UnorderedList=ne.UnorderedList,exports.VStack=ne.VStack,exports.Wrap=ne.Wrap,exports.WrapItem=ne.WrapItem,exports.ButtonGroup=ie.ButtonGroup,exports.CButton=ie.Button,exports.IconButton=ie.IconButton,exports.CAlert=ue.Alert,exports.CAvatar=ce.Avatar,exports.CCheckboxGroup=de.CheckboxGroup,exports.useCheckbox=de.useCheckbox,exports.useCheckboxGroup=de.useCheckboxGroup,exports.CInput=xe.Input,exports.InputGroup=xe.InputGroup,exports.InputLeftAddon=xe.InputLeftAddon,exports.InputLeftElement=xe.InputLeftElement,exports.InputRightElement=xe.InputRightElement,exports.CMenu=le.Menu,exports.CMenuButton=le.MenuButton,exports.CMenuItem=le.MenuItem,exports.CMenuList=le.MenuList,exports.MenuDivider=le.MenuDivider,exports.MenuGroup=le.MenuGroup,exports.MenuItemOption=le.MenuItemOption,exports.CPopover=me.Popover,exports.CPopoverBody=me.PopoverBody,exports.CPopoverFooter=me.PopoverFooter,exports.CPopoverHeader=me.PopoverHeader,exports.PopoverArrow=me.PopoverArrow,exports.PopoverContent=me.PopoverContent,exports.PopoverTrigger=me.PopoverTrigger,exports.usePopoverContext=me.usePopoverContext,exports.CRadioGroup=be.RadioGroup,exports.useRadio=be.useRadio,exports.useRadioGroup=be.useRadioGroup,exports.CSelect=qe.Select,exports.CTab=je.Tab,exports.CTabs=je.Tabs,exports.TabList=je.TabList,exports.TabPanel=je.TabPanel,exports.TabPanels=je.TabPanels,exports.CTextarea=Ce.Textarea,exports.FormControl=fe.FormControl,exports.FormErrorMessage=fe.FormErrorMessage,exports.FormHelperText=fe.FormHelperText,exports.FormLabel=fe.FormLabel,exports.Hide=he.Hide,exports.Show=he.Show,exports.useBreakpoint=he.useBreakpoint,exports.useBreakpointValue=he.useBreakpointValue,exports.useMediaQuery=he.useMediaQuery,exports.Image=ve.Image$1,exports.keyframes=Me.keyframes,exports.useColorMode=Me.useColorMode,exports.Portal=ke.Portal,exports.useConst=Te.useConst,exports.useDisclosure=Te.useDisclosure,exports.useInterval=Te.useInterval,exports.useOutsideClick=Te.useOutsideClick;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),r=require("./popoverHeader.component-
|
|
2
|
-
//# sourceMappingURL=popover.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),r=require("./popoverHeader.component-c18911f7.js"),o=require("./popoverFooter.component-c0ee782e.js"),a=require("./text.component-30355fe6.js"),s=require("./chakra-ui-popover.esm-172468d8.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(t);exports.Popover=n=>{var{allowEscape:i=!0,anchor:l,children:u,contentProps:p,footerProps:d,headerProps:f,placement:v="auto",size:g="sm",trigger:m="click",variant:b="contrast"}=n,P=e.__rest(n,["allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant"]);const j=t.useMemo((()=>{switch(b){case"contrast":case"contrastDestructive":return{bg:"background.contrast",color:"text.onContrast"};case"default":case"defaultDestructive":return{bg:"background.default",color:"text.default"}}}),[b]),E="contrast"===b||"contrastDestructive"===b,h="contrastDestructive"===b||"defaultDestructive"===b;return c.default.createElement(s.Popover,Object.assign({size:g,closeOnBlur:i,closeOnEsc:i,placement:v,trigger:m},P),c.default.createElement(s.PopoverTrigger,null,l),c.default.createElement(s.PopoverContent,Object.assign({},j,p,{shadow:"md"}),c.default.createElement(s.PopoverArrow,Object.assign({},j)),f&&c.default.createElement(r.PopoverHeader,Object.assign({isOnContrast:E},j,f)),c.default.createElement(s.PopoverBody,Object.assign({py:3,borderRadius:"inherit"},j),"string"==typeof u?c.default.createElement(a.WrappedText,{variant:E?"onContrast":"default",size:"sm"},u):u),d&&c.default.createElement(o.PopoverFooter,Object.assign({isDestructive:h,isOnContrast:E},d,j))))};
|
|
2
|
+
//# sourceMappingURL=popover.component-b1318f2b.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.component-
|
|
1
|
+
{"version":3,"file":"popover.component-b1318f2b.js","sources":["../src/components/Popover/popover.component.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport {\n Popover as CPopover,\n PopoverProps as CPopoverProps,\n PopoverTrigger as CPopoverTrigger,\n PopoverContent as CPopoverContent,\n PopoverArrow as CPopoverArrow,\n PopoverBody as CPopoverBody,\n PopoverContentProps,\n} from '@chakra-ui/react';\nimport { PopoverPlacement, PopoverSize, PopoverVariant, PopoverTriggerType } from './popover.types';\nimport { PopoverHeader, PopoverHeaderProps } from './components/PopoverHeader';\nimport { PopoverFooter, PopoverFooterProps } from './components/PopoverFooter';\nimport { Text } from '../Text';\n\nexport interface KPopoverProps {\n allowEscape?: boolean;\n anchor: ReactNode;\n children: ReactNode;\n footerProps?: PopoverFooterProps;\n headerProps?: PopoverHeaderProps;\n contentProps?: PopoverContentProps;\n placement?: PopoverPlacement;\n size?: PopoverSize;\n trigger?: PopoverTriggerType;\n variant?: PopoverVariant;\n}\n\nexport type PopoverProps = KPopoverProps & CPopoverProps;\n\nexport const Popover = ({\n allowEscape = true,\n anchor,\n children,\n contentProps,\n footerProps,\n headerProps,\n placement = 'auto',\n size = 'sm',\n trigger = 'click',\n variant = 'contrast',\n ...rest\n}: PopoverProps): JSX.Element => {\n // Manually setting the variant styles here rather than in the config\n // because chakra doesn't style the tooltip/popover arrow properly when styles are customized\n // See GH issue for reference: https://github.com/chakra-ui/chakra-ui/issues/4695#issuecomment-991023319\n const styles = useMemo(() => {\n switch (variant) {\n case 'contrast':\n case 'contrastDestructive':\n return {\n bg: 'background.contrast',\n color: 'text.onContrast',\n };\n case 'default':\n case 'defaultDestructive':\n return {\n bg: 'background.default',\n color: 'text.default',\n };\n default:\n break;\n }\n }, [variant]);\n\n const isOnContrast = variant === 'contrast' || variant === 'contrastDestructive';\n const isDestructive = variant === 'contrastDestructive' || variant === 'defaultDestructive';\n\n return (\n <CPopover\n size={size}\n closeOnBlur={allowEscape}\n closeOnEsc={allowEscape}\n placement={placement}\n trigger={trigger}\n {...rest}\n >\n <CPopoverTrigger>{anchor}</CPopoverTrigger>\n <CPopoverContent {...styles} {...contentProps} shadow=\"md\">\n <CPopoverArrow {...styles} />\n {headerProps && <PopoverHeader isOnContrast={isOnContrast} {...styles} {...headerProps} />}\n <CPopoverBody py={3} borderRadius=\"inherit\" {...styles}>\n {typeof children === 'string' ? (\n <Text variant={isOnContrast ? 'onContrast' : 'default'} size=\"sm\">\n {children}\n </Text>\n ) : (\n children\n )}\n </CPopoverBody>\n {footerProps && (\n <PopoverFooter isDestructive={isDestructive} isOnContrast={isOnContrast} {...footerProps} {...styles} />\n )}\n </CPopoverContent>\n </CPopover>\n );\n};\n"],"names":["_a","allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant","rest","__rest","styles","useMemo","bg","color","isOnContrast","isDestructive","React","createElement","CPopover","Popover","Object","assign","closeOnBlur","closeOnEsc","CPopoverTrigger","CPopoverContent","shadow","CPopoverArrow","PopoverHeader","CPopoverBody","py","borderRadius","Text","PopoverFooter"],"mappings":"6WA8BwBA,IAAA,IAAAC,YACtBA,GAAc,EAAIC,OAClBA,EAAMC,SACNA,EAAQC,aACRA,EAAYC,YACZA,EAAWC,YACXA,EAAWC,UACXA,EAAY,OAAMC,KAClBA,EAAO,KAAIC,QACXA,EAAU,QAAOC,QACjBA,EAAU,YAEGV,EADVW,EAAIC,EAAAA,OAAAZ,EAXe,uHAgBtB,MAAMa,EAASC,EAAAA,SAAQ,KACrB,OAAQJ,GACN,IAAK,WACL,IAAK,sBACH,MAAO,CACLK,GAAI,sBACJC,MAAO,mBAEX,IAAK,UACL,IAAK,qBACH,MAAO,CACLD,GAAI,qBACJC,MAAO,mBAKZ,CAACN,IAEEO,EAA2B,aAAZP,GAAsC,wBAAZA,EACzCQ,EAA4B,wBAAZR,GAAiD,uBAAZA,EAE3D,OACES,EAAAA,QAACC,cAAAC,EAAQC,QACPC,OAAAC,OAAA,CAAAhB,KAAMA,EACNiB,YAAaxB,EACbyB,WAAYzB,EACZM,UAAWA,EACXE,QAASA,GACLE,GAEJQ,EAAAA,QAACC,cAAAO,iBAAiB,KAAAzB,GAClBiB,EAAAA,QAACC,cAAAQ,kCAAoBf,EAAYT,EAAc,CAAAyB,OAAO,OACpDV,EAAC,QAAAC,cAAAU,eAAkBP,OAAAC,OAAA,GAAAX,IAClBP,GAAea,EAAC,QAAAC,cAAAW,EAAAA,cAAcR,OAAAC,OAAA,CAAAP,aAAcA,GAAkBJ,EAAYP,IAC3Ea,EAAAA,QAACC,cAAAY,EAAAA,2BAAaC,GAAI,EAAGC,aAAa,WAAcrB,GACzB,iBAAbV,EACNgB,EAAAA,QAACC,cAAAe,EAAAA,YAAK,CAAAzB,QAASO,EAAe,aAAe,UAAWT,KAAK,MAC1DL,GACI,GAKVE,GACCc,EAAC,QAAAC,cAAAgB,EAAaA,6BAAClB,cAAeA,EAAeD,aAAcA,GAAkBZ,EAAiBQ"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),o=require("./heading.component-198f40a3.js"),r=require("./button.component-981918e8.js"),n=require("./chakra-ui-popover.esm-172468d8.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t);exports.PopoverHeader=t=>{var{size:s="sm",children:a,color:l,hideCloseButton:u=!1,isOnContrast:c=!0,onClose:d}=t,p=e.__rest(t,["size","children","color","hideCloseButton","isOnContrast","onClose"]);const{onClose:b}=n.usePopoverContext();return i.default.createElement(n.PopoverHeader,Object.assign({px:3,pt:3,pb:0,borderBottom:0,borderRadius:"inherit",minH:6},p),i.default.createElement(o.WrappedHeading,{size:s,color:l||"inherit"},a),!u&&i.default.createElement(r.Button,Object.assign({variant:"ghostNeutral",isOnContrast:c,onClick:d||b,iconName:"close",position:"absolute",right:1,top:1,size:"xs"},p)))};
|
|
2
|
+
//# sourceMappingURL=popoverHeader.component-c18911f7.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popoverHeader.component-c18911f7.js","sources":["../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n PopoverHeader as CPopoverHeader,\n PopoverHeaderProps as CPopoverHeaderProps,\n usePopoverContext,\n} from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Button } from 'components/Button';\nimport { SemanticColorToken } from 'theme/tokens';\n\nexport interface KPopoverHeaderProps {\n children?: ReactNode;\n color?: SemanticColorToken | string;\n hideCloseButton?: boolean;\n onClose?: () => void;\n isOnContrast?: boolean;\n size?: HeadingSize;\n}\n\nexport type PopoverHeaderProps = KPopoverHeaderProps & CPopoverHeaderProps;\n\nexport const PopoverHeader = ({\n size = 'sm',\n children,\n color,\n hideCloseButton = false,\n isOnContrast = true,\n onClose,\n ...rest\n}: PopoverHeaderProps): JSX.Element => {\n const { onClose: contextOnClose } = usePopoverContext();\n\n return (\n <CPopoverHeader px={3} pt={3} pb={0} borderBottom={0} borderRadius=\"inherit\" minH={6} {...rest}>\n <Heading size={size} color={color || 'inherit'}>\n {children}\n </Heading>\n {!hideCloseButton && (\n <Button\n variant=\"ghostNeutral\"\n isOnContrast={isOnContrast}\n onClick={onClose ? onClose : contextOnClose}\n iconName=\"close\"\n position=\"absolute\"\n right={1}\n top={1}\n size=\"xs\"\n {...rest}\n />\n )}\n </CPopoverHeader>\n );\n};\n"],"names":["_a","size","children","color","hideCloseButton","isOnContrast","onClose","rest","__rest","contextOnClose","usePopoverContext","React","createElement","CPopoverHeader","Object","assign","px","pt","pb","borderBottom","borderRadius","minH","Heading","WrappedHeading","Button","variant","onClick","iconName","position","right","top"],"mappings":"4TAsB8BA,QAAAC,KAC5BA,EAAO,KAAIC,SACXA,EAAQC,MACRA,EAAKC,gBACLA,GAAkB,EAAKC,aACvBA,GAAe,EAAIC,QACnBA,KACGC,EAPyBC,EAAAA,OAAAR,EAAA,CAAA,OAAA,WAAA,QAAA,kBAAA,eAAA,YAS5B,MAAQM,QAASG,GAAmBC,EAAiBA,oBAErD,OACEC,EAAA,QAAAC,cAACC,gBAAcC,OAAAC,OAAA,CAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,aAAc,EAAGC,aAAa,UAAUC,KAAM,GAAOd,GACxFI,UAAAC,cAACU,EAAOC,eAAA,CAACtB,KAAMA,EAAME,MAAOA,GAAS,WAClCD,IAEDE,GACAO,EAAA,QAAAC,cAACY,EAAMA,OACLV,OAAAC,OAAA,CAAAU,QAAQ,eACRpB,aAAcA,EACdqB,QAASpB,GAAoBG,EAC7BkB,SAAS,QACTC,SAAS,WACTC,MAAO,EACPC,IAAK,EACL7B,KAAK,MACDM"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./icon.component-9318bebf.js"),r=require("./popover.component-
|
|
2
|
-
//# sourceMappingURL=timePicker.component-
|
|
1
|
+
"use strict";var e=require("react"),t=require("./icon.component-9318bebf.js"),r=require("./popover.component-b1318f2b.js"),n=require("./index-fee8538e.js"),o=require("./textInput.component-698edd91.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js"),a=require("./useIconTextSizeMap-301c4f35.js"),l=require("./chakra-ui-hooks.esm-21b313f3.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(e);const c=({value:t,innerRef:r,isSelected:n,handleClick:o})=>{const a=e.useCallback((e=>{const t=e.currentTarget.textContent||"";o(t)}),[o]);return s.default.createElement(i.Box,{ref:r,onClick:a,background:n?"background.primary":"background.default",color:n?"text.onContrast":"text.subtle",fontSize:"sm",textAlign:"center",px:3,py:1,borderRadius:"md",cursor:"pointer",_hover:{background:n?"background.primary.hover":"background.primaryAlpha.hover"}},t)},p=({options:t,optionType:r,selectedValue:n,handleClick:o,isOpen:a=!1})=>{const l=e.useRef(null),u=e.useRef(null);return e.useEffect((()=>{var e,t;a&&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))}),[a]),s.default.createElement(i.Flex,{direction:"column",gap:1,ref:u,overflowY:"auto",sx:{"&::-webkit-scrollbar":{display:"none"}}},t.map((e=>s.default.createElement(c,{key:`${r}-option-${e}`,innerRef:e===n?l:null,value:e,isSelected:e===n,handleClick:o}))))};var d;exports.Meridiem=void 0,(d=exports.Meridiem||(exports.Meridiem={})).AM="AM",d.PM="PM";exports.TimePicker=({initialTime:u,minuteInterval:c=5,inputProps:d,placement:m,onTimeChange:f})=>{const{isOpen:x,onOpen:M,onClose:b}=l.useDisclosure(),k=e.useMemo((()=>new Date(u)),[u]),[h,g]=e.useState(u),v=e.useMemo((()=>{const e=k.getHours();let t=e;return e>12&&(t=e-12),0===e&&(t=12),t.toString()}),[k]),[C,T]=e.useState(v),[y,E]=e.useState(k.getMinutes().toString()),[S,O]=e.useState(k.getHours()>11?exports.Meridiem.PM:exports.Meridiem.AM),j=e.useMemo((()=>n.format(h,"h:mm aa")),[h]),P=e=>{const t=e.toString();return 1===t.length?`0${t}`:t},q=e.useMemo((()=>[12,1,2,3,4,5,6,7,8,9,10,11].map((e=>e.toString()))),[]),w=e.useMemo((()=>{const e=[];for(let t=0;t<60;t+=c)e.push(t);return e.map(P)}),[c]),A=[exports.Meridiem.AM,exports.Meridiem.PM],z=e.useCallback(((e,t,r)=>{let n=0;r===exports.Meridiem.PM&&Number(e)<12&&(n=12),r===exports.Meridiem.AM&&12===Number(e)&&(n=-12);const o=Number(e)+n,i=(new Date).setHours(o,Number(t),0,0),a=new Date(i);g(a),f&&f(a)}),[f]),I=e.useCallback((e=>{T(e),z(e,y,S)}),[z,S,y]),R=e.useCallback((e=>{E(e),z(C,e,S)}),[z,C,S]),D=e.useCallback((e=>{O(e),z(C,y,e)}),[z,C,y]);return s.default.createElement(r.Popover,{isOpen:x,onOpen:M,onClose:b,placement:m,contentProps:{width:"max-content"},variant:"default",size:"sm",anchor:s.default.createElement(i.Box,null,s.default.createElement(o.WrappedTextInput,Object.assign({rightElement:s.default.createElement(t.Icon,{size:a.useIconTextSizeMap((null==d?void 0:d.size)||"md"),name:"clock"}),value:j,isReadOnly:!0,cursor:"pointer"},d)))},s.default.createElement(i.Flex,{height:"186px",gap:1.5,overflow:"hidden"},s.default.createElement(p,{options:q,optionType:"hour",selectedValue:C,handleClick:I,isOpen:x}),s.default.createElement(p,{options:w,optionType:"minute",selectedValue:P(y),handleClick:R,isOpen:x}),s.default.createElement(p,{options:A,optionType:"meridiem",selectedValue:S,handleClick:D,isOpen:x})))};
|
|
2
|
+
//# sourceMappingURL=timePicker.component-a09c5a46.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timePicker.component-c9514541.js","sources":["../src/components/TimePicker/components/timeOption.component.tsx","../src/components/TimePicker/components/scrollContainer.component.tsx","../src/components/TimePicker/timePicker.types.ts","../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 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 />\n );\n })}\n </Flex>\n );\n};\n","export enum Meridiem {\n AM = 'AM',\n PM = 'PM',\n}\n","import React, { useCallback, 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}\n\nexport const TimePicker = ({\n initialTime,\n minuteInterval = 5,\n inputProps,\n placement,\n onTimeChange,\n}: TimePickerProps): JSX.Element => {\n const { isOpen, onOpen, onClose } = useDisclosure();\n const localTime = useMemo(() => new Date(initialTime), [initialTime]);\n\n // selectedTime should always be UTC\n const [selectedTime, setSelectedTime] = useState(initialTime);\n\n const initialSelectedHour = useMemo(() => {\n const hours = localTime.getHours();\n let adjustedHours = hours;\n\n if (hours > 12) {\n adjustedHours = hours - 12;\n }\n if (hours === 0) {\n adjustedHours = 12;\n }\n\n return adjustedHours.toString();\n }, [localTime]);\n\n // convert to local time for display\n const [selectedHour, setSelectedHour] = useState(initialSelectedHour);\n const [selectedMinute, setSelectedMinute] = useState(localTime.getMinutes().toString());\n const [selectedMeridiem, setSelectedMeridiem] = useState<string>(\n localTime.getHours() > 11 ? Meridiem.PM : Meridiem.AM,\n );\n\n const formattedTime = useMemo(() => {\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 let meridiemAdjustment = 0;\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 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>\n <TextInput\n rightElement={<Icon size={useIconTextSizeMap(inputProps?.size || 'md')} name=\"clock\" />}\n value={formattedTime}\n isReadOnly\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={formatNumber(selectedMinute)}\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","Meridiem","initialTime","minuteInterval","inputProps","placement","onTimeChange","onOpen","onClose","useDisclosure","localTime","useMemo","Date","selectedTime","setSelectedTime","useState","initialSelectedHour","hours","getHours","adjustedHours","toString","selectedHour","setSelectedHour","selectedMinute","setSelectedMinute","getMinutes","selectedMeridiem","setSelectedMeridiem","PM","AM","formattedTime","format","formatNumber","number","formattedValue","length","hourOptions","hour","minuteOptions","minutes","i","push","meridiemOptions","handleTimeChange","minute","meridiem","meridiemAdjustment","Number","time","setHours","date","handleHourClick","handleMinuteClick","handleMeridiemClick","Popover","contentProps","width","variant","size","anchor","TextInput","WrappedTextInput","Object","assign","rightElement","Icon","useIconTextSizeMap","name","isReadOnly","height","overflow"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"timePicker.component-a09c5a46.js","sources":["../src/components/TimePicker/components/timeOption.component.tsx","../src/components/TimePicker/components/scrollContainer.component.tsx","../src/components/TimePicker/timePicker.types.ts","../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 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 />\n );\n })}\n </Flex>\n );\n};\n","export enum Meridiem {\n AM = 'AM',\n PM = 'PM',\n}\n","import React, { useCallback, 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}\n\nexport const TimePicker = ({\n initialTime,\n minuteInterval = 5,\n inputProps,\n placement,\n onTimeChange,\n}: TimePickerProps): JSX.Element => {\n const { isOpen, onOpen, onClose } = useDisclosure();\n const localTime = useMemo(() => new Date(initialTime), [initialTime]);\n\n // selectedTime should always be UTC\n const [selectedTime, setSelectedTime] = useState(initialTime);\n\n const initialSelectedHour = useMemo(() => {\n const hours = localTime.getHours();\n let adjustedHours = hours;\n\n if (hours > 12) {\n adjustedHours = hours - 12;\n }\n if (hours === 0) {\n adjustedHours = 12;\n }\n\n return adjustedHours.toString();\n }, [localTime]);\n\n // convert to local time for display\n const [selectedHour, setSelectedHour] = useState(initialSelectedHour);\n const [selectedMinute, setSelectedMinute] = useState(localTime.getMinutes().toString());\n const [selectedMeridiem, setSelectedMeridiem] = useState<string>(\n localTime.getHours() > 11 ? Meridiem.PM : Meridiem.AM,\n );\n\n const formattedTime = useMemo(() => {\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 let meridiemAdjustment = 0;\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 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>\n <TextInput\n rightElement={<Icon size={useIconTextSizeMap(inputProps?.size || 'md')} name=\"clock\" />}\n value={formattedTime}\n isReadOnly\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={formatNumber(selectedMinute)}\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","Meridiem","initialTime","minuteInterval","inputProps","placement","onTimeChange","onOpen","onClose","useDisclosure","localTime","useMemo","Date","selectedTime","setSelectedTime","useState","initialSelectedHour","hours","getHours","adjustedHours","toString","selectedHour","setSelectedHour","selectedMinute","setSelectedMinute","getMinutes","selectedMeridiem","setSelectedMeridiem","PM","AM","formattedTime","format","formatNumber","number","formattedValue","length","hourOptions","hour","minuteOptions","minutes","i","push","meridiemOptions","handleTimeChange","minute","meridiem","meridiemAdjustment","Number","time","setHours","date","handleHourClick","handleMinuteClick","handleMeridiemClick","Popover","contentProps","width","variant","size","anchor","TextInput","WrappedTextInput","Object","assign","rightElement","Icon","useIconTextSizeMap","name","isReadOnly","height","overflow"],"mappings":"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"}
|
|
@@ -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-a09c5a46.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-db33f38f.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timeRange.component-
|
|
1
|
+
{"version":3,"file":"timeRange.component-db33f38f.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"}
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var r=require("./tslib.es6-194b75fc.js"),e=require("react"),t=require("./chakra-ui-layout.esm-6ee578f7.js");function a(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var o=a(e);const s={lg:7,md:5,sm:3};exports.Card=e=>{var{children:a,isActive:i=!1,isFullWidth:d=!0,isInteractive:n=!1,size:c="md"}=e,l=r.__rest(e,["children","isActive","isFullWidth","isInteractive","size"]);return o.default.createElement(t.Box,Object.assign({bg:"background.default",p:s[c],border:"1px",borderColor:"border.default",borderRadius:"lg"},n&&{borderColor:""+(i?"transparent":"border.default"),boxShadow:"0 0 0 3px "+(i?"var(--chakra-colors-border-focus)":"transparent"),cursor:"pointer",transition:".1s all ease-in-out",_hover:{boxShadow:!i&&"0 0 0 3px var(--chakra-colors-border-focus)",borderColor:"transparent"}},!d&&{maxW:"max-content"},l),a)},exports.CardPaddingMap=s,exports.cardSizes=["sm","md","lg"];
|
|
2
|
-
//# sourceMappingURL=card.component-d22ea46e.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"card.component-d22ea46e.js","sources":["../src/components/Card/card.types.ts","../src/components/Card/card.component.tsx"],"sourcesContent":["export const cardSizes = ['sm', 'md', 'lg'] as const;\nexport type CardSize = (typeof cardSizes)[number];\n\nexport const CardPaddingMap: Record<CardSize, number> = {\n lg: 7,\n md: 5,\n sm: 3,\n};\n","import { Box, BoxProps } from '@chakra-ui/react';\nimport React, { ReactNode } from 'react';\nimport { CardSize, CardPaddingMap } from './card.types';\n\nexport interface BaseCardProps {\n isFullWidth?: boolean;\n size?: CardSize;\n children?: ReactNode;\n}\n\nexport interface DefaultCardProps extends BaseCardProps {\n isActive?: never;\n isInteractive?: false;\n}\n\nexport interface InteractiveCardProps extends BaseCardProps {\n isActive?: boolean;\n isInteractive?: true;\n}\n\nexport type KCardProps = InteractiveCardProps | DefaultCardProps;\n\nexport type CardProps = KCardProps & BoxProps;\n\nexport const Card = ({\n children,\n isActive = false,\n isFullWidth = true,\n isInteractive = false,\n size = 'md',\n ...rest\n}: CardProps): JSX.Element => {\n return (\n <Box\n bg=\"background.default\"\n p={CardPaddingMap[size]}\n border=\"1px\"\n borderColor=\"border.default\"\n borderRadius=\"lg\"\n {...(isInteractive && {\n borderColor: `${isActive ? 'transparent' : 'border.default'}`,\n boxShadow: `0 0 0 3px ${isActive ? 'var(--chakra-colors-border-focus)' : 'transparent'}`,\n cursor: 'pointer',\n transition: '.1s all ease-in-out',\n _hover: {\n boxShadow: !isActive && `0 0 0 3px var(--chakra-colors-border-focus)`,\n borderColor: 'transparent',\n },\n })}\n {...(!isFullWidth && { maxW: 'max-content' })}\n {...rest}\n >\n {children}\n </Box>\n );\n};\n"],"names":["CardPaddingMap","lg","md","sm","_a","children","isActive","isFullWidth","isInteractive","size","rest","__rest","React","createElement","Box","Object","assign","bg","p","border","borderColor","borderRadius","boxShadow","cursor","transition","_hover","maxW"],"mappings":"4MAAa,MAGAA,EAA2C,CACtDC,GAAI,EACJC,GAAI,EACJC,GAAI,gBCkBeC,QAAAC,SACnBA,EAAQC,SACRA,GAAW,EAAKC,YAChBA,GAAc,EAAIC,cAClBA,GAAgB,EAAKC,KACrBA,EAAO,QACJC,EANgBC,SAAAP,EAAA,CAAA,WAAA,WAAA,cAAA,gBAAA,SAQnB,OACEQ,EAAA,QAAAC,cAACC,MAAGC,OAAAC,OAAA,CACFC,GAAG,qBACHC,EAAGlB,EAAeS,GAClBU,OAAO,MACPC,YAAY,iBACZC,aAAa,MACRb,GAAiB,CACpBY,YAAa,IAAGd,EAAW,cAAgB,kBAC3CgB,UAAW,cAAahB,EAAW,oCAAsC,eACzEiB,OAAQ,UACRC,WAAY,sBACZC,OAAQ,CACNH,WAAYhB,GAAY,8CACxBc,YAAa,iBAGXb,GAAe,CAAEmB,KAAM,eACzBhB,GAEHL,+CDpDkB,CAAC,KAAM,KAAM"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),r=require("./heading.component-198f40a3.js"),o=require("./button.component-981918e8.js"),n=require("./chakra-ui-popover.esm-172468d8.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t);exports.PopoverHeader=t=>{var{size:i="sm",children:a,color:u,hideCloseButton:c=!1,isOnContrast:l=!0}=t,d=e.__rest(t,["size","children","color","hideCloseButton","isOnContrast"]);const{onClose:p}=n.usePopoverContext();return s.default.createElement(n.PopoverHeader,Object.assign({px:3,pt:3,pb:0,borderBottom:0,borderRadius:"inherit",minH:6},d),s.default.createElement(r.WrappedHeading,{size:i,color:u||"inherit"},a),!c&&s.default.createElement(o.Button,Object.assign({variant:"ghostNeutral",isOnContrast:l,onClick:p,iconName:"close",position:"absolute",right:1,top:1,size:"xs"},d)))};
|
|
2
|
-
//# sourceMappingURL=popoverHeader.component-dc83a434.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"popoverHeader.component-dc83a434.js","sources":["../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n PopoverHeader as CPopoverHeader,\n PopoverHeaderProps as CPopoverHeaderProps,\n usePopoverContext,\n} from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Button } from 'components/Button';\nimport { SemanticColorToken } from 'theme/tokens';\n\nexport interface KPopoverHeaderProps {\n children?: ReactNode;\n color?: SemanticColorToken | string;\n hideCloseButton?: boolean;\n isOnContrast?: boolean;\n size?: HeadingSize;\n}\n\nexport type PopoverHeaderProps = KPopoverHeaderProps & CPopoverHeaderProps;\n\nexport const PopoverHeader = ({\n size = 'sm',\n children,\n color,\n hideCloseButton = false,\n isOnContrast = true,\n ...rest\n}: PopoverHeaderProps): JSX.Element => {\n const { onClose } = usePopoverContext();\n\n return (\n <CPopoverHeader px={3} pt={3} pb={0} borderBottom={0} borderRadius=\"inherit\" minH={6} {...rest}>\n <Heading size={size} color={color || 'inherit'}>\n {children}\n </Heading>\n {!hideCloseButton && (\n <Button\n variant=\"ghostNeutral\"\n isOnContrast={isOnContrast}\n onClick={onClose}\n iconName=\"close\"\n position=\"absolute\"\n right={1}\n top={1}\n size=\"xs\"\n {...rest}\n />\n )}\n </CPopoverHeader>\n );\n};\n"],"names":["_a","size","children","color","hideCloseButton","isOnContrast","rest","__rest","onClose","usePopoverContext","React","createElement","CPopoverHeader","Object","assign","px","pt","pb","borderBottom","borderRadius","minH","Heading","WrappedHeading","Button","variant","onClick","iconName","position","right","top"],"mappings":"4TAqB8BA,QAAAC,KAC5BA,EAAO,KAAIC,SACXA,EAAQC,MACRA,EAAKC,gBACLA,GAAkB,EAAKC,aACvBA,GAAe,GAAIL,EAChBM,EAAIC,EAAAA,OAAAP,EANqB,8DAQ5B,MAAMQ,QAAEA,GAAYC,EAAAA,oBAEpB,OACEC,EAAA,QAAAC,cAACC,gBAAcC,OAAAC,OAAA,CAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,aAAc,EAAGC,aAAa,UAAUC,KAAM,GAAOd,GACxFI,UAAAC,cAACU,EAAOC,eAAA,CAACrB,KAAMA,EAAME,MAAOA,GAAS,WAClCD,IAEDE,GACAM,wBAACa,EAAAA,OAAMV,OAAAC,OAAA,CACLU,QAAQ,eACRnB,aAAcA,EACdoB,QAASjB,EACTkB,SAAS,QACTC,SAAS,WACTC,MAAO,EACPC,IAAK,EACL5B,KAAK,MACDK"}
|