@laerdal/life-react-components 2.2.1-dev.21 → 2.2.1-dev.23

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 (258) hide show
  1. package/dist/Accordion/AccordionItem.cjs +8 -17
  2. package/dist/Accordion/AccordionItem.cjs.map +1 -1
  3. package/dist/Accordion/AccordionItem.d.ts +2 -0
  4. package/dist/Accordion/AccordionItem.js +9 -18
  5. package/dist/Accordion/AccordionItem.js.map +1 -1
  6. package/dist/Accordion/AccordionMenu.cjs +6 -2
  7. package/dist/Accordion/AccordionMenu.cjs.map +1 -1
  8. package/dist/Accordion/AccordionMenu.d.ts +3 -0
  9. package/dist/Accordion/AccordionMenu.js +6 -2
  10. package/dist/Accordion/AccordionMenu.js.map +1 -1
  11. package/dist/Accordion/styles.cjs +7 -11
  12. package/dist/Accordion/styles.cjs.map +1 -1
  13. package/dist/Accordion/styles.d.ts +1 -4
  14. package/dist/Accordion/styles.js +6 -9
  15. package/dist/Accordion/styles.js.map +1 -1
  16. package/dist/AuthPage/AuthPage.js +1 -1
  17. package/dist/Banners/Banner.cjs.map +1 -1
  18. package/dist/Banners/Banner.js.map +1 -1
  19. package/dist/Button/Button.cjs +1 -1
  20. package/dist/Button/Button.cjs.map +1 -1
  21. package/dist/Button/Button.js +2 -2
  22. package/dist/Button/Button.js.map +1 -1
  23. package/dist/Button/Iconbutton.cjs +68 -61
  24. package/dist/Button/Iconbutton.cjs.map +1 -1
  25. package/dist/Button/Iconbutton.d.ts +3 -1
  26. package/dist/Button/Iconbutton.js +68 -61
  27. package/dist/Button/Iconbutton.js.map +1 -1
  28. package/dist/Card/HorizontalCard/HorizontalCard.cjs +12 -9
  29. package/dist/Card/HorizontalCard/HorizontalCard.cjs.map +1 -1
  30. package/dist/Card/HorizontalCard/HorizontalCard.d.ts +2 -0
  31. package/dist/Card/HorizontalCard/HorizontalCard.js +9 -8
  32. package/dist/Card/HorizontalCard/HorizontalCard.js.map +1 -1
  33. package/dist/Card/HorizontalCard/HorizontalCardActions.cjs +1 -0
  34. package/dist/Card/HorizontalCard/HorizontalCardActions.cjs.map +1 -1
  35. package/dist/Card/HorizontalCard/HorizontalCardActions.js +1 -0
  36. package/dist/Card/HorizontalCard/HorizontalCardActions.js.map +1 -1
  37. package/dist/Card/HorizontalCard/HorizontalCardBody.cjs +13 -9
  38. package/dist/Card/HorizontalCard/HorizontalCardBody.cjs.map +1 -1
  39. package/dist/Card/HorizontalCard/HorizontalCardBody.d.ts +4 -0
  40. package/dist/Card/HorizontalCard/HorizontalCardBody.js +8 -8
  41. package/dist/Card/HorizontalCard/HorizontalCardBody.js.map +1 -1
  42. package/dist/Card/HorizontalCard/HorizontalCardThumbnail.cjs +7 -5
  43. package/dist/Card/HorizontalCard/HorizontalCardThumbnail.cjs.map +1 -1
  44. package/dist/Card/HorizontalCard/HorizontalCardThumbnail.d.ts +2 -0
  45. package/dist/Card/HorizontalCard/HorizontalCardThumbnail.js +5 -5
  46. package/dist/Card/HorizontalCard/HorizontalCardThumbnail.js.map +1 -1
  47. package/dist/Card/HorizontalCard/index.cjs +33 -12
  48. package/dist/Card/HorizontalCard/index.cjs.map +1 -1
  49. package/dist/Card/HorizontalCard/index.d.ts +3 -1
  50. package/dist/Card/HorizontalCard/index.js +3 -1
  51. package/dist/Card/HorizontalCard/index.js.map +1 -1
  52. package/dist/Card/HorizontalCard/types.cjs.map +1 -1
  53. package/dist/Card/HorizontalCard/types.d.ts +2 -2
  54. package/dist/Card/HorizontalCard/types.js.map +1 -1
  55. package/dist/ChipsInput/ChipInputField.cjs +1 -1
  56. package/dist/ChipsInput/ChipInputField.cjs.map +1 -1
  57. package/dist/ChipsInput/ChipInputField.js +1 -1
  58. package/dist/ChipsInput/ChipInputField.js.map +1 -1
  59. package/dist/Dropdown/BasicDropdown.cjs +6 -18
  60. package/dist/Dropdown/BasicDropdown.cjs.map +1 -1
  61. package/dist/Dropdown/BasicDropdown.d.ts +0 -1
  62. package/dist/Dropdown/BasicDropdown.js +7 -19
  63. package/dist/Dropdown/BasicDropdown.js.map +1 -1
  64. package/dist/Dropdown/CommonStyling.cjs +4 -7
  65. package/dist/Dropdown/CommonStyling.cjs.map +1 -1
  66. package/dist/Dropdown/CommonStyling.d.ts +1 -3
  67. package/dist/Dropdown/CommonStyling.js +4 -7
  68. package/dist/Dropdown/CommonStyling.js.map +1 -1
  69. package/dist/Dropdown/DropdownButton.cjs +1 -0
  70. package/dist/Dropdown/DropdownButton.cjs.map +1 -1
  71. package/dist/Dropdown/DropdownButton.js +1 -0
  72. package/dist/Dropdown/DropdownButton.js.map +1 -1
  73. package/dist/Dropdown/DropdownButtonTypes.cjs.map +1 -1
  74. package/dist/Dropdown/DropdownButtonTypes.d.ts +2 -0
  75. package/dist/Dropdown/DropdownButtonTypes.js.map +1 -1
  76. package/dist/Dropdown/DropdownContent.cjs +1 -1
  77. package/dist/Dropdown/DropdownContent.js +1 -1
  78. package/dist/Dropdown/DropdownFilter.cjs +2 -12
  79. package/dist/Dropdown/DropdownFilter.cjs.map +1 -1
  80. package/dist/Dropdown/DropdownFilter.js +2 -12
  81. package/dist/Dropdown/DropdownFilter.js.map +1 -1
  82. package/dist/Footer/Components/FooterNewsletterAndSocialSection.cjs.map +1 -1
  83. package/dist/Footer/Components/FooterNewsletterAndSocialSection.js.map +1 -1
  84. package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs +1 -3
  85. package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs.map +1 -1
  86. package/dist/GlobalNavigationBar/GlobalNavigationBar.js +2 -4
  87. package/dist/GlobalNavigationBar/GlobalNavigationBar.js.map +1 -1
  88. package/dist/GlobalNavigationBar/Logo.cjs.map +1 -1
  89. package/dist/GlobalNavigationBar/Logo.js.map +1 -1
  90. package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.cjs +1 -6
  91. package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.cjs.map +1 -1
  92. package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.d.ts +0 -4
  93. package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.js +4 -5
  94. package/dist/GlobalNavigationBar/desktop/ExtendedMainMenu.js.map +1 -1
  95. package/dist/GlobalNavigationBar/desktop/MainMenu.cjs +56 -147
  96. package/dist/GlobalNavigationBar/desktop/MainMenu.cjs.map +1 -1
  97. package/dist/GlobalNavigationBar/desktop/MainMenu.d.ts +2 -2
  98. package/dist/GlobalNavigationBar/desktop/MainMenu.js +56 -147
  99. package/dist/GlobalNavigationBar/desktop/MainMenu.js.map +1 -1
  100. package/dist/GlobalNavigationBar/mobile/MobileMenu.cjs +1 -1
  101. package/dist/GlobalNavigationBar/mobile/MobileMenu.cjs.map +1 -1
  102. package/dist/GlobalNavigationBar/mobile/MobileMenu.d.ts +1 -1
  103. package/dist/GlobalNavigationBar/mobile/MobileMenu.js +2 -2
  104. package/dist/GlobalNavigationBar/mobile/MobileMenu.js.map +1 -1
  105. package/dist/GlobalNavigationBar/types.cjs.map +1 -1
  106. package/dist/GlobalNavigationBar/types.d.ts +2 -12
  107. package/dist/GlobalNavigationBar/types.js.map +1 -1
  108. package/dist/Image/ImageWithFallbacks.js +1 -1
  109. package/dist/InputFields/DatepickerField.cjs +31 -49
  110. package/dist/InputFields/DatepickerField.cjs.map +1 -1
  111. package/dist/InputFields/DatepickerField.js +32 -50
  112. package/dist/InputFields/DatepickerField.js.map +1 -1
  113. package/dist/InputFields/DatepickerFieldHeader.cjs.map +1 -1
  114. package/dist/InputFields/DatepickerFieldHeader.js +1 -1
  115. package/dist/InputFields/DatepickerFieldHeader.js.map +1 -1
  116. package/dist/InputFields/Label.cjs +8 -12
  117. package/dist/InputFields/Label.cjs.map +1 -1
  118. package/dist/InputFields/Label.js +8 -12
  119. package/dist/InputFields/Label.js.map +1 -1
  120. package/dist/InputFields/NumberField.cjs +12 -28
  121. package/dist/InputFields/NumberField.cjs.map +1 -1
  122. package/dist/InputFields/NumberField.js +15 -31
  123. package/dist/InputFields/NumberField.js.map +1 -1
  124. package/dist/InputFields/PasswordField.cjs +44 -50
  125. package/dist/InputFields/PasswordField.cjs.map +1 -1
  126. package/dist/InputFields/PasswordField.js +45 -51
  127. package/dist/InputFields/PasswordField.js.map +1 -1
  128. package/dist/InputFields/SearchBar.cjs +1 -2
  129. package/dist/InputFields/SearchBar.cjs.map +1 -1
  130. package/dist/InputFields/SearchBar.js +2 -3
  131. package/dist/InputFields/SearchBar.js.map +1 -1
  132. package/dist/InputFields/TextField.cjs +1 -10
  133. package/dist/InputFields/TextField.cjs.map +1 -1
  134. package/dist/InputFields/TextField.js +2 -11
  135. package/dist/InputFields/TextField.js.map +1 -1
  136. package/dist/InputFields/Textarea.cjs +8 -3
  137. package/dist/InputFields/Textarea.cjs.map +1 -1
  138. package/dist/InputFields/Textarea.d.ts +3 -7
  139. package/dist/InputFields/Textarea.js +12 -6
  140. package/dist/InputFields/Textarea.js.map +1 -1
  141. package/dist/InputFields/components/SearchField.cjs +1 -1
  142. package/dist/InputFields/components/SearchField.cjs.map +1 -1
  143. package/dist/InputFields/components/SearchField.js +1 -1
  144. package/dist/InputFields/components/SearchField.js.map +1 -1
  145. package/dist/InputFields/styling.cjs +11 -11
  146. package/dist/InputFields/styling.cjs.map +1 -1
  147. package/dist/InputFields/styling.d.ts +3 -2
  148. package/dist/InputFields/styling.js +10 -11
  149. package/dist/InputFields/styling.js.map +1 -1
  150. package/dist/InputFields/types.cjs.map +1 -1
  151. package/dist/InputFields/types.d.ts +4 -8
  152. package/dist/InputFields/types.js.map +1 -1
  153. package/dist/LinearProgress/LinearProgress.js +1 -1
  154. package/dist/Modals/ModalContent.cjs +9 -2
  155. package/dist/Modals/ModalContent.cjs.map +1 -1
  156. package/dist/Modals/ModalContent.d.ts +1 -0
  157. package/dist/Modals/ModalContent.js +9 -2
  158. package/dist/Modals/ModalContent.js.map +1 -1
  159. package/dist/Modals/ModalTypes.cjs.map +1 -1
  160. package/dist/Modals/ModalTypes.d.ts +1 -1
  161. package/dist/Modals/ModalTypes.js.map +1 -1
  162. package/dist/NavItem/NavItem.cjs +1 -2
  163. package/dist/NavItem/NavItem.cjs.map +1 -1
  164. package/dist/NavItem/NavItem.d.ts +0 -1
  165. package/dist/NavItem/NavItem.js +1 -1
  166. package/dist/NavItem/NavItem.js.map +1 -1
  167. package/dist/Paginator/Paginator.cjs.map +1 -1
  168. package/dist/Paginator/Paginator.js.map +1 -1
  169. package/dist/Table/Table.cjs +2 -1
  170. package/dist/Table/Table.cjs.map +1 -1
  171. package/dist/Table/Table.js +2 -1
  172. package/dist/Table/Table.js.map +1 -1
  173. package/dist/Table/TableFooter.cjs.map +1 -1
  174. package/dist/Table/TableFooter.js +1 -1
  175. package/dist/Table/TableFooter.js.map +1 -1
  176. package/dist/Table/TableStyles.cjs +4 -4
  177. package/dist/Table/TableStyles.cjs.map +1 -1
  178. package/dist/Table/TableStyles.js +4 -4
  179. package/dist/Table/TableStyles.js.map +1 -1
  180. package/dist/Table/TableTypes.cjs.map +1 -1
  181. package/dist/Table/TableTypes.d.ts +2 -1
  182. package/dist/Table/TableTypes.js.map +1 -1
  183. package/dist/Tabs/HorizontalTabs.cjs +10 -12
  184. package/dist/Tabs/HorizontalTabs.cjs.map +1 -1
  185. package/dist/Tabs/HorizontalTabs.d.ts +2 -1
  186. package/dist/Tabs/HorizontalTabs.js +13 -14
  187. package/dist/Tabs/HorizontalTabs.js.map +1 -1
  188. package/dist/Tabs/TabLink.cjs +14 -39
  189. package/dist/Tabs/TabLink.cjs.map +1 -1
  190. package/dist/Tabs/TabLink.d.ts +1 -6
  191. package/dist/Tabs/TabLink.js +14 -39
  192. package/dist/Tabs/TabLink.js.map +1 -1
  193. package/dist/Tabs/VerticalTabs.cjs +0 -2
  194. package/dist/Tabs/VerticalTabs.cjs.map +1 -1
  195. package/dist/Tabs/VerticalTabs.d.ts +0 -1
  196. package/dist/Tabs/VerticalTabs.js +0 -2
  197. package/dist/Tabs/VerticalTabs.js.map +1 -1
  198. package/dist/Tile/TileCommonItems.cjs +4 -2
  199. package/dist/Tile/TileCommonItems.cjs.map +1 -1
  200. package/dist/Tile/TileCommonItems.js +4 -2
  201. package/dist/Tile/TileCommonItems.js.map +1 -1
  202. package/dist/Tile/TileHeader.cjs +18 -10
  203. package/dist/Tile/TileHeader.cjs.map +1 -1
  204. package/dist/Tile/TileHeader.js +18 -10
  205. package/dist/Tile/TileHeader.js.map +1 -1
  206. package/dist/Tile/TileTypes.cjs.map +1 -1
  207. package/dist/Tile/TileTypes.d.ts +5 -2
  208. package/dist/Tile/TileTypes.js.map +1 -1
  209. package/dist/Toggles/ToggleSwitch.cjs +11 -1
  210. package/dist/Toggles/ToggleSwitch.cjs.map +1 -1
  211. package/dist/Toggles/ToggleSwitch.js +12 -2
  212. package/dist/Toggles/ToggleSwitch.js.map +1 -1
  213. package/dist/Toggles/TogglerStyles.cjs +1 -1
  214. package/dist/Toggles/TogglerStyles.cjs.map +1 -1
  215. package/dist/Toggles/TogglerStyles.js +1 -1
  216. package/dist/Toggles/TogglerStyles.js.map +1 -1
  217. package/dist/Tooltips/TooltipStyles.cjs +5 -8
  218. package/dist/Tooltips/TooltipStyles.cjs.map +1 -1
  219. package/dist/Tooltips/TooltipStyles.d.ts +1 -3
  220. package/dist/Tooltips/TooltipStyles.js +5 -8
  221. package/dist/Tooltips/TooltipStyles.js.map +1 -1
  222. package/dist/Tooltips/TooltipWrapper.cjs +5 -5
  223. package/dist/Tooltips/TooltipWrapper.cjs.map +1 -1
  224. package/dist/Tooltips/TooltipWrapper.js +3 -3
  225. package/dist/Tooltips/TooltipWrapper.js.map +1 -1
  226. package/dist/assets/index.cjs.map +1 -1
  227. package/dist/assets/index.js.map +1 -1
  228. package/dist/common/ActionWithin.cjs +1 -1
  229. package/dist/common/ActionWithin.js +1 -1
  230. package/dist/common/FocusVisible.cjs +1 -1
  231. package/dist/common/FocusVisible.js +1 -1
  232. package/dist/icons/index.cjs +1 -1
  233. package/dist/icons/index.cjs.map +1 -1
  234. package/dist/icons/index.js +1 -1
  235. package/dist/icons/index.js.map +1 -1
  236. package/dist/icons/systemicons/SystemIcons.cjs.map +1 -1
  237. package/dist/icons/systemicons/SystemIcons.js.map +1 -1
  238. package/package.json +1 -2
  239. package/dist/GlobalNavigationBar/desktop/SubMenu.cjs +0 -176
  240. package/dist/GlobalNavigationBar/desktop/SubMenu.cjs.map +0 -1
  241. package/dist/GlobalNavigationBar/desktop/SubMenu.d.ts +0 -18
  242. package/dist/GlobalNavigationBar/desktop/SubMenu.js +0 -166
  243. package/dist/GlobalNavigationBar/desktop/SubMenu.js.map +0 -1
  244. package/dist/GlobalNavigationBar/utils.cjs +0 -17
  245. package/dist/GlobalNavigationBar/utils.cjs.map +0 -1
  246. package/dist/GlobalNavigationBar/utils.d.ts +0 -2
  247. package/dist/GlobalNavigationBar/utils.js +0 -10
  248. package/dist/GlobalNavigationBar/utils.js.map +0 -1
  249. package/dist/NavItem/NestedNavItem.cjs +0 -38
  250. package/dist/NavItem/NestedNavItem.cjs.map +0 -1
  251. package/dist/NavItem/NestedNavItem.d.ts +0 -13
  252. package/dist/NavItem/NestedNavItem.js +0 -28
  253. package/dist/NavItem/NestedNavItem.js.map +0 -1
  254. package/dist/Tooltips/TooltipOverflow.cjs +0 -112
  255. package/dist/Tooltips/TooltipOverflow.cjs.map +0 -1
  256. package/dist/Tooltips/TooltipOverflow.d.ts +0 -10
  257. package/dist/Tooltips/TooltipOverflow.js +0 -102
  258. package/dist/Tooltips/TooltipOverflow.js.map +0 -1
@@ -1,112 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
- var React = _interopRequireWildcard(require("react"));
14
- var _reactResizeDetector = require("react-resize-detector");
15
- var _TooltipStyles = require("./TooltipStyles");
16
- var _ = require("..");
17
- var _jsxRuntime = require("react/jsx-runtime");
18
- var _excluded = ["label", "children", "input", "withArrow", "maxWidth", "width", "value", "size", "height", "align", "position"];
19
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
20
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
22
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
23
- var TooltipOverflow = function TooltipOverflow(_ref) {
24
- var label = _ref.label,
25
- children = _ref.children,
26
- input = _ref.input,
27
- withArrow = _ref.withArrow,
28
- maxWidth = _ref.maxWidth,
29
- width = _ref.width,
30
- value = _ref.value,
31
- _ref$size = _ref.size,
32
- size = _ref$size === void 0 ? _.Size.Small : _ref$size,
33
- _ref$height = _ref.height,
34
- height = _ref$height === void 0 ? 'auto' : _ref$height,
35
- _ref$align = _ref.align,
36
- align = _ref$align === void 0 ? 'center' : _ref$align,
37
- _ref$position = _ref.position,
38
- position = _ref$position === void 0 ? 'top' : _ref$position,
39
- props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
40
- var _React$useState = React.useState(false),
41
- _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
42
- textOverflowed = _React$useState2[0],
43
- setTextOverflowed = _React$useState2[1];
44
- var _React$useState3 = React.useState(false),
45
- _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
46
- focused = _React$useState4[0],
47
- setFocused = _React$useState4[1];
48
- var _useResizeDetector = (0, _reactResizeDetector.useResizeDetector)({
49
- targetRef: input
50
- }),
51
- customW = _useResizeDetector.width,
52
- customH = _useResizeDetector.height;
53
- React.useEffect(function () {
54
- checkIfOverflowed();
55
- }, [customW, customH]);
56
- var checkIfOverflowed = function checkIfOverflowed() {
57
- var _ref2;
58
- //adding +3 offset to offsetWidth, because sometimes when there is no overflow, scrollWidth can be equal to offsetWidth + 1
59
- var over = (_ref2 = input && !focused && input.current && input.current.offsetWidth + 3 < input.current.scrollWidth) !== null && _ref2 !== void 0 ? _ref2 : false;
60
- setTextOverflowed(over);
61
- };
62
- React.useEffect(function () {
63
- checkIfOverflowed();
64
- });
65
- var onFocus = function onFocus() {
66
- checkIfOverflowed();
67
- setFocused(true);
68
- };
69
- var onBlur = function onBlur() {
70
- setFocused(false);
71
- };
72
- React.useEffect(function () {
73
- return function () {
74
- if (input !== null && input !== void 0 && input.current) {
75
- input === null || input === void 0 ? void 0 : input.current.removeEventListener("focus", onFocus);
76
- input === null || input === void 0 ? void 0 : input.current.removeEventListener("blur", onBlur);
77
- }
78
- };
79
- }, []);
80
- var renderedCallback = React.useCallback(function (node) {
81
- if (input && input.current) {
82
- input.current.addEventListener("focus", onFocus);
83
- input.current.addEventListener("blur", onBlur);
84
- checkIfOverflowed();
85
- }
86
- }, []);
87
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
88
- ref: renderedCallback,
89
- children: textOverflowed && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TooltipStyles.Tooltip, _objectSpread(_objectSpread({
90
- align: align,
91
- height: height,
92
- role: "tooltip",
93
- maxWidth: maxWidth,
94
- width: width,
95
- size: size,
96
- withArrow: withArrow,
97
- position: position
98
- }, props), {}, {
99
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
100
- children: [children, " "]
101
- })
102
- }))
103
- });
104
- };
105
- TooltipOverflow.propTypes = {
106
- maxWidth: _propTypes.default.string,
107
- width: _propTypes.default.string,
108
- value: _propTypes.default.string
109
- };
110
- var _default = TooltipOverflow;
111
- exports.default = _default;
112
- //# sourceMappingURL=TooltipOverflow.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TooltipOverflow.cjs","names":["TooltipOverflow","label","children","input","withArrow","maxWidth","width","value","size","Size","Small","height","align","position","props","React","useState","textOverflowed","setTextOverflowed","focused","setFocused","useResizeDetector","targetRef","customW","customH","useEffect","checkIfOverflowed","over","current","offsetWidth","scrollWidth","onFocus","onBlur","removeEventListener","renderedCallback","useCallback","node","addEventListener"],"sources":["../../src/Tooltips/TooltipOverflow.tsx"],"sourcesContent":["\nimport * as React from 'react';\n\nimport { TooltipProps } from './TooltipTypes';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { TooltipContainer, Tooltip } from './TooltipStyles';\nimport { Size } from '..';\n \ninterface TooltipOverflowProps extends TooltipProps {\n input?: React.MutableRefObject<HTMLInputElement | null>;\n maxWidth?: string;\n width?: string;\n value?: string;\n}\n\n const TooltipOverflow = ({\n label, children,\n input,\n withArrow,\n maxWidth,\n width,\n value,\n size = Size.Small,\n height = 'auto',\n align = 'center', \n position = 'top',\n ...props } : TooltipOverflowProps) => {\n\n const [textOverflowed, setTextOverflowed] = React.useState<boolean>(false);\n const [focused, setFocused] = React.useState<boolean>(false);\n const {width: customW, height: customH} = useResizeDetector({ targetRef: input });\n\n React.useEffect(() => {\n checkIfOverflowed();\n }, [customW, customH]);\n\n const checkIfOverflowed = () => {\n //adding +3 offset to offsetWidth, because sometimes when there is no overflow, scrollWidth can be equal to offsetWidth + 1\n const over = (input && !focused && input.current && input.current.offsetWidth + 3 < input.current.scrollWidth) ?? false;\n setTextOverflowed(over);\n };\n\n React.useEffect(() => {\n checkIfOverflowed();\n });\n\n const onFocus = () => {\n checkIfOverflowed();\n setFocused(true);\n };\n\n const onBlur = () => {\n setFocused(false);\n };\n\n React.useEffect(() => {\n return () => {\n if(input?.current)\n {\n input?.current.removeEventListener(\"focus\", onFocus);\n input?.current.removeEventListener(\"blur\", onBlur);\n }\n }\n }, []);\n\n const renderedCallback = React.useCallback(node => {\n if(input && input.current)\n {\n input.current.addEventListener(\"focus\", onFocus);\n input.current.addEventListener(\"blur\", onBlur);\n checkIfOverflowed();\n }\n }, []);\n \n return <div ref={renderedCallback}>{textOverflowed && <Tooltip align={align}\n height={height}\n role=\"tooltip\"\n maxWidth={maxWidth}\n width={width}\n size={size}\n withArrow={withArrow}\n position={position}\n {...props}>\n <span>\n {children} </span>\n </Tooltip> }</div>;\n };\n \n export default TooltipOverflow;\n"],"mappings":"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"}
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- import { TooltipProps } from './TooltipTypes';
3
- interface TooltipOverflowProps extends TooltipProps {
4
- input?: React.MutableRefObject<HTMLInputElement | null>;
5
- maxWidth?: string;
6
- width?: string;
7
- value?: string;
8
- }
9
- declare const TooltipOverflow: ({ label, children, input, withArrow, maxWidth, width, value, size, height, align, position, ...props }: TooltipOverflowProps) => JSX.Element;
10
- export default TooltipOverflow;
@@ -1,102 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
3
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
4
- import _pt from "prop-types";
5
- var _excluded = ["label", "children", "input", "withArrow", "maxWidth", "width", "value", "size", "height", "align", "position"];
6
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
7
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
8
- import * as React from 'react';
9
- import { useResizeDetector } from 'react-resize-detector';
10
- import { Tooltip } from './TooltipStyles';
11
- import { Size } from '..';
12
- import { jsxs as _jsxs } from "react/jsx-runtime";
13
- import { jsx as _jsx } from "react/jsx-runtime";
14
- var TooltipOverflow = function TooltipOverflow(_ref) {
15
- var label = _ref.label,
16
- children = _ref.children,
17
- input = _ref.input,
18
- withArrow = _ref.withArrow,
19
- maxWidth = _ref.maxWidth,
20
- width = _ref.width,
21
- value = _ref.value,
22
- _ref$size = _ref.size,
23
- size = _ref$size === void 0 ? Size.Small : _ref$size,
24
- _ref$height = _ref.height,
25
- height = _ref$height === void 0 ? 'auto' : _ref$height,
26
- _ref$align = _ref.align,
27
- align = _ref$align === void 0 ? 'center' : _ref$align,
28
- _ref$position = _ref.position,
29
- position = _ref$position === void 0 ? 'top' : _ref$position,
30
- props = _objectWithoutProperties(_ref, _excluded);
31
- var _React$useState = React.useState(false),
32
- _React$useState2 = _slicedToArray(_React$useState, 2),
33
- textOverflowed = _React$useState2[0],
34
- setTextOverflowed = _React$useState2[1];
35
- var _React$useState3 = React.useState(false),
36
- _React$useState4 = _slicedToArray(_React$useState3, 2),
37
- focused = _React$useState4[0],
38
- setFocused = _React$useState4[1];
39
- var _useResizeDetector = useResizeDetector({
40
- targetRef: input
41
- }),
42
- customW = _useResizeDetector.width,
43
- customH = _useResizeDetector.height;
44
- React.useEffect(function () {
45
- checkIfOverflowed();
46
- }, [customW, customH]);
47
- var checkIfOverflowed = function checkIfOverflowed() {
48
- var _ref2;
49
- //adding +3 offset to offsetWidth, because sometimes when there is no overflow, scrollWidth can be equal to offsetWidth + 1
50
- var over = (_ref2 = input && !focused && input.current && input.current.offsetWidth + 3 < input.current.scrollWidth) !== null && _ref2 !== void 0 ? _ref2 : false;
51
- setTextOverflowed(over);
52
- };
53
- React.useEffect(function () {
54
- checkIfOverflowed();
55
- });
56
- var onFocus = function onFocus() {
57
- checkIfOverflowed();
58
- setFocused(true);
59
- };
60
- var onBlur = function onBlur() {
61
- setFocused(false);
62
- };
63
- React.useEffect(function () {
64
- return function () {
65
- if (input !== null && input !== void 0 && input.current) {
66
- input === null || input === void 0 ? void 0 : input.current.removeEventListener("focus", onFocus);
67
- input === null || input === void 0 ? void 0 : input.current.removeEventListener("blur", onBlur);
68
- }
69
- };
70
- }, []);
71
- var renderedCallback = React.useCallback(function (node) {
72
- if (input && input.current) {
73
- input.current.addEventListener("focus", onFocus);
74
- input.current.addEventListener("blur", onBlur);
75
- checkIfOverflowed();
76
- }
77
- }, []);
78
- return /*#__PURE__*/_jsx("div", {
79
- ref: renderedCallback,
80
- children: textOverflowed && /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
81
- align: align,
82
- height: height,
83
- role: "tooltip",
84
- maxWidth: maxWidth,
85
- width: width,
86
- size: size,
87
- withArrow: withArrow,
88
- position: position
89
- }, props), {}, {
90
- children: /*#__PURE__*/_jsxs("span", {
91
- children: [children, " "]
92
- })
93
- }))
94
- });
95
- };
96
- TooltipOverflow.propTypes = {
97
- maxWidth: _pt.string,
98
- width: _pt.string,
99
- value: _pt.string
100
- };
101
- export default TooltipOverflow;
102
- //# sourceMappingURL=TooltipOverflow.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TooltipOverflow.js","names":["React","useResizeDetector","Tooltip","Size","TooltipOverflow","label","children","input","withArrow","maxWidth","width","value","size","Small","height","align","position","props","useState","textOverflowed","setTextOverflowed","focused","setFocused","targetRef","customW","customH","useEffect","checkIfOverflowed","over","current","offsetWidth","scrollWidth","onFocus","onBlur","removeEventListener","renderedCallback","useCallback","node","addEventListener"],"sources":["../../src/Tooltips/TooltipOverflow.tsx"],"sourcesContent":["\nimport * as React from 'react';\n\nimport { TooltipProps } from './TooltipTypes';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { TooltipContainer, Tooltip } from './TooltipStyles';\nimport { Size } from '..';\n \ninterface TooltipOverflowProps extends TooltipProps {\n input?: React.MutableRefObject<HTMLInputElement | null>;\n maxWidth?: string;\n width?: string;\n value?: string;\n}\n\n const TooltipOverflow = ({\n label, children,\n input,\n withArrow,\n maxWidth,\n width,\n value,\n size = Size.Small,\n height = 'auto',\n align = 'center', \n position = 'top',\n ...props } : TooltipOverflowProps) => {\n\n const [textOverflowed, setTextOverflowed] = React.useState<boolean>(false);\n const [focused, setFocused] = React.useState<boolean>(false);\n const {width: customW, height: customH} = useResizeDetector({ targetRef: input });\n\n React.useEffect(() => {\n checkIfOverflowed();\n }, [customW, customH]);\n\n const checkIfOverflowed = () => {\n //adding +3 offset to offsetWidth, because sometimes when there is no overflow, scrollWidth can be equal to offsetWidth + 1\n const over = (input && !focused && input.current && input.current.offsetWidth + 3 < input.current.scrollWidth) ?? false;\n setTextOverflowed(over);\n };\n\n React.useEffect(() => {\n checkIfOverflowed();\n });\n\n const onFocus = () => {\n checkIfOverflowed();\n setFocused(true);\n };\n\n const onBlur = () => {\n setFocused(false);\n };\n\n React.useEffect(() => {\n return () => {\n if(input?.current)\n {\n input?.current.removeEventListener(\"focus\", onFocus);\n input?.current.removeEventListener(\"blur\", onBlur);\n }\n }\n }, []);\n\n const renderedCallback = React.useCallback(node => {\n if(input && input.current)\n {\n input.current.addEventListener(\"focus\", onFocus);\n input.current.addEventListener(\"blur\", onBlur);\n checkIfOverflowed();\n }\n }, []);\n \n return <div ref={renderedCallback}>{textOverflowed && <Tooltip align={align}\n height={height}\n role=\"tooltip\"\n maxWidth={maxWidth}\n width={width}\n size={size}\n withArrow={withArrow}\n position={position}\n {...props}>\n <span>\n {children} </span>\n </Tooltip> }</div>;\n };\n \n export default TooltipOverflow;\n"],"mappings":"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"}