@televet/kibble-ui 2.1.29-inform.3 → 2.1.29

package/build/link.component-415cc307.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.component-415cc307.js","sources":["../src/components/Link/components/linkIcon.component.tsx","../src/components/Link/link.component.tsx"],"sourcesContent":["import React from 'react';\nimport { TypographyVariant } from 'shared/types';\nimport { Icon, IconProps } from '../../Icon/icon.component';\n\nexport interface LinkIconProps extends Omit<IconProps, 'position'> {\n  position?: 'start' | 'end';\n  variant?: TypographyVariant;\n}\n\nexport const LinkIcon = (iconProps: LinkIconProps): JSX.Element => {\n  return <Icon variant={iconProps.variant || 'interactive'} {...iconProps} />;\n};\n","import React, { forwardRef, ForwardedRef, MouseEventHandler } from 'react';\nimport { As, HStack, Link as CLink, LinkProps as CLinkProps } from '@chakra-ui/react';\nimport { LinkIcon, LinkIconProps } from './components/linkIcon.component';\nimport { TextSize, Text } from 'components/Text';\nimport { useIconTextSizeMap } from 'shared/hooks/useIconTextSizeMap';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface KLinkProps {\n  children?: React.ReactNode;\n  iconProps?: LinkIconProps;\n  size?: TextSize;\n  variant?: TypographyVariant;\n  to?: any;\n  href?: string;\n  isExternal?: boolean;\n  onClick?: MouseEventHandler<HTMLDivElement>;\n  as?: As;\n}\n\nexport type LinkProps = KLinkProps & Omit<CLinkProps, 'variant'>;\n\nexport const Link = forwardRef((props: LinkProps, ref: ForwardedRef<HTMLAnchorElement>): JSX.Element => {\n  const { children, iconProps, size = 'md', color, variant = 'interactive', ...rest } = props;\n  const mappIconSize = useIconTextSizeMap(size);\n\n  if (iconProps && !iconProps.position) {\n    iconProps.position = 'start';\n  }\n\n  return (\n    <CLink variant={variant} display=\"inline-block\" size={size} ref={ref} {...rest}>\n      <HStack spacing={1} align=\"center\">\n        {iconProps?.position === 'start' && (\n          <LinkIcon variant={iconProps.variant || variant} size={mappIconSize} {...iconProps} />\n        )}\n        <Text size={size} variant={variant}>\n          {children}\n        </Text>\n        {iconProps?.position === 'end' && (\n          <LinkIcon variant={iconProps.variant || variant} size={mappIconSize} {...iconProps} />\n        )}\n      </HStack>\n    </CLink>\n  );\n});\n\nLink.displayName = 'Link';\n"],"names":["LinkIcon","iconProps","React","createElement","Icon","Object","assign","variant","Link","forwardRef","props","ref","children","size","color","rest","mappIconSize","useIconTextSizeMap","position","CLink","display","HStack","spacing","align","Text","displayName"],"mappings":"8UASO,MAAMA,EAAYC,GAChBC,EAAC,QAAAC,cAAAC,OAAKC,OAAAC,OAAA,CAAAC,QAASN,EAAUM,SAAW,eAAmBN,ICWnDO,EAAOC,EAAUA,YAAC,CAACC,EAAkBC,KAChD,MAAMC,SAAEA,EAAQX,UAAEA,EAASY,KAAEA,EAAO,KAAIC,MAAEA,EAAKP,QAAEA,EAAU,eAA2BG,EAATK,WAASL,EAAhF,CAA6E,WAAA,YAAA,OAAA,QAAA,YAC7EM,EAAeC,qBAAmBJ,GAMxC,OAJIZ,IAAcA,EAAUiB,WAC1BjB,EAAUiB,SAAW,SAIrBhB,EAAAA,sBAACiB,EAAAA,KAAKd,OAAAC,OAAA,CAACC,QAASA,EAASa,QAAQ,eAAeP,KAAMA,EAAMF,IAAKA,GAASI,GACxEb,EAAC,QAAAC,cAAAkB,UAAOC,QAAS,EAAGC,MAAM,UACC,WAAxBtB,MAAAA,OAAS,EAATA,EAAWiB,WACVhB,EAAA,QAAAC,cAACH,EAAQK,OAAAC,OAAA,CAACC,QAASN,EAAUM,SAAWA,EAASM,KAAMG,GAAkBf,IAE3EC,UAACC,cAAAqB,EAAAA,YAAK,CAAAX,KAAMA,EAAMN,QAASA,GACxBK,GAEsB,SAAxBX,MAAAA,OAAS,EAATA,EAAWiB,WACVhB,EAAAA,QAACC,cAAAH,iBAASO,QAASN,EAAUM,SAAWA,EAASM,KAAMG,GAAkBf,SAOnFO,EAAKiB,YAAc"}

package/build/menu.component-5a0fee49.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-53fc4ef7.js"),r=require("./menuButton.component-e4b238ab.js"),u=require("./menuList.component-2866419f.js"),l=require("./menu.context-bbda65db.js"),s=require("./chakra-ui-portal.esm-309fc8f3.js"),a=require("./chakra-ui-menu.esm-bb35ab5f.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(t);exports.Menu=t=>{var{buttonProps:i,customTriggerElement:m,listProps:c,containerProps:d}=t,f=e.__rest(t,["buttonProps","customTriggerElement","listProps","containerProps"]);return o.default.createElement(l.MenuProvider,{menuItems:null==c?void 0:c.menuItems,isMultiSelect:null==c?void 0:c.isMultiSelect,onClose:null==d?void 0:d.onClose},o.default.createElement(n.MenuContainer,Object.assign({isLazy:(null==d?void 0:d.isLazy)||!0},d,f),m?o.default.createElement("customTriggerElement",{as:a.MenuButton}):o.default.createElement(r.MenuButton,Object.assign({},i)),o.default.createElement((({children:e})=>(null==c?void 0:c.shouldUsePortal)?o.default.createElement(s.Portal,null,e):o.default.createElement(o.default.Fragment,null,e)),null,o.default.createElement(u.MenuList,Object.assign({},c,{isMatchWidthSet:f.matchWidth,menuItems:null==c?void 0:c.menuItems})))))};
-//# sourceMappingURL=menu.component-5a0fee49.js.map

package/build/modalCloseButton.component-5266f4bc.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),o=require("./button.component-ca5e36ed.js"),r=require("./chakra-ui-modal.esm-4269b36a.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(t);exports.ModalCloseButton=t=>{var{right:s=2,top:i=2,size:n="md"}=t,u=e.__rest(t,["right","top","size"]);const{onClose:l}=r.useModalContext();return a.default.createElement(o.Button,Object.assign({variant:"ghostNeutral",onClick:l,iconName:"close",position:"absolute",right:s,top:i,size:n},u))};
-//# sourceMappingURL=modalCloseButton.component-5266f4bc.js.map

package/build/popover.component-92eea433.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./popoverHeader.component-05f702fe.js"),o=require("./popoverFooter.component-b663b4f6.js"),a=require("./text.component-c65875e0.js"),s=require("./chakra-ui-popover.esm-d21bf3b5.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(t);exports.Popover=n=>{var{allowEscape:i=!0,anchor:l,children:u,contentProps:d,footerProps:p,headerProps:f,placement:v="auto",size:g="sm",trigger:m="click",variant:b="contrast"}=n,P=e.__rest(n,["allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant"]);const j=t.useMemo((()=>{switch(b){case"contrast":case"contrastDestructive":return{bg:"background.contrast",color:"text.onContrast"};case"default":case"defaultDestructive":return{bg:"background.default",color:"text.default"}}}),[b]),E="contrast"===b||"contrastDestructive"===b,h="contrastDestructive"===b||"defaultDestructive"===b;return c.default.createElement(s.Popover,Object.assign({size:g,closeOnBlur:i,closeOnEsc:i,placement:v,trigger:m},P),c.default.createElement(s.PopoverTrigger,null,l),c.default.createElement(s.PopoverContent,Object.assign({},j,d,{shadow:"md"}),c.default.createElement(s.PopoverArrow,Object.assign({},j)),f&&c.default.createElement(r.PopoverHeader,Object.assign({isOnContrast:E},j,f)),c.default.createElement(s.PopoverBody,Object.assign({py:3,borderRadius:"inherit"},j),"string"==typeof u?c.default.createElement(a.WrappedText,{variant:E?"onContrast":"default",size:"sm"},u):u),p&&c.default.createElement(o.PopoverFooter,Object.assign({isDestructive:h,isOnContrast:E},p,j))))};
-//# sourceMappingURL=popover.component-92eea433.js.map

package/build/popoverFooter.component-b663b4f6.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./button.component-ca5e36ed.js"),i=require("./chakra-ui-popover.esm-d21bf3b5.js"),n=require("./chakra-ui-layout.esm-0601b9a5.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(t);exports.PopoverFooter=t=>{var{submitText:a="Submit",isLoading:o,isDisabled:u,isDestructive:l,children:c,onSubmit:d,hideCancelButton:b=!1,hideButtons:m=!1,onCancel:p,isOnContrast:C=!0}=t,v=e.__rest(t,["submitText","isLoading","isDisabled","isDestructive","children","onSubmit","hideCancelButton","hideButtons","onCancel","isOnContrast"]);const{onClose:f}=i.usePopoverContext();return s.default.createElement(i.PopoverFooter,Object.assign({},v,{pb:3,pt:0,borderRadius:"inherit",borderTop:0}),c,!m&&s.default.createElement(n.Flex,{w:"100%"},!b&&s.default.createElement(r.Button,{variant:"tertiary",isOnContrast:C,size:"sm",onClick:()=>{p&&p(),f()}},"Cancel"),s.default.createElement(n.Spacer,null),s.default.createElement(r.Button,{onClick:d,isLoading:o,isDisabled:u,size:"sm",isOnContrast:C,variant:l?"primaryDestructive":"primary"},a)))};
-//# sourceMappingURL=popoverFooter.component-b663b4f6.js.map

package/build/switch.component-80bde1a7.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-f63a4db4.js"),a=require("./chakra-ui-checkbox.esm-a616aab9.js"),n=require("./chakra-ui-system.esm-434904f8.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=s(t),o=i(t);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var u=["spacing","children"],h=n.forwardRef((function(e,t){var r=n.useMultiStyleConfig("Switch",e),i=n.omitThemingProps(e),s=i.spacing,o=void 0===s?"0.5rem":s,h=i.children,d=function(e,t){if(null==e)return{};var r,a,n={},i=Object.keys(e);for(a=0;a<i.length;a++)r=i[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(i,u),f=a.useCheckbox(d),m=f.state,p=f.getInputProps,b=f.getCheckboxProps,k=f.getRootProps,_=f.getLabelProps,g=c.useMemo((function(){return l({display:"inline-block",position:"relative",verticalAlign:"middle",lineHeight:0},r.container)}),[r.container]),v=c.useMemo((function(){return l({display:"inline-flex",flexShrink:0,justifyContent:"flex-start",boxSizing:"content-box",cursor:"pointer"},r.track)}),[r.track]),y=c.useMemo((function(){return l({userSelect:"none",marginStart:o},r.label)}),[o,r.label]);return c.createElement(n.chakra.label,l({},k(),{className:n.cx("chakra-switch",e.className),__css:g}),c.createElement("input",l({className:"chakra-switch__input"},p({},t))),c.createElement(n.chakra.span,l({},b(),{className:"chakra-switch__track",__css:v}),c.createElement(n.chakra.span,{__css:r.thumb,className:"chakra-switch__thumb","data-checked":n.dataAttr(m.isChecked),"data-hover":n.dataAttr(m.isHovered)})),h&&c.createElement(n.chakra.span,l({className:"chakra-switch__label"},_(),{__css:y}),h))}));n.__DEV__&&(h.displayName="Switch");const d=r=>{var{isChecked:a,isIndeterminate:n,isFieldInline:i,isOnContrast:s}=r,c=e.__rest(r,["isChecked","isIndeterminate","isFieldInline","isOnContrast"]);const l=t.useMemo((()=>n?s?"indeterminateOnContrast":"indeterminate":s?"onContrast":"default"),[n,s]);return o.default.createElement(h,Object.assign({isChecked:a,display:i?"inline-block":"block",variant:l},c))};d.displayName="Switch";const f=r.withFormControl(d);exports.WrappedSwitch=f;
-//# sourceMappingURL=switch.component-80bde1a7.js.map

package/build/tab.component-13f0c889.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("./notificationCounter.component-ee377b31.js"),i=require("./icon.component-bdb22e26.js"),n=require("react"),a=require("./heading.component-54992e5c.js"),o=require("./chakra-ui-tabs.esm-91de32e1.js"),r=require("./chakra-ui-layout.esm-0601b9a5.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(n);const u={xs:"sm",sm:"md",md:"md",lg:"lg"},m={xs:"xs",sm:"xs",md:"sm",lg:"md"};exports.Tab=n=>{var{iconName:s,label:d,showNotificationCounter:l=!1,notificationCount:f=0,notificationCounterVariant:b=t.NotificationCounterVariant.Red,size:C="md"}=n,j=e.__rest(n,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return c.default.createElement(o.Tab,Object.assign({},j),!!s&&c.default.createElement(r.Box,{pr:2},c.default.createElement(i.Icon,{name:s,size:C})),c.default.createElement(a.WrappedHeading,{size:m[C]},d),l&&c.default.createElement(t.NotificationCounter,{count:f,variant:b,size:u[C],ml:2}))};
-//# sourceMappingURL=tab.component-13f0c889.js.map

package/build/tabs.component-1274483e.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./tab.component-13f0c889.js"),s=require("./chakra-ui-tabs.esm-91de32e1.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:c}=t,u=e.__rest(t,["size","tabList","tabListProps","tabPanels","tabPanelsStyle"]);return i.default.createElement(s.Tabs,Object.assign({},u,{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({},c),l.map((e=>e))))};
-//# sourceMappingURL=tabs.component-1274483e.js.map

package/build/tabs.component-1274483e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.component-1274483e.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"}

package/build/textInput.component-e0281adf.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./withFormControl-f63a4db4.js"),n=require("./text.component-c65875e0.js"),r=require("./button.component-ca5e36ed.js"),l=require("./chakra-ui-input.esm-de5d4e45.js"),i=require("./chakra-ui-layout.esm-0601b9a5.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(t);const o={sm:"xs",md:"sm",lg:"md"},c=a.withFormControl((a=>{var{isClearable:s=!1,size:c="md",leftElement:d,rightElement:m,inputRef:p,isFieldInline:f,onClear:E,value:h,isOnContrast:x,charLimit:b}=a,g=e.__rest(a,["isClearable","size","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast","charLimit"]);let v=x?"onContrast":"default";const I=()=>{E&&E(h||"")};s&&h&&(m=u.default.createElement(r.Button,{size:o[c],variant:"ghostNeutral",onClick:I,iconName:"close"}));const C=t.useMemo((()=>{var e;return(null===(e=null==h?void 0:h.toString())||void 0===e?void 0:e.length)||0}),[h]);return u.default.createElement(i.Box,{className:"TextInput__Container",pos:"relative",w:"100%"},u.default.createElement(l.InputGroup,{size:c},d&&u.default.createElement(l.InputLeftElement,{className:"TextInput__LeftElement",children:d,h:"100%"}),u.default.createElement(l.Input,Object.assign({className:"TextInput__Input","data-testid":"text-input-container",variant:v},g,{ref:p,value:h})),m&&u.default.createElement(l.InputRightElement,{className:"TextInput__RightElement",children:m})),!!b&&u.default.createElement(i.HStack,{className:"TextInput__CharCount",spacing:1,bg:"background.default",pos:"absolute",right:"0",bottom:"-20px"},u.default.createElement(n.WrappedText,{size:"xs",variant:C>b?"danger":"subtle"},C),u.default.createElement(n.WrappedText,{size:"xs",variant:"subtle"},"/ ",b)))})),d=t.forwardRef(((e,t)=>u.default.createElement(c,Object.assign({inputRef:t},e))));d.displayName="TextInput",exports.WrappedTextInput=d;
-//# sourceMappingURL=textInput.component-e0281adf.js.map

package/build/useTheme-ee73b181.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./chakra-ui-system.esm-434904f8.js");exports.useTheme=()=>e.useTheme();
-//# sourceMappingURL=useTheme-ee73b181.js.map

package/build/withTheme-f35d578c.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react"),t=require("./chakra-ui-system.esm-434904f8.js"),a=require("./chakra-ui-layout.esm-0601b9a5.js"),r=require("./chakra-ui-react.esm-3e9f61da.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=u(e);exports.withDarkMode=e=>i.default.createElement(t.DarkMode,null,i.default.createElement(a.Box,{"data-theme":"dark",width:"inherit"},e)),exports.withTheme=(e,t)=>t?i.default.createElement(r.ChakraProvider,{theme:t},e):i.default.createElement(i.default.Fragment,null,e);
-//# sourceMappingURL=withTheme-f35d578c.js.map