@televet/kibble-ui 2.1.15-inform.1 → 2.1.15-inform.3
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/chakra/index.d.ts +2 -2
- package/build/chakra/index.js +1 -1
- package/build/components/Tabs/index.js +1 -1
- package/build/components/Tabs/tabs.component.d.ts +3 -2
- package/build/components/Tabs/tabs.stories.d.ts +1 -1
- package/build/components/TabsLayout/index.js +1 -1
- package/build/components/index.js +1 -1
- package/build/index.js +1 -1
- package/build/tabs.component-885739b7.js +2 -0
- package/build/tabs.component-885739b7.js.map +1 -0
- package/build/{tabsLayout.component-07e77fca.js → tabsLayout.component-eba1c0e3.js} +2 -2
- package/build/{tabsLayout.component-07e77fca.js.map → tabsLayout.component-eba1c0e3.js.map} +1 -1
- package/package.json +1 -1
- package/build/alert.component-f97ac444.js +0 -2
- package/build/alert.component-f97ac444.js.map +0 -1
- package/build/avatar.component-135dacc9.js +0 -2
- package/build/avatar.component-135dacc9.js.map +0 -1
- package/build/avatarGroup.component-76f1e820.js +0 -2
- package/build/avatarGroup.component-76f1e820.js.map +0 -1
- package/build/button.component-c7fdae19.js +0 -2
- package/build/button.component-c7fdae19.js.map +0 -1
- package/build/checkbox.component-49f23e0b.js +0 -2
- package/build/checkbox.component-49f23e0b.js.map +0 -1
- package/build/checkboxGroup.component-3f526fd7.js +0 -2
- package/build/checkboxGroup.component-3f526fd7.js.map +0 -1
- package/build/datepicker.component-40f4a13b.js +0 -16
- package/build/datepicker.component-40f4a13b.js.map +0 -1
- package/build/dragHandle.component-2f695105.js +0 -2
- package/build/dragHandle.component-2f695105.js.map +0 -1
- package/build/icon.component-932529e5.js +0 -2
- package/build/icon.component-932529e5.js.map +0 -1
- package/build/link.component-07a29efa.js +0 -2
- package/build/link.component-07a29efa.js.map +0 -1
- package/build/menu.component-5da868a9.js +0 -2
- package/build/menu.component-5da868a9.js.map +0 -1
- package/build/menuButton.component-c6856792.js +0 -2
- package/build/menuButton.component-c6856792.js.map +0 -1
- package/build/menuItem.component-822b1020.js +0 -2
- package/build/menuItem.component-822b1020.js.map +0 -1
- package/build/menuList.component-4b053b33.js +0 -2
- package/build/menuList.component-4b053b33.js.map +0 -1
- package/build/modalCloseButton.component-f05bb3be.js +0 -2
- package/build/modalCloseButton.component-f05bb3be.js.map +0 -1
- package/build/modalFooterButtons.component-e9d5f3af.js +0 -2
- package/build/modalFooterButtons.component-e9d5f3af.js.map +0 -1
- package/build/popover.component-45aefa5b.js +0 -2
- package/build/popover.component-45aefa5b.js.map +0 -1
- package/build/popoverFooter.component-ee3a4bfc.js +0 -2
- package/build/popoverFooter.component-ee3a4bfc.js.map +0 -1
- package/build/popoverHeader.component-74d141a6.js +0 -2
- package/build/popoverHeader.component-74d141a6.js.map +0 -1
- package/build/radioGroup.component-fd68c111.js +0 -2
- package/build/radioGroup.component-fd68c111.js.map +0 -1
- package/build/select.component-e1b72bd4.js +0 -2
- package/build/select.component-e1b72bd4.js.map +0 -1
- package/build/switch.component-3ea81f94.js +0 -2
- package/build/switch.component-3ea81f94.js.map +0 -1
- package/build/tab.component-ab01b922.js +0 -2
- package/build/tab.component-ab01b922.js.map +0 -1
- package/build/tabs.component-6dde57bf.js +0 -2
- package/build/tabs.component-6dde57bf.js.map +0 -1
- package/build/tabs.component-f7a37a9b.js +0 -2
- package/build/tabs.component-f7a37a9b.js.map +0 -1
- package/build/tabsLayout.component-9b90c425.js +0 -2
- package/build/tabsLayout.component-9b90c425.js.map +0 -1
- package/build/textInput.component-841404d1.js +0 -2
- package/build/textInput.component-841404d1.js.map +0 -1
- package/build/textarea.component-501f38e7.js +0 -2
- package/build/textarea.component-501f38e7.js.map +0 -1
- package/build/timePicker.component-4084718b.js +0 -2
- package/build/timePicker.component-4084718b.js.map +0 -1
- package/build/timeRange.component-db7f2dec.js +0 -2
- package/build/timeRange.component-db7f2dec.js.map +0 -1
- package/build/useToast-655f7215.js +0 -2
- package/build/useToast-655f7215.js.map +0 -1
- package/build/withFormControl-9d94c33f.js +0 -2
- package/build/withFormControl-9d94c33f.js.map +0 -1
package/build/chakra/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, Alert as CAlert, AlertDialog, AlertDialogBody, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, Avatar as CAvatar, BackgroundProps, Badge, Box, BoxProps, Button as CButton, ButtonGroup, Center, CheckboxGroup as CCheckboxGroup, Circle, Code, Collapse, Container, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, DrawerHeader, DrawerOverlay, Flex, FlexProps, FormControl, FormErrorMessage, FormHelperText, FormLabel, Grid, GridItem, GridItemProps, Hide, HStack, IconButton, Image, Input as CInput, InputGroup, InputLeftAddon, InputLeftElement, InputRightElement, keyframes, LinkBox, LinkOverlay, List, ListItem, Menu as CMenu, MenuButton as CMenuButton, MenuDivider, MenuGroup, MenuItem as CMenuItem, MenuItemOption, MenuList as CMenuList, Modal as CModal, ModalBody as CModalBody, ModalCloseButton as CModalCloseButton, ModalContent, ModalFooter as CModalFooter, ModalHeader as CModalHeader, ModalOverlay, ModalProps as CModalProps, NumberDecrementStepper, NumberIncrementStepper, NumberInput, NumberInputField, NumberInputStepper, OrderedList, PinInput, PinInputField, Popover as CPopover, PopoverArrow, PopoverBody as CPopoverBody, PopoverContent, PopoverFooter as CPopoverFooter, PopoverHeader as CPopoverHeader, PopoverTrigger, Portal, Progress, RadioGroup as CRadioGroup, Select as CSelect, Show, SimpleGrid, Skeleton, SkeletonText, SpaceProps, Spacer, Square, Stack, StackDirection, StackProps, StyleProps, SystemProps, Tab as CTab, Table, TableCaption, TableContainer, TabList, TabPanel, TabPanels, Tabs as CTabs, Tbody, Td, Textarea as CTextarea, Tfoot, Th, Thead, Tr, UnorderedList, useBreakpoint, useBreakpointValue, useCheckbox, useCheckboxGroup, useColorMode, useConst, useDisclosure, useInterval, useMediaQuery, useOutsideClick, usePopoverContext, useRadio, useRadioGroup, VStack, WithCSSVar, Wrap, WrapItem } from '@chakra-ui/react';
|
|
2
|
-
export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AlertDialog, AlertDialogBody, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, BackgroundProps, Badge, Box, BoxProps, ButtonGroup, CAlert, CAvatar, CButton, CCheckboxGroup, Center, CInput, Circle, CMenu, CMenuButton, CMenuItem, CMenuList, CModal, CModalBody, CModalCloseButton, CModalFooter, CModalHeader, CModalProps, Code, Collapse, Container, CPopover, CPopoverBody, CPopoverFooter, CPopoverHeader, CRadioGroup, CSelect, CTab, CTabs, CTextarea, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, DrawerHeader, DrawerOverlay, Flex, FlexProps, FormControl, FormErrorMessage, FormHelperText, FormLabel, Grid, GridItem, GridItemProps, Hide, HStack, IconButton, Image, InputGroup, InputLeftAddon, InputLeftElement, InputRightElement, keyframes, LinkBox, LinkOverlay, List, ListItem, MenuDivider, MenuGroup, MenuItemOption, ModalContent, ModalOverlay, NumberDecrementStepper, NumberIncrementStepper, NumberInput, NumberInputField, NumberInputStepper, OrderedList, PinInput, PinInputField, PopoverArrow, PopoverContent, PopoverTrigger, Portal, Progress, Show, SimpleGrid, Skeleton, SkeletonText, SpaceProps, Spacer, Square, Stack, StackDirection, StackProps, StyleProps, SystemProps, Table, TableCaption, TableContainer, TabList, TabPanel, TabPanels, Tbody, Td, Tfoot, Th, Thead, Tr, UnorderedList, useBreakpoint, useBreakpointValue, useCheckbox, useCheckboxGroup, useColorMode, useConst, useDisclosure, useInterval, useMediaQuery, useOutsideClick, usePopoverContext, useRadio, useRadioGroup, VStack, WithCSSVar, Wrap, WrapItem, };
|
|
1
|
+
import { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, Alert as CAlert, AlertDialog, AlertDialogBody, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, Avatar as CAvatar, BackgroundProps, Badge, Box, BoxProps, Button as CButton, ButtonGroup, Center, CheckboxGroup as CCheckboxGroup, Circle, Code, Collapse, Container, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, DrawerHeader, DrawerOverlay, extendTheme, Flex, FlexProps, FormControl, FormErrorMessage, FormHelperText, FormLabel, Grid, GridItem, GridItemProps, Hide, HStack, IconButton, Image, Input as CInput, InputGroup, InputLeftAddon, InputLeftElement, InputRightElement, keyframes, LinkBox, LinkOverlay, List, ListItem, Menu as CMenu, MenuButton as CMenuButton, MenuDivider, MenuGroup, MenuItem as CMenuItem, MenuItemOption, MenuList as CMenuList, Modal as CModal, ModalBody as CModalBody, ModalCloseButton as CModalCloseButton, ModalContent, ModalFooter as CModalFooter, ModalHeader as CModalHeader, ModalOverlay, ModalProps as CModalProps, NumberDecrementStepper, NumberIncrementStepper, NumberInput, NumberInputField, NumberInputStepper, OrderedList, PinInput, PinInputField, Popover as CPopover, PopoverArrow, PopoverBody as CPopoverBody, PopoverContent, PopoverFooter as CPopoverFooter, PopoverHeader as CPopoverHeader, PopoverTrigger, Portal, Progress, RadioGroup as CRadioGroup, Select as CSelect, Show, SimpleGrid, Skeleton, SkeletonText, SpaceProps, Spacer, Square, Stack, StackDirection, StackProps, StyleProps, SystemProps, Tab as CTab, Table, TableCaption, TableContainer, TabList, TabPanel, TabPanels, Tabs as CTabs, Tbody, Td, Textarea as CTextarea, Tfoot, Th, Thead, Tr, UnorderedList, useBreakpoint, useBreakpointValue, useCheckbox, useCheckboxGroup, useColorMode, useConst, useDisclosure, useInterval, useMediaQuery, useOutsideClick, usePopoverContext, useRadio, useRadioGroup, VStack, WithCSSVar, Wrap, WrapItem } from '@chakra-ui/react';
|
|
2
|
+
export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AlertDialog, AlertDialogBody, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, BackgroundProps, Badge, Box, BoxProps, ButtonGroup, CAlert, CAvatar, CButton, CCheckboxGroup, Center, CInput, Circle, CMenu, CMenuButton, CMenuItem, CMenuList, CModal, CModalBody, CModalCloseButton, CModalFooter, CModalHeader, CModalProps, Code, Collapse, Container, CPopover, CPopoverBody, CPopoverFooter, CPopoverHeader, CRadioGroup, CSelect, CTab, CTabs, CTextarea, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, DrawerHeader, DrawerOverlay, extendTheme, Flex, FlexProps, FormControl, FormErrorMessage, FormHelperText, FormLabel, Grid, GridItem, GridItemProps, Hide, HStack, IconButton, Image, InputGroup, InputLeftAddon, InputLeftElement, InputRightElement, keyframes, LinkBox, LinkOverlay, List, ListItem, MenuDivider, MenuGroup, MenuItemOption, ModalContent, ModalOverlay, NumberDecrementStepper, NumberIncrementStepper, NumberInput, NumberInputField, NumberInputStepper, OrderedList, PinInput, PinInputField, PopoverArrow, PopoverContent, PopoverTrigger, Portal, Progress, Show, SimpleGrid, Skeleton, SkeletonText, SpaceProps, Spacer, Square, Stack, StackDirection, StackProps, StyleProps, SystemProps, Table, TableCaption, TableContainer, TabList, TabPanel, TabPanels, Tbody, Td, Tfoot, Th, Thead, Tr, UnorderedList, useBreakpoint, useBreakpointValue, useCheckbox, useCheckboxGroup, useColorMode, useConst, useDisclosure, useInterval, useMediaQuery, useOutsideClick, usePopoverContext, useRadio, useRadioGroup, VStack, WithCSSVar, Wrap, WrapItem, };
|
package/build/chakra/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../chakra-ui-skeleton.esm-5124b070.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../chakra-ui-react.esm-f4206977.js"),r=require("../chakra-ui-skeleton.esm-5124b070.js"),o=require("../chakra-ui-modal.esm-ae29b02a.js"),t=require("../chakra-ui-layout.esm-6ee578f7.js"),s=require("../chakra-ui-button.esm-bd065780.js"),a=require("../chakra-ui-alert.esm-17eebb99.js"),p=require("../chakra-ui-avatar.esm-eee70d3a.js"),u=require("../chakra-ui-checkbox.esm-4cded6a7.js"),i=require("../chakra-ui-input.esm-5fd07056.js"),n=require("../chakra-ui-menu.esm-1ed98193.js"),x=require("../chakra-ui-popover.esm-1e836c11.js"),d=require("../chakra-ui-radio.esm-f310d451.js"),l=require("../chakra-ui-select.esm-793cf4de.js"),c=require("../chakra-ui-tabs.esm-e6372403.js"),m=require("../chakra-ui-textarea.esm-23fad4cd.js"),C=require("../chakra-ui-form-control.esm-6d25b1a4.js"),k=require("../chakra-ui-media-query.esm-6217de7e.js"),b=require("../chakra-ui-image.esm-66324087.js"),h=require("../chakra-ui-system.esm-c70df670.js"),M=require("../chakra-ui-portal.esm-bbcb5d1d.js"),I=require("../chakra-ui-hooks.esm-21b313f3.js");require("react"),require("../chakra-ui-theme.esm-d6d72df5.js"),require("../chakra-ui-icon.esm-9c49b31b.js"),require("../chakra-ui-clickable.esm-4394877f.js"),require("../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../index-befc6580.js"),require("../tslib.es6-d6f17add.js"),require("../inheritsLoose-490721fe.js"),require("../index-5a9be08d.js"),require("../motion-7de675ca.js"),require("../chakra-ui-visually-hidden.esm-b758df74.js"),require("../chakra-ui-popper.esm-c15ff4a5.js"),require("react-dom"),exports.extendTheme=e.extendTheme,exports.Accordion=r.Accordion,exports.AccordionButton=r.AccordionButton,exports.AccordionIcon=r.AccordionIcon,exports.AccordionItem=r.AccordionItem,exports.AccordionPanel=r.AccordionPanel,exports.NumberDecrementStepper=r.NumberDecrementStepper,exports.NumberIncrementStepper=r.NumberIncrementStepper,exports.NumberInput=r.NumberInput,exports.NumberInputField=r.NumberInputField,exports.NumberInputStepper=r.NumberInputStepper,exports.PinInput=r.PinInput,exports.PinInputField=r.PinInputField,exports.Progress=r.Progress,exports.Skeleton=r.Skeleton,exports.SkeletonText=r.SkeletonText,exports.Table=r.Table,exports.TableCaption=r.TableCaption,exports.TableContainer=r.TableContainer,exports.Tbody=r.Tbody,exports.Td=r.Td,exports.Tfoot=r.Tfoot,exports.Th=r.Th,exports.Thead=r.Thead,exports.Tr=r.Tr,exports.AlertDialog=o.AlertDialog,exports.AlertDialogBody=o.ModalBody,exports.AlertDialogContent=o.AlertDialogContent,exports.AlertDialogFooter=o.ModalFooter,exports.AlertDialogHeader=o.ModalHeader,exports.AlertDialogOverlay=o.ModalOverlay,exports.CModal=o.Modal,exports.CModalBody=o.ModalBody,exports.CModalCloseButton=o.ModalCloseButton,exports.CModalFooter=o.ModalFooter,exports.CModalHeader=o.ModalHeader,exports.Collapse=o.Collapse,exports.Drawer=o.Drawer,exports.DrawerBody=o.ModalBody,exports.DrawerCloseButton=o.ModalCloseButton,exports.DrawerContent=o.DrawerContent,exports.DrawerFooter=o.ModalFooter,exports.DrawerHeader=o.ModalHeader,exports.DrawerOverlay=o.ModalOverlay,exports.ModalContent=o.ModalContent,exports.ModalOverlay=o.ModalOverlay,exports.Badge=t.Badge,exports.Box=t.Box,exports.Center=t.Center,exports.Circle=t.Circle,exports.Code=t.Code,exports.Container=t.Container,exports.Divider=t.Divider,exports.Flex=t.Flex,exports.Grid=t.Grid,exports.GridItem=t.GridItem,exports.HStack=t.HStack,exports.LinkBox=t.LinkBox,exports.LinkOverlay=t.LinkOverlay,exports.List=t.List,exports.ListItem=t.ListItem,exports.OrderedList=t.OrderedList,exports.SimpleGrid=t.SimpleGrid,exports.Spacer=t.Spacer,exports.Square=t.Square,exports.Stack=t.Stack,exports.UnorderedList=t.UnorderedList,exports.VStack=t.VStack,exports.Wrap=t.Wrap,exports.WrapItem=t.WrapItem,exports.ButtonGroup=s.ButtonGroup,exports.CButton=s.Button,exports.IconButton=s.IconButton,exports.CAlert=a.Alert,exports.CAvatar=p.Avatar,exports.CCheckboxGroup=u.CheckboxGroup,exports.useCheckbox=u.useCheckbox,exports.useCheckboxGroup=u.useCheckboxGroup,exports.CInput=i.Input,exports.InputGroup=i.InputGroup,exports.InputLeftAddon=i.InputLeftAddon,exports.InputLeftElement=i.InputLeftElement,exports.InputRightElement=i.InputRightElement,exports.CMenu=n.Menu,exports.CMenuButton=n.MenuButton,exports.CMenuItem=n.MenuItem,exports.CMenuList=n.MenuList,exports.MenuDivider=n.MenuDivider,exports.MenuGroup=n.MenuGroup,exports.MenuItemOption=n.MenuItemOption,exports.CPopover=x.Popover,exports.CPopoverBody=x.PopoverBody,exports.CPopoverFooter=x.PopoverFooter,exports.CPopoverHeader=x.PopoverHeader,exports.PopoverArrow=x.PopoverArrow,exports.PopoverContent=x.PopoverContent,exports.PopoverTrigger=x.PopoverTrigger,exports.usePopoverContext=x.usePopoverContext,exports.CRadioGroup=d.RadioGroup,exports.useRadio=d.useRadio,exports.useRadioGroup=d.useRadioGroup,exports.CSelect=l.Select,exports.CTab=c.Tab,exports.CTabs=c.Tabs,exports.TabList=c.TabList,exports.TabPanel=c.TabPanel,exports.TabPanels=c.TabPanels,exports.CTextarea=m.Textarea,exports.FormControl=C.FormControl,exports.FormErrorMessage=C.FormErrorMessage,exports.FormHelperText=C.FormHelperText,exports.FormLabel=C.FormLabel,exports.Hide=k.Hide,exports.Show=k.Show,exports.useBreakpoint=k.useBreakpoint,exports.useBreakpointValue=k.useBreakpointValue,exports.useMediaQuery=k.useMediaQuery,exports.Image=b.Image$1,exports.keyframes=h.keyframes,exports.useColorMode=h.useColorMode,exports.Portal=M.Portal,exports.useConst=I.useConst,exports.useDisclosure=I.useDisclosure,exports.useInterval=I.useInterval,exports.useOutsideClick=I.useOutsideClick;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tab.component-9395a9e2.js"),r=require("../../tabs.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tab.component-9395a9e2.js"),r=require("../../tabs.component-885739b7.js");require("../../tslib.es6-d6f17add.js"),require("../../notificationCounter.component-24f3f4ab.js"),require("react"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../icon.component-100b924b.js"),require("../../icons/index.js"),require("../../heading.component-e55f8364.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-tabs.esm-e6372403.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),exports.Tab=e.Tab,exports.Tabs=r.Tabs;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TabPanelProps, StyleProps } from '@chakra-ui/react';
|
|
2
|
+
import { TabPanelProps, StyleProps, TabListProps } from '@chakra-ui/react';
|
|
3
3
|
import { Alignment } from '../../shared/types/alignment';
|
|
4
4
|
import { TabProps } from './components/Tab/tab.component';
|
|
5
5
|
import { TabSize } from './components/Tab/tab.types';
|
|
6
6
|
export interface TabsProps extends StyleProps {
|
|
7
7
|
size?: TabSize;
|
|
8
8
|
tabList: TabProps[];
|
|
9
|
+
tabListProps?: TabListProps;
|
|
9
10
|
tabPanels?: JSX.Element[];
|
|
10
11
|
tabPanelsStyle?: TabPanelProps;
|
|
11
12
|
isFitted?: boolean;
|
|
@@ -16,4 +17,4 @@ export interface TabsProps extends StyleProps {
|
|
|
16
17
|
index?: number;
|
|
17
18
|
onChange?: (index: number) => void;
|
|
18
19
|
}
|
|
19
|
-
export declare const Tabs: ({ size, tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps) => JSX.Element;
|
|
20
|
+
export declare const Tabs: ({ size, tabList, tabListProps, tabPanels, tabPanelsStyle, ...rest }: TabsProps) => JSX.Element;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { TabsProps } from './tabs.component';
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: ({ size, tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps) => JSX.Element;
|
|
5
|
+
component: ({ size, tabList, tabListProps, tabPanels, tabPanelsStyle, ...rest }: TabsProps) => JSX.Element;
|
|
6
6
|
parameters: {
|
|
7
7
|
controls: {
|
|
8
8
|
sort: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tabsLayout.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tabsLayout.component-eba1c0e3.js");require("react"),require("../../tabs.component-885739b7.js"),require("../../tslib.es6-d6f17add.js"),require("../../tab.component-9395a9e2.js"),require("../../notificationCounter.component-24f3f4ab.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../icon.component-100b924b.js"),require("../../icons/index.js"),require("../../heading.component-e55f8364.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-tabs.esm-e6372403.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),exports.TabsLayout=e.TabsLayout;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../alert.component-1e5e1e1b.js"),r=require("../avatar.component-0d100e3f.js"),o=require("../avatar.types-a87ebfb5.js"),t=require("../avatarGroup.component-2b8c0ab4.js"),a=require("../button.component-d4c1718b.js"),s=require("../button.types-f42b599b.js"),i=require("../card.component-de5d4b2a.js"),n=require("../checkbox.component-eec36cbb.js"),p=require("../checkboxGroup.component-3abc29c8.js"),u=require("../datepicker.component-31f79fef.js"),c=require("../heading.component-e55f8364.js"),d=require("../heading.types-b6ca7d59.js"),m=require("../icon.component-100b924b.js"),b=require("../link.component-d28bdaea.js"),j=require("../logo.component-cea68030.js"),q=require("../menuButton.component-bc14c030.js"),x=require("../menuContainer.component-3e1e324b.js"),l=require("../menuItem.component-88d5a4b5.js"),f=require("../menuList.component-3233f098.js"),h=require("../menu.component-3014b86f.js"),k=require("../modalBody.component-6849c297.js"),v=require("../modalCloseButton.component-0b68c84f.js"),g=require("../modalFooter.component-250cd919.js"),T=require("../modalFooterButtons.component-d48212b1.js"),S=require("../modalHeader.component-152c21fe.js"),M=require("../modal.component-17f6feb4.js"),y=require("../notificationCounter.component-24f3f4ab.js"),P=require("../picture.component-19489bee.js"),C=require("../popoverFooter.component-7e0b193f.js"),z=require("../popoverHeader.component-c6812c03.js"),B=require("../popover.component-0c3ec017.js"),I=require("../popover.types-bc105ea7.js"),D=require("../radio.component-1ebba5e1.js"),L=require("../radioGroup.component-f08f38ce.js"),F=require("../ratingDot.component-01592415.js"),H=require("../ratingDots.component-f7677abd.js"),R=require("../select.component-bad65ed1.js"),G=require("../dragHandle.component-d95bb9e4.js"),W=require("../sortableItem.component-3bdead95.js"),V=require("../sortableOverlay.component-39d84330.js"),A=require("../sortableList.component-2c36f685.js"),O=require("../spinner.component-39040867.js"),w=require("../switch.component-753b45d3.js"),N=require("../tab.component-9395a9e2.js"),_=require("../tabs.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../alert.component-1e5e1e1b.js"),r=require("../avatar.component-0d100e3f.js"),o=require("../avatar.types-a87ebfb5.js"),t=require("../avatarGroup.component-2b8c0ab4.js"),a=require("../button.component-d4c1718b.js"),s=require("../button.types-f42b599b.js"),i=require("../card.component-de5d4b2a.js"),n=require("../checkbox.component-eec36cbb.js"),p=require("../checkboxGroup.component-3abc29c8.js"),u=require("../datepicker.component-31f79fef.js"),c=require("../heading.component-e55f8364.js"),d=require("../heading.types-b6ca7d59.js"),m=require("../icon.component-100b924b.js"),b=require("../link.component-d28bdaea.js"),j=require("../logo.component-cea68030.js"),q=require("../menuButton.component-bc14c030.js"),x=require("../menuContainer.component-3e1e324b.js"),l=require("../menuItem.component-88d5a4b5.js"),f=require("../menuList.component-3233f098.js"),h=require("../menu.component-3014b86f.js"),k=require("../modalBody.component-6849c297.js"),v=require("../modalCloseButton.component-0b68c84f.js"),g=require("../modalFooter.component-250cd919.js"),T=require("../modalFooterButtons.component-d48212b1.js"),S=require("../modalHeader.component-152c21fe.js"),M=require("../modal.component-17f6feb4.js"),y=require("../notificationCounter.component-24f3f4ab.js"),P=require("../picture.component-19489bee.js"),C=require("../popoverFooter.component-7e0b193f.js"),z=require("../popoverHeader.component-c6812c03.js"),B=require("../popover.component-0c3ec017.js"),I=require("../popover.types-bc105ea7.js"),D=require("../radio.component-1ebba5e1.js"),L=require("../radioGroup.component-f08f38ce.js"),F=require("../ratingDot.component-01592415.js"),H=require("../ratingDots.component-f7677abd.js"),R=require("../select.component-bad65ed1.js"),G=require("../dragHandle.component-d95bb9e4.js"),W=require("../sortableItem.component-3bdead95.js"),V=require("../sortableOverlay.component-39d84330.js"),A=require("../sortableList.component-2c36f685.js"),O=require("../spinner.component-39040867.js"),w=require("../switch.component-753b45d3.js"),N=require("../tab.component-9395a9e2.js"),_=require("../tabs.component-885739b7.js"),E=require("../tabsLayout.component-eba1c0e3.js"),J=require("../tag.types-f979ec63.js"),K=require("../text.component-057889c3.js"),Q=require("../text.types-fef8ead3.js"),U=require("../textarea.component-3365d082.js"),X=require("../textInput.component-049317fb.js"),Y=require("../timePicker.component-7fb45602.js"),Z=require("../timeRange.component-5499603c.js"),$=require("../useToast-cf4d8bc2.js"),ee=require("../tooltip.component-197bff7c.js");require("../tslib.es6-d6f17add.js"),require("react"),require("../chakra-ui-layout.esm-6ee578f7.js"),require("../chakra-ui-system.esm-c70df670.js"),require("../chakra-ui-icon.esm-9c49b31b.js"),require("../chakra-ui-alert.esm-17eebb99.js"),require("../avatar.config-e43cfce7.js"),require("../chakra-ui-avatar.esm-eee70d3a.js"),require("../chakra-ui-image.esm-66324087.js"),require("../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../chakra-ui-button.esm-bd065780.js"),require("../chakra-ui-hooks.esm-21b313f3.js"),require("../chakra-ui-visually-hidden.esm-b758df74.js"),require("../withFormControl-28664983.js"),require("../useTheme-8873c39f.js"),require("../chakra-ui-form-control.esm-6d25b1a4.js"),require("../chakra-ui-checkbox.esm-4cded6a7.js"),require("../motion-7de675ca.js"),require("../index-5a9be08d.js"),require("../index-c90ed78a.js"),require("../chakra-ui-popover.esm-1e836c11.js"),require("../chakra-ui-popper.esm-c15ff4a5.js"),require("../withTruncation-60a6b552.js"),require("../icons/index.js"),require("../useIconTextSizeMap-301c4f35.js"),require("../chakra-ui-menu.esm-1ed98193.js"),require("../chakra-ui-clickable.esm-4394877f.js"),require("../menu.context-22d23674.js"),require("../menu.config-14739188.js"),require("../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../chakra-ui-modal.esm-ae29b02a.js"),require("../index-befc6580.js"),require("../inheritsLoose-490721fe.js"),require("../chakra-ui-media-query.esm-6217de7e.js"),require("../chakra-ui-radio.esm-f310d451.js"),require("../chakra-ui-select.esm-793cf4de.js"),require("../sortableItem.context-5bba7c97.js"),require("../core.esm-3a85aed4.js"),require("../chakra-ui-tabs.esm-e6372403.js"),require("../chakra-ui-textarea.esm-23fad4cd.js"),require("../chakra-ui-input.esm-5fd07056.js"),require("../chakra-ui-theme.esm-d6d72df5.js"),exports.Alert=e.Alert,exports.Avatar=r.Avatar,exports.avatarBadePositions=o.avatarBadePositions,exports.avatarSizes=o.avatarSizes,exports.avatarTypes=o.avatarTypes,exports.avatarVariants=o.avatarVariants,exports.AvatarGroup=t.AvatarGroup,exports.Button=a.Button,exports.buttonSizes=s.buttonSizes,exports.buttonVariants=s.buttonVariants,exports.Card=i.Card,exports.CardPaddingMap=i.CardPaddingMap,exports.cardSizes=i.cardSizes,exports.Checkbox=n.WrappedCheckbox,exports.CheckboxGroup=p.WrappedCheckboxGroup,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return u.DateFormats}}),exports.DatePicker=u.DatePicker,exports.Heading=c.WrappedHeading,exports.headingSizes=d.headingSizes,exports.Icon=m.Icon,exports.IconSizeMap=m.IconSizeMap,exports.iconSizes=m.iconSizes,exports.Link=b.Link,exports.Logo=j.Logo,exports.MenuButton=q.MenuButton,exports.MenuContainer=x.MenuContainer,exports.MenuItem=l.MenuItem,exports.MenuList=f.MenuList,exports.Menu=h.Menu,exports.ModalBody=k.ModalBody,exports.ModalCloseButton=v.ModalCloseButton,exports.ModalFooter=g.ModalFooter,exports.ModalFooterButtons=T.ModalFooterButtons,exports.ModalHeader=S.ModalHeader,exports.Modal=M.Modal,exports.NotificationCounter=y.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return y.NotificationCounterVariant}}),exports.Picture=P.Picture,exports.PopoverFooter=C.PopoverFooter,exports.PopoverHeader=z.PopoverHeader,exports.Popover=B.Popover,exports.popoverPlacements=I.popoverPlacements,exports.popoverSizes=I.popoverSizes,exports.popoverTriggerTypes=I.popoverTriggerTypes,exports.popoverVariants=I.popoverVariants,exports.Radio=D.Radio,exports.RadioGroup=L.WrappedRadioGroup,exports.RatingDot=F.RatingDot,exports.RatingDots=H.RatingDots,exports.Select=R.WrappedSelect,exports.DragHandle=G.DragHandle,exports.SortableItem=W.SortableItem,exports.SortableOverlay=V.SortableOverlay,exports.SortableList=A.SortableList,exports.Spinner=O.Spinner,exports.Switch=w.WrappedSwitch,exports.Tab=N.Tab,exports.Tabs=_.Tabs,exports.TabsLayout=E.TabsLayout,exports.Tag=J.Tag,exports.closeButtonDisplays=J.closeButtonDisplays,exports.tagSizes=J.tagSizes,exports.Text=K.WrappedText,exports.textSizes=Q.textSizes,exports.Textarea=U.WrappedTextArea,exports.TextInput=X.WrappedTextInput,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return Y.Meridiem}}),exports.TimePicker=Y.TimePicker,exports.TimeRange=Z.TimeRange,exports.useToast=$.useToast,exports.Tooltip=ee.Tooltip;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/build/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./alert.component-1e5e1e1b.js"),r=require("./avatar.component-0d100e3f.js"),o=require("./avatar.types-a87ebfb5.js"),t=require("./avatarGroup.component-2b8c0ab4.js"),s=require("./button.component-d4c1718b.js"),a=require("./button.types-f42b599b.js"),p=require("./card.component-de5d4b2a.js"),i=require("./checkbox.component-eec36cbb.js"),n=require("./checkboxGroup.component-3abc29c8.js"),u=require("./datepicker.component-31f79fef.js"),x=require("./heading.component-e55f8364.js"),c=require("./heading.types-b6ca7d59.js"),d=require("./icon.component-100b924b.js"),l=require("./link.component-d28bdaea.js"),m=require("./logo.component-cea68030.js"),b=require("./menuButton.component-bc14c030.js"),q=require("./menuContainer.component-3e1e324b.js"),j=require("./menuItem.component-88d5a4b5.js"),C=require("./menuList.component-3233f098.js"),h=require("./menu.component-3014b86f.js"),v=require("./modalBody.component-6849c297.js"),f=require("./modalCloseButton.component-0b68c84f.js"),k=require("./modalFooter.component-250cd919.js"),M=require("./modalFooterButtons.component-d48212b1.js"),T=require("./modalHeader.component-152c21fe.js"),g=require("./modal.component-17f6feb4.js"),I=require("./notificationCounter.component-24f3f4ab.js"),S=require("./picture.component-19489bee.js"),P=require("./popoverFooter.component-7e0b193f.js"),y=require("./popoverHeader.component-c6812c03.js"),B=require("./popover.component-0c3ec017.js"),D=require("./popover.types-bc105ea7.js"),L=require("./radio.component-1ebba5e1.js"),F=require("./radioGroup.component-f08f38ce.js"),A=require("./ratingDot.component-01592415.js"),G=require("./ratingDots.component-f7677abd.js"),H=require("./select.component-bad65ed1.js"),w=require("./dragHandle.component-d95bb9e4.js"),O=require("./sortableItem.component-3bdead95.js"),z=require("./sortableOverlay.component-39d84330.js"),R=require("./sortableList.component-2c36f685.js"),N=require("./spinner.component-39040867.js"),W=require("./switch.component-753b45d3.js"),V=require("./tab.component-9395a9e2.js"),E=require("./tabs.component-f7a37a9b.js"),K=require("./tabsLayout.component-9b90c425.js"),Q=require("./tag.types-f979ec63.js"),U=require("./text.component-057889c3.js"),_=require("./text.types-fef8ead3.js"),$=require("./textarea.component-3365d082.js"),J=require("./textInput.component-049317fb.js"),X=require("./timePicker.component-7fb45602.js"),Y=require("./timeRange.component-5499603c.js"),Z=require("./useToast-cf4d8bc2.js"),ee=require("./tooltip.component-197bff7c.js"),re=require("./withTheme-e33ed8bc.js"),oe=require("./useTheme-8873c39f.js"),te=require("./theme.provider-4f441e9b.js"),se=require("./chakra-ui-skeleton.esm-5124b070.js"),ae=require("./chakra-ui-modal.esm-ae29b02a.js"),pe=require("./chakra-ui-layout.esm-6ee578f7.js"),ie=require("./chakra-ui-button.esm-bd065780.js"),ne=require("./chakra-ui-alert.esm-17eebb99.js"),ue=require("./chakra-ui-avatar.esm-eee70d3a.js"),xe=require("./chakra-ui-checkbox.esm-4cded6a7.js"),ce=require("./chakra-ui-input.esm-5fd07056.js"),de=require("./chakra-ui-menu.esm-1ed98193.js"),le=require("./chakra-ui-popover.esm-1e836c11.js"),me=require("./chakra-ui-radio.esm-f310d451.js"),be=require("./chakra-ui-select.esm-793cf4de.js"),qe=require("./chakra-ui-tabs.esm-e6372403.js"),je=require("./chakra-ui-textarea.esm-23fad4cd.js"),Ce=require("./chakra-ui-form-control.esm-6d25b1a4.js"),he=require("./chakra-ui-media-query.esm-6217de7e.js"),ve=require("./chakra-ui-image.esm-66324087.js"),fe=require("./chakra-ui-system.esm-c70df670.js"),ke=require("./chakra-ui-portal.esm-bbcb5d1d.js"),Me=require("./chakra-ui-hooks.esm-21b313f3.js");require("./tslib.es6-d6f17add.js"),require("react"),require("./avatar.config-e43cfce7.js"),require("./withFormControl-28664983.js"),require("./index-c90ed78a.js"),require("./withTruncation-60a6b552.js"),require("./icons/index.js"),require("./useIconTextSizeMap-301c4f35.js"),require("./menu.context-22d23674.js"),require("./menu.config-14739188.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("react-dom"),require("./chakra-ui-icon.esm-9c49b31b.js"),require("./chakra-ui-theme.esm-d6d72df5.js"),require("./index-befc6580.js"),require("./index-5a9be08d.js"),require("./motion-7de675ca.js"),require("./chakra-ui-popper.esm-c15ff4a5.js"),require("./chakra-ui-visually-hidden.esm-b758df74.js"),require("./use-animation-state-5054a9f7.esm-c89cafc4.js"),require("./chakra-ui-react.esm-f4206977.js"),require("./zIndeces-10b89ae1.js"),require("./borders.config-90d19902.js"),require("./color.record-134d7650.js"),require("./shadows.config-9e24e611.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-4394877f.js"),exports.Alert=e.Alert,exports.Avatar=r.Avatar,exports.avatarBadePositions=o.avatarBadePositions,exports.avatarSizes=o.avatarSizes,exports.avatarTypes=o.avatarTypes,exports.avatarVariants=o.avatarVariants,exports.AvatarGroup=t.AvatarGroup,exports.Button=s.Button,exports.buttonSizes=a.buttonSizes,exports.buttonVariants=a.buttonVariants,exports.Card=p.Card,exports.CardPaddingMap=p.CardPaddingMap,exports.cardSizes=p.cardSizes,exports.Checkbox=i.WrappedCheckbox,exports.CheckboxGroup=n.WrappedCheckboxGroup,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return u.DateFormats}}),exports.DatePicker=u.DatePicker,exports.Heading=x.WrappedHeading,exports.headingSizes=c.headingSizes,exports.Icon=d.Icon,exports.IconSizeMap=d.IconSizeMap,exports.iconSizes=d.iconSizes,exports.Link=l.Link,exports.Logo=m.Logo,exports.MenuButton=b.MenuButton,exports.MenuContainer=q.MenuContainer,exports.MenuItem=j.MenuItem,exports.MenuList=C.MenuList,exports.Menu=h.Menu,exports.ModalBody=v.ModalBody,exports.ModalCloseButton=f.ModalCloseButton,exports.ModalFooter=k.ModalFooter,exports.ModalFooterButtons=M.ModalFooterButtons,exports.ModalHeader=T.ModalHeader,exports.Modal=g.Modal,exports.NotificationCounter=I.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return I.NotificationCounterVariant}}),exports.Picture=S.Picture,exports.PopoverFooter=P.PopoverFooter,exports.PopoverHeader=y.PopoverHeader,exports.Popover=B.Popover,exports.popoverPlacements=D.popoverPlacements,exports.popoverSizes=D.popoverSizes,exports.popoverTriggerTypes=D.popoverTriggerTypes,exports.popoverVariants=D.popoverVariants,exports.Radio=L.Radio,exports.RadioGroup=F.WrappedRadioGroup,exports.RatingDot=A.RatingDot,exports.RatingDots=G.RatingDots,exports.Select=H.WrappedSelect,exports.DragHandle=w.DragHandle,exports.SortableItem=O.SortableItem,exports.SortableOverlay=z.SortableOverlay,exports.SortableList=R.SortableList,exports.Spinner=N.Spinner,exports.Switch=W.WrappedSwitch,exports.Tab=V.Tab,exports.Tabs=E.Tabs,exports.TabsLayout=K.TabsLayout,exports.Tag=Q.Tag,exports.closeButtonDisplays=Q.closeButtonDisplays,exports.tagSizes=Q.tagSizes,exports.Text=U.WrappedText,exports.textSizes=_.textSizes,exports.Textarea=$.WrappedTextArea,exports.TextInput=J.WrappedTextInput,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return X.Meridiem}}),exports.TimePicker=X.TimePicker,exports.TimeRange=Y.TimeRange,exports.useToast=Z.useToast,exports.Tooltip=ee.Tooltip,exports.withDarkMode=re.withDarkMode,exports.withTheme=re.withTheme,exports.useTheme=oe.useTheme,exports.KibbleThemeProvider=te.KibbleThemeProvider,exports.theme=te.theme,exports.Accordion=se.Accordion,exports.AccordionButton=se.AccordionButton,exports.AccordionIcon=se.AccordionIcon,exports.AccordionItem=se.AccordionItem,exports.AccordionPanel=se.AccordionPanel,exports.NumberDecrementStepper=se.NumberDecrementStepper,exports.NumberIncrementStepper=se.NumberIncrementStepper,exports.NumberInput=se.NumberInput,exports.NumberInputField=se.NumberInputField,exports.NumberInputStepper=se.NumberInputStepper,exports.PinInput=se.PinInput,exports.PinInputField=se.PinInputField,exports.Progress=se.Progress,exports.Skeleton=se.Skeleton,exports.SkeletonText=se.SkeletonText,exports.Table=se.Table,exports.TableCaption=se.TableCaption,exports.TableContainer=se.TableContainer,exports.Tbody=se.Tbody,exports.Td=se.Td,exports.Tfoot=se.Tfoot,exports.Th=se.Th,exports.Thead=se.Thead,exports.Tr=se.Tr,exports.AlertDialog=ae.AlertDialog,exports.AlertDialogBody=ae.ModalBody,exports.AlertDialogContent=ae.AlertDialogContent,exports.AlertDialogFooter=ae.ModalFooter,exports.AlertDialogHeader=ae.ModalHeader,exports.AlertDialogOverlay=ae.ModalOverlay,exports.CModal=ae.Modal,exports.CModalBody=ae.ModalBody,exports.CModalCloseButton=ae.ModalCloseButton,exports.CModalFooter=ae.ModalFooter,exports.CModalHeader=ae.ModalHeader,exports.Collapse=ae.Collapse,exports.Drawer=ae.Drawer,exports.DrawerBody=ae.ModalBody,exports.DrawerCloseButton=ae.ModalCloseButton,exports.DrawerContent=ae.DrawerContent,exports.DrawerFooter=ae.ModalFooter,exports.DrawerHeader=ae.ModalHeader,exports.DrawerOverlay=ae.ModalOverlay,exports.ModalContent=ae.ModalContent,exports.ModalOverlay=ae.ModalOverlay,exports.Badge=pe.Badge,exports.Box=pe.Box,exports.Center=pe.Center,exports.Circle=pe.Circle,exports.Code=pe.Code,exports.Container=pe.Container,exports.Divider=pe.Divider,exports.Flex=pe.Flex,exports.Grid=pe.Grid,exports.GridItem=pe.GridItem,exports.HStack=pe.HStack,exports.LinkBox=pe.LinkBox,exports.LinkOverlay=pe.LinkOverlay,exports.List=pe.List,exports.ListItem=pe.ListItem,exports.OrderedList=pe.OrderedList,exports.SimpleGrid=pe.SimpleGrid,exports.Spacer=pe.Spacer,exports.Square=pe.Square,exports.Stack=pe.Stack,exports.UnorderedList=pe.UnorderedList,exports.VStack=pe.VStack,exports.Wrap=pe.Wrap,exports.WrapItem=pe.WrapItem,exports.ButtonGroup=ie.ButtonGroup,exports.CButton=ie.Button,exports.IconButton=ie.IconButton,exports.CAlert=ne.Alert,exports.CAvatar=ue.Avatar,exports.CCheckboxGroup=xe.CheckboxGroup,exports.useCheckbox=xe.useCheckbox,exports.useCheckboxGroup=xe.useCheckboxGroup,exports.CInput=ce.Input,exports.InputGroup=ce.InputGroup,exports.InputLeftAddon=ce.InputLeftAddon,exports.InputLeftElement=ce.InputLeftElement,exports.InputRightElement=ce.InputRightElement,exports.CMenu=de.Menu,exports.CMenuButton=de.MenuButton,exports.CMenuItem=de.MenuItem,exports.CMenuList=de.MenuList,exports.MenuDivider=de.MenuDivider,exports.MenuGroup=de.MenuGroup,exports.MenuItemOption=de.MenuItemOption,exports.CPopover=le.Popover,exports.CPopoverBody=le.PopoverBody,exports.CPopoverFooter=le.PopoverFooter,exports.CPopoverHeader=le.PopoverHeader,exports.PopoverArrow=le.PopoverArrow,exports.PopoverContent=le.PopoverContent,exports.PopoverTrigger=le.PopoverTrigger,exports.usePopoverContext=le.usePopoverContext,exports.CRadioGroup=me.RadioGroup,exports.useRadio=me.useRadio,exports.useRadioGroup=me.useRadioGroup,exports.CSelect=be.Select,exports.CTab=qe.Tab,exports.CTabs=qe.Tabs,exports.TabList=qe.TabList,exports.TabPanel=qe.TabPanel,exports.TabPanels=qe.TabPanels,exports.CTextarea=je.Textarea,exports.FormControl=Ce.FormControl,exports.FormErrorMessage=Ce.FormErrorMessage,exports.FormHelperText=Ce.FormHelperText,exports.FormLabel=Ce.FormLabel,exports.Hide=he.Hide,exports.Show=he.Show,exports.useBreakpoint=he.useBreakpoint,exports.useBreakpointValue=he.useBreakpointValue,exports.useMediaQuery=he.useMediaQuery,exports.Image=ve.Image$1,exports.keyframes=fe.keyframes,exports.useColorMode=fe.useColorMode,exports.Portal=ke.Portal,exports.useConst=Me.useConst,exports.useDisclosure=Me.useDisclosure,exports.useInterval=Me.useInterval,exports.useOutsideClick=Me.useOutsideClick;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./chakra-ui-react.esm-f4206977.js"),r=require("./alert.component-1e5e1e1b.js"),o=require("./avatar.component-0d100e3f.js"),t=require("./avatar.types-a87ebfb5.js"),s=require("./avatarGroup.component-2b8c0ab4.js"),a=require("./button.component-d4c1718b.js"),p=require("./button.types-f42b599b.js"),i=require("./card.component-de5d4b2a.js"),n=require("./checkbox.component-eec36cbb.js"),u=require("./checkboxGroup.component-3abc29c8.js"),x=require("./datepicker.component-31f79fef.js"),c=require("./heading.component-e55f8364.js"),d=require("./heading.types-b6ca7d59.js"),l=require("./icon.component-100b924b.js"),m=require("./link.component-d28bdaea.js"),b=require("./logo.component-cea68030.js"),q=require("./menuButton.component-bc14c030.js"),j=require("./menuContainer.component-3e1e324b.js"),C=require("./menuItem.component-88d5a4b5.js"),h=require("./menuList.component-3233f098.js"),v=require("./menu.component-3014b86f.js"),T=require("./modalBody.component-6849c297.js"),f=require("./modalCloseButton.component-0b68c84f.js"),k=require("./modalFooter.component-250cd919.js"),M=require("./modalFooterButtons.component-d48212b1.js"),g=require("./modalHeader.component-152c21fe.js"),I=require("./modal.component-17f6feb4.js"),S=require("./notificationCounter.component-24f3f4ab.js"),P=require("./picture.component-19489bee.js"),y=require("./popoverFooter.component-7e0b193f.js"),B=require("./popoverHeader.component-c6812c03.js"),D=require("./popover.component-0c3ec017.js"),L=require("./popover.types-bc105ea7.js"),F=require("./radio.component-1ebba5e1.js"),A=require("./radioGroup.component-f08f38ce.js"),G=require("./ratingDot.component-01592415.js"),H=require("./ratingDots.component-f7677abd.js"),w=require("./select.component-bad65ed1.js"),O=require("./dragHandle.component-d95bb9e4.js"),z=require("./sortableItem.component-3bdead95.js"),R=require("./sortableOverlay.component-39d84330.js"),N=require("./sortableList.component-2c36f685.js"),W=require("./spinner.component-39040867.js"),V=require("./switch.component-753b45d3.js"),E=require("./tab.component-9395a9e2.js"),K=require("./tabs.component-885739b7.js"),Q=require("./tabsLayout.component-eba1c0e3.js"),U=require("./tag.types-f979ec63.js"),_=require("./text.component-057889c3.js"),$=require("./text.types-fef8ead3.js"),J=require("./textarea.component-3365d082.js"),X=require("./textInput.component-049317fb.js"),Y=require("./timePicker.component-7fb45602.js"),Z=require("./timeRange.component-5499603c.js"),ee=require("./useToast-cf4d8bc2.js"),re=require("./tooltip.component-197bff7c.js"),oe=require("./withTheme-e33ed8bc.js"),te=require("./useTheme-8873c39f.js"),se=require("./theme.provider-4f441e9b.js"),ae=require("./chakra-ui-skeleton.esm-5124b070.js"),pe=require("./chakra-ui-modal.esm-ae29b02a.js"),ie=require("./chakra-ui-layout.esm-6ee578f7.js"),ne=require("./chakra-ui-button.esm-bd065780.js"),ue=require("./chakra-ui-alert.esm-17eebb99.js"),xe=require("./chakra-ui-avatar.esm-eee70d3a.js"),ce=require("./chakra-ui-checkbox.esm-4cded6a7.js"),de=require("./chakra-ui-input.esm-5fd07056.js"),le=require("./chakra-ui-menu.esm-1ed98193.js"),me=require("./chakra-ui-popover.esm-1e836c11.js"),be=require("./chakra-ui-radio.esm-f310d451.js"),qe=require("./chakra-ui-select.esm-793cf4de.js"),je=require("./chakra-ui-tabs.esm-e6372403.js"),Ce=require("./chakra-ui-textarea.esm-23fad4cd.js"),he=require("./chakra-ui-form-control.esm-6d25b1a4.js"),ve=require("./chakra-ui-media-query.esm-6217de7e.js"),Te=require("./chakra-ui-image.esm-66324087.js"),fe=require("./chakra-ui-system.esm-c70df670.js"),ke=require("./chakra-ui-portal.esm-bbcb5d1d.js"),Me=require("./chakra-ui-hooks.esm-21b313f3.js");require("react"),require("./chakra-ui-theme.esm-d6d72df5.js"),require("./tslib.es6-d6f17add.js"),require("./avatar.config-e43cfce7.js"),require("./withFormControl-28664983.js"),require("./index-c90ed78a.js"),require("./withTruncation-60a6b552.js"),require("./icons/index.js"),require("./useIconTextSizeMap-301c4f35.js"),require("./menu.context-22d23674.js"),require("./menu.config-14739188.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("react-dom"),require("./chakra-ui-icon.esm-9c49b31b.js"),require("./index-befc6580.js"),require("./index-5a9be08d.js"),require("./motion-7de675ca.js"),require("./chakra-ui-popper.esm-c15ff4a5.js"),require("./chakra-ui-visually-hidden.esm-b758df74.js"),require("./use-animation-state-5054a9f7.esm-c89cafc4.js"),require("./zIndeces-10b89ae1.js"),require("./borders.config-90d19902.js"),require("./color.record-134d7650.js"),require("./shadows.config-9e24e611.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-4394877f.js"),exports.extendTheme=e.extendTheme,exports.Alert=r.Alert,exports.Avatar=o.Avatar,exports.avatarBadePositions=t.avatarBadePositions,exports.avatarSizes=t.avatarSizes,exports.avatarTypes=t.avatarTypes,exports.avatarVariants=t.avatarVariants,exports.AvatarGroup=s.AvatarGroup,exports.Button=a.Button,exports.buttonSizes=p.buttonSizes,exports.buttonVariants=p.buttonVariants,exports.Card=i.Card,exports.CardPaddingMap=i.CardPaddingMap,exports.cardSizes=i.cardSizes,exports.Checkbox=n.WrappedCheckbox,exports.CheckboxGroup=u.WrappedCheckboxGroup,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return x.DateFormats}}),exports.DatePicker=x.DatePicker,exports.Heading=c.WrappedHeading,exports.headingSizes=d.headingSizes,exports.Icon=l.Icon,exports.IconSizeMap=l.IconSizeMap,exports.iconSizes=l.iconSizes,exports.Link=m.Link,exports.Logo=b.Logo,exports.MenuButton=q.MenuButton,exports.MenuContainer=j.MenuContainer,exports.MenuItem=C.MenuItem,exports.MenuList=h.MenuList,exports.Menu=v.Menu,exports.ModalBody=T.ModalBody,exports.ModalCloseButton=f.ModalCloseButton,exports.ModalFooter=k.ModalFooter,exports.ModalFooterButtons=M.ModalFooterButtons,exports.ModalHeader=g.ModalHeader,exports.Modal=I.Modal,exports.NotificationCounter=S.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return S.NotificationCounterVariant}}),exports.Picture=P.Picture,exports.PopoverFooter=y.PopoverFooter,exports.PopoverHeader=B.PopoverHeader,exports.Popover=D.Popover,exports.popoverPlacements=L.popoverPlacements,exports.popoverSizes=L.popoverSizes,exports.popoverTriggerTypes=L.popoverTriggerTypes,exports.popoverVariants=L.popoverVariants,exports.Radio=F.Radio,exports.RadioGroup=A.WrappedRadioGroup,exports.RatingDot=G.RatingDot,exports.RatingDots=H.RatingDots,exports.Select=w.WrappedSelect,exports.DragHandle=O.DragHandle,exports.SortableItem=z.SortableItem,exports.SortableOverlay=R.SortableOverlay,exports.SortableList=N.SortableList,exports.Spinner=W.Spinner,exports.Switch=V.WrappedSwitch,exports.Tab=E.Tab,exports.Tabs=K.Tabs,exports.TabsLayout=Q.TabsLayout,exports.Tag=U.Tag,exports.closeButtonDisplays=U.closeButtonDisplays,exports.tagSizes=U.tagSizes,exports.Text=_.WrappedText,exports.textSizes=$.textSizes,exports.Textarea=J.WrappedTextArea,exports.TextInput=X.WrappedTextInput,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return Y.Meridiem}}),exports.TimePicker=Y.TimePicker,exports.TimeRange=Z.TimeRange,exports.useToast=ee.useToast,exports.Tooltip=re.Tooltip,exports.withDarkMode=oe.withDarkMode,exports.withTheme=oe.withTheme,exports.useTheme=te.useTheme,exports.KibbleThemeProvider=se.KibbleThemeProvider,exports.theme=se.theme,exports.Accordion=ae.Accordion,exports.AccordionButton=ae.AccordionButton,exports.AccordionIcon=ae.AccordionIcon,exports.AccordionItem=ae.AccordionItem,exports.AccordionPanel=ae.AccordionPanel,exports.NumberDecrementStepper=ae.NumberDecrementStepper,exports.NumberIncrementStepper=ae.NumberIncrementStepper,exports.NumberInput=ae.NumberInput,exports.NumberInputField=ae.NumberInputField,exports.NumberInputStepper=ae.NumberInputStepper,exports.PinInput=ae.PinInput,exports.PinInputField=ae.PinInputField,exports.Progress=ae.Progress,exports.Skeleton=ae.Skeleton,exports.SkeletonText=ae.SkeletonText,exports.Table=ae.Table,exports.TableCaption=ae.TableCaption,exports.TableContainer=ae.TableContainer,exports.Tbody=ae.Tbody,exports.Td=ae.Td,exports.Tfoot=ae.Tfoot,exports.Th=ae.Th,exports.Thead=ae.Thead,exports.Tr=ae.Tr,exports.AlertDialog=pe.AlertDialog,exports.AlertDialogBody=pe.ModalBody,exports.AlertDialogContent=pe.AlertDialogContent,exports.AlertDialogFooter=pe.ModalFooter,exports.AlertDialogHeader=pe.ModalHeader,exports.AlertDialogOverlay=pe.ModalOverlay,exports.CModal=pe.Modal,exports.CModalBody=pe.ModalBody,exports.CModalCloseButton=pe.ModalCloseButton,exports.CModalFooter=pe.ModalFooter,exports.CModalHeader=pe.ModalHeader,exports.Collapse=pe.Collapse,exports.Drawer=pe.Drawer,exports.DrawerBody=pe.ModalBody,exports.DrawerCloseButton=pe.ModalCloseButton,exports.DrawerContent=pe.DrawerContent,exports.DrawerFooter=pe.ModalFooter,exports.DrawerHeader=pe.ModalHeader,exports.DrawerOverlay=pe.ModalOverlay,exports.ModalContent=pe.ModalContent,exports.ModalOverlay=pe.ModalOverlay,exports.Badge=ie.Badge,exports.Box=ie.Box,exports.Center=ie.Center,exports.Circle=ie.Circle,exports.Code=ie.Code,exports.Container=ie.Container,exports.Divider=ie.Divider,exports.Flex=ie.Flex,exports.Grid=ie.Grid,exports.GridItem=ie.GridItem,exports.HStack=ie.HStack,exports.LinkBox=ie.LinkBox,exports.LinkOverlay=ie.LinkOverlay,exports.List=ie.List,exports.ListItem=ie.ListItem,exports.OrderedList=ie.OrderedList,exports.SimpleGrid=ie.SimpleGrid,exports.Spacer=ie.Spacer,exports.Square=ie.Square,exports.Stack=ie.Stack,exports.UnorderedList=ie.UnorderedList,exports.VStack=ie.VStack,exports.Wrap=ie.Wrap,exports.WrapItem=ie.WrapItem,exports.ButtonGroup=ne.ButtonGroup,exports.CButton=ne.Button,exports.IconButton=ne.IconButton,exports.CAlert=ue.Alert,exports.CAvatar=xe.Avatar,exports.CCheckboxGroup=ce.CheckboxGroup,exports.useCheckbox=ce.useCheckbox,exports.useCheckboxGroup=ce.useCheckboxGroup,exports.CInput=de.Input,exports.InputGroup=de.InputGroup,exports.InputLeftAddon=de.InputLeftAddon,exports.InputLeftElement=de.InputLeftElement,exports.InputRightElement=de.InputRightElement,exports.CMenu=le.Menu,exports.CMenuButton=le.MenuButton,exports.CMenuItem=le.MenuItem,exports.CMenuList=le.MenuList,exports.MenuDivider=le.MenuDivider,exports.MenuGroup=le.MenuGroup,exports.MenuItemOption=le.MenuItemOption,exports.CPopover=me.Popover,exports.CPopoverBody=me.PopoverBody,exports.CPopoverFooter=me.PopoverFooter,exports.CPopoverHeader=me.PopoverHeader,exports.PopoverArrow=me.PopoverArrow,exports.PopoverContent=me.PopoverContent,exports.PopoverTrigger=me.PopoverTrigger,exports.usePopoverContext=me.usePopoverContext,exports.CRadioGroup=be.RadioGroup,exports.useRadio=be.useRadio,exports.useRadioGroup=be.useRadioGroup,exports.CSelect=qe.Select,exports.CTab=je.Tab,exports.CTabs=je.Tabs,exports.TabList=je.TabList,exports.TabPanel=je.TabPanel,exports.TabPanels=je.TabPanels,exports.CTextarea=Ce.Textarea,exports.FormControl=he.FormControl,exports.FormErrorMessage=he.FormErrorMessage,exports.FormHelperText=he.FormHelperText,exports.FormLabel=he.FormLabel,exports.Hide=ve.Hide,exports.Show=ve.Show,exports.useBreakpoint=ve.useBreakpoint,exports.useBreakpointValue=ve.useBreakpointValue,exports.useMediaQuery=ve.useMediaQuery,exports.Image=Te.Image$1,exports.keyframes=fe.keyframes,exports.useColorMode=fe.useColorMode,exports.Portal=ke.Portal,exports.useConst=Me.useConst,exports.useDisclosure=Me.useDisclosure,exports.useInterval=Me.useInterval,exports.useOutsideClick=Me.useOutsideClick;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./tab.component-9395a9e2.js"),s=require("./chakra-ui-tabs.esm-e6372403.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(t);exports.Tabs=t=>{var{size:r="md",tabList:b,tabListProps:n,tabPanels:l,tabPanelsStyle:u}=t,c=e.__rest(t,["size","tabList","tabListProps","tabPanels","tabPanelsStyle"]);return i.default.createElement(s.Tabs,Object.assign({},c,{size:r}),i.default.createElement(s.TabList,Object.assign({},n),b.map(((e,t)=>i.default.createElement(a.Tab,Object.assign({key:t,size:r},e))))),!!l&&i.default.createElement(s.TabPanels,Object.assign({},u),l.map((e=>e))))};
|
|
2
|
+
//# sourceMappingURL=tabs.component-885739b7.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabs.component-885739b7.js","sources":["../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, TabPanelProps, Tabs as CTabs, StyleProps, TabListProps } from '@chakra-ui/react';\nimport React from 'react';\nimport { Alignment } from 'shared/types/alignment';\nimport { Tab, TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n size?: TabSize;\n tabList: TabProps[];\n tabListProps?: TabListProps;\n tabPanels?: JSX.Element[];\n tabPanelsStyle?: TabPanelProps;\n isFitted?: boolean;\n align?: Alignment;\n defaultIndex?: number;\n isLazy?: boolean;\n isManual?: boolean;\n index?: number;\n onChange?: (index: number) => void;\n}\n\nexport const Tabs = ({\n size = 'md',\n tabList,\n tabListProps,\n tabPanels,\n tabPanelsStyle,\n ...rest\n}: TabsProps): JSX.Element => {\n return (\n <CTabs {...rest} size={size}>\n <TabList {...tabListProps}>\n {tabList.map((tab, index) => (\n <Tab key={index} size={size} {...tab} />\n ))}\n </TabList>\n {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n </CTabs>\n );\n};\n"],"names":["_a","size","tabList","tabListProps","tabPanels","tabPanelsStyle","rest","__rest","React","CTabs","Tabs","Object","assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"gQAqBqBA,IAAA,IAAAC,KACnBA,EAAO,KAAIC,QACXA,EAAOC,aACPA,EAAYC,UACZA,EAASC,eACTA,GAEUL,EADPM,EAAIC,SAAAP,EANY,gEAQnB,OACEQ,wBAACC,EAAKC,KAAAC,OAAAC,OAAA,GAAKN,EAAM,CAAAL,KAAMA,IACrBO,EAAAA,QAAAK,cAACC,UAAOH,OAAAC,OAAA,GAAKT,GACVD,EAAQa,KAAI,CAACC,EAAKC,IACjBT,UAAAK,cAACK,EAAGA,IAAAP,OAAAC,OAAA,CAACO,IAAKF,EAAOhB,KAAMA,GAAUe,SAGlCZ,GAAaI,EAAA,QAAAK,cAACO,EAASA,UAAKT,OAAAC,OAAA,GAAAP,GAAiBD,EAAUW,KAAKM,GAAUA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./tabs.component-
|
|
2
|
-
//# sourceMappingURL=tabsLayout.component-
|
|
1
|
+
"use strict";var e=require("react"),t=require("./tabs.component-885739b7.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);exports.TabsLayout=e=>r.default.createElement(t.Tabs,Object.assign({},e));
|
|
2
|
+
//# sourceMappingURL=tabsLayout.component-eba1c0e3.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabsLayout.component-
|
|
1
|
+
{"version":3,"file":"tabsLayout.component-eba1c0e3.js","sources":["../src/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from '../Tabs/tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n tabPanels: JSX.Element[];\n}\n\nexport const TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n return <Tabs {...props} />;\n};\n"],"names":["props","React","createElement","Tabs","Object","assign"],"mappings":"oLAO2BA,GAClBC,EAAC,QAAAC,cAAAC,OAASC,OAAAC,OAAA,GAAAL"}
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var t=require("./tslib.es6-d6f17add.js"),e=require("react"),s=require("./button.component-c7fdae19.js"),a=require("./chakra-ui-layout.esm-6ee578f7.js"),o=require("./heading.component-e55f8364.js"),n=require("./icon.component-932529e5.js"),i=require("./text.component-057889c3.js"),r=require("./chakra-ui-alert.esm-17eebb99.js");function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var c=l(e);const u=e=>{const{buttonText:o,buttonPosition:n,hasDescription:i,status:r,isToast:l}=e,u=t.__rest(e,["buttonText","buttonPosition","hasDescription","status","isToast"]);return c.default.createElement(a.Box,{className:"Alert__Button",pt:"bottomLeft"!==n||i?0:1,pb:"bottomLeft"===n?.5:0},c.default.createElement(s.Button,Object.assign({size:"xs",variant:"default"===r?"primary":"secondary",isOnContrast:l},u),e.buttonText))},d=t=>{const{onClose:e,isToast:o}=t;return c.default.createElement(a.Box,{className:"Alert__CloseButton"},c.default.createElement(s.Button,{variant:"ghostNeutral",iconName:"close",size:"xs",onClick:e,isOnContrast:o}))},f=t=>{const{title:e,titleProps:s,isToast:a}=t;return c.default.createElement(o.WrappedHeading,Object.assign({className:"Alert__Title",flexGrow:1,variant:a?"onContrast":"default",lineHeight:6,size:"sm"},s),e)},m={error:"warningSign",warning:"warningSign",success:"checkmark",info:"infoCircle",default:"infoCircle"},p=t=>{const{iconProps:s,status:o,isToast:i=!1}=t,r=e.useMemo((()=>"error"===o?"danger":o),[o]);return c.default.createElement(a.Box,{className:"Alert__Icon",maxH:"24px"},c.default.createElement(n.Icon,Object.assign({variant:i?"onContrast":r,size:"lg",name:(null==s?void 0:s.name)||m[o]},s)))},b=t=>{const{description:e,descriptionProps:s,isToast:a}=t;return"string"==typeof e?c.default.createElement(i.WrappedText,Object.assign({className:"Alert__Description",size:"md",variant:a?"onContrast":"default"},s),e):c.default.createElement(c.default.Fragment,null,e)},h=t=>{const{children:e,hideIcon:s,hideCloseButton:o}=t;return c.default.createElement(a.VStack,{className:"Alert__Body",justify:"flex-start",align:"flex-start",w:"100%",pl:s?"":"34px",pr:o?"":"34px"},e)},E=t=>{const{children:e}=t;return c.default.createElement(a.HStack,{className:"Alert__Header",w:"100%",align:"flex-start",justify:"flex-start"},e)};exports.Alert=e=>{var{buttonProps:s,children:o,description:n,descriptionProps:i,hasShadow:l=!1,hideCloseButton:m=!1,hideIcon:g=!1,iconProps:x,onClose:T,status:P="success",title:j,titleProps:C,isToast:B=!1}=e,_=t.__rest(e,["buttonProps","children","description","descriptionProps","hasShadow","hideCloseButton","hideIcon","iconProps","onClose","status","title","titleProps","isToast"]);const v=B?`${P}Toast`:P;s&&!s.buttonPosition&&(s.buttonPosition="topRight");return c.default.createElement(r.Alert,Object.assign({flexDirection:"column",align:"flex-start",justify:"flex-start",variant:v,overflow:"visible",px:3,py:2},l&&{boxShadow:"md"},_),j?c.default.createElement((()=>c.default.createElement(c.default.Fragment,null,c.default.createElement(E,null,!g&&c.default.createElement(p,{isToast:B,status:P,iconProps:x}),c.default.createElement(f,{isToast:B,title:j,titleProps:C}),"topRight"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P})),!m&&c.default.createElement(d,{isToast:B,onClose:T})),c.default.createElement(h,{hideIcon:g,hideCloseButton:m},n&&c.default.createElement(b,{isToast:B,description:n,descriptionProps:i}),o,"bottomLeft"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P}))))),null):c.default.createElement((()=>c.default.createElement(a.VStack,{w:"100%",align:"flex-start",justify:"flex-start"},c.default.createElement(E,null,!g&&c.default.createElement(p,{isToast:B,status:P,iconProps:x}),c.default.createElement(a.Box,{flexGrow:1},n&&c.default.createElement(b,{isToast:B,description:n,descriptionProps:i}),o),"topRight"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P})),!m&&c.default.createElement(d,{isToast:B,onClose:T})),"bottomLeft"===(null==s?void 0:s.buttonPosition)&&c.default.createElement(h,{hideIcon:g,hideCloseButton:m},c.default.createElement(u,Object.assign({},s,{hasDescription:Boolean(n),isToast:B,status:P}))))),null))};
|
|
2
|
-
//# sourceMappingURL=alert.component-f97ac444.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"alert.component-f97ac444.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/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 React from 'react';\nimport { Status } from 'shared/types/status';\nimport { Button, ButtonProps } from '../../Button';\nimport { Box } from '@chakra-ui/react';\n\nexport interface AlertButtonProps extends ButtonProps {\n buttonPosition?: 'topRight' | 'bottomLeft';\n buttonText: string;\n hasDescription?: boolean;\n status?: Status;\n isToast?: boolean;\n}\n\nexport const AlertButton = (buttonProps: AlertButtonProps): JSX.Element => {\n const { buttonText, buttonPosition, hasDescription, status, isToast, ...rest } = buttonProps;\n\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={status === 'default' ? 'primary' : 'secondary'} isOnContrast={isToast} {...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 isToast: boolean;\n}\n\nexport const AlertCloseButton = (props: AlertCloseButtonProps): JSX.Element => {\n const { onClose, isToast } = props;\n return (\n <Box className=\"Alert__CloseButton\">\n <Button variant=\"ghostNeutral\" iconName=\"close\" size=\"xs\" onClick={onClose} isOnContrast={isToast} />\n </Box>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { Heading, HeadingProps } from 'components/Heading';\n\nexport interface AlertTitleProps {\n title?: string | ReactNode;\n titleProps?: HeadingProps;\n isToast?: boolean;\n}\n\nexport const AlertTitle = (props: AlertTitleProps): JSX.Element => {\n const { title, titleProps, isToast } = props;\n return (\n <Heading\n className=\"Alert__Title\"\n flexGrow={1}\n variant={isToast ? 'onContrast' : 'default'}\n lineHeight={6}\n size=\"sm\"\n {...titleProps}\n >\n {title}\n </Heading>\n );\n};\n","import React, { useMemo } from 'react';\nimport { Box } from '@chakra-ui/react';\nimport { Icon, IconProps } from '../../Icon/icon.component';\nimport { IconName } from 'components/Icon';\nimport { Status } from 'shared/types/status';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport const AlertStatusIcon: Record<Status, IconName> = {\n error: 'warningSign',\n warning: 'warningSign',\n success: 'checkmark',\n info: 'infoCircle',\n default: 'infoCircle',\n};\n\nexport interface AlertIconProps {\n iconProps?: IconProps;\n status: Status;\n isToast: boolean;\n}\n\nexport const AlertIcon = (props: AlertIconProps): JSX.Element => {\n const { iconProps, status, isToast = false } = props;\n\n const computedVariant: TypographyVariant = useMemo(() => (status === 'error' ? 'danger' : status), [status]);\n\n return (\n <Box className=\"Alert__Icon\" maxH=\"24px\">\n <Icon\n variant={isToast ? 'onContrast' : computedVariant}\n size=\"lg\"\n name={iconProps?.name || AlertStatusIcon[status]}\n {...iconProps}\n />\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 isToast: boolean;\n}\n\nexport const AlertDescription = (props: AlertDescriptionProps): JSX.Element => {\n const { description, descriptionProps, isToast } = props;\n return typeof description === 'string' ? (\n <Text className=\"Alert__Description\" size=\"md\" variant={isToast ? 'onContrast' : 'default'} {...descriptionProps}>\n {description}\n </Text>\n ) : (\n <>{description}</>\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 { Alert as CAlert, AlertProps as CAlertProps, Box, VStack } from '@chakra-ui/react';\nimport { IconProps } from '../Icon/icon.component';\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 { Status } from 'shared/types/status';\n\nexport interface KAlertProps {\n buttonProps?: AlertButtonProps;\n children?: ReactNode;\n description?: string | ReactNode;\n descriptionProps?: TextProps;\n hasShadow?: boolean;\n hideCloseButton?: boolean;\n hideIcon?: boolean;\n iconProps?: IconProps;\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n status?: Status;\n title?: string | ReactNode;\n titleProps?: HeadingProps;\n isToast?: boolean;\n}\n\nexport interface AlertProps extends KAlertProps, Omit<CAlertProps, 'title' | 'status'> {}\n\nexport const Alert = ({\n buttonProps,\n children,\n description,\n descriptionProps,\n hasShadow = false,\n hideCloseButton = false,\n hideIcon = false,\n iconProps,\n onClose,\n status = 'success',\n title,\n titleProps,\n isToast = false,\n ...rest\n}: AlertProps): JSX.Element => {\n const computedVariant = isToast ? `${status}Toast` : status;\n if (buttonProps && !buttonProps.buttonPosition) {\n buttonProps.buttonPosition = 'topRight';\n }\n\n const AlertWithTitle = (): JSX.Element => {\n return (\n <>\n <AlertHeader>\n {!hideIcon && <AlertIcon isToast={isToast} status={status} iconProps={iconProps} />}\n <AlertTitle isToast={isToast} title={title} titleProps={titleProps} />\n {buttonProps?.buttonPosition === 'topRight' && (\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n )}\n {!hideCloseButton && <AlertCloseButton isToast={isToast} onClose={onClose} />}\n </AlertHeader>\n <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n {description && (\n <AlertDescription isToast={isToast} description={description} descriptionProps={descriptionProps} />\n )}\n {children}\n {buttonProps?.buttonPosition === 'bottomLeft' && (\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\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 isToast={isToast} status={status} iconProps={iconProps} />}\n <Box flexGrow={1}>\n {description && (\n <AlertDescription isToast={isToast} description={description} descriptionProps={descriptionProps} />\n )}\n {children}\n </Box>\n {buttonProps?.buttonPosition === 'topRight' && (\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\n )}\n {!hideCloseButton && <AlertCloseButton isToast={isToast} onClose={onClose} />}\n </AlertHeader>\n {buttonProps?.buttonPosition === 'bottomLeft' && (\n <AlertBody hideIcon={hideIcon} hideCloseButton={hideCloseButton}>\n <AlertButton {...buttonProps} hasDescription={Boolean(description)} isToast={isToast} status={status} />\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={computedVariant}\n overflow=\"visible\"\n px={3}\n py={2}\n {...(hasShadow && { boxShadow: 'md' })}\n {...rest}\n >\n {title ? <AlertWithTitle /> : <AlertWithoutTitle />}\n </CAlert>\n );\n};\n"],"names":["AlertButton","buttonProps","buttonText","buttonPosition","hasDescription","status","isToast","rest","__rest","React","createElement","Box","className","pt","pb","Button","Object","assign","size","variant","isOnContrast","AlertCloseButton","props","onClose","iconName","onClick","AlertTitle","title","titleProps","Heading","flexGrow","lineHeight","AlertStatusIcon","error","warning","success","info","default","AlertIcon","iconProps","computedVariant","useMemo","maxH","Icon","name","AlertDescription","description","descriptionProps","Text","WrappedText","AlertBody","children","hideIcon","hideCloseButton","VStack","justify","align","w","pl","pr","AlertHeader","HStack","_a","hasShadow","CAlert","Alert","flexDirection","overflow","px","py","boxShadow","Fragment","Boolean"],"mappings":"waAaO,MAAMA,EAAeC,IAC1B,MAAMC,WAAEA,EAAUC,eAAEA,EAAcC,eAAEA,EAAcC,OAAEA,EAAMC,QAAEA,GAAqBL,EAATM,EAAIC,EAAAA,OAAKP,EAA3E,CAAA,aAAA,iBAAA,iBAAA,SAAA,YAEN,OACEQ,EAAAA,QAACC,cAAAC,EAAGA,IACF,CAAAC,UAAU,gBACVC,GAAuB,eAAnBV,GAAoCC,EAAqB,EAAJ,EACzDU,GAAuB,eAAnBX,EAAkC,GAAM,GAE5CM,UAAAC,cAACK,EAAAA,OAAMC,OAAAC,OAAA,CAACC,KAAK,KAAKC,QAAoB,YAAXd,EAAuB,UAAY,YAAae,aAAcd,GAAaC,GACnGN,EAAYC,cCdRmB,EAAoBC,IAC/B,MAAMC,QAAEA,EAAOjB,QAAEA,GAAYgB,EAC7B,OACEb,EAAC,QAAAC,cAAAC,EAAGA,IAAC,CAAAC,UAAU,sBACbH,EAAC,QAAAC,cAAAK,EAAMA,OAAC,CAAAI,QAAQ,eAAeK,SAAS,QAAQN,KAAK,KAAKO,QAASF,EAASH,aAAcd,MCJnFoB,EAAcJ,IACzB,MAAMK,MAAEA,EAAKC,WAAEA,EAAUtB,QAAEA,GAAYgB,EACvC,OACEb,EAAC,QAAAC,cAAAmB,EAAAA,eACCb,OAAAC,OAAA,CAAAL,UAAU,eACVkB,SAAU,EACVX,QAASb,EAAU,aAAe,UAClCyB,WAAY,EACZb,KAAK,MACDU,GAEHD,ICbMK,EAA4C,CACvDC,MAAO,cACPC,QAAS,cACTC,QAAS,YACTC,KAAM,aACNC,QAAS,cASEC,EAAahB,IACxB,MAAMiB,UAAEA,EAASlC,OAAEA,EAAMC,QAAEA,GAAU,GAAUgB,EAEzCkB,EAAqCC,WAAQ,IAAkB,UAAXpC,EAAqB,SAAWA,GAAS,CAACA,IAEpG,OACEI,EAAAA,QAACC,cAAAC,EAAGA,IAAC,CAAAC,UAAU,cAAc8B,KAAK,QAChCjC,EAAAA,QAAAC,cAACiC,EAAAA,KACC3B,OAAAC,OAAA,CAAAE,QAASb,EAAU,aAAekC,EAClCtB,KAAK,KACL0B,MAAML,MAAAA,OAAA,EAAAA,EAAWK,OAAQZ,EAAgB3B,IACrCkC,MCvBCM,EAAoBvB,IAC/B,MAAMwB,YAAEA,EAAWC,iBAAEA,EAAgBzC,QAAEA,GAAYgB,EACnD,MAA8B,iBAAhBwB,EACZrC,EAAC,QAAAC,cAAAsC,EAAIC,2BAACrC,UAAU,qBAAqBM,KAAK,KAAKC,QAASb,EAAU,aAAe,WAAeyC,GAC7FD,GAGHrC,gDAAGqC,ICPMI,EAAa5B,IACxB,MAAM6B,SAAEA,EAAQC,SAAEA,EAAQC,gBAAEA,GAAoB/B,EAChD,OACEb,wBAAC6C,EAAMA,OAAA,CACL1C,UAAU,cACV2C,QAAQ,aACRC,MAAM,aACNC,EAAE,OACFC,GAAKN,EAAoB,GAAT,OAChBO,GAAKN,EAA2B,GAAT,QAEtBF,ICbMS,EAAetC,IAC1B,MAAM6B,SAAEA,GAAa7B,EACrB,OACEb,wBAACoD,EAAMA,OAAA,CAACjD,UAAU,gBAAgB6C,EAAE,OAAOD,MAAM,aAAaD,QAAQ,cACnEJ,kBCqBeW,IAAA,IAAA7D,YACpBA,EAAWkD,SACXA,EAAQL,YACRA,EAAWC,iBACXA,EAAgBgB,UAChBA,GAAY,EAAKV,gBACjBA,GAAkB,EAAKD,SACvBA,GAAW,EAAKb,UAChBA,EAAShB,QACTA,EAAOlB,OACPA,EAAS,UAASsB,MAClBA,EAAKC,WACLA,EAAUtB,QACVA,GAAU,GAAKwD,EACZvD,EAAIC,EAAAA,OAAAsD,EAda,oKAgBpB,MAAMtB,EAAkBlC,EAAU,GAAGD,SAAgBA,EACjDJ,IAAgBA,EAAYE,iBAC9BF,EAAYE,eAAiB,YAoD/B,OACEM,EAAAA,QAACC,cAAAsD,EAAMC,MACLjD,OAAAC,OAAA,CAAAiD,cAAc,SACdV,MAAM,aACND,QAAQ,aACRpC,QAASqB,EACT2B,SAAS,UACTC,GAAI,EACJC,GAAI,GACCN,GAAa,CAAEO,UAAW,MAC3B/D,GAEHoB,EAAQlB,EAAAA,QAAAC,eA7DU,IAEnBD,UAAAC,cAAAD,EAAA,QAAA8D,SAAA,KACE9D,UAAAC,cAACkD,EAAW,MACRR,GAAY3C,EAAAA,QAAAC,cAAC4B,EAAS,CAAChC,QAASA,EAASD,OAAQA,EAAQkC,UAAWA,IACtE9B,UAAAC,cAACgB,EAAU,CAACpB,QAASA,EAASqB,MAAOA,EAAOC,WAAYA,IACvB,cAAhC3B,MAAAA,OAAW,EAAXA,EAAaE,iBACZM,EAAA,QAAAC,cAACV,EAAgBgB,OAAAC,OAAA,GAAAhB,EAAa,CAAAG,eAAgBoE,QAAQ1B,GAAcxC,QAASA,EAASD,OAAQA,MAE9FgD,GAAmB5C,UAACC,cAAAW,EAAiB,CAAAf,QAASA,EAASiB,QAASA,KAEpEd,EAAC,QAAAC,cAAAwC,GAAUE,SAAUA,EAAUC,gBAAiBA,GAC7CP,GACCrC,EAAA,QAAAC,cAACmC,EAAgB,CAACvC,QAASA,EAASwC,YAAaA,EAAaC,iBAAkBA,IAEjFI,EACgC,gBAAhClD,MAAAA,OAAW,EAAXA,EAAaE,iBACZM,EAAA,QAAAC,cAACV,EAAWgB,OAAAC,OAAA,GAAKhB,EAAa,CAAAG,eAAgBoE,QAAQ1B,GAAcxC,QAASA,EAASD,OAAQA,QA4C5E,MAAMI,EAAAA,QAAAC,eArCR,IAEtBD,EAAA,QAAAC,cAAC4C,EAAAA,OAAM,CAACG,EAAE,OAAOD,MAAM,aAAaD,QAAQ,cAC1C9C,UAAAC,cAACkD,EAAW,MACRR,GAAY3C,EAAAA,QAAAC,cAAC4B,EAAS,CAAChC,QAASA,EAASD,OAAQA,EAAQkC,UAAWA,IACtE9B,EAAAA,QAAAC,cAACC,EAAAA,IAAG,CAACmB,SAAU,GACZgB,GACCrC,EAAA,QAAAC,cAACmC,EAAgB,CAACvC,QAASA,EAASwC,YAAaA,EAAaC,iBAAkBA,IAEjFI,GAE8B,cAAhClD,MAAAA,OAAW,EAAXA,EAAaE,iBACZM,EAAA,QAAAC,cAACV,EAAgBgB,OAAAC,OAAA,GAAAhB,EAAa,CAAAG,eAAgBoE,QAAQ1B,GAAcxC,QAASA,EAASD,OAAQA,MAE9FgD,GAAmB5C,UAACC,cAAAW,EAAiB,CAAAf,QAASA,EAASiB,QAASA,KAEnC,gBAAhCtB,MAAAA,OAAW,EAAXA,EAAaE,iBACZM,EAAAA,QAACC,cAAAwC,GAAUE,SAAUA,EAAUC,gBAAiBA,GAC9C5C,EAAC,QAAAC,cAAAV,mBAAgBC,EAAW,CAAEG,eAAgBoE,QAAQ1B,GAAcxC,QAASA,EAASD,OAAQA,QAmBpD"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./icon.component-932529e5.js"),o=require("./tooltip.component-197bff7c.js"),r=require("./avatar.config-e43cfce7.js"),n=require("./chakra-ui-avatar.esm-eee70d3a.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js"),l=require("./picture.component-19489bee.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(t);const u=(e,t=!0,a=1)=>{let o;switch(e){case"xs":o=t?"sm":"xs";break;case"sm":o=t?"md":"xs";break;case"md":o=t?"lg":"sm";break;case"lg":o=t?"xl":"md";break;case"xl":o=t?"2xl":"lg";break;case"2xl":o=t?"2xl":"xl";break;default:o=e}return a>1&&(o=u(o,t,a-1)),o},d=({avatarSize:e,iconName:o,bg:s="background.info",borderColor:l="border.strongContrast",iconVariant:i="info",position:u="bottomRight"})=>{const d=t.useMemo((()=>"xs"===e||!o),[o,e]);return c.default.createElement(n.AvatarBadge,{borderColor:l,borderWidth:"1px",bg:s,boxSize:d?"10px":"18px",transform:(t=>{var a,o,n,s;const l=null===(s=null===(n=null===(o=null===(a=r.AvatarConfig.sizes)||void 0===a?void 0:a[e])||void 0===o?void 0:o.container)||void 0===n?void 0:n.height)||void 0===s?void 0:s.toString(),i=Number(null==l?void 0:l.replace("px","")),c="xl"!==e?i/2:i/4;switch(t){case"topLeft":return d&&"xs"!==e?`translate(${-1.35*c}px, ${-1.35*c}px)`:`translate(${-1.2*c}px, ${-1.2*c}px)`;case"topRight":return d&&"xs"!==e?`translate(${c/10}px, ${-1.35*c}px)`:`translate(${c/3}px, ${-1.2*c}px)`;case"bottomLeft":return d&&"xs"!==e?`translate(${-1.35*c}px, ${c/10}px)`:`translate(${-1.2*c}px, ${c/5}px)`;default:return d&&"xs"!==e?`translate(${c/10}px, ${c/10}px)`:`translate(${c/3}px, ${c/3}px)`}})(u)},!d&&o&&c.default.createElement(a.Icon,{name:o,variant:i,size:"xs"}))},p=({handleRemoveButtonClick:e,isBeingHovered:o,setIsBeingHovered:r})=>{const n=t.useCallback((t=>{t.stopPropagation(),e&&e(t)}),[e]);return c.default.createElement(s.Flex,{className:"Avatar__RemoveButton",backgroundColor:"background.default",borderRadius:"full",cursor:"pointer",position:"absolute",top:"-6px",h:4,w:4,right:"-6px",justify:"center",align:"center",onClick:n,onMouseEnter:()=>r(!0),zIndex:"tooltip",onMouseLeave:()=>r(!1)},c.default.createElement(a.Icon,{variant:"default",name:"closeCircleSolid",size:o?"sm":"xs"}))},m=({src:e,webpSrc:t})=>c.default.createElement(s.Box,{className:"Avatar__Image"},c.default.createElement(l.Picture,{src:e,webpSrc:t,imgProps:{w:"100%",h:"100%",objectFit:"cover",borderRadius:"full",position:"absolute",top:0,left:0}}));exports.Avatar=r=>{var{badgeProps:s,handleClick:l,handleRemoveButtonClick:i,hideBorder:b=!1,iconName:x,name:v="",randomizeVariant:f=!1,randomizationType:g="outline",showBadge:h=!1,showRemoveButton:k=!1,showTooltip:C=!0,size:w="md",src:B,tooltipPlacement:$="bottom",tooltipText:z,variant:S="default",webpSrc:E}=r,_=e.__rest(r,["badgeProps","handleClick","handleRemoveButtonClick","hideBorder","iconName","name","randomizeVariant","randomizationType","showBadge","showRemoveButton","showTooltip","size","src","tooltipPlacement","tooltipText","variant","webpSrc"]);const[j,R]=t.useState(!1),[A,q]=t.useState(!1),y="xs"===w;let I=S;var P,T;f&&(P=v.charCodeAt(0),T=g,I=P>=65&&P<=77?"outline"===T?"outlineAccent":"accent":"outline"===T?"outlineAccentSubtle":"accentSubtle");const M=t.useMemo((()=>{let e={_hover:{img:{opacity:1},_after:{content:'""',backgroundColor:"background.alpha.hover",w:"110%",h:"110%",borderRadius:"full",position:"absolute"}},_active:{img:{opacity:1},_after:{content:'""',backgroundColor:"background.alpha.pressed",w:"110%",h:"110%",borderRadius:"full",position:"absolute"}}};return"contrast"===S&&(e._hover._after.backgroundColor="background.alphaContrast.hover",e._active._after.backgroundColor="background.alphaContrast.pressed"),e}),[S]),N=c.default.createElement(n.Avatar,Object.assign({name:x?"":v,size:w,src:E?void 0:B,variant:I,boxShadow:"0 0 0 1px var(--chakra-colors-border-strongContrast)",borderWidth:b?"0px":"2px",cursor:"default"},x&&{icon:c.default.createElement(a.Icon,{name:x,size:u(w,!0,"sm"===w||"xs"===w?2:1)})},l&&Object.assign({onClick:l,cursor:"pointer"},M),{onMouseEnter:()=>R(!0),onMouseLeave:()=>R(!1)},_),k&&j&&!y&&c.default.createElement(p,{handleRemoveButtonClick:i,isBeingHovered:A,setIsBeingHovered:q}),h&&c.default.createElement(d,Object.assign({avatarSize:w},s)),E&&B&&c.default.createElement(m,{src:B,webpSrc:E}));return C&&!A?c.default.createElement(o.Tooltip,{label:z||v,placement:$},N):N};
|
|
2
|
-
//# sourceMappingURL=avatar.component-135dacc9.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.component-135dacc9.js","sources":["../src/shared/utils/sizes.ts","../src/components/Avatar/components/avatarBadge.component.tsx","../src/components/Avatar/components/avatarRemoveButton.component.tsx","../src/components/Avatar/components/avatarImage.component.tsx","../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconSize } from 'components/Icon/icon.types';\n\nexport const getNextIconSize = (size: IconSize | AvatarSize, larger = true, count = 1): IconSize => {\n let nextSize: IconSize;\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 IconSize;\n break;\n }\n\n if (count > 1) {\n nextSize = getNextIconSize(nextSize, larger, count - 1);\n }\n\n return nextSize;\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 { SemanticBackgroundColorToken, SemanticBorderColorToken } from 'theme/tokens/colors';\nimport { StyleInterpolationObject } from 'shared/types/chakra';\nimport { IconName } from '../../../icons';\nimport { AvatarBadgePosition } from '../avatar.types';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface AvatarBadgeProps {\n iconName?: IconName;\n bg?: SemanticBackgroundColorToken;\n borderColor?: SemanticBorderColorToken;\n iconVariant?: TypographyVariant;\n position?: AvatarBadgePosition;\n}\n\ninterface AvatarBadgeComponentProps extends AvatarBadgeProps {\n avatarSize: AvatarSize;\n}\n\nexport const AvatarBadge = ({\n avatarSize,\n iconName,\n bg = 'background.info',\n borderColor = 'border.strongContrast',\n iconVariant = 'info',\n position = 'bottomRight',\n}: AvatarBadgeComponentProps): JSX.Element => {\n const useSmallBadge = useMemo(() => avatarSize === 'xs' || !iconName, [iconName, 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 = avatarSize !== 'xl' ? parentSize / 2 : parentSize / 4;\n\n switch (position) {\n case '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 '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 '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 borderColor={borderColor}\n borderWidth=\"1px\"\n bg={bg}\n boxSize={useSmallBadge ? '10px' : '18px'}\n transform={getBadgeTransform(position)}\n >\n {!useSmallBadge && iconName && <Icon name={iconName} variant={iconVariant} size={'xs'} />}\n </CAvatarBadge>\n );\n};\n","import React, { useCallback, MouseEvent, MouseEventHandler, Dispatch, SetStateAction } from 'react';\nimport { Flex } from '@chakra-ui/react';\nimport { Icon } from 'components/Icon/icon.component';\n\ninterface AvatarRemoveButtonProps {\n handleRemoveButtonClick?: MouseEventHandler<HTMLDivElement>;\n isBeingHovered: boolean;\n setIsBeingHovered: Dispatch<SetStateAction<boolean>>;\n}\n\nconst AvatarRemoveButton = ({\n handleRemoveButtonClick,\n isBeingHovered,\n setIsBeingHovered,\n}: AvatarRemoveButtonProps): JSX.Element => {\n const onRemoveButtonClick = useCallback(\n (e: MouseEvent<HTMLDivElement>) => {\n e.stopPropagation();\n\n if (handleRemoveButtonClick) {\n handleRemoveButtonClick(e);\n }\n },\n [handleRemoveButtonClick],\n );\n return (\n <Flex\n className=\"Avatar__RemoveButton\"\n backgroundColor=\"background.default\"\n borderRadius=\"full\"\n cursor=\"pointer\"\n position=\"absolute\"\n top=\"-6px\"\n h={4}\n w={4}\n right=\"-6px\"\n justify=\"center\"\n align=\"center\"\n onClick={onRemoveButtonClick}\n onMouseEnter={(): void => setIsBeingHovered(true)}\n zIndex=\"tooltip\"\n onMouseLeave={(): void => setIsBeingHovered(false)}\n >\n <Icon variant=\"default\" name=\"closeCircleSolid\" size={isBeingHovered ? 'sm' : 'xs'} />\n </Flex>\n );\n};\n\nexport default AvatarRemoveButton;\n","import { Box } from '@chakra-ui/react';\nimport { Picture } from 'components/Picture';\nimport React from 'react';\n\ninterface AvatarImageProps {\n src: string;\n webpSrc: string;\n}\n\nconst AvatarImage = ({ src, webpSrc }: AvatarImageProps): JSX.Element => {\n return (\n <Box className=\"Avatar__Image\">\n <Picture\n src={src}\n webpSrc={webpSrc}\n imgProps={{\n w: '100%',\n h: '100%',\n objectFit: 'cover',\n borderRadius: 'full',\n position: 'absolute',\n top: 0,\n left: 0,\n }}\n />\n </Box>\n );\n};\n\nexport default AvatarImage;\n","import React, { useState, useMemo, MouseEventHandler } from 'react';\nimport { Placement, Avatar as CAvatar, AvatarProps as CAvatarProps } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Tooltip } from '../Tooltip/tooltip.component';\nimport { AvatarSize, AvatarType, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'shared/utils/sizes';\nimport { AvatarBadge, AvatarBadgeProps } from './components/avatarBadge.component';\nimport { IconName } from '../../icons';\nimport AvatarRemoveButton from './components/avatarRemoveButton.component';\nimport AvatarImage from './components/avatarImage.component';\n\nexport interface KAvatarProps {\n badgeProps?: AvatarBadgeProps;\n handleClick?: MouseEventHandler<HTMLSpanElement>;\n handleRemoveButtonClick?: MouseEventHandler<HTMLDivElement>;\n hideBorder?: boolean;\n iconName?: IconName;\n name?: string;\n randomizeVariant?: boolean;\n randomizationType?: AvatarType;\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 webpSrc?: string;\n}\n\nexport type AvatarProps = KAvatarProps & CAvatarProps;\n\nconst getRandomizedAvatarVariant = (charCode: number, type: AvatarType): AvatarVariant => {\n if (charCode >= 65 && charCode <= 77) {\n return type === 'outline' ? 'outlineAccent' : 'accent';\n } else {\n return type === 'outline' ? 'outlineAccentSubtle' : 'accentSubtle';\n }\n};\n\nexport const Avatar = ({\n badgeProps,\n handleClick,\n handleRemoveButtonClick,\n hideBorder = false,\n iconName,\n name = '',\n randomizeVariant = false,\n randomizationType = 'outline',\n showBadge = false,\n showRemoveButton = false,\n showTooltip = true,\n size = 'md',\n src,\n tooltipPlacement = 'bottom',\n tooltipText,\n variant = 'default',\n webpSrc,\n ...rest\n}: AvatarProps): JSX.Element => {\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 = getRandomizedAvatarVariant(name.charCodeAt(0), randomizationType);\n }\n\n // These styles are not defined in the config file because they\n // should only be applied if the avatar has a click handler defined\n const hoverActiveStyles = useMemo(() => {\n let styles = {\n _hover: {\n img: { opacity: 1 },\n _after: {\n content: '\"\"',\n backgroundColor: 'background.alpha.hover',\n w: '110%',\n h: '110%',\n borderRadius: 'full',\n position: 'absolute',\n },\n },\n _active: {\n img: { opacity: 1 },\n _after: {\n content: '\"\"',\n backgroundColor: 'background.alpha.pressed',\n w: '110%',\n h: '110%',\n borderRadius: 'full',\n position: 'absolute',\n },\n },\n };\n\n if (variant === 'contrast') {\n styles._hover._after.backgroundColor = 'background.alphaContrast.hover';\n styles._active._after.backgroundColor = 'background.alphaContrast.pressed';\n }\n\n return styles;\n }, [variant]);\n\n const avatarMarkup = (\n <CAvatar\n name={iconName ? '' : name}\n size={size}\n src={!!webpSrc ? undefined : src}\n variant={_variant}\n boxShadow=\"0 0 0 1px var(--chakra-colors-border-strongContrast)\"\n borderWidth={hideBorder ? '0px' : '2px'}\n cursor=\"default\"\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 onMouseEnter={(): void => setIsHoveringAvatar(true)}\n onMouseLeave={(): void => setIsHoveringAvatar(false)}\n {...rest}\n >\n {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n <AvatarRemoveButton\n handleRemoveButtonClick={handleRemoveButtonClick}\n isBeingHovered={isHoveringRemoveButton}\n setIsBeingHovered={setIsHoveringRemoveButton}\n />\n )}\n {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n {webpSrc && src && <AvatarImage src={src} webpSrc={webpSrc} />}\n </CAvatar>\n );\n\n if (showTooltip && !isHoveringRemoveButton) {\n return (\n <Tooltip label={tooltipText || name} placement={tooltipPlacement}>\n {avatarMarkup}\n </Tooltip>\n );\n }\n\n return avatarMarkup;\n};\n"],"names":["getNextIconSize","size","larger","count","nextSize","AvatarBadge","avatarSize","iconName","bg","borderColor","iconVariant","position","useSmallBadge","useMemo","React","createElement","CAvatarBadge","borderWidth","boxSize","transform","parentSizeString","_d","_b","_a","AvatarConfig","sizes","container","_c","height","toString","parentSize","Number","replace","translation","getBadgeTransform","Icon","name","variant","AvatarRemoveButton","handleRemoveButtonClick","isBeingHovered","setIsBeingHovered","onRemoveButtonClick","useCallback","e","stopPropagation","Flex","className","backgroundColor","borderRadius","cursor","top","h","w","right","justify","align","onClick","onMouseEnter","zIndex","onMouseLeave","AvatarImage","src","webpSrc","Box","Picture","imgProps","objectFit","left","badgeProps","handleClick","hideBorder","randomizeVariant","randomizationType","showBadge","showRemoveButton","showTooltip","tooltipPlacement","tooltipText","rest","__rest","isHoveringAvatar","setIsHoveringAvatar","useState","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","_variant","charCode","type","charCodeAt","hoverActiveStyles","styles","_hover","img","opacity","_after","content","_active","avatarMarkup","CAvatar","Avatar","Object","assign","undefined","boxShadow","icon","Tooltip","label","placement"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./avatar.component-135dacc9.js"),a=require("./chakra-ui-avatar.esm-eee70d3a.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);exports.AvatarGroup=({addButtonTooltipText:n,avatars:r,handleAddButtonClick:l,handleRemoveButtonClick:i,max:s=3,showAddButton:u=!0,showRemoveAvatarButton:d=!1,size:m="md"})=>{const c=e.useMemo((()=>r.map((e=>e.name)).join(", ")),[r]),v="lg"===m||"md"===m?-2:-1;return o.default.createElement(a.AvatarGroup,{size:m,spacing:v,alignItems:"flex-start"},r.length>s?o.default.createElement(t.Avatar,{name:`${r.length}`,size:m,variant:"contrast",showRemoveButton:!1,tooltipText:c}):r.map((e=>o.default.createElement(t.Avatar,Object.assign({},e,{key:e.name,size:m,showRemoveButton:d,handleRemoveButtonClick:i})))),u&&o.default.createElement(t.Avatar,{variant:"dashed",iconName:"plus",handleClick:l,tooltipText:n,size:m}))};
|
|
2
|
-
//# sourceMappingURL=avatarGroup.component-76f1e820.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"avatarGroup.component-76f1e820.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 } 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} alignItems=\"flex-start\">\n {avatars.length > max ? (\n <Avatar\n name={`${avatars.length}`}\n size={size}\n variant=\"contrast\"\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=\"dashed\"\n iconName=\"plus\"\n handleClick={handleAddButtonClick}\n tooltipText={addButtonTooltipText}\n size={size}\n />\n )}\n </CAvatarGroup>\n );\n};\n"],"names":["addButtonTooltipText","avatars","handleAddButtonClick","handleRemoveButtonClick","max","showAddButton","showRemoveAvatarButton","size","mergedNames","useMemo","map","avatar","name","join","spacing","React","createElement","CAvatarGroup","alignItems","length","Avatar","variant","showRemoveButton","tooltipText","Object","assign","key","iconName","handleClick"],"mappings":"uOAgB2B,EACzBA,qBAAAA,EACAC,QAAAA,EACAC,qBAAAA,EACAC,wBAAAA,EACAC,IAAAA,EAAM,EACNC,cAAAA,GAAgB,EAChBC,uBAAAA,GAAyB,EACzBC,KAAAA,EAAO,SAEP,MAAMC,EAAcC,EAAOA,SAAC,IAAMR,EAAQS,KAAKC,GAAWA,EAAOC,OAAMC,KAAK,OAAO,CAACZ,IAC9Ea,EAAmB,OAATP,GAA0B,OAATA,GAAiB,GAAK,EAEvD,OACEQ,EAAA,QAAAC,cAACC,EAAAA,YAAY,CAACV,KAAMA,EAAMO,QAASA,EAASI,WAAW,cACpDjB,EAAQkB,OAASf,EAChBW,UAAAC,cAACI,EAAAA,OACC,CAAAR,KAAM,GAAGX,EAAQkB,SACjBZ,KAAMA,EACNc,QAAQ,WACRC,kBAAkB,EAClBC,YAAaf,IAGfP,EAAQS,KAAKC,GACXI,EAAC,QAAAC,cAAAI,EAAAA,OACKI,OAAAC,OAAA,GAAAd,GACJe,IAAKf,EAAOC,KACZL,KAAMA,EACNe,iBAAkBhB,EAClBH,wBAAyBA,OAI9BE,GACCU,EAAC,QAAAC,cAAAI,EAAAA,OACC,CAAAC,QAAQ,SACRM,SAAS,OACTC,YAAa1B,EACbqB,YAAavB,EACbO,KAAMA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./icon.component-932529e5.js"),r=require("./chakra-ui-button.esm-bd065780.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(t);const o=t.forwardRef(((i,o)=>{var{iconName:s,size:c="md",iconPosition:u,isOnContrast:l=!1,variant:d="primary",children:f}=i,m=e.__rest(i,["iconName","size","iconPosition","isOnContrast","variant","children"]);const p=t.useMemo((()=>`${d}${l?"OnContrast":""}`),[l,d]);if(s){const e=a.default.createElement(n.Icon,{size:c,name:s});if(!f){const t=s.replace(/([A-Z])/g," $1").replace(/^\w/,(e=>e.toUpperCase()));return a.default.createElement(r.IconButton,Object.assign({variant:p,ref:o,"aria-label":t,icon:e,size:c},m))}m["right"===u?"rightIcon":"leftIcon"]=e}return a.default.createElement(r.Button,Object.assign({fontWeight:"bold",cursor:"pointer",ref:o,size:c,iconSpacing:"sm"===c||"xs"===c?"4px":"8px",borderRadius:"base",variant:p},m),f)}));o.displayName="Button",exports.Button=o;
|
|
2
|
-
//# sourceMappingURL=button.component-c7fdae19.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.component-c7fdae19.js","sources":["../src/shared/utils/strings.ts","../src/components/Button/button.component.tsx"],"sourcesContent":["export const camelCaseToLabel = (s: string): string =>\n s.replace(/([A-Z])/g, ' $1').replace(/^\\w/, (c) => c.toUpperCase());\n\nexport const toTitleCase = (s: string): string => {\n const smallWords = /^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|v.?|vs.?|via)$/i;\n const alphanumericPattern = /([A-Za-z0-9\\u00C0-\\u00FF])/;\n const wordSeparators = /([ :–—-])/;\n\n return s\n .split(wordSeparators)\n .map(function (current, index, array) {\n if (\n /* Check for small words */\n current.search(smallWords) > -1 &&\n /* Skip first and last word */\n index !== 0 &&\n index !== array.length - 1 &&\n /* Ignore title end and subtitle start */\n array[index - 3] !== ':' &&\n array[index + 1] !== ':' &&\n /* Ignore small words that start a hyphenated phrase */\n (array[index + 1] !== '-' || (array[index - 1] === '-' && array[index + 1] === '-'))\n ) {\n return current.toLowerCase();\n }\n\n /* Ignore intentional capitalization */\n if (current.substring(1).search(/[A-Z]|\\../) > -1) {\n return current;\n }\n\n /* Ignore URLs */\n if (array[index + 1] === ':' && array[index + 2] !== '') {\n return current;\n }\n\n /* Capitalize the first letter */\n return current.replace(alphanumericPattern, (match) => match.toUpperCase());\n })\n .join('');\n};\n","import React, { ForwardedRef, forwardRef, useMemo } from 'react';\nimport { Button as CButton, ButtonProps as CButtonProps, IconButton as CIconButton } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { ButtonIconPosition, ButtonSize, ButtonVariant } from './button.types';\nimport { camelCaseToLabel } from 'shared/utils/strings';\nimport { IconName } from '../../icons';\n\nexport interface KButtonProps {\n iconName?: IconName;\n iconPosition?: ButtonIconPosition;\n isDisabled?: boolean;\n isFullWidth?: boolean;\n isLoading?: boolean;\n isOnContrast?: boolean;\n loadingText?: string;\n size?: ButtonSize;\n spinnerPlacement?: 'start' | 'end';\n variant?: ButtonVariant;\n}\n\nexport type ButtonProps = KButtonProps & Omit<CButtonProps, 'variant'>;\n\nexport const Button = forwardRef(\n (\n {\n iconName,\n size = 'md',\n iconPosition,\n isOnContrast = false,\n variant = 'primary',\n children,\n ...domProps\n }: ButtonProps,\n ref: ForwardedRef<HTMLButtonElement>,\n ): JSX.Element => {\n const computedVariant = useMemo(() => `${variant}${isOnContrast ? 'OnContrast' : ''}`, [isOnContrast, variant]);\n\n if (iconName) {\n const ButtonIcon = <Icon size={size} name={iconName} />;\n\n if (!children) {\n const label = camelCaseToLabel(iconName);\n return (\n <CIconButton\n variant={computedVariant}\n ref={ref}\n aria-label={label}\n icon={ButtonIcon}\n size={size}\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=\"bold\"\n cursor=\"pointer\"\n ref={ref}\n size={size}\n iconSpacing={size === 'sm' || size === 'xs' ? '4px' : '8px'}\n borderRadius=\"base\"\n variant={computedVariant}\n {...domProps}\n >\n {children}\n </CButton>\n );\n },\n);\n\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","_a","ref","iconName","size","iconPosition","isOnContrast","variant","children","domProps","__rest","computedVariant","useMemo","ButtonIcon","React","createElement","Icon","name","label","replace","c","toUpperCase","CIconButton","Object","assign","icon","CButton","fontWeight","cursor","iconSpacing","borderRadius","displayName"],"mappings":"sPAAO,MCsBMA,EAASC,EAAUA,YAC9B,CACEC,EASAC,SATAC,SACEA,EAAQC,KACRA,EAAO,KAAIC,aACXA,EAAYC,aACZA,GAAe,EAAKC,QACpBA,EAAU,UAASC,SACnBA,KACGC,EAPLC,EAAAA,OAAAT,EAAA,CAAA,WAAA,OAAA,eAAA,eAAA,UAAA,aAWA,MAAMU,EAAkBC,EAAOA,SAAC,IAAM,GAAGL,IAAUD,EAAe,aAAe,MAAM,CAACA,EAAcC,IAEtG,GAAIJ,EAAU,CACZ,MAAMU,EAAaC,UAACC,cAAAC,EAAIA,KAAC,CAAAZ,KAAMA,EAAMa,KAAMd,IAE3C,IAAKK,EAAU,CACb,MAAMU,EAAyBf,EDxCnCgB,QAAQ,WAAY,OAAOA,QAAQ,OAAQC,GAAMA,EAAEC,gBCyC/C,OACEP,EAAC,QAAAC,cAAAO,aACCC,OAAAC,OAAA,CAAAjB,QAASI,EACTT,IAAKA,EAAG,aACIgB,EACZO,KAAMZ,EACNT,KAAMA,GACFK,IAKRA,EADkC,UAAjBJ,EAA2B,YAAc,YACrCQ,EAIzB,OACEC,wBAACY,EAAO3B,OAAAwB,OAAAC,OAAA,CACNG,WAAW,OACXC,OAAO,UACP1B,IAAKA,EACLE,KAAMA,EACNyB,YAAsB,OAATzB,GAA0B,OAATA,EAAgB,MAAQ,MACtD0B,aAAa,OACbvB,QAASI,GACLF,GAEHD,MAMTT,EAAOgC,YAAc"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-9d94c33f.js"),i=require("./chakra-ui-checkbox.esm-4cded6a7.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=s(t);const a=t=>{var{children:r,size:s="md",isFieldInline:a,isOnContrast:o}=t,c=e.__rest(t,["children","size","isFieldInline","isOnContrast"]);const d=o?"onContrast":"default";return n.default.createElement(i.Checkbox,Object.assign({variant:d},c,{size:s,m:0,alignItems:"flex-start"}),r)};a.displayName="Checkbox";const o=r.withFormControl(a);exports.WrappedCheckbox=o;
|
|
2
|
-
//# sourceMappingURL=checkbox.component-49f23e0b.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.component-49f23e0b.js","sources":["../src/components/Checkbox/checkbox.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Checkbox as CCheckbox, CheckboxProps as CCheckboxProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\n\nexport interface KibbleCheckboxProps extends WithFormControlProps {\n value?: string | number;\n isChecked?: boolean;\n defaultChecked?: boolean;\n isIndeterminate?: boolean;\n children?: string | ReactNode;\n isOnContrast?: boolean;\n}\n\nexport type CheckboxProps = KibbleCheckboxProps & Exclude<CCheckboxProps, 'variant'>;\n\nconst Checkbox = ({ children, size = 'md', isFieldInline, isOnContrast, ...rest }: CheckboxProps): JSX.Element => {\n const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n return (\n <CCheckbox variant={_computedVariant} {...rest} size={size} m={0} alignItems=\"flex-start\">\n {children}\n </CCheckbox>\n );\n};\n\nCheckbox.displayName = 'Checkbox';\n\nconst WrappedCheckbox = withFormControl(Checkbox);\n\nexport { WrappedCheckbox as Checkbox };\n"],"names":["Checkbox","_a","children","size","isFieldInline","isOnContrast","rest","__rest","_computedVariant","React","createElement","CCheckbox","Object","assign","variant","m","alignItems","displayName","WrappedCheckbox","withFormControl"],"mappings":"yPAeA,MAAMA,EAAYC,IAAA,IAAAC,SAAEA,EAAQC,KAAEA,EAAO,KAAIC,cAAEA,EAAaC,aAAEA,GAAsCJ,EAArBK,EAAIC,EAAAA,OAAAN,EAA7D,oDAChB,MAAMO,EAAmBH,EAAe,aAAe,UACvD,OACEI,EAAC,QAAAC,cAAAC,WAAUC,OAAAC,OAAA,CAAAC,QAASN,GAAsBF,EAAI,CAAEH,KAAMA,EAAMY,EAAG,EAAGC,WAAW,eAC1Ed,IAKPF,EAASiB,YAAc,WAEvB,MAAMC,EAAkBC,EAAeA,gBAACnB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-9d94c33f.js"),i=require("./checkbox.component-49f23e0b.js"),c=require("./chakra-ui-checkbox.esm-4cded6a7.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t);const a=t=>{var{checkboxes:r,size:n="md",direction:a="row",spacing:d,isFieldInline:u,isOnContrast:l}=t,p=e.__rest(t,["checkboxes","size","direction","spacing","isFieldInline","isOnContrast"]);return o.default.createElement(c.CheckboxGroup,Object.assign({},p),o.default.createElement(s.Stack,{direction:a,spacing:d,width:"fit-content"},r.map(((e,t)=>o.default.createElement(i.WrappedCheckbox,Object.assign({isOnContrast:l,key:t},e,{size:n}))))))};a.displayName="CheckboxGroup";const d=r.withFormControl(a);exports.WrappedCheckboxGroup=d;
|
|
2
|
-
//# sourceMappingURL=checkboxGroup.component-3f526fd7.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkboxGroup.component-3f526fd7.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 'shared/hocs/FormControl/withFormControl';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { Checkbox, CheckboxProps } from '../Checkbox/checkbox.component';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface KCheckboxGroupProps extends WithFormControlProps {\n size?: FormControlSize;\n checkboxes: CheckboxProps[];\n direction?: FlexDirection;\n spacing?: SystemProps['margin'];\n isFieldInline?: boolean;\n defaultValue?: (string | number)[];\n onChange?: (value: (string | number)[]) => void;\n}\n\nexport type CheckboxGroupProps = KCheckboxGroupProps & CCheckboxGroupProps;\n\nconst CheckboxGroup = ({\n checkboxes,\n size = 'md',\n direction = 'row',\n spacing,\n isFieldInline,\n isOnContrast,\n ...rest\n}: CheckboxGroupProps): JSX.Element => {\n return (\n <CCheckboxGroup {...rest}>\n <Stack direction={direction} spacing={spacing} width=\"fit-content\">\n {checkboxes.map((checkbox, index) => (\n <Checkbox isOnContrast={isOnContrast} key={index} {...checkbox} size={size} />\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","size","direction","spacing","isFieldInline","isOnContrast","rest","__rest","React","createElement","CCheckboxGroup","Object","assign","Stack","width","map","checkbox","index","Checkbox","WrappedCheckbox","key","displayName","WrappedCheckboxGroup","withFormControl"],"mappings":"uVAwBA,MAAMA,EAAiBC,QAAAC,WACrBA,EAAUC,KACVA,EAAO,KAAIC,UACXA,EAAY,MAAKC,QACjBA,EAAOC,cACPA,EAAaC,aACbA,GAAYN,EACTO,EAAIC,EAAAA,OAAAR,EAPc,4EASrB,OACES,EAAAA,QAAAC,cAACC,EAAcZ,cAAAa,OAAAC,OAAA,GAAKN,GAClBE,EAAC,QAAAC,cAAAI,EAAKA,OAACX,UAAWA,EAAWC,QAASA,EAASW,MAAM,eAClDd,EAAWe,KAAI,CAACC,EAAUC,IACzBT,EAAA,QAAAC,cAACS,EAAQC,gBAACR,OAAAC,OAAA,CAAAP,aAAcA,EAAce,IAAKH,GAAWD,EAAU,CAAAf,KAAMA,UAOhFH,EAAcuB,YAAc,gBAE5B,MAAMC,EAAuBC,EAAeA,gBAACzB"}
|