@foxford/ui 2.121.2 → 2.122.0-beta-eebeeaa-20260814

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.
Files changed (134) hide show
  1. package/components/DialogComponent/DialogComponent.js +1 -1
  2. package/components/DialogComponent/DialogComponent.js.map +1 -1
  3. package/components/DialogComponent/DialogComponent.mjs +1 -1
  4. package/components/DialogComponent/DialogComponent.mjs.map +1 -1
  5. package/components/FileUploader/FileUploader.js +2 -0
  6. package/components/FileUploader/FileUploader.js.map +1 -0
  7. package/components/FileUploader/FileUploader.mjs +2 -0
  8. package/components/FileUploader/FileUploader.mjs.map +1 -0
  9. package/components/FileUploader/style.js +2 -0
  10. package/components/FileUploader/style.js.map +1 -0
  11. package/components/FileUploader/style.mjs +2 -0
  12. package/components/FileUploader/style.mjs.map +1 -0
  13. package/components/FileUploaderItem/FileUploaderItem.js +2 -0
  14. package/components/FileUploaderItem/FileUploaderItem.js.map +1 -0
  15. package/components/FileUploaderItem/FileUploaderItem.mjs +2 -0
  16. package/components/FileUploaderItem/FileUploaderItem.mjs.map +1 -0
  17. package/components/FileUploaderItem/formatFileSize.js +2 -0
  18. package/components/FileUploaderItem/formatFileSize.js.map +1 -0
  19. package/components/FileUploaderItem/formatFileSize.mjs +2 -0
  20. package/components/FileUploaderItem/formatFileSize.mjs.map +1 -0
  21. package/components/FileUploaderItem/getMimeTypeData.js +2 -0
  22. package/components/FileUploaderItem/getMimeTypeData.js.map +1 -0
  23. package/components/FileUploaderItem/getMimeTypeData.mjs +2 -0
  24. package/components/FileUploaderItem/getMimeTypeData.mjs.map +1 -0
  25. package/components/FileUploaderItem/sizes.js +2 -0
  26. package/components/FileUploaderItem/sizes.js.map +1 -0
  27. package/components/FileUploaderItem/sizes.mjs +2 -0
  28. package/components/FileUploaderItem/sizes.mjs.map +1 -0
  29. package/components/FileUploaderItem/style.js +2 -0
  30. package/components/FileUploaderItem/style.js.map +1 -0
  31. package/components/FileUploaderItem/style.mjs +2 -0
  32. package/components/FileUploaderItem/style.mjs.map +1 -0
  33. package/components/FileUploaderItem/truncateFileName.js +2 -0
  34. package/components/FileUploaderItem/truncateFileName.js.map +1 -0
  35. package/components/FileUploaderItem/truncateFileName.mjs +2 -0
  36. package/components/FileUploaderItem/truncateFileName.mjs.map +1 -0
  37. package/components/FileUploaderList/FileUploaderList.js +2 -0
  38. package/components/FileUploaderList/FileUploaderList.js.map +1 -0
  39. package/components/FileUploaderList/FileUploaderList.mjs +2 -0
  40. package/components/FileUploaderList/FileUploaderList.mjs.map +1 -0
  41. package/components/FileUploaderList/style.js +2 -0
  42. package/components/FileUploaderList/style.js.map +1 -0
  43. package/components/FileUploaderList/style.mjs +2 -0
  44. package/components/FileUploaderList/style.mjs.map +1 -0
  45. package/components/IconButton/IconButton.js +1 -1
  46. package/components/IconButton/IconButton.js.map +1 -1
  47. package/components/IconButton/IconButton.mjs +1 -1
  48. package/components/IconButton/IconButton.mjs.map +1 -1
  49. package/components/IconButton/style.js +1 -1
  50. package/components/IconButton/style.js.map +1 -1
  51. package/components/IconButton/style.mjs +1 -1
  52. package/components/IconButton/style.mjs.map +1 -1
  53. package/components/ImageUploader/ImageUploader.js +2 -0
  54. package/components/ImageUploader/ImageUploader.js.map +1 -0
  55. package/components/ImageUploader/ImageUploader.mjs +2 -0
  56. package/components/ImageUploader/ImageUploader.mjs.map +1 -0
  57. package/components/ImageUploader/constants.js +2 -0
  58. package/components/ImageUploader/constants.js.map +1 -0
  59. package/components/ImageUploader/constants.mjs +2 -0
  60. package/components/ImageUploader/constants.mjs.map +1 -0
  61. package/components/ImageUploader/style.js +2 -0
  62. package/components/ImageUploader/style.js.map +1 -0
  63. package/components/ImageUploader/style.mjs +2 -0
  64. package/components/ImageUploader/style.mjs.map +1 -0
  65. package/components/ImageUploaderGrid/ImageUploaderGrid.js +2 -0
  66. package/components/ImageUploaderGrid/ImageUploaderGrid.js.map +1 -0
  67. package/components/ImageUploaderGrid/ImageUploaderGrid.mjs +2 -0
  68. package/components/ImageUploaderGrid/ImageUploaderGrid.mjs.map +1 -0
  69. package/components/ImageUploaderGrid/style.js +2 -0
  70. package/components/ImageUploaderGrid/style.js.map +1 -0
  71. package/components/ImageUploaderGrid/style.mjs +2 -0
  72. package/components/ImageUploaderGrid/style.mjs.map +1 -0
  73. package/components/TooltipComponent/TooltipComponent.js +1 -1
  74. package/components/TooltipComponent/TooltipComponent.js.map +1 -1
  75. package/components/TooltipComponent/TooltipComponent.mjs +1 -1
  76. package/components/TooltipComponent/TooltipComponent.mjs.map +1 -1
  77. package/dts/index.d.ts +1247 -443
  78. package/icon-pack/src/collection.json.js +1 -1
  79. package/icon-pack/src/collection.json.mjs +1 -1
  80. package/icon-pack/src/icons/Camera/index.js +2 -0
  81. package/icon-pack/src/icons/Camera/index.js.map +1 -0
  82. package/icon-pack/src/icons/Camera/index.mjs +2 -0
  83. package/icon-pack/src/icons/Camera/index.mjs.map +1 -0
  84. package/icon-pack/src/icons/File/index.js +2 -0
  85. package/icon-pack/src/icons/File/index.js.map +1 -0
  86. package/icon-pack/src/icons/File/index.mjs +2 -0
  87. package/icon-pack/src/icons/File/index.mjs.map +1 -0
  88. package/icon-pack/src/icons/FilePdf/index.js +2 -0
  89. package/icon-pack/src/icons/FilePdf/index.js.map +1 -0
  90. package/icon-pack/src/icons/FilePdf/index.mjs +2 -0
  91. package/icon-pack/src/icons/FilePdf/index.mjs.map +1 -0
  92. package/icon-pack/src/icons/FileQuestion/index.js +2 -0
  93. package/icon-pack/src/icons/FileQuestion/index.js.map +1 -0
  94. package/icon-pack/src/icons/FileQuestion/index.mjs +2 -0
  95. package/icon-pack/src/icons/FileQuestion/index.mjs.map +1 -0
  96. package/icon-pack/src/icons/FileZipper/index.js +2 -0
  97. package/icon-pack/src/icons/FileZipper/index.js.map +1 -0
  98. package/icon-pack/src/icons/FileZipper/index.mjs +2 -0
  99. package/icon-pack/src/icons/FileZipper/index.mjs.map +1 -0
  100. package/icon-pack/src/icons/Image/index.js +2 -0
  101. package/icon-pack/src/icons/Image/index.js.map +1 -0
  102. package/icon-pack/src/icons/Image/index.mjs +2 -0
  103. package/icon-pack/src/icons/Image/index.mjs.map +1 -0
  104. package/icon-pack/src/icons/ImageAdd/index.js +2 -0
  105. package/icon-pack/src/icons/ImageAdd/index.js.map +1 -0
  106. package/icon-pack/src/icons/ImageAdd/index.mjs +2 -0
  107. package/icon-pack/src/icons/ImageAdd/index.mjs.map +1 -0
  108. package/icon-pack/src/icons/InfoCircleFill/index.js +2 -0
  109. package/icon-pack/src/icons/InfoCircleFill/index.js.map +1 -0
  110. package/icon-pack/src/icons/InfoCircleFill/index.mjs +2 -0
  111. package/icon-pack/src/icons/InfoCircleFill/index.mjs.map +1 -0
  112. package/icon-pack/src/icons/Music/index.js +2 -0
  113. package/icon-pack/src/icons/Music/index.js.map +1 -0
  114. package/icon-pack/src/icons/Music/index.mjs +2 -0
  115. package/icon-pack/src/icons/Music/index.mjs.map +1 -0
  116. package/icon-pack/src/icons/Trash/index.js +2 -0
  117. package/icon-pack/src/icons/Trash/index.js.map +1 -0
  118. package/icon-pack/src/icons/Trash/index.mjs +2 -0
  119. package/icon-pack/src/icons/Trash/index.mjs.map +1 -0
  120. package/icon-pack/src/icons/Upload/index.js +2 -0
  121. package/icon-pack/src/icons/Upload/index.js.map +1 -0
  122. package/icon-pack/src/icons/Upload/index.mjs +2 -0
  123. package/icon-pack/src/icons/Upload/index.mjs.map +1 -0
  124. package/icon-pack/src/icons/WarningCircleFill/index.js +2 -0
  125. package/icon-pack/src/icons/WarningCircleFill/index.js.map +1 -0
  126. package/icon-pack/src/icons/WarningCircleFill/index.mjs +2 -0
  127. package/icon-pack/src/icons/WarningCircleFill/index.mjs.map +1 -0
  128. package/index.js +1 -1
  129. package/index.mjs +1 -1
  130. package/package.json +3 -2
  131. package/shared/utils/parseNumberString.js +2 -0
  132. package/shared/utils/parseNumberString.js.map +1 -0
  133. package/shared/utils/parseNumberString.mjs +2 -0
  134. package/shared/utils/parseNumberString.mjs.map +1 -0
@@ -0,0 +1,2 @@
1
+ import{forwardRef}from'react';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';const ImageUploaderGrid=forwardRef((r,o)=>{const{itemWidth:t=120,gap:e=8,...m}=r;return jsx(Root,{...m,itemWidth:t,gap:e,ref:o})});export{ImageUploaderGrid};
2
+ //# sourceMappingURL=ImageUploaderGrid.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ImageUploaderGrid.mjs","sources":["../../../../src/components/ImageUploaderGrid/ImageUploaderGrid.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { ImageUploaderGridProps } from './types'\nimport * as Styled from './style'\n\n/**\n *\n * Компонент-контейнер для вывода загрузчиков картинок.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nexport const ImageUploaderGrid = forwardRef<HTMLDivElement, ImageUploaderGridProps>((props, ref) => {\n const { itemWidth = 120, gap = 8, ...restProps } = props\n\n return <Styled.Root {...restProps} itemWidth={itemWidth} gap={gap} ref={ref} />\n})\n"],"names":["ImageUploaderGrid","forwardRef","props","ref","itemWidth","gap","restProps","_jsx","Styled"],"mappings":"+FAUO,MAAMA,kBAAoBC,WAAmD,CAACC,EAAOC,KAC1F,MAAMC,UAAEA,EAAY,IAAGC,IAAEA,EAAM,KAAMC,GAAcJ,EAEnD,OAAOK,IAACC,KAAW,IAAKF,EAAWF,UAAWA,EAAWC,IAAKA,EAAKF,IAAKA"}
@@ -0,0 +1,2 @@
1
+ 'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveMargin=require('../../mixins/responsive-margin.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardImageUploaderGridProp=style.createShouldForwardProp(e=>!['gap','itemWidth'].includes(e));const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardImageUploaderGridProp}).withConfig({displayName:"ImageUploaderGrid__Root",componentId:"ui__sc-nzex3o-0"})(["box-sizing:border-box;display:grid;"," ",""],e=>`\n grid-template-columns: repeat(auto-fit, ${e.itemWidth}px);\n gap: ${e.gap}px;\n max-width: ${e.itemWidth*5+e.gap*4}px;\n `,responsiveMargin.responsiveMargin);exports.Root=Root;
2
+ //# sourceMappingURL=style.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"style.js","sources":["../../../../src/components/ImageUploaderGrid/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledImageUploaderGridProps } from './types'\n\nconst shouldForwardImageUploaderGridProp = createShouldForwardProp((propKey) => !['gap', 'itemWidth'].includes(propKey))\n\nexport const Root = styled.div.withConfig<StyledImageUploaderGridProps>({\n shouldForwardProp: shouldForwardImageUploaderGridProp,\n})`\n box-sizing: border-box;\n display: grid;\n\n ${(props) => `\n grid-template-columns: repeat(auto-fit, ${props.itemWidth}px);\n gap: ${props.gap}px;\n max-width: ${props.itemWidth * 5 + props.gap * 4}px;\n `}\n\n ${responsiveMargin}\n`\n"],"names":["shouldForwardImageUploaderGridProp","createShouldForwardProp","propKey","includes","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","itemWidth","gap","responsiveMargin"],"mappings":"qRAKA,MAAMA,mCAAqCC,MAAAA,wBAAyBC,IAAa,CAAC,MAAO,aAAaC,SAASD,IAExG,MAAME,KAAOC,gBAAAA,QAAOC,IAAIC,WAAyC,CACtEC,kBAAmBR,qCACnBO,WAAA,CAAAE,YAAA,0BAAAC,YAAA,mBAFkBL,CAElB,CAAA,sCAAA,IAAA,IAIGM,GAAU,iDAC+BA,EAAMC,2BACzCD,EAAME,0BACAF,EAAMC,UAAY,EAAID,EAAME,IAAM,WAG/CC,iBAAAA"}
@@ -0,0 +1,2 @@
1
+ import styled from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const shouldForwardImageUploaderGridProp=createShouldForwardProp(o=>!['gap','itemWidth'].includes(o));const Root=styled.div.withConfig({shouldForwardProp:shouldForwardImageUploaderGridProp}).withConfig({displayName:"ImageUploaderGrid__Root",componentId:"ui__sc-nzex3o-0"})(["box-sizing:border-box;display:grid;"," ",""],o=>`\n grid-template-columns: repeat(auto-fit, ${o.itemWidth}px);\n gap: ${o.gap}px;\n max-width: ${o.itemWidth*5+o.gap*4}px;\n `,responsiveMargin);export{Root};
2
+ //# sourceMappingURL=style.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"style.mjs","sources":["../../../../src/components/ImageUploaderGrid/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledImageUploaderGridProps } from './types'\n\nconst shouldForwardImageUploaderGridProp = createShouldForwardProp((propKey) => !['gap', 'itemWidth'].includes(propKey))\n\nexport const Root = styled.div.withConfig<StyledImageUploaderGridProps>({\n shouldForwardProp: shouldForwardImageUploaderGridProp,\n})`\n box-sizing: border-box;\n display: grid;\n\n ${(props) => `\n grid-template-columns: repeat(auto-fit, ${props.itemWidth}px);\n gap: ${props.gap}px;\n max-width: ${props.itemWidth * 5 + props.gap * 4}px;\n `}\n\n ${responsiveMargin}\n`\n"],"names":["shouldForwardImageUploaderGridProp","createShouldForwardProp","propKey","includes","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","itemWidth","gap","responsiveMargin"],"mappings":"yKAKA,MAAMA,mCAAqCC,wBAAyBC,IAAa,CAAC,MAAO,aAAaC,SAASD,IAExG,MAAME,KAAOC,OAAOC,IAAIC,WAAyC,CACtEC,kBAAmBR,qCACnBO,WAAA,CAAAE,YAAA,0BAAAC,YAAA,mBAFkBL,CAElB,CAAA,sCAAA,IAAA,IAIGM,GAAU,iDAC+BA,EAAMC,2BACzCD,EAAME,0BACAF,EAAMC,UAAY,EAAID,EAAME,IAAM,WAG/CC"}
@@ -1,2 +1,2 @@
1
- 'use strict';var React=require('react');var useMergedProps=require('../../hooks/useMergedProps.js');var isNil=require('../../shared/utils/isNil.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Slot=require('../Slot/Slot.js');var Text=require('../Text/Text.js');var IconButton=require('../IconButton/IconButton.js');var index=require('../../icon-pack/src/icons/Close/index.js');exports.TooltipComponent=React.forwardRef((e,s)=>{const{size:t="s",titleProps:o={},contentProps:i={},closeButtonProps:r={},root:n,body:l,heading:c,title:u,text:a,content:x,closeButton:j,closeFn:p,showCloseButton:d,footer:S,sizeXXS:z,sizeXS:m,sizeS:R,sizeM:T,sizeL:k,sizeXL:f,...h}=useMergedProps.useMergedProps(e,{componentName:"TooltipComponent",sizes:sizes.SIZES});const C={size:t,sizeXXS:z,sizeXS:m,sizeS:R,sizeM:T,sizeL:k,sizeXL:f};const B={...C,sizes:sizes.SIZES_TEXT,appearance:'body',color:'inherit',weight:700,wordBreak:'break-word'};const I={...C,sizes:sizes.SIZES_TEXT,appearance:'body',color:'inherit',wordBreak:'break-word'};const y={...C,sizes:sizes.SIZES_CLOSE_BUTTON,icon:jsxRuntime.jsx(index.Close,{}),square:!0,secondary:h.black,contrast:h.black||h.contrast,onClick:()=>{typeof p=='function'&&p()}};return jsxRuntime.jsx(style.Root,{...h,...C,ref:s,children:jsxRuntime.jsx(Slot.Slot,{render:n,props:{headingProps:B,textProps:I,closeButtonProps:y},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(style.Container,{...C,sizes:j||d?sizes.SIZES_CONTAINER_WITH_BUTTON:sizes.SIZES_CONTAINER,children:[jsxRuntime.jsx(Slot.Slot,{render:l,props:{headingProps:B,textProps:I},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Slot.Slot,{render:c,props:B,fallback:isNil.isNil(u)?null:jsxRuntime.jsx(Text.Text,{...B,...o,children:u})}),jsxRuntime.jsx(Slot.Slot,{render:a,props:I,fallback:isNil.isNil(x)?null:jsxRuntime.jsx(Text.Text,{...I,...i,children:x})})]})}),typeof S=='function'?S(C):S]}),j||d?jsxRuntime.jsx(style.ButtonContainer,{children:jsxRuntime.jsx(Slot.Slot,{render:j,props:y,fallback:jsxRuntime.jsx(IconButton.IconButton,{...y,...r,onClick:e=>{typeof y.onClick=='function'&&y.onClick(e),typeof r.onClick=='function'&&r.onClick(e)}})})}):null]})})})});
1
+ 'use strict';var React=require('react');var useMergedProps=require('../../hooks/useMergedProps.js');var isNil=require('../../shared/utils/isNil.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Slot=require('../Slot/Slot.js');var Text=require('../Text/Text.js');var IconButton=require('../IconButton/IconButton.js');var index=require('../../icon-pack/src/icons/Close/index.js');exports.TooltipComponent=React.forwardRef((e,s)=>{const{size:t="s",titleProps:o={},contentProps:i={},closeButtonProps:r={},root:n,body:l,heading:c,title:u,text:a,content:x,closeButton:j,closeFn:p,showCloseButton:d,footer:S,sizeXXS:z,sizeXS:m,sizeS:R,sizeM:T,sizeL:f,sizeXL:k,...h}=useMergedProps.useMergedProps(e,{componentName:"TooltipComponent",sizes:sizes.SIZES});const C={size:t,sizeXXS:z,sizeXS:m,sizeS:R,sizeM:T,sizeL:f,sizeXL:k};const B={...C,sizes:sizes.SIZES_TEXT,appearance:'body',color:'inherit',weight:700,wordBreak:'break-word'};const I={...C,sizes:sizes.SIZES_TEXT,appearance:'body',color:'inherit',wordBreak:'break-word'};const N={...C,sizes:sizes.SIZES_CLOSE_BUTTON,icon:jsxRuntime.jsx(index.Close,{}),square:!0,filled:h.black,contrast:h.contrast,onClick:()=>{typeof p=='function'&&p()}};return jsxRuntime.jsx(style.Root,{...h,...C,ref:s,children:jsxRuntime.jsx(Slot.Slot,{render:n,props:{headingProps:B,textProps:I,closeButtonProps:N},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(style.Container,{...C,sizes:j||d?sizes.SIZES_CONTAINER_WITH_BUTTON:sizes.SIZES_CONTAINER,children:[jsxRuntime.jsx(Slot.Slot,{render:l,props:{headingProps:B,textProps:I},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Slot.Slot,{render:c,props:B,fallback:isNil.isNil(u)?null:jsxRuntime.jsx(Text.Text,{...B,...o,children:u})}),jsxRuntime.jsx(Slot.Slot,{render:a,props:I,fallback:isNil.isNil(x)?null:jsxRuntime.jsx(Text.Text,{...I,...i,children:x})})]})}),typeof S=='function'?S(C):S]}),j||d?jsxRuntime.jsx(style.ButtonContainer,{children:jsxRuntime.jsx(Slot.Slot,{render:j,props:N,fallback:jsxRuntime.jsx(IconButton.IconButton,{...N,...r,onClick:e=>{typeof N.onClick=='function'&&N.onClick(e),typeof r.onClick=='function'&&r.onClick(e)}})})}):null]})})})});
2
2
  //# sourceMappingURL=TooltipComponent.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TooltipComponent.js","sources":["../../../../src/components/TooltipComponent/TooltipComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { Slot } from 'components/Slot'\nimport { isNil } from 'shared/utils/isNil'\nimport { Text } from 'components/Text'\nimport { IconButton } from 'components/IconButton'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport { SIZES, SIZES_CONTAINER, SIZES_CONTAINER_WITH_BUTTON, SIZES_CLOSE_BUTTON, SIZES_TEXT } from './sizes'\nimport type { TooltipComponentProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'TooltipComponent'\n\nconst TooltipComponent: React.ForwardRefExoticComponent<TooltipComponentProps> = forwardRef<\n HTMLDivElement,\n TooltipComponentProps\n>((props, ref) => {\n const {\n size = 's',\n titleProps = {},\n contentProps = {},\n closeButtonProps: closeButtonPropsProp = {},\n root,\n body,\n heading,\n title,\n text,\n content,\n closeButton,\n closeFn,\n showCloseButton,\n footer,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n ...restProps\n } = useMergedProps<TooltipComponentProps>(props, {\n componentName: COMPONENT_NAME,\n sizes: SIZES,\n })\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const headingProps: TextProps = {\n ...sizeProps,\n sizes: SIZES_TEXT,\n appearance: 'body',\n color: 'inherit',\n weight: 700,\n wordBreak: 'break-word',\n }\n\n const textProps: TextProps = {\n ...sizeProps,\n sizes: SIZES_TEXT,\n appearance: 'body',\n color: 'inherit',\n wordBreak: 'break-word',\n }\n\n const closeButtonProps: IconButtonProps = {\n ...sizeProps,\n sizes: SIZES_CLOSE_BUTTON,\n icon: <Close />,\n square: true,\n secondary: restProps.black,\n contrast: restProps.black || restProps.contrast,\n onClick: () => {\n if (typeof closeFn === 'function') {\n closeFn()\n }\n },\n }\n\n return (\n <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n <Slot\n render={root}\n props={{\n headingProps,\n textProps,\n closeButtonProps,\n }}\n fallback={\n <>\n <Styled.Container\n {...sizeProps}\n sizes={closeButton || showCloseButton ? SIZES_CONTAINER_WITH_BUTTON : SIZES_CONTAINER}\n >\n <Slot\n render={body}\n props={{\n headingProps,\n textProps,\n }}\n fallback={\n <>\n <Slot\n render={heading}\n props={headingProps}\n fallback={\n !isNil(title) ? (\n <Text {...headingProps} {...titleProps}>\n {title}\n </Text>\n ) : null\n }\n />\n <Slot\n render={text}\n props={textProps}\n fallback={\n !isNil(content) ? (\n <Text {...textProps} {...contentProps}>\n {content}\n </Text>\n ) : null\n }\n />\n </>\n }\n />\n {typeof footer === 'function' ? footer(sizeProps) : footer}\n </Styled.Container>\n {closeButton || showCloseButton ? (\n <Styled.ButtonContainer>\n <Slot\n render={closeButton}\n props={closeButtonProps}\n fallback={\n <IconButton\n {...closeButtonProps}\n {...closeButtonPropsProp}\n onClick={(evt) => {\n if (typeof closeButtonProps.onClick === 'function') {\n closeButtonProps.onClick(evt)\n }\n if (typeof closeButtonPropsProp.onClick === 'function') {\n closeButtonPropsProp.onClick(evt)\n }\n }}\n />\n }\n />\n </Styled.ButtonContainer>\n ) : null}\n </>\n }\n />\n </Styled.Root>\n )\n})\n\nexport { TooltipComponent }\n"],"names":["forwardRef","props","ref","size","titleProps","contentProps","closeButtonProps","closeButtonPropsProp","root","body","heading","title","text","content","closeButton","closeFn","showCloseButton","footer","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","useMergedProps","componentName","sizes","SIZES","sizeProps","headingProps","SIZES_TEXT","appearance","color","weight","wordBreak","textProps","SIZES_CLOSE_BUTTON","icon","_jsx","Close","square","secondary","black","contrast","onClick","Styled","children","Slot","render","fallback","_jsxs","_Fragment","SIZES_CONTAINER_WITH_BUTTON","SIZES_CONTAINER","isNil","Text","IconButton","evt"],"mappings":"sdAeiFA,MAAAA,WAG/E,CAACC,EAAOC,KACR,MAAMC,KACJA,EAAO,IAAGC,WACVA,EAAa,CAAA,EAAEC,aACfA,EAAe,CAAA,EACfC,iBAAkBC,EAAuB,CAAA,EAAEC,KAC3CA,EAAIC,KACJA,EAAIC,QACJA,EAAOC,MACPA,EAAKC,KACLA,EAAIC,QACJA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,gBACPA,EAAeC,OACfA,EAAMC,QACNA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDC,eAAAA,eAAsCxB,EAAO,CAC/CyB,cA7BmB,mBA8BnBC,MAAOC,MAAAA,QAGT,MAAMC,EAAY,CAChB1B,OACAe,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMO,EAA0B,IAC3BD,EACHF,MAAOI,MAAAA,WACPC,WAAY,OACZC,MAAO,UACPC,OAAQ,IACRC,UAAW,cAGb,MAAMC,EAAuB,IACxBP,EACHF,MAAOI,MAAAA,WACPC,WAAY,OACZC,MAAO,UACPE,UAAW,cAGb,MAAM7B,EAAoC,IACrCuB,EACHF,MAAOU,MAAAA,mBACPC,KAAMC,WAAAA,IAACC,MAAAA,UACPC,QAAQ,EACRC,UAAWlB,EAAUmB,MACrBC,SAAUpB,EAAUmB,OAASnB,EAAUoB,SACvCC,QAASA,YACI9B,GAAY,YACrBA,MAKN,OACEwB,WAAAA,IAACO,MAAAA,KAAW,IAAKtB,KAAeK,EAAW3B,IAAKA,EAAI6C,SAClDR,WAAAA,IAACS,UAAI,CACHC,OAAQzC,EACRP,MAAO,CACL6B,eACAM,YACA9B,oBAEF4C,SACEC,WAAAA,KAAAC,oBAAA,CAAAL,SAAA,CACEI,WAAAA,KAACL,gBAAgB,IACXjB,EACJF,MAAOb,GAAeE,EAAkBqC,MAAAA,4BAA8BC,MAAAA,gBAAgBP,SAAA,CAEtFR,WAAAA,IAACS,UAAI,CACHC,OAAQxC,EACRR,MAAO,CACL6B,eACAM,aAEFc,SACEC,WAAAA,KAAAC,oBAAA,CAAAL,SAAA,CACER,WAAAA,IAACS,UAAI,CACHC,OAAQvC,EACRT,MAAO6B,EACPoB,SACGK,MAAAA,MAAM5C,GAIH,KAHF4B,WAAAA,IAACiB,KAAAA,KAAI,IAAK1B,KAAkB1B,EAAU2C,SACnCpC,MAKT4B,WAAAA,IAACS,UAAI,CACHC,OAAQrC,EACRX,MAAOmC,EACPc,SACGK,MAAAA,MAAM1C,GAIH,KAHF0B,WAAAA,IAACiB,KAAAA,KAAI,IAAKpB,KAAe/B,EAAY0C,SAClClC,kBAQPI,GAAW,WAAaA,EAAOY,GAAaZ,KAErDH,GAAeE,EACduB,WAAAA,IAACO,MAAAA,gBAAsB,CAAAC,SACrBR,WAAAA,IAACS,UAAI,CACHC,OAAQnC,EACRb,MAAOK,EACP4C,SACEX,WAAAA,IAACkB,sBAAU,IACLnD,KACAC,EACJsC,QAAUa,WACGpD,EAAiBuC,SAAY,YACtCvC,EAAiBuC,QAAQa,UAEhBnD,EAAqBsC,SAAY,YAC1CtC,EAAqBsC,QAAQa,UAOvC"}
1
+ {"version":3,"file":"TooltipComponent.js","sources":["../../../../src/components/TooltipComponent/TooltipComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { Slot } from 'components/Slot'\nimport { isNil } from 'shared/utils/isNil'\nimport { Text } from 'components/Text'\nimport { IconButton } from 'components/IconButton'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport { SIZES, SIZES_CONTAINER, SIZES_CONTAINER_WITH_BUTTON, SIZES_CLOSE_BUTTON, SIZES_TEXT } from './sizes'\nimport type { TooltipComponentProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'TooltipComponent'\n\nconst TooltipComponent: React.ForwardRefExoticComponent<TooltipComponentProps> = forwardRef<\n HTMLDivElement,\n TooltipComponentProps\n>((props, ref) => {\n const {\n size = 's',\n titleProps = {},\n contentProps = {},\n closeButtonProps: closeButtonPropsProp = {},\n root,\n body,\n heading,\n title,\n text,\n content,\n closeButton,\n closeFn,\n showCloseButton,\n footer,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n ...restProps\n } = useMergedProps<TooltipComponentProps>(props, {\n componentName: COMPONENT_NAME,\n sizes: SIZES,\n })\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const headingProps: TextProps = {\n ...sizeProps,\n sizes: SIZES_TEXT,\n appearance: 'body',\n color: 'inherit',\n weight: 700,\n wordBreak: 'break-word',\n }\n\n const textProps: TextProps = {\n ...sizeProps,\n sizes: SIZES_TEXT,\n appearance: 'body',\n color: 'inherit',\n wordBreak: 'break-word',\n }\n\n const closeButtonProps: IconButtonProps = {\n ...sizeProps,\n sizes: SIZES_CLOSE_BUTTON,\n icon: <Close />,\n square: true,\n filled: restProps.black,\n contrast: restProps.contrast,\n onClick: () => {\n if (typeof closeFn === 'function') {\n closeFn()\n }\n },\n }\n\n return (\n <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n <Slot\n render={root}\n props={{\n headingProps,\n textProps,\n closeButtonProps,\n }}\n fallback={\n <>\n <Styled.Container\n {...sizeProps}\n sizes={closeButton || showCloseButton ? SIZES_CONTAINER_WITH_BUTTON : SIZES_CONTAINER}\n >\n <Slot\n render={body}\n props={{\n headingProps,\n textProps,\n }}\n fallback={\n <>\n <Slot\n render={heading}\n props={headingProps}\n fallback={\n !isNil(title) ? (\n <Text {...headingProps} {...titleProps}>\n {title}\n </Text>\n ) : null\n }\n />\n <Slot\n render={text}\n props={textProps}\n fallback={\n !isNil(content) ? (\n <Text {...textProps} {...contentProps}>\n {content}\n </Text>\n ) : null\n }\n />\n </>\n }\n />\n {typeof footer === 'function' ? footer(sizeProps) : footer}\n </Styled.Container>\n {closeButton || showCloseButton ? (\n <Styled.ButtonContainer>\n <Slot\n render={closeButton}\n props={closeButtonProps}\n fallback={\n <IconButton\n {...closeButtonProps}\n {...closeButtonPropsProp}\n onClick={(evt) => {\n if (typeof closeButtonProps.onClick === 'function') {\n closeButtonProps.onClick(evt)\n }\n if (typeof closeButtonPropsProp.onClick === 'function') {\n closeButtonPropsProp.onClick(evt)\n }\n }}\n />\n }\n />\n </Styled.ButtonContainer>\n ) : null}\n </>\n }\n />\n </Styled.Root>\n )\n})\n\nexport { TooltipComponent }\n"],"names":["forwardRef","props","ref","size","titleProps","contentProps","closeButtonProps","closeButtonPropsProp","root","body","heading","title","text","content","closeButton","closeFn","showCloseButton","footer","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","useMergedProps","componentName","sizes","SIZES","sizeProps","headingProps","SIZES_TEXT","appearance","color","weight","wordBreak","textProps","SIZES_CLOSE_BUTTON","icon","_jsx","Close","square","filled","black","contrast","onClick","Styled","children","Slot","render","fallback","_jsxs","_Fragment","SIZES_CONTAINER_WITH_BUTTON","SIZES_CONTAINER","isNil","Text","IconButton","evt"],"mappings":"sdAeiFA,MAAAA,WAG/E,CAACC,EAAOC,KACR,MAAMC,KACJA,EAAO,IAAGC,WACVA,EAAa,CAAA,EAAEC,aACfA,EAAe,CAAA,EACfC,iBAAkBC,EAAuB,CAAA,EAAEC,KAC3CA,EAAIC,KACJA,EAAIC,QACJA,EAAOC,MACPA,EAAKC,KACLA,EAAIC,QACJA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,gBACPA,EAAeC,OACfA,EAAMC,QACNA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDC,eAAAA,eAAsCxB,EAAO,CAC/CyB,cA7BmB,mBA8BnBC,MAAOC,MAAAA,QAGT,MAAMC,EAAY,CAChB1B,OACAe,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMO,EAA0B,IAC3BD,EACHF,MAAOI,MAAAA,WACPC,WAAY,OACZC,MAAO,UACPC,OAAQ,IACRC,UAAW,cAGb,MAAMC,EAAuB,IACxBP,EACHF,MAAOI,MAAAA,WACPC,WAAY,OACZC,MAAO,UACPE,UAAW,cAGb,MAAM7B,EAAoC,IACrCuB,EACHF,MAAOU,MAAAA,mBACPC,KAAMC,WAAAA,IAACC,MAAAA,UACPC,QAAQ,EACRC,OAAQlB,EAAUmB,MAClBC,SAAUpB,EAAUoB,SACpBC,QAASA,YACI9B,GAAY,YACrBA,MAKN,OACEwB,WAAAA,IAACO,MAAAA,KAAW,IAAKtB,KAAeK,EAAW3B,IAAKA,EAAI6C,SAClDR,WAAAA,IAACS,UAAI,CACHC,OAAQzC,EACRP,MAAO,CACL6B,eACAM,YACA9B,oBAEF4C,SACEC,WAAAA,KAAAC,oBAAA,CAAAL,SAAA,CACEI,WAAAA,KAACL,gBAAgB,IACXjB,EACJF,MAAOb,GAAeE,EAAkBqC,MAAAA,4BAA8BC,MAAAA,gBAAgBP,SAAA,CAEtFR,WAAAA,IAACS,UAAI,CACHC,OAAQxC,EACRR,MAAO,CACL6B,eACAM,aAEFc,SACEC,WAAAA,KAAAC,oBAAA,CAAAL,SAAA,CACER,WAAAA,IAACS,UAAI,CACHC,OAAQvC,EACRT,MAAO6B,EACPoB,SACGK,MAAAA,MAAM5C,GAIH,KAHF4B,WAAAA,IAACiB,KAAAA,KAAI,IAAK1B,KAAkB1B,EAAU2C,SACnCpC,MAKT4B,WAAAA,IAACS,UAAI,CACHC,OAAQrC,EACRX,MAAOmC,EACPc,SACGK,MAAAA,MAAM1C,GAIH,KAHF0B,WAAAA,IAACiB,KAAAA,KAAI,IAAKpB,KAAe/B,EAAY0C,SAClClC,kBAQPI,GAAW,WAAaA,EAAOY,GAAaZ,KAErDH,GAAeE,EACduB,WAAAA,IAACO,MAAAA,gBAAsB,CAAAC,SACrBR,WAAAA,IAACS,UAAI,CACHC,OAAQnC,EACRb,MAAOK,EACP4C,SACEX,WAAAA,IAACkB,sBAAU,IACLnD,KACAC,EACJsC,QAAUa,WACGpD,EAAiBuC,SAAY,YACtCvC,EAAiBuC,QAAQa,UAEhBnD,EAAqBsC,SAAY,YAC1CtC,EAAqBsC,QAAQa,UAOvC"}
@@ -1,2 +1,2 @@
1
- import{forwardRef}from'react';import{useMergedProps}from'../../hooks/useMergedProps.mjs';import{isNil}from'../../shared/utils/isNil.mjs';import{SIZES_CLOSE_BUTTON,SIZES_TEXT,SIZES_CONTAINER_WITH_BUTTON,SIZES_CONTAINER,SIZES}from'./sizes.mjs';import{Root,Container,ButtonContainer}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';import{Text}from'../Text/Text.mjs';import{IconButton}from'../IconButton/IconButton.mjs';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';const TooltipComponent=forwardRef((o,e)=>{const{size:s="s",titleProps:t={},contentProps:r={},closeButtonProps:n={},root:i,body:l,heading:c,title:p,text:a,content:S,closeButton:m,closeFn:d,showCloseButton:f,footer:T,sizeXXS:x,sizeXS:j,sizeS:u,sizeM:C,sizeL:I,sizeXL:z,...E}=useMergedProps(o,{componentName:"TooltipComponent",sizes:SIZES});const k={size:s,sizeXXS:x,sizeXS:j,sizeS:u,sizeM:C,sizeL:I,sizeXL:z};const N={...k,sizes:SIZES_TEXT,appearance:'body',color:'inherit',weight:700,wordBreak:'break-word'};const h={...k,sizes:SIZES_TEXT,appearance:'body',color:'inherit',wordBreak:'break-word'};const B={...k,sizes:SIZES_CLOSE_BUTTON,icon:jsx(Close,{}),square:!0,secondary:E.black,contrast:E.black||E.contrast,onClick:()=>{typeof d=='function'&&d()}};return jsx(Root,{...E,...k,ref:e,children:jsx(Slot,{render:i,props:{headingProps:N,textProps:h,closeButtonProps:B},fallback:jsxs(Fragment,{children:[jsxs(Container,{...k,sizes:m||f?SIZES_CONTAINER_WITH_BUTTON:SIZES_CONTAINER,children:[jsx(Slot,{render:l,props:{headingProps:N,textProps:h},fallback:jsxs(Fragment,{children:[jsx(Slot,{render:c,props:N,fallback:isNil(p)?null:jsx(Text,{...N,...t,children:p})}),jsx(Slot,{render:a,props:h,fallback:isNil(S)?null:jsx(Text,{...h,...r,children:S})})]})}),typeof T=='function'?T(k):T]}),m||f?jsx(ButtonContainer,{children:jsx(Slot,{render:m,props:B,fallback:jsx(IconButton,{...B,...n,onClick:o=>{typeof B.onClick=='function'&&B.onClick(o),typeof n.onClick=='function'&&n.onClick(o)}})})}):null]})})})});export{TooltipComponent};
1
+ import{forwardRef}from'react';import{useMergedProps}from'../../hooks/useMergedProps.mjs';import{isNil}from'../../shared/utils/isNil.mjs';import{SIZES,SIZES_CLOSE_BUTTON,SIZES_TEXT,SIZES_CONTAINER_WITH_BUTTON,SIZES_CONTAINER}from'./sizes.mjs';import{Root,Container,ButtonContainer}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';import{Text}from'../Text/Text.mjs';import{IconButton}from'../IconButton/IconButton.mjs';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';const TooltipComponent=forwardRef((o,e)=>{const{size:s="s",titleProps:t={},contentProps:r={},closeButtonProps:n={},root:i,body:l,heading:c,title:p,text:a,content:S,closeButton:m,closeFn:d,showCloseButton:f,footer:T,sizeXXS:x,sizeXS:j,sizeS:u,sizeM:C,sizeL:I,sizeXL:z,...E}=useMergedProps(o,{componentName:"TooltipComponent",sizes:SIZES});const k={size:s,sizeXXS:x,sizeXS:j,sizeS:u,sizeM:C,sizeL:I,sizeXL:z};const N={...k,sizes:SIZES_TEXT,appearance:'body',color:'inherit',weight:700,wordBreak:'break-word'};const h={...k,sizes:SIZES_TEXT,appearance:'body',color:'inherit',wordBreak:'break-word'};const B={...k,sizes:SIZES_CLOSE_BUTTON,icon:jsx(Close,{}),square:!0,filled:E.black,contrast:E.contrast,onClick:()=>{typeof d=='function'&&d()}};return jsx(Root,{...E,...k,ref:e,children:jsx(Slot,{render:i,props:{headingProps:N,textProps:h,closeButtonProps:B},fallback:jsxs(Fragment,{children:[jsxs(Container,{...k,sizes:m||f?SIZES_CONTAINER_WITH_BUTTON:SIZES_CONTAINER,children:[jsx(Slot,{render:l,props:{headingProps:N,textProps:h},fallback:jsxs(Fragment,{children:[jsx(Slot,{render:c,props:N,fallback:isNil(p)?null:jsx(Text,{...N,...t,children:p})}),jsx(Slot,{render:a,props:h,fallback:isNil(S)?null:jsx(Text,{...h,...r,children:S})})]})}),typeof T=='function'?T(k):T]}),m||f?jsx(ButtonContainer,{children:jsx(Slot,{render:m,props:B,fallback:jsx(IconButton,{...B,...n,onClick:o=>{typeof B.onClick=='function'&&B.onClick(o),typeof n.onClick=='function'&&n.onClick(o)}})})}):null]})})})});export{TooltipComponent};
2
2
  //# sourceMappingURL=TooltipComponent.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"TooltipComponent.mjs","sources":["../../../../src/components/TooltipComponent/TooltipComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { Slot } from 'components/Slot'\nimport { isNil } from 'shared/utils/isNil'\nimport { Text } from 'components/Text'\nimport { IconButton } from 'components/IconButton'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport { SIZES, SIZES_CONTAINER, SIZES_CONTAINER_WITH_BUTTON, SIZES_CLOSE_BUTTON, SIZES_TEXT } from './sizes'\nimport type { TooltipComponentProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'TooltipComponent'\n\nconst TooltipComponent: React.ForwardRefExoticComponent<TooltipComponentProps> = forwardRef<\n HTMLDivElement,\n TooltipComponentProps\n>((props, ref) => {\n const {\n size = 's',\n titleProps = {},\n contentProps = {},\n closeButtonProps: closeButtonPropsProp = {},\n root,\n body,\n heading,\n title,\n text,\n content,\n closeButton,\n closeFn,\n showCloseButton,\n footer,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n ...restProps\n } = useMergedProps<TooltipComponentProps>(props, {\n componentName: COMPONENT_NAME,\n sizes: SIZES,\n })\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const headingProps: TextProps = {\n ...sizeProps,\n sizes: SIZES_TEXT,\n appearance: 'body',\n color: 'inherit',\n weight: 700,\n wordBreak: 'break-word',\n }\n\n const textProps: TextProps = {\n ...sizeProps,\n sizes: SIZES_TEXT,\n appearance: 'body',\n color: 'inherit',\n wordBreak: 'break-word',\n }\n\n const closeButtonProps: IconButtonProps = {\n ...sizeProps,\n sizes: SIZES_CLOSE_BUTTON,\n icon: <Close />,\n square: true,\n secondary: restProps.black,\n contrast: restProps.black || restProps.contrast,\n onClick: () => {\n if (typeof closeFn === 'function') {\n closeFn()\n }\n },\n }\n\n return (\n <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n <Slot\n render={root}\n props={{\n headingProps,\n textProps,\n closeButtonProps,\n }}\n fallback={\n <>\n <Styled.Container\n {...sizeProps}\n sizes={closeButton || showCloseButton ? SIZES_CONTAINER_WITH_BUTTON : SIZES_CONTAINER}\n >\n <Slot\n render={body}\n props={{\n headingProps,\n textProps,\n }}\n fallback={\n <>\n <Slot\n render={heading}\n props={headingProps}\n fallback={\n !isNil(title) ? (\n <Text {...headingProps} {...titleProps}>\n {title}\n </Text>\n ) : null\n }\n />\n <Slot\n render={text}\n props={textProps}\n fallback={\n !isNil(content) ? (\n <Text {...textProps} {...contentProps}>\n {content}\n </Text>\n ) : null\n }\n />\n </>\n }\n />\n {typeof footer === 'function' ? footer(sizeProps) : footer}\n </Styled.Container>\n {closeButton || showCloseButton ? (\n <Styled.ButtonContainer>\n <Slot\n render={closeButton}\n props={closeButtonProps}\n fallback={\n <IconButton\n {...closeButtonProps}\n {...closeButtonPropsProp}\n onClick={(evt) => {\n if (typeof closeButtonProps.onClick === 'function') {\n closeButtonProps.onClick(evt)\n }\n if (typeof closeButtonPropsProp.onClick === 'function') {\n closeButtonPropsProp.onClick(evt)\n }\n }}\n />\n }\n />\n </Styled.ButtonContainer>\n ) : null}\n </>\n }\n />\n </Styled.Root>\n )\n})\n\nexport { TooltipComponent }\n"],"names":["TooltipComponent","forwardRef","props","ref","size","titleProps","contentProps","closeButtonProps","closeButtonPropsProp","root","body","heading","title","text","content","closeButton","closeFn","showCloseButton","footer","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","useMergedProps","componentName","sizes","SIZES","sizeProps","headingProps","SIZES_TEXT","appearance","color","weight","wordBreak","textProps","SIZES_CLOSE_BUTTON","icon","_jsx","Close","square","secondary","black","contrast","onClick","Styled","children","Slot","render","fallback","_jsxs","_Fragment","SIZES_CONTAINER_WITH_BUTTON","SIZES_CONTAINER","isNil","Text","IconButton","evt"],"mappings":"mhBAeA,MAAMA,iBAA2EC,WAG/E,CAACC,EAAOC,KACR,MAAMC,KACJA,EAAO,IAAGC,WACVA,EAAa,CAAA,EAAEC,aACfA,EAAe,CAAA,EACfC,iBAAkBC,EAAuB,CAAA,EAAEC,KAC3CA,EAAIC,KACJA,EAAIC,QACJA,EAAOC,MACPA,EAAKC,KACLA,EAAIC,QACJA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,gBACPA,EAAeC,OACfA,EAAMC,QACNA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDC,eAAsCxB,EAAO,CAC/CyB,cA7BmB,mBA8BnBC,MAAOC,QAGT,MAAMC,EAAY,CAChB1B,OACAe,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMO,EAA0B,IAC3BD,EACHF,MAAOI,WACPC,WAAY,OACZC,MAAO,UACPC,OAAQ,IACRC,UAAW,cAGb,MAAMC,EAAuB,IACxBP,EACHF,MAAOI,WACPC,WAAY,OACZC,MAAO,UACPE,UAAW,cAGb,MAAM7B,EAAoC,IACrCuB,EACHF,MAAOU,mBACPC,KAAMC,IAACC,UACPC,QAAQ,EACRC,UAAWlB,EAAUmB,MACrBC,SAAUpB,EAAUmB,OAASnB,EAAUoB,SACvCC,QAASA,YACI9B,GAAY,YACrBA,MAKN,OACEwB,IAACO,KAAW,IAAKtB,KAAeK,EAAW3B,IAAKA,EAAI6C,SAClDR,IAACS,KAAI,CACHC,OAAQzC,EACRP,MAAO,CACL6B,eACAM,YACA9B,oBAEF4C,SACEC,KAAAC,SAAA,CAAAL,SAAA,CACEI,KAACL,UAAgB,IACXjB,EACJF,MAAOb,GAAeE,EAAkBqC,4BAA8BC,gBAAgBP,SAAA,CAEtFR,IAACS,KAAI,CACHC,OAAQxC,EACRR,MAAO,CACL6B,eACAM,aAEFc,SACEC,KAAAC,SAAA,CAAAL,SAAA,CACER,IAACS,KAAI,CACHC,OAAQvC,EACRT,MAAO6B,EACPoB,SACGK,MAAM5C,GAIH,KAHF4B,IAACiB,KAAI,IAAK1B,KAAkB1B,EAAU2C,SACnCpC,MAKT4B,IAACS,KAAI,CACHC,OAAQrC,EACRX,MAAOmC,EACPc,SACGK,MAAM1C,GAIH,KAHF0B,IAACiB,KAAI,IAAKpB,KAAe/B,EAAY0C,SAClClC,kBAQPI,GAAW,WAAaA,EAAOY,GAAaZ,KAErDH,GAAeE,EACduB,IAACO,gBAAsB,CAAAC,SACrBR,IAACS,KAAI,CACHC,OAAQnC,EACRb,MAAOK,EACP4C,SACEX,IAACkB,WAAU,IACLnD,KACAC,EACJsC,QAAUa,WACGpD,EAAiBuC,SAAY,YACtCvC,EAAiBuC,QAAQa,UAEhBnD,EAAqBsC,SAAY,YAC1CtC,EAAqBsC,QAAQa,UAOvC"}
1
+ {"version":3,"file":"TooltipComponent.mjs","sources":["../../../../src/components/TooltipComponent/TooltipComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { Slot } from 'components/Slot'\nimport { isNil } from 'shared/utils/isNil'\nimport { Text } from 'components/Text'\nimport { IconButton } from 'components/IconButton'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport { SIZES, SIZES_CONTAINER, SIZES_CONTAINER_WITH_BUTTON, SIZES_CLOSE_BUTTON, SIZES_TEXT } from './sizes'\nimport type { TooltipComponentProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'TooltipComponent'\n\nconst TooltipComponent: React.ForwardRefExoticComponent<TooltipComponentProps> = forwardRef<\n HTMLDivElement,\n TooltipComponentProps\n>((props, ref) => {\n const {\n size = 's',\n titleProps = {},\n contentProps = {},\n closeButtonProps: closeButtonPropsProp = {},\n root,\n body,\n heading,\n title,\n text,\n content,\n closeButton,\n closeFn,\n showCloseButton,\n footer,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n ...restProps\n } = useMergedProps<TooltipComponentProps>(props, {\n componentName: COMPONENT_NAME,\n sizes: SIZES,\n })\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const headingProps: TextProps = {\n ...sizeProps,\n sizes: SIZES_TEXT,\n appearance: 'body',\n color: 'inherit',\n weight: 700,\n wordBreak: 'break-word',\n }\n\n const textProps: TextProps = {\n ...sizeProps,\n sizes: SIZES_TEXT,\n appearance: 'body',\n color: 'inherit',\n wordBreak: 'break-word',\n }\n\n const closeButtonProps: IconButtonProps = {\n ...sizeProps,\n sizes: SIZES_CLOSE_BUTTON,\n icon: <Close />,\n square: true,\n filled: restProps.black,\n contrast: restProps.contrast,\n onClick: () => {\n if (typeof closeFn === 'function') {\n closeFn()\n }\n },\n }\n\n return (\n <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n <Slot\n render={root}\n props={{\n headingProps,\n textProps,\n closeButtonProps,\n }}\n fallback={\n <>\n <Styled.Container\n {...sizeProps}\n sizes={closeButton || showCloseButton ? SIZES_CONTAINER_WITH_BUTTON : SIZES_CONTAINER}\n >\n <Slot\n render={body}\n props={{\n headingProps,\n textProps,\n }}\n fallback={\n <>\n <Slot\n render={heading}\n props={headingProps}\n fallback={\n !isNil(title) ? (\n <Text {...headingProps} {...titleProps}>\n {title}\n </Text>\n ) : null\n }\n />\n <Slot\n render={text}\n props={textProps}\n fallback={\n !isNil(content) ? (\n <Text {...textProps} {...contentProps}>\n {content}\n </Text>\n ) : null\n }\n />\n </>\n }\n />\n {typeof footer === 'function' ? footer(sizeProps) : footer}\n </Styled.Container>\n {closeButton || showCloseButton ? (\n <Styled.ButtonContainer>\n <Slot\n render={closeButton}\n props={closeButtonProps}\n fallback={\n <IconButton\n {...closeButtonProps}\n {...closeButtonPropsProp}\n onClick={(evt) => {\n if (typeof closeButtonProps.onClick === 'function') {\n closeButtonProps.onClick(evt)\n }\n if (typeof closeButtonPropsProp.onClick === 'function') {\n closeButtonPropsProp.onClick(evt)\n }\n }}\n />\n }\n />\n </Styled.ButtonContainer>\n ) : null}\n </>\n }\n />\n </Styled.Root>\n )\n})\n\nexport { TooltipComponent }\n"],"names":["TooltipComponent","forwardRef","props","ref","size","titleProps","contentProps","closeButtonProps","closeButtonPropsProp","root","body","heading","title","text","content","closeButton","closeFn","showCloseButton","footer","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","useMergedProps","componentName","sizes","SIZES","sizeProps","headingProps","SIZES_TEXT","appearance","color","weight","wordBreak","textProps","SIZES_CLOSE_BUTTON","icon","_jsx","Close","square","filled","black","contrast","onClick","Styled","children","Slot","render","fallback","_jsxs","_Fragment","SIZES_CONTAINER_WITH_BUTTON","SIZES_CONTAINER","isNil","Text","IconButton","evt"],"mappings":"mhBAeA,MAAMA,iBAA2EC,WAG/E,CAACC,EAAOC,KACR,MAAMC,KACJA,EAAO,IAAGC,WACVA,EAAa,CAAA,EAAEC,aACfA,EAAe,CAAA,EACfC,iBAAkBC,EAAuB,CAAA,EAAEC,KAC3CA,EAAIC,KACJA,EAAIC,QACJA,EAAOC,MACPA,EAAKC,KACLA,EAAIC,QACJA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,gBACPA,EAAeC,OACfA,EAAMC,QACNA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDC,eAAsCxB,EAAO,CAC/CyB,cA7BmB,mBA8BnBC,MAAOC,QAGT,MAAMC,EAAY,CAChB1B,OACAe,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMO,EAA0B,IAC3BD,EACHF,MAAOI,WACPC,WAAY,OACZC,MAAO,UACPC,OAAQ,IACRC,UAAW,cAGb,MAAMC,EAAuB,IACxBP,EACHF,MAAOI,WACPC,WAAY,OACZC,MAAO,UACPE,UAAW,cAGb,MAAM7B,EAAoC,IACrCuB,EACHF,MAAOU,mBACPC,KAAMC,IAACC,UACPC,QAAQ,EACRC,OAAQlB,EAAUmB,MAClBC,SAAUpB,EAAUoB,SACpBC,QAASA,YACI9B,GAAY,YACrBA,MAKN,OACEwB,IAACO,KAAW,IAAKtB,KAAeK,EAAW3B,IAAKA,EAAI6C,SAClDR,IAACS,KAAI,CACHC,OAAQzC,EACRP,MAAO,CACL6B,eACAM,YACA9B,oBAEF4C,SACEC,KAAAC,SAAA,CAAAL,SAAA,CACEI,KAACL,UAAgB,IACXjB,EACJF,MAAOb,GAAeE,EAAkBqC,4BAA8BC,gBAAgBP,SAAA,CAEtFR,IAACS,KAAI,CACHC,OAAQxC,EACRR,MAAO,CACL6B,eACAM,aAEFc,SACEC,KAAAC,SAAA,CAAAL,SAAA,CACER,IAACS,KAAI,CACHC,OAAQvC,EACRT,MAAO6B,EACPoB,SACGK,MAAM5C,GAIH,KAHF4B,IAACiB,KAAI,IAAK1B,KAAkB1B,EAAU2C,SACnCpC,MAKT4B,IAACS,KAAI,CACHC,OAAQrC,EACRX,MAAOmC,EACPc,SACGK,MAAM1C,GAIH,KAHF0B,IAACiB,KAAI,IAAKpB,KAAe/B,EAAY0C,SAClClC,kBAQPI,GAAW,WAAaA,EAAOY,GAAaZ,KAErDH,GAAeE,EACduB,IAACO,gBAAsB,CAAAC,SACrBR,IAACS,KAAI,CACHC,OAAQnC,EACRb,MAAOK,EACP4C,SACEX,IAACkB,WAAU,IACLnD,KACAC,EACJsC,QAAUa,WACGpD,EAAiBuC,SAAY,YACtCvC,EAAiBuC,QAAQa,UAEhBnD,EAAqBsC,SAAY,YAC1CtC,EAAqBsC,QAAQa,UAOvC"}