@unoff/ui 1.21.0 → 1.21.1

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 (112) hide show
  1. package/dist/assets/Card.css +1 -1
  2. package/dist/assets/Layout.css +1 -1
  3. package/dist/assets/MultipleSlider.css +1 -1
  4. package/dist/assets/Popin.css +1 -1
  5. package/dist/assets/SimpleSlider.css +1 -1
  6. package/dist/assets/styles/icons/icons.css +1 -1
  7. package/dist/assets/styles/icons/styles/figma.css +1 -1
  8. package/dist/components/actions/accordion/Accordion.d.ts.map +1 -1
  9. package/dist/components/actions/accordion/Accordion.js +6 -6
  10. package/dist/components/actions/accordion/Accordion.js.map +1 -1
  11. package/dist/components/actions/button/Button.d.ts.map +1 -1
  12. package/dist/components/actions/button/Button.figma.js +1 -1
  13. package/dist/components/actions/button/Button.js +87 -88
  14. package/dist/components/actions/button/Button.js.map +1 -1
  15. package/dist/components/actions/card/Card.d.ts.map +1 -1
  16. package/dist/components/actions/card/Card.js +1 -1
  17. package/dist/components/actions/card/Card.js.map +1 -1
  18. package/dist/components/actions/knob/Knob.js +1 -1
  19. package/dist/components/actions/knob/Knob.js.map +1 -1
  20. package/dist/components/actions/menu/Menu.js +4 -4
  21. package/dist/components/actions/menu/Menu.js.map +1 -1
  22. package/dist/components/assets/avatar/Avatar.js +6 -6
  23. package/dist/components/assets/avatar/Avatar.js.map +1 -1
  24. package/dist/components/assets/icon/Icon.figma.js +1 -1
  25. package/dist/components/assets/icon/Icon.js +6 -6
  26. package/dist/components/assets/icon/Icon.js.map +1 -1
  27. package/dist/components/assets/section-title/SectionTitle.js +1 -1
  28. package/dist/components/assets/section-title/SectionTitle.js.map +1 -1
  29. package/dist/components/assets/text/Text.js +1 -1
  30. package/dist/components/assets/text/Text.js.map +1 -1
  31. package/dist/components/dialogs/consent/Consent.js +1 -1
  32. package/dist/components/dialogs/consent/Consent.js.map +1 -1
  33. package/dist/components/dialogs/dialog/Dialog.d.ts.map +1 -1
  34. package/dist/components/dialogs/dialog/Dialog.js +4 -4
  35. package/dist/components/dialogs/dialog/Dialog.js.map +1 -1
  36. package/dist/components/dialogs/message/Message.js +1 -1
  37. package/dist/components/dialogs/message/Message.js.map +1 -1
  38. package/dist/components/dialogs/notification/Notification.js +4 -4
  39. package/dist/components/dialogs/notification/Notification.js.map +1 -1
  40. package/dist/components/dialogs/semantic-message/SemanticMessage.d.ts.map +1 -1
  41. package/dist/components/dialogs/semantic-message/SemanticMessage.js +1 -1
  42. package/dist/components/dialogs/semantic-message/SemanticMessage.js.map +1 -1
  43. package/dist/components/inputs/dropdown/Dropdown.figma.js +1 -1
  44. package/dist/components/inputs/dropdown/Dropdown.js +1 -1
  45. package/dist/components/inputs/dropdown/Dropdown.js.map +1 -1
  46. package/dist/components/inputs/dropzone/Dropzone.js +4 -4
  47. package/dist/components/inputs/dropzone/Dropzone.js.map +1 -1
  48. package/dist/components/inputs/input/Input.figma.js +1 -1
  49. package/dist/components/inputs/input/Input.js +1 -1
  50. package/dist/components/inputs/input/Input.js.map +1 -1
  51. package/dist/components/inputs/inputs-bar/InputsBar.js +4 -4
  52. package/dist/components/inputs/inputs-bar/InputsBar.js.map +1 -1
  53. package/dist/components/inputs/multiple-slider/MultipleSlider.d.ts +4 -4
  54. package/dist/components/inputs/multiple-slider/MultipleSlider.d.ts.map +1 -1
  55. package/dist/components/inputs/multiple-slider/MultipleSlider.js +174 -155
  56. package/dist/components/inputs/multiple-slider/MultipleSlider.js.map +1 -1
  57. package/dist/components/inputs/multiple-slider/actions/shiftLeftStop.d.ts +1 -1
  58. package/dist/components/inputs/multiple-slider/actions/shiftLeftStop.d.ts.map +1 -1
  59. package/dist/components/inputs/multiple-slider/actions/shiftRightStop.d.ts +1 -1
  60. package/dist/components/inputs/multiple-slider/actions/shiftRightStop.d.ts.map +1 -1
  61. package/dist/components/inputs/select/Select.js +1 -1
  62. package/dist/components/inputs/select/Select.js.map +1 -1
  63. package/dist/components/inputs/simple-slider/SimpleSlider.d.ts +1 -1
  64. package/dist/components/inputs/simple-slider/SimpleSlider.d.ts.map +1 -1
  65. package/dist/components/inputs/simple-slider/SimpleSlider.js +78 -69
  66. package/dist/components/inputs/simple-slider/SimpleSlider.js.map +1 -1
  67. package/dist/components/lists/actions-item/ActionsItem.js +1 -1
  68. package/dist/components/lists/actions-item/ActionsItem.js.map +1 -1
  69. package/dist/components/lists/actions-list/ActionsList.d.ts.map +1 -1
  70. package/dist/components/lists/actions-list/ActionsList.js +1 -1
  71. package/dist/components/lists/actions-list/ActionsList.js.map +1 -1
  72. package/dist/components/lists/color-item/ColorItem.js +1 -1
  73. package/dist/components/lists/color-item/ColorItem.js.map +1 -1
  74. package/dist/components/lists/draggable-item/DraggableItem.js +6 -6
  75. package/dist/components/lists/draggable-item/DraggableItem.js.map +1 -1
  76. package/dist/components/lists/keyboard-shortcut-item/KeyboardShortcutItem.js +1 -1
  77. package/dist/components/lists/keyboard-shortcut-item/KeyboardShortcutItem.js.map +1 -1
  78. package/dist/components/lists/sortable-list/SortableList.js.map +1 -1
  79. package/dist/components/lists/tabs/Tabs.d.ts.map +1 -1
  80. package/dist/components/lists/tabs/Tabs.figma.js +1 -1
  81. package/dist/components/lists/tabs/Tabs.js +1 -1
  82. package/dist/components/lists/tabs/Tabs.js.map +1 -1
  83. package/dist/components/slots/bar/Bar.js.map +1 -1
  84. package/dist/components/slots/draggable-window/DraggableWindow.d.ts.map +1 -1
  85. package/dist/components/slots/draggable-window/DraggableWindow.js +6 -6
  86. package/dist/components/slots/draggable-window/DraggableWindow.js.map +1 -1
  87. package/dist/components/slots/drawer/Drawer.js.map +1 -1
  88. package/dist/components/slots/form-item/FormItem.js +1 -1
  89. package/dist/components/slots/form-item/FormItem.js.map +1 -1
  90. package/dist/components/slots/layout/Layout.js.map +1 -1
  91. package/dist/components/slots/list/List.js +4 -4
  92. package/dist/components/slots/list/List.js.map +1 -1
  93. package/dist/components/slots/popin/Popin.js +1 -1
  94. package/dist/components/slots/popin/Popin.js.map +1 -1
  95. package/dist/components/slots/section/Section.js.map +1 -1
  96. package/dist/components/slots/simple-item/SimpleItem.js.map +1 -1
  97. package/dist/components/tags/chip/Chip.figma.js +1 -1
  98. package/dist/components/tags/chip/Chip.js +6 -6
  99. package/dist/components/tags/chip/Chip.js.map +1 -1
  100. package/dist/components/tags/color-chip/ColorChip.js.map +1 -1
  101. package/dist/components/tags/icon-chip/IconChip.d.ts.map +1 -1
  102. package/dist/components/tags/icon-chip/IconChip.js +4 -4
  103. package/dist/components/tags/icon-chip/IconChip.js.map +1 -1
  104. package/dist/components/tags/tooltip/Tooltip.js +1 -1
  105. package/dist/components/tags/tooltip/Tooltip.js.map +1 -1
  106. package/dist/do-classnames-DSDFCvzy.js.map +1 -1
  107. package/dist/do-map-2nhWP1KI.js.map +1 -1
  108. package/dist/index_react-BkjUklDQ.js +18392 -0
  109. package/dist/index_react-BkjUklDQ.js.map +1 -0
  110. package/package.json +3 -3
  111. package/dist/index_react-CmuCVQet.js +0 -13799
  112. package/dist/index_react-CmuCVQet.js.map +0 -1
@@ -1,8 +1,8 @@
1
1
  import '../../../assets/IconChip.css';
2
2
  import { jsxs as c, jsx as e } from "react/jsx-runtime";
3
3
  import a from "react";
4
- import { Icon as l } from "../../assets/icon/Icon.js";
5
- import { t as m } from "../../../do-classnames-DSDFCvzy.js";
4
+ import { t as l } from "../../../do-classnames-DSDFCvzy.js";
5
+ import { Icon as m } from "../../assets/icon/Icon.js";
6
6
  import f from "../tooltip/Tooltip.js";
7
7
  class b extends a.Component {
8
8
  static defaultProps = {
@@ -20,7 +20,7 @@ class b extends a.Component {
20
20
  return /* @__PURE__ */ c(
21
21
  "div",
22
22
  {
23
- className: m(["icon-chip"]),
23
+ className: l(["icon-chip"]),
24
24
  onMouseEnter: () => {
25
25
  this.setState({ isTooltipVisible: !0 });
26
26
  },
@@ -28,7 +28,7 @@ class b extends a.Component {
28
28
  role: "contentinfo",
29
29
  children: [
30
30
  /* @__PURE__ */ e(
31
- l,
31
+ m,
32
32
  {
33
33
  type: t,
34
34
  iconName: o,
@@ -1 +1 @@
1
- {"version":3,"file":"IconChip.js","sources":["../../../../src/components/tags/icon-chip/IconChip.tsx"],"sourcesContent":["import React from 'react'\nimport { IconList } from '@tps/icon.types'\nimport Icon from '@components/assets/icon/Icon'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport Tooltip from '../tooltip/Tooltip'\nimport './icon-chip.scss'\n\ninterface IconChipProps {\n /**\n * Type of icon\n */\n iconType: 'PICTO' | 'LETTER'\n /**\n * Icon name (when type is PICTO)\n * @default 'adjust'\n */\n iconName?: IconList\n /**\n * Letter to display (when type is LETTER)\n */\n iconLetter?: string\n /**\n * Tooltip text content\n */\n text: string | React.ReactNode\n /**\n * Tooltip position\n * @default 'BOTTOM'\n */\n pin?: 'TOP' | 'BOTTOM'\n /**\n * Tooltip display type\n * @default 'SINGLE_LINE'\n */\n type?: 'MULTI_LINE' | 'SINGLE_LINE' | 'WITH_IMAGE'\n}\n\ninterface IconChipStates {\n isTooltipVisible: boolean\n}\n\nexport default class IconChip extends React.Component<\n IconChipProps,\n IconChipStates\n> {\n static defaultProps: Partial<IconChipProps> = {\n pin: 'BOTTOM',\n type: 'SINGLE_LINE',\n iconName: 'adjust',\n }\n\n constructor(props: IconChipProps) {\n super(props)\n this.state = {\n isTooltipVisible: false,\n }\n }\n\n render() {\n const { iconType, iconName, iconLetter, text, pin, type } = this.props\n const { isTooltipVisible } = this.state\n\n return (\n <div\n className={doClassnames(['icon-chip'])}\n onMouseEnter={() => {\n this.setState({ isTooltipVisible: true })\n }}\n onMouseLeave={() => this.setState({ isTooltipVisible: false })}\n role=\"contentinfo\"\n >\n <Icon\n type={iconType}\n iconName={iconName}\n iconLetter={iconLetter}\n />\n {isTooltipVisible && (\n <Tooltip\n pin={pin}\n type={type}\n >\n {text}\n </Tooltip>\n )}\n </div>\n )\n }\n}\n"],"names":["IconChip","React","props","iconType","iconName","iconLetter","text","pin","type","isTooltipVisible","jsxs","doClassnames","jsx","Icon","Tooltip"],"mappings":";;;;;AAyCA,MAAqBA,UAAiBC,EAAM,UAG1C;AAAA,EACA,OAAO,eAAuC;AAAA,IAC5C,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAAA,EAGZ,YAAYC,GAAsB;AAChC,UAAMA,CAAK,GACX,KAAK,QAAQ;AAAA,MACX,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAAC,GAAU,UAAAC,GAAU,YAAAC,GAAY,MAAAC,GAAM,KAAAC,GAAK,MAAAC,MAAS,KAAK,OAC3D,EAAE,kBAAAC,MAAqB,KAAK;AAElC,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAa,CAAC,WAAW,CAAC;AAAA,QACrC,cAAc,MAAM;AAClB,eAAK,SAAS,EAAE,kBAAkB,GAAA,CAAM;AAAA,QAC1C;AAAA,QACA,cAAc,MAAM,KAAK,SAAS,EAAE,kBAAkB,IAAO;AAAA,QAC7D,MAAK;AAAA,QAEL,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAMV;AAAA,cACN,UAAAC;AAAA,cACA,YAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,UAEDI,KACC,gBAAAG;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,KAAAP;AAAA,cACA,MAAAC;AAAA,cAEC,UAAAF;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
1
+ {"version":3,"file":"IconChip.js","sources":["../../../../src/components/tags/icon-chip/IconChip.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport { IconList } from '@tps/icon.types'\nimport Icon from '@components/assets/icon/Icon'\nimport Tooltip from '../tooltip/Tooltip'\nimport './icon-chip.scss'\n\ninterface IconChipProps {\n /**\n * Type of icon\n */\n iconType: 'PICTO' | 'LETTER'\n /**\n * Icon name (when type is PICTO)\n * @default 'adjust'\n */\n iconName?: IconList\n /**\n * Letter to display (when type is LETTER)\n */\n iconLetter?: string\n /**\n * Tooltip text content\n */\n text: string | React.ReactNode\n /**\n * Tooltip position\n * @default 'BOTTOM'\n */\n pin?: 'TOP' | 'BOTTOM'\n /**\n * Tooltip display type\n * @default 'SINGLE_LINE'\n */\n type?: 'MULTI_LINE' | 'SINGLE_LINE' | 'WITH_IMAGE'\n}\n\ninterface IconChipStates {\n isTooltipVisible: boolean\n}\n\nexport default class IconChip extends React.Component<\n IconChipProps,\n IconChipStates\n> {\n static defaultProps: Partial<IconChipProps> = {\n pin: 'BOTTOM',\n type: 'SINGLE_LINE',\n iconName: 'adjust',\n }\n\n constructor(props: IconChipProps) {\n super(props)\n this.state = {\n isTooltipVisible: false,\n }\n }\n\n render() {\n const { iconType, iconName, iconLetter, text, pin, type } = this.props\n const { isTooltipVisible } = this.state\n\n return (\n <div\n className={doClassnames(['icon-chip'])}\n onMouseEnter={() => {\n this.setState({ isTooltipVisible: true })\n }}\n onMouseLeave={() => this.setState({ isTooltipVisible: false })}\n role=\"contentinfo\"\n >\n <Icon\n type={iconType}\n iconName={iconName}\n iconLetter={iconLetter}\n />\n {isTooltipVisible && (\n <Tooltip\n pin={pin}\n type={type}\n >\n {text}\n </Tooltip>\n )}\n </div>\n )\n }\n}\n"],"names":["IconChip","React","props","iconType","iconName","iconLetter","text","pin","type","isTooltipVisible","jsxs","doClassnames","jsx","Icon","Tooltip"],"mappings":";;;;;AAyCA,MAAqBA,UAAiBC,EAAM,UAG1C;AAAA,EACA,OAAO,eAAuC;AAAA,IAC5C,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAAA,EAGZ,YAAYC,GAAsB;AAChC,UAAMA,CAAK,GACX,KAAK,QAAQ;AAAA,MACX,kBAAkB;AAAA,IAAA;AAAA,EAEtB;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAAC,GAAU,UAAAC,GAAU,YAAAC,GAAY,MAAAC,GAAM,KAAAC,GAAK,MAAAC,MAAS,KAAK,OAC3D,EAAE,kBAAAC,MAAqB,KAAK;AAElC,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAa,CAAC,WAAW,CAAC;AAAA,QACrC,cAAc,MAAM;AAClB,eAAK,SAAS,EAAE,kBAAkB,GAAA,CAAM;AAAA,QAC1C;AAAA,QACA,cAAc,MAAM,KAAK,SAAS,EAAE,kBAAkB,IAAO;AAAA,QAC7D,MAAK;AAAA,QAEL,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAMV;AAAA,cACN,UAAAC;AAAA,cACA,YAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,UAEDI,KACC,gBAAAG;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,KAAAP;AAAA,cACA,MAAAC;AAAA,cAEC,UAAAF;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
@@ -1,8 +1,8 @@
1
1
  import '../../../assets/Tooltip.css';
2
2
  import { jsx as i, jsxs as h } from "react/jsx-runtime";
3
3
  import _, { useRef as u, useState as x, useEffect as g } from "react";
4
- import N from "../../../styles/texts/texts.module.js";
5
4
  import { t as p } from "../../../do-classnames-DSDFCvzy.js";
5
+ import N from "../../../styles/texts/texts.module.js";
6
6
  const T = (c) => {
7
7
  const { children: m, pin: e = "BOTTOM", type: o = "SINGLE_LINE", image: s } = c, l = u(null), [d, n] = _.useState(0), [r, f] = x(!1);
8
8
  return g(() => {
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/tags/tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport texts from '@styles/texts/texts.module.scss'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport './tooltip.scss'\n\nexport interface TooltipProps {\n /**\n * Tooltip content\n */\n children: React.ReactNode\n /**\n * Position relative to the parent\n * @default 'BOTTOM'\n */\n pin?: 'TOP' | 'BOTTOM'\n /**\n * Display type\n * @default 'SINGLE_LINE'\n */\n type?: 'MULTI_LINE' | 'SINGLE_LINE' | 'WITH_IMAGE'\n /**\n * Image URL (when type is WITH_IMAGE)\n */\n image?: string\n}\n\nconst Tooltip = (props: TooltipProps) => {\n const { children, pin = 'BOTTOM', type = 'SINGLE_LINE', image } = props\n const tooltipRef = useRef<HTMLDivElement>(null)\n const [shift, setShift] = React.useState(0)\n const [isVisible, setIsVisible] = useState(false)\n\n useEffect(() => {\n const tooltipElement = tooltipRef.current\n if (tooltipElement) {\n const rect = tooltipElement.getBoundingClientRect()\n if (rect.x < 0) setShift(-rect.x + 8)\n if (rect.x + rect.width > window.innerWidth)\n setShift(window.innerWidth - rect.x - rect.width - 8)\n setIsVisible(true)\n }\n }, [])\n\n return (\n <div\n className={doClassnames([\n 'tooltip',\n type === 'SINGLE_LINE' && 'tooltip--singleline',\n type === 'WITH_IMAGE' && 'tooltip--withimage',\n pin === 'TOP' && 'tooltip--top',\n pin === 'BOTTOM' && 'tooltip--bottom',\n ])}\n role=\"tooltip\"\n ref={tooltipRef}\n style={{\n visibility: isVisible ? 'visible' : 'hidden',\n }}\n aria-hidden={!isVisible}\n >\n <div\n className=\"tooltip__block\"\n style={{\n transform: `translateX(${shift}px)`,\n }}\n role=\"presentation\"\n >\n <div\n className=\"tooltip__snack\"\n role=\"presentation\"\n >\n {image !== undefined && (\n <img\n src={image}\n className=\"tooltip__image\"\n role=\"img\"\n alt=\"Decorative image\"\n />\n )}\n <div\n className={doClassnames(['tooltip__text', texts.type])}\n role=\"presentation\"\n >\n {children}\n </div>\n </div>\n </div>\n </div>\n )\n}\n\nexport default Tooltip\n"],"names":["Tooltip","props","children","pin","type","image","tooltipRef","useRef","shift","setShift","React","isVisible","setIsVisible","useState","useEffect","tooltipElement","rect","jsx","doClassnames","jsxs","texts"],"mappings":";;;;AA0BA,MAAMA,IAAU,CAACC,MAAwB;AACvC,QAAM,EAAE,UAAAC,GAAU,KAAAC,IAAM,UAAU,MAAAC,IAAO,eAAe,OAAAC,MAAUJ,GAC5DK,IAAaC,EAAuB,IAAI,GACxC,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAAS,CAAC,GACpC,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAEhD,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAiBT,EAAW;AAClC,QAAIS,GAAgB;AAClB,YAAMC,IAAOD,EAAe,sBAAA;AAC5B,MAAIC,EAAK,IAAI,OAAY,CAACA,EAAK,IAAI,CAAC,GAChCA,EAAK,IAAIA,EAAK,QAAQ,OAAO,cAC/BP,EAAS,OAAO,aAAaO,EAAK,IAAIA,EAAK,QAAQ,CAAC,GACtDJ,EAAa,EAAI;AAAA,IACnB;AAAA,EACF,GAAG,CAAA,CAAE,GAGH,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAa;AAAA,QACtB;AAAA,QACAd,MAAS,iBAAiB;AAAA,QAC1BA,MAAS,gBAAgB;AAAA,QACzBD,MAAQ,SAAS;AAAA,QACjBA,MAAQ,YAAY;AAAA,MAAA,CACrB;AAAA,MACD,MAAK;AAAA,MACL,KAAKG;AAAA,MACL,OAAO;AAAA,QACL,YAAYK,IAAY,YAAY;AAAA,MAAA;AAAA,MAEtC,eAAa,CAACA;AAAA,MAEd,UAAA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO;AAAA,YACL,WAAW,cAAcT,CAAK;AAAA,UAAA;AAAA,UAEhC,MAAK;AAAA,UAEL,UAAA,gBAAAW;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAA;AAAA,gBAAAd,MAAU,UACT,gBAAAY;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,KAAKZ;AAAA,oBACL,WAAU;AAAA,oBACV,MAAK;AAAA,oBACL,KAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGR,gBAAAY;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWC,EAAa,CAAC,iBAAiBE,EAAM,IAAI,CAAC;AAAA,oBACrD,MAAK;AAAA,oBAEJ,UAAAlB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
1
+ {"version":3,"file":"Tooltip.js","sources":["../../../../src/components/tags/tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport texts from '@styles/texts/texts.module.scss'\nimport './tooltip.scss'\n\nexport interface TooltipProps {\n /**\n * Tooltip content\n */\n children: React.ReactNode\n /**\n * Position relative to the parent\n * @default 'BOTTOM'\n */\n pin?: 'TOP' | 'BOTTOM'\n /**\n * Display type\n * @default 'SINGLE_LINE'\n */\n type?: 'MULTI_LINE' | 'SINGLE_LINE' | 'WITH_IMAGE'\n /**\n * Image URL (when type is WITH_IMAGE)\n */\n image?: string\n}\n\nconst Tooltip = (props: TooltipProps) => {\n const { children, pin = 'BOTTOM', type = 'SINGLE_LINE', image } = props\n const tooltipRef = useRef<HTMLDivElement>(null)\n const [shift, setShift] = React.useState(0)\n const [isVisible, setIsVisible] = useState(false)\n\n useEffect(() => {\n const tooltipElement = tooltipRef.current\n if (tooltipElement) {\n const rect = tooltipElement.getBoundingClientRect()\n if (rect.x < 0) setShift(-rect.x + 8)\n if (rect.x + rect.width > window.innerWidth)\n setShift(window.innerWidth - rect.x - rect.width - 8)\n setIsVisible(true)\n }\n }, [])\n\n return (\n <div\n className={doClassnames([\n 'tooltip',\n type === 'SINGLE_LINE' && 'tooltip--singleline',\n type === 'WITH_IMAGE' && 'tooltip--withimage',\n pin === 'TOP' && 'tooltip--top',\n pin === 'BOTTOM' && 'tooltip--bottom',\n ])}\n role=\"tooltip\"\n ref={tooltipRef}\n style={{\n visibility: isVisible ? 'visible' : 'hidden',\n }}\n aria-hidden={!isVisible}\n >\n <div\n className=\"tooltip__block\"\n style={{\n transform: `translateX(${shift}px)`,\n }}\n role=\"presentation\"\n >\n <div\n className=\"tooltip__snack\"\n role=\"presentation\"\n >\n {image !== undefined && (\n <img\n src={image}\n className=\"tooltip__image\"\n role=\"img\"\n alt=\"Decorative image\"\n />\n )}\n <div\n className={doClassnames(['tooltip__text', texts.type])}\n role=\"presentation\"\n >\n {children}\n </div>\n </div>\n </div>\n </div>\n )\n}\n\nexport default Tooltip\n"],"names":["Tooltip","props","children","pin","type","image","tooltipRef","useRef","shift","setShift","React","isVisible","setIsVisible","useState","useEffect","tooltipElement","rect","jsx","doClassnames","jsxs","texts"],"mappings":";;;;AA0BA,MAAMA,IAAU,CAACC,MAAwB;AACvC,QAAM,EAAE,UAAAC,GAAU,KAAAC,IAAM,UAAU,MAAAC,IAAO,eAAe,OAAAC,MAAUJ,GAC5DK,IAAaC,EAAuB,IAAI,GACxC,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAAS,CAAC,GACpC,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAEhD,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAiBT,EAAW;AAClC,QAAIS,GAAgB;AAClB,YAAMC,IAAOD,EAAe,sBAAA;AAC5B,MAAIC,EAAK,IAAI,OAAY,CAACA,EAAK,IAAI,CAAC,GAChCA,EAAK,IAAIA,EAAK,QAAQ,OAAO,cAC/BP,EAAS,OAAO,aAAaO,EAAK,IAAIA,EAAK,QAAQ,CAAC,GACtDJ,EAAa,EAAI;AAAA,IACnB;AAAA,EACF,GAAG,CAAA,CAAE,GAGH,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAa;AAAA,QACtB;AAAA,QACAd,MAAS,iBAAiB;AAAA,QAC1BA,MAAS,gBAAgB;AAAA,QACzBD,MAAQ,SAAS;AAAA,QACjBA,MAAQ,YAAY;AAAA,MAAA,CACrB;AAAA,MACD,MAAK;AAAA,MACL,KAAKG;AAAA,MACL,OAAO;AAAA,QACL,YAAYK,IAAY,YAAY;AAAA,MAAA;AAAA,MAEtC,eAAa,CAACA;AAAA,MAEd,UAAA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO;AAAA,YACL,WAAW,cAAcT,CAAK;AAAA,UAAA;AAAA,UAEhC,MAAK;AAAA,UAEL,UAAA,gBAAAW;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAA;AAAA,gBAAAd,MAAU,UACT,gBAAAY;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,KAAKZ;AAAA,oBACL,WAAU;AAAA,oBACV,MAAK;AAAA,oBACL,KAAI;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGR,gBAAAY;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWC,EAAa,CAAC,iBAAiBE,EAAM,IAAI,CAAC;AAAA,oBACrD,MAAK;AAAA,oBAEJ,UAAAlB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
@@ -1 +1 @@
1
- {"version":3,"file":"do-classnames-DSDFCvzy.js","sources":["../node_modules/@a_ng_d/figmug-utils/dist/modules/do-classnames/do-classnames.js"],"sourcesContent":["const t = (e) => e.filter((s) => s).join(\" \");\nexport {\n t as default\n};\n//# sourceMappingURL=do-classnames.js.map\n"],"names":["t","e","s"],"mappings":"AAAK,MAACA,IAAI,CAACC,MAAMA,EAAE,OAAO,CAACC,MAAMA,CAAC,EAAE,KAAK,GAAG;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"do-classnames-DSDFCvzy.js","sources":["../node_modules/@unoff/utils/dist/modules/do-classnames/do-classnames.js"],"sourcesContent":["const t = (e) => e.filter((s) => s).join(\" \");\nexport {\n t as default\n};\n//# sourceMappingURL=do-classnames.js.map\n"],"names":["t","e","s"],"mappings":"AAAK,MAACA,IAAI,CAACC,MAAMA,EAAE,OAAO,CAACC,MAAMA,CAAC,EAAE,KAAK,GAAG;","x_google_ignoreList":[0]}
@@ -1 +1 @@
1
- {"version":3,"file":"do-map-2nhWP1KI.js","sources":["../node_modules/@a_ng_d/figmug-utils/dist/modules/do-map/do-map.js"],"sourcesContent":["const r = (e, t, o, a, n) => {\n const s = o - t, c = n - a;\n return (e - t) * c / s + a;\n};\nexport {\n r as default\n};\n//# sourceMappingURL=do-map.js.map\n"],"names":["r","e","t","a","n","s","c"],"mappings":"AAAK,MAACA,IAAI,CAACC,GAAGC,GAAG,GAAGC,GAAGC,MAAM;AAC3B,QAAMC,IAAI,IAAIH,GAAGI,IAAIF,IAAID;AACzB,UAAQF,IAAIC,KAAKI,IAAID,IAAIF;AAC3B;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"do-map-2nhWP1KI.js","sources":["../node_modules/@unoff/utils/dist/modules/do-map/do-map.js"],"sourcesContent":["const r = (e, t, o, a, n) => {\n const s = o - t, c = n - a;\n return (e - t) * c / s + a;\n};\nexport {\n r as default\n};\n//# sourceMappingURL=do-map.js.map\n"],"names":["r","e","t","a","n","s","c"],"mappings":"AAAK,MAACA,IAAI,CAACC,GAAGC,GAAG,GAAGC,GAAGC,MAAM;AAC3B,QAAMC,IAAI,IAAIH,GAAGI,IAAIF,IAAID;AACzB,UAAQF,IAAIC,KAAKI,IAAID,IAAIF;AAC3B;","x_google_ignoreList":[0]}