@televet/kibble-ui 1.20.21-beta.cs26 → 1.20.21-beta.cs29
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/{alert.component-16b75e7b.js → alert.component-225a5006.js} +2 -2
- package/build/{alert.component-16b75e7b.js.map → alert.component-225a5006.js.map} +1 -1
- package/build/{avatar.component-c0c2d10b.js → avatar.component-9757bebf.js} +2 -2
- package/build/avatar.component-9757bebf.js.map +1 -0
- package/build/{avatarBadge.component-0bff5724.js → avatarBadge.component-0bbcd289.js} +2 -2
- package/build/{avatarBadge.component-0bff5724.js.map → avatarBadge.component-0bbcd289.js.map} +1 -1
- package/build/{button.component-1976a811.js → button.component-a7951562.js} +2 -2
- package/build/button.component-a7951562.js.map +1 -0
- package/build/{checkboxGroup.component-c54a5b1c.js → checkboxGroup.component-34d19ebe.js} +2 -2
- package/build/{checkboxGroup.component-c54a5b1c.js.map → checkboxGroup.component-34d19ebe.js.map} +1 -1
- package/build/components/Alert/index.js +1 -1
- package/build/components/Avatar/components/AvatarBadge/index.js +1 -1
- package/build/components/Avatar/index.js +1 -1
- package/build/components/AvatarGroup/index.js +1 -1
- package/build/components/Button/index.js +1 -1
- package/build/components/CheckboxGroup/index.js +1 -1
- package/build/components/DatePicker/index.js +1 -1
- package/build/components/DatePicker/index.js.map +1 -1
- package/build/components/Heading/heading.component.d.ts +2 -1
- package/build/components/Heading/index.d.ts +2 -1
- package/build/components/Heading/index.js +1 -1
- package/build/components/Icon/index.js +1 -1
- package/build/components/Link/index.js +1 -1
- package/build/components/Menu/components/MenuButton/index.js +1 -1
- package/build/components/Menu/components/MenuItem/index.js +1 -1
- package/build/components/Menu/components/MenuList/index.js +1 -1
- package/build/components/Menu/index.js +1 -1
- package/build/components/Modal/components/ModalCloseButton/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/components/ModalHeader/index.js.map +1 -1
- package/build/components/Modal/index.js +1 -1
- package/build/components/Modal/index.js.map +1 -1
- package/build/components/NotificationCounter/index.js +1 -1
- package/build/components/Popover/components/PopoverCloseButton/index.js +1 -1
- package/build/components/Popover/components/PopoverFooterButtons/index.js +1 -1
- package/build/components/Popover/components/PopoverHeader/index.js +1 -1
- package/build/components/Popover/components/PopoverHeader/index.js.map +1 -1
- package/build/components/Popover/index.js +1 -1
- package/build/components/RadioGroup/index.js +1 -1
- package/build/components/RatingDots/index.js +1 -1
- package/build/components/RatingDots/index.js.map +1 -1
- package/build/components/Select/index.js +1 -1
- package/build/components/SortableList/components/DragHandle/index.js +1 -1
- package/build/components/Spinner/index.js +1 -1
- package/build/components/Switch/index.js +1 -1
- package/build/components/Tabs/components/Tab/index.js +1 -1
- package/build/components/Tabs/components/TabsLayout/index.js +1 -1
- package/build/components/Tabs/index.js +1 -1
- package/build/components/Text/index.js +1 -1
- package/build/components/TextInput/index.js +1 -1
- package/build/components/Textarea/index.js +1 -1
- package/build/components/TimePicker/index.js +1 -1
- package/build/components/TimeRange/index.js +1 -1
- package/build/components/TimeRange/index.js.map +1 -1
- package/build/components/Toast/index.js +1 -1
- package/build/components/Toast/index.js.map +1 -1
- package/build/components/Tooltip/index.js +1 -1
- package/build/components/TruncatedText/index.js +1 -1
- package/build/components/index.js +1 -1
- package/build/{formControl.component-9ccad30a.js → formControl.component-1536d01f.js} +2 -2
- package/build/formControl.component-1536d01f.js.map +1 -0
- package/build/heading.component-3fc3a84c.js +2 -0
- package/build/heading.component-3fc3a84c.js.map +1 -0
- package/build/hooks/index.d.ts +2 -2
- package/build/hooks/index.js +1 -1
- package/build/hooks/useTheme/index.d.ts +2 -0
- package/build/hooks/useTheme/index.js +2 -0
- package/build/hooks/useTheme/index.js.map +1 -0
- package/build/{icon.component-a0da46b2.js → icon.component-7619c611.js} +2 -2
- package/build/{icon.component-a0da46b2.js.map → icon.component-7619c611.js.map} +1 -1
- package/build/index.js +1 -1
- package/build/{link.component-88d435de.js → link.component-a0944981.js} +2 -2
- package/build/link.component-a0944981.js.map +1 -0
- package/build/menu.component-2af0524a.js +2 -0
- package/build/{menu.component-c0289aa7.js.map → menu.component-2af0524a.js.map} +1 -1
- package/build/{menuButton.component-b3073525.js → menuButton.component-e27ad1a5.js} +2 -2
- package/build/{menuButton.component-b3073525.js.map → menuButton.component-e27ad1a5.js.map} +1 -1
- package/build/menuItem.component-a651abb2.js +2 -0
- package/build/menuItem.component-a651abb2.js.map +1 -0
- package/build/{menuList.component-292580d1.js → menuList.component-104c30b8.js} +2 -2
- package/build/menuList.component-104c30b8.js.map +1 -0
- package/build/{notificationCounter.component-3102eb81.js → notificationCounter.component-85086ee1.js} +2 -2
- package/build/notificationCounter.component-85086ee1.js.map +1 -0
- package/build/{popover.component-571cf585.js → popover.component-b2c155a6.js} +2 -2
- package/build/popover.component-b2c155a6.js.map +1 -0
- package/build/{radioGroup.component-6e3eee35.js → radioGroup.component-57214aa7.js} +2 -2
- package/build/{radioGroup.component-6e3eee35.js.map → radioGroup.component-57214aa7.js.map} +1 -1
- package/build/{select.component-515cc835.js → select.component-a09b2ea1.js} +2 -2
- package/build/select.component-a09b2ea1.js.map +1 -0
- package/build/{spinner.component-6b2c25ab.js → spinner.component-c07b76b0.js} +2 -2
- package/build/spinner.component-c07b76b0.js.map +1 -0
- package/build/{switch.component-e7cf45eb.js → switch.component-8245d22c.js} +2 -2
- package/build/{switch.component-e7cf45eb.js.map → switch.component-8245d22c.js.map} +1 -1
- package/build/{tab.component-fdaf5afe.js → tab.component-f969c35b.js} +2 -2
- package/build/{tab.component-fdaf5afe.js.map → tab.component-f969c35b.js.map} +1 -1
- package/build/tabs.component-89b60af2.js +2 -0
- package/build/{tabs.component-f315c9fe.js.map → tabs.component-89b60af2.js.map} +1 -1
- package/build/{text.component-ce9c92a7.js → text.component-46509ecd.js} +2 -2
- package/build/text.component-46509ecd.js.map +1 -0
- package/build/textInput.component-a36afec1.js +2 -0
- package/build/textInput.component-a36afec1.js.map +1 -0
- package/build/{textarea.component-2833af74.js → textarea.component-3d70dfc7.js} +2 -2
- package/build/{textarea.component-2833af74.js.map → textarea.component-3d70dfc7.js.map} +1 -1
- package/build/{tooltip.component-f5c40647.js → tooltip.component-4f2fab9e.js} +2 -2
- package/build/{tooltip.component-f5c40647.js.map → tooltip.component-4f2fab9e.js.map} +1 -1
- package/build/{truncatedText.component-6f480f2c.js → truncatedText.component-7286c0ed.js} +2 -2
- package/build/{truncatedText.component-6f480f2c.js.map → truncatedText.component-7286c0ed.js.map} +1 -1
- package/build/{useTheme-6d2e1319.js → useTheme-5ab02c97.js} +1 -1
- package/build/useTheme-5ab02c97.js.map +1 -0
- package/package.json +2 -1
- package/build/avatar.component-c0c2d10b.js.map +0 -1
- package/build/button.component-1976a811.js.map +0 -1
- package/build/formControl.component-9ccad30a.js.map +0 -1
- package/build/heading.component-0f7e428b.js +0 -2
- package/build/heading.component-0f7e428b.js.map +0 -1
- package/build/link.component-88d435de.js.map +0 -1
- package/build/menu.component-c0289aa7.js +0 -2
- package/build/menuItem.component-a65e0b50.js +0 -2
- package/build/menuItem.component-a65e0b50.js.map +0 -1
- package/build/menuList.component-292580d1.js.map +0 -1
- package/build/notificationCounter.component-3102eb81.js.map +0 -1
- package/build/popover.component-571cf585.js.map +0 -1
- package/build/select.component-515cc835.js.map +0 -1
- package/build/spinner.component-6b2c25ab.js.map +0 -1
- package/build/tabs.component-f315c9fe.js +0 -2
- package/build/text.component-ce9c92a7.js.map +0 -1
- package/build/textInput.component-15849db3.js +0 -2
- package/build/textInput.component-15849db3.js.map +0 -1
- package/build/useTheme-6d2e1319.js.map +0 -1
- /package/build/hooks/{useTheme.d.ts → useTheme/useTheme.d.ts} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./chakra-ui-color-mode.esm-6a4dab32.js"),r=require("./chakra-ui-alert.esm-3803d9d7.js"),o=require("./alert.types-304eecd7.js"),a=require("./chakra/components/Box/index.js"),l=require("./chakra/components/VStack/index.js"),s=require("./button.component-
|
|
2
|
-
//# sourceMappingURL=alert.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./chakra-ui-color-mode.esm-6a4dab32.js"),r=require("./chakra-ui-alert.esm-3803d9d7.js"),o=require("./alert.types-304eecd7.js"),a=require("./chakra/components/Box/index.js"),l=require("./chakra/components/VStack/index.js"),s=require("./button.component-a7951562.js"),i=require("./heading.component-3fc3a84c.js"),u=require("./icon.component-7619c611.js"),c=require("./text.component-46509ecd.js"),d=require("./chakra/components/HStack/index.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=f(t),p=function(t){t.buttonText;var n=t.buttonPosition,r=t.hasDescription,o=e.__rest(t,["buttonText","buttonPosition","hasDescription"]);return m.default.createElement(a.default,{className:"Alert__Button",pt:"bottomLeft"!==n||r?0:1,pb:"bottomLeft"===n?.5:0},m.default.createElement(s.Button,e.__assign({size:"xs",variant:"secondary"},o),t.buttonText))},_=function(e){var t=e.onClose;return m.default.createElement(a.default,{className:"Alert__CloseButton"},m.default.createElement(s.Button,{variant:"ghostNeutral",iconName:"close",size:"xs",onClick:t}))},h=function(t){var n=t.title,r=t.titleProps;return m.default.createElement(i.Heading,e.__assign({className:"Alert__Title",flexGrow:1,colorToken:"default",lineHeight:6,size:"sm"},r),n)},E={info:"info",success:"success",warning:"warning",error:"error"},g={info:"infoDark",success:"successDark",warning:"warningDark",error:"errorDark"},x={info:"active",success:"success",error:"error",warning:"warning"},v=function(t){var r=t.iconProps,l=t.status,s=n.useColorModeValue(x[l],"currentColor");return m.default.createElement(a.default,{className:"Alert__Icon",maxH:"24px"},m.default.createElement(u.Icon,e.__assign({color:s,size:"lg"},r,{name:(null==r?void 0:r.name)||o.AlertStatusIcon[l]})))},P=function(t){var n=t.description,r=t.descriptionProps;return m.default.createElement(c.Text,e.__assign({className:"Alert__Description",as:"p",size:"md"},r),n)},b=function(e){var t=e.children,n=e.hideIcon,r=e.hideCloseButton;return m.default.createElement(l.default,{className:"Alert__Body",justify:"flex-start",align:"flex-start",w:"100%",pl:n?"":"34px",pr:r?"":"34px"},t)},j=function(e){var t=e.children;return m.default.createElement(d.default,{className:"Alert__Header",w:"100%",align:"flex-start",justify:"flex-start"},t)};exports.Alert=function(t){var s=t.buttonProps,i=t.children,u=t.description,c=t.descriptionProps,d=t.iconProps,f=t.onClose,x=t.hideCloseButton,B=void 0!==x&&x,C=t.hideIcon,k=void 0!==C&&C,q=t.status,w=void 0===q?o.AlertVariant.Success:q,D=t.title,A=t.titleProps,y=e.__rest(t,["buttonProps","children","description","descriptionProps","iconProps","onClose","hideCloseButton","hideIcon","status","title","titleProps"]),N=n.useColorModeValue(E[w],g[w]);s&&!s.buttonPosition&&(s.buttonPosition="topRight");return m.default.createElement(r.Alert,e.__assign({flexDirection:"column",align:"flex-start",justify:"flex-start",variant:N,overflow:"visible",px:3,py:2},y),D?m.default.createElement((function(){return m.default.createElement(m.default.Fragment,null,m.default.createElement(j,null,!k&&m.default.createElement(v,{status:w,iconProps:d}),m.default.createElement(h,{title:D,titleProps:A}),"topRight"===(null==s?void 0:s.buttonPosition)&&m.default.createElement(p,e.__assign({},s,{hasDescription:Boolean(u)})),!B&&m.default.createElement(_,{onClose:f})),m.default.createElement(b,{hideIcon:k,hideCloseButton:B},u&&m.default.createElement(P,{description:u,descriptionProps:c}),i,"bottomLeft"===(null==s?void 0:s.buttonPosition)&&m.default.createElement(p,e.__assign({},s,{hasDescription:Boolean(u)}))))}),null):m.default.createElement((function(){return m.default.createElement(l.default,{w:"100%",align:"flex-start",justify:"flex-start"},m.default.createElement(j,null,!k&&m.default.createElement(v,{status:w,iconProps:d}),m.default.createElement(a.default,{flexGrow:1},u&&m.default.createElement(P,{description:u,descriptionProps:c}),i),"topRight"===(null==s?void 0:s.buttonPosition)&&m.default.createElement(p,e.__assign({},s,{hasDescription:Boolean(u)})),!B&&m.default.createElement(_,{onClose:f})),"bottomLeft"===(null==s?void 0:s.buttonPosition)&&m.default.createElement(b,{hideIcon:k,hideCloseButton:B},m.default.createElement(p,e.__assign({},s,{hasDescription:Boolean(u)}))))}),null))};
|
|
2
|
+
//# sourceMappingURL=alert.component-225a5006.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.component-16b75e7b.js","sources":["../src/components/Alert/components/alertButton.component.tsx","../src/components/Alert/components/alertCloseButton.component.tsx","../src/components/Alert/components/alertTitle.component.tsx","../src/components/Alert/alert.records.ts","../src/components/Alert/components/alertIcon.component.tsx","../src/components/Alert/components/alertDescription.component.tsx","../src/components/Alert/components/alertBody.component.tsx","../src/components/Alert/components/alertHeader.component.tsx","../src/components/Alert/alert.component.tsx"],"sourcesContent":["import Button, { ButtonProps } from 'components/Button/button.component';\nimport React from 'react';\nimport Box from 'chakra/components/Box';\n\nexport interface AlertButtonProps extends ButtonProps {\n buttonPosition?: 'topRight' | 'bottomLeft';\n buttonText: string;\n hasDescription?: boolean;\n}\n\nconst AlertButton = (buttonProps: AlertButtonProps): JSX.Element => {\n const { buttonText, buttonPosition, hasDescription, ...rest } = buttonProps;\n return (\n <Box\n className=\"Alert__Button\"\n pt={buttonPosition === 'bottomLeft' && !hasDescription ? 1 : 0}\n pb={buttonPosition === 'bottomLeft' ? 0.5 : 0}\n >\n <Button size=\"xs\" variant=\"secondary\" {...rest}>\n {buttonProps.buttonText}\n </Button>\n </Box>\n );\n};\n\nexport default AlertButton;\n","import Button from 'components/Button';\nimport React from 'react';\nimport Box from 'chakra/components/Box';\n\nexport interface AlertCloseButtonProps {\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nconst AlertCloseButton = (props: AlertCloseButtonProps): JSX.Element => {\n const { onClose } = props;\n return (\n <Box className=\"Alert__CloseButton\">\n <Button variant=\"ghostNeutral\" iconName=\"close\" size=\"xs\" onClick={onClose} />\n </Box>\n );\n};\n\nexport default AlertCloseButton;\n","import React, { ReactNode } from 'react';\nimport { Heading, HeadingProps } from 'components/Heading/heading.component';\n\nexport interface AlertTitleProps {\n title?: string | ReactNode;\n titleProps?: HeadingProps;\n}\n\nexport const AlertTitle = (props: AlertTitleProps): JSX.Element => {\n const { title, titleProps } = props;\n return (\n <Heading className=\"Alert__Title\" flexGrow={1} colorToken=\"default\" lineHeight={6} size=\"sm\" {...titleProps}>\n {title}\n </Heading>\n );\n};\n\nexport default AlertTitle;\n","import { IconColor } from 'components/Icon/icon.types';\nimport { Status } from './alert.types';\n\nexport const LightStatusVariantMap: Record<Status, string> = {\n info: 'info',\n success: 'success',\n warning: 'warning',\n error: 'error',\n};\n\nexport const DarkStatusVariantMap: Record<Status, string> = {\n info: 'infoDark',\n success: 'successDark',\n warning: 'warningDark',\n error: 'errorDark',\n};\n\nexport const AlertIconColorMap: Record<Status, IconColor> = {\n info: 'active',\n success: 'success',\n error: 'error',\n warning: 'warning',\n};\n","import React from 'react';\nimport Box from 'chakra/components/Box';\nimport Icon, { IconProps } from 'components/Icon/icon.component';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { AlertIconColorMap } from '../alert.records';\nimport { AlertStatusIcon, AlertVariant, Status } from '../alert.types';\n\nexport interface AlertIconProps {\n iconProps?: IconProps;\n status: AlertVariant | Status;\n}\n\nconst AlertIcon = (props: AlertIconProps): JSX.Element => {\n const { iconProps, status } = props;\n const iconColor = useColorModeValue(AlertIconColorMap[status], 'currentColor');\n\n return (\n <Box className=\"Alert__Icon\" maxH=\"24px\">\n <Icon color={iconColor} size=\"lg\" {...iconProps} name={iconProps?.name || AlertStatusIcon[status]} />\n </Box>\n );\n};\n\nexport default AlertIcon;\n","import React, { ReactNode } from 'react';\nimport Text, { TextProps } from 'components/Text/text.component';\n\nexport interface AlertDescriptionProps {\n description?: string | ReactNode;\n descriptionProps?: TextProps;\n}\n\nconst AlertDescription = (props: AlertDescriptionProps): JSX.Element => {\n const { description, descriptionProps } = props;\n return (\n <Text className=\"Alert__Description\" as=\"p\" size=\"md\" {...descriptionProps}>\n {description}\n </Text>\n );\n};\n\nexport default AlertDescription;\n","import React, { ReactNode } from 'react';\nimport VStack from 'chakra/components/VStack';\n\nexport interface AlertBodyProps {\n children: ReactNode;\n hideIcon: boolean;\n hideCloseButton: boolean;\n}\n\nconst AlertBody = (props: AlertBodyProps): JSX.Element => {\n const { children, hideIcon, hideCloseButton } = props;\n return (\n <VStack\n className=\"Alert__Body\"\n justify=\"flex-start\"\n align=\"flex-start\"\n w=\"100%\"\n pl={!hideIcon ? '34px' : ''}\n pr={!hideCloseButton ? '34px' : ''}\n >\n {children}\n </VStack>\n );\n};\n\nexport default AlertBody;\n","import React, { ReactNode } from 'react';\nimport HStack from 'chakra/components/HStack';\n\nexport interface AlertHeaderProps {\n children: ReactNode;\n}\n\nconst AlertHeader = (props: AlertHeaderProps): JSX.Element => {\n const { children } = props;\n return (\n <HStack className=\"Alert__Header\" w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n {children}\n </HStack>\n );\n};\n\nexport default AlertHeader;\n","import React, { ReactNode } from 'react';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { Alert as CAlert, AlertProps as CAlertProps } from '@chakra-ui/alert';\nimport { IconProps } from 'components/Icon/icon.component';\nimport { AlertVariant, Status } from './alert.types';\nimport Box from 'chakra/components/Box';\nimport VStack from 'chakra/components/VStack';\nimport { TextProps } from 'components/Text/text.component';\nimport { HeadingProps } from '../Heading/heading.component';\nimport AlertButton, { AlertButtonProps } from './components/alertButton.component';\nimport AlertCloseButton from './components/alertCloseButton.component';\nimport AlertTitle from './components/alertTitle.component';\nimport AlertIcon from './components/alertIcon.component';\nimport AlertDescription from './components/alertDescription.component';\nimport AlertBody from './components/alertBody.component';\nimport AlertHeader from './components/alertHeader.component';\nimport { DarkStatusVariantMap, LightStatusVariantMap } from './alert.records';\n\nexport interface AlertProps extends Omit<CAlertProps, 'title'> {\n buttonProps?: AlertButtonProps;\n children?: ReactNode;\n description?: string | ReactNode;\n descriptionProps?: TextProps;\n iconProps?: IconProps;\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n hideCloseButton?: boolean;\n hideIcon?: boolean;\n status?: AlertVariant | Status;\n title?: string | ReactNode;\n titleProps?: HeadingProps;\n}\n\nconst Alert = ({\n buttonProps,\n children,\n description,\n descriptionProps,\n iconProps,\n onClose,\n hideCloseButton = false,\n hideIcon = false,\n status = AlertVariant.Success,\n title,\n titleProps,\n ...rest\n}: AlertProps): JSX.Element => {\n const alertVariant = useColorModeValue(LightStatusVariantMap[status], DarkStatusVariantMap[status]);\n\n if (buttonProps && !buttonProps.buttonPosition) {\n buttonProps.buttonPosition = 'topRight';\n }\n\n const AlertWithTitle = (): JSX.Element => {\n return (\n <>\n <AlertHeader>\n {!hideIcon && <AlertIcon status={status} iconProps={iconProps} />}\n <AlertTitle title={title} titleProps={titleProps} />\n {buttonProps?.buttonPosition === 'topRight' && (\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n )}\n {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n </AlertHeader>\n <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n {description && <AlertDescription description={description} descriptionProps={descriptionProps} />}\n {children}\n {buttonProps?.buttonPosition === 'bottomLeft' && (\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n )}\n </AlertBody>\n </>\n );\n };\n\n const AlertWithoutTitle = (): JSX.Element => {\n return (\n <VStack w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n <AlertHeader>\n {!hideIcon && <AlertIcon status={status} iconProps={iconProps} />}\n <Box flexGrow={1}>\n {description && <AlertDescription description={description} descriptionProps={descriptionProps} />}\n {children}\n </Box>\n {buttonProps?.buttonPosition === 'topRight' && (\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n )}\n {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n </AlertHeader>\n\n {buttonProps?.buttonPosition === 'bottomLeft' && (\n <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n </AlertBody>\n )}\n </VStack>\n );\n };\n\n return (\n <CAlert\n flexDirection=\"column\"\n align=\"flex-start\"\n justify=\"flex-start\"\n variant={alertVariant}\n overflow=\"visible\"\n px={3}\n py={2}\n {...rest}\n >\n {title ? <AlertWithTitle /> : <AlertWithoutTitle />}\n </CAlert>\n );\n};\n\nexport default Alert;\n"],"names":["AlertButton","buttonProps","buttonText","buttonPosition","hasDescription","rest","React","createElement","Box","className","pt","pb","Button","__assign","size","variant","AlertCloseButton","props","onClose","iconName","onClick","AlertTitle","title","titleProps","Heading","flexGrow","colorToken","lineHeight","LightStatusVariantMap","info","success","warning","error","DarkStatusVariantMap","AlertIconColorMap","AlertIcon","iconProps","status","iconColor","useColorModeValue","maxH","Icon","color","name","AlertStatusIcon","AlertDescription","description","descriptionProps","Text","as","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_a","_b","_c","_d","AlertVariant","Success","__rest","alertVariant","CAlert","flexDirection","overflow","px","py","Fragment","Boolean"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"alert.component-225a5006.js","sources":["../src/components/Alert/components/alertButton.component.tsx","../src/components/Alert/components/alertCloseButton.component.tsx","../src/components/Alert/components/alertTitle.component.tsx","../src/components/Alert/alert.records.ts","../src/components/Alert/components/alertIcon.component.tsx","../src/components/Alert/components/alertDescription.component.tsx","../src/components/Alert/components/alertBody.component.tsx","../src/components/Alert/components/alertHeader.component.tsx","../src/components/Alert/alert.component.tsx"],"sourcesContent":["import Button, { ButtonProps } from 'components/Button/button.component';\nimport React from 'react';\nimport Box from 'chakra/components/Box';\n\nexport interface AlertButtonProps extends ButtonProps {\n buttonPosition?: 'topRight' | 'bottomLeft';\n buttonText: string;\n hasDescription?: boolean;\n}\n\nconst AlertButton = (buttonProps: AlertButtonProps): JSX.Element => {\n const { buttonText, buttonPosition, hasDescription, ...rest } = buttonProps;\n return (\n <Box\n className=\"Alert__Button\"\n pt={buttonPosition === 'bottomLeft' && !hasDescription ? 1 : 0}\n pb={buttonPosition === 'bottomLeft' ? 0.5 : 0}\n >\n <Button size=\"xs\" variant=\"secondary\" {...rest}>\n {buttonProps.buttonText}\n </Button>\n </Box>\n );\n};\n\nexport default AlertButton;\n","import Button from 'components/Button';\nimport React from 'react';\nimport Box from 'chakra/components/Box';\n\nexport interface AlertCloseButtonProps {\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nconst AlertCloseButton = (props: AlertCloseButtonProps): JSX.Element => {\n const { onClose } = props;\n return (\n <Box className=\"Alert__CloseButton\">\n <Button variant=\"ghostNeutral\" iconName=\"close\" size=\"xs\" onClick={onClose} />\n </Box>\n );\n};\n\nexport default AlertCloseButton;\n","import React, { ReactNode } from 'react';\nimport Heading, { HeadingProps } from 'components/Heading/heading.component';\n\nexport interface AlertTitleProps {\n title?: string | ReactNode;\n titleProps?: HeadingProps;\n}\n\nexport const AlertTitle = (props: AlertTitleProps): JSX.Element => {\n const { title, titleProps } = props;\n return (\n <Heading className=\"Alert__Title\" flexGrow={1} colorToken=\"default\" lineHeight={6} size=\"sm\" {...titleProps}>\n {title}\n </Heading>\n );\n};\n\nexport default AlertTitle;\n","import { IconColor } from 'components/Icon/icon.types';\nimport { Status } from './alert.types';\n\nexport const LightStatusVariantMap: Record<Status, string> = {\n info: 'info',\n success: 'success',\n warning: 'warning',\n error: 'error',\n};\n\nexport const DarkStatusVariantMap: Record<Status, string> = {\n info: 'infoDark',\n success: 'successDark',\n warning: 'warningDark',\n error: 'errorDark',\n};\n\nexport const AlertIconColorMap: Record<Status, IconColor> = {\n info: 'active',\n success: 'success',\n error: 'error',\n warning: 'warning',\n};\n","import React from 'react';\nimport Box from 'chakra/components/Box';\nimport Icon, { IconProps } from 'components/Icon/icon.component';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { AlertIconColorMap } from '../alert.records';\nimport { AlertStatusIcon, AlertVariant, Status } from '../alert.types';\n\nexport interface AlertIconProps {\n iconProps?: IconProps;\n status: AlertVariant | Status;\n}\n\nconst AlertIcon = (props: AlertIconProps): JSX.Element => {\n const { iconProps, status } = props;\n const iconColor = useColorModeValue(AlertIconColorMap[status], 'currentColor');\n\n return (\n <Box className=\"Alert__Icon\" maxH=\"24px\">\n <Icon color={iconColor} size=\"lg\" {...iconProps} name={iconProps?.name || AlertStatusIcon[status]} />\n </Box>\n );\n};\n\nexport default AlertIcon;\n","import React, { ReactNode } from 'react';\nimport Text, { TextProps } from 'components/Text/text.component';\n\nexport interface AlertDescriptionProps {\n description?: string | ReactNode;\n descriptionProps?: TextProps;\n}\n\nconst AlertDescription = (props: AlertDescriptionProps): JSX.Element => {\n const { description, descriptionProps } = props;\n return (\n <Text className=\"Alert__Description\" as=\"p\" size=\"md\" {...descriptionProps}>\n {description}\n </Text>\n );\n};\n\nexport default AlertDescription;\n","import React, { ReactNode } from 'react';\nimport VStack from 'chakra/components/VStack';\n\nexport interface AlertBodyProps {\n children: ReactNode;\n hideIcon: boolean;\n hideCloseButton: boolean;\n}\n\nconst AlertBody = (props: AlertBodyProps): JSX.Element => {\n const { children, hideIcon, hideCloseButton } = props;\n return (\n <VStack\n className=\"Alert__Body\"\n justify=\"flex-start\"\n align=\"flex-start\"\n w=\"100%\"\n pl={!hideIcon ? '34px' : ''}\n pr={!hideCloseButton ? '34px' : ''}\n >\n {children}\n </VStack>\n );\n};\n\nexport default AlertBody;\n","import React, { ReactNode } from 'react';\nimport HStack from 'chakra/components/HStack';\n\nexport interface AlertHeaderProps {\n children: ReactNode;\n}\n\nconst AlertHeader = (props: AlertHeaderProps): JSX.Element => {\n const { children } = props;\n return (\n <HStack className=\"Alert__Header\" w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n {children}\n </HStack>\n );\n};\n\nexport default AlertHeader;\n","import React, { ReactNode } from 'react';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport { Alert as CAlert, AlertProps as CAlertProps } from '@chakra-ui/alert';\nimport { IconProps } from 'components/Icon/icon.component';\nimport { AlertVariant, Status } from './alert.types';\nimport Box from 'chakra/components/Box';\nimport VStack from 'chakra/components/VStack';\nimport { TextProps } from 'components/Text/text.component';\nimport { HeadingProps } from '../Heading/heading.component';\nimport AlertButton, { AlertButtonProps } from './components/alertButton.component';\nimport AlertCloseButton from './components/alertCloseButton.component';\nimport AlertTitle from './components/alertTitle.component';\nimport AlertIcon from './components/alertIcon.component';\nimport AlertDescription from './components/alertDescription.component';\nimport AlertBody from './components/alertBody.component';\nimport AlertHeader from './components/alertHeader.component';\nimport { DarkStatusVariantMap, LightStatusVariantMap } from './alert.records';\n\nexport interface AlertProps extends Omit<CAlertProps, 'title'> {\n buttonProps?: AlertButtonProps;\n children?: ReactNode;\n description?: string | ReactNode;\n descriptionProps?: TextProps;\n iconProps?: IconProps;\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n hideCloseButton?: boolean;\n hideIcon?: boolean;\n status?: AlertVariant | Status;\n title?: string | ReactNode;\n titleProps?: HeadingProps;\n}\n\nconst Alert = ({\n buttonProps,\n children,\n description,\n descriptionProps,\n iconProps,\n onClose,\n hideCloseButton = false,\n hideIcon = false,\n status = AlertVariant.Success,\n title,\n titleProps,\n ...rest\n}: AlertProps): JSX.Element => {\n const alertVariant = useColorModeValue(LightStatusVariantMap[status], DarkStatusVariantMap[status]);\n\n if (buttonProps && !buttonProps.buttonPosition) {\n buttonProps.buttonPosition = 'topRight';\n }\n\n const AlertWithTitle = (): JSX.Element => {\n return (\n <>\n <AlertHeader>\n {!hideIcon && <AlertIcon status={status} iconProps={iconProps} />}\n <AlertTitle title={title} titleProps={titleProps} />\n {buttonProps?.buttonPosition === 'topRight' && (\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n )}\n {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n </AlertHeader>\n <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n {description && <AlertDescription description={description} descriptionProps={descriptionProps} />}\n {children}\n {buttonProps?.buttonPosition === 'bottomLeft' && (\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n )}\n </AlertBody>\n </>\n );\n };\n\n const AlertWithoutTitle = (): JSX.Element => {\n return (\n <VStack w=\"100%\" align=\"flex-start\" justify=\"flex-start\">\n <AlertHeader>\n {!hideIcon && <AlertIcon status={status} iconProps={iconProps} />}\n <Box flexGrow={1}>\n {description && <AlertDescription description={description} descriptionProps={descriptionProps} />}\n {children}\n </Box>\n {buttonProps?.buttonPosition === 'topRight' && (\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n )}\n {!hideCloseButton && <AlertCloseButton onClose={onClose} />}\n </AlertHeader>\n\n {buttonProps?.buttonPosition === 'bottomLeft' && (\n <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} />\n </AlertBody>\n )}\n </VStack>\n );\n };\n\n return (\n <CAlert\n flexDirection=\"column\"\n align=\"flex-start\"\n justify=\"flex-start\"\n variant={alertVariant}\n overflow=\"visible\"\n px={3}\n py={2}\n {...rest}\n >\n {title ? <AlertWithTitle /> : <AlertWithoutTitle />}\n </CAlert>\n );\n};\n\nexport default Alert;\n"],"names":["AlertButton","buttonProps","buttonText","buttonPosition","hasDescription","rest","React","createElement","Box","className","pt","pb","Button","__assign","size","variant","AlertCloseButton","props","onClose","iconName","onClick","AlertTitle","title","titleProps","Heading","flexGrow","colorToken","lineHeight","LightStatusVariantMap","info","success","warning","error","DarkStatusVariantMap","AlertIconColorMap","AlertIcon","iconProps","status","iconColor","useColorModeValue","maxH","Icon","color","name","AlertStatusIcon","AlertDescription","description","descriptionProps","Text","as","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_a","_b","_c","_d","AlertVariant","Success","__rest","alertVariant","CAlert","flexDirection","overflow","px","py","Fragment","Boolean"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("./avatarBadge.component-
|
|
2
|
-
//# sourceMappingURL=avatar.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("./avatarBadge.component-0bbcd289.js"),a=require("./chakra/components/Box/index.js"),r=require("./icon.component-7619c611.js"),o=require("./tooltip.component-4f2fab9e.js"),n=require("./useTheme-5ab02c97.js"),i=require("react"),s=require("./avatar.types-1e3b9203.js"),c=require("./sizes-1e78e203.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(i);exports.Avatar=function(u){var d,m=u.name,v=u.src,p=u.isClinic,f=void 0!==p&&p,h=u.size,b=void 0===h?"md":h,g=u.showTooltip,x=void 0===g||g,_=u.tooltipPlacement,A=void 0===_?"bottom":_,C=u.style,z=u.handleClick,B=u.showRemoveButton,E=u.handleRemoveButtonClick,j=u.variant,k=u.iconName,q=u.tooltipText,T=u.showBadge,V=u.badgeProps,w=e.__rest(u,["name","src","isClinic","size","showTooltip","tooltipPlacement","style","handleClick","showRemoveButton","handleRemoveButtonClick","variant","iconName","tooltipText","showBadge","badgeProps"]),I=n.useTheme(),R=e.__read(i.useState(!!v),2),S=R[0],y=R[1],N=e.__read(i.useState(!1),2),M=N[0],P=N[1],L=e.__read(i.useState(!1),2),D=L[0],G=L[1],F="xs"===b||j===s.AvatarVariant.Dashed||j===s.AvatarVariant.Number,H=f?"comet":(d=m.charCodeAt(0))>=65&&d<=71?s.AvatarVariant.Blue:d>=72&&d<=77?s.AvatarVariant.Red:d>=78&&d<=84?s.AvatarVariant.Green:s.AvatarVariant.Comet;S&&(H=s.AvatarVariant.Image),k&&(H=s.AvatarVariant.Icon);var J=e.__assign({cursor:z?"pointer":"auto"},C),K=l.default.createElement(t.Avatar,e.__assign({},w,{name:k?"":m,src:v,size:b,style:J,variant:j||H},k&&{icon:l.default.createElement(r.Icon,{name:k,size:c.getNextIconSize(b,!0,"sm"===b||"xs"===b?2:1)})},{icon:k&&l.default.createElement(r.Icon,{name:k,size:c.getNextIconSize(b,!0,"sm"===b||"xs"===b?2:1)}),onClick:z,onError:function(){return y(!1)},onMouseEnter:function(){return P(!0)},onMouseLeave:function(){return P(!1)}}),B&&M&&!F&&l.default.createElement(a.default,{backgroundColor:I.colors.white,borderRadius:"9999px",cursor:"pointer",position:"absolute",top:"-4px",right:"-4px",onClick:E,onMouseEnter:function(){return G(!0)},onMouseLeave:function(){return G(!1)}},l.default.createElement(r.Icon,{name:"closeCircle",size:D?"sm":"xs",colorToken:"default"})),T&&l.default.createElement(t.AvatarBadge,e.__assign({avatarSize:b},V)));return x?l.default.createElement(o.Tooltip,{label:q||m,placement:A},K):K};
|
|
2
|
+
//# sourceMappingURL=avatar.component-9757bebf.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.component-9757bebf.js","sources":["../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["import { PlacementWithLogical } from '@chakra-ui/popper';\nimport { Avatar as CAvatar, AvatarProps as CAvatarProps } from '@chakra-ui/avatar';\nimport Box from 'chakra/components/Box';\nimport Icon from 'components/Icon';\nimport Tooltip from 'components/Tooltip';\nimport useTheme from 'hooks/useTheme/useTheme';\nimport React, { CSSProperties, useState } from 'react';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'utils';\nimport AvatarBadge, { AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\nimport { IconName } from '../Icon/icon.types';\n\nexport interface AvatarProps extends CAvatarProps {\n name: string;\n size?: AvatarSize;\n isClinic?: boolean;\n showTooltip?: boolean;\n tooltipPlacement?: PlacementWithLogical;\n style?: CSSProperties;\n handleClick?: React.MouseEventHandler<HTMLSpanElement>;\n showRemoveButton?: boolean;\n handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;\n variant?: AvatarVariant;\n iconName?: IconName;\n tooltipText?: string;\n showBadge?: boolean;\n badgeProps?: AvatarBadgeProps;\n}\n\nconst getAvatarVariant = (charCode: number): AvatarVariant => {\n if (charCode >= 65 && charCode <= 71) {\n return AvatarVariant.Blue;\n } else if (charCode >= 72 && charCode <= 77) {\n return AvatarVariant.Red;\n } else if (charCode >= 78 && charCode <= 84) {\n return AvatarVariant.Green;\n } else {\n return AvatarVariant.Comet;\n }\n};\n\nconst Avatar = ({\n name,\n src,\n isClinic = false,\n size = 'md',\n showTooltip = true,\n tooltipPlacement = 'bottom',\n style,\n handleClick,\n showRemoveButton,\n handleRemoveButtonClick,\n variant,\n iconName,\n tooltipText,\n showBadge,\n badgeProps,\n ...rest\n}: AvatarProps): JSX.Element => {\n const theme = useTheme();\n const [isSrcValid, setIsSrcValid] = useState(!!src);\n const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n const shouldHideRemoveButton = size === 'xs' || variant === AvatarVariant.Dashed || variant === AvatarVariant.Number;\n let _variant = isClinic ? 'comet' : getAvatarVariant(name.charCodeAt(0));\n\n if (isSrcValid) {\n _variant = AvatarVariant.Image;\n }\n\n if (iconName) {\n _variant = AvatarVariant.Icon;\n }\n\n const avatarDynamicStyles: CSSProperties = {\n cursor: handleClick ? 'pointer' : 'auto',\n ...style,\n };\n\n const avatarMarkup = (\n <CAvatar\n {...rest}\n name={iconName ? '' : name}\n src={src}\n size={size}\n style={avatarDynamicStyles}\n variant={variant || _variant}\n {...(iconName && {\n icon: <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />,\n })}\n icon={\n iconName && <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />\n }\n onClick={handleClick}\n onError={(): void => setIsSrcValid(false)}\n onMouseEnter={(): void => setIsHoveringAvatar(true)}\n onMouseLeave={(): void => setIsHoveringAvatar(false)}\n >\n {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n <Box\n backgroundColor={theme.colors.white}\n borderRadius=\"9999px\"\n cursor=\"pointer\"\n position=\"absolute\"\n top=\"-4px\"\n right=\"-4px\"\n onClick={handleRemoveButtonClick}\n onMouseEnter={(): void => setIsHoveringRemoveButton(true)}\n onMouseLeave={(): void => setIsHoveringRemoveButton(false)}\n >\n <Icon name=\"closeCircle\" size={isHoveringRemoveButton ? 'sm' : 'xs'} colorToken=\"default\" />\n </Box>\n )}\n {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n </CAvatar>\n );\n\n if (showTooltip) {\n return (\n <Tooltip label={tooltipText || name} placement={tooltipPlacement}>\n {avatarMarkup}\n </Tooltip>\n );\n }\n\n return avatarMarkup;\n};\n\nexport default Avatar;\n"],"names":["_a","charCode","name","src","_b","isClinic","_c","size","_d","showTooltip","_e","tooltipPlacement","style","handleClick","showRemoveButton","handleRemoveButtonClick","variant","iconName","tooltipText","showBadge","badgeProps","rest","__rest","theme","useTheme","_f","__read","useState","isSrcValid","setIsSrcValid","_g","isHoveringAvatar","setIsHoveringAvatar","_h","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","AvatarVariant","Dashed","Number","_variant","charCodeAt","Blue","Red","Green","Comet","Image","Icon","avatarDynamicStyles","__assign","cursor","avatarMarkup","React","CAvatar","icon","createElement","getNextIconSize","onClick","onError","onMouseEnter","onMouseLeave","Box","backgroundColor","colors","white","borderRadius","position","top","right","colorToken","AvatarBadge","avatarSize","Tooltip","label","placement"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),r=require("./chakra-ui-image.esm-5ade5f4d.js"),a=require("./chakra-ui-system.esm-251e596a.js"),t=require("./chakra-ui-utils.esm-21814a28.js"),n=require("./icon.component-
|
|
2
|
-
//# sourceMappingURL=avatarBadge.component-
|
|
1
|
+
"use strict";var e=require("react"),r=require("./chakra-ui-image.esm-5ade5f4d.js"),a=require("./chakra-ui-system.esm-251e596a.js"),t=require("./chakra-ui-utils.esm-21814a28.js"),n=require("./icon.component-7619c611.js"),o=require("./avatar.config-a5946d4e.js"),i=require("./color.record-8ec2eb8a.js"),c=require("./avatarBadge.types-db804d7b.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),r.default=e,Object.freeze(r)}var d=s(e),u=l(e);function v(e,r){if(null==e)return{};var a,t,n={},o=Object.keys(e);for(t=0;t<o.length;t++)a=o[t],r.indexOf(a)>=0||(n[a]=e[a]);return n}function m(){return m=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},m.apply(this,arguments)}var g=["name","getInitials"],f=["src","srcSet","name","showBorder","borderRadius","onError","getInitials","icon","iconLabel","loading","children","borderColor","ignoreFallback"],p=a.forwardRef((function(e,r){var n=m({position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",insetEnd:"0",bottom:"0"},a.useStyles().badge);return d.createElement(a.chakra.div,m({ref:r},e,{className:t.cx("chakra-avatar__badge",e.className),__css:n}))}));function b(e){var r=e.split(" "),a=r[0],t=r[1];return a&&t?""+a.charAt(0)+t.charAt(0):a.charAt(0)}t.__DEV__&&(p.displayName="AvatarBadge");var h=function(e){var r=e.name,t=e.getInitials,n=v(e,g),o=a.useStyles();return d.createElement(a.chakra.div,m({role:"img","aria-label":r},n,{__css:o.label}),r?null==t?void 0:t(r):null)},x=function(e){return d.createElement(a.chakra.svg,m({viewBox:"0 0 128 128",color:"#fff",width:"100%",height:"100%",className:"chakra-avatar__svg"},e),d.createElement("path",{fill:"currentColor",d:"M103,102.1388 C93.094,111.92 79.3504,118 64.1638,118 C48.8056,118 34.9294,111.768 25,101.7892 L25,95.2 C25,86.8096 31.981,80 40.6,80 L87.4,80 C96.019,80 103,86.8096 103,95.2 L103,102.1388 Z"}),d.createElement("path",{fill:"currentColor",d:"M63.9961647,24 C51.2938136,24 41,34.2938136 41,46.9961647 C41,59.7061864 51.2938136,70 63.9961647,70 C76.6985159,70 87,59.7061864 87,46.9961647 C87,34.2938136 76.6985159,24 63.9961647,24"}))},_={display:"inline-flex",alignItems:"center",justifyContent:"center",textAlign:"center",textTransform:"uppercase",fontWeight:"medium",position:"relative",flexShrink:0},C=a.forwardRef((function(e,r){var n=a.useMultiStyleConfig("Avatar",e),o=a.omitThemingProps(e),i=o.src,c=o.srcSet,l=o.name,s=o.showBorder,u=o.borderRadius,g=void 0===u?"full":u,p=o.onError,h=o.getInitials,C=void 0===h?b:h,k=o.icon,y=void 0===k?d.createElement(x,null):k,j=o.iconLabel,A=void 0===j?" avatar":j,N=o.loading,B=o.children,I=o.borderColor,S=o.ignoreFallback,w=v(o,f),R=m({borderRadius:g,borderWidth:s?"2px":void 0},_,n.container);return I&&(R.borderColor=I),d.createElement(a.chakra.span,m({ref:r},w,{className:t.cx("chakra-avatar",e.className),__css:R}),d.createElement(a.StylesProvider,{value:n},d.createElement(E,{src:i,srcSet:c,loading:N,onError:p,getInitials:C,name:l,borderRadius:g,icon:y,iconLabel:A,ignoreFallback:S}),B))}));t.__DEV__&&(C.displayName="Avatar");var E=function(e){var t=e.src,n=e.srcSet,o=e.onError,i=e.getInitials,c=e.name,l=e.borderRadius,s=e.loading,u=e.iconLabel,v=e.icon,m=void 0===v?d.createElement(x,null):v,g=e.ignoreFallback,f=r.useImage({src:t,onError:o,ignoreFallback:g});return!t||!("loaded"===f)?c?d.createElement(h,{className:"chakra-avatar__initials",getInitials:i,name:c}):d.cloneElement(m,{role:"img","aria-label":u}):d.createElement(a.chakra.img,{src:t,srcSet:n,alt:c,className:"chakra-avatar__img",loading:s,__css:{width:"100%",height:"100%",objectFit:"cover",borderRadius:l}})};t.__DEV__&&(E.displayName="AvatarImage");var k=["children","borderColor","max","spacing","borderRadius"],y=a.forwardRef((function(e,r){var n=a.useMultiStyleConfig("Avatar",e),o=a.omitThemingProps(e),i=o.children,c=o.borderColor,l=o.max,s=o.spacing,u=void 0===s?"-0.75rem":s,g=o.borderRadius,f=void 0===g?"full":g,p=v(o,k),b=a.getValidChildren(i),h=l?b.slice(0,l):b,x=null!=l&&b.length-l,C=h.reverse().map((function(r,a){var n,o={marginEnd:0===a?0:u,size:e.size,borderColor:null!=(n=r.props.borderColor)?n:c,showBorder:!0};return d.cloneElement(r,t.filterUndefined(o))})),E=m({borderRadius:f,marginStart:u},_,n.excessLabel);return d.createElement(a.chakra.div,m({ref:r,role:"group",__css:{display:"flex",alignItems:"center",justifyContent:"flex-end",flexDirection:"row-reverse"}},p,{className:t.cx("chakra-avatar__group",e.className)}),x>0&&d.createElement(a.chakra.span,{className:"chakra-avatar__excess",__css:E},"+"+x),C)}));t.__DEV__&&(y.displayName="AvatarGroup");exports.Avatar=C,exports.AvatarBadge=function(r){var a=r.avatarSize,t=r.badgeIconName,l=r.badgeBackgroundColor,s=r.badgeBorderColor,d=r.badgeIconColor,v=r.badgePosition,m=e.useMemo((function(){return"xs"===a||!t}),[t,a]);return u.default.createElement(p,{color:d||i.adaptiveColors.icon.light.active,borderColor:s||i.coreColors.white,borderWidth:"1px",bg:l||i.semanticColors.background.info,boxSize:m?"10px":"18px",transform:function(e){var r,t,n,i,l=null===(i=null===(n=null===(t=null===(r=o.AvatarConfig.sizes)||void 0===r?void 0:r[a])||void 0===t?void 0:t.container)||void 0===n?void 0:n.height)||void 0===i?void 0:i.toString(),s=Number(null==l?void 0:l.replace("px",""))/2;switch(e){case c.AvatarBadgePosition.TopLeft:return m&&"xs"!==a?"translate(".concat(-1.35*s,"px, ").concat(-1.35*s,"px)"):"translate(".concat(-1.2*s,"px, ").concat(-1.2*s,"px)");case c.AvatarBadgePosition.TopRight:return m&&"xs"!==a?"translate(".concat(s/10,"px, ").concat(-1.35*s,"px)"):"translate(".concat(s/5,"px, ").concat(-1.2*s,"px)");case c.AvatarBadgePosition.BottomLeft:return m&&"xs"!==a?"translate(".concat(-1.35*s,"px, ").concat(s/10,"px)"):"translate(".concat(-1.2*s,"px, ").concat(s/5,"px)");default:return m&&"xs"!==a?"translate(".concat(s/10,"px, ").concat(s/10,"px)"):"translate(".concat(s/3,"px, ").concat(s/3,"px)")}}(v||c.AvatarBadgePosition.BottomRight)},!m&&t&&u.default.createElement(n.Icon,{name:t,size:"xs"}))},exports.AvatarGroup=y;
|
|
2
|
+
//# sourceMappingURL=avatarBadge.component-0bbcd289.js.map
|
package/build/{avatarBadge.component-0bff5724.js.map → avatarBadge.component-0bbcd289.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatarBadge.component-0bff5724.js","sources":["../node_modules/@chakra-ui/avatar/dist/chakra-ui-avatar.esm.js","../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx"],"sourcesContent":["import { useImage } from '@chakra-ui/image';\nimport { forwardRef, useStyles, chakra, useMultiStyleConfig, omitThemingProps, StylesProvider } from '@chakra-ui/system';\nimport { cx, __DEV__, filterUndefined } from '@chakra-ui/utils';\nimport * as React from 'react';\nimport { getValidChildren } from '@chakra-ui/react-utils';\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nvar _excluded$1 = [\"name\", \"getInitials\"],\n _excluded2 = [\"src\", \"srcSet\", \"name\", \"showBorder\", \"borderRadius\", \"onError\", \"getInitials\", \"icon\", \"iconLabel\", \"loading\", \"children\", \"borderColor\", \"ignoreFallback\"];\n\n/**\n * AvatarBadge used to show extra badge to the top-right\n * or bottom-right corner of an avatar.\n */\nvar AvatarBadge = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useStyles();\n\n var badgeStyles = _extends({\n position: \"absolute\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n insetEnd: \"0\",\n bottom: \"0\"\n }, styles.badge);\n\n return /*#__PURE__*/React.createElement(chakra.div, _extends({\n ref: ref\n }, props, {\n className: cx(\"chakra-avatar__badge\", props.className),\n __css: badgeStyles\n }));\n});\n\nif (__DEV__) {\n AvatarBadge.displayName = \"AvatarBadge\";\n}\n\nfunction initials(name) {\n var _name$split = name.split(\" \"),\n firstName = _name$split[0],\n lastName = _name$split[1];\n\n return firstName && lastName ? \"\" + firstName.charAt(0) + lastName.charAt(0) : firstName.charAt(0);\n}\n\n/**\n * The avatar name container\n */\nvar AvatarName = function AvatarName(props) {\n var name = props.name,\n getInitials = props.getInitials,\n rest = _objectWithoutPropertiesLoose(props, _excluded$1);\n\n var styles = useStyles();\n return /*#__PURE__*/React.createElement(chakra.div, _extends({\n role: \"img\",\n \"aria-label\": name\n }, rest, {\n __css: styles.label\n }), name ? getInitials == null ? void 0 : getInitials(name) : null);\n};\n/**\n * Fallback avatar react component.\n * This should be a generic svg used to represent an avatar\n */\n\n\nvar DefaultIcon = function DefaultIcon(props) {\n return /*#__PURE__*/React.createElement(chakra.svg, _extends({\n viewBox: \"0 0 128 128\",\n color: \"#fff\",\n width: \"100%\",\n height: \"100%\",\n className: \"chakra-avatar__svg\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M103,102.1388 C93.094,111.92 79.3504,118 64.1638,118 C48.8056,118 34.9294,111.768 25,101.7892 L25,95.2 C25,86.8096 31.981,80 40.6,80 L87.4,80 C96.019,80 103,86.8096 103,95.2 L103,102.1388 Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M63.9961647,24 C51.2938136,24 41,34.2938136 41,46.9961647 C41,59.7061864 51.2938136,70 63.9961647,70 C76.6985159,70 87,59.7061864 87,46.9961647 C87,34.2938136 76.6985159,24 63.9961647,24\"\n }));\n};\n\nvar baseStyle = {\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n textAlign: \"center\",\n textTransform: \"uppercase\",\n fontWeight: \"medium\",\n position: \"relative\",\n flexShrink: 0\n};\n\n/**\n * Avatar component that renders an user avatar with\n * support for fallback avatar and name-only avatars\n */\nvar Avatar = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useMultiStyleConfig(\"Avatar\", props);\n\n var _omitThemingProps = omitThemingProps(props),\n src = _omitThemingProps.src,\n srcSet = _omitThemingProps.srcSet,\n name = _omitThemingProps.name,\n showBorder = _omitThemingProps.showBorder,\n _omitThemingProps$bor = _omitThemingProps.borderRadius,\n borderRadius = _omitThemingProps$bor === void 0 ? \"full\" : _omitThemingProps$bor,\n onError = _omitThemingProps.onError,\n _omitThemingProps$get = _omitThemingProps.getInitials,\n getInitials = _omitThemingProps$get === void 0 ? initials : _omitThemingProps$get,\n _omitThemingProps$ico = _omitThemingProps.icon,\n icon = _omitThemingProps$ico === void 0 ? /*#__PURE__*/React.createElement(DefaultIcon, null) : _omitThemingProps$ico,\n _omitThemingProps$ico2 = _omitThemingProps.iconLabel,\n iconLabel = _omitThemingProps$ico2 === void 0 ? \" avatar\" : _omitThemingProps$ico2,\n loading = _omitThemingProps.loading,\n children = _omitThemingProps.children,\n borderColor = _omitThemingProps.borderColor,\n ignoreFallback = _omitThemingProps.ignoreFallback,\n rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded2);\n\n var avatarStyles = _extends({\n borderRadius: borderRadius,\n borderWidth: showBorder ? \"2px\" : undefined\n }, baseStyle, styles.container);\n\n if (borderColor) {\n avatarStyles.borderColor = borderColor;\n }\n\n return /*#__PURE__*/React.createElement(chakra.span, _extends({\n ref: ref\n }, rest, {\n className: cx(\"chakra-avatar\", props.className),\n __css: avatarStyles\n }), /*#__PURE__*/React.createElement(StylesProvider, {\n value: styles\n }, /*#__PURE__*/React.createElement(AvatarImage, {\n src: src,\n srcSet: srcSet,\n loading: loading,\n onError: onError,\n getInitials: getInitials,\n name: name,\n borderRadius: borderRadius,\n icon: icon,\n iconLabel: iconLabel,\n ignoreFallback: ignoreFallback\n }), children));\n});\n\nif (__DEV__) {\n Avatar.displayName = \"Avatar\";\n}\n\nvar AvatarImage = function AvatarImage(props) {\n var src = props.src,\n srcSet = props.srcSet,\n onError = props.onError,\n getInitials = props.getInitials,\n name = props.name,\n borderRadius = props.borderRadius,\n loading = props.loading,\n iconLabel = props.iconLabel,\n _props$icon = props.icon,\n icon = _props$icon === void 0 ? /*#__PURE__*/React.createElement(DefaultIcon, null) : _props$icon,\n ignoreFallback = props.ignoreFallback;\n /**\n * use the image hook to only show the image when it has loaded\n */\n\n var status = useImage({\n src: src,\n onError: onError,\n ignoreFallback: ignoreFallback\n });\n var hasLoaded = status === \"loaded\";\n /**\n * Fallback avatar applies under 2 conditions:\n * - If `src` was passed and the image has not loaded or failed to load\n * - If `src` wasn't passed\n *\n * In this case, we'll show either the name avatar or default avatar\n */\n\n var showFallback = !src || !hasLoaded;\n\n if (showFallback) {\n return name ? /*#__PURE__*/React.createElement(AvatarName, {\n className: \"chakra-avatar__initials\",\n getInitials: getInitials,\n name: name\n }) : /*#__PURE__*/React.cloneElement(icon, {\n role: \"img\",\n \"aria-label\": iconLabel\n });\n }\n /**\n * If `src` was passed and the image has loaded, we'll show it\n */\n\n\n return /*#__PURE__*/React.createElement(chakra.img, {\n src: src,\n srcSet: srcSet,\n alt: name,\n className: \"chakra-avatar__img\",\n loading: loading,\n __css: {\n width: \"100%\",\n height: \"100%\",\n objectFit: \"cover\",\n borderRadius: borderRadius\n }\n });\n};\n\nif (__DEV__) {\n AvatarImage.displayName = \"AvatarImage\";\n}\n\nvar _excluded = [\"children\", \"borderColor\", \"max\", \"spacing\", \"borderRadius\"];\n\n/**\n * AvatarGroup displays a number of avatars grouped together in a stack.\n */\nvar AvatarGroup = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useMultiStyleConfig(\"Avatar\", props);\n\n var _omitThemingProps = omitThemingProps(props),\n children = _omitThemingProps.children,\n borderColor = _omitThemingProps.borderColor,\n max = _omitThemingProps.max,\n _omitThemingProps$spa = _omitThemingProps.spacing,\n spacing = _omitThemingProps$spa === void 0 ? \"-0.75rem\" : _omitThemingProps$spa,\n _omitThemingProps$bor = _omitThemingProps.borderRadius,\n borderRadius = _omitThemingProps$bor === void 0 ? \"full\" : _omitThemingProps$bor,\n rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n var validChildren = getValidChildren(children);\n /**\n * get the avatars within the max\n */\n\n var childrenWithinMax = max ? validChildren.slice(0, max) : validChildren;\n /**\n * get the remaining avatar count\n */\n\n var excess = max != null && validChildren.length - max;\n /**\n * Reversing the children is a great way to avoid using zIndex\n * to overlap the avatars\n */\n\n var reversedChildren = childrenWithinMax.reverse();\n var clones = reversedChildren.map(function (child, index) {\n var _child$props$borderCo;\n\n var isFirstAvatar = index === 0;\n var childProps = {\n marginEnd: isFirstAvatar ? 0 : spacing,\n size: props.size,\n borderColor: (_child$props$borderCo = child.props.borderColor) != null ? _child$props$borderCo : borderColor,\n showBorder: true\n };\n return /*#__PURE__*/React.cloneElement(child, filterUndefined(childProps));\n });\n var groupStyles = {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"flex-end\",\n flexDirection: \"row-reverse\"\n };\n\n var excessStyles = _extends({\n borderRadius: borderRadius,\n marginStart: spacing\n }, baseStyle, styles.excessLabel);\n\n return /*#__PURE__*/React.createElement(chakra.div, _extends({\n ref: ref,\n role: \"group\",\n __css: groupStyles\n }, rest, {\n className: cx(\"chakra-avatar__group\", props.className)\n }), excess > 0 && /*#__PURE__*/React.createElement(chakra.span, {\n className: \"chakra-avatar__excess\",\n __css: excessStyles\n }, \"+\" + excess), clones);\n});\n\nif (__DEV__) {\n AvatarGroup.displayName = \"AvatarGroup\";\n}\n\nexport { Avatar, AvatarBadge, AvatarGroup, baseStyle };\n","import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge } from '@chakra-ui/avatar';\nimport Icon from 'components/Icon';\nimport { AvatarSize } from '../../avatar.types';\nimport { AvatarConfig } from '../../avatar.config';\nimport { adaptiveColors, coreColors, semanticColors } from 'theme/tokens/colors';\nimport { StyleInterpolationObject } from 'shared/types';\nimport { IconName } from 'components/Icon/icon.types';\nimport { AvatarBadgePosition } from './avatarBadge.types';\n\nexport interface AvatarBadgeProps {\n badgeIconName?: IconName;\n badgeBackgroundColor?: string;\n badgeBorderColor?: string;\n badgeIconColor?: string;\n badgePosition?: AvatarBadgePosition;\n}\n\ninterface AvatarBadgeComponentProps extends AvatarBadgeProps {\n avatarSize: AvatarSize;\n}\n\nconst AvatarBadge = ({\n avatarSize,\n badgeIconName,\n badgeBackgroundColor,\n badgeBorderColor,\n badgeIconColor,\n badgePosition,\n}: AvatarBadgeComponentProps): JSX.Element => {\n const useSmallBadge = useMemo(() => avatarSize === 'xs' || !badgeIconName, [badgeIconName, avatarSize]);\n\n const getBadgeTransform = (position: AvatarBadgePosition): string => {\n const parentSizeString = (\n AvatarConfig.sizes?.[avatarSize] as StyleInterpolationObject\n )?.container?.height?.toString();\n const parentSize = Number(parentSizeString?.replace('px', ''));\n const translation = parentSize / 2;\n\n switch (position) {\n case AvatarBadgePosition.TopLeft:\n return useSmallBadge && avatarSize !== 'xs'\n ? `translate(${translation * -1.35}px, ${translation * -1.35}px)`\n : `translate(${translation * -1.2}px, ${translation * -1.2}px)`;\n case AvatarBadgePosition.TopRight:\n return useSmallBadge && avatarSize !== 'xs'\n ? `translate(${translation / 10}px, ${translation * -1.35}px)`\n : `translate(${translation / 5}px, ${translation * -1.2}px)`;\n case AvatarBadgePosition.BottomLeft:\n return useSmallBadge && avatarSize !== 'xs'\n ? `translate(${translation * -1.35}px, ${translation / 10}px)`\n : `translate(${translation * -1.2}px, ${translation / 5}px)`;\n default:\n return useSmallBadge && avatarSize !== 'xs'\n ? `translate(${translation / 10}px, ${translation / 10}px)`\n : `translate(${translation / 3}px, ${translation / 3}px)`;\n }\n };\n\n return (\n <CAvatarBadge\n color={badgeIconColor || adaptiveColors.icon.light.active}\n borderColor={badgeBorderColor || coreColors.white}\n borderWidth=\"1px\"\n bg={badgeBackgroundColor || semanticColors.background.info}\n boxSize={useSmallBadge ? '10px' : '18px'}\n transform={getBadgeTransform(badgePosition || AvatarBadgePosition.BottomRight)}\n >\n {!useSmallBadge && badgeIconName && <Icon name={badgeIconName} size={'xs'} />}\n </CAvatarBadge>\n );\n};\n\nexport default AvatarBadge;\n"],"names":["_objectWithoutPropertiesLoose","source","excluded","key","i","target","sourceKeys","Object","keys","length","indexOf","_extends","assign","arguments","prototype","hasOwnProperty","call","apply","this","_excluded$1","_excluded2","AvatarBadge","forwardRef","props","ref","badgeStyles","position","display","alignItems","justifyContent","insetEnd","bottom","useStyles","badge","React","createElement","chakra","div","className","cx","__css","initials","name","_name$split","split","firstName","lastName","charAt","__DEV__","displayName","AvatarName","getInitials","rest","styles","role","label","DefaultIcon","svg","viewBox","color","width","height","fill","d","baseStyle","textAlign","textTransform","fontWeight","flexShrink","Avatar","useMultiStyleConfig","_omitThemingProps","omitThemingProps","src","srcSet","showBorder","_omitThemingProps$bor","borderRadius","onError","_omitThemingProps$get","_omitThemingProps$ico","icon","_omitThemingProps$ico2","iconLabel","loading","children","borderColor","ignoreFallback","avatarStyles","borderWidth","undefined","container","span","StylesProvider","value","AvatarImage","_props$icon","status","useImage","cloneElement","img","alt","objectFit","_excluded","AvatarGroup","max","_omitThemingProps$spa","spacing","validChildren","getValidChildren","childrenWithinMax","slice","excess","clones","reverse","map","child","index","_child$props$borderCo","childProps","marginEnd","size","filterUndefined","excessStyles","marginStart","excessLabel","flexDirection","_a","avatarSize","badgeIconName","badgeBackgroundColor","badgeBorderColor","badgeIconColor","badgePosition","useSmallBadge","useMemo","CAvatarBadge","adaptiveColors","light","active","coreColors","white","bg","semanticColors","background","info","boxSize","transform","parentSizeString","_d","_b","AvatarConfig","sizes","_c","toString","translation","Number","replace","AvatarBadgePosition","TopLeft","concat","TopRight","BottomLeft","getBadgeTransform","BottomRight","Icon"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"avatarBadge.component-0bbcd289.js","sources":["../node_modules/@chakra-ui/avatar/dist/chakra-ui-avatar.esm.js","../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx"],"sourcesContent":["import { useImage } from '@chakra-ui/image';\nimport { forwardRef, useStyles, chakra, useMultiStyleConfig, omitThemingProps, StylesProvider } from '@chakra-ui/system';\nimport { cx, __DEV__, filterUndefined } from '@chakra-ui/utils';\nimport * as React from 'react';\nimport { getValidChildren } from '@chakra-ui/react-utils';\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nvar _excluded$1 = [\"name\", \"getInitials\"],\n _excluded2 = [\"src\", \"srcSet\", \"name\", \"showBorder\", \"borderRadius\", \"onError\", \"getInitials\", \"icon\", \"iconLabel\", \"loading\", \"children\", \"borderColor\", \"ignoreFallback\"];\n\n/**\n * AvatarBadge used to show extra badge to the top-right\n * or bottom-right corner of an avatar.\n */\nvar AvatarBadge = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useStyles();\n\n var badgeStyles = _extends({\n position: \"absolute\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n insetEnd: \"0\",\n bottom: \"0\"\n }, styles.badge);\n\n return /*#__PURE__*/React.createElement(chakra.div, _extends({\n ref: ref\n }, props, {\n className: cx(\"chakra-avatar__badge\", props.className),\n __css: badgeStyles\n }));\n});\n\nif (__DEV__) {\n AvatarBadge.displayName = \"AvatarBadge\";\n}\n\nfunction initials(name) {\n var _name$split = name.split(\" \"),\n firstName = _name$split[0],\n lastName = _name$split[1];\n\n return firstName && lastName ? \"\" + firstName.charAt(0) + lastName.charAt(0) : firstName.charAt(0);\n}\n\n/**\n * The avatar name container\n */\nvar AvatarName = function AvatarName(props) {\n var name = props.name,\n getInitials = props.getInitials,\n rest = _objectWithoutPropertiesLoose(props, _excluded$1);\n\n var styles = useStyles();\n return /*#__PURE__*/React.createElement(chakra.div, _extends({\n role: \"img\",\n \"aria-label\": name\n }, rest, {\n __css: styles.label\n }), name ? getInitials == null ? void 0 : getInitials(name) : null);\n};\n/**\n * Fallback avatar react component.\n * This should be a generic svg used to represent an avatar\n */\n\n\nvar DefaultIcon = function DefaultIcon(props) {\n return /*#__PURE__*/React.createElement(chakra.svg, _extends({\n viewBox: \"0 0 128 128\",\n color: \"#fff\",\n width: \"100%\",\n height: \"100%\",\n className: \"chakra-avatar__svg\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M103,102.1388 C93.094,111.92 79.3504,118 64.1638,118 C48.8056,118 34.9294,111.768 25,101.7892 L25,95.2 C25,86.8096 31.981,80 40.6,80 L87.4,80 C96.019,80 103,86.8096 103,95.2 L103,102.1388 Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M63.9961647,24 C51.2938136,24 41,34.2938136 41,46.9961647 C41,59.7061864 51.2938136,70 63.9961647,70 C76.6985159,70 87,59.7061864 87,46.9961647 C87,34.2938136 76.6985159,24 63.9961647,24\"\n }));\n};\n\nvar baseStyle = {\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n textAlign: \"center\",\n textTransform: \"uppercase\",\n fontWeight: \"medium\",\n position: \"relative\",\n flexShrink: 0\n};\n\n/**\n * Avatar component that renders an user avatar with\n * support for fallback avatar and name-only avatars\n */\nvar Avatar = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useMultiStyleConfig(\"Avatar\", props);\n\n var _omitThemingProps = omitThemingProps(props),\n src = _omitThemingProps.src,\n srcSet = _omitThemingProps.srcSet,\n name = _omitThemingProps.name,\n showBorder = _omitThemingProps.showBorder,\n _omitThemingProps$bor = _omitThemingProps.borderRadius,\n borderRadius = _omitThemingProps$bor === void 0 ? \"full\" : _omitThemingProps$bor,\n onError = _omitThemingProps.onError,\n _omitThemingProps$get = _omitThemingProps.getInitials,\n getInitials = _omitThemingProps$get === void 0 ? initials : _omitThemingProps$get,\n _omitThemingProps$ico = _omitThemingProps.icon,\n icon = _omitThemingProps$ico === void 0 ? /*#__PURE__*/React.createElement(DefaultIcon, null) : _omitThemingProps$ico,\n _omitThemingProps$ico2 = _omitThemingProps.iconLabel,\n iconLabel = _omitThemingProps$ico2 === void 0 ? \" avatar\" : _omitThemingProps$ico2,\n loading = _omitThemingProps.loading,\n children = _omitThemingProps.children,\n borderColor = _omitThemingProps.borderColor,\n ignoreFallback = _omitThemingProps.ignoreFallback,\n rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded2);\n\n var avatarStyles = _extends({\n borderRadius: borderRadius,\n borderWidth: showBorder ? \"2px\" : undefined\n }, baseStyle, styles.container);\n\n if (borderColor) {\n avatarStyles.borderColor = borderColor;\n }\n\n return /*#__PURE__*/React.createElement(chakra.span, _extends({\n ref: ref\n }, rest, {\n className: cx(\"chakra-avatar\", props.className),\n __css: avatarStyles\n }), /*#__PURE__*/React.createElement(StylesProvider, {\n value: styles\n }, /*#__PURE__*/React.createElement(AvatarImage, {\n src: src,\n srcSet: srcSet,\n loading: loading,\n onError: onError,\n getInitials: getInitials,\n name: name,\n borderRadius: borderRadius,\n icon: icon,\n iconLabel: iconLabel,\n ignoreFallback: ignoreFallback\n }), children));\n});\n\nif (__DEV__) {\n Avatar.displayName = \"Avatar\";\n}\n\nvar AvatarImage = function AvatarImage(props) {\n var src = props.src,\n srcSet = props.srcSet,\n onError = props.onError,\n getInitials = props.getInitials,\n name = props.name,\n borderRadius = props.borderRadius,\n loading = props.loading,\n iconLabel = props.iconLabel,\n _props$icon = props.icon,\n icon = _props$icon === void 0 ? /*#__PURE__*/React.createElement(DefaultIcon, null) : _props$icon,\n ignoreFallback = props.ignoreFallback;\n /**\n * use the image hook to only show the image when it has loaded\n */\n\n var status = useImage({\n src: src,\n onError: onError,\n ignoreFallback: ignoreFallback\n });\n var hasLoaded = status === \"loaded\";\n /**\n * Fallback avatar applies under 2 conditions:\n * - If `src` was passed and the image has not loaded or failed to load\n * - If `src` wasn't passed\n *\n * In this case, we'll show either the name avatar or default avatar\n */\n\n var showFallback = !src || !hasLoaded;\n\n if (showFallback) {\n return name ? /*#__PURE__*/React.createElement(AvatarName, {\n className: \"chakra-avatar__initials\",\n getInitials: getInitials,\n name: name\n }) : /*#__PURE__*/React.cloneElement(icon, {\n role: \"img\",\n \"aria-label\": iconLabel\n });\n }\n /**\n * If `src` was passed and the image has loaded, we'll show it\n */\n\n\n return /*#__PURE__*/React.createElement(chakra.img, {\n src: src,\n srcSet: srcSet,\n alt: name,\n className: \"chakra-avatar__img\",\n loading: loading,\n __css: {\n width: \"100%\",\n height: \"100%\",\n objectFit: \"cover\",\n borderRadius: borderRadius\n }\n });\n};\n\nif (__DEV__) {\n AvatarImage.displayName = \"AvatarImage\";\n}\n\nvar _excluded = [\"children\", \"borderColor\", \"max\", \"spacing\", \"borderRadius\"];\n\n/**\n * AvatarGroup displays a number of avatars grouped together in a stack.\n */\nvar AvatarGroup = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useMultiStyleConfig(\"Avatar\", props);\n\n var _omitThemingProps = omitThemingProps(props),\n children = _omitThemingProps.children,\n borderColor = _omitThemingProps.borderColor,\n max = _omitThemingProps.max,\n _omitThemingProps$spa = _omitThemingProps.spacing,\n spacing = _omitThemingProps$spa === void 0 ? \"-0.75rem\" : _omitThemingProps$spa,\n _omitThemingProps$bor = _omitThemingProps.borderRadius,\n borderRadius = _omitThemingProps$bor === void 0 ? \"full\" : _omitThemingProps$bor,\n rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n var validChildren = getValidChildren(children);\n /**\n * get the avatars within the max\n */\n\n var childrenWithinMax = max ? validChildren.slice(0, max) : validChildren;\n /**\n * get the remaining avatar count\n */\n\n var excess = max != null && validChildren.length - max;\n /**\n * Reversing the children is a great way to avoid using zIndex\n * to overlap the avatars\n */\n\n var reversedChildren = childrenWithinMax.reverse();\n var clones = reversedChildren.map(function (child, index) {\n var _child$props$borderCo;\n\n var isFirstAvatar = index === 0;\n var childProps = {\n marginEnd: isFirstAvatar ? 0 : spacing,\n size: props.size,\n borderColor: (_child$props$borderCo = child.props.borderColor) != null ? _child$props$borderCo : borderColor,\n showBorder: true\n };\n return /*#__PURE__*/React.cloneElement(child, filterUndefined(childProps));\n });\n var groupStyles = {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"flex-end\",\n flexDirection: \"row-reverse\"\n };\n\n var excessStyles = _extends({\n borderRadius: borderRadius,\n marginStart: spacing\n }, baseStyle, styles.excessLabel);\n\n return /*#__PURE__*/React.createElement(chakra.div, _extends({\n ref: ref,\n role: \"group\",\n __css: groupStyles\n }, rest, {\n className: cx(\"chakra-avatar__group\", props.className)\n }), excess > 0 && /*#__PURE__*/React.createElement(chakra.span, {\n className: \"chakra-avatar__excess\",\n __css: excessStyles\n }, \"+\" + excess), clones);\n});\n\nif (__DEV__) {\n AvatarGroup.displayName = \"AvatarGroup\";\n}\n\nexport { Avatar, AvatarBadge, AvatarGroup, baseStyle };\n","import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge } from '@chakra-ui/avatar';\nimport Icon from 'components/Icon';\nimport { AvatarSize } from '../../avatar.types';\nimport { AvatarConfig } from '../../avatar.config';\nimport { adaptiveColors, coreColors, semanticColors } from 'theme/tokens/colors';\nimport { StyleInterpolationObject } from 'shared/types';\nimport { IconName } from 'components/Icon/icon.types';\nimport { AvatarBadgePosition } from './avatarBadge.types';\n\nexport interface AvatarBadgeProps {\n badgeIconName?: IconName;\n badgeBackgroundColor?: string;\n badgeBorderColor?: string;\n badgeIconColor?: string;\n badgePosition?: AvatarBadgePosition;\n}\n\ninterface AvatarBadgeComponentProps extends AvatarBadgeProps {\n avatarSize: AvatarSize;\n}\n\nconst AvatarBadge = ({\n avatarSize,\n badgeIconName,\n badgeBackgroundColor,\n badgeBorderColor,\n badgeIconColor,\n badgePosition,\n}: AvatarBadgeComponentProps): JSX.Element => {\n const useSmallBadge = useMemo(() => avatarSize === 'xs' || !badgeIconName, [badgeIconName, avatarSize]);\n\n const getBadgeTransform = (position: AvatarBadgePosition): string => {\n const parentSizeString = (\n AvatarConfig.sizes?.[avatarSize] as StyleInterpolationObject\n )?.container?.height?.toString();\n const parentSize = Number(parentSizeString?.replace('px', ''));\n const translation = parentSize / 2;\n\n switch (position) {\n case AvatarBadgePosition.TopLeft:\n return useSmallBadge && avatarSize !== 'xs'\n ? `translate(${translation * -1.35}px, ${translation * -1.35}px)`\n : `translate(${translation * -1.2}px, ${translation * -1.2}px)`;\n case AvatarBadgePosition.TopRight:\n return useSmallBadge && avatarSize !== 'xs'\n ? `translate(${translation / 10}px, ${translation * -1.35}px)`\n : `translate(${translation / 5}px, ${translation * -1.2}px)`;\n case AvatarBadgePosition.BottomLeft:\n return useSmallBadge && avatarSize !== 'xs'\n ? `translate(${translation * -1.35}px, ${translation / 10}px)`\n : `translate(${translation * -1.2}px, ${translation / 5}px)`;\n default:\n return useSmallBadge && avatarSize !== 'xs'\n ? `translate(${translation / 10}px, ${translation / 10}px)`\n : `translate(${translation / 3}px, ${translation / 3}px)`;\n }\n };\n\n return (\n <CAvatarBadge\n color={badgeIconColor || adaptiveColors.icon.light.active}\n borderColor={badgeBorderColor || coreColors.white}\n borderWidth=\"1px\"\n bg={badgeBackgroundColor || semanticColors.background.info}\n boxSize={useSmallBadge ? '10px' : '18px'}\n transform={getBadgeTransform(badgePosition || AvatarBadgePosition.BottomRight)}\n >\n {!useSmallBadge && badgeIconName && <Icon name={badgeIconName} size={'xs'} />}\n </CAvatarBadge>\n );\n};\n\nexport default AvatarBadge;\n"],"names":["_objectWithoutPropertiesLoose","source","excluded","key","i","target","sourceKeys","Object","keys","length","indexOf","_extends","assign","arguments","prototype","hasOwnProperty","call","apply","this","_excluded$1","_excluded2","AvatarBadge","forwardRef","props","ref","badgeStyles","position","display","alignItems","justifyContent","insetEnd","bottom","useStyles","badge","React","createElement","chakra","div","className","cx","__css","initials","name","_name$split","split","firstName","lastName","charAt","__DEV__","displayName","AvatarName","getInitials","rest","styles","role","label","DefaultIcon","svg","viewBox","color","width","height","fill","d","baseStyle","textAlign","textTransform","fontWeight","flexShrink","Avatar","useMultiStyleConfig","_omitThemingProps","omitThemingProps","src","srcSet","showBorder","_omitThemingProps$bor","borderRadius","onError","_omitThemingProps$get","_omitThemingProps$ico","icon","_omitThemingProps$ico2","iconLabel","loading","children","borderColor","ignoreFallback","avatarStyles","borderWidth","undefined","container","span","StylesProvider","value","AvatarImage","_props$icon","status","useImage","cloneElement","img","alt","objectFit","_excluded","AvatarGroup","max","_omitThemingProps$spa","spacing","validChildren","getValidChildren","childrenWithinMax","slice","excess","clones","reverse","map","child","index","_child$props$borderCo","childProps","marginEnd","size","filterUndefined","excessStyles","marginStart","excessLabel","flexDirection","_a","avatarSize","badgeIconName","badgeBackgroundColor","badgeBorderColor","badgeIconColor","badgePosition","useSmallBadge","useMemo","CAvatarBadge","adaptiveColors","light","active","coreColors","white","bg","semanticColors","background","info","boxSize","transform","parentSizeString","_d","_b","AvatarConfig","sizes","_c","toString","translation","Number","replace","AvatarBadgePosition","TopLeft","concat","TopRight","BottomLeft","getBadgeTransform","BottomRight","Icon"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),a=require("./chakra-ui-button.esm-67e80814.js"),i=require("./chakra-ui-color-mode.esm-6a4dab32.js"),o=require("./icon.component-
|
|
2
|
-
//# sourceMappingURL=button.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),a=require("./chakra-ui-button.esm-67e80814.js"),i=require("./chakra-ui-color-mode.esm-6a4dab32.js"),o=require("./icon.component-7619c611.js"),t=require("./strings-03c30366.js"),s=require("./useTheme-5ab02c97.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(r),c=r.forwardRef((function(r,n){var c=s.useTheme(),d=c.components,l=c.fontWeights,f=c.radii,m=d.Button[r.variant||"primary"],b=m.variant,v=m.light,h=m.dark,g=r.darkMode?h:v,_=i.useColorModeValue(g.default,h.default),p=i.useColorModeValue(g.content,h.content),z=i.useColorModeValue(g.border,h.border),M=e.__assign(e.__assign({},r),{variant:b,bg:_,color:p,borderColor:z}),j=M.isDisabled?g.default:g.hover,q=M.isDisabled?h.default:h.hover,C={bg:i.useColorModeValue(j,q)},k=M.isDisabled?g.default:g.active,B=M.isDisabled?h.default:h.active,D={bg:i.useColorModeValue(k,B),transform:"scale(".concat(M.isDisabled?"1":"0.98",")")},V=M.iconName;M.darkMode;var x=M.iconPosition,I=e.__rest(M,["iconName","darkMode","iconPosition"]);if(V){var y=u.default.createElement(o.Icon,{size:M.iconSize||M.size||"md",name:V});if(!I.children){var E=t.camelCaseToLabel(V);return u.default.createElement(a.IconButton,e.__assign({ref:n,_hover:C,_active:D,"aria-label":E,icon:y,size:M.size||"md"},I))}I["right"===x?"rightIcon":"leftIcon"]=y}return u.default.createElement(a.Button,e.__assign({fontWeight:l.semibold,cursor:"pointer",ref:n,_hover:C,_active:D,size:M.size||"md",iconSpacing:"sm"===I.size||"xs"===I.size?"4px":"8px",borderRadius:f.base},I),I.children)}));c.displayName="Button",exports.Button=c;
|
|
2
|
+
//# sourceMappingURL=button.component-a7951562.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.component-a7951562.js","sources":["../src/components/Button/button.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactNode } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton } from '@chakra-ui/button';\nimport { useColorModeValue } from '@chakra-ui/color-mode';\nimport Icon from 'components/Icon';\nimport { IconsSize, IconName } from 'components/Icon/icon.types';\nimport { ButtonIconPosition, ButtonSizeType, ButtonVariantType } from './button.types';\nimport { camelCaseToLabel } from '../../utils';\nimport useTheme from 'hooks/useTheme/useTheme';\n\nexport interface ButtonProps extends CButtonProps {\n children?: ReactNode;\n variant?: ButtonVariantType;\n size?: ButtonSizeType;\n iconName?: IconName;\n iconSize?: IconsSize;\n iconPosition?: ButtonIconPosition;\n darkMode?: boolean;\n}\n\nconst Button = forwardRef((props: ButtonProps, ref: ForwardedRef<HTMLButtonElement>): JSX.Element => {\n const { components, fontWeights, radii } = useTheme();\n const { variant, light, dark } = components.Button[props.variant || 'primary'];\n\n const modeColor = props.darkMode ? dark : light;\n\n const bg = useColorModeValue(modeColor.default, dark.default);\n const color = useColorModeValue(modeColor.content, dark.content);\n const borderColor = useColorModeValue(modeColor.border, dark.border);\n\n const p = { ...props, variant, bg, color, borderColor };\n\n const hoverLight = p.isDisabled ? modeColor.default : modeColor.hover;\n const hoverDark = p.isDisabled ? dark.default : dark.hover;\n const hoverClass = {\n bg: useColorModeValue(hoverLight, hoverDark),\n };\n\n const activeLight = p.isDisabled ? modeColor.default : modeColor.active;\n const activeDark = p.isDisabled ? dark.default : dark.active;\n const activeClass = {\n bg: useColorModeValue(activeLight, activeDark),\n transform: `scale(${p.isDisabled ? '1' : '0.98'})`,\n };\n\n const { iconName, darkMode, iconPosition, ...domProps } = p;\n\n if (iconName) {\n const ButtonIcon = <Icon size={p.iconSize || p.size || 'md'} name={iconName} />;\n\n if (!domProps.children) {\n const label = camelCaseToLabel(iconName);\n return (\n <IconButton\n ref={ref}\n _hover={hoverClass}\n _active={activeClass}\n aria-label={label}\n icon={ButtonIcon}\n size={p.size || 'md'}\n {...domProps}\n />\n );\n } else {\n const position = iconPosition === 'right' ? 'rightIcon' : 'leftIcon';\n domProps[position] = ButtonIcon;\n }\n }\n\n return (\n <CButton\n fontWeight={fontWeights.semibold}\n cursor=\"pointer\"\n ref={ref}\n _hover={hoverClass}\n _active={activeClass}\n size={p.size || 'md'}\n iconSpacing={domProps.size === 'sm' || domProps.size === 'xs' ? '4px' : '8px'}\n borderRadius={radii.base}\n {...domProps}\n >\n {domProps.children}\n </CButton>\n );\n});\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"names":["Button","forwardRef","props","ref","_a","useTheme","components","fontWeights","radii","_b","variant","light","dark","modeColor","darkMode","bg","useColorModeValue","default","color","content","borderColor","border","p","__assign","hoverLight","isDisabled","hover","hoverDark","hoverClass","activeLight","active","activeDark","activeClass","transform","concat","iconName","iconPosition","domProps","ButtonIcon","React","createElement","Icon","size","iconSize","name","children","label","camelCaseToLabel","IconButton","_hover","_active","icon","CButton","fontWeight","semibold","cursor","iconSpacing","borderRadius","base","displayName"],"mappings":"iXAmBMA,EAASC,EAAUA,YAAC,SAACC,EAAoBC,GACvC,IAAAC,EAAqCC,EAAAA,WAAnCC,EAAUF,EAAAE,WAAEC,EAAWH,EAAAG,YAAEC,EAAKJ,EAAAI,MAChCC,EAA2BH,EAAWN,OAAOE,EAAMQ,SAAW,WAA5DA,YAASC,UAAOC,SAElBC,EAAYX,EAAMY,SAAWF,EAAOD,EAEpCI,EAAKC,EAAAA,kBAAkBH,EAAUI,QAASL,EAAKK,SAC/CC,EAAQF,EAAAA,kBAAkBH,EAAUM,QAASP,EAAKO,SAClDC,EAAcJ,EAAAA,kBAAkBH,EAAUQ,OAAQT,EAAKS,QAEvDC,EAASC,EAAAA,SAAAA,EAAAA,SAAA,GAAArB,GAAO,CAAAQ,UAASK,GAAEA,EAAEG,MAAKA,EAAEE,YAAWA,IAE/CI,EAAaF,EAAEG,WAAaZ,EAAUI,QAAUJ,EAAUa,MAC1DC,EAAYL,EAAEG,WAAab,EAAKK,QAAUL,EAAKc,MAC/CE,EAAa,CACjBb,GAAIC,EAAAA,kBAAkBQ,EAAYG,IAG9BE,EAAcP,EAAEG,WAAaZ,EAAUI,QAAUJ,EAAUiB,OAC3DC,EAAaT,EAAEG,WAAab,EAAKK,QAAUL,EAAKkB,OAChDE,EAAc,CAClBjB,GAAIC,EAAAA,kBAAkBa,EAAaE,GACnCE,UAAW,SAAAC,OAASZ,EAAEG,WAAa,IAAM,OAAS,MAG5CU,EAAkDb,EAACa,SAADb,EAAhCR,SAAA,IAAEsB,EAA8Bd,eAAbe,WAAaf,EAApD,CAAiD,WAAA,WAAA,iBAEvD,GAAIa,EAAU,CACZ,IAAMG,EAAaC,EAAC,QAAAC,cAAAC,EAAIA,MAACC,KAAMpB,EAAEqB,UAAYrB,EAAEoB,MAAQ,KAAME,KAAMT,IAEnE,IAAKE,EAASQ,SAAU,CACtB,IAAMC,EAAQC,mBAAiBZ,GAC/B,OACEI,EAAA,QAAAC,cAACQ,EAAAA,WAAUzB,EAAAA,SAAA,CACTpB,IAAKA,EACL8C,OAAQrB,EACRsB,QAASlB,EAAW,aACRc,EACZK,KAAMb,EACNI,KAAMpB,EAAEoB,MAAQ,MACZL,IAKRA,EADkC,UAAjBD,EAA2B,YAAc,YACrCE,EAIzB,OACEC,EAAAA,QAAAC,cAACY,EAAOpD,OAAAuB,EAAAA,SAAA,CACN8B,WAAY9C,EAAY+C,SACxBC,OAAO,UACPpD,IAAKA,EACL8C,OAAQrB,EACRsB,QAASlB,EACTU,KAAMpB,EAAEoB,MAAQ,KAChBc,YAA+B,OAAlBnB,EAASK,MAAmC,OAAlBL,EAASK,KAAgB,MAAQ,MACxEe,aAAcjD,EAAMkD,MAChBrB,GAEHA,EAASQ,aAKhB7C,EAAO2D,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-checkbox.esm-e2a93dec.js"),i=require("./chakra/components/Stack/index.js"),
|
|
2
|
-
//# sourceMappingURL=checkboxGroup.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-checkbox.esm-e2a93dec.js"),i=require("./chakra/components/Stack/index.js"),n=require("./formControl.component-1536d01f.js"),a=require("./checkbox.component-ff8b486e.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=c(r),s=function(r){var n=r.checkboxes,c=r.size,s=void 0===c?"md":c,u=r.direction,d=void 0===u?"row":u,l=r.spacing,f=r.variant,p=e.__rest(r,["checkboxes","size","direction","spacing","variant"]);p.isFieldInline;var h=e.__rest(p,["isFieldInline"]);return o.default.createElement(t.CheckboxGroup,e.__assign({},h),o.default.createElement(i.default,{direction:d,spacing:l,width:"fit-content"},n.map((function(r,t){return o.default.createElement(a.Checkbox,e.__assign({key:t},r,{size:s,variant:f||r.variant}))}))))};s.displayName="CheckboxGroup";var u=n.withFormControl(s);exports.CheckboxGroup=u;
|
|
2
|
+
//# sourceMappingURL=checkboxGroup.component-34d19ebe.js.map
|
package/build/{checkboxGroup.component-c54a5b1c.js.map → checkboxGroup.component-34d19ebe.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkboxGroup.component-
|
|
1
|
+
{"version":3,"file":"checkboxGroup.component-34d19ebe.js","sources":["../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { SystemProps } from '@chakra-ui/system';\nimport { CheckboxGroup as CCheckboxGroup, CheckboxGroupProps as CCheckboxGroupProps } from '@chakra-ui/checkbox';\nimport Stack from 'chakra/components/Stack';\nimport { withFormControl, WithFormControlProps } from 'components/FormControl/formControl.component';\nimport { FlexDirection } from 'shared/types';\nimport Checkbox, { CheckboxProps } from 'components/Checkbox/checkbox.component';\nimport { CheckboxSize, CheckboxVariant } from 'components/Checkbox/checkbox.types';\n\nexport interface CheckboxGroupProps extends WithFormControlProps, CCheckboxGroupProps {\n size?: CheckboxSize;\n checkboxes: CheckboxProps[];\n direction?: FlexDirection;\n spacing?: SystemProps['margin'];\n isFieldInline?: boolean;\n variant?: CheckboxVariant;\n}\n\nconst CheckboxGroup = ({\n checkboxes,\n size = 'md',\n direction = 'row',\n spacing,\n variant,\n ...rest\n}: CheckboxGroupProps): JSX.Element => {\n const { isFieldInline, ...domProps } = rest;\n return (\n <CCheckboxGroup {...domProps}>\n <Stack direction={direction} spacing={spacing} width=\"fit-content\">\n {checkboxes.map((checkbox, index) => (\n <Checkbox key={index} {...checkbox} size={size} variant={variant || checkbox.variant} />\n ))}\n </Stack>\n </CCheckboxGroup>\n );\n};\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\nexport default withFormControl(CheckboxGroup);\n"],"names":["CheckboxGroup","_a","checkboxes","_b","size","_c","direction","spacing","variant","rest","__rest","isFieldInline","domProps","React","createElement","CCheckboxGroup","__assign","Stack","width","map","checkbox","index","Checkbox","key","displayName","withFormControl"],"mappings":"6VAkBMA,EAAgB,SAACC,GACrB,IAAAC,EAAUD,EAAAC,WACVC,EAAWF,EAAAG,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAAJ,EAAAK,UAAAA,aAAY,MAAKD,EACjBE,EAAON,EAAAM,QACPC,EAAOP,EAAAO,QACJC,EANkBC,EAAAA,OAAAT,EAAA,CAAA,aAAA,OAAA,YAAA,UAAA,YAQkBQ,EAAlBE,kBAAKC,EAAQF,EAAAA,OAAKD,EAAjC,CAA8B,kBACpC,OACEI,EAAAA,QAAAC,cAACC,EAAAA,cAAcC,EAAAA,SAAA,GAAKJ,GAClBC,EAAC,QAAAC,cAAAG,EAAK,QAAC,CAAAX,UAAWA,EAAWC,QAASA,EAASW,MAAM,eAClDhB,EAAWiB,KAAI,SAACC,EAAUC,GAAU,OACnCR,EAAA,QAAAC,cAACQ,EAAQA,SAACN,EAAAA,SAAA,CAAAO,IAAKF,GAAWD,GAAUhB,KAAMA,EAAMI,QAASA,GAAWY,EAASZ,iBAOvFR,EAAcwB,YAAc,gBAE5B,IAAeC,EAAAA,EAAAA,gBAAgBzB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../alert.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../alert.component-225a5006.js");require("../../tslib.es6-f01c41a6.js"),require("react"),require("../../chakra-ui-color-mode.esm-6a4dab32.js"),require("../../chakra-ui-utils.esm-21814a28.js"),require("../../chakra-ui-alert.esm-3803d9d7.js"),require("../../chakra-ui-system.esm-251e596a.js"),require("@emotion/react"),require("../../chakra-ui-icon.esm-03487365.js"),require("../../alert.types-304eecd7.js"),require("../../chakra/components/Box/index.js"),require("../../chakra-ui-layout.esm-026ca8ba.js"),require("../../chakra/components/VStack/index.js"),require("../../button.component-a7951562.js"),require("../../chakra-ui-button.esm-67e80814.js"),require("../../chakra-ui-hooks.esm-12b1c578.js"),require("../../use-animation-state-5054a9f7.esm-988bfb57.js"),require("../../chakra-ui-visually-hidden.esm-9d8a9d3c.js"),require("../../icon.component-7619c611.js"),require("../../useTheme-5ab02c97.js"),require("../../useAdaptiveColorMap-1b325f48.js"),require("../../strings-03c30366.js"),require("../../heading.component-3fc3a84c.js"),require("../../chakra-ui-media-query.esm-9888498c.js"),require("../../text.component-46509ecd.js"),require("../../truncatedText.component-7286c0ed.js"),require("../../tooltip.component-4f2fab9e.js"),require("../../chakra-ui-popper.esm-f051dd49.js"),require("../../chakra-ui-portal.esm-f30edddd.js"),require("react-dom"),require("../../motion-1db106fa.js"),require("../../index-5c563615.js"),require("../../useAdaptiveColor-81b17856.js"),require("../../chakra/components/HStack/index.js"),exports.default=e.Alert;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../avatarBadge.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../avatarBadge.component-0bbcd289.js");require("react"),require("../../../../chakra-ui-image.esm-5ade5f4d.js"),require("../../../../chakra-ui-system.esm-251e596a.js"),require("../../../../chakra-ui-color-mode.esm-6a4dab32.js"),require("../../../../chakra-ui-utils.esm-21814a28.js"),require("@emotion/react"),require("../../../../use-animation-state-5054a9f7.esm-988bfb57.js"),require("../../../../icon.component-7619c611.js"),require("../../../../useTheme-5ab02c97.js"),require("../../../../useAdaptiveColorMap-1b325f48.js"),require("../../../../avatar.config-a5946d4e.js"),require("../../../../color.record-8ec2eb8a.js"),require("../../../../tslib.es6-f01c41a6.js"),require("../../../../avatarBadge.types-db804d7b.js"),exports.default=e.AvatarBadge;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../avatar.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../avatar.component-9757bebf.js");require("../../tslib.es6-f01c41a6.js"),require("../../avatarBadge.component-0bbcd289.js"),require("react"),require("../../chakra-ui-image.esm-5ade5f4d.js"),require("../../chakra-ui-system.esm-251e596a.js"),require("../../chakra-ui-color-mode.esm-6a4dab32.js"),require("../../chakra-ui-utils.esm-21814a28.js"),require("@emotion/react"),require("../../use-animation-state-5054a9f7.esm-988bfb57.js"),require("../../icon.component-7619c611.js"),require("../../useTheme-5ab02c97.js"),require("../../useAdaptiveColorMap-1b325f48.js"),require("../../avatar.config-a5946d4e.js"),require("../../color.record-8ec2eb8a.js"),require("../../avatarBadge.types-db804d7b.js"),require("../../chakra/components/Box/index.js"),require("../../chakra-ui-layout.esm-026ca8ba.js"),require("../../chakra-ui-icon.esm-03487365.js"),require("../../tooltip.component-4f2fab9e.js"),require("../../chakra-ui-popper.esm-f051dd49.js"),require("../../chakra-ui-portal.esm-f30edddd.js"),require("../../chakra-ui-hooks.esm-12b1c578.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-9d8a9d3c.js"),require("../../motion-1db106fa.js"),require("../../index-5c563615.js"),require("../../useAdaptiveColor-81b17856.js"),require("../../strings-03c30366.js"),require("../../avatar.types-1e3b9203.js"),require("../../sizes-1e78e203.js"),exports.default=e.Avatar;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tslib.es6-f01c41a6.js"),r=require("../../avatarBadge.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tslib.es6-f01c41a6.js"),r=require("../../avatarBadge.component-0bbcd289.js"),a=require("../../icon.component-7619c611.js"),t=require("react"),i=require("../../avatar.component-9757bebf.js"),o=require("../../avatar.types-1e3b9203.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../chakra-ui-image.esm-5ade5f4d.js"),require("../../chakra-ui-system.esm-251e596a.js"),require("../../chakra-ui-color-mode.esm-6a4dab32.js"),require("../../chakra-ui-utils.esm-21814a28.js"),require("@emotion/react"),require("../../use-animation-state-5054a9f7.esm-988bfb57.js"),require("../../avatar.config-a5946d4e.js"),require("../../color.record-8ec2eb8a.js"),require("../../avatarBadge.types-db804d7b.js"),require("../../useTheme-5ab02c97.js"),require("../../useAdaptiveColorMap-1b325f48.js"),require("../../chakra/components/Box/index.js"),require("../../chakra-ui-layout.esm-026ca8ba.js"),require("../../chakra-ui-icon.esm-03487365.js"),require("../../tooltip.component-4f2fab9e.js"),require("../../chakra-ui-popper.esm-f051dd49.js"),require("../../chakra-ui-portal.esm-f30edddd.js"),require("../../chakra-ui-hooks.esm-12b1c578.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-9d8a9d3c.js"),require("../../motion-1db106fa.js"),require("../../index-5c563615.js"),require("../../useAdaptiveColor-81b17856.js"),require("../../strings-03c30366.js"),require("../../sizes-1e78e203.js");var s=u(t);exports.default=function(u){var n=u.avatars,c=u.max,d=void 0===c?3:c,m=u.size,l=void 0===m?"md":m,j=u.handleAddButtonClick,q=u.showAddButton,v=void 0===q||q,f=u.addButtonTooltipText,p=u.showRemoveAvatarButton,b=void 0!==p&&p,h=u.handleRemoveButtonClick,k=t.useMemo((function(){return n.map((function(e){return e.name})).join(", ")}),[n]),A="lg"===l||"md"===l?-2:-1;return s.default.createElement(r.AvatarGroup,{size:l,spacing:A},n.length>d?s.default.createElement(i.Avatar,{name:"".concat(n.length),size:l,variant:o.AvatarVariant.Number,tooltipText:k}):n.map((function(r){return s.default.createElement(i.Avatar,e.__assign({},r,{key:r.name,size:l,showRemoveButton:b,handleRemoveButtonClick:h}))})),v&&s.default.createElement(i.Avatar,{name:"",variant:o.AvatarVariant.Dashed,icon:s.default.createElement(a.Icon,{name:"plus",colorToken:"subtle",size:l}),onClick:j,tooltipText:f,size:l}))};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../button.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../button.component-a7951562.js");require("../../tslib.es6-f01c41a6.js"),require("react"),require("../../chakra-ui-button.esm-67e80814.js"),require("../../chakra-ui-hooks.esm-12b1c578.js"),require("../../use-animation-state-5054a9f7.esm-988bfb57.js"),require("../../chakra-ui-utils.esm-21814a28.js"),require("../../chakra-ui-system.esm-251e596a.js"),require("../../chakra-ui-color-mode.esm-6a4dab32.js"),require("@emotion/react"),require("../../chakra-ui-visually-hidden.esm-9d8a9d3c.js"),require("../../icon.component-7619c611.js"),require("../../useTheme-5ab02c97.js"),require("../../useAdaptiveColorMap-1b325f48.js"),require("../../strings-03c30366.js"),exports.default=e.Button;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../checkboxGroup.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../checkboxGroup.component-34d19ebe.js");require("../../tslib.es6-f01c41a6.js"),require("react"),require("../../chakra-ui-checkbox.esm-e2a93dec.js"),require("../../chakra-ui-utils.esm-21814a28.js"),require("../../chakra-ui-system.esm-251e596a.js"),require("../../chakra-ui-color-mode.esm-6a4dab32.js"),require("@emotion/react"),require("../../chakra-ui-hooks.esm-12b1c578.js"),require("../../use-animation-state-5054a9f7.esm-988bfb57.js"),require("../../chakra-ui-form-control.esm-c6fe77bd.js"),require("../../chakra-ui-icon.esm-03487365.js"),require("../../chakra-ui-visually-hidden.esm-9d8a9d3c.js"),require("../../motion-1db106fa.js"),require("../../index-5c563615.js"),require("../../chakra/components/Stack/index.js"),require("../../chakra-ui-layout.esm-026ca8ba.js"),require("../../formControl.component-1536d01f.js"),require("../../chakra/components/Flex/index.js"),require("../../useTheme-5ab02c97.js"),require("../../useAdaptiveColorMap-1b325f48.js"),require("../../icon.component-7619c611.js"),require("../../checkbox.component-ff8b486e.js"),exports.default=e.CheckboxGroup;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tslib.es6-f01c41a6.js"),t=require("react"),r=require("../../chakra-ui-popover.esm-46723043.js"),n=require("../../chakra-ui-hooks.esm-12b1c578.js"),a=require("../../textInput.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tslib.es6-f01c41a6.js"),t=require("react"),r=require("../../chakra-ui-popover.esm-46723043.js"),n=require("../../chakra-ui-hooks.esm-12b1c578.js"),a=require("../../textInput.component-a36afec1.js"),o=require("../../icon.component-7619c611.js"),u=require("../../datepicker.context-8ccd60c7.js"),i=require("../../chakra/components/Grid/index.js"),s=require("../../chakra/components/HStack/index.js"),c=require("../../chakra/components/Box/index.js"),l=require("../../chakra/components/Center/index.js"),d=require("../../chakra/components/Flex/index.js"),f=require("../../index-fee8538e.js"),m=require("../../_baseGetTag-a0328065.js"),p=require("../../text.component-46509ecd.js"),v=require("../../chakra/components/GridItem/index.js"),D=require("../../useTheme-5ab02c97.js"),b=require("../../button.component-a7951562.js"),y=require("../../menu.component-2af0524a.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../chakra-ui-system.esm-251e596a.js"),require("../../chakra-ui-color-mode.esm-6a4dab32.js"),require("../../chakra-ui-utils.esm-21814a28.js"),require("@emotion/react"),require("../../use-animation-state-5054a9f7.esm-988bfb57.js"),require("../../chakra-ui-popper.esm-f051dd49.js"),require("../../motion-1db106fa.js"),require("../../chakra-ui-input.esm-d6434068.js"),require("../../chakra-ui-form-control.esm-c6fe77bd.js"),require("../../chakra-ui-icon.esm-03487365.js"),require("../../formControl.component-1536d01f.js"),require("../../useAdaptiveColorMap-1b325f48.js"),require("../../chakra-ui-button.esm-67e80814.js"),require("../../chakra-ui-visually-hidden.esm-9d8a9d3c.js"),require("../../chakra-ui-layout.esm-026ca8ba.js"),require("../../truncatedText.component-7286c0ed.js"),require("../../tooltip.component-4f2fab9e.js"),require("../../chakra-ui-portal.esm-f30edddd.js"),require("react-dom"),require("../../index-5c563615.js"),require("../../useAdaptiveColor-81b17856.js"),require("../../strings-03c30366.js"),require("../../chakra-ui-menu.esm-af38d218.js"),require("../../chakra-ui-descendant.esm-d46e6fe4.js"),require("../../menuContainer.component-fb32b017.js"),require("../../menu.context-6276be4d.js"),require("../../menuButton.component-e27ad1a5.js"),require("../../menuList.component-104c30b8.js"),require("../../heading.component-3fc3a84c.js"),require("../../chakra-ui-media-query.esm-9888498c.js"),require("../../menuItem.component-a651abb2.js"),require("../../menu.config-83ef52b8.js"),require("../../color.record-8ec2eb8a.js"),require("../../fontSizes-6309063a.js"),require("../../shadows.config-fd05bf52.js");var j=h(t),q=function(e){var r=e.dayLabel,n=e.date,a=e.onDaySelected,o=t.useRef(null),i=D.useTheme().fontWeights,s=t.useContext(u.DatePickerContext),c=s.focusedDate,l=s.isDateFocused,d=s.isDateSelected,f=s.isDateHovered,p=s.isDateBlocked,v=s.isFirstOrLastSelectedDate,y=s.onDateSelect,h=s.onDateFocus,q=s.onDateHover,k=m.Ne({date:n,focusedDate:c,isDateFocused:l,isDateSelected:d,isDateHovered:f,isDateBlocked:p,isFirstOrLastSelectedDate:v,onDateFocus:h,onDateSelect:y,onDateHover:q,dayRef:o}),g=k.disabledDate,x=k.onClick,E=k.onKeyDown,S=k.onMouseEnter,F=k.tabIndex,C=k.isSelectedStartOrEnd;if(!r)return j.default.createElement(j.default.Fragment,null);return j.default.createElement(b.Button,{onClick:function(){x(),a()},onKeyDown:E,onMouseEnter:S,tabIndex:F,type:"button",ref:o,variant:"ghostNeutral",size:"sm",fontWeight:i.normal,isActive:C,isDisabled:g},r)},k=function(e){var r=e.year,n=e.month,a=e.firstDayOfWeek,o=e.onDaySelected,u=t.useRef(null),s=m.de({year:r,month:n,firstDayOfWeek:a}),d=s.days,f=s.weekdayLabels;return j.default.createElement(c.default,{ref:u},j.default.createElement(i.default,{templateColumns:"repeat(7, 1fr)",my:2},f.map((function(e){return j.default.createElement(v.default,{key:e},j.default.createElement(l.default,null,j.default.createElement(p.Text,{size:"xs",variant:"semibold",colorToken:"subtle"},e)))}))),j.default.createElement(i.default,{templateColumns:"repeat(7, 1fr)"},d.map((function(e,t){return"object"==typeof e?j.default.createElement(q,{key:e.date.toString(),date:e.date,dayLabel:e.dayLabel,onDaySelected:o}):j.default.createElement("div",{key:t})}))))},g=Math.ceil,x=Math.max;var E=function(e,t,r,n){for(var a=-1,o=x(g((t-e)/(r||1)),0),u=Array(o);o--;)u[n?o:++a]=e,e+=r;return u};var S=function(e,t){return e===t||e!=e&&t!=t};var F=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},C=m._baseGetTag,M=F;var O=function(e){if(!M(e))return!1;var t=C(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},P=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991};var I=/^(?:0|[1-9]\d*)$/;var w=S,L=function(e){return null!=e&&P(e.length)&&!O(e)},_=function(e,t){var r=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==r||"symbol"!=r&&I.test(e))&&e>-1&&e%1==0&&e<t},N=F;var T=function(e,t,r){if(!N(r))return!1;var n=typeof t;return!!("number"==n?L(r)&&_(t,r.length):"string"==n&&t in r)&&w(r[t],e)},B=/\s/;var z=function(e){for(var t=e.length;t--&&B.test(e.charAt(t)););return t},H=z,R=/^\s+/;var A=function(e){return e?e.slice(0,H(e)+1).replace(R,""):e};var G=function(e){return null!=e&&"object"==typeof e},W=m._baseGetTag,Y=G;var $=A,J=F,K=function(e){return"symbol"==typeof e||Y(e)&&"[object Symbol]"==W(e)},U=/^[-+]0x[0-9a-f]+$/i,Q=/^0b[01]+$/i,V=/^0o[0-7]+$/i,X=parseInt;var Z=function(e){if("number"==typeof e)return e;if(K(e))return NaN;if(J(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=J(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=$(e);var r=Q.test(e);return r||V.test(e)?X(e.slice(2),r?2:8):U.test(e)?NaN:+e};var ee=E,te=T,re=function(e){return e?Infinity===(e=Z(e))||-Infinity===e?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0};var ne=function(e){return function(t,r,n){return n&&"number"!=typeof n&&te(t,r,n)&&(r=n=void 0),t=re(t),void 0===r?(r=t,t=0):r=re(r),n=void 0===n?t<r?1:-1:re(n),ee(t,r,n,e)}}(),ae={xs:"xs",sm:"sm",md:"md",lg:"lg"},oe=["January","February","March","April","May","June","July","August","September","October","November","December"].map((function(e,t){return{label:e,value:String(t)}}));exports.default=function(p){var v=p.date,D=p.onDateChange,h=p.inputProps,q=p.placement,g=p.dateFormat,x=void 0===g?"MM/dd/yyyy":g,E=p.minYear,S=void 0===E?1990:E,F=p.maxYear,C=void 0===F?2040:F,M=e.__read(t.useState(m.Ue(v,x,"")),2),O=M[0],P=M[1],I=e.__read(t.useState({startDate:v||null,endDate:v||null,focusedInput:m.Pe}),2),w=I[0],L=I[1],_=j.default.useRef(null),N=j.default.useRef(null),T=ne(S,C).map((function(e){var t=String(e);return{label:t,value:t}})),B=m.Ye({startDate:w.startDate,endDate:w.endDate,focusedInput:w.focusedInput,onDatesChange:function(t){t&&(t.focusedInput?L(t):L(e.__assign(e.__assign({},t),{focusedInput:m.Pe})),P(m.Ue(t.startDate,x,"")),D&&D(t.startDate))},numberOfMonths:1,minBookingDays:1,exactMinBookingDays:!0}),z=B.firstDayOfWeek,H=B.activeMonths,R=B.isDateSelected,A=B.isDateHovered,G=B.isFirstOrLastSelectedDate,W=B.isDateBlocked,Y=B.isDateFocused,$=B.focusedDate,J=B.onDateHover,K=B.onDateSelect,U=B.onDateFocus,Q=B.goToPreviousMonths,V=B.goToNextMonths,X=B.goToDate,Z=n.useDisclosure(),ee=Z.onOpen,te=Z.onClose,re=Z.isOpen;t.useEffect((function(){var e=function(e){var t;N&&!(null===(t=null==N?void 0:N.current)||void 0===t?void 0:t.contains(null==e?void 0:e.target))&&te()};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[te,N]);var ue=function(e){var t=v||new Date;t.setMonth(Number(e.value)),X(t)},ie=function(e){var t=v||new Date;t.setFullYear(Number(e.value)),X(t)},se=function(e){var t=new Date;return t.setMonth(e),f.format(t,"LLLL")},ce=(null==h?void 0:h.size)?ae[h.size]:"md";return j.default.createElement(u.DatePickerProvider,{focusedDate:$,isDateFocused:Y,isDateSelected:R,isDateHovered:A,isDateBlocked:W,isFirstOrLastSelectedDate:G,onDateSelect:K,onDateFocus:U,onDateHover:J},j.default.createElement(r.Popover,{isOpen:re,onClose:te,onOpen:function(){(null==h?void 0:h.isDisabled)||ee()},initialFocusRef:_,placement:q},j.default.createElement(r.PopoverTrigger,null,j.default.createElement(c.default,null,j.default.createElement(a.TextInput,e.__assign({rightElement:j.default.createElement(d.default,{cursor:(null==h?void 0:h.isDisabled)?"not-allowed":"pointer"},j.default.createElement(o.Icon,{name:"chevronDown",size:ce})),value:O,onChange:function(e){var t=e.target.value;P(t);var r=m.xt(t,x,new Date);t.length===x.length&&f.isDate(r)&&(K(r),P(m.Ue(r,x,"")))},inputRef:_,onKeyDown:function(e){"Enter"===e.key&&re&&(te(),e.preventDefault(),e.stopPropagation())},cursor:(null==h?void 0:h.isReadOnly)?"pointer":"text"},h)))),j.default.createElement(r.PopoverContent,{ref:N,shadow:"md"},j.default.createElement(r.PopoverHeader,{justifyItems:"space-between"},j.default.createElement(s.default,{w:"100%",justify:"space-between"},j.default.createElement(b.Button,{iconName:"chevronLeft",onClick:Q,variant:"ghostNeutral",size:"sm"}),H.map((function(e){return j.default.createElement(l.default,{key:e.month,gap:2,h:"100%"},j.default.createElement(y.Menu,{buttonProps:{variant:"tertiary",text:se(e.month),size:"sm"},listProps:{menuItems:oe,onSelect:ue}}),j.default.createElement(y.Menu,{buttonProps:{variant:"tertiary",text:String(e.year),size:"sm"},listProps:{menuItems:T,onSelect:ie}}))})),j.default.createElement(b.Button,{iconName:"chevronRight",onClick:V,variant:"ghostNeutral",size:"sm"}))),j.default.createElement(r.PopoverBody,null,j.default.createElement(i.default,{gap:"0 64px",templateColumns:"repeat(".concat(H.length,")")},H.map((function(e){return j.default.createElement(k,{key:"".concat(e.year,"-").concat(e.month),year:e.year,month:e.month,firstDayOfWeek:z,onDaySelected:function(){return te()}})})))))))};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|