@e1011/es-kit 1.1.26 → 1.1.30

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 (136) hide show
  1. package/dist/hooks/esm/index.css +376 -206
  2. package/dist/hooks/index.css +376 -206
  3. package/dist/lib/cjs/index.css +170 -0
  4. package/dist/lib/cjs/src/core/ui/components/atoms/icons.js.map +1 -1
  5. package/dist/lib/cjs/src/core/ui/components/atoms/tag/Tag.js +2 -0
  6. package/dist/lib/cjs/src/core/ui/components/atoms/tag/Tag.js.map +1 -0
  7. package/dist/lib/cjs/src/core/ui/components/atoms/tag/tag.module.scss.js +2 -0
  8. package/dist/lib/cjs/src/core/ui/components/atoms/tag/tag.module.scss.js.map +1 -0
  9. package/dist/lib/cjs/src/core/ui/components/atoms/tag/tag.types.js +2 -0
  10. package/dist/lib/cjs/src/core/ui/components/atoms/tag/tag.types.js.map +1 -0
  11. package/dist/lib/cjs/src/core/ui/components/atoms/text/Headline.js.map +1 -1
  12. package/dist/lib/cjs/src/core/ui/components/atoms/text/Link.js.map +1 -1
  13. package/dist/lib/cjs/src/core/ui/components/atoms/text/Paragraph.js.map +1 -1
  14. package/dist/lib/cjs/src/core/ui/components/atoms/text/Text.js.map +1 -1
  15. package/dist/lib/cjs/src/core/ui/components/atoms/textAndContent/TextAndContent.js +2 -0
  16. package/dist/lib/cjs/src/core/ui/components/atoms/textAndContent/TextAndContent.js.map +1 -0
  17. package/dist/lib/cjs/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js +2 -0
  18. package/dist/lib/cjs/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js.map +1 -0
  19. package/dist/lib/cjs/src/core/ui/components/error/propsValidationError.js +2 -0
  20. package/dist/lib/cjs/src/core/ui/components/error/propsValidationError.js.map +1 -0
  21. package/dist/lib/cjs/src/index.js +1 -1
  22. package/dist/lib/esm/index.css +170 -0
  23. package/dist/lib/esm/src/core/ui/components/atoms/icons.js.map +1 -1
  24. package/dist/lib/esm/src/core/ui/components/atoms/tag/Tag.js +2 -0
  25. package/dist/lib/esm/src/core/ui/components/atoms/tag/Tag.js.map +1 -0
  26. package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.module.scss.js +2 -0
  27. package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.module.scss.js.map +1 -0
  28. package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.types.js +2 -0
  29. package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.types.js.map +1 -0
  30. package/dist/lib/esm/src/core/ui/components/atoms/text/Headline.js.map +1 -1
  31. package/dist/lib/esm/src/core/ui/components/atoms/text/Link.js.map +1 -1
  32. package/dist/lib/esm/src/core/ui/components/atoms/text/Paragraph.js.map +1 -1
  33. package/dist/lib/esm/src/core/ui/components/atoms/text/Text.js.map +1 -1
  34. package/dist/lib/esm/src/core/ui/components/atoms/textAndContent/TextAndContent.js +2 -0
  35. package/dist/lib/esm/src/core/ui/components/atoms/textAndContent/TextAndContent.js.map +1 -0
  36. package/dist/lib/esm/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js +2 -0
  37. package/dist/lib/esm/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js.map +1 -0
  38. package/dist/lib/esm/src/core/ui/components/error/propsValidationError.js +2 -0
  39. package/dist/lib/esm/src/core/ui/components/error/propsValidationError.js.map +1 -0
  40. package/dist/lib/esm/src/index.js +1 -1
  41. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  42. package/dist/types/src/core/ui/components/atoms/button/button.stories.d.ts +1 -1
  43. package/dist/types/src/core/ui/components/atoms/button/button.stories.d.ts.map +1 -1
  44. package/dist/types/src/core/ui/components/atoms/icons.d.ts +5 -0
  45. package/dist/types/src/core/ui/components/atoms/icons.d.ts.map +1 -1
  46. package/dist/types/src/core/ui/components/atoms/index.d.ts +2 -0
  47. package/dist/types/src/core/ui/components/atoms/index.d.ts.map +1 -1
  48. package/dist/types/src/core/ui/components/atoms/tag/Tag.d.ts +10 -0
  49. package/dist/types/src/core/ui/components/atoms/tag/Tag.d.ts.map +1 -0
  50. package/dist/types/src/core/ui/components/atoms/tag/Tag.test.d.ts +5 -0
  51. package/dist/types/src/core/ui/components/atoms/tag/Tag.test.d.ts.map +1 -0
  52. package/dist/types/src/core/ui/components/atoms/tag/index.d.ts +3 -0
  53. package/dist/types/src/core/ui/components/atoms/tag/index.d.ts.map +1 -0
  54. package/dist/types/src/core/ui/components/atoms/tag/tag.stories.d.ts +6 -0
  55. package/dist/types/src/core/ui/components/atoms/tag/tag.stories.d.ts.map +1 -0
  56. package/dist/types/src/core/ui/components/atoms/tag/tag.types.d.ts +31 -0
  57. package/dist/types/src/core/ui/components/atoms/tag/tag.types.d.ts.map +1 -0
  58. package/dist/types/src/core/ui/components/atoms/text/Headline.d.ts +1 -1
  59. package/dist/types/src/core/ui/components/atoms/text/Headline.d.ts.map +1 -1
  60. package/dist/types/src/core/ui/components/atoms/text/Link.d.ts +1 -1
  61. package/dist/types/src/core/ui/components/atoms/text/Link.d.ts.map +1 -1
  62. package/dist/types/src/core/ui/components/atoms/text/Paragraph.d.ts +1 -1
  63. package/dist/types/src/core/ui/components/atoms/text/Paragraph.d.ts.map +1 -1
  64. package/dist/types/src/core/ui/components/atoms/text/Text.d.ts +2 -15
  65. package/dist/types/src/core/ui/components/atoms/text/Text.d.ts.map +1 -1
  66. package/dist/types/src/core/ui/components/atoms/text/anchor-link/anchorLink.stories.d.ts +1 -1
  67. package/dist/types/src/core/ui/components/atoms/text/anchor-link/anchorLink.stories.d.ts.map +1 -1
  68. package/dist/types/src/core/ui/components/atoms/text/anchor-link/anchorLink.types.d.ts +1 -1
  69. package/dist/types/src/core/ui/components/atoms/text/anchor-link/anchorLink.types.d.ts.map +1 -1
  70. package/dist/types/src/core/ui/components/atoms/text/text.types.d.ts +16 -0
  71. package/dist/types/src/core/ui/components/atoms/text/text.types.d.ts.map +1 -0
  72. package/dist/types/src/core/ui/components/atoms/textAndContent/TextAndContent.d.ts +17 -0
  73. package/dist/types/src/core/ui/components/atoms/textAndContent/TextAndContent.d.ts.map +1 -0
  74. package/dist/types/src/core/ui/components/atoms/textAndContent/index.d.ts +3 -0
  75. package/dist/types/src/core/ui/components/atoms/textAndContent/index.d.ts.map +1 -0
  76. package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.stories.d.ts +8 -0
  77. package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.stories.d.ts.map +1 -0
  78. package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.test.d.ts +5 -0
  79. package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.test.d.ts.map +1 -0
  80. package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.types.d.ts +24 -0
  81. package/dist/types/src/core/ui/components/atoms/textAndContent/textAndContent.types.d.ts.map +1 -0
  82. package/dist/types/src/core/ui/components/error/errorBoundary.stories.d.ts +3 -3
  83. package/dist/types/src/core/ui/components/error/errorBoundary.stories.d.ts.map +1 -1
  84. package/dist/types/src/core/ui/components/error/propsValidationError.d.ts +4 -0
  85. package/dist/types/src/core/ui/components/error/propsValidationError.d.ts.map +1 -0
  86. package/dist/types/src/core/ui/components/molecules/popup/popup.stories.d.ts +2 -2
  87. package/dist/types/src/core/ui/components/molecules/popup/popup.stories.d.ts.map +1 -1
  88. package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.stories.d.ts +1 -1
  89. package/dist/types/src/core/utils/appState/peregrineMQ/peregrineMQ.stories.d.ts.map +1 -1
  90. package/dist/types/src/core/utils/appState/store/store.stories.d.ts +1 -1
  91. package/dist/types/src/core/utils/appState/store/store.stories.d.ts.map +1 -1
  92. package/dist/ui/esm/index.css +170 -0
  93. package/dist/ui/esm/src/core/hooks/useClassNames.js +2 -0
  94. package/dist/ui/esm/src/core/hooks/useClassNames.js.map +1 -0
  95. package/dist/ui/esm/src/core/ui/components/atoms/icons.js.map +1 -1
  96. package/dist/ui/esm/src/core/ui/components/atoms/tag/Tag.js +2 -0
  97. package/dist/ui/esm/src/core/ui/components/atoms/tag/Tag.js.map +1 -0
  98. package/dist/ui/esm/src/core/ui/components/atoms/tag/tag.module.scss.js +2 -0
  99. package/dist/ui/esm/src/core/ui/components/atoms/tag/tag.module.scss.js.map +1 -0
  100. package/dist/ui/esm/src/core/ui/components/atoms/tag/tag.types.js +2 -0
  101. package/dist/ui/esm/src/core/ui/components/atoms/tag/tag.types.js.map +1 -0
  102. package/dist/ui/esm/src/core/ui/components/atoms/text/Headline.js.map +1 -1
  103. package/dist/ui/esm/src/core/ui/components/atoms/text/Link.js.map +1 -1
  104. package/dist/ui/esm/src/core/ui/components/atoms/text/Paragraph.js.map +1 -1
  105. package/dist/ui/esm/src/core/ui/components/atoms/text/Text.js.map +1 -1
  106. package/dist/ui/esm/src/core/ui/components/atoms/textAndContent/TextAndContent.js +2 -0
  107. package/dist/ui/esm/src/core/ui/components/atoms/textAndContent/TextAndContent.js.map +1 -0
  108. package/dist/ui/esm/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js +2 -0
  109. package/dist/ui/esm/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js.map +1 -0
  110. package/dist/ui/esm/src/core/ui/components/error/propsValidationError.js +2 -0
  111. package/dist/ui/esm/src/core/ui/components/error/propsValidationError.js.map +1 -0
  112. package/dist/ui/esm/src/core/ui/index.js +1 -1
  113. package/dist/ui/index.css +170 -0
  114. package/dist/ui/src/core/hooks/useClassNames.js +2 -0
  115. package/dist/ui/src/core/hooks/useClassNames.js.map +1 -0
  116. package/dist/ui/src/core/ui/components/atoms/icons.js.map +1 -1
  117. package/dist/ui/src/core/ui/components/atoms/tag/Tag.js +2 -0
  118. package/dist/ui/src/core/ui/components/atoms/tag/Tag.js.map +1 -0
  119. package/dist/ui/src/core/ui/components/atoms/tag/tag.module.scss.js +2 -0
  120. package/dist/ui/src/core/ui/components/atoms/tag/tag.module.scss.js.map +1 -0
  121. package/dist/ui/src/core/ui/components/atoms/tag/tag.types.js +2 -0
  122. package/dist/ui/src/core/ui/components/atoms/tag/tag.types.js.map +1 -0
  123. package/dist/ui/src/core/ui/components/atoms/text/Headline.js.map +1 -1
  124. package/dist/ui/src/core/ui/components/atoms/text/Link.js.map +1 -1
  125. package/dist/ui/src/core/ui/components/atoms/text/Paragraph.js.map +1 -1
  126. package/dist/ui/src/core/ui/components/atoms/text/Text.js.map +1 -1
  127. package/dist/ui/src/core/ui/components/atoms/textAndContent/TextAndContent.js +2 -0
  128. package/dist/ui/src/core/ui/components/atoms/textAndContent/TextAndContent.js.map +1 -0
  129. package/dist/ui/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js +2 -0
  130. package/dist/ui/src/core/ui/components/atoms/textAndContent/textAndContent.module.scss.js.map +1 -0
  131. package/dist/ui/src/core/ui/components/error/propsValidationError.js +2 -0
  132. package/dist/ui/src/core/ui/components/error/propsValidationError.js.map +1 -0
  133. package/dist/ui/src/core/ui/index.js +1 -1
  134. package/dist/utils/esm/index.css +376 -206
  135. package/dist/utils/index.css +376 -206
  136. package/package.json +19 -11
@@ -0,0 +1,2 @@
1
+ import{extends as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,useState as o,useRef as r,useMemo as a}from"react";import{TextAndIcons as n}from"../textAndContent/TextAndContent.js";import{LayoutBox as i}from"../../container/layoutBox/LayoutBox.js";import l from"./tag.module.scss.js";import{TagVariant as s}from"./tag.types.js";import{Text as c}from"../text/Text.js";import{useClassNames as m}from"../../../../hooks/useClassNames.js";import{useResize as p}from"../../../../hooks/useResize.js";import{Tooltip as d}from"../../molecules/popover/Tooltip.js";import{useParseProps as u}from"../../../../hooks/useParseProps.js";import{composeId as h}from"../../../../utils/helpers/text.js";const f={position:"absolute",top:0,background:"transparent",zIndex:0,userSelect:"none"},g=e((e=>{let{variant:g=s.default,text:x,hashtag:R,components:j,onClick:E,children:k,inTable:T,className:b="",...v}=e;const C=j?.TextComponent||c,N=m([l.tag,g&&l[g],E&&l.clickable,T&&l["in-table"],b],[l]),{dataProps:w,restProps:y}=u(v),[L,P]=o(!1),U=r(null),$=r(null),[z]=p(50,(t=>{let{width:e,height:o}=t;const r=z.current;r&&P(r.offsetWidth<r.scrollWidth),U.current={width:e,height:o}})),B=a((()=>!!(k||x||y?.iconLeftUrl||y?.iconLeft||y?.iconRightUrl||y?.iconRight)),[k,x,y?.iconLeftUrl,y?.iconLeft,y?.iconRightUrl,y?.iconRight]),A=a((()=>L?{...f,width:`${U?.current?.width}px`,height:`${U?.current?.height}px`}:null),[L,U?.current]);return React.createElement(React.Fragment,null,React.createElement(i,t({id:`${void 0!==v.id&&v.id||x&&h(x)}`,className:N},w,y,{"data-testid":`${w.dataTestId||w["data-testid"]||v.id||x&&h(x)}`,onClick:E}),R&&React.createElement(C,null,"#"),B&&React.createElement(n,t({className:l.text,iconSize:"0.8em"},y,{width:"auto"}),React.createElement("div",{ref:z,className:"text-truncate"},L&&React.createElement(React.Fragment,null,React.createElement("div",{ref:$,style:A}),React.createElement("span",null,k||x)),!L&&(k||x)))),L&&React.createElement(d,{text:x,targetRef:$}))}));g.displayName="Tag";export{g as Tag};
2
+ //# sourceMappingURL=Tag.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tag.js","sources":["../../../../../../../../../src/core/ui/components/atoms/tag/Tag.tsx"],"sourcesContent":["import { memo, FC, useMemo, useRef, CSSProperties, useState, RefObject } from 'react'\n\nimport { TextAndIcons } from '../textAndContent/TextAndContent'\nimport { LayoutBox } from '../../container/layoutBox/LayoutBox'\nimport { useClassNames, useParseProps, useResize, WrapperSize } from '../../../../hooks'\nimport { composeId } from '../../../../utils'\nimport { Tooltip } from '../../molecules'\nimport { Text as BodyText } from '../text'\n\nimport classes from './tag.module.scss'\nimport { TagProps, TagVariant } from './tag.types'\n\n\nconst styles = {\n textWrapper: { position: 'relative' },\n textTransformedWrapperTipPlaceholder: {\n position: 'absolute',\n top: 0,\n background: 'transparent',\n zIndex: 0,\n userSelect: 'none',\n },\n}\n\n/**\n * Tag component.\n * *\n * @type {React.FC<TagProps>}\n * @returns {React.ReactElement} The Tag.\n */\nexport const Tag: FC<TagProps> = memo<TagProps>(({\n variant = TagVariant.default,\n text,\n hashtag,\n components,\n onClick,\n children,\n inTable,\n className = '',\n ...props\n}: TagProps) => {\n const TextComponent = components?.TextComponent || BodyText\n\n const classesResolved = useClassNames([\n classes.tag,\n variant && classes[variant],\n onClick && classes.clickable,\n inTable && classes['in-table'],\n className,\n ], [classes])\n\n const { dataProps, restProps } = useParseProps(props)\n const [isTruncated, setIsTruncated] = useState(false)\n\n const wrapperSizeRef = useRef<WrapperSize | null>(null)\n const tooltipTargetRef = useRef<HTMLDivElement | null>(null)\n\n const [textRef] = useResize(50, ({ width, height }: WrapperSize) => {\n const element = textRef.current\n\n if (element) {\n setIsTruncated(element.offsetWidth < element.scrollWidth)\n }\n wrapperSizeRef.current = { width, height }\n })\n\n const hasContent = useMemo(() => !!(children\n || text\n || restProps?.iconLeftUrl\n || restProps?.iconLeft\n || restProps?.iconRightUrl\n || restProps?.iconRight\n ), [children, text, restProps?.iconLeftUrl, restProps?.iconLeft, restProps?.iconRightUrl, restProps?.iconRight])\n\n const stylesTipPlaceholder = useMemo(() => (isTruncated ? ({\n ...styles.textTransformedWrapperTipPlaceholder,\n width: `${wrapperSizeRef?.current?.width}px`,\n height: `${wrapperSizeRef?.current?.height}px`,\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }) : null), [isTruncated, wrapperSizeRef?.current])\n\n return (\n <>\n <LayoutBox\n id={`${(typeof props.id !== 'undefined' && props.id) || (text && composeId(text))}`}\n className={classesResolved}\n {...dataProps}\n {...restProps}\n data-testid={`${dataProps.dataTestId || dataProps['data-testid'] || props.id || (text && composeId(text))}`}\n onClick={onClick}\n >\n {hashtag && <TextComponent>#</TextComponent>}\n {hasContent\n && (\n <TextAndIcons\n className={classes.text}\n iconSize='0.8em'\n {...restProps}\n width='auto'\n >\n <div ref={textRef as RefObject<HTMLDivElement>} className='text-truncate'>\n {isTruncated && (\n <>\n <div ref={tooltipTargetRef} style={stylesTipPlaceholder as CSSProperties} />\n <span>{children || text}</span>\n </>\n )}\n {!isTruncated && (children || text)}\n </div>\n </TextAndIcons>\n )}\n </LayoutBox>\n {isTruncated && <Tooltip text={text} targetRef={tooltipTargetRef} />}\n </>\n )\n})\n\nTag.displayName = 'Tag'\n"],"names":["styles","position","top","background","zIndex","userSelect","Tag","memo","_ref","variant","TagVariant","default","text","hashtag","components","onClick","children","inTable","className","props","TextComponent","BodyText","classesResolved","useClassNames","classes","tag","clickable","dataProps","restProps","useParseProps","isTruncated","setIsTruncated","useState","wrapperSizeRef","useRef","tooltipTargetRef","textRef","useResize","_ref2","width","height","element","current","offsetWidth","scrollWidth","hasContent","useMemo","iconLeftUrl","iconLeft","iconRightUrl","iconRight","stylesTipPlaceholder","React","createElement","Fragment","LayoutBox","_extends","id","composeId","dataTestId","TextAndIcons","iconSize","ref","style","Tooltip","targetRef","displayName"],"mappings":"+sBAaA,MAAMA,EAEkC,CACpCC,SAAU,WACVC,IAAK,EACLC,WAAY,cACZC,OAAQ,EACRC,WAAY,QAUHC,EAAoBC,GAAeC,IAUhC,IAViCC,QAC/CA,EAAUC,EAAWC,QAAOC,KAC5BA,EAAIC,QACJA,EAAOC,WACPA,EAAUC,QACVA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,UACPA,EAAY,MACTC,GACMX,EACT,MAAMY,EAAgBN,GAAYM,eAAiBC,EAE7CC,EAAkBC,EAAc,CACpCC,EAAQC,IACRhB,GAAWe,EAAQf,GACnBM,GAAWS,EAAQE,UACnBT,GAAWO,EAAQ,YACnBN,GACC,CAACM,KAEEG,UAAEA,EAASC,UAAEA,GAAcC,EAAcV,IACxCW,EAAaC,GAAkBC,GAAS,GAEzCC,EAAiBC,EAA2B,MAC5CC,EAAmBD,EAA8B,OAEhDE,GAAWC,EAAU,IAAIC,IAAoC,IAAnCC,MAAEA,EAAKC,OAAEA,GAAqBF,EAC7D,MAAMG,EAAUL,EAAQM,QAEpBD,GACFV,EAAeU,EAAQE,YAAcF,EAAQG,aAE/CX,EAAeS,QAAU,CAAEH,QAAOC,SAAQ,IAGtCK,EAAaC,GAAQ,OAAS9B,GAC/BJ,GACAgB,GAAWmB,aACXnB,GAAWoB,UACXpB,GAAWqB,cACXrB,GAAWsB,YACb,CAAClC,EAAUJ,EAAMgB,GAAWmB,YAAanB,GAAWoB,SAAUpB,GAAWqB,aAAcrB,GAAWsB,YAE/FC,EAAuBL,GAAQ,IAAOhB,EAAe,IACtD9B,EACHuC,MAAO,GAAGN,GAAgBS,SAASH,UACnCC,OAAQ,GAAGP,GAAgBS,SAASF,YAEjC,MAAO,CAACV,EAAaG,GAAgBS,UAE1C,OACEU,MAAAC,cAAAD,MAAAE,SACEF,KAAAA,MAAAC,cAACE,EAASC,EAAA,CACRC,GAAI,QAAwB,IAAbtC,EAAMsC,IAAsBtC,EAAMsC,IAAQ7C,GAAQ8C,EAAU9C,KAC3EM,UAAWI,GACPK,EACAC,EAAS,CACb,cAAa,GAAGD,EAAUgC,YAAchC,EAAU,gBAAkBR,EAAMsC,IAAO7C,GAAQ8C,EAAU9C,KACnGG,QAASA,IAERF,GAAWuC,MAAAC,cAACjC,EAAc,KAAA,KAC1ByB,GAEGO,MAAAC,cAACO,EAAYJ,EAAA,CACXtC,UAAWM,EAAQZ,KACnBiD,SAAS,SACLjC,EAAS,CACbW,MAAM,SAENa,MAAAC,cAAA,MAAA,CAAKS,IAAK1B,EAAsClB,UAAU,iBACvDY,GACCsB,MAAAC,cAAAD,MAAAE,SAAA,KACEF,MAAAC,cAAA,MAAA,CAAKS,IAAK3B,EAAkB4B,MAAOZ,IACnCC,MAAAC,cAAA,OAAA,KAAOrC,GAAYJ,KAGrBkB,IAAgBd,GAAYJ,MAKvCkB,GAAesB,MAAAC,cAACW,EAAO,CAACpD,KAAMA,EAAMqD,UAAW9B,IAC/C,IAIP7B,EAAI4D,YAAc"}
@@ -0,0 +1,2 @@
1
+ var _={"overflow-hidden":"tag-module_overflow-hidden__wlxDI","text-truncate":"tag-module_text-truncate__xqW1-","text-nowrap":"tag-module_text-nowrap__CHhhg","text-ellipsis":"tag-module_text-ellipsis__UX32n",tag:"tag-module_tag__rGA-E",text:"tag-module_text__WpK6w","in-table":"tag-module_in-table__cWTuJ",default:"tag-module_default__6cv6k",clickable:"tag-module_clickable__W6arw",info:"tag-module_info__PMCQH","very-low":"tag-module_very-low__a6WSr",low:"tag-module_low__57msG",medium:"tag-module_medium__PtVKT",high:"tag-module_high__8ayT0",critical:"tag-module_critical__fT5Pe",information:"tag-module_information__gjuZe",success:"tag-module_success__M-mEI",alert:"tag-module_alert__1NDIs",error:"tag-module_error__fo8QB",warning:"tag-module_warning__29pni"};export{_ as default};
2
+ //# sourceMappingURL=tag.module.scss.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tag.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ let r=function(r){return r.info="info",r.veryLow="very-low",r.low="low",r.medium="medium",r.high="high",r.critical="critical",r.information="information",r.success="success",r.alert="alert",r.error="error",r.warning="warning",r.default="default",r}({});export{r as TagVariant};
2
+ //# sourceMappingURL=tag.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tag.types.js","sources":["../../../../../../../../../src/core/ui/components/atoms/tag/tag.types.ts"],"sourcesContent":["import { PropsWithChildren, FC, MouseEvent } from 'react'\n\nimport { TextAndIconsProps } from '../textAndContent/textAndContent.types'\nimport { LayoutBoxProps } from '../../container/layoutBox/layoutBox.types'\nimport { CommonProps } from '../../../../types/CommonProps'\nimport { TextProps } from '../text/text.types'\n\n\nexport enum TagVariant {\n info = 'info',\n veryLow = 'very-low',\n low = 'low',\n medium = 'medium',\n high = 'high',\n critical = 'critical',\n information = 'information',\n success = 'success',\n alert = 'alert',\n error = 'error',\n warning = 'warning',\n default = 'default'\n}\n\nexport type TagProps = PropsWithChildren & CommonProps & TextAndIconsProps & LayoutBoxProps & {\n variant?: TagVariant\n text?: string\n hashtag?: boolean\n inTable?: boolean\n components?: {\n TextComponent?: FC<TextProps>\n }\n onClick?: (event?: MouseEvent) => void\n className?: string\n}\n"],"names":["TagVariant"],"mappings":"AAQYA,IAAAA,WAAAA,GAAU,OAAVA,EAAU,KAAA,OAAVA,EAAU,QAAA,WAAVA,EAAU,IAAA,MAAVA,EAAU,OAAA,SAAVA,EAAU,KAAA,OAAVA,EAAU,SAAA,WAAVA,EAAU,YAAA,cAAVA,EAAU,QAAA,UAAVA,EAAU,MAAA,QAAVA,EAAU,MAAA,QAAVA,EAAU,QAAA,UAAVA,EAAU,QAAA,UAAVA,CAAU,EAAA,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Headline.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Headline.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps, Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Headline = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headline} ${className}`} element='h1'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadline.displayName = 'Headline'\n\n\nexport const HeadlineSecondary = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headlineSecondary} ${className}`} element='h2'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadlineSecondary.displayName = 'HeadlineSecondary'\n\n\nexport const HeadlineTertiary = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headlineTertiary} ${className}`} element='h3'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadlineTertiary.displayName = 'HeadlineTertiary'\n"],"names":["Headline","memo","_ref","children","text","className","props","React","createElement","Text","_extends","classes","headline","element","displayName","HeadlineSecondary","_ref2","headlineSecondary","HeadlineTertiary","_ref3","headlineTertiary"],"mappings":"2LAMaA,MAAAA,EAAWC,GACtBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQC,YAAYP,IAAaQ,QAAQ,OACrEV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAASc,YAAc,WAGVC,MAAAA,EAAoBd,GAC/Be,IAAA,IAACb,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBU,EAAA,OACvDT,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQM,qBAAqBZ,IAAaQ,QAAQ,OAC9EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXW,EAAkBD,YAAc,oBAGnBI,MAAAA,EAAmBjB,GAC9BkB,IAAA,IAAChB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBa,EAAA,OACvDZ,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQS,oBAAoBf,IAAaQ,QAAQ,OAC7EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXc,EAAiBJ,YAAc"}
1
+ {"version":3,"file":"Headline.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Headline.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Headline = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headline} ${className}`} element='h1'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadline.displayName = 'Headline'\n\n\nexport const HeadlineSecondary = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headlineSecondary} ${className}`} element='h2'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadlineSecondary.displayName = 'HeadlineSecondary'\n\n\nexport const HeadlineTertiary = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headlineTertiary} ${className}`} element='h3'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadlineTertiary.displayName = 'HeadlineTertiary'\n"],"names":["Headline","memo","_ref","children","text","className","props","React","createElement","Text","_extends","classes","headline","element","displayName","HeadlineSecondary","_ref2","headlineSecondary","HeadlineTertiary","_ref3","headlineTertiary"],"mappings":"2LAOaA,MAAAA,EAAWC,GACtBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQC,YAAYP,IAAaQ,QAAQ,OACrEV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAASc,YAAc,WAGVC,MAAAA,EAAoBd,GAC/Be,IAAA,IAACb,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBU,EAAA,OACvDT,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQM,qBAAqBZ,IAAaQ,QAAQ,OAC9EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXW,EAAkBD,YAAc,oBAGnBI,MAAAA,EAAmBjB,GAC9BkB,IAAA,IAAChB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBa,EAAA,OACvDZ,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQS,oBAAoBf,IAAaQ,QAAQ,OAC7EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXc,EAAiBJ,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"Link.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Link.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps, Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Link = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.link} ${className}`} element='a'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nLink.displayName = 'Link'\n\n"],"names":["Link","memo","_ref","children","text","className","props","React","createElement","Text","_extends","classes","link","element","displayName"],"mappings":"2LAMaA,MAAAA,EAAOC,GAClBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQC,QAAQP,IAAaQ,QAAQ,MACjEV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAKc,YAAc"}
1
+ {"version":3,"file":"Link.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Link.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Link = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.link} ${className}`} element='a'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nLink.displayName = 'Link'\n\n"],"names":["Link","memo","_ref","children","text","className","props","React","createElement","Text","_extends","classes","link","element","displayName"],"mappings":"2LAOaA,MAAAA,EAAOC,GAClBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQC,QAAQP,IAAaQ,QAAQ,MACjEV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAKc,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"Paragraph.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Paragraph.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps, Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Paragraph = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraph} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraph.displayName = 'Paragraph'\n\n\nexport const ParagraphSmall = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraphSmall} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraphSmall.displayName = 'ParagraphSmall'\n\n\nexport const ParagraphBold = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraphBold} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraphBold.displayName = 'ParagraphBold'\n\n\nexport const ParagraphBoldSmall = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraphBoldSmall} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraphBoldSmall.displayName = 'ParagraphBoldSmall'\n"],"names":["Paragraph","memo","_ref","children","text","className","props","React","createElement","Text","_extends","classes","paragraph","element","displayName","ParagraphSmall","_ref2","paragraphSmall","ParagraphBold","_ref3","paragraphBold","ParagraphBoldSmall","_ref4","paragraphBoldSmall"],"mappings":"2LAMaA,MAAAA,EAAYC,GACvBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQC,aAAaP,IAAaQ,QAAQ,MACtEV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAUc,YAAc,YAGXC,MAAAA,EAAiBd,GAC5Be,IAAA,IAACb,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBU,EAAA,OACvDT,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQM,kBAAkBZ,IAAaQ,QAAQ,MAC3EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXW,EAAeD,YAAc,iBAGhBI,MAAAA,EAAgBjB,GAC3BkB,IAAA,IAAChB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBa,EAAA,OACvDZ,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQS,iBAAiBf,IAAaQ,QAAQ,MAC1EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXc,EAAcJ,YAAc,gBAGfO,MAAAA,EAAqBpB,GAChCqB,IAAA,IAACnB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBgB,EAAA,OACvDf,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQY,sBAAsBlB,IAAaQ,QAAQ,MAC/EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXiB,EAAmBP,YAAc"}
1
+ {"version":3,"file":"Paragraph.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Paragraph.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Paragraph = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraph} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraph.displayName = 'Paragraph'\n\n\nexport const ParagraphSmall = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraphSmall} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraphSmall.displayName = 'ParagraphSmall'\n\n\nexport const ParagraphBold = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraphBold} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraphBold.displayName = 'ParagraphBold'\n\n\nexport const ParagraphBoldSmall = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraphBoldSmall} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraphBoldSmall.displayName = 'ParagraphBoldSmall'\n"],"names":["Paragraph","memo","_ref","children","text","className","props","React","createElement","Text","_extends","classes","paragraph","element","displayName","ParagraphSmall","_ref2","paragraphSmall","ParagraphBold","_ref3","paragraphBold","ParagraphBoldSmall","_ref4","paragraphBoldSmall"],"mappings":"2LAOaA,MAAAA,EAAYC,GACvBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQC,aAAaP,IAAaQ,QAAQ,MACtEV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAUc,YAAc,YAGXC,MAAAA,EAAiBd,GAC5Be,IAAA,IAACb,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBU,EAAA,OACvDT,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQM,kBAAkBZ,IAAaQ,QAAQ,MAC3EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXW,EAAeD,YAAc,iBAGhBI,MAAAA,EAAgBjB,GAC3BkB,IAAA,IAAChB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBa,EAAA,OACvDZ,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQS,iBAAiBf,IAAaQ,QAAQ,MAC1EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXc,EAAcJ,YAAc,gBAGfO,MAAAA,EAAqBpB,GAChCqB,IAAA,IAACnB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBgB,EAAA,OACvDf,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQY,sBAAsBlB,IAAaQ,QAAQ,MAC/EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXiB,EAAmBP,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"Text.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Text.tsx"],"sourcesContent":["import React, { memo, PropsWithChildren, CSSProperties, FC, MouseEventHandler, useMemo } from 'react'\n\nimport { CommonProps } from '../../../types/CommonProps'\nimport { composeId } from '../../../../utils'\nimport { useParseProps } from '../../../../hooks'\n\n\nexport interface ITextProps extends PropsWithChildren, CSSProperties, CommonProps {\n element?: string | FC\n className?: string\n text?: string\n href?: string\n target?: string\n onClick?: MouseEventHandler\n disabled?: boolean\n}\n\nexport type TextProps = ITextProps & { style?: CSSProperties; 'data-testid'?: string }\n\n\nexport const Text: FC<TextProps> = memo<ITextProps>((\n { element = 'span', children, href, target, className = '', id, onClick, text, ...rest }: ITextProps,\n) => {\n const { dataProps, restProps } = useParseProps(rest)\n const textFromChildren: string | undefined = text || children?.toString()\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n onKeyDown: onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return React.createElement<TextProps>(\n element,\n {\n id: `${id || (textFromChildren && composeId(textFromChildren))}`,\n href,\n text,\n target,\n className,\n ...onClickProps,\n style: restProps,\n ...dataProps,\n 'data-testid':\n `${dataProps.dataTestId || dataProps['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`,\n },\n children,\n )\n})\n\nText.displayName = 'Text'\n"],"names":["Text","memo","_ref","element","children","href","target","className","id","onClick","text","rest","dataProps","restProps","useParseProps","textFromChildren","toString","onClickProps","useMemo","onKeyDown","role","tabIndex","React","createElement","composeId","style","dataTestId","displayName"],"mappings":"oLAoBaA,EAAsBC,GAAiBC,IAE/C,IADHC,QAAEA,EAAU,OAAMC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,UAAEA,EAAY,GAAEC,GAAEA,EAAEC,QAAEA,EAAOC,KAAEA,KAASC,GAAkBT,EAEpG,MAAMU,UAAEA,EAASC,UAAEA,GAAcC,EAAcH,GACzCI,EAAuCL,GAAQN,GAAUY,WAEzDC,EAAeC,GAAQ,IAAOT,EAAW,CAC7CA,UACAU,UAAWV,EACXW,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACZ,IAEX,OAAOa,EAAMC,cACXpB,EACA,CACEK,GAAI,GAAGA,GAAOO,GAAoBS,EAAUT,KAC5CV,OACAK,OACAJ,SACAC,eACGU,EACHQ,MAAOZ,KACJD,EACH,cACA,GAAGA,EAAUc,YAAcd,EAAU,gBAAkBJ,GAAOO,GAAoBS,EAAUT,MAE9FX,EACD,IAGHJ,EAAK2B,YAAc"}
1
+ {"version":3,"file":"Text.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Text.tsx"],"sourcesContent":["import React, { memo, FC, useMemo } from 'react'\n\nimport { composeId } from '../../../../utils'\nimport { useParseProps } from '../../../../hooks'\n\nimport { ITextProps, TextProps } from './text.types'\n\n\nexport const Text: FC<TextProps> = memo<ITextProps>((\n { element = 'span', children, href, target, className = '', id, onClick, text, ...rest }: ITextProps,\n) => {\n const { dataProps, restProps } = useParseProps(rest)\n const textFromChildren: string | undefined = text || children?.toString()\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n onKeyDown: onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return React.createElement<TextProps>(\n element,\n {\n id: `${id || (textFromChildren && composeId(textFromChildren))}`,\n href,\n text,\n target,\n className,\n ...onClickProps,\n style: restProps,\n ...dataProps,\n 'data-testid':\n `${dataProps.dataTestId || dataProps['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`,\n },\n children,\n )\n})\n\nText.displayName = 'Text'\n"],"names":["Text","memo","_ref","element","children","href","target","className","id","onClick","text","rest","dataProps","restProps","useParseProps","textFromChildren","toString","onClickProps","useMemo","onKeyDown","role","tabIndex","React","createElement","composeId","style","dataTestId","displayName"],"mappings":"oLAQaA,EAAsBC,GAAiBC,IAE/C,IADHC,QAAEA,EAAU,OAAMC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,UAAEA,EAAY,GAAEC,GAAEA,EAAEC,QAAEA,EAAOC,KAAEA,KAASC,GAAkBT,EAEpG,MAAMU,UAAEA,EAASC,UAAEA,GAAcC,EAAcH,GACzCI,EAAuCL,GAAQN,GAAUY,WAEzDC,EAAeC,GAAQ,IAAOT,EAAW,CAC7CA,UACAU,UAAWV,EACXW,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACZ,IAEX,OAAOa,EAAMC,cACXpB,EACA,CACEK,GAAI,GAAGA,GAAOO,GAAoBS,EAAUT,KAC5CV,OACAK,OACAJ,SACAC,eACGU,EACHQ,MAAOZ,KACJD,EACH,cACA,GAAGA,EAAUc,YAAcd,EAAU,gBAAkBJ,GAAOO,GAAoBS,EAAUT,MAE9FX,EACD,IAGHJ,EAAK2B,YAAc"}
@@ -0,0 +1,2 @@
1
+ import{extends as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,useMemo as o}from"react";import{PropsValidationError as n}from"../../error/propsValidationError.js";import{Text as r}from"../text/Text.js";import c from"./textAndContent.module.scss.js";import{LayoutBox as i}from"../../container/layoutBox/LayoutBox.js";import{IconBase as l}from"../../icon/IconBase.js";const a=e((e=>{let{text:o,children:l,components:a,leftContent:s,rightContent:m,textProps:x={},className:p="",...d}=e;if(null==o&&!l)throw new n("Missing `text or children` property!");const f=a?.TextComponent||r;return React.createElement(i,t({className:`${c.textAndContent} ${p}`},d),s&&s,React.createElement(f,t({className:"text-truncate"},x,{"data-testid":"text-content-text-component"}),o||l),m&&m)}));a.displayName="TextAndContent";const s=e((e=>{let{iconSize:n,iconColor:r,iconLeft:c,iconRight:i,iconLeftUrl:s,iconRightUrl:m,onLeftIconClick:x,onRightIconClick:p,...d}=e;const[f,u]=o((()=>{let e,o;if(c||s){const o=x?{onClick:x,onKeyDown:x,role:"button",tabIndex:-1,"data-testid":"text-content-icon-left"}:{};e=React.createElement(l,t({iconUrl:s,size:n,color:r},o),c&&c)}if(i||m){const e=p?{onClick:p,onKeyDown:p,role:"button",tabIndex:-1,"data-testid":"text-content-icon-right"}:{};o=React.createElement(l,t({iconUrl:m,size:n,color:r},e),i&&i)}return[e,o]}),[r,c,s,i,m,n,x,p]);return React.createElement(a,t({leftContent:f,rightContent:u},d))}));s.displayName="TextAndIcons";export{a as TextAndContent,s as TextAndIcons};
2
+ //# sourceMappingURL=TextAndContent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextAndContent.js","sources":["../../../../../../../../../src/core/ui/components/atoms/textAndContent/TextAndContent.tsx"],"sourcesContent":["import { memo, FC, useMemo } from 'react'\n\nimport { PropsValidationError } from '../../error/propsValidationError'\nimport { IconBase } from '../../icon'\nimport { LayoutBox } from '../../container'\nimport { Text as BodyText } from '../text/Text'\n\nimport type { TextAndContentProps, TextAndIconsProps } from './textAndContent.types'\nimport classes from './textAndContent.module.scss'\n\n\n/**\n * TextAndContent component.\n *\n * @type {React.FC<TextAndContentProps>}\n * @returns {React.ReactElement} The TextAndContent.\n */\nexport const TextAndContent: FC<TextAndContentProps> = memo<TextAndContentProps>(({\n text,\n children,\n components,\n leftContent,\n rightContent,\n textProps = {},\n className = '',\n ...props\n}: TextAndContentProps) => {\n if ((text === undefined || text === null) && !children) {\n throw new PropsValidationError('Missing `text or children` property!')\n }\n\n const TextComponent = components?.TextComponent || BodyText\n\n return (\n <LayoutBox\n className={`${classes.textAndContent} ${className}`}\n {...props}\n >\n {leftContent && leftContent}\n <TextComponent className='text-truncate' {...textProps} data-testid='text-content-text-component'>{text || children}</TextComponent>\n {rightContent && rightContent}\n </LayoutBox>\n )\n})\n\nTextAndContent.displayName = 'TextAndContent'\n\n\n/**\n * TextAndIcons component.\n *\n * @type {React.FC<TextAndIconsProps>}\n * @returns {React.ReactElement} The TextAndIcons.\n */\nexport const TextAndIcons: FC<TextAndIconsProps> = memo<TextAndIconsProps>(({\n iconSize,\n iconColor,\n iconLeft,\n iconRight,\n iconLeftUrl,\n iconRightUrl,\n onLeftIconClick,\n onRightIconClick,\n ...props\n}: TextAndIconsProps) => {\n const [leftContent, rightContent] = useMemo(() => {\n let leftContent\n let rightContent\n\n if (iconLeft || iconLeftUrl) {\n const onLeftIconClickProps = onLeftIconClick ? ({\n onClick: onLeftIconClick,\n onKeyDown: onLeftIconClick,\n role: 'button',\n tabIndex: -1,\n 'data-testid': 'text-content-icon-left',\n }) : {}\n\n leftContent = (\n <IconBase iconUrl={iconLeftUrl} size={iconSize} color={iconColor} {...onLeftIconClickProps}>\n {iconLeft && iconLeft}\n </IconBase>)\n }\n if (iconRight || iconRightUrl) {\n const onRightIconClickProps = onRightIconClick ? ({\n onClick: onRightIconClick,\n onKeyDown: onRightIconClick,\n role: 'button',\n tabIndex: -1,\n 'data-testid': 'text-content-icon-right',\n }) : {}\n\n rightContent = (\n <IconBase iconUrl={iconRightUrl} size={iconSize} color={iconColor} {...onRightIconClickProps}>\n {iconRight && iconRight}\n </IconBase>)\n }\n return [leftContent, rightContent]\n }, [iconColor, iconLeft, iconLeftUrl, iconRight, iconRightUrl, iconSize, onLeftIconClick, onRightIconClick])\n\n\n return (\n <TextAndContent\n leftContent={leftContent}\n rightContent={rightContent}\n {...props}\n />\n )\n})\n\nTextAndIcons.displayName = 'TextAndIcons'\n"],"names":["TextAndContent","memo","_ref","text","children","components","leftContent","rightContent","textProps","className","props","PropsValidationError","TextComponent","BodyText","React","createElement","LayoutBox","_extends","classes","textAndContent","displayName","TextAndIcons","_ref2","iconSize","iconColor","iconLeft","iconRight","iconLeftUrl","iconRightUrl","onLeftIconClick","onRightIconClick","useMemo","onLeftIconClickProps","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","size","color","onRightIconClickProps"],"mappings":"wZAiBaA,EAA0CC,GAA0BC,IAStD,IATuDC,KAChFA,EAAIC,SACJA,EAAQC,WACRA,EAAUC,YACVA,EAAWC,aACXA,EAAYC,UACZA,EAAY,CAAE,EAAAC,UACdA,EAAY,MACTC,GACiBR,EACpB,GAAI,MAACC,IAAyCC,EAC5C,MAAM,IAAIO,EAAqB,wCAGjC,MAAMC,EAAgBP,GAAYO,eAAiBC,EAEnD,OACEC,MAAAC,cAACC,EAASC,EAAA,CACRR,UAAW,GAAGS,EAAQC,kBAAkBV,KACpCC,GAEHJ,GAAeA,EAChBQ,MAAAC,cAACH,EAAaK,EAAA,CAACR,UAAU,iBAAoBD,EAAS,CAAE,cAAY,gCAA+BL,GAAQC,GAC1GG,GAAgBA,EACP,IAIhBP,EAAeoB,YAAc,uBAShBC,EAAsCpB,GAAwBqB,IAUlD,IAVmDC,SAC1EA,EAAQC,UACRA,EAASC,SACTA,EAAQC,UACRA,EAASC,YACTA,EAAWC,aACXA,EAAYC,gBACZA,EAAeC,iBACfA,KACGpB,GACeY,EAClB,MAAOhB,EAAaC,GAAgBwB,GAAQ,KAC1C,IAAIzB,EACAC,EAEJ,GAAIkB,GAAYE,EAAa,CAC3B,MAAMK,EAAuBH,EAAmB,CAC9CI,QAASJ,EACTK,UAAWL,EACXM,KAAM,SACNC,UAAW,EACX,cAAe,0BACZ,GAEL9B,EACEQ,MAAAC,cAACsB,EAAQpB,EAAA,CAACqB,QAASX,EAAaY,KAAMhB,EAAUiB,MAAOhB,GAAeQ,GACnEP,GAAYA,EAEnB,CACA,GAAIC,GAAaE,EAAc,CAC7B,MAAMa,EAAwBX,EAAoB,CAChDG,QAASH,EACTI,UAAWJ,EACXK,KAAM,SACNC,UAAW,EACX,cAAe,2BACZ,GAEL7B,EACEO,MAAAC,cAACsB,EAAQpB,EAAA,CAACqB,QAASV,EAAcW,KAAMhB,EAAUiB,MAAOhB,GAAeiB,GACpEf,GAAaA,EAEpB,CACA,MAAO,CAACpB,EAAaC,EAAa,GACjC,CAACiB,EAAWC,EAAUE,EAAaD,EAAWE,EAAcL,EAAUM,EAAiBC,IAG1F,OACEhB,MAAAC,cAACf,EAAciB,EAAA,CACbX,YAAaA,EACbC,aAAcA,GACVG,GACJ,IAINW,EAAaD,YAAc"}
@@ -0,0 +1,2 @@
1
+ var t={textAndContent:"textAndContent-module_textAndContent__X5P1n"};export{t as default};
2
+ //# sourceMappingURL=textAndContent.module.scss.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"textAndContent.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ class r extends Error{constructor(r){super(r),this.name="PropsValidationError"}}export{r as PropsValidationError};
2
+ //# sourceMappingURL=propsValidationError.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"propsValidationError.js","sources":["../../../../../../../../src/core/ui/components/error/propsValidationError.ts"],"sourcesContent":["export class PropsValidationError extends Error {\n constructor(message:string) {\n super(message)\n this.name = 'PropsValidationError'\n }\n}\n"],"names":["PropsValidationError","Error","constructor","message","super","this","name"],"mappings":"AAAO,MAAMA,UAA6BC,MACxCC,WAAAA,CAAYC,GACVC,MAAMD,GACNE,KAAKC,KAAO,sBACd"}
@@ -1,2 +1,2 @@
1
- export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./utils/style.js";export{LayoutBox}from"./components/container/layoutBox/LayoutBox.js";export{LayoutDirection}from"./components/container/layoutBox/layoutBox.types.js";export{LazyComponent,PendingBoundary,createLazyModule,createLazyModuleWithStore,wrapPromise}from"./components/container/lazyComponent/LazyComponent.js";export{CollapsibleContainer}from"./components/container/CollapsibleContainer.js";export{ResizableContainer}from"./components/container/ResizableContainer.js";export{DefaultErrorComponent,ErrorBoundary}from"./components/error/ErrorBoundary.js";export{Field,Select,setIconColor,setIconComponent}from"./components/field/Field.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./components/dividers/DividerLine.js";export{IconBase}from"./components/icon/IconBase.js";export{Icon}from"./components/icon/Icon.js";export{ESIcon,ESIconBase}from"./components/icon/IconWC.js";export{Button,keys}from"./components/atoms/button/Button.js";export{Text}from"./components/atoms/text/Text.js";export{Headline,HeadlineSecondary,HeadlineTertiary}from"./components/atoms/text/Headline.js";export{Paragraph,ParagraphBold,ParagraphBoldSmall,ParagraphSmall}from"./components/atoms/text/Paragraph.js";export{Link}from"./components/atoms/text/Link.js";export{AnchorLink}from"./components/atoms/text/anchor-link/AnchorLink.js";export{FlowLayout}from"./components/molecules/layouts/FlowLayout.js";export{Popover}from"./components/molecules/popover/PopoverLite.js";export{Tooltip}from"./components/molecules/popover/Tooltip.js";export{PopoverPlacement}from"./components/molecules/popover/popover.types.js";export{Popup}from"./components/molecules/popup/Popup.js";export{PopupAnimateVariant}from"./components/molecules/popup/popup.types.js";
1
+ export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./utils/style.js";export{LayoutBox}from"./components/container/layoutBox/LayoutBox.js";export{LayoutDirection}from"./components/container/layoutBox/layoutBox.types.js";export{LazyComponent,PendingBoundary,createLazyModule,createLazyModuleWithStore,wrapPromise}from"./components/container/lazyComponent/LazyComponent.js";export{CollapsibleContainer}from"./components/container/CollapsibleContainer.js";export{ResizableContainer}from"./components/container/ResizableContainer.js";export{DefaultErrorComponent,ErrorBoundary}from"./components/error/ErrorBoundary.js";export{Field,Select,setIconColor,setIconComponent}from"./components/field/Field.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./components/dividers/DividerLine.js";export{IconBase}from"./components/icon/IconBase.js";export{Icon}from"./components/icon/Icon.js";export{ESIcon,ESIconBase}from"./components/icon/IconWC.js";export{Button,keys}from"./components/atoms/button/Button.js";export{Text}from"./components/atoms/text/Text.js";export{Headline,HeadlineSecondary,HeadlineTertiary}from"./components/atoms/text/Headline.js";export{Paragraph,ParagraphBold,ParagraphBoldSmall,ParagraphSmall}from"./components/atoms/text/Paragraph.js";export{Link}from"./components/atoms/text/Link.js";export{AnchorLink}from"./components/atoms/text/anchor-link/AnchorLink.js";export{TextAndContent,TextAndIcons}from"./components/atoms/textAndContent/TextAndContent.js";export{Tag}from"./components/atoms/tag/Tag.js";export{TagVariant}from"./components/atoms/tag/tag.types.js";export{FlowLayout}from"./components/molecules/layouts/FlowLayout.js";export{Popover}from"./components/molecules/popover/PopoverLite.js";export{Tooltip}from"./components/molecules/popover/Tooltip.js";export{PopoverPlacement}from"./components/molecules/popover/popover.types.js";export{Popup}from"./components/molecules/popup/Popup.js";export{PopupAnimateVariant}from"./components/molecules/popup/popup.types.js";
2
2
  //# sourceMappingURL=index.js.map
package/dist/ui/index.css CHANGED
@@ -444,6 +444,11 @@
444
444
  .cui-theme-light .button-module_button__NDMQS {
445
445
  color: #090A0A;
446
446
  }
447
+ .textAndContent-module_textAndContent__X5P1n {
448
+ align-items: baseline;
449
+ flex-shrink: 1;
450
+ gap: 8px;
451
+ }
447
452
  .flowLayout-module_flowLayout__VHpnY {
448
453
  overflow: auto;
449
454
  }
@@ -689,4 +694,169 @@
689
694
  .popup-overlay-module_popup-modal-overlay__dlJqM[data-show=false] {
690
695
  opacity: 0;
691
696
  visibility: hidden;
697
+ }
698
+ :root {
699
+ --divider-line: #4a4b4b;
700
+ }
701
+
702
+ .tag-module_overflow-hidden__wlxDI, .tag-module_text-truncate__xqW1- {
703
+ overflow: hidden !important;
704
+ }
705
+
706
+ .tag-module_text-nowrap__CHhhg, .tag-module_text-truncate__xqW1- {
707
+ white-space: nowrap !important;
708
+ }
709
+
710
+ .tag-module_text-ellipsis__UX32n, .tag-module_text-truncate__xqW1- {
711
+ text-overflow: ellipsis !important;
712
+ }
713
+
714
+ .tag-module_tag__rGA-E {
715
+ display: inline-flex;
716
+ flex-direction: row;
717
+ padding: 4px 8px;
718
+ gap: 4px;
719
+ min-height: 18px;
720
+ border-radius: 4px;
721
+ border-width: 1px;
722
+ border-style: solid;
723
+ align-items: center;
724
+ min-width: "auto";
725
+ width: "auto";
726
+ }
727
+ .tag-module_tag__rGA-E .icon-base {
728
+ color: #E2E369 !important;
729
+ }
730
+ .tag-module_tag__rGA-E .tag-module_text__WpK6w {
731
+ white-space: nowrap;
732
+ }
733
+ .tag-module_tag__rGA-E.tag-module_in-table__cWTuJ {
734
+ justify-content: center;
735
+ align-items: center;
736
+ overflow: hidden !important;
737
+ white-space: nowrap !important;
738
+ text-overflow: ellipsis !important;
739
+ }
740
+ .tag-module_tag__rGA-E.tag-module_default__6cv6k {
741
+ background-color: #434747;
742
+ border-color: #515757;
743
+ color: #F4F4F4;
744
+ }
745
+ .tag-module_tag__rGA-E.tag-module_clickable__W6arw {
746
+ cursor: pointer;
747
+ transition: background-color 0.25s ease;
748
+ }
749
+ .tag-module_tag__rGA-E.tag-module_clickable__W6arw.tag-module_default__6cv6k:hover {
750
+ background-color: #515757;
751
+ }
752
+
753
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_info__PMCQH {
754
+ background-color: #203439;
755
+ border-color: #80D9F3;
756
+ color: #80D9F3;
757
+ }
758
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_very-low__a6WSr {
759
+ background-color: #212A04;
760
+ border-color: #B1E02C;
761
+ color: #B1E02C;
762
+ }
763
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_low__57msG {
764
+ background-color: #353505;
765
+ border-color: #E2E369;
766
+ color: #E2E369;
767
+ }
768
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_medium__PtVKT {
769
+ background-color: #632E03;
770
+ border-color: #FD8F3E;
771
+ color: #FD8F3E;
772
+ }
773
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_high__8ayT0 {
774
+ background-color: #371A1A;
775
+ border-color: #FD553E;
776
+ color: #FD553E;
777
+ }
778
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_critical__fT5Pe {
779
+ background-color: #311616;
780
+ border-color: #EC515B;
781
+ color: #EC515B;
782
+ }
783
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_information__gjuZe {
784
+ background-color: #203439;
785
+ border-color: #02B3E6;
786
+ color: #02B3E6;
787
+ }
788
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_success__M-mEI {
789
+ background-color: #212A04;
790
+ border-color: #30D136;
791
+ color: #30D136;
792
+ }
793
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_alert__1NDIs {
794
+ background-color: #311616;
795
+ border-color: #FD553E;
796
+ color: #FD553E;
797
+ }
798
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_error__fo8QB {
799
+ background-color: #311616;
800
+ border-color: #FD553E;
801
+ color: #FD553E;
802
+ }
803
+ .cui-theme-dark .tag-module_tag__rGA-E.tag-module_warning__29pni {
804
+ background-color: #632E03;
805
+ border-color: #FD8F3E;
806
+ color: #FD8F3E;
807
+ }
808
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_info__PMCQH {
809
+ background-color: #80D9F3;
810
+ border-color: #80D9F3;
811
+ color: #203439;
812
+ }
813
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_very-low__a6WSr {
814
+ background-color: #B1E02C;
815
+ border-color: #B1E02C;
816
+ color: #212A04;
817
+ }
818
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_low__57msG {
819
+ background-color: #E2E369;
820
+ border-color: #E2E369;
821
+ color: #353505;
822
+ }
823
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_medium__PtVKT {
824
+ background-color: #FD8F3E;
825
+ border-color: #FD8F3E;
826
+ color: #632E03;
827
+ }
828
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_high__8ayT0 {
829
+ background-color: #FD553E;
830
+ border-color: #FD553E;
831
+ color: #371A1A;
832
+ }
833
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_critical__fT5Pe {
834
+ background-color: #EC515B;
835
+ border-color: #EC515B;
836
+ color: #311616;
837
+ }
838
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_information__gjuZe {
839
+ background-color: #02B3E6;
840
+ border-color: #02B3E6;
841
+ color: #203439;
842
+ }
843
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_success__M-mEI {
844
+ background-color: #30D136;
845
+ border-color: #30D136;
846
+ color: #212A04;
847
+ }
848
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_alert__1NDIs {
849
+ background-color: #FD553E;
850
+ border-color: #FD553E;
851
+ color: #311616;
852
+ }
853
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_error__fo8QB {
854
+ background-color: #FD553E;
855
+ border-color: #FD553E;
856
+ color: #311616;
857
+ }
858
+ .cui-theme-light .tag-module_tag__rGA-E.tag-module_warning__29pni {
859
+ background-color: #FD8F3E;
860
+ border-color: #FD8F3E;
861
+ color: #632E03;
692
862
  }
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("react"),s=require("../utils/helpers/ui.js");exports.useClassNames=(r,u)=>e.useMemo((()=>s.classNames(...r)),[r,u]);
2
+ //# sourceMappingURL=useClassNames.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useClassNames.js","sources":["../../../../../src/core/hooks/useClassNames.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { classNames, TClassName } from '../utils/helpers/ui'\n\n\n/**\n * Custom hook to memoize class names.\n * @param {TClassName[]} classes - Array of class names or conditions to be applied.\n * @param {unknown[]} deps - Dependencies array for the `useMemo` hook.\n * @returns {ReturnType<typeof classNames>} The computed class names as a string.\n */\nexport const useClassNames = (\n classes: TClassName[],\n deps: unknown[],\n// eslint-disable-next-line react-hooks/exhaustive-deps\n): ReturnType<typeof classNames> => useMemo(() => classNames(...classes), [classes, deps])\n"],"names":["useClassNames","classes","deps","useMemo","classNames"],"mappings":"8FAW6BA,CAC3BC,EACAC,IAEkCC,EAAOA,SAAC,IAAMC,EAAAA,cAAcH,IAAU,CAACA,EAASC"}
@@ -1 +1 @@
1
- {"version":3,"file":"icons.js","sources":["../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react'\n\nexport const closeIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' /></svg>\n)\nexport const infoIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z' /></svg>\n\n)\n"],"names":["closeIconJSX","React","createElement","xmlns","viewBox","default","d","infoIconJSX"],"mappings":"0FAIaA,MAAAA,EACXC,EAAAA,QAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAI,QAAAH,cAAA,OAAA,CAAMI,EAAE,ygBAE3DC,EACXN,EAAAA,QAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAI,QAAAH,cAAA,OAAA,CAAMI,EAAE"}
1
+ {"version":3,"file":"icons.js","sources":["../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react'\n\nexport const closeIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' /></svg>\n)\nexport const infoIconJSX = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z' /></svg>\n\n)\n\n\nexport const appStoreIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M255.9 120.9l9.1-15.7c5.6-9.8 18.1-13.1 27.9-7.5 9.8 5.6 13.1 18.1 7.5 27.9l-87.5 151.5h63.3c20.5 0 32 24.1 23.1 40.8H113.8c-11.3 0-20.4-9.1-20.4-20.4 0-11.3 9.1-20.4 20.4-20.4h52l66.6-115.4-20.8-36.1c-5.6-9.8-2.3-22.2 7.5-27.9 9.8-5.6 22.2-2.3 27.9 7.5l8.9 15.7zm-78.7 218l-19.6 34c-5.6 9.8-18.1 13.1-27.9 7.5-9.8-5.6-13.1-18.1-7.5-27.9l14.6-25.2c16.4-5.1 29.8-1.2 40.4 11.6zm168.9-61.7h53.1c11.3 0 20.4 9.1 20.4 20.4 0 11.3-9.1 20.4-20.4 20.4h-29.5l19.9 34.5c5.6 9.8 2.3 22.2-7.5 27.9-9.8 5.6-22.2 2.3-27.9-7.5-33.5-58.1-58.7-101.6-75.4-130.6-17.1-29.5-4.9-59.1 7.2-69.1 13.4 23 33.4 57.7 60.1 104zM256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216z' /></svg>\n)\n\n\nexport const batteryEmptyIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M544 192V160c0-35.35-28.65-64-64-64H64C28.65 96 0 124.7 0 160v192c0 35.35 28.65 64 64 64h416c35.35 0 64-28.65 64-64v-32c17.67 0 32-14.33 32-32V224C576 206.3 561.7 192 544 192zM480 352H64V160h416V352z' /></svg>\n)\n\n\nexport const elementorIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M425.6 32H22.4C10 32 0 42 0 54.4v403.2C0 470 10 480 22.4 480h403.2c12.4 0 22.4-10 22.4-22.4V54.4C448 42 438 32 425.6 32M164.3 355.5h-39.8v-199h39.8v199zm159.3 0H204.1v-39.8h119.5v39.8zm0-79.6H204.1v-39.8h119.5v39.8zm0-79.7H204.1v-39.8h119.5v39.8z' /></svg>\n)\n\nexport const squareCheckIcon = (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M384 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V96C448 60.65 419.3 32 384 32zM400 416c0 8.836-7.164 16-16 16H64c-8.836 0-16-7.164-16-16V96c0-8.838 7.164-16 16-16h320c8.836 0 16 7.162 16 16V416zM303 175L192 286.1L144.1 239c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l64 64C179.7 341.7 185.8 344 192 344s12.28-2.344 16.97-7.031l128-128c9.375-9.375 9.375-24.56 0-33.94S312.4 165.7 303 175z' /></svg>\n)\n\nexport const pencilIcon = (\n <svg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'>\n <path d='M8.91878 3.38356L6.59333 1.08219L7.35936 0.315069C7.56911 0.105023 7.82682 0 8.13251 0C8.43782 0 8.69536 0.105023 8.9051 0.315069L9.67113 1.08219C9.88088 1.29224 9.99031 1.54575 9.99943 1.84274C10.0086 2.13936 9.90824 2.39269 9.69849 2.60274L8.91878 3.38356ZM8.12539 4.19178L2.32545 10H0V7.67123L5.79994 1.86301L8.12539 4.19178Z' fill='#E2E369' />\n </svg>\n\n)\n"],"names":["closeIconJSX","React","createElement","xmlns","viewBox","default","d","infoIconJSX"],"mappings":"0FAIaA,MAAAA,EACXC,EAAAA,QAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAI,QAAAH,cAAA,OAAA,CAAMI,EAAE,ygBAE3DC,EACXN,EAAAA,QAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,EAAAI,QAAAH,cAAA,OAAA,CAAMI,EAAE"}
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("../textAndContent/TextAndContent.js"),s=require("../../container/layoutBox/LayoutBox.js"),r=require("./tag.module.scss.js"),l=require("./tag.types.js"),n=require("../text/Text.js"),i=require("../../../../hooks/useClassNames.js"),o=require("../../../../hooks/useResize.js"),c=require("../../molecules/popover/Tooltip.js"),u=require("../../../../hooks/useParseProps.js"),d=require("../../../../utils/helpers/text.js");const m={position:"absolute",top:0,background:"transparent",zIndex:0,userSelect:"none"},h=t.memo((h=>{let{variant:p=l.TagVariant.default,text:x,hashtag:g,components:R,onClick:f,children:q,inTable:T,className:j="",...E}=h;const k=R?.TextComponent||n.Text,v=i.useClassNames([r.default.tag,p&&r.default[p],f&&r.default.clickable,T&&r.default["in-table"],j],[r.default]),{dataProps:C,restProps:N}=u.useParseProps(E),[P,b]=t.useState(!1),y=t.useRef(null),L=t.useRef(null),[w]=o.useResize(50,(e=>{let{width:t,height:a}=e;const s=w.current;s&&b(s.offsetWidth<s.scrollWidth),y.current={width:t,height:a}})),I=t.useMemo((()=>!!(q||x||N?.iconLeftUrl||N?.iconLeft||N?.iconRightUrl||N?.iconRight)),[q,x,N?.iconLeftUrl,N?.iconLeft,N?.iconRightUrl,N?.iconRight]),z=t.useMemo((()=>P?{...m,width:`${y?.current?.width}px`,height:`${y?.current?.height}px`}:null),[P,y?.current]);return React.createElement(React.Fragment,null,React.createElement(s.LayoutBox,e.extends({id:`${void 0!==E.id&&E.id||x&&d.composeId(x)}`,className:v},C,N,{"data-testid":`${C.dataTestId||C["data-testid"]||E.id||x&&d.composeId(x)}`,onClick:f}),g&&React.createElement(k,null,"#"),I&&React.createElement(a.TextAndIcons,e.extends({className:r.default.text,iconSize:"0.8em"},N,{width:"auto"}),React.createElement("div",{ref:w,className:"text-truncate"},P&&React.createElement(React.Fragment,null,React.createElement("div",{ref:L,style:z}),React.createElement("span",null,q||x)),!P&&(q||x)))),P&&React.createElement(c.Tooltip,{text:x,targetRef:L}))}));h.displayName="Tag",exports.Tag=h;
2
+ //# sourceMappingURL=Tag.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tag.js","sources":["../../../../../../../../src/core/ui/components/atoms/tag/Tag.tsx"],"sourcesContent":["import { memo, FC, useMemo, useRef, CSSProperties, useState, RefObject } from 'react'\n\nimport { TextAndIcons } from '../textAndContent/TextAndContent'\nimport { LayoutBox } from '../../container/layoutBox/LayoutBox'\nimport { useClassNames, useParseProps, useResize, WrapperSize } from '../../../../hooks'\nimport { composeId } from '../../../../utils'\nimport { Tooltip } from '../../molecules'\nimport { Text as BodyText } from '../text'\n\nimport classes from './tag.module.scss'\nimport { TagProps, TagVariant } from './tag.types'\n\n\nconst styles = {\n textWrapper: { position: 'relative' },\n textTransformedWrapperTipPlaceholder: {\n position: 'absolute',\n top: 0,\n background: 'transparent',\n zIndex: 0,\n userSelect: 'none',\n },\n}\n\n/**\n * Tag component.\n * *\n * @type {React.FC<TagProps>}\n * @returns {React.ReactElement} The Tag.\n */\nexport const Tag: FC<TagProps> = memo<TagProps>(({\n variant = TagVariant.default,\n text,\n hashtag,\n components,\n onClick,\n children,\n inTable,\n className = '',\n ...props\n}: TagProps) => {\n const TextComponent = components?.TextComponent || BodyText\n\n const classesResolved = useClassNames([\n classes.tag,\n variant && classes[variant],\n onClick && classes.clickable,\n inTable && classes['in-table'],\n className,\n ], [classes])\n\n const { dataProps, restProps } = useParseProps(props)\n const [isTruncated, setIsTruncated] = useState(false)\n\n const wrapperSizeRef = useRef<WrapperSize | null>(null)\n const tooltipTargetRef = useRef<HTMLDivElement | null>(null)\n\n const [textRef] = useResize(50, ({ width, height }: WrapperSize) => {\n const element = textRef.current\n\n if (element) {\n setIsTruncated(element.offsetWidth < element.scrollWidth)\n }\n wrapperSizeRef.current = { width, height }\n })\n\n const hasContent = useMemo(() => !!(children\n || text\n || restProps?.iconLeftUrl\n || restProps?.iconLeft\n || restProps?.iconRightUrl\n || restProps?.iconRight\n ), [children, text, restProps?.iconLeftUrl, restProps?.iconLeft, restProps?.iconRightUrl, restProps?.iconRight])\n\n const stylesTipPlaceholder = useMemo(() => (isTruncated ? ({\n ...styles.textTransformedWrapperTipPlaceholder,\n width: `${wrapperSizeRef?.current?.width}px`,\n height: `${wrapperSizeRef?.current?.height}px`,\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }) : null), [isTruncated, wrapperSizeRef?.current])\n\n return (\n <>\n <LayoutBox\n id={`${(typeof props.id !== 'undefined' && props.id) || (text && composeId(text))}`}\n className={classesResolved}\n {...dataProps}\n {...restProps}\n data-testid={`${dataProps.dataTestId || dataProps['data-testid'] || props.id || (text && composeId(text))}`}\n onClick={onClick}\n >\n {hashtag && <TextComponent>#</TextComponent>}\n {hasContent\n && (\n <TextAndIcons\n className={classes.text}\n iconSize='0.8em'\n {...restProps}\n width='auto'\n >\n <div ref={textRef as RefObject<HTMLDivElement>} className='text-truncate'>\n {isTruncated && (\n <>\n <div ref={tooltipTargetRef} style={stylesTipPlaceholder as CSSProperties} />\n <span>{children || text}</span>\n </>\n )}\n {!isTruncated && (children || text)}\n </div>\n </TextAndIcons>\n )}\n </LayoutBox>\n {isTruncated && <Tooltip text={text} targetRef={tooltipTargetRef} />}\n </>\n )\n})\n\nTag.displayName = 'Tag'\n"],"names":["styles","position","top","background","zIndex","userSelect","Tag","memo","_ref","variant","TagVariant","default","text","hashtag","components","onClick","children","inTable","className","props","TextComponent","BodyText","classesResolved","useClassNames","classes","tag","clickable","dataProps","restProps","useParseProps","isTruncated","setIsTruncated","useState","wrapperSizeRef","useRef","tooltipTargetRef","textRef","useResize","_ref2","width","height","element","current","offsetWidth","scrollWidth","hasContent","useMemo","iconLeftUrl","iconLeft","iconRightUrl","iconRight","stylesTipPlaceholder","React","createElement","Fragment","LayoutBox","_extends","id","composeId","dataTestId","TextAndIcons","iconSize","ref","style","Tooltip","targetRef","displayName"],"mappings":"ohBAaA,MAAMA,EAEkC,CACpCC,SAAU,WACVC,IAAK,EACLC,WAAY,cACZC,OAAQ,EACRC,WAAY,QAUHC,EAAoBC,EAAIA,MAAWC,IAUhC,IAViCC,QAC/CA,EAAUC,EAAUA,WAACC,aACrBC,EAAIC,QACJA,EAAOC,WACPA,EAAUC,QACVA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,UACPA,EAAY,MACTC,GACMX,EACT,MAAMY,EAAgBN,GAAYM,eAAiBC,OAE7CC,EAAkBC,EAAaA,cAAC,CACpCC,EAAOb,QAACc,IACRhB,GAAWe,EAAAA,QAAQf,GACnBM,GAAWS,EAAAA,QAAQE,UACnBT,GAAWO,UAAQ,YACnBN,GACC,CAACM,EAAOb,WAELgB,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcV,IACxCW,EAAaC,GAAkBC,EAAQA,UAAC,GAEzCC,EAAiBC,SAA2B,MAC5CC,EAAmBD,SAA8B,OAEhDE,GAAWC,YAAU,IAAIC,IAAoC,IAAnCC,MAAEA,EAAKC,OAAEA,GAAqBF,EAC7D,MAAMG,EAAUL,EAAQM,QAEpBD,GACFV,EAAeU,EAAQE,YAAcF,EAAQG,aAE/CX,EAAeS,QAAU,CAAEH,QAAOC,SAAQ,IAGtCK,EAAaC,EAAAA,SAAQ,OAAS9B,GAC/BJ,GACAgB,GAAWmB,aACXnB,GAAWoB,UACXpB,GAAWqB,cACXrB,GAAWsB,YACb,CAAClC,EAAUJ,EAAMgB,GAAWmB,YAAanB,GAAWoB,SAAUpB,GAAWqB,aAAcrB,GAAWsB,YAE/FC,EAAuBL,WAAQ,IAAOhB,EAAe,IACtD9B,EACHuC,MAAO,GAAGN,GAAgBS,SAASH,UACnCC,OAAQ,GAAGP,GAAgBS,SAASF,YAEjC,MAAO,CAACV,EAAaG,GAAgBS,UAE1C,OACEU,MAAAC,cAAAD,MAAAE,SACEF,KAAAA,MAAAC,cAACE,EAASA,UAAAC,UAAA,CACRC,GAAI,QAAwB,IAAbtC,EAAMsC,IAAsBtC,EAAMsC,IAAQ7C,GAAQ8C,YAAU9C,KAC3EM,UAAWI,GACPK,EACAC,EAAS,CACb,cAAa,GAAGD,EAAUgC,YAAchC,EAAU,gBAAkBR,EAAMsC,IAAO7C,GAAQ8C,YAAU9C,KACnGG,QAASA,IAERF,GAAWuC,MAAAC,cAACjC,EAAc,KAAA,KAC1ByB,GAEGO,MAAAC,cAACO,EAAAA,aAAYJ,EAAAA,QAAA,CACXtC,UAAWM,EAAOb,QAACC,KACnBiD,SAAS,SACLjC,EAAS,CACbW,MAAM,SAENa,MAAAC,cAAA,MAAA,CAAKS,IAAK1B,EAAsClB,UAAU,iBACvDY,GACCsB,MAAAC,cAAAD,MAAAE,SAAA,KACEF,MAAAC,cAAA,MAAA,CAAKS,IAAK3B,EAAkB4B,MAAOZ,IACnCC,MAAAC,cAAA,OAAA,KAAOrC,GAAYJ,KAGrBkB,IAAgBd,GAAYJ,MAKvCkB,GAAesB,MAAAC,cAACW,UAAO,CAACpD,KAAMA,EAAMqD,UAAW9B,IAC/C,IAIP7B,EAAI4D,YAAc"}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"overflow-hidden":"tag-module_overflow-hidden__wlxDI","text-truncate":"tag-module_text-truncate__xqW1-","text-nowrap":"tag-module_text-nowrap__CHhhg","text-ellipsis":"tag-module_text-ellipsis__UX32n",tag:"tag-module_tag__rGA-E",text:"tag-module_text__WpK6w","in-table":"tag-module_in-table__cWTuJ",default:"tag-module_default__6cv6k",clickable:"tag-module_clickable__W6arw",info:"tag-module_info__PMCQH","very-low":"tag-module_very-low__a6WSr",low:"tag-module_low__57msG",medium:"tag-module_medium__PtVKT",high:"tag-module_high__8ayT0",critical:"tag-module_critical__fT5Pe",information:"tag-module_information__gjuZe",success:"tag-module_success__M-mEI",alert:"tag-module_alert__1NDIs",error:"tag-module_error__fo8QB",warning:"tag-module_warning__29pni"};
2
+ //# sourceMappingURL=tag.module.scss.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tag.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ "use strict";let r=function(r){return r.info="info",r.veryLow="very-low",r.low="low",r.medium="medium",r.high="high",r.critical="critical",r.information="information",r.success="success",r.alert="alert",r.error="error",r.warning="warning",r.default="default",r}({});exports.TagVariant=r;
2
+ //# sourceMappingURL=tag.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tag.types.js","sources":["../../../../../../../../src/core/ui/components/atoms/tag/tag.types.ts"],"sourcesContent":["import { PropsWithChildren, FC, MouseEvent } from 'react'\n\nimport { TextAndIconsProps } from '../textAndContent/textAndContent.types'\nimport { LayoutBoxProps } from '../../container/layoutBox/layoutBox.types'\nimport { CommonProps } from '../../../../types/CommonProps'\nimport { TextProps } from '../text/text.types'\n\n\nexport enum TagVariant {\n info = 'info',\n veryLow = 'very-low',\n low = 'low',\n medium = 'medium',\n high = 'high',\n critical = 'critical',\n information = 'information',\n success = 'success',\n alert = 'alert',\n error = 'error',\n warning = 'warning',\n default = 'default'\n}\n\nexport type TagProps = PropsWithChildren & CommonProps & TextAndIconsProps & LayoutBoxProps & {\n variant?: TagVariant\n text?: string\n hashtag?: boolean\n inTable?: boolean\n components?: {\n TextComponent?: FC<TextProps>\n }\n onClick?: (event?: MouseEvent) => void\n className?: string\n}\n"],"names":["TagVariant"],"mappings":"aAQYA,IAAAA,WAAAA,GAAU,OAAVA,EAAU,KAAA,OAAVA,EAAU,QAAA,WAAVA,EAAU,IAAA,MAAVA,EAAU,OAAA,SAAVA,EAAU,KAAA,OAAVA,EAAU,SAAA,WAAVA,EAAU,YAAA,cAAVA,EAAU,QAAA,UAAVA,EAAU,MAAA,QAAVA,EAAU,MAAA,QAAVA,EAAU,QAAA,UAAVA,EAAU,QAAA,UAAVA,CAAU,EAAA,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Headline.js","sources":["../../../../../../../../src/core/ui/components/atoms/text/Headline.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps, Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Headline = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headline} ${className}`} element='h1'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadline.displayName = 'Headline'\n\n\nexport const HeadlineSecondary = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headlineSecondary} ${className}`} element='h2'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadlineSecondary.displayName = 'HeadlineSecondary'\n\n\nexport const HeadlineTertiary = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headlineTertiary} ${className}`} element='h3'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadlineTertiary.displayName = 'HeadlineTertiary'\n"],"names":["Headline","memo","_ref","children","text","className","props","React","createElement","Text","_extends","classes","default","headline","element","displayName","HeadlineSecondary","_ref2","headlineSecondary","HeadlineTertiary","_ref3","headlineTertiary"],"mappings":"yKAMaA,MAAAA,EAAWC,EAAIA,MAC1BC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACC,YAAYR,IAAaS,QAAQ,OACrEX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAASe,YAAc,WAGVC,MAAAA,EAAoBf,EAAIA,MACnCgB,IAAA,IAACd,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBW,EAAA,OACvDV,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACM,qBAAqBb,IAAaS,QAAQ,OAC9EX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXY,EAAkBD,YAAc,oBAGnBI,MAAAA,EAAmBlB,EAAIA,MAClCmB,IAAA,IAACjB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBc,EAAA,OACvDb,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACS,oBAAoBhB,IAAaS,QAAQ,OAC7EX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXe,EAAiBJ,YAAc"}
1
+ {"version":3,"file":"Headline.js","sources":["../../../../../../../../src/core/ui/components/atoms/text/Headline.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Headline = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headline} ${className}`} element='h1'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadline.displayName = 'Headline'\n\n\nexport const HeadlineSecondary = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headlineSecondary} ${className}`} element='h2'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadlineSecondary.displayName = 'HeadlineSecondary'\n\n\nexport const HeadlineTertiary = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.headlineTertiary} ${className}`} element='h3'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nHeadlineTertiary.displayName = 'HeadlineTertiary'\n"],"names":["Headline","memo","_ref","children","text","className","props","React","createElement","Text","_extends","classes","default","headline","element","displayName","HeadlineSecondary","_ref2","headlineSecondary","HeadlineTertiary","_ref3","headlineTertiary"],"mappings":"yKAOaA,MAAAA,EAAWC,EAAIA,MAC1BC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACC,YAAYR,IAAaS,QAAQ,OACrEX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAASe,YAAc,WAGVC,MAAAA,EAAoBf,EAAIA,MACnCgB,IAAA,IAACd,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBW,EAAA,OACvDV,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACM,qBAAqBb,IAAaS,QAAQ,OAC9EX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXY,EAAkBD,YAAc,oBAGnBI,MAAAA,EAAmBlB,EAAIA,MAClCmB,IAAA,IAACjB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBc,EAAA,OACvDb,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACS,oBAAoBhB,IAAaS,QAAQ,OAC7EX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXe,EAAiBJ,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"Link.js","sources":["../../../../../../../../src/core/ui/components/atoms/text/Link.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps, Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Link = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.link} ${className}`} element='a'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nLink.displayName = 'Link'\n\n"],"names":["Link","memo","_ref","children","text","className","props","React","createElement","Text","_extends","classes","default","link","element","displayName"],"mappings":"yKAMaA,MAAAA,EAAOC,EAAIA,MACtBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACC,QAAQR,IAAaS,QAAQ,MACjEX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAKe,YAAc"}
1
+ {"version":3,"file":"Link.js","sources":["../../../../../../../../src/core/ui/components/atoms/text/Link.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Link = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.link} ${className}`} element='a'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nLink.displayName = 'Link'\n\n"],"names":["Link","memo","_ref","children","text","className","props","React","createElement","Text","_extends","classes","default","link","element","displayName"],"mappings":"yKAOaA,MAAAA,EAAOC,EAAIA,MACtBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACC,QAAQR,IAAaS,QAAQ,MACjEX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAKe,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"Paragraph.js","sources":["../../../../../../../../src/core/ui/components/atoms/text/Paragraph.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps, Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Paragraph = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraph} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraph.displayName = 'Paragraph'\n\n\nexport const ParagraphSmall = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraphSmall} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraphSmall.displayName = 'ParagraphSmall'\n\n\nexport const ParagraphBold = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraphBold} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraphBold.displayName = 'ParagraphBold'\n\n\nexport const ParagraphBoldSmall = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraphBoldSmall} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraphBoldSmall.displayName = 'ParagraphBoldSmall'\n"],"names":["Paragraph","memo","_ref","children","text","className","props","React","createElement","Text","_extends","classes","default","paragraph","element","displayName","ParagraphSmall","_ref2","paragraphSmall","ParagraphBold","_ref3","paragraphBold","ParagraphBoldSmall","_ref4","paragraphBoldSmall"],"mappings":"yKAMaA,MAAAA,EAAYC,EAAIA,MAC3BC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACC,aAAaR,IAAaS,QAAQ,MACtEX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAUe,YAAc,YAGXC,MAAAA,EAAiBf,EAAIA,MAChCgB,IAAA,IAACd,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBW,EAAA,OACvDV,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACM,kBAAkBb,IAAaS,QAAQ,MAC3EX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXY,EAAeD,YAAc,iBAGhBI,MAAAA,EAAgBlB,EAAIA,MAC/BmB,IAAA,IAACjB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBc,EAAA,OACvDb,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACS,iBAAiBhB,IAAaS,QAAQ,MAC1EX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXe,EAAcJ,YAAc,gBAGfO,MAAAA,EAAqBrB,EAAIA,MACpCsB,IAAA,IAACpB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBiB,EAAA,OACvDhB,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACY,sBAAsBnB,IAAaS,QAAQ,MAC/EX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXkB,EAAmBP,YAAc"}
1
+ {"version":3,"file":"Paragraph.js","sources":["../../../../../../../../src/core/ui/components/atoms/text/Paragraph.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Paragraph = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraph} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraph.displayName = 'Paragraph'\n\n\nexport const ParagraphSmall = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraphSmall} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraphSmall.displayName = 'ParagraphSmall'\n\n\nexport const ParagraphBold = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraphBold} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraphBold.displayName = 'ParagraphBold'\n\n\nexport const ParagraphBoldSmall = memo(\n ({ children, text, className = '', ...props }: ITextProps) => (\n <Text {...props} className={`${classes.paragraphBoldSmall} ${className}`} element='p'>\n {children && children}\n {(!children && text) && text}\n </Text>\n ),\n)\n\nParagraphBoldSmall.displayName = 'ParagraphBoldSmall'\n"],"names":["Paragraph","memo","_ref","children","text","className","props","React","createElement","Text","_extends","classes","default","paragraph","element","displayName","ParagraphSmall","_ref2","paragraphSmall","ParagraphBold","_ref3","paragraphBold","ParagraphBoldSmall","_ref4","paragraphBoldSmall"],"mappings":"yKAOaA,MAAAA,EAAYC,EAAIA,MAC3BC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACC,aAAaR,IAAaS,QAAQ,MACtEX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAAUe,YAAc,YAGXC,MAAAA,EAAiBf,EAAIA,MAChCgB,IAAA,IAACd,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBW,EAAA,OACvDV,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACM,kBAAkBb,IAAaS,QAAQ,MAC3EX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXY,EAAeD,YAAc,iBAGhBI,MAAAA,EAAgBlB,EAAIA,MAC/BmB,IAAA,IAACjB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBc,EAAA,OACvDb,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACS,iBAAiBhB,IAAaS,QAAQ,MAC1EX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXe,EAAcJ,YAAc,gBAGfO,MAAAA,EAAqBrB,EAAIA,MACpCsB,IAAA,IAACpB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBiB,EAAA,OACvDhB,MAAAC,cAACC,EAAAA,KAAIC,EAAAA,WAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAOC,QAACY,sBAAsBnB,IAAaS,QAAQ,MAC/EX,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXkB,EAAmBP,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"Text.js","sources":["../../../../../../../../src/core/ui/components/atoms/text/Text.tsx"],"sourcesContent":["import React, { memo, PropsWithChildren, CSSProperties, FC, MouseEventHandler, useMemo } from 'react'\n\nimport { CommonProps } from '../../../types/CommonProps'\nimport { composeId } from '../../../../utils'\nimport { useParseProps } from '../../../../hooks'\n\n\nexport interface ITextProps extends PropsWithChildren, CSSProperties, CommonProps {\n element?: string | FC\n className?: string\n text?: string\n href?: string\n target?: string\n onClick?: MouseEventHandler\n disabled?: boolean\n}\n\nexport type TextProps = ITextProps & { style?: CSSProperties; 'data-testid'?: string }\n\n\nexport const Text: FC<TextProps> = memo<ITextProps>((\n { element = 'span', children, href, target, className = '', id, onClick, text, ...rest }: ITextProps,\n) => {\n const { dataProps, restProps } = useParseProps(rest)\n const textFromChildren: string | undefined = text || children?.toString()\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n onKeyDown: onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return React.createElement<TextProps>(\n element,\n {\n id: `${id || (textFromChildren && composeId(textFromChildren))}`,\n href,\n text,\n target,\n className,\n ...onClickProps,\n style: restProps,\n ...dataProps,\n 'data-testid':\n `${dataProps.dataTestId || dataProps['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`,\n },\n children,\n )\n})\n\nText.displayName = 'Text'\n"],"names":["Text","memo","_ref","element","children","href","target","className","id","onClick","text","rest","dataProps","restProps","useParseProps","textFromChildren","toString","onClickProps","useMemo","onKeyDown","role","tabIndex","React","default","createElement","composeId","style","dataTestId","displayName"],"mappings":"uMAoBaA,EAAsBC,EAAIA,MAAaC,IAE/C,IADHC,QAAEA,EAAU,OAAMC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,UAAEA,EAAY,GAAEC,GAAEA,EAAEC,QAAEA,OAASC,KAASC,GAAkBT,EAEpG,MAAMU,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcH,GACzCI,EAAuCL,GAAQN,GAAUY,WAEzDC,EAAeC,WAAQ,IAAOT,EAAW,CAC7CA,UACAU,UAAWV,EACXW,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACZ,IAEX,OAAOa,EAAKC,QAACC,cACXrB,EACA,CACEK,GAAI,GAAGA,GAAOO,GAAoBU,EAASA,UAACV,KAC5CV,YACAK,EACAJ,SACAC,eACGU,EACHS,MAAOb,KACJD,EACH,cACA,GAAGA,EAAUe,YAAcf,EAAU,gBAAkBJ,GAAOO,GAAoBU,YAAUV,MAE9FX,EACD,IAGHJ,EAAK4B,YAAc"}
1
+ {"version":3,"file":"Text.js","sources":["../../../../../../../../src/core/ui/components/atoms/text/Text.tsx"],"sourcesContent":["import React, { memo, FC, useMemo } from 'react'\n\nimport { composeId } from '../../../../utils'\nimport { useParseProps } from '../../../../hooks'\n\nimport { ITextProps, TextProps } from './text.types'\n\n\nexport const Text: FC<TextProps> = memo<ITextProps>((\n { element = 'span', children, href, target, className = '', id, onClick, text, ...rest }: ITextProps,\n) => {\n const { dataProps, restProps } = useParseProps(rest)\n const textFromChildren: string | undefined = text || children?.toString()\n\n const onClickProps = useMemo(() => (onClick ? ({\n onClick,\n onKeyDown: onClick,\n role: 'button',\n tabIndex: -1,\n }) : {}), [onClick])\n\n return React.createElement<TextProps>(\n element,\n {\n id: `${id || (textFromChildren && composeId(textFromChildren))}`,\n href,\n text,\n target,\n className,\n ...onClickProps,\n style: restProps,\n ...dataProps,\n 'data-testid':\n `${dataProps.dataTestId || dataProps['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`,\n },\n children,\n )\n})\n\nText.displayName = 'Text'\n"],"names":["Text","memo","_ref","element","children","href","target","className","id","onClick","text","rest","dataProps","restProps","useParseProps","textFromChildren","toString","onClickProps","useMemo","onKeyDown","role","tabIndex","React","default","createElement","composeId","style","dataTestId","displayName"],"mappings":"uMAQaA,EAAsBC,EAAIA,MAAaC,IAE/C,IADHC,QAAEA,EAAU,OAAMC,SAAEA,EAAQC,KAAEA,EAAIC,OAAEA,EAAMC,UAAEA,EAAY,GAAEC,GAAEA,EAAEC,QAAEA,OAASC,KAASC,GAAkBT,EAEpG,MAAMU,UAAEA,EAASC,UAAEA,GAAcC,EAAAA,cAAcH,GACzCI,EAAuCL,GAAQN,GAAUY,WAEzDC,EAAeC,WAAQ,IAAOT,EAAW,CAC7CA,UACAU,UAAWV,EACXW,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACZ,IAEX,OAAOa,EAAKC,QAACC,cACXrB,EACA,CACEK,GAAI,GAAGA,GAAOO,GAAoBU,EAASA,UAACV,KAC5CV,YACAK,EACAJ,SACAC,eACGU,EACHS,MAAOb,KACJD,EACH,cACA,GAAGA,EAAUe,YAAcf,EAAU,gBAAkBJ,GAAOO,GAAoBU,YAAUV,MAE9FX,EACD,IAGHJ,EAAK4B,YAAc"}
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),n=require("../../error/propsValidationError.js"),o=require("../text/Text.js"),r=require("./textAndContent.module.scss.js"),c=require("../../container/layoutBox/LayoutBox.js"),i=require("../../icon/IconBase.js");const s=t.memo((t=>{let{text:i,children:s,components:a,leftContent:l,rightContent:x,textProps:d={},className:u="",...m}=t;if(null==i&&!s)throw new n.PropsValidationError("Missing `text or children` property!");const p=a?.TextComponent||o.Text;return React.createElement(c.LayoutBox,e.extends({className:`${r.default.textAndContent} ${u}`},m),l&&l,React.createElement(p,e.extends({className:"text-truncate"},d,{"data-testid":"text-content-text-component"}),i||s),x&&x)}));s.displayName="TextAndContent";const a=t.memo((n=>{let{iconSize:o,iconColor:r,iconLeft:c,iconRight:a,iconLeftUrl:l,iconRightUrl:x,onLeftIconClick:d,onRightIconClick:u,...m}=n;const[p,C]=t.useMemo((()=>{let t,n;if(c||l){const n=d?{onClick:d,onKeyDown:d,role:"button",tabIndex:-1,"data-testid":"text-content-icon-left"}:{};t=React.createElement(i.IconBase,e.extends({iconUrl:l,size:o,color:r},n),c&&c)}if(a||x){const t=u?{onClick:u,onKeyDown:u,role:"button",tabIndex:-1,"data-testid":"text-content-icon-right"}:{};n=React.createElement(i.IconBase,e.extends({iconUrl:x,size:o,color:r},t),a&&a)}return[t,n]}),[r,c,l,a,x,o,d,u]);return React.createElement(s,e.extends({leftContent:p,rightContent:C},m))}));a.displayName="TextAndIcons",exports.TextAndContent=s,exports.TextAndIcons=a;
2
+ //# sourceMappingURL=TextAndContent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextAndContent.js","sources":["../../../../../../../../src/core/ui/components/atoms/textAndContent/TextAndContent.tsx"],"sourcesContent":["import { memo, FC, useMemo } from 'react'\n\nimport { PropsValidationError } from '../../error/propsValidationError'\nimport { IconBase } from '../../icon'\nimport { LayoutBox } from '../../container'\nimport { Text as BodyText } from '../text/Text'\n\nimport type { TextAndContentProps, TextAndIconsProps } from './textAndContent.types'\nimport classes from './textAndContent.module.scss'\n\n\n/**\n * TextAndContent component.\n *\n * @type {React.FC<TextAndContentProps>}\n * @returns {React.ReactElement} The TextAndContent.\n */\nexport const TextAndContent: FC<TextAndContentProps> = memo<TextAndContentProps>(({\n text,\n children,\n components,\n leftContent,\n rightContent,\n textProps = {},\n className = '',\n ...props\n}: TextAndContentProps) => {\n if ((text === undefined || text === null) && !children) {\n throw new PropsValidationError('Missing `text or children` property!')\n }\n\n const TextComponent = components?.TextComponent || BodyText\n\n return (\n <LayoutBox\n className={`${classes.textAndContent} ${className}`}\n {...props}\n >\n {leftContent && leftContent}\n <TextComponent className='text-truncate' {...textProps} data-testid='text-content-text-component'>{text || children}</TextComponent>\n {rightContent && rightContent}\n </LayoutBox>\n )\n})\n\nTextAndContent.displayName = 'TextAndContent'\n\n\n/**\n * TextAndIcons component.\n *\n * @type {React.FC<TextAndIconsProps>}\n * @returns {React.ReactElement} The TextAndIcons.\n */\nexport const TextAndIcons: FC<TextAndIconsProps> = memo<TextAndIconsProps>(({\n iconSize,\n iconColor,\n iconLeft,\n iconRight,\n iconLeftUrl,\n iconRightUrl,\n onLeftIconClick,\n onRightIconClick,\n ...props\n}: TextAndIconsProps) => {\n const [leftContent, rightContent] = useMemo(() => {\n let leftContent\n let rightContent\n\n if (iconLeft || iconLeftUrl) {\n const onLeftIconClickProps = onLeftIconClick ? ({\n onClick: onLeftIconClick,\n onKeyDown: onLeftIconClick,\n role: 'button',\n tabIndex: -1,\n 'data-testid': 'text-content-icon-left',\n }) : {}\n\n leftContent = (\n <IconBase iconUrl={iconLeftUrl} size={iconSize} color={iconColor} {...onLeftIconClickProps}>\n {iconLeft && iconLeft}\n </IconBase>)\n }\n if (iconRight || iconRightUrl) {\n const onRightIconClickProps = onRightIconClick ? ({\n onClick: onRightIconClick,\n onKeyDown: onRightIconClick,\n role: 'button',\n tabIndex: -1,\n 'data-testid': 'text-content-icon-right',\n }) : {}\n\n rightContent = (\n <IconBase iconUrl={iconRightUrl} size={iconSize} color={iconColor} {...onRightIconClickProps}>\n {iconRight && iconRight}\n </IconBase>)\n }\n return [leftContent, rightContent]\n }, [iconColor, iconLeft, iconLeftUrl, iconRight, iconRightUrl, iconSize, onLeftIconClick, onRightIconClick])\n\n\n return (\n <TextAndContent\n leftContent={leftContent}\n rightContent={rightContent}\n {...props}\n />\n )\n})\n\nTextAndIcons.displayName = 'TextAndIcons'\n"],"names":["TextAndContent","memo","_ref","text","children","components","leftContent","rightContent","textProps","className","props","PropsValidationError","TextComponent","BodyText","React","createElement","LayoutBox","_extends","classes","default","textAndContent","displayName","TextAndIcons","_ref2","iconSize","iconColor","iconLeft","iconRight","iconLeftUrl","iconRightUrl","onLeftIconClick","onRightIconClick","useMemo","onLeftIconClickProps","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","size","color","onRightIconClickProps"],"mappings":"kUAiBaA,EAA0CC,EAAIA,MAAsBC,IAStD,IATuDC,KAChFA,EAAIC,SACJA,EAAQC,WACRA,EAAUC,YACVA,EAAWC,aACXA,EAAYC,UACZA,EAAY,CAAE,EAAAC,UACdA,EAAY,MACTC,GACiBR,EACpB,GAAI,MAACC,IAAyCC,EAC5C,MAAM,IAAIO,EAAAA,qBAAqB,wCAGjC,MAAMC,EAAgBP,GAAYO,eAAiBC,OAEnD,OACEC,MAAAC,cAACC,EAASA,UAAAC,UAAA,CACRR,UAAW,GAAGS,EAAOC,QAACC,kBAAkBX,KACpCC,GAEHJ,GAAeA,EAChBQ,MAAAC,cAACH,EAAaK,UAAA,CAACR,UAAU,iBAAoBD,EAAS,CAAE,cAAY,gCAA+BL,GAAQC,GAC1GG,GAAgBA,EACP,IAIhBP,EAAeqB,YAAc,uBAShBC,EAAsCrB,EAAIA,MAAoBsB,IAUlD,IAVmDC,SAC1EA,EAAQC,UACRA,EAASC,SACTA,EAAQC,UACRA,EAASC,YACTA,EAAWC,aACXA,EAAYC,gBACZA,EAAeC,iBACfA,KACGrB,GACea,EAClB,MAAOjB,EAAaC,GAAgByB,EAAOA,SAAC,KAC1C,IAAI1B,EACAC,EAEJ,GAAImB,GAAYE,EAAa,CAC3B,MAAMK,EAAuBH,EAAmB,CAC9CI,QAASJ,EACTK,UAAWL,EACXM,KAAM,SACNC,UAAW,EACX,cAAe,0BACZ,GAEL/B,EACEQ,MAAAC,cAACuB,EAAAA,SAAQrB,EAAAA,QAAA,CAACsB,QAASX,EAAaY,KAAMhB,EAAUiB,MAAOhB,GAAeQ,GACnEP,GAAYA,EAEnB,CACA,GAAIC,GAAaE,EAAc,CAC7B,MAAMa,EAAwBX,EAAoB,CAChDG,QAASH,EACTI,UAAWJ,EACXK,KAAM,SACNC,UAAW,EACX,cAAe,2BACZ,GAEL9B,EACEO,MAAAC,cAACuB,EAAAA,SAAQrB,EAAAA,QAAA,CAACsB,QAASV,EAAcW,KAAMhB,EAAUiB,MAAOhB,GAAeiB,GACpEf,GAAaA,EAEpB,CACA,MAAO,CAACrB,EAAaC,EAAa,GACjC,CAACkB,EAAWC,EAAUE,EAAaD,EAAWE,EAAcL,EAAUM,EAAiBC,IAG1F,OACEjB,MAAAC,cAACf,EAAciB,UAAA,CACbX,YAAaA,EACbC,aAAcA,GACVG,GACJ,IAINY,EAAaD,YAAc"}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={textAndContent:"textAndContent-module_textAndContent__X5P1n"};
2
+ //# sourceMappingURL=textAndContent.module.scss.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"textAndContent.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ "use strict";class r extends Error{constructor(r){super(r),this.name="PropsValidationError"}}exports.PropsValidationError=r;
2
+ //# sourceMappingURL=propsValidationError.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"propsValidationError.js","sources":["../../../../../../../src/core/ui/components/error/propsValidationError.ts"],"sourcesContent":["export class PropsValidationError extends Error {\n constructor(message:string) {\n super(message)\n this.name = 'PropsValidationError'\n }\n}\n"],"names":["PropsValidationError","Error","constructor","message","super","this","name"],"mappings":"aAAO,MAAMA,UAA6BC,MACxCC,WAAAA,CAAYC,GACVC,MAAMD,GACNE,KAAKC,KAAO,sBACd"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./utils/style.js"),o=require("./components/container/layoutBox/LayoutBox.js"),r=require("./components/container/layoutBox/layoutBox.types.js"),t=require("./components/container/lazyComponent/LazyComponent.js"),n=require("./components/container/CollapsibleContainer.js"),s=require("./components/container/ResizableContainer.js"),p=require("./components/error/ErrorBoundary.js"),a=require("./components/field/Field.js"),i=require("./components/dividers/DividerLine.js"),l=require("./components/icon/IconBase.js"),c=require("./components/icon/Icon.js"),u=require("./components/icon/IconWC.js"),x=require("./components/atoms/button/Button.js"),m=require("./components/atoms/text/Text.js"),d=require("./components/atoms/text/Headline.js"),y=require("./components/atoms/text/Paragraph.js"),P=require("./components/atoms/text/Link.js"),j=require("./components/atoms/text/anchor-link/AnchorLink.js"),B=require("./components/molecules/layouts/FlowLayout.js"),L=require("./components/molecules/popover/PopoverLite.js"),q=require("./components/molecules/popover/Tooltip.js"),v=require("./components/molecules/popover/popover.types.js"),C=require("./components/molecules/popup/Popup.js"),S=require("./components/molecules/popup/popup.types.js");exports.calculateColors=e.calculateColors,exports.calculatePercColor=e.calculatePercColor,exports.convertHex=e.convertHex,exports.convertRGB=e.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return e.defaultFontSize}}),exports.pxToRem=e.pxToRem,exports.resolveStyleValue=e.resolveStyleValue,exports.setDefaultFontSize=e.setDefaultFontSize,exports.toHex=e.toHex,exports.LayoutBox=o.LayoutBox,exports.LayoutDirection=r.LayoutDirection,exports.LazyComponent=t.LazyComponent,exports.PendingBoundary=t.PendingBoundary,exports.createLazyModule=t.createLazyModule,exports.createLazyModuleWithStore=t.createLazyModuleWithStore,exports.wrapPromise=t.wrapPromise,exports.CollapsibleContainer=n.CollapsibleContainer,exports.ResizableContainer=s.ResizableContainer,exports.DefaultErrorComponent=p.DefaultErrorComponent,exports.ErrorBoundary=p.ErrorBoundary,exports.Field=a.Field,exports.Select=a.Select,exports.setIconColor=a.setIconColor,exports.setIconComponent=a.setIconComponent,exports.DividerHorizontal=i.DividerHorizontal,exports.DividerLine=i.DividerLine,exports.DividerVertical=i.DividerVertical,exports.IconBase=l.IconBase,exports.Icon=c.Icon,exports.ESIcon=u.ESIcon,exports.ESIconBase=u.ESIconBase,exports.Button=x.Button,exports.keys=x.keys,exports.Text=m.Text,exports.Headline=d.Headline,exports.HeadlineSecondary=d.HeadlineSecondary,exports.HeadlineTertiary=d.HeadlineTertiary,exports.Paragraph=y.Paragraph,exports.ParagraphBold=y.ParagraphBold,exports.ParagraphBoldSmall=y.ParagraphBoldSmall,exports.ParagraphSmall=y.ParagraphSmall,exports.Link=P.Link,exports.AnchorLink=j.AnchorLink,exports.FlowLayout=B.FlowLayout,exports.Popover=L.Popover,exports.Tooltip=q.Tooltip,exports.PopoverPlacement=v.PopoverPlacement,exports.Popup=C.Popup,exports.PopupAnimateVariant=S.PopupAnimateVariant;
1
+ "use strict";var e=require("./utils/style.js"),o=require("./components/container/layoutBox/LayoutBox.js"),t=require("./components/container/layoutBox/layoutBox.types.js"),r=require("./components/container/lazyComponent/LazyComponent.js"),n=require("./components/container/CollapsibleContainer.js"),s=require("./components/container/ResizableContainer.js"),a=require("./components/error/ErrorBoundary.js"),p=require("./components/field/Field.js"),i=require("./components/dividers/DividerLine.js"),l=require("./components/icon/IconBase.js"),c=require("./components/icon/Icon.js"),u=require("./components/icon/IconWC.js"),x=require("./components/atoms/button/Button.js"),m=require("./components/atoms/text/Text.js"),d=require("./components/atoms/text/Headline.js"),y=require("./components/atoms/text/Paragraph.js"),j=require("./components/atoms/text/Link.js"),C=require("./components/atoms/text/anchor-link/AnchorLink.js"),P=require("./components/atoms/textAndContent/TextAndContent.js"),q=require("./components/atoms/tag/Tag.js"),B=require("./components/atoms/tag/tag.types.js"),L=require("./components/molecules/layouts/FlowLayout.js"),v=require("./components/molecules/popover/PopoverLite.js"),g=require("./components/molecules/popover/Tooltip.js"),S=require("./components/molecules/popover/popover.types.js"),T=require("./components/molecules/popup/Popup.js"),z=require("./components/molecules/popup/popup.types.js");exports.calculateColors=e.calculateColors,exports.calculatePercColor=e.calculatePercColor,exports.convertHex=e.convertHex,exports.convertRGB=e.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return e.defaultFontSize}}),exports.pxToRem=e.pxToRem,exports.resolveStyleValue=e.resolveStyleValue,exports.setDefaultFontSize=e.setDefaultFontSize,exports.toHex=e.toHex,exports.LayoutBox=o.LayoutBox,exports.LayoutDirection=t.LayoutDirection,exports.LazyComponent=r.LazyComponent,exports.PendingBoundary=r.PendingBoundary,exports.createLazyModule=r.createLazyModule,exports.createLazyModuleWithStore=r.createLazyModuleWithStore,exports.wrapPromise=r.wrapPromise,exports.CollapsibleContainer=n.CollapsibleContainer,exports.ResizableContainer=s.ResizableContainer,exports.DefaultErrorComponent=a.DefaultErrorComponent,exports.ErrorBoundary=a.ErrorBoundary,exports.Field=p.Field,exports.Select=p.Select,exports.setIconColor=p.setIconColor,exports.setIconComponent=p.setIconComponent,exports.DividerHorizontal=i.DividerHorizontal,exports.DividerLine=i.DividerLine,exports.DividerVertical=i.DividerVertical,exports.IconBase=l.IconBase,exports.Icon=c.Icon,exports.ESIcon=u.ESIcon,exports.ESIconBase=u.ESIconBase,exports.Button=x.Button,exports.keys=x.keys,exports.Text=m.Text,exports.Headline=d.Headline,exports.HeadlineSecondary=d.HeadlineSecondary,exports.HeadlineTertiary=d.HeadlineTertiary,exports.Paragraph=y.Paragraph,exports.ParagraphBold=y.ParagraphBold,exports.ParagraphBoldSmall=y.ParagraphBoldSmall,exports.ParagraphSmall=y.ParagraphSmall,exports.Link=j.Link,exports.AnchorLink=C.AnchorLink,exports.TextAndContent=P.TextAndContent,exports.TextAndIcons=P.TextAndIcons,exports.Tag=q.Tag,exports.TagVariant=B.TagVariant,exports.FlowLayout=L.FlowLayout,exports.Popover=v.Popover,exports.Tooltip=g.Tooltip,exports.PopoverPlacement=S.PopoverPlacement,exports.Popup=T.Popup,exports.PopupAnimateVariant=z.PopupAnimateVariant;
2
2
  //# sourceMappingURL=index.js.map