@televet/kibble-ui 1.20.21-beta.cs73 → 1.20.21-beta.cs74
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-7343ae64.js → alert.component-27a1f5d4.js} +2 -2
- package/build/{alert.component-7343ae64.js.map → alert.component-27a1f5d4.js.map} +1 -1
- package/build/{avatar.component-f7395666.js → avatar.component-15867f35.js} +2 -2
- package/build/{avatar.component-f7395666.js.map → avatar.component-15867f35.js.map} +1 -1
- package/build/{avatarGroup.component-75dfda07.js → avatarGroup.component-ab7b40b1.js} +2 -2
- package/build/{avatarGroup.component-75dfda07.js.map → avatarGroup.component-ab7b40b1.js.map} +1 -1
- package/build/{button.component-ce0afe69.js → button.component-7994e6aa.js} +2 -2
- package/build/{button.component-ce0afe69.js.map → button.component-7994e6aa.js.map} +1 -1
- package/build/{checkboxGroup.component-4c6da7b8.js → checkboxGroup.component-d786905a.js} +2 -2
- package/build/{checkboxGroup.component-4c6da7b8.js.map → checkboxGroup.component-d786905a.js.map} +1 -1
- package/build/components/Alert/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/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/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/index.js +1 -1
- package/build/components/RadioGroup/index.js +1 -1
- package/build/components/Select/index.js +1 -1
- package/build/components/SortableList/components/DragHandle/index.js +1 -1
- package/build/components/SortableList/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/index.js +1 -1
- package/build/components/TabsLayout/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/Toast/index.js +1 -1
- package/build/components/index.js +1 -1
- package/build/{datepicker.types-7739a31e.js → datepicker.types-91c238b7.js} +2 -2
- package/build/{datepicker.types-7739a31e.js.map → datepicker.types-91c238b7.js.map} +1 -1
- package/build/dragHandle.component-3d2042c6.js +2 -0
- package/build/{dragHandle.component-26dc0b85.js.map → dragHandle.component-3d2042c6.js.map} +1 -1
- package/build/{formControl.component-b5d03d1c.js → formControl.component-13591c3d.js} +2 -2
- package/build/{formControl.component-b5d03d1c.js.map → formControl.component-13591c3d.js.map} +1 -1
- package/build/{icon.component-16016fa2.js → icon.component-e549a530.js} +2 -2
- package/build/{icon.component-16016fa2.js.map → icon.component-e549a530.js.map} +1 -1
- package/build/index.js +1 -1
- package/build/{link.component-bdb10e66.js → link.component-aa529030.js} +2 -2
- package/build/{link.component-bdb10e66.js.map → link.component-aa529030.js.map} +1 -1
- package/build/menu.component-de420007.js +2 -0
- package/build/{menu.component-a4f9e779.js.map → menu.component-de420007.js.map} +1 -1
- package/build/{menuButton.component-8e0b8072.js → menuButton.component-ec18bac5.js} +2 -2
- package/build/{menuButton.component-8e0b8072.js.map → menuButton.component-ec18bac5.js.map} +1 -1
- package/build/{menuItem.component-4af146db.js → menuItem.component-759ca712.js} +2 -2
- package/build/{menuItem.component-4af146db.js.map → menuItem.component-759ca712.js.map} +1 -1
- package/build/{menuList.component-2e3b50e7.js → menuList.component-d5d731bb.js} +2 -2
- package/build/{menuList.component-2e3b50e7.js.map → menuList.component-d5d731bb.js.map} +1 -1
- package/build/modalCloseButton.component-119187dc.js +2 -0
- package/build/{modalCloseButton.component-e1b73c4a.js.map → modalCloseButton.component-119187dc.js.map} +1 -1
- package/build/{modalFooterButtons.component-d344f15b.js → modalFooterButtons.component-7ffe8ec9.js} +2 -2
- package/build/{modalFooterButtons.component-d344f15b.js.map → modalFooterButtons.component-7ffe8ec9.js.map} +1 -1
- package/build/{popoverCloseButton.component-332df1c6.js → popoverCloseButton.component-6a6e6909.js} +2 -2
- package/build/{popoverCloseButton.component-332df1c6.js.map → popoverCloseButton.component-6a6e6909.js.map} +1 -1
- package/build/{popoverFooterButtons.component-027d8e0d.js → popoverFooterButtons.component-8c24a6c6.js} +2 -2
- package/build/{popoverFooterButtons.component-027d8e0d.js.map → popoverFooterButtons.component-8c24a6c6.js.map} +1 -1
- package/build/{radioGroup.component-ab3d1571.js → radioGroup.component-b5c612d5.js} +2 -2
- package/build/{radioGroup.component-ab3d1571.js.map → radioGroup.component-b5c612d5.js.map} +1 -1
- package/build/{select.component-4fda6144.js → select.component-97f13ab3.js} +2 -2
- package/build/{select.component-4fda6144.js.map → select.component-97f13ab3.js.map} +1 -1
- package/build/{switch.component-26210bae.js → switch.component-f710b6f4.js} +2 -2
- package/build/{switch.component-26210bae.js.map → switch.component-f710b6f4.js.map} +1 -1
- package/build/{tab.component-3c35762b.js → tab.component-55fe94e4.js} +2 -2
- package/build/{tab.component-3c35762b.js.map → tab.component-55fe94e4.js.map} +1 -1
- package/build/{tabs.component-4a3052b4.js → tabs.component-d6e227c6.js} +2 -2
- package/build/{tabs.component-4a3052b4.js.map → tabs.component-d6e227c6.js.map} +1 -1
- package/build/{tabsLayout.component-f04902ac.js → tabsLayout.component-1fcaeacd.js} +2 -2
- package/build/{tabsLayout.component-f04902ac.js.map → tabsLayout.component-1fcaeacd.js.map} +1 -1
- package/build/{textInput.component-391455d2.js → textInput.component-5181d09d.js} +2 -2
- package/build/{textInput.component-391455d2.js.map → textInput.component-5181d09d.js.map} +1 -1
- package/build/{textarea.component-1d6a3a68.js → textarea.component-d2c46d6e.js} +2 -2
- package/build/{textarea.component-1d6a3a68.js.map → textarea.component-d2c46d6e.js.map} +1 -1
- package/build/{timePicker.component-464d18ce.js → timePicker.component-cc76ba22.js} +2 -2
- package/build/{timePicker.component-464d18ce.js.map → timePicker.component-cc76ba22.js.map} +1 -1
- package/build/timeRange.component-3295f4bf.js +2 -0
- package/build/{timeRange.component-058399fa.js.map → timeRange.component-3295f4bf.js.map} +1 -1
- package/build/{useToast-87da26e7.js → useToast-095c17d3.js} +2 -2
- package/build/{useToast-87da26e7.js.map → useToast-095c17d3.js.map} +1 -1
- package/package.json +2 -2
- package/build/dragHandle.component-26dc0b85.js +0 -2
- package/build/menu.component-a4f9e779.js +0 -2
- package/build/modalCloseButton.component-e1b73c4a.js +0 -2
- package/build/timeRange.component-058399fa.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-8e19e91f.js"),t=require("react"),n=require("./button.component-
|
|
2
|
-
//# sourceMappingURL=alert.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-8e19e91f.js"),t=require("react"),n=require("./button.component-7994e6aa.js"),r=require("./chakra-ui-layout.esm-339b049e.js"),o=require("./heading.component-7d595aec.js"),a=require("./icon.component-e549a530.js"),i=require("./chakra-ui-system.esm-1d513b8a.js"),s=require("./text.component-aeaf39d8.js"),l=require("./chakra-ui-alert.esm-0751f858.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(t),d=function(t){t.buttonText;var o=t.buttonPosition,a=t.hasDescription,i=e.__rest(t,["buttonText","buttonPosition","hasDescription"]);return c.default.createElement(r.Box,{className:"Alert__Button",pt:"bottomLeft"!==o||a?0:1,pb:"bottomLeft"===o?.5:0},c.default.createElement(n.Button,e.__assign({size:"xs",variant:"secondary"},i),t.buttonText))},f=function(e){var t=e.onClose;return c.default.createElement(r.Box,{className:"Alert__CloseButton"},c.default.createElement(n.Button,{variant:"ghostNeutral",iconName:"close",size:"xs",onClick:t}))},m=function(t){var n=t.title,r=t.titleProps;return c.default.createElement(o.Heading,e.__assign({className:"Alert__Title",flexGrow:1,colorToken:"default",lineHeight:6,size:"sm"},r),n)},p={info:"info",success:"success",warning:"warning",error:"error"},_={info:"infoDark",success:"successDark",warning:"warningDark",error:"errorDark"},g={info:"active",success:"success",error:"error",warning:"warning"},E={error:"warningSign",warning:"warningSign",success:"checkmark",info:"infoCircleOutlined"},h=function(t){var n=t.iconProps,o=t.status,s=i.useColorModeValue(g[o],"currentColor");return c.default.createElement(r.Box,{className:"Alert__Icon",maxH:"24px"},c.default.createElement(a.Icon,e.__assign({color:s,size:"lg"},n,{name:(null==n?void 0:n.name)||E[o]})))},x=function(t){var n=t.description,r=t.descriptionProps;return c.default.createElement(s.Text,e.__assign({className:"Alert__Description",as:"p",size:"md"},r),n)},b=function(e){var t=e.children,n=e.hideIcon,o=e.hideCloseButton;return c.default.createElement(r.VStack,{className:"Alert__Body",justify:"flex-start",align:"flex-start",w:"100%",pl:n?"":"34px",pr:o?"":"34px"},t)},v=function(e){var t=e.children;return c.default.createElement(r.HStack,{className:"Alert__Header",w:"100%",align:"flex-start",justify:"flex-start"},t)};exports.Alert=function(t){var n=t.buttonProps,o=t.children,a=t.description,s=t.descriptionProps,u=t.iconProps,g=t.onClose,E=t.hideCloseButton,P=void 0!==E&&E,B=t.hideIcon,C=void 0!==B&&B,w=t.status,k=void 0===w?"success":w,j=t.title,D=t.titleProps,y=e.__rest(t,["buttonProps","children","description","descriptionProps","iconProps","onClose","hideCloseButton","hideIcon","status","title","titleProps"]),q=i.useColorModeValue(p[k],_[k]);n&&!n.buttonPosition&&(n.buttonPosition="topRight");return c.default.createElement(l.Alert,e.__assign({flexDirection:"column",align:"flex-start",justify:"flex-start",variant:q,overflow:"visible",px:3,py:2},y),j?c.default.createElement((function(){return c.default.createElement(c.default.Fragment,null,c.default.createElement(v,null,!C&&c.default.createElement(h,{status:k,iconProps:u}),c.default.createElement(m,{title:j,titleProps:D}),"topRight"===(null==n?void 0:n.buttonPosition)&&c.default.createElement(d,e.__assign({},n,{hasDescription:Boolean(a)})),!P&&c.default.createElement(f,{onClose:g})),c.default.createElement(b,{hideIcon:C,hideCloseButton:P},a&&c.default.createElement(x,{description:a,descriptionProps:s}),o,"bottomLeft"===(null==n?void 0:n.buttonPosition)&&c.default.createElement(d,e.__assign({},n,{hasDescription:Boolean(a)}))))}),null):c.default.createElement((function(){return c.default.createElement(r.VStack,{w:"100%",align:"flex-start",justify:"flex-start"},c.default.createElement(v,null,!C&&c.default.createElement(h,{status:k,iconProps:u}),c.default.createElement(r.Box,{flexGrow:1},a&&c.default.createElement(x,{description:a,descriptionProps:s}),o),"topRight"===(null==n?void 0:n.buttonPosition)&&c.default.createElement(d,e.__assign({},n,{hasDescription:Boolean(a)})),!P&&c.default.createElement(f,{onClose:g})),"bottomLeft"===(null==n?void 0:n.buttonPosition)&&c.default.createElement(b,{hideIcon:C,hideCloseButton:P},c.default.createElement(d,e.__assign({},n,{hasDescription:Boolean(a)}))))}),null))};
|
|
2
|
+
//# sourceMappingURL=alert.component-27a1f5d4.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.component-7343ae64.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 '../../Button/button.component';\nimport React from 'react';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertButtonProps extends ButtonProps {\n buttonPosition?: 'topRight' | 'bottomLeft';\n buttonText: string;\n hasDescription?: boolean;\n}\n\nexport const 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","import { Button } from '../../Button/button.component';\nimport React from 'react';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertCloseButtonProps {\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const 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","import React, { ReactNode } from 'react';\nimport { Heading, HeadingProps } from '../../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","import { IconColor, IconName } from '../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\nexport const AlertStatusIcon: Record<Status, IconName> = {\n error: 'warningSign',\n warning: 'warningSign',\n success: 'checkmark',\n info: 'infoCircleOutlined',\n};\n","import React from 'react';\nimport { Box, useColorModeValue } from '@chakra-ui/react';\nimport { Icon, IconProps } from '../../Icon/icon.component';\nimport { AlertIconColorMap, AlertStatusIcon } from '../alert.records';\nimport { Status } from '../alert.types';\n\nexport interface AlertIconProps {\n iconProps?: IconProps;\n status: Status;\n}\n\nexport const 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","import React, { ReactNode } from 'react';\nimport { Text, TextProps } from '../../Text/text.component';\n\nexport interface AlertDescriptionProps {\n description?: string | ReactNode;\n descriptionProps?: TextProps;\n}\n\nexport const 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","import React, { ReactNode } from 'react';\nimport { VStack } from '@chakra-ui/react';\n\nexport interface AlertBodyProps {\n children: ReactNode;\n hideIcon: boolean;\n hideCloseButton: boolean;\n}\n\nexport const 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","import React, { ReactNode } from 'react';\nimport { HStack } from '@chakra-ui/react';\n\nexport interface AlertHeaderProps {\n children: ReactNode;\n}\n\nexport const 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","import React, { ReactNode } from 'react';\nimport { useColorModeValue, Alert as CAlert, AlertProps as CAlertProps, Box, VStack } from '@chakra-ui/react';\nimport { IconProps } from '../Icon/icon.component';\nimport { Status } from './alert.types';\nimport { TextProps } from '../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?: Status;\n title?: string | ReactNode;\n titleProps?: HeadingProps;\n}\n\nexport const Alert = ({\n buttonProps,\n children,\n description,\n descriptionProps,\n iconProps,\n onClose,\n hideCloseButton = false,\n hideIcon = false,\n status = '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"],"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","AlertStatusIcon","AlertIcon","iconProps","status","iconColor","useColorModeValue","maxH","Icon","color","name","AlertDescription","description","descriptionProps","Text","as","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_a","_b","_c","_d","__rest","alertVariant","CAlert","flexDirection","overflow","px","py","Fragment","Boolean"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"alert.component-27a1f5d4.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 '../../Button/button.component';\nimport React from 'react';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertButtonProps extends ButtonProps {\n buttonPosition?: 'topRight' | 'bottomLeft';\n buttonText: string;\n hasDescription?: boolean;\n}\n\nexport const 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","import { Button } from '../../Button/button.component';\nimport React from 'react';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertCloseButtonProps {\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const 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","import React, { ReactNode } from 'react';\nimport { Heading, HeadingProps } from '../../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","import { IconColor, IconName } from '../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\nexport const AlertStatusIcon: Record<Status, IconName> = {\n error: 'warningSign',\n warning: 'warningSign',\n success: 'checkmark',\n info: 'infoCircleOutlined',\n};\n","import React from 'react';\nimport { Box, useColorModeValue } from '@chakra-ui/react';\nimport { Icon, IconProps } from '../../Icon/icon.component';\nimport { AlertIconColorMap, AlertStatusIcon } from '../alert.records';\nimport { Status } from '../alert.types';\n\nexport interface AlertIconProps {\n iconProps?: IconProps;\n status: Status;\n}\n\nexport const 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","import React, { ReactNode } from 'react';\nimport { Text, TextProps } from '../../Text/text.component';\n\nexport interface AlertDescriptionProps {\n description?: string | ReactNode;\n descriptionProps?: TextProps;\n}\n\nexport const 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","import React, { ReactNode } from 'react';\nimport { VStack } from '@chakra-ui/react';\n\nexport interface AlertBodyProps {\n children: ReactNode;\n hideIcon: boolean;\n hideCloseButton: boolean;\n}\n\nexport const 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","import React, { ReactNode } from 'react';\nimport { HStack } from '@chakra-ui/react';\n\nexport interface AlertHeaderProps {\n children: ReactNode;\n}\n\nexport const 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","import React, { ReactNode } from 'react';\nimport { useColorModeValue, Alert as CAlert, AlertProps as CAlertProps, Box, VStack } from '@chakra-ui/react';\nimport { IconProps } from '../Icon/icon.component';\nimport { Status } from './alert.types';\nimport { TextProps } from '../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?: Status;\n title?: string | ReactNode;\n titleProps?: HeadingProps;\n}\n\nexport const Alert = ({\n buttonProps,\n children,\n description,\n descriptionProps,\n iconProps,\n onClose,\n hideCloseButton = false,\n hideIcon = false,\n status = '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"],"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","AlertStatusIcon","AlertIcon","iconProps","status","iconColor","useColorModeValue","maxH","Icon","color","name","AlertDescription","description","descriptionProps","Text","as","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_a","_b","_c","_d","__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-8e19e91f.js"),a=require("react"),o=require("./icon.component-
|
|
2
|
-
//# sourceMappingURL=avatar.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-8e19e91f.js"),a=require("react"),o=require("./icon.component-e549a530.js"),r=require("./tooltip.component-4891e19b.js"),t=require("./useTheme-3dbb48a4.js"),n=require("./avatar.config-f2ca8baa.js"),i=require("./color.record-43268868.js"),s=require("./chakra-ui-avatar.esm-59c90a73.js"),c=require("./chakra-ui-layout.esm-339b049e.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d,u=l(a);exports.AvatarVariant=void 0,(d=exports.AvatarVariant||(exports.AvatarVariant={})).Green="green",d.Red="red",d.Blue="blue",d.Comet="comet",d.Dark="dark",d.Dashed="dashed",d.Test="test";var v,p=function(e,a,o){var r;switch(void 0===a&&(a=!0),void 0===o&&(o=1),e){case"xs":r=a?"sm":"xs";break;case"sm":r=a?"md":"xs";break;case"md":r=a?"lg":"sm";break;case"lg":r=a?"xl":"md";break;case"xl":r=a?"2xl":"lg";break;case"2xl":r=a?"2xl":"xl";break;default:r=e}return o>1&&(r=p(r,a,o-1)),r};!function(e){e.TopLeft="topLeft",e.TopRight="topRight",e.BottomLeft="bottomLeft",e.BottomRight="bottomRight"}(v||(v={}));var x=function(e){var r=e.avatarSize,t=e.badgeIconName,c=e.badgeBackgroundColor,l=void 0===c?i.semanticColors.background.info:c,d=e.badgeBorderColor,p=void 0===d?i.coreColors.white:d,x=e.badgeIconColor,m=void 0===x?i.adaptiveColors.icon.light.active:x,b=e.badgePosition,g=void 0===b?v.BottomRight:b,h=a.useMemo((function(){return"xs"===r||!t}),[t,r]);return u.default.createElement(s.AvatarBadge,{color:m,borderColor:p,borderWidth:"1px",bg:l,boxSize:h?"10px":"18px",transform:function(e){var a,o,t,i,s=null===(i=null===(t=null===(o=null===(a=n.AvatarConfig.sizes)||void 0===a?void 0:a[r])||void 0===o?void 0:o.container)||void 0===t?void 0:t.height)||void 0===i?void 0:i.toString(),c=Number(null==s?void 0:s.replace("px",""))/2;switch(e){case v.TopLeft:return h&&"xs"!==r?"translate("+-1.35*c+"px, "+-1.35*c+"px)":"translate("+-1.2*c+"px, "+-1.2*c+"px)";case v.TopRight:return h&&"xs"!==r?"translate("+c/10+"px, "+-1.35*c+"px)":"translate("+c/3+"px, "+-1.2*c+"px)";case v.BottomLeft:return h&&"xs"!==r?"translate("+-1.35*c+"px, "+c/10+"px)":"translate("+-1.2*c+"px, "+c/5+"px)";default:return h&&"xs"!==r?"translate("+c/10+"px, "+c/10+"px)":"translate("+c/3+"px, "+c/3+"px)"}}(g)},!h&&t&&u.default.createElement(o.Icon,{name:t,size:"xs"}))};exports.Avatar=function(n){var i,l=n.badgeProps,d=n.handleClick,v=n.handleRemoveButtonClick,m=n.hideBorder,b=void 0!==m&&m,g=n.iconName,h=n.name,f=void 0===h?"":h,k=n.randomizeVariant,C=void 0!==k&&k,_=n.showBadge,A=void 0!==_&&_,B=n.showRemoveButton,z=void 0!==B&&B,T=n.showTooltip,V=void 0===T||T,w=n.size,R=void 0===w?"md":w,y=n.src,E=n.tooltipPlacement,j=void 0===E?"bottom":E,q=n.tooltipText,I=n.variant,L=void 0===I?exports.AvatarVariant.Comet:I,S=e.__rest(n,["badgeProps","handleClick","handleRemoveButtonClick","hideBorder","iconName","name","randomizeVariant","showBadge","showRemoveButton","showTooltip","size","src","tooltipPlacement","tooltipText","variant"]),M=t.useTheme().colors,P=e.__read(a.useState(!!y),2),D=P[0],N=P[1],G=e.__read(a.useState(!1),2),W=G[0],F=G[1],H=e.__read(a.useState(!1),2),J=H[0],K=H[1],O="xs"===R,Q=L;C&&(i=f.charCodeAt(0),Q=i>=65&&i<=71?exports.AvatarVariant.Blue:i>=72&&i<=77?exports.AvatarVariant.Red:i>=78&&i<=84?exports.AvatarVariant.Green:exports.AvatarVariant.Comet);var U=a.useMemo((function(){var e={_hover:{backgroundColor:M.gray[50],img:{opacity:1},zIndex:2},_active:{backgroundColor:M.gray[100],img:{opacity:1}}};switch(Q){case exports.AvatarVariant.Comet:e._hover.backgroundColor=M.gray[100],e._active.backgroundColor=M.gray[200];break;case exports.AvatarVariant.Dark:e._hover.backgroundColor=M.blue[700],e._active.backgroundColor=M.blue[600];break;case exports.AvatarVariant.Dashed:e._hover.backgroundColor=M.blackAlpha[100],e._hover.zIndex=0,e._active.backgroundColor=M.blackAlpha[200];break;case exports.AvatarVariant.Test:e._hover.backgroundColor=M.orange[100],e._active.backgroundColor=M.orange[200]}return D&&(e._hover.backgroundColor=M.black,e._hover.img.opacity=.94,e._active.backgroundColor=M.gray[200],e._active.img.opacity=.92),e}),[Q,D,M]),X=u.default.createElement(s.Avatar,e.__assign({name:g?"":f,src:y,size:R,variant:Q,boxShadow:"0 0 0 1px "+(b?M.transparent:M.white),borderWidth:D||b?"0px":"2px"},g&&{icon:u.default.createElement(o.Icon,{name:g,size:p(R,!0,"sm"===R||"xs"===R?2:1)})},d&&e.__assign({onClick:d,cursor:"pointer"},U),{onError:function(){return N(!1)},onMouseEnter:function(){return F(!0)},onMouseLeave:function(){return F(!1)}},S),z&&W&&!O&&u.default.createElement(c.Box,{backgroundColor:M.white,borderRadius:"9999px",cursor:"pointer",position:"absolute",top:"-4px",right:"-5px",onClick:v,onMouseEnter:function(){return K(!0)},zIndex:2,onMouseLeave:function(){return K(!1)}},u.default.createElement(o.Icon,{name:"closeCircle",size:J?"sm":"xs",colorToken:"default"})),A&&u.default.createElement(x,e.__assign({avatarSize:R},l)));return V?u.default.createElement(r.Tooltip,{label:q||f,placement:j},X):X};
|
|
2
|
+
//# sourceMappingURL=avatar.component-15867f35.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.component-f7395666.js","sources":["../src/components/Avatar/avatar.types.ts","../src/utils/sizes.ts","../src/components/Avatar/components/AvatarBadge/avatarBadge.types.ts","../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx","../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport enum AvatarVariant {\n Green = 'green',\n Red = 'red',\n Blue = 'blue',\n Comet = 'comet',\n Dark = 'dark',\n Dashed = 'dashed',\n Test = 'test',\n}\n","import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconsSize } from 'components/Icon/icon.types';\n\nexport const getNextIconSize = (size: IconsSize | AvatarSize, larger = true, count = 1): IconsSize => {\n let nextSize: IconsSize;\n switch (size) {\n case 'xs':\n nextSize = larger ? 'sm' : 'xs';\n break;\n case 'sm':\n nextSize = larger ? 'md' : 'xs';\n break;\n case 'md':\n nextSize = larger ? 'lg' : 'sm';\n break;\n case 'lg':\n nextSize = larger ? 'xl' : 'md';\n break;\n case 'xl':\n nextSize = larger ? '2xl' : 'lg';\n break;\n case '2xl':\n nextSize = larger ? '2xl' : 'xl';\n break;\n default:\n nextSize = size as IconsSize;\n break;\n }\n\n if (count > 1) {\n nextSize = getNextIconSize(nextSize, larger, count - 1);\n }\n\n return nextSize;\n};\n","export enum AvatarBadgePosition {\n TopLeft = 'topLeft',\n TopRight = 'topRight',\n BottomLeft = 'bottomLeft',\n BottomRight = 'bottomRight',\n}\n","import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge } from '@chakra-ui/react';\nimport { Icon } from '../../../Icon/icon.component';\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 '../../../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\nexport const AvatarBadge = ({\n avatarSize,\n badgeIconName,\n badgeBackgroundColor = semanticColors.background.info,\n badgeBorderColor = coreColors.white,\n badgeIconColor = adaptiveColors.icon.light.active,\n badgePosition = AvatarBadgePosition.BottomRight,\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 / 3}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}\n borderColor={badgeBorderColor}\n borderWidth=\"1px\"\n bg={badgeBackgroundColor}\n boxSize={useSmallBadge ? '10px' : '18px'}\n transform={getBadgeTransform(badgePosition)}\n >\n {!useSmallBadge && badgeIconName && <Icon name={badgeIconName} size={'xs'} />}\n </CAvatarBadge>\n );\n};\n","import React, { useState, useMemo } from 'react';\nimport { Placement, Avatar as CAvatar, AvatarProps as CAvatarProps, Box } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Tooltip } from '../Tooltip/tooltip.component';\nimport { useTheme } from 'hooks/useTheme';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'utils/sizes';\nimport { AvatarBadge, AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\nimport { IconName } from '../Icon/icon.types';\n\nexport interface AvatarProps extends CAvatarProps {\n badgeProps?: AvatarBadgeProps;\n handleClick?: React.MouseEventHandler<HTMLSpanElement>;\n handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;\n hideBorder?: boolean;\n iconName?: IconName;\n name?: string;\n randomizeVariant?: boolean;\n showBadge?: boolean;\n showRemoveButton?: boolean;\n showTooltip?: boolean;\n size?: AvatarSize;\n src?: string;\n tooltipPlacement?: Placement;\n tooltipText?: string;\n variant?: AvatarVariant;\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\nexport const Avatar = ({\n badgeProps,\n handleClick,\n handleRemoveButtonClick,\n hideBorder = false,\n iconName,\n name = '',\n randomizeVariant = false,\n showBadge = false,\n showRemoveButton = false,\n showTooltip = true,\n size = 'md',\n src,\n tooltipPlacement = 'bottom',\n tooltipText,\n variant = AvatarVariant.Comet,\n ...rest\n}: AvatarProps): JSX.Element => {\n const { colors } = useTheme();\n const [isSrcValid, setIsSrcValid] = useState(!!src);\n const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n const shouldHideRemoveButton = size === 'xs';\n\n let _variant = variant;\n\n if (randomizeVariant) {\n _variant = getAvatarVariant(name.charCodeAt(0));\n }\n\n const hoverActiveStyles = useMemo(() => {\n let styles = {\n _hover: {\n backgroundColor: colors.gray[50],\n img: { opacity: 1 },\n zIndex: 2,\n },\n _active: {\n backgroundColor: colors.gray[100],\n img: { opacity: 1 },\n },\n };\n\n switch (_variant) {\n case AvatarVariant.Comet:\n styles._hover.backgroundColor = colors.gray[100];\n styles._active.backgroundColor = colors.gray[200];\n break;\n case AvatarVariant.Dark:\n styles._hover.backgroundColor = colors.blue[700];\n styles._active.backgroundColor = colors.blue[600];\n break;\n case AvatarVariant.Dashed:\n styles._hover.backgroundColor = colors.blackAlpha[100];\n styles._hover.zIndex = 0;\n styles._active.backgroundColor = colors.blackAlpha[200];\n break;\n case AvatarVariant.Test:\n styles._hover.backgroundColor = colors.orange[100];\n styles._active.backgroundColor = colors.orange[200];\n break;\n default:\n break;\n }\n\n if (isSrcValid) {\n styles._hover.backgroundColor = colors.black;\n styles._hover.img.opacity = 0.94;\n styles._active.backgroundColor = colors.gray[200];\n styles._active.img.opacity = 0.92;\n }\n\n return styles;\n }, [_variant, isSrcValid, colors]);\n\n const avatarMarkup = (\n <CAvatar\n name={iconName ? '' : name}\n src={src}\n size={size}\n variant={_variant}\n boxShadow={`0 0 0 1px ${hideBorder ? colors.transparent : colors.white}`}\n borderWidth={isSrcValid || hideBorder ? '0px' : '2px'}\n {...(iconName && {\n icon: <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />,\n })}\n {...(handleClick && {\n onClick: handleClick,\n cursor: 'pointer',\n ...hoverActiveStyles,\n })}\n onError={(): void => setIsSrcValid(false)}\n onMouseEnter={(): void => setIsHoveringAvatar(true)}\n onMouseLeave={(): void => setIsHoveringAvatar(false)}\n {...rest}\n >\n {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n <Box\n backgroundColor={colors.white}\n borderRadius=\"9999px\"\n cursor=\"pointer\"\n position=\"absolute\"\n top=\"-4px\"\n right=\"-5px\"\n onClick={handleRemoveButtonClick}\n onMouseEnter={(): void => setIsHoveringRemoveButton(true)}\n zIndex={2}\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"],"names":["AvatarVariant","AvatarBadgePosition","getNextIconSize","size","larger","count","nextSize","AvatarBadge","_a","avatarSize","badgeIconName","_b","badgeBackgroundColor","semanticColors","background","info","_c","badgeBorderColor","coreColors","white","_d","badgeIconColor","adaptiveColors","icon","light","active","_e","badgePosition","BottomRight","useSmallBadge","useMemo","React","createElement","CAvatarBadge","color","borderColor","borderWidth","bg","boxSize","transform","position","parentSizeString","AvatarConfig","sizes","container","height","toString","translation","Number","replace","TopLeft","TopRight","BottomLeft","getBadgeTransform","Icon","name","charCode","badgeProps","handleClick","handleRemoveButtonClick","hideBorder","iconName","randomizeVariant","showBadge","_f","showRemoveButton","_g","showTooltip","_h","src","_j","tooltipPlacement","tooltipText","_k","variant","Comet","rest","__rest","colors","useTheme","_l","__read","useState","isSrcValid","setIsSrcValid","_m","isHoveringAvatar","setIsHoveringAvatar","_o","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","_variant","charCodeAt","Blue","Red","Green","hoverActiveStyles","styles","_hover","backgroundColor","gray","img","opacity","zIndex","_active","Dark","blue","Dashed","blackAlpha","Test","orange","black","avatarMarkup","CAvatar","Avatar","__assign","boxShadow","transparent","onClick","cursor","onError","onMouseEnter","onMouseLeave","Box","borderRadius","top","right","colorToken","Tooltip","label","placement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"avatar.component-15867f35.js","sources":["../src/components/Avatar/avatar.types.ts","../src/utils/sizes.ts","../src/components/Avatar/components/AvatarBadge/avatarBadge.types.ts","../src/components/Avatar/components/AvatarBadge/avatarBadge.component.tsx","../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport enum AvatarVariant {\n Green = 'green',\n Red = 'red',\n Blue = 'blue',\n Comet = 'comet',\n Dark = 'dark',\n Dashed = 'dashed',\n Test = 'test',\n}\n","import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconsSize } from 'components/Icon/icon.types';\n\nexport const getNextIconSize = (size: IconsSize | AvatarSize, larger = true, count = 1): IconsSize => {\n let nextSize: IconsSize;\n switch (size) {\n case 'xs':\n nextSize = larger ? 'sm' : 'xs';\n break;\n case 'sm':\n nextSize = larger ? 'md' : 'xs';\n break;\n case 'md':\n nextSize = larger ? 'lg' : 'sm';\n break;\n case 'lg':\n nextSize = larger ? 'xl' : 'md';\n break;\n case 'xl':\n nextSize = larger ? '2xl' : 'lg';\n break;\n case '2xl':\n nextSize = larger ? '2xl' : 'xl';\n break;\n default:\n nextSize = size as IconsSize;\n break;\n }\n\n if (count > 1) {\n nextSize = getNextIconSize(nextSize, larger, count - 1);\n }\n\n return nextSize;\n};\n","export enum AvatarBadgePosition {\n TopLeft = 'topLeft',\n TopRight = 'topRight',\n BottomLeft = 'bottomLeft',\n BottomRight = 'bottomRight',\n}\n","import React, { useMemo } from 'react';\nimport { AvatarBadge as CAvatarBadge } from '@chakra-ui/react';\nimport { Icon } from '../../../Icon/icon.component';\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 '../../../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\nexport const AvatarBadge = ({\n avatarSize,\n badgeIconName,\n badgeBackgroundColor = semanticColors.background.info,\n badgeBorderColor = coreColors.white,\n badgeIconColor = adaptiveColors.icon.light.active,\n badgePosition = AvatarBadgePosition.BottomRight,\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 / 3}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}\n borderColor={badgeBorderColor}\n borderWidth=\"1px\"\n bg={badgeBackgroundColor}\n boxSize={useSmallBadge ? '10px' : '18px'}\n transform={getBadgeTransform(badgePosition)}\n >\n {!useSmallBadge && badgeIconName && <Icon name={badgeIconName} size={'xs'} />}\n </CAvatarBadge>\n );\n};\n","import React, { useState, useMemo } from 'react';\nimport { Placement, Avatar as CAvatar, AvatarProps as CAvatarProps, Box } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Tooltip } from '../Tooltip/tooltip.component';\nimport { useTheme } from 'hooks/useTheme';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'utils/sizes';\nimport { AvatarBadge, AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\nimport { IconName } from '../Icon/icon.types';\n\nexport interface AvatarProps extends CAvatarProps {\n badgeProps?: AvatarBadgeProps;\n handleClick?: React.MouseEventHandler<HTMLSpanElement>;\n handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;\n hideBorder?: boolean;\n iconName?: IconName;\n name?: string;\n randomizeVariant?: boolean;\n showBadge?: boolean;\n showRemoveButton?: boolean;\n showTooltip?: boolean;\n size?: AvatarSize;\n src?: string;\n tooltipPlacement?: Placement;\n tooltipText?: string;\n variant?: AvatarVariant;\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\nexport const Avatar = ({\n badgeProps,\n handleClick,\n handleRemoveButtonClick,\n hideBorder = false,\n iconName,\n name = '',\n randomizeVariant = false,\n showBadge = false,\n showRemoveButton = false,\n showTooltip = true,\n size = 'md',\n src,\n tooltipPlacement = 'bottom',\n tooltipText,\n variant = AvatarVariant.Comet,\n ...rest\n}: AvatarProps): JSX.Element => {\n const { colors } = useTheme();\n const [isSrcValid, setIsSrcValid] = useState(!!src);\n const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n const shouldHideRemoveButton = size === 'xs';\n\n let _variant = variant;\n\n if (randomizeVariant) {\n _variant = getAvatarVariant(name.charCodeAt(0));\n }\n\n const hoverActiveStyles = useMemo(() => {\n let styles = {\n _hover: {\n backgroundColor: colors.gray[50],\n img: { opacity: 1 },\n zIndex: 2,\n },\n _active: {\n backgroundColor: colors.gray[100],\n img: { opacity: 1 },\n },\n };\n\n switch (_variant) {\n case AvatarVariant.Comet:\n styles._hover.backgroundColor = colors.gray[100];\n styles._active.backgroundColor = colors.gray[200];\n break;\n case AvatarVariant.Dark:\n styles._hover.backgroundColor = colors.blue[700];\n styles._active.backgroundColor = colors.blue[600];\n break;\n case AvatarVariant.Dashed:\n styles._hover.backgroundColor = colors.blackAlpha[100];\n styles._hover.zIndex = 0;\n styles._active.backgroundColor = colors.blackAlpha[200];\n break;\n case AvatarVariant.Test:\n styles._hover.backgroundColor = colors.orange[100];\n styles._active.backgroundColor = colors.orange[200];\n break;\n default:\n break;\n }\n\n if (isSrcValid) {\n styles._hover.backgroundColor = colors.black;\n styles._hover.img.opacity = 0.94;\n styles._active.backgroundColor = colors.gray[200];\n styles._active.img.opacity = 0.92;\n }\n\n return styles;\n }, [_variant, isSrcValid, colors]);\n\n const avatarMarkup = (\n <CAvatar\n name={iconName ? '' : name}\n src={src}\n size={size}\n variant={_variant}\n boxShadow={`0 0 0 1px ${hideBorder ? colors.transparent : colors.white}`}\n borderWidth={isSrcValid || hideBorder ? '0px' : '2px'}\n {...(iconName && {\n icon: <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />,\n })}\n {...(handleClick && {\n onClick: handleClick,\n cursor: 'pointer',\n ...hoverActiveStyles,\n })}\n onError={(): void => setIsSrcValid(false)}\n onMouseEnter={(): void => setIsHoveringAvatar(true)}\n onMouseLeave={(): void => setIsHoveringAvatar(false)}\n {...rest}\n >\n {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n <Box\n backgroundColor={colors.white}\n borderRadius=\"9999px\"\n cursor=\"pointer\"\n position=\"absolute\"\n top=\"-4px\"\n right=\"-5px\"\n onClick={handleRemoveButtonClick}\n onMouseEnter={(): void => setIsHoveringRemoveButton(true)}\n zIndex={2}\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"],"names":["AvatarVariant","AvatarBadgePosition","getNextIconSize","size","larger","count","nextSize","AvatarBadge","_a","avatarSize","badgeIconName","_b","badgeBackgroundColor","semanticColors","background","info","_c","badgeBorderColor","coreColors","white","_d","badgeIconColor","adaptiveColors","icon","light","active","_e","badgePosition","BottomRight","useSmallBadge","useMemo","React","createElement","CAvatarBadge","color","borderColor","borderWidth","bg","boxSize","transform","position","parentSizeString","AvatarConfig","sizes","container","height","toString","translation","Number","replace","TopLeft","TopRight","BottomLeft","getBadgeTransform","Icon","name","charCode","badgeProps","handleClick","handleRemoveButtonClick","hideBorder","iconName","randomizeVariant","showBadge","_f","showRemoveButton","_g","showTooltip","_h","src","_j","tooltipPlacement","tooltipText","_k","variant","Comet","rest","__rest","colors","useTheme","_l","__read","useState","isSrcValid","setIsSrcValid","_m","isHoveringAvatar","setIsHoveringAvatar","_o","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","_variant","charCodeAt","Blue","Red","Green","hoverActiveStyles","styles","_hover","backgroundColor","gray","img","opacity","zIndex","_active","Dark","blue","Dashed","blackAlpha","Test","orange","black","avatarMarkup","CAvatar","Avatar","__assign","boxShadow","transparent","onClick","cursor","onError","onMouseEnter","onMouseLeave","Box","borderRadius","top","right","colorToken","Tooltip","label","placement"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-8e19e91f.js"),t=require("react"),a=require("./avatar.component-
|
|
2
|
-
//# sourceMappingURL=avatarGroup.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-8e19e91f.js"),t=require("react"),a=require("./avatar.component-15867f35.js"),n=require("./chakra-ui-avatar.esm-59c90a73.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t);exports.AvatarGroup=function(r){var i=r.addButtonTooltipText,u=r.avatars,l=r.handleAddButtonClick,s=r.handleRemoveButtonClick,v=r.max,d=void 0===v?3:v,c=r.showAddButton,m=void 0===c||c,f=r.showRemoveAvatarButton,h=void 0!==f&&f,p=r.size,A=void 0===p?"md":p,B=t.useMemo((function(){return u.map((function(e){return e.name})).join(", ")}),[u]),k="lg"===A||"md"===A?-2:-1;return o.default.createElement(n.AvatarGroup,{size:A,spacing:k},u.length>d?o.default.createElement(a.Avatar,{name:""+u.length,size:A,variant:a.AvatarVariant.Dark,showRemoveButton:!1,tooltipText:B}):u.map((function(t){return o.default.createElement(a.Avatar,e.__assign({},t,{key:t.name,size:A,showRemoveButton:h,handleRemoveButtonClick:s}))})),m&&o.default.createElement(a.Avatar,{variant:a.AvatarVariant.Dashed,iconName:"plus",handleClick:l,tooltipText:i,size:A}))};
|
|
2
|
+
//# sourceMappingURL=avatarGroup.component-ab7b40b1.js.map
|
package/build/{avatarGroup.component-75dfda07.js.map → avatarGroup.component-ab7b40b1.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatarGroup.component-
|
|
1
|
+
{"version":3,"file":"avatarGroup.component-ab7b40b1.js","sources":["../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import { AvatarGroup as CAvatarGroup } from '@chakra-ui/react';\nimport React, { useMemo } from 'react';\nimport { Avatar, AvatarProps } from '../Avatar/avatar.component';\nimport { AvatarSize, AvatarVariant } from '../Avatar/avatar.types';\n\nexport interface AvatarGroupProps {\n addButtonTooltipText?: string;\n avatars: AvatarProps[];\n handleAddButtonClick?: () => void;\n handleRemoveButtonClick?: () => void;\n max?: number;\n showAddButton?: boolean;\n showRemoveAvatarButton?: boolean;\n size?: AvatarSize;\n}\n\nexport const AvatarGroup = ({\n addButtonTooltipText,\n avatars,\n handleAddButtonClick,\n handleRemoveButtonClick,\n max = 3,\n showAddButton = true,\n showRemoveAvatarButton = false,\n size = 'md',\n}: AvatarGroupProps): JSX.Element => {\n const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n const spacing = size === 'lg' || size === 'md' ? -2 : -1;\n\n return (\n <CAvatarGroup size={size} spacing={spacing}>\n {avatars.length > max ? (\n <Avatar\n name={`${avatars.length}`}\n size={size}\n variant={AvatarVariant.Dark}\n showRemoveButton={false}\n tooltipText={mergedNames}\n />\n ) : (\n avatars.map((avatar) => (\n <Avatar\n {...avatar}\n key={avatar.name}\n size={size}\n showRemoveButton={showRemoveAvatarButton}\n handleRemoveButtonClick={handleRemoveButtonClick}\n />\n ))\n )}\n {showAddButton && (\n <Avatar\n variant={AvatarVariant.Dashed}\n iconName=\"plus\"\n handleClick={handleAddButtonClick}\n tooltipText={addButtonTooltipText}\n size={size}\n />\n )}\n </CAvatarGroup>\n );\n};\n"],"names":["_a","addButtonTooltipText","avatars","handleAddButtonClick","handleRemoveButtonClick","_b","max","_c","showAddButton","_d","showRemoveAvatarButton","_e","size","mergedNames","useMemo","map","avatar","name","join","spacing","React","createElement","CAvatarGroup","AvatarGroup","length","Avatar","variant","AvatarVariant","Dark","showRemoveButton","tooltipText","__assign","key","Dashed","iconName","handleClick"],"mappings":"4QAgB2B,SAACA,GAC1B,IAAAC,yBACAC,EAAOF,EAAAE,QACPC,EAAoBH,EAAAG,qBACpBC,EAAuBJ,EAAAI,wBACvBC,EAAOL,EAAAM,IAAPA,OAAG,IAAAD,EAAG,EAACA,EACPE,EAAoBP,EAAAQ,cAApBA,OAAgB,IAAAD,GAAIA,EACpBE,2BAAAC,OAAyB,IAAAD,KACzBE,EAAAX,EAAAY,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAELE,EAAcC,EAAAA,SAAQ,WAAM,OAAAZ,EAAQa,KAAI,SAACC,GAAW,OAAAA,EAAOC,IAAI,IAAEC,KAAK,QAAO,CAAChB,IAC9EiB,EAAmB,OAATP,GAA0B,OAATA,GAAiB,GAAK,EAEvD,OACEQ,EAAAA,QAACC,cAAAC,EAAYC,YAAC,CAAAX,KAAMA,EAAMO,QAASA,GAChCjB,EAAQsB,OAASlB,EAChBc,UAACC,cAAAI,EAAAA,QACCR,KAAM,GAAGf,EAAQsB,OACjBZ,KAAMA,EACNc,QAASC,EAAAA,cAAcC,KACvBC,kBAAkB,EAClBC,YAAajB,IAGfX,EAAQa,KAAI,SAACC,GAAW,OACtBI,EAAAA,sBAACK,EAAMA,OAAAM,WAAA,CAAA,EACDf,EAAM,CACVgB,IAAKhB,EAAOC,KACZL,KAAMA,EACNiB,iBAAkBnB,EAClBN,wBAAyBA,IANL,IAUzBI,GACCY,EAAC,QAAAC,cAAAI,EAAAA,OACC,CAAAC,QAASC,EAAAA,cAAcM,OACvBC,SAAS,OACTC,YAAahC,EACb2B,YAAa7B,EACbW,KAAMA,IAKhB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-8e19e91f.js"),r=require("react"),a=require("./icon.component-
|
|
2
|
-
//# sourceMappingURL=button.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-8e19e91f.js"),r=require("react"),a=require("./icon.component-e549a530.js"),i=require("./strings-03c30366.js"),o=require("./useTheme-3dbb48a4.js"),t=require("./chakra-ui-button.esm-35454bb1.js"),s=require("./chakra-ui-system.esm-1d513b8a.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(r),d=r.forwardRef((function(r,n){var d=o.useTheme(),l=d.components,c=d.fontWeights,f=d.radii,b=l.Button[r.variant||"primary"],m=b.variant,v=b.light,h=b.dark,g=r.darkMode?h:v,_=s.useColorModeValue(g.default,h.default),p=s.useColorModeValue(g.content,h.content),z=s.useColorModeValue(g.border,h.border),M=e.__assign(e.__assign({},r),{variant:m,bg:_,color:p,borderColor:z}),j=M.isDisabled?g.default:g.hover,q=M.isDisabled?h.default:h.hover,C={bg:s.useColorModeValue(j,q)},k=M.isDisabled?g.default:g.active,B=M.isDisabled?h.default:h.active,D={bg:s.useColorModeValue(k,B),transform:"scale("+(M.isDisabled?"1":"0.98")+")"},V=M.iconName;M.darkMode;var x=M.iconPosition,y=e.__rest(M,["iconName","darkMode","iconPosition"]);if(V){var I=u.default.createElement(a.Icon,{size:M.iconSize||M.size||"md",name:V});if(!y.children){var E=i.camelCaseToLabel(V);return u.default.createElement(t.IconButton,e.__assign({ref:n,_hover:C,_active:D,"aria-label":E,icon:I,size:M.size||"md"},y))}y["right"===x?"rightIcon":"leftIcon"]=I}return u.default.createElement(t.Button,e.__assign({fontWeight:c.semibold,cursor:"pointer",ref:n,_hover:C,_active:D,size:M.size||"md",iconSpacing:"sm"===y.size||"xs"===y.size?"4px":"8px",borderRadius:f.base},y),y.children)}));d.displayName="Button",exports.Button=d;
|
|
2
|
+
//# sourceMappingURL=button.component-7994e6aa.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.component-
|
|
1
|
+
{"version":3,"file":"button.component-7994e6aa.js","sources":["../src/components/Button/button.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactNode } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton, useColorModeValue } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { IconsSize, IconName } from '../Icon/icon.types';\nimport { ButtonIconPosition, ButtonSizeType, ButtonVariantType } from './button.types';\nimport { camelCaseToLabel } from 'utils/strings';\nimport { useTheme } from 'hooks/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\nexport const 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"],"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","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":"6WAkBaA,EAASC,EAAUA,YAAC,SAACC,EAAoBC,GAC9C,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,CAAA,EAAArB,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,UAASX,EAAEG,WAAa,IAAM,QAAS,KAG5CS,EAAkDZ,EAACY,SAADZ,EAAhCR,SAAA,IAAEqB,EAA8Bb,eAAbc,WAAad,EAApD,CAAiD,WAAA,WAAA,iBAEvD,GAAIY,EAAU,CACZ,IAAMG,EAAaC,EAAC,QAAAC,cAAAC,EAAIA,MAACC,KAAMnB,EAAEoB,UAAYpB,EAAEmB,MAAQ,KAAME,KAAMT,IAEnE,IAAKE,EAASQ,SAAU,CACtB,IAAMC,EAAQC,mBAAiBZ,GAC/B,OACEI,EAAA,QAAAC,cAACQ,EAAAA,WAAUxB,EAAAA,SAAA,CACTpB,IAAKA,EACL6C,OAAQpB,EACRqB,QAASjB,EAAW,aACRa,EACZK,KAAMb,EACNI,KAAMnB,EAAEmB,MAAQ,MACZL,GAGT,CAECA,EADkC,UAAjBD,EAA2B,YAAc,YACrCE,CAExB,CAED,OACEC,EAAAA,QAAAC,cAACY,EAAOnD,OAAAuB,EAAAA,SAAA,CACN6B,WAAY7C,EAAY8C,SACxBC,OAAO,UACPnD,IAAKA,EACL6C,OAAQpB,EACRqB,QAASjB,EACTS,KAAMnB,EAAEmB,MAAQ,KAChBc,YAA+B,OAAlBnB,EAASK,MAAmC,OAAlBL,EAASK,KAAgB,MAAQ,MACxEe,aAAchD,EAAMiD,MAChBrB,GAEHA,EAASQ,SAGhB,IAEA5C,EAAO0D,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-8e19e91f.js"),r=require("react"),i=require("./formControl.component-
|
|
2
|
-
//# sourceMappingURL=checkboxGroup.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-8e19e91f.js"),r=require("react"),i=require("./formControl.component-13591c3d.js"),t=require("./checkbox.component-13b96bed.js"),a=require("./chakra-ui-checkbox.esm-cdd9b730.js"),n=require("./chakra-ui-layout.esm-339b049e.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=c(r),s=function(r){var i=r.checkboxes,c=r.size,s=void 0===c?"md":c,u=r.direction,d=void 0===u?"row":u,l=r.spacing,b=r.variant,p=e.__rest(r,["checkboxes","size","direction","spacing","variant"]);p.isFieldInline;var f=e.__rest(p,["isFieldInline"]);return o.default.createElement(a.CheckboxGroup,e.__assign({},f),o.default.createElement(n.Stack,{direction:d,spacing:l,width:"fit-content"},i.map((function(r,i){return o.default.createElement(t.Checkbox,e.__assign({key:i},r,{size:s,variant:b||r.variant}))}))))};s.displayName="CheckboxGroup";var u=i.withFormControl(s);exports.WrappedCheckboxGroup=u;
|
|
2
|
+
//# sourceMappingURL=checkboxGroup.component-d786905a.js.map
|
package/build/{checkboxGroup.component-4c6da7b8.js.map → checkboxGroup.component-d786905a.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkboxGroup.component-
|
|
1
|
+
{"version":3,"file":"checkboxGroup.component-d786905a.js","sources":["../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport {\n CheckboxGroup as CCheckboxGroup,\n CheckboxGroupProps as CCheckboxGroupProps,\n Stack,\n SystemProps,\n} from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from '../FormControl/formControl.component';\nimport { FlexDirection } from 'shared/types';\nimport { Checkbox, CheckboxProps } from '../Checkbox/checkbox.component';\nimport { CheckboxSize, CheckboxVariant } from '../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\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as 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","WrappedCheckboxGroup","withFormControl"],"mappings":"6VAqBMA,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,CAAA,EAAKJ,GAClBC,EAAC,QAAAC,cAAAG,EAAKA,MAAC,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,UAD1C,KAM7C,EAEAR,EAAcwB,YAAc,gBAE5B,IAAMC,EAAuBC,EAAeA,gBAAC1B"}
|
|
@@ -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-27a1f5d4.js"),r=require("../../alert.types-4daf4eee.js");require("../../tslib.es6-8e19e91f.js"),require("react"),require("../../button.component-7994e6aa.js"),require("../../icon.component-e549a530.js"),require("../../useTheme-3dbb48a4.js"),require("../../chakra-ui-system.esm-1d513b8a.js"),require("../../useAdaptiveColorMap-83c28e16.js"),require("../../strings-03c30366.js"),require("../../chakra-ui-button.esm-35454bb1.js"),require("../../chakra-ui-hooks.esm-567ac2a0.js"),require("../../chakra-ui-visually-hidden.esm-127ebfba.js"),require("../../chakra-ui-layout.esm-339b049e.js"),require("../../chakra-ui-icon.esm-ce4e59f0.js"),require("../../heading.component-7d595aec.js"),require("../../chakra-ui-media-query.esm-d61e2d30.js"),require("../../text.component-aeaf39d8.js"),require("../../truncatedText.component-568f013e.js"),require("../../tooltip.component-4891e19b.js"),require("../../useAdaptiveColor-74f29681.js"),require("../../chakra-ui-popper.esm-0f108f82.js"),require("../../chakra-ui-portal.esm-1b79ea40.js"),require("react-dom"),require("../../motion-93f46f1f.js"),require("../../index-bef968d3.js"),require("../../chakra-ui-alert.esm-0751f858.js"),exports.Alert=e.Alert,Object.defineProperty(exports,"AlertVariant",{enumerable:!0,get:function(){return r.AlertVariant}});
|
|
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-15867f35.js");require("../../tslib.es6-8e19e91f.js"),require("react"),require("../../icon.component-e549a530.js"),require("../../useTheme-3dbb48a4.js"),require("../../chakra-ui-system.esm-1d513b8a.js"),require("../../useAdaptiveColorMap-83c28e16.js"),require("../../tooltip.component-4891e19b.js"),require("../../useAdaptiveColor-74f29681.js"),require("../../strings-03c30366.js"),require("../../chakra-ui-popper.esm-0f108f82.js"),require("../../chakra-ui-portal.esm-1b79ea40.js"),require("../../chakra-ui-hooks.esm-567ac2a0.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-127ebfba.js"),require("../../motion-93f46f1f.js"),require("../../index-bef968d3.js"),require("../../avatar.config-f2ca8baa.js"),require("../../color.record-43268868.js"),require("../../chakra-ui-avatar.esm-59c90a73.js"),require("../../chakra-ui-layout.esm-339b049e.js"),require("../../chakra-ui-icon.esm-ce4e59f0.js"),exports.Avatar=e.Avatar,Object.defineProperty(exports,"AvatarVariant",{enumerable:!0,get:function(){return e.AvatarVariant}});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../avatarGroup.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../avatarGroup.component-ab7b40b1.js");require("../../tslib.es6-8e19e91f.js"),require("react"),require("../../avatar.component-15867f35.js"),require("../../icon.component-e549a530.js"),require("../../useTheme-3dbb48a4.js"),require("../../chakra-ui-system.esm-1d513b8a.js"),require("../../useAdaptiveColorMap-83c28e16.js"),require("../../tooltip.component-4891e19b.js"),require("../../useAdaptiveColor-74f29681.js"),require("../../strings-03c30366.js"),require("../../chakra-ui-popper.esm-0f108f82.js"),require("../../chakra-ui-portal.esm-1b79ea40.js"),require("../../chakra-ui-hooks.esm-567ac2a0.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-127ebfba.js"),require("../../motion-93f46f1f.js"),require("../../index-bef968d3.js"),require("../../avatar.config-f2ca8baa.js"),require("../../color.record-43268868.js"),require("../../chakra-ui-avatar.esm-59c90a73.js"),require("../../chakra-ui-layout.esm-339b049e.js"),require("../../chakra-ui-icon.esm-ce4e59f0.js"),exports.AvatarGroup=e.AvatarGroup;
|
|
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-7994e6aa.js");require("../../tslib.es6-8e19e91f.js"),require("react"),require("../../icon.component-e549a530.js"),require("../../useTheme-3dbb48a4.js"),require("../../chakra-ui-system.esm-1d513b8a.js"),require("../../useAdaptiveColorMap-83c28e16.js"),require("../../strings-03c30366.js"),require("../../chakra-ui-button.esm-35454bb1.js"),require("../../chakra-ui-hooks.esm-567ac2a0.js"),require("../../chakra-ui-visually-hidden.esm-127ebfba.js"),exports.Button=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-d786905a.js");require("../../tslib.es6-8e19e91f.js"),require("react"),require("../../formControl.component-13591c3d.js"),require("../../useTheme-3dbb48a4.js"),require("../../chakra-ui-system.esm-1d513b8a.js"),require("../../useAdaptiveColorMap-83c28e16.js"),require("../../icon.component-e549a530.js"),require("../../chakra-ui-form-control.esm-0cef8b57.js"),require("../../chakra-ui-hooks.esm-567ac2a0.js"),require("../../chakra-ui-icon.esm-ce4e59f0.js"),require("../../chakra-ui-layout.esm-339b049e.js"),require("../../checkbox.component-13b96bed.js"),require("../../chakra-ui-checkbox.esm-cdd9b730.js"),require("../../chakra-ui-visually-hidden.esm-127ebfba.js"),require("../../motion-93f46f1f.js"),require("../../index-bef968d3.js"),exports.CheckboxGroup=e.WrappedCheckboxGroup;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../datepicker.types-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../datepicker.types-91c238b7.js");require("../../tslib.es6-8e19e91f.js"),require("react"),require("../../textInput.component-5181d09d.js"),require("../../formControl.component-13591c3d.js"),require("../../useTheme-3dbb48a4.js"),require("../../chakra-ui-system.esm-1d513b8a.js"),require("../../useAdaptiveColorMap-83c28e16.js"),require("../../icon.component-e549a530.js"),require("../../chakra-ui-form-control.esm-0cef8b57.js"),require("../../chakra-ui-hooks.esm-567ac2a0.js"),require("../../chakra-ui-icon.esm-ce4e59f0.js"),require("../../chakra-ui-layout.esm-339b049e.js"),require("../../chakra-ui-button.esm-35454bb1.js"),require("../../chakra-ui-visually-hidden.esm-127ebfba.js"),require("../../chakra-ui-input.esm-ed97ec15.js"),require("../../index-27317c8c.js"),require("../../typeof-a861d137.js"),require("../../text.component-aeaf39d8.js"),require("../../truncatedText.component-568f013e.js"),require("../../tooltip.component-4891e19b.js"),require("../../useAdaptiveColor-74f29681.js"),require("../../strings-03c30366.js"),require("../../chakra-ui-popper.esm-0f108f82.js"),require("../../chakra-ui-portal.esm-1b79ea40.js"),require("react-dom"),require("../../motion-93f46f1f.js"),require("../../index-bef968d3.js"),require("../../button.component-7994e6aa.js"),require("../../menu.component-de420007.js"),require("../../menuContainer.component-7f1da5e6.js"),require("../../menu.context-19ac1c6e.js"),require("../../chakra-ui-menu.esm-e0987e59.js"),require("../../chakra-ui-clickable.esm-b1a74f32.js"),require("../../menuButton.component-ec18bac5.js"),require("../../menuList.component-d5d731bb.js"),require("../../heading.component-7d595aec.js"),require("../../chakra-ui-media-query.esm-d61e2d30.js"),require("../../menuItem.component-759ca712.js"),require("../../menu.config-b32ff2af.js"),require("../../color.record-43268868.js"),require("../../fontSizes-6309063a.js"),require("../../shadows.config-fd05bf52.js"),require("../../chakra-ui-popover.esm-7715e41a.js"),Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return e.DateFormats}}),exports.DatePicker=e.DatePicker;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../icon.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../icon.component-e549a530.js");require("react"),require("../../useTheme-3dbb48a4.js"),require("../../chakra-ui-system.esm-1d513b8a.js"),require("../../useAdaptiveColorMap-83c28e16.js"),exports.Icon=e.Icon;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../link.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../link.component-aa529030.js");require("../../tslib.es6-8e19e91f.js"),require("react"),require("../../icon.component-e549a530.js"),require("../../useTheme-3dbb48a4.js"),require("../../chakra-ui-system.esm-1d513b8a.js"),require("../../useAdaptiveColorMap-83c28e16.js"),require("../../useIconTextSizeMap-b81a72a5.js"),require("../../chakra-ui-layout.esm-339b049e.js"),require("../../chakra-ui-icon.esm-ce4e59f0.js"),exports.Link=e.Link;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuButton.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuButton.component-ec18bac5.js");require("../../../../tslib.es6-8e19e91f.js"),require("react"),require("../../../../icon.component-e549a530.js"),require("../../../../useTheme-3dbb48a4.js"),require("../../../../chakra-ui-system.esm-1d513b8a.js"),require("../../../../useAdaptiveColorMap-83c28e16.js"),require("../../../../button.component-7994e6aa.js"),require("../../../../strings-03c30366.js"),require("../../../../chakra-ui-button.esm-35454bb1.js"),require("../../../../chakra-ui-hooks.esm-567ac2a0.js"),require("../../../../chakra-ui-visually-hidden.esm-127ebfba.js"),require("../../../../chakra-ui-menu.esm-e0987e59.js"),require("../../../../chakra-ui-clickable.esm-b1a74f32.js"),require("../../../../chakra-ui-popper.esm-0f108f82.js"),require("../../../../motion-93f46f1f.js"),require("../../../../chakra-ui-layout.esm-339b049e.js"),require("../../../../chakra-ui-icon.esm-ce4e59f0.js"),exports.MenuButton=e.MenuButton;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuItem.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuItem.component-759ca712.js");require("../../../../tslib.es6-8e19e91f.js"),require("react"),require("../../../../useTheme-3dbb48a4.js"),require("../../../../chakra-ui-system.esm-1d513b8a.js"),require("../../../../menu.config-b32ff2af.js"),require("../../../../color.record-43268868.js"),require("../../../../fontSizes-6309063a.js"),require("../../../../shadows.config-fd05bf52.js"),require("../../../../truncatedText.component-568f013e.js"),require("../../../../tooltip.component-4891e19b.js"),require("../../../../useAdaptiveColor-74f29681.js"),require("../../../../strings-03c30366.js"),require("../../../../chakra-ui-popper.esm-0f108f82.js"),require("../../../../chakra-ui-portal.esm-1b79ea40.js"),require("../../../../chakra-ui-hooks.esm-567ac2a0.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-127ebfba.js"),require("../../../../motion-93f46f1f.js"),require("../../../../index-bef968d3.js"),require("../../../../chakra-ui-layout.esm-339b049e.js"),require("../../../../chakra-ui-icon.esm-ce4e59f0.js"),require("../../../../text.component-aeaf39d8.js"),require("../../../../useAdaptiveColorMap-83c28e16.js"),require("../../../../icon.component-e549a530.js"),require("../../../../chakra-ui-menu.esm-e0987e59.js"),require("../../../../chakra-ui-clickable.esm-b1a74f32.js"),exports.MenuItem=e.MenuItem;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuList.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuList.component-d5d731bb.js");require("../../../../tslib.es6-8e19e91f.js"),require("react"),require("../../../../heading.component-7d595aec.js"),require("../../../../useTheme-3dbb48a4.js"),require("../../../../chakra-ui-system.esm-1d513b8a.js"),require("../../../../useAdaptiveColorMap-83c28e16.js"),require("../../../../chakra-ui-media-query.esm-d61e2d30.js"),require("../../../../chakra-ui-layout.esm-339b049e.js"),require("../../../../chakra-ui-icon.esm-ce4e59f0.js"),require("../../../../text.component-aeaf39d8.js"),require("../../../../truncatedText.component-568f013e.js"),require("../../../../tooltip.component-4891e19b.js"),require("../../../../useAdaptiveColor-74f29681.js"),require("../../../../strings-03c30366.js"),require("../../../../chakra-ui-popper.esm-0f108f82.js"),require("../../../../chakra-ui-portal.esm-1b79ea40.js"),require("../../../../chakra-ui-hooks.esm-567ac2a0.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-127ebfba.js"),require("../../../../motion-93f46f1f.js"),require("../../../../index-bef968d3.js"),require("../../../../menuItem.component-759ca712.js"),require("../../../../menu.config-b32ff2af.js"),require("../../../../color.record-43268868.js"),require("../../../../fontSizes-6309063a.js"),require("../../../../shadows.config-fd05bf52.js"),require("../../../../icon.component-e549a530.js"),require("../../../../chakra-ui-menu.esm-e0987e59.js"),require("../../../../chakra-ui-clickable.esm-b1a74f32.js"),require("../../../../textInput.component-5181d09d.js"),require("../../../../formControl.component-13591c3d.js"),require("../../../../chakra-ui-form-control.esm-0cef8b57.js"),require("../../../../chakra-ui-button.esm-35454bb1.js"),require("../../../../chakra-ui-input.esm-ed97ec15.js"),require("../../../../button.component-7994e6aa.js"),require("../../../../menu.context-19ac1c6e.js"),exports.MenuList=e.MenuList;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../menuButton.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../menuButton.component-ec18bac5.js"),r=require("../../menuContainer.component-7f1da5e6.js"),u=require("../../menuItem.component-759ca712.js"),i=require("../../menuList.component-d5d731bb.js"),o=require("../../menuOptionGroup.component-da4bd451.js"),n=require("../../menu.component-de420007.js");require("../../tslib.es6-8e19e91f.js"),require("react"),require("../../icon.component-e549a530.js"),require("../../useTheme-3dbb48a4.js"),require("../../chakra-ui-system.esm-1d513b8a.js"),require("../../useAdaptiveColorMap-83c28e16.js"),require("../../button.component-7994e6aa.js"),require("../../strings-03c30366.js"),require("../../chakra-ui-button.esm-35454bb1.js"),require("../../chakra-ui-hooks.esm-567ac2a0.js"),require("../../chakra-ui-visually-hidden.esm-127ebfba.js"),require("../../chakra-ui-menu.esm-e0987e59.js"),require("../../chakra-ui-clickable.esm-b1a74f32.js"),require("../../chakra-ui-popper.esm-0f108f82.js"),require("../../motion-93f46f1f.js"),require("../../chakra-ui-layout.esm-339b049e.js"),require("../../chakra-ui-icon.esm-ce4e59f0.js"),require("../../menu.context-19ac1c6e.js"),require("../../menu.config-b32ff2af.js"),require("../../color.record-43268868.js"),require("../../fontSizes-6309063a.js"),require("../../shadows.config-fd05bf52.js"),require("../../truncatedText.component-568f013e.js"),require("../../tooltip.component-4891e19b.js"),require("../../useAdaptiveColor-74f29681.js"),require("../../chakra-ui-portal.esm-1b79ea40.js"),require("react-dom"),require("../../index-bef968d3.js"),require("../../text.component-aeaf39d8.js"),require("../../heading.component-7d595aec.js"),require("../../chakra-ui-media-query.esm-d61e2d30.js"),require("../../textInput.component-5181d09d.js"),require("../../formControl.component-13591c3d.js"),require("../../chakra-ui-form-control.esm-0cef8b57.js"),require("../../chakra-ui-input.esm-ed97ec15.js"),exports.MenuButton=e.MenuButton,exports.MenuContainer=r.MenuContainer,exports.MenuItem=u.MenuItem,exports.MenuList=i.MenuList,exports.MenuOptionGroup=o.MenuOptionGroup,exports.Menu=n.Menu;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../modalCloseButton.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../modalCloseButton.component-119187dc.js");require("../../../../tslib.es6-8e19e91f.js"),require("react"),require("../../../../button.component-7994e6aa.js"),require("../../../../icon.component-e549a530.js"),require("../../../../useTheme-3dbb48a4.js"),require("../../../../chakra-ui-system.esm-1d513b8a.js"),require("../../../../useAdaptiveColorMap-83c28e16.js"),require("../../../../strings-03c30366.js"),require("../../../../chakra-ui-button.esm-35454bb1.js"),require("../../../../chakra-ui-hooks.esm-567ac2a0.js"),require("../../../../chakra-ui-visually-hidden.esm-127ebfba.js"),require("../../../../chakra-ui-modal.esm-40453afb.js"),require("../../../../chakra-ui-icon.esm-ce4e59f0.js"),require("../../../../index-1a339061.js"),require("../../../../inheritsLoose-490721fe.js"),require("../../../../typeof-a861d137.js"),require("../../../../chakra-ui-portal.esm-1b79ea40.js"),require("react-dom"),require("../../../../index-bef968d3.js"),require("../../../../motion-93f46f1f.js"),exports.ModalCloseButton=e.ModalCloseButton;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../modalFooterButtons.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../modalFooterButtons.component-7ffe8ec9.js");require("../../../../tslib.es6-8e19e91f.js"),require("react"),require("../../../../button.component-7994e6aa.js"),require("../../../../icon.component-e549a530.js"),require("../../../../useTheme-3dbb48a4.js"),require("../../../../chakra-ui-system.esm-1d513b8a.js"),require("../../../../useAdaptiveColorMap-83c28e16.js"),require("../../../../strings-03c30366.js"),require("../../../../chakra-ui-button.esm-35454bb1.js"),require("../../../../chakra-ui-hooks.esm-567ac2a0.js"),require("../../../../chakra-ui-visually-hidden.esm-127ebfba.js"),require("../../../../chakra-ui-layout.esm-339b049e.js"),require("../../../../chakra-ui-icon.esm-ce4e59f0.js"),require("../../../../chakra-ui-modal.esm-40453afb.js"),require("../../../../index-1a339061.js"),require("../../../../inheritsLoose-490721fe.js"),require("../../../../typeof-a861d137.js"),require("../../../../chakra-ui-portal.esm-1b79ea40.js"),require("react-dom"),require("../../../../index-bef968d3.js"),require("../../../../motion-93f46f1f.js"),exports.ModalFooterButtons=e.ModalFooterButtons;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../modalBody.component-791626db.js"),r=require("../../modalCloseButton.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../modalBody.component-791626db.js"),r=require("../../modalCloseButton.component-119187dc.js"),o=require("../../modalFooter.component-bdd7c4ca.js"),a=require("../../modalFooterButtons.component-7ffe8ec9.js"),s=require("../../modalHeader.component-b9726e65.js"),i=require("../../modal.component-63b6e27b.js");require("../../tslib.es6-8e19e91f.js"),require("react"),require("../../chakra-ui-modal.esm-40453afb.js"),require("../../chakra-ui-icon.esm-ce4e59f0.js"),require("../../chakra-ui-system.esm-1d513b8a.js"),require("../../index-1a339061.js"),require("../../inheritsLoose-490721fe.js"),require("../../typeof-a861d137.js"),require("../../chakra-ui-portal.esm-1b79ea40.js"),require("../../chakra-ui-hooks.esm-567ac2a0.js"),require("react-dom"),require("../../index-bef968d3.js"),require("../../motion-93f46f1f.js"),require("../../button.component-7994e6aa.js"),require("../../icon.component-e549a530.js"),require("../../useTheme-3dbb48a4.js"),require("../../useAdaptiveColorMap-83c28e16.js"),require("../../strings-03c30366.js"),require("../../chakra-ui-button.esm-35454bb1.js"),require("../../chakra-ui-visually-hidden.esm-127ebfba.js"),require("../../chakra-ui-layout.esm-339b049e.js"),require("../../heading.component-7d595aec.js"),require("../../chakra-ui-media-query.esm-d61e2d30.js"),require("../../useAdaptiveColor-74f29681.js"),require("../../withDarkMode-2a00cc1f.js"),exports.ModalBody=e.ModalBody,exports.ModalCloseButton=r.ModalCloseButton,exports.ModalFooter=o.ModalFooter,exports.ModalFooterButtons=a.ModalFooterButtons,exports.ModalHeader=s.ModalHeader,exports.Modal=i.Modal;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../popoverCloseButton.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../popoverCloseButton.component-6a6e6909.js");require("../../../../tslib.es6-8e19e91f.js"),require("react"),require("../../../../button.component-7994e6aa.js"),require("../../../../icon.component-e549a530.js"),require("../../../../useTheme-3dbb48a4.js"),require("../../../../chakra-ui-system.esm-1d513b8a.js"),require("../../../../useAdaptiveColorMap-83c28e16.js"),require("../../../../strings-03c30366.js"),require("../../../../chakra-ui-button.esm-35454bb1.js"),require("../../../../chakra-ui-hooks.esm-567ac2a0.js"),require("../../../../chakra-ui-visually-hidden.esm-127ebfba.js"),require("../../../../chakra-ui-popover.esm-7715e41a.js"),require("../../../../chakra-ui-popper.esm-0f108f82.js"),require("../../../../motion-93f46f1f.js"),exports.PopoverCloseButton=e.PopoverCloseButton;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../popoverFooterButtons.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../popoverFooterButtons.component-8c24a6c6.js");require("../../../../tslib.es6-8e19e91f.js"),require("react"),require("../../../../popoverFooter.component-7eb4ed58.js"),require("../../../../chakra-ui-popover.esm-7715e41a.js"),require("../../../../chakra-ui-system.esm-1d513b8a.js"),require("../../../../chakra-ui-hooks.esm-567ac2a0.js"),require("../../../../chakra-ui-popper.esm-0f108f82.js"),require("../../../../motion-93f46f1f.js"),require("../../../../button.component-7994e6aa.js"),require("../../../../icon.component-e549a530.js"),require("../../../../useTheme-3dbb48a4.js"),require("../../../../useAdaptiveColorMap-83c28e16.js"),require("../../../../strings-03c30366.js"),require("../../../../chakra-ui-button.esm-35454bb1.js"),require("../../../../chakra-ui-visually-hidden.esm-127ebfba.js"),require("../../../../chakra-ui-layout.esm-339b049e.js"),require("../../../../chakra-ui-icon.esm-ce4e59f0.js"),exports.PopoverFooterButtons=e.PopoverFooterButtons;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../popoverBody.component-69ec2050.js"),r=require("../../popoverCloseButton.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../popoverBody.component-69ec2050.js"),r=require("../../popoverCloseButton.component-6a6e6909.js"),o=require("../../popoverFooter.component-7eb4ed58.js"),s=require("../../popoverFooterButtons.component-8c24a6c6.js"),t=require("../../popoverHeader.component-ef933e40.js"),u=require("../../popover.component-a37d20d9.js");require("../../tslib.es6-8e19e91f.js"),require("react"),require("../../chakra-ui-popover.esm-7715e41a.js"),require("../../chakra-ui-system.esm-1d513b8a.js"),require("../../chakra-ui-hooks.esm-567ac2a0.js"),require("../../chakra-ui-popper.esm-0f108f82.js"),require("../../motion-93f46f1f.js"),require("../../button.component-7994e6aa.js"),require("../../icon.component-e549a530.js"),require("../../useTheme-3dbb48a4.js"),require("../../useAdaptiveColorMap-83c28e16.js"),require("../../strings-03c30366.js"),require("../../chakra-ui-button.esm-35454bb1.js"),require("../../chakra-ui-visually-hidden.esm-127ebfba.js"),require("../../chakra-ui-layout.esm-339b049e.js"),require("../../chakra-ui-icon.esm-ce4e59f0.js"),require("../../heading.component-7d595aec.js"),require("../../chakra-ui-media-query.esm-d61e2d30.js"),require("../../withDarkMode-2a00cc1f.js"),require("../../useAdaptiveColor-74f29681.js"),require("../../text.component-aeaf39d8.js"),require("../../truncatedText.component-568f013e.js"),require("../../tooltip.component-4891e19b.js"),require("../../chakra-ui-portal.esm-1b79ea40.js"),require("react-dom"),require("../../index-bef968d3.js"),exports.PopoverBody=e.PopoverBody,exports.PopoverCloseButton=r.PopoverCloseButton,exports.PopoverFooter=o.PopoverFooter,exports.PopoverFooterButtons=s.PopoverFooterButtons,exports.PopoverHeader=t.PopoverHeader,exports.Popover=u.Popover;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|