@dfds-ui/react-components 2.2.0-alpha.31bb2c92 → 2.2.0-alpha.35ec63ee

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 (151) hide show
  1. package/app-bar/AppBarDrawer.js +1 -1
  2. package/app-bar/AppBarItem.js +16 -15
  3. package/assertions/banner/Banner.js +7 -7
  4. package/assertions/toast/Toaster.d.ts +2 -2
  5. package/assertions/toast/Toaster.js +1 -1
  6. package/button/IconButton.d.ts +1 -1
  7. package/button/IconButton.js +28 -38
  8. package/button-stack/ButtonStack.js +3 -3
  9. package/cjs/app-bar/AppBarDrawer.js +1 -1
  10. package/cjs/app-bar/AppBarItem.js +17 -17
  11. package/cjs/assertions/banner/Banner.js +7 -7
  12. package/cjs/assertions/toast/Toaster.d.ts +2 -2
  13. package/cjs/assertions/toast/Toaster.js +1 -1
  14. package/cjs/button/IconButton.d.ts +1 -1
  15. package/cjs/button/IconButton.js +8 -18
  16. package/cjs/button-stack/ButtonStack.js +3 -3
  17. package/cjs/common/LockBodyScroll.d.ts +2 -1
  18. package/cjs/common/LockBodyScroll.js +11 -8
  19. package/cjs/common/emotionCloneElement.js +0 -1
  20. package/cjs/common/useOnClickOutside.d.ts +1 -1
  21. package/cjs/counter/Counter.d.ts +2 -1
  22. package/cjs/counter/Counter.js +10 -9
  23. package/cjs/counter/PluralCounter.d.ts +3 -2
  24. package/cjs/counter/PluralCounter.js +4 -5
  25. package/cjs/drawer/Drawer.d.ts +2 -1
  26. package/cjs/drawer/Drawer.js +5 -5
  27. package/cjs/dropdown-menu/Dropdown.d.ts +1 -1
  28. package/cjs/dropdown-menu/Dropdown.js +9 -10
  29. package/cjs/forms/checkbox/Checkbox.d.ts +2 -2
  30. package/cjs/forms/checkbox/Checkbox.js +7 -8
  31. package/cjs/forms/email-field/EmailField.d.ts +18 -2
  32. package/cjs/forms/email-field/EmailField.js +8 -4
  33. package/cjs/forms/input/Input.d.ts +2 -2
  34. package/cjs/forms/input/Input.js +13 -14
  35. package/cjs/forms/input/InputComposition.d.ts +1 -1
  36. package/cjs/forms/input/InputComposition.js +17 -18
  37. package/cjs/forms/number-field/NumberField.d.ts +18 -2
  38. package/cjs/forms/number-field/NumberField.js +9 -5
  39. package/cjs/forms/password-field/PasswordField.d.ts +2 -2
  40. package/cjs/forms/password-field/PasswordField.js +3 -4
  41. package/cjs/forms/radio/Radio.d.ts +1 -1
  42. package/cjs/forms/radio/Radio.js +7 -6
  43. package/cjs/forms/reactselect/ReactSelect.d.ts +2 -2
  44. package/cjs/forms/reactselect/ReactSelect.js +8 -9
  45. package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +1 -1
  46. package/cjs/forms/select/Select.d.ts +2 -2
  47. package/cjs/forms/select/Select.js +9 -10
  48. package/cjs/forms/select-field/SelectField.d.ts +12 -4
  49. package/cjs/forms/select-field/SelectField.js +8 -9
  50. package/cjs/forms/tel-field/TelField.d.ts +18 -2
  51. package/cjs/forms/tel-field/TelField.js +8 -4
  52. package/cjs/forms/text-field/TextField.d.ts +19 -2
  53. package/cjs/forms/text-field/TextField.js +8 -9
  54. package/cjs/index.d.ts +0 -1
  55. package/cjs/index.js +0 -12
  56. package/cjs/menu/Menu.js +8 -9
  57. package/cjs/popper/Popper.d.ts +1 -1
  58. package/cjs/popper/Popper.js +2 -2
  59. package/cjs/side-sheet/SideSheet.js +8 -8
  60. package/cjs/site-layout/SiteLayout.js +5 -5
  61. package/cjs/surface/Surface.d.ts +3 -2
  62. package/cjs/surface/Surface.js +1 -1
  63. package/cjs/tab/Tabs.js +3 -3
  64. package/cjs/table/Table.d.ts +1 -1
  65. package/cjs/table/Table.js +5 -5
  66. package/cjs/table/TableBody.d.ts +1 -1
  67. package/cjs/table/TableBody.js +6 -6
  68. package/cjs/table/TableDataCell.d.ts +1 -1
  69. package/cjs/table/TableDataCell.js +7 -7
  70. package/cjs/table/TableHead.d.ts +1 -1
  71. package/cjs/table/TableHead.js +6 -7
  72. package/cjs/table/TableHeaderCell.d.ts +1 -1
  73. package/cjs/table/TableHeaderCell.js +8 -8
  74. package/cjs/table/TableRow.d.ts +1 -1
  75. package/cjs/table/TableRow.js +6 -7
  76. package/cjs/tooltip/Tooltip.d.ts +14 -8
  77. package/cjs/tooltip/Tooltip.js +64 -39
  78. package/common/LockBodyScroll.d.ts +2 -1
  79. package/common/LockBodyScroll.js +9 -7
  80. package/common/emotionCloneElement.js +1 -2
  81. package/common/useOnClickOutside.d.ts +1 -1
  82. package/counter/Counter.d.ts +2 -1
  83. package/counter/Counter.js +10 -10
  84. package/counter/PluralCounter.d.ts +3 -2
  85. package/counter/PluralCounter.js +6 -8
  86. package/drawer/Drawer.d.ts +2 -1
  87. package/drawer/Drawer.js +4 -5
  88. package/dropdown-menu/Dropdown.d.ts +1 -1
  89. package/dropdown-menu/Dropdown.js +10 -12
  90. package/forms/checkbox/Checkbox.d.ts +2 -2
  91. package/forms/checkbox/Checkbox.js +10 -11
  92. package/forms/email-field/EmailField.d.ts +18 -2
  93. package/forms/email-field/EmailField.js +9 -4
  94. package/forms/input/Input.d.ts +2 -2
  95. package/forms/input/Input.js +15 -16
  96. package/forms/input/InputComposition.d.ts +1 -1
  97. package/forms/input/InputComposition.js +16 -18
  98. package/forms/number-field/NumberField.d.ts +18 -2
  99. package/forms/number-field/NumberField.js +10 -5
  100. package/forms/password-field/PasswordField.d.ts +2 -2
  101. package/forms/password-field/PasswordField.js +3 -4
  102. package/forms/radio/Radio.d.ts +1 -1
  103. package/forms/radio/Radio.js +8 -7
  104. package/forms/reactselect/ReactSelect.d.ts +2 -2
  105. package/forms/reactselect/ReactSelect.js +11 -13
  106. package/forms/searchable-select/AsyncSearchableSelect.d.ts +1 -1
  107. package/forms/select/Select.d.ts +2 -2
  108. package/forms/select/Select.js +10 -11
  109. package/forms/select-field/SelectField.d.ts +12 -4
  110. package/forms/select-field/SelectField.js +8 -9
  111. package/forms/tel-field/TelField.d.ts +18 -2
  112. package/forms/tel-field/TelField.js +9 -4
  113. package/forms/text-field/TextField.d.ts +19 -2
  114. package/forms/text-field/TextField.js +8 -9
  115. package/index.d.ts +0 -1
  116. package/index.js +0 -1
  117. package/menu/Menu.js +8 -9
  118. package/package.json +14 -17
  119. package/popper/Popper.d.ts +1 -1
  120. package/popper/Popper.js +2 -2
  121. package/side-sheet/SideSheet.js +7 -7
  122. package/site-layout/SiteLayout.js +5 -5
  123. package/surface/Surface.d.ts +3 -2
  124. package/surface/Surface.js +1 -1
  125. package/tab/Tabs.js +4 -4
  126. package/table/Table.d.ts +1 -1
  127. package/table/Table.js +4 -5
  128. package/table/TableBody.d.ts +1 -1
  129. package/table/TableBody.js +3 -4
  130. package/table/TableDataCell.d.ts +1 -1
  131. package/table/TableDataCell.js +4 -5
  132. package/table/TableHead.d.ts +1 -1
  133. package/table/TableHead.js +4 -5
  134. package/table/TableHeaderCell.d.ts +1 -1
  135. package/table/TableHeaderCell.js +5 -6
  136. package/table/TableRow.d.ts +1 -1
  137. package/table/TableRow.js +4 -5
  138. package/tooltip/Tooltip.d.ts +14 -8
  139. package/tooltip/Tooltip.js +71 -45
  140. package/cjs/date-range-picker/DateRangePicker.d.ts +0 -33
  141. package/cjs/date-range-picker/DateRangePicker.js +0 -332
  142. package/cjs/date-range-picker/DateRangePicker.styles.d.ts +0 -6
  143. package/cjs/date-range-picker/DateRangePicker.styles.js +0 -14
  144. package/cjs/date-range-picker/index.d.ts +0 -1
  145. package/cjs/date-range-picker/index.js +0 -13
  146. package/date-range-picker/DateRangePicker.d.ts +0 -33
  147. package/date-range-picker/DateRangePicker.js +0 -391
  148. package/date-range-picker/DateRangePicker.styles.d.ts +0 -6
  149. package/date-range-picker/DateRangePicker.styles.js +0 -9
  150. package/date-range-picker/index.d.ts +0 -1
  151. package/date-range-picker/index.js +0 -1
package/table/TableRow.js CHANGED
@@ -7,7 +7,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
7
7
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
8
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
9
9
  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
10
- import React, { forwardRef } from 'react';
10
+ import React from 'react';
11
11
  import classNames from 'classnames';
12
12
  import { css } from '@emotion/react';
13
13
  import { useTable } from './Table';
@@ -16,8 +16,8 @@ var ClassName = {
16
16
  IS_INTERACTIVE: 'is-interactive',
17
17
  IS_SELECTED: 'is-selected'
18
18
  };
19
- var tableRowStyle = /*#__PURE__*/css("height:2.75rem;&.", ClassName.IS_INTERACTIVE, "{&:hover td{background:rgba(73, 162, 223, 0.08);cursor:pointer;}&:active td{background:rgba(73, 162, 223, 0.16);}&:focus td{background:rgba(73, 162, 223, 0.16);outline:none;}&.", ClassName.IS_SELECTED, " td{background:rgba(73, 162, 223, 0.12);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableRowStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZVJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ5QiIsImZpbGUiOiIuLi8uLi9zcmMvdGFibGUvVGFibGVSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIENvbXBvbmVudFByb3BzV2l0aFJlZiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB1c2VUYWJsZSB9IGZyb20gJy4vVGFibGUnXG5cbmV4cG9ydCB0eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSByb3cgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBDbGFzc2VzIGFwcGxpZWQgb24gdGhlIHRyIHRhZ1xuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIEFwcGxpZXMgU2VsZWN0ZWQgc3RhdGUgc3R5bGluZyB0byB0aGUgcm93XG4gICAqL1xuICBpc1NlbGVjdGVkPzogYm9vbGVhblxufSAmIENvbXBvbmVudFByb3BzV2l0aFJlZjwndHInPlxuXG5jb25zdCBDbGFzc05hbWUgPSB7XG4gIElTX0lOVEVSQUNUSVZFOiAnaXMtaW50ZXJhY3RpdmUnLFxuICBJU19TRUxFQ1RFRDogJ2lzLXNlbGVjdGVkJyxcbn1cblxuY29uc3QgdGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuXG4gICYuJHtDbGFzc05hbWUuSVNfSU5URVJBQ1RJVkV9IHtcbiAgICAmOmhvdmVyIHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjA4KTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICYuJHtDbGFzc05hbWUuSVNfU0VMRUNURUR9IHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlUm93ID0gZm9yd2FyZFJlZjxIVE1MVGFibGVSb3dFbGVtZW50LCBUYWJsZVJvd1Byb3BzPihcbiAgKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgaXNTZWxlY3RlZCA9IGZhbHNlLCAuLi5yZXN0IH06IFRhYmxlUm93UHJvcHMsIHJlZikgPT4ge1xuICAgIGNvbnN0IHsgaXNJbnRlcmFjdGl2ZSB9ID0gdXNlVGFibGUoKVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDx0clxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoY2xhc3NOYW1lLCB7XG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19TRUxFQ1RFRF06IGlzU2VsZWN0ZWQsXG4gICAgICAgICAgW0NsYXNzTmFtZS5JU19JTlRFUkFDVElWRV06IGlzSW50ZXJhY3RpdmUsXG4gICAgICAgIH0pfVxuICAgICAgICBjc3M9e3RhYmxlUm93U3R5bGV9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC90cj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgVGFibGVSb3dcbiJdfQ== */");
20
- export var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
19
+ var tableRowStyle = /*#__PURE__*/css("height:2.75rem;&.", ClassName.IS_INTERACTIVE, "{&:hover td{background:rgba(73, 162, 223, 0.08);cursor:pointer;}&:active td{background:rgba(73, 162, 223, 0.16);}&:focus td{background:rgba(73, 162, 223, 0.16);outline:none;}&.", ClassName.IS_SELECTED, " td{background:rgba(73, 162, 223, 0.12);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableRowStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90YWJsZS9UYWJsZVJvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ5QiIsImZpbGUiOiIuLi8uLi9zcmMvdGFibGUvVGFibGVSb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzV2l0aFJlZiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB1c2VUYWJsZSB9IGZyb20gJy4vVGFibGUnXG5cbmV4cG9ydCB0eXBlIFRhYmxlUm93UHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSByb3cgY29udGVudFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBDbGFzc2VzIGFwcGxpZWQgb24gdGhlIHRyIHRhZ1xuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIEFwcGxpZXMgU2VsZWN0ZWQgc3RhdGUgc3R5bGluZyB0byB0aGUgcm93XG4gICAqL1xuICBpc1NlbGVjdGVkPzogYm9vbGVhblxufSAmIENvbXBvbmVudFByb3BzV2l0aFJlZjwndHInPlxuXG5jb25zdCBDbGFzc05hbWUgPSB7XG4gIElTX0lOVEVSQUNUSVZFOiAnaXMtaW50ZXJhY3RpdmUnLFxuICBJU19TRUxFQ1RFRDogJ2lzLXNlbGVjdGVkJyxcbn1cblxuY29uc3QgdGFibGVSb3dTdHlsZSA9IGNzc2BcbiAgaGVpZ2h0OiAyLjc1cmVtO1xuXG4gICYuJHtDbGFzc05hbWUuSVNfSU5URVJBQ1RJVkV9IHtcbiAgICAmOmhvdmVyIHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjA4KTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB0ZCB7XG4gICAgICBiYWNrZ3JvdW5kOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xNik7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICYuJHtDbGFzc05hbWUuSVNfU0VMRUNURUR9IHRkIHtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlUm93ID0gKHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgaXNTZWxlY3RlZCA9IGZhbHNlLCAuLi5yZXN0IH06IFRhYmxlUm93UHJvcHMpID0+IHtcbiAgY29uc3QgeyBpc0ludGVyYWN0aXZlIH0gPSB1c2VUYWJsZSgpXG5cbiAgcmV0dXJuIChcbiAgICA8dHJcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc05hbWUsIHtcbiAgICAgICAgW0NsYXNzTmFtZS5JU19TRUxFQ1RFRF06IGlzU2VsZWN0ZWQsXG4gICAgICAgIFtDbGFzc05hbWUuSVNfSU5URVJBQ1RJVkVdOiBpc0ludGVyYWN0aXZlLFxuICAgICAgfSl9XG4gICAgICBjc3M9e3RhYmxlUm93U3R5bGV9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC90cj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZVJvd1xuIl19 */");
20
+ export var TableRow = function TableRow(_ref) {
21
21
  var children = _ref.children,
22
22
  className = _ref.className,
23
23
  _ref$isSelected = _ref.isSelected,
@@ -29,8 +29,7 @@ export var TableRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
29
29
  className: classNames(className, _defineProperty(_defineProperty({}, ClassName.IS_SELECTED, isSelected), ClassName.IS_INTERACTIVE, isInteractive)),
30
30
  css: tableRowStyle
31
31
  }, rest), {}, {
32
- ref: ref,
33
32
  children: children
34
33
  }));
35
- });
34
+ };
36
35
  export default TableRow;
@@ -1,26 +1,32 @@
1
1
  import React from 'react';
2
- import { TippyProps } from '@tippyjs/react';
3
- type Placement = 'top' | 'right' | 'bottom' | 'left';
2
+ import { TooltipProps as MuiTooltipProps } from '@mui/material';
4
3
  type TooltipProps = {
5
4
  content: string | React.ReactNode;
6
5
  name?: string;
7
- placement?: Placement;
6
+ placement?: MuiTooltipProps['placement'];
8
7
  offset?: number;
9
- delay?: [number, number] | false;
8
+ enterDelay?: number;
9
+ leaveDelay?: number;
10
10
  containerProps?: any;
11
11
  tabIndex?: number;
12
12
  visible?: boolean;
13
13
  onClickOutside?: () => void;
14
14
  children?: React.ReactNode;
15
15
  };
16
- declare const Tooltip: ({ name, content, children, delay, placement, containerProps, tabIndex, visible, onClickOutside, }: TooltipProps) => React.JSX.Element;
16
+ declare const Tooltip: ({ name, content, children, enterDelay, leaveDelay, placement, containerProps, tabIndex, visible, onClickOutside, }: TooltipProps) => React.JSX.Element;
17
+ export type UnstableWithTooltipProps = {
18
+ content: React.ReactNode;
19
+ children: React.ReactElement;
20
+ enterDelay?: number;
21
+ leaveDelay?: number;
22
+ placement?: MuiTooltipProps['placement'];
23
+ className?: string;
24
+ };
17
25
  /**
18
26
  * The `UnstableWithTooltip` component can be used to wrap an element with a tooltip but unlike the `Tooltip` component
19
27
  * no extra html markup will wrapped around the targeted element.
20
28
  *
21
29
  * NOTE: It is important that the component being wrapped forwards a ref to the DOM node.
22
30
  */
23
- export declare const UnstableWithTooltip: ({ delay, ...rest }: {
24
- className?: string;
25
- } & TippyProps) => React.JSX.Element;
31
+ export declare const UnstableWithTooltip: ({ children, content, enterDelay, leaveDelay, placement, ...rest }: UnstableWithTooltipProps) => React.JSX.Element;
26
32
  export default Tooltip;
@@ -1,6 +1,5 @@
1
1
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- import _styled from "@emotion/styled/base";
3
- var _excluded = ["delay"];
2
+ var _excluded = ["children", "content", "enterDelay", "leaveDelay", "placement"];
4
3
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
5
4
  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
6
5
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -11,43 +10,58 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
11
10
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
12
11
  import React, { useEffect, useRef } from 'react';
13
12
  import { css } from '@emotion/react';
14
- import Tippy from '@tippyjs/react';
13
+ import { Tooltip as MuiTooltip, Fade } from '@mui/material';
15
14
  import { theme } from '@dfds-ui/theme';
16
- import { typography } from '@dfds-ui/typography';
17
15
  import { FlexBox } from './../flexbox';
18
16
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
19
17
  var colors = theme.colors,
20
18
  spacing = theme.spacing,
21
19
  radii = theme.radii,
22
- elevation = theme.elevation;
23
- var StyledTippy = /*#__PURE__*/_styled(Tippy, process.env.NODE_ENV === "production" ? {
24
- shouldForwardProp: function shouldForwardProp(prop) {
25
- return prop !== 'css';
26
- } // this will prevent warnings emitted from tippy
27
- ,
28
- target: "errz9h30"
29
- } : {
30
- shouldForwardProp: function shouldForwardProp(prop) {
31
- return prop !== 'css';
32
- } // this will prevent warnings emitted from tippy
33
- ,
34
- target: "errz9h30",
35
- label: "StyledTippy"
36
- })("background:", colors.primary.main, ";color:", colors.text.light.primary, ";padding:", spacing.xxs, " ", spacing.xs, ";", typography.bodyInterfaceSmall, ";border-radius:", radii.m, ";box-shadow:", elevation['4'], ";&[data-state='visible']{opacity:1;}&[data-state='hidden']{opacity:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCRSIsImZpbGUiOiIuLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBUaXBweSwgeyBUaXBweVByb3BzIH0gZnJvbSAnQHRpcHB5anMvcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFBsYWNlbWVudCA9ICd0b3AnIHwgJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ2xlZnQnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmcgfCBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG4gIHZpc2libGU/OiBib29sZWFuXG4gIG9uQ2xpY2tPdXRzaWRlPzogKCkgPT4gdm9pZFxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCB7IGNvbG9ycywgc3BhY2luZywgcmFkaWksIGVsZXZhdGlvbiB9ID0gdGhlbWVcblxuY29uc3QgU3R5bGVkVGlwcHkgPSBzdHlsZWQoVGlwcHksIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnY3NzJywgLy8gdGhpcyB3aWxsIHByZXZlbnQgd2FybmluZ3MgZW1pdHRlZCBmcm9tIHRpcHB5XG59KWBcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHN9ICR7c3BhY2luZy54c307XG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlU21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke3JhZGlpLm19O1xuICBib3gtc2hhZG93OiAke2VsZXZhdGlvblsnNCddfTtcblxuICAmW2RhdGEtc3RhdGU9J3Zpc2libGUnXSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICZbZGF0YS1zdGF0ZT0naGlkZGVuJ10ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcblxuY29uc3QgVG9vbHRpcCA9ICh7XG4gIG5hbWUsXG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBkZWxheSA9IFswLCAxNTAwXSxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIHZpc2libGUsXG4gIG9uQ2xpY2tPdXRzaWRlLFxufTogVG9vbHRpcFByb3BzKSA9PiB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZigpIGFzIFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGlja091dHNpZGUgPSAoZTogYW55KSA9PlxuICAgICAgcmVmLmN1cnJlbnQgJiYgIXJlZi5jdXJyZW50LmNvbnRhaW5zKGUudGFyZ2V0KSAmJiBvbkNsaWNrT3V0c2lkZSAmJiBvbkNsaWNrT3V0c2lkZSgpXG5cbiAgICB2aXNpYmxlICE9PSB1bmRlZmluZWRcbiAgICAgID8gZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgICAgOiBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9XG4gIH0sIFtdKVxuXG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIGlkPXtuYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgYH1cbiAgICAgIHJlZj17cmVmfVxuICAgID5cbiAgICAgIDxTdHlsZWRUaXBweSBjb250ZW50PXtjb250ZW50fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0gdmlzaWJsZT17dmlzaWJsZX0gey4uLihkZWxheSAhPT0gZmFsc2UgJiYgeyBkZWxheSB9KX0+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgaW5saW5lXG4gICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgey4uLihjb250YWluZXJQcm9wcyB8fCB7fSl9XG4gICAgICAgICAgey4uLihjb250YWluZXJQcm9wcyAmJlxuICAgICAgICAgICAgY29udGFpbmVyUHJvcHMuY3NzICYmIHtcbiAgICAgICAgICAgICAgY3NzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtjb250YWluZXJQcm9wcy5jc3N9XG4gICAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L1N0eWxlZFRpcHB5PlxuICAgIDwvc3Bhbj5cbiAgKVxufVxuXG4vKipcbiAqIFRoZSBgVW5zdGFibGVXaXRoVG9vbHRpcGAgY29tcG9uZW50IGNhbiBiZSB1c2VkIHRvIHdyYXAgYW4gZWxlbWVudCB3aXRoIGEgdG9vbHRpcCBidXQgdW5saWtlIHRoZSBgVG9vbHRpcGAgY29tcG9uZW50XG4gKiBubyBleHRyYSBodG1sIG1hcmt1cCB3aWxsIHdyYXBwZWQgYXJvdW5kIHRoZSB0YXJnZXRlZCBlbGVtZW50LlxuICpcbiAqIE5PVEU6IEl0IGlzIGltcG9ydGFudCB0aGF0IHRoZSBjb21wb25lbnQgYmVpbmcgd3JhcHBlZCBmb3J3YXJkcyBhIHJlZiB0byB0aGUgRE9NIG5vZGUuXG4gKi9cbmV4cG9ydCBjb25zdCBVbnN0YWJsZVdpdGhUb29sdGlwID0gKHsgZGVsYXkgPSBbMCwgMTUwMF0sIC4uLnJlc3QgfTogeyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFRpcHB5UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGlwcHlcbiAgICAgIC8vIHBvcHBlck9wdGlvbnM9e3tcbiAgICAgIC8vICAgbW9kaWZpZXJzOiB7XG4gICAgICAvLyAgICAgZmxpcDogeyBiZWhhdmlvcjogWydib3R0b20nXX0sIC8vIGZvcmNlIHRvIGFsd2F5cyBkaXNwbGF5IHVuZGVyXG4gICAgICAvLyAgIH0sXG4gICAgICAvLyB9fVxuICAgICAgZGVsYXk9e2RlbGF5fVxuICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcFxuIl19 */"));
20
+ elevation = theme.elevation,
21
+ fontFamilies = theme.fontFamilies,
22
+ fontSizes = theme.fontSizes,
23
+ fontWeights = theme.fontWeights,
24
+ lineHeights = theme.lineHeights;
25
+ var tooltipSx = {
26
+ backgroundColor: colors.primary.main,
27
+ color: colors.text.light.primary,
28
+ padding: "".concat(spacing.xxs, " ").concat(spacing.xs),
29
+ fontFamily: fontFamilies.body,
30
+ fontSize: fontSizes.body.small,
31
+ fontWeight: fontWeights.body.regular,
32
+ lineHeight: lineHeights.body.small,
33
+ borderRadius: radii.m,
34
+ boxShadow: elevation['4']
35
+ };
36
+ var tooltipSlotProps = {
37
+ tooltip: {
38
+ sx: tooltipSx
39
+ },
40
+ popper: {
41
+ sx: {
42
+ zIndex: 9100
43
+ }
44
+ }
45
+ };
46
+ var tooltipSlots = {
47
+ transition: Fade
48
+ };
37
49
  var _ref = process.env.NODE_ENV === "production" ? {
38
50
  name: "1d3w5wq",
39
51
  styles: "width:100%"
40
52
  } : {
41
53
  name: "1xdwume-Tooltip",
42
- styles: "width:100%;label:Tooltip;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFYyIsImZpbGUiOiIuLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBUaXBweSwgeyBUaXBweVByb3BzIH0gZnJvbSAnQHRpcHB5anMvcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFBsYWNlbWVudCA9ICd0b3AnIHwgJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ2xlZnQnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmcgfCBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBQbGFjZW1lbnRcbiAgb2Zmc2V0PzogbnVtYmVyXG4gIGRlbGF5PzogW251bWJlciwgbnVtYmVyXSB8IGZhbHNlXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG4gIHZpc2libGU/OiBib29sZWFuXG4gIG9uQ2xpY2tPdXRzaWRlPzogKCkgPT4gdm9pZFxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCB7IGNvbG9ycywgc3BhY2luZywgcmFkaWksIGVsZXZhdGlvbiB9ID0gdGhlbWVcblxuY29uc3QgU3R5bGVkVGlwcHkgPSBzdHlsZWQoVGlwcHksIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnY3NzJywgLy8gdGhpcyB3aWxsIHByZXZlbnQgd2FybmluZ3MgZW1pdHRlZCBmcm9tIHRpcHB5XG59KWBcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHN9ICR7c3BhY2luZy54c307XG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlU21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke3JhZGlpLm19O1xuICBib3gtc2hhZG93OiAke2VsZXZhdGlvblsnNCddfTtcblxuICAmW2RhdGEtc3RhdGU9J3Zpc2libGUnXSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICZbZGF0YS1zdGF0ZT0naGlkZGVuJ10ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbmBcblxuY29uc3QgVG9vbHRpcCA9ICh7XG4gIG5hbWUsXG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBkZWxheSA9IFswLCAxNTAwXSxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIHZpc2libGUsXG4gIG9uQ2xpY2tPdXRzaWRlLFxufTogVG9vbHRpcFByb3BzKSA9PiB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZigpIGFzIFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGlja091dHNpZGUgPSAoZTogYW55KSA9PlxuICAgICAgcmVmLmN1cnJlbnQgJiYgIXJlZi5jdXJyZW50LmNvbnRhaW5zKGUudGFyZ2V0KSAmJiBvbkNsaWNrT3V0c2lkZSAmJiBvbkNsaWNrT3V0c2lkZSgpXG5cbiAgICB2aXNpYmxlICE9PSB1bmRlZmluZWRcbiAgICAgID8gZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgICAgOiBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9XG4gIH0sIFtdKVxuXG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIGlkPXtuYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgYH1cbiAgICAgIHJlZj17cmVmfVxuICAgID5cbiAgICAgIDxTdHlsZWRUaXBweSBjb250ZW50PXtjb250ZW50fSBwbGFjZW1lbnQ9e3BsYWNlbWVudH0gdmlzaWJsZT17dmlzaWJsZX0gey4uLihkZWxheSAhPT0gZmFsc2UgJiYgeyBkZWxheSB9KX0+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgaW5saW5lXG4gICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgey4uLihjb250YWluZXJQcm9wcyB8fCB7fSl9XG4gICAgICAgICAgey4uLihjb250YWluZXJQcm9wcyAmJlxuICAgICAgICAgICAgY29udGFpbmVyUHJvcHMuY3NzICYmIHtcbiAgICAgICAgICAgICAgY3NzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtjb250YWluZXJQcm9wcy5jc3N9XG4gICAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L1N0eWxlZFRpcHB5PlxuICAgIDwvc3Bhbj5cbiAgKVxufVxuXG4vKipcbiAqIFRoZSBgVW5zdGFibGVXaXRoVG9vbHRpcGAgY29tcG9uZW50IGNhbiBiZSB1c2VkIHRvIHdyYXAgYW4gZWxlbWVudCB3aXRoIGEgdG9vbHRpcCBidXQgdW5saWtlIHRoZSBgVG9vbHRpcGAgY29tcG9uZW50XG4gKiBubyBleHRyYSBodG1sIG1hcmt1cCB3aWxsIHdyYXBwZWQgYXJvdW5kIHRoZSB0YXJnZXRlZCBlbGVtZW50LlxuICpcbiAqIE5PVEU6IEl0IGlzIGltcG9ydGFudCB0aGF0IHRoZSBjb21wb25lbnQgYmVpbmcgd3JhcHBlZCBmb3J3YXJkcyBhIHJlZiB0byB0aGUgRE9NIG5vZGUuXG4gKi9cbmV4cG9ydCBjb25zdCBVbnN0YWJsZVdpdGhUb29sdGlwID0gKHsgZGVsYXkgPSBbMCwgMTUwMF0sIC4uLnJlc3QgfTogeyBjbGFzc05hbWU/OiBzdHJpbmcgfSAmIFRpcHB5UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVGlwcHlcbiAgICAgIC8vIHBvcHBlck9wdGlvbnM9e3tcbiAgICAgIC8vICAgbW9kaWZpZXJzOiB7XG4gICAgICAvLyAgICAgZmxpcDogeyBiZWhhdmlvcjogWydib3R0b20nXX0sIC8vIGZvcmNlIHRvIGFsd2F5cyBkaXNwbGF5IHVuZGVyXG4gICAgICAvLyAgIH0sXG4gICAgICAvLyB9fVxuICAgICAgZGVsYXk9e2RlbGF5fVxuICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcFxuIl19 */",
54
+ styles: "width:100%;label:Tooltip;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBFYyIsImZpbGUiOiIuLi8uLi9zcmMvdG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBUb29sdGlwIGFzIE11aVRvb2x0aXAsIFRvb2x0aXBQcm9wcyBhcyBNdWlUb29sdGlwUHJvcHMsIEZhZGUgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLy4uL2ZsZXhib3gnXG5cbnR5cGUgVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmcgfCBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICBwbGFjZW1lbnQ/OiBNdWlUb29sdGlwUHJvcHNbJ3BsYWNlbWVudCddXG4gIG9mZnNldD86IG51bWJlclxuICBlbnRlckRlbGF5PzogbnVtYmVyXG4gIGxlYXZlRGVsYXk/OiBudW1iZXJcbiAgY29udGFpbmVyUHJvcHM/OiBhbnlcbiAgdGFiSW5kZXg/OiBudW1iZXJcbiAgdmlzaWJsZT86IGJvb2xlYW5cbiAgb25DbGlja091dHNpZGU/OiAoKSA9PiB2b2lkXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IHsgY29sb3JzLCBzcGFjaW5nLCByYWRpaSwgZWxldmF0aW9uLCBmb250RmFtaWxpZXMsIGZvbnRTaXplcywgZm9udFdlaWdodHMsIGxpbmVIZWlnaHRzIH0gPSB0aGVtZVxuXG5jb25zdCB0b29sdGlwU3ggPSB7XG4gIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnByaW1hcnkubWFpbixcbiAgY29sb3I6IGNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnksXG4gIHBhZGRpbmc6IGAke3NwYWNpbmcueHhzfSAke3NwYWNpbmcueHN9YCxcbiAgZm9udEZhbWlseTogZm9udEZhbWlsaWVzLmJvZHksXG4gIGZvbnRTaXplOiBmb250U2l6ZXMuYm9keS5zbWFsbCxcbiAgZm9udFdlaWdodDogZm9udFdlaWdodHMuYm9keS5yZWd1bGFyLFxuICBsaW5lSGVpZ2h0OiBsaW5lSGVpZ2h0cy5ib2R5LnNtYWxsLFxuICBib3JkZXJSYWRpdXM6IHJhZGlpLm0sXG4gIGJveFNoYWRvdzogZWxldmF0aW9uWyc0J10sXG59XG5cbmNvbnN0IHRvb2x0aXBTbG90UHJvcHM6IE11aVRvb2x0aXBQcm9wc1snc2xvdFByb3BzJ10gPSB7XG4gIHRvb2x0aXA6IHsgc3g6IHRvb2x0aXBTeCB9LFxuICBwb3BwZXI6IHsgc3g6IHsgekluZGV4OiA5MTAwIH0gfSxcbn1cblxuY29uc3QgdG9vbHRpcFNsb3RzOiBNdWlUb29sdGlwUHJvcHNbJ3Nsb3RzJ10gPSB7XG4gIHRyYW5zaXRpb246IEZhZGUsXG59XG5cbmNvbnN0IFRvb2x0aXAgPSAoe1xuICBuYW1lLFxuICBjb250ZW50LFxuICBjaGlsZHJlbixcbiAgZW50ZXJEZWxheSA9IDAsXG4gIGxlYXZlRGVsYXkgPSAxNTAwLFxuICBwbGFjZW1lbnQgPSAnYm90dG9tJyxcbiAgY29udGFpbmVyUHJvcHMsXG4gIHRhYkluZGV4ID0gMCxcbiAgdmlzaWJsZSxcbiAgb25DbGlja091dHNpZGUsXG59OiBUb29sdGlwUHJvcHMpID0+IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZSA9IChlOiBhbnkpID0+XG4gICAgICByZWYuY3VycmVudCAmJiAhcmVmLmN1cnJlbnQuY29udGFpbnMoZS50YXJnZXQpICYmIG9uQ2xpY2tPdXRzaWRlICYmIG9uQ2xpY2tPdXRzaWRlKClcblxuICAgIGlmICh2aXNpYmxlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9IGVsc2Uge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIH1cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIH1cbiAgfSwgW3Zpc2libGUsIG9uQ2xpY2tPdXRzaWRlXSlcblxuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICBpZD17bmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGB9XG4gICAgICByZWY9e3JlZn1cbiAgICA+XG4gICAgICA8TXVpVG9vbHRpcFxuICAgICAgICB0aXRsZT17Y29udGVudH1cbiAgICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICAgIGVudGVyRGVsYXk9e2VudGVyRGVsYXl9XG4gICAgICAgIGxlYXZlRGVsYXk9e2xlYXZlRGVsYXl9XG4gICAgICAgIHNsb3RzPXt0b29sdGlwU2xvdHN9XG4gICAgICAgIHNsb3RQcm9wcz17dG9vbHRpcFNsb3RQcm9wc31cbiAgICAgICAgey4uLih2aXNpYmxlICE9PSB1bmRlZmluZWQgPyB7IG9wZW46IHZpc2libGUgfSA6IHt9KX1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBpbmxpbmVcbiAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgICB7Li4uKGNvbnRhaW5lclByb3BzIHx8IHt9KX1cbiAgICAgICAgICB7Li4uKGNvbnRhaW5lclByb3BzICYmXG4gICAgICAgICAgICBjb250YWluZXJQcm9wcy5jc3MgJiYge1xuICAgICAgICAgICAgICBjc3M6IGNzc2BcbiAgICAgICAgICAgICAgICAke2NvbnRhaW5lclByb3BzLmNzc31cbiAgICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICBgLFxuICAgICAgICAgICAgfSl9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgIDwvTXVpVG9vbHRpcD5cbiAgICA8L3NwYW4+XG4gIClcbn1cblxuZXhwb3J0IHR5cGUgVW5zdGFibGVXaXRoVG9vbHRpcFByb3BzID0ge1xuICBjb250ZW50OiBSZWFjdC5SZWFjdE5vZGVcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudFxuICBlbnRlckRlbGF5PzogbnVtYmVyXG4gIGxlYXZlRGVsYXk/OiBudW1iZXJcbiAgcGxhY2VtZW50PzogTXVpVG9vbHRpcFByb3BzWydwbGFjZW1lbnQnXVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBUaGUgYFVuc3RhYmxlV2l0aFRvb2x0aXBgIGNvbXBvbmVudCBjYW4gYmUgdXNlZCB0byB3cmFwIGFuIGVsZW1lbnQgd2l0aCBhIHRvb2x0aXAgYnV0IHVubGlrZSB0aGUgYFRvb2x0aXBgIGNvbXBvbmVudFxuICogbm8gZXh0cmEgaHRtbCBtYXJrdXAgd2lsbCB3cmFwcGVkIGFyb3VuZCB0aGUgdGFyZ2V0ZWQgZWxlbWVudC5cbiAqXG4gKiBOT1RFOiBJdCBpcyBpbXBvcnRhbnQgdGhhdCB0aGUgY29tcG9uZW50IGJlaW5nIHdyYXBwZWQgZm9yd2FyZHMgYSByZWYgdG8gdGhlIERPTSBub2RlLlxuICovXG5leHBvcnQgY29uc3QgVW5zdGFibGVXaXRoVG9vbHRpcCA9ICh7XG4gIGNoaWxkcmVuLFxuICBjb250ZW50LFxuICBlbnRlckRlbGF5ID0gMCxcbiAgbGVhdmVEZWxheSA9IDE1MDAsXG4gIHBsYWNlbWVudCA9ICdib3R0b20nLFxuICAuLi5yZXN0XG59OiBVbnN0YWJsZVdpdGhUb29sdGlwUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TXVpVG9vbHRpcFxuICAgICAgdGl0bGU9e2NvbnRlbnR9XG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIGVudGVyRGVsYXk9e2VudGVyRGVsYXl9XG4gICAgICBsZWF2ZURlbGF5PXtsZWF2ZURlbGF5fVxuICAgICAgc2xvdHM9e3Rvb2x0aXBTbG90c31cbiAgICAgIHNsb3RQcm9wcz17dG9vbHRpcFNsb3RQcm9wc31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L011aVRvb2x0aXA+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9vbHRpcFxuIl19 */",
43
55
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
44
56
  };
45
57
  var Tooltip = function Tooltip(_ref2) {
46
58
  var name = _ref2.name,
47
59
  content = _ref2.content,
48
60
  children = _ref2.children,
49
- _ref2$delay = _ref2.delay,
50
- delay = _ref2$delay === void 0 ? [0, 1500] : _ref2$delay,
61
+ _ref2$enterDelay = _ref2.enterDelay,
62
+ enterDelay = _ref2$enterDelay === void 0 ? 0 : _ref2$enterDelay,
63
+ _ref2$leaveDelay = _ref2.leaveDelay,
64
+ leaveDelay = _ref2$leaveDelay === void 0 ? 1500 : _ref2$leaveDelay,
51
65
  _ref2$placement = _ref2.placement,
52
66
  placement = _ref2$placement === void 0 ? 'bottom' : _ref2$placement,
53
67
  containerProps = _ref2.containerProps,
@@ -55,40 +69,46 @@ var Tooltip = function Tooltip(_ref2) {
55
69
  tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex,
56
70
  visible = _ref2.visible,
57
71
  onClickOutside = _ref2.onClickOutside;
58
- var ref = useRef();
72
+ var ref = useRef(null);
59
73
  useEffect(function () {
60
74
  var handleClickOutside = function handleClickOutside(e) {
61
75
  return ref.current && !ref.current.contains(e.target) && onClickOutside && onClickOutside();
62
76
  };
63
- visible !== undefined ? document.addEventListener('mousedown', handleClickOutside) : document.removeEventListener('mousedown', handleClickOutside);
77
+ if (visible !== undefined) {
78
+ document.addEventListener('mousedown', handleClickOutside);
79
+ } else {
80
+ document.removeEventListener('mousedown', handleClickOutside);
81
+ }
64
82
  return function () {
65
83
  document.removeEventListener('mousedown', handleClickOutside);
66
84
  };
67
- }, []);
85
+ }, [visible, onClickOutside]);
68
86
  return _jsx("span", {
69
87
  id: name,
70
88
  css: _ref,
71
89
  ref: ref,
72
- children: _jsx(StyledTippy, _objectSpread(_objectSpread({
73
- content: content,
90
+ children: _jsx(MuiTooltip, _objectSpread(_objectSpread({
91
+ title: content,
74
92
  placement: placement,
75
- visible: visible
76
- }, delay !== false && {
77
- delay: delay
78
- }), {}, {
93
+ enterDelay: enterDelay,
94
+ leaveDelay: leaveDelay,
95
+ slots: tooltipSlots,
96
+ slotProps: tooltipSlotProps
97
+ }, visible !== undefined ? {
98
+ open: visible
99
+ } : {}), {}, {
79
100
  children: _jsx(FlexBox, _objectSpread(_objectSpread(_objectSpread({
80
101
  inline: true,
81
102
  as: "span",
82
103
  tabIndex: tabIndex
83
104
  }, containerProps || {}), containerProps && containerProps.css && {
84
- css: /*#__PURE__*/css(containerProps.css, " outline:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:css;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFGc0IiLCJmaWxlIjoiLi4vLi4vc3JjL3Rvb2x0aXAvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgVGlwcHksIHsgVGlwcHlQcm9wcyB9IGZyb20gJ0B0aXBweWpzL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4vLi4vZmxleGJveCdcblxudHlwZSBQbGFjZW1lbnQgPSAndG9wJyB8ICdyaWdodCcgfCAnYm90dG9tJyB8ICdsZWZ0J1xuXG50eXBlIFRvb2x0aXBQcm9wcyA9IHtcbiAgY29udGVudDogc3RyaW5nIHwgUmVhY3QuUmVhY3ROb2RlXG4gIG5hbWU/OiBzdHJpbmdcbiAgcGxhY2VtZW50PzogUGxhY2VtZW50XG4gIG9mZnNldD86IG51bWJlclxuICBkZWxheT86IFtudW1iZXIsIG51bWJlcl0gfCBmYWxzZVxuICBjb250YWluZXJQcm9wcz86IGFueVxuICB0YWJJbmRleD86IG51bWJlclxuICB2aXNpYmxlPzogYm9vbGVhblxuICBvbkNsaWNrT3V0c2lkZT86ICgpID0+IHZvaWRcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgeyBjb2xvcnMsIHNwYWNpbmcsIHJhZGlpLCBlbGV2YXRpb24gfSA9IHRoZW1lXG5cbmNvbnN0IFN0eWxlZFRpcHB5ID0gc3R5bGVkKFRpcHB5LCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gcHJvcCAhPT0gJ2NzcycsIC8vIHRoaXMgd2lsbCBwcmV2ZW50IHdhcm5pbmdzIGVtaXR0ZWQgZnJvbSB0aXBweVxufSlgXG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnByaW1hcnkubWFpbn07XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcueHhzfSAke3NwYWNpbmcueHN9O1xuICAke3R5cG9ncmFwaHkuYm9keUludGVyZmFjZVNtYWxsfTtcbiAgYm9yZGVyLXJhZGl1czogJHtyYWRpaS5tfTtcbiAgYm94LXNoYWRvdzogJHtlbGV2YXRpb25bJzQnXX07XG5cbiAgJltkYXRhLXN0YXRlPSd2aXNpYmxlJ10ge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAmW2RhdGEtc3RhdGU9J2hpZGRlbiddIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5gXG5cbmNvbnN0IFRvb2x0aXAgPSAoe1xuICBuYW1lLFxuICBjb250ZW50LFxuICBjaGlsZHJlbixcbiAgZGVsYXkgPSBbMCwgMTUwMF0sXG4gIHBsYWNlbWVudCA9ICdib3R0b20nLFxuICBjb250YWluZXJQcm9wcyxcbiAgdGFiSW5kZXggPSAwLFxuICB2aXNpYmxlLFxuICBvbkNsaWNrT3V0c2lkZSxcbn06IFRvb2x0aXBQcm9wcykgPT4ge1xuICBjb25zdCByZWYgPSB1c2VSZWYoKSBhcyBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PlxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlID0gKGU6IGFueSkgPT5cbiAgICAgIHJlZi5jdXJyZW50ICYmICFyZWYuY3VycmVudC5jb250YWlucyhlLnRhcmdldCkgJiYgb25DbGlja091dHNpZGUgJiYgb25DbGlja091dHNpZGUoKVxuXG4gICAgdmlzaWJsZSAhPT0gdW5kZWZpbmVkXG4gICAgICA/IGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICAgIDogZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgaGFuZGxlQ2xpY2tPdXRzaWRlKVxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgfVxuICB9LCBbXSlcblxuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICBpZD17bmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGB9XG4gICAgICByZWY9e3JlZn1cbiAgICA+XG4gICAgICA8U3R5bGVkVGlwcHkgY29udGVudD17Y29udGVudH0gcGxhY2VtZW50PXtwbGFjZW1lbnR9IHZpc2libGU9e3Zpc2libGV9IHsuLi4oZGVsYXkgIT09IGZhbHNlICYmIHsgZGVsYXkgfSl9PlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGlubGluZVxuICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgfHwge30pfVxuICAgICAgICAgIHsuLi4oY29udGFpbmVyUHJvcHMgJiZcbiAgICAgICAgICAgIGNvbnRhaW5lclByb3BzLmNzcyAmJiB7XG4gICAgICAgICAgICAgIGNzczogY3NzYFxuICAgICAgICAgICAgICAgICR7Y29udGFpbmVyUHJvcHMuY3NzfVxuICAgICAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgICAgICAgIGAsXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9TdHlsZWRUaXBweT5cbiAgICA8L3NwYW4+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgYFVuc3RhYmxlV2l0aFRvb2x0aXBgIGNvbXBvbmVudCBjYW4gYmUgdXNlZCB0byB3cmFwIGFuIGVsZW1lbnQgd2l0aCBhIHRvb2x0aXAgYnV0IHVubGlrZSB0aGUgYFRvb2x0aXBgIGNvbXBvbmVudFxuICogbm8gZXh0cmEgaHRtbCBtYXJrdXAgd2lsbCB3cmFwcGVkIGFyb3VuZCB0aGUgdGFyZ2V0ZWQgZWxlbWVudC5cbiAqXG4gKiBOT1RFOiBJdCBpcyBpbXBvcnRhbnQgdGhhdCB0aGUgY29tcG9uZW50IGJlaW5nIHdyYXBwZWQgZm9yd2FyZHMgYSByZWYgdG8gdGhlIERPTSBub2RlLlxuICovXG5leHBvcnQgY29uc3QgVW5zdGFibGVXaXRoVG9vbHRpcCA9ICh7IGRlbGF5ID0gWzAsIDE1MDBdLCAuLi5yZXN0IH06IHsgY2xhc3NOYW1lPzogc3RyaW5nIH0gJiBUaXBweVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRpcHB5XG4gICAgICAvLyBwb3BwZXJPcHRpb25zPXt7XG4gICAgICAvLyAgIG1vZGlmaWVyczoge1xuICAgICAgLy8gICAgIGZsaXA6IHsgYmVoYXZpb3I6IFsnYm90dG9tJ119LCAvLyBmb3JjZSB0byBhbHdheXMgZGlzcGxheSB1bmRlclxuICAgICAgLy8gICB9LFxuICAgICAgLy8gfX1cbiAgICAgIGRlbGF5PXtkZWxheX1cbiAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2x0aXBcbiJdfQ== */")
105
+ css: /*#__PURE__*/css(containerProps.css, " outline:none;" + (process.env.NODE_ENV === "production" ? "" : ";label:css;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90b29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStGc0IiLCJmaWxlIjoiLi4vLi4vc3JjL3Rvb2x0aXAvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgVG9vbHRpcCBhcyBNdWlUb29sdGlwLCBUb29sdGlwUHJvcHMgYXMgTXVpVG9vbHRpcFByb3BzLCBGYWRlIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi8uLi9mbGV4Ym94J1xuXG50eXBlIFRvb2x0aXBQcm9wcyA9IHtcbiAgY29udGVudDogc3RyaW5nIHwgUmVhY3QuUmVhY3ROb2RlXG4gIG5hbWU/OiBzdHJpbmdcbiAgcGxhY2VtZW50PzogTXVpVG9vbHRpcFByb3BzWydwbGFjZW1lbnQnXVxuICBvZmZzZXQ/OiBudW1iZXJcbiAgZW50ZXJEZWxheT86IG51bWJlclxuICBsZWF2ZURlbGF5PzogbnVtYmVyXG4gIGNvbnRhaW5lclByb3BzPzogYW55XG4gIHRhYkluZGV4PzogbnVtYmVyXG4gIHZpc2libGU/OiBib29sZWFuXG4gIG9uQ2xpY2tPdXRzaWRlPzogKCkgPT4gdm9pZFxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCB7IGNvbG9ycywgc3BhY2luZywgcmFkaWksIGVsZXZhdGlvbiwgZm9udEZhbWlsaWVzLCBmb250U2l6ZXMsIGZvbnRXZWlnaHRzLCBsaW5lSGVpZ2h0cyB9ID0gdGhlbWVcblxuY29uc3QgdG9vbHRpcFN4ID0ge1xuICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy5wcmltYXJ5Lm1haW4sXG4gIGNvbG9yOiBjb2xvcnMudGV4dC5saWdodC5wcmltYXJ5LFxuICBwYWRkaW5nOiBgJHtzcGFjaW5nLnh4c30gJHtzcGFjaW5nLnhzfWAsXG4gIGZvbnRGYW1pbHk6IGZvbnRGYW1pbGllcy5ib2R5LFxuICBmb250U2l6ZTogZm9udFNpemVzLmJvZHkuc21hbGwsXG4gIGZvbnRXZWlnaHQ6IGZvbnRXZWlnaHRzLmJvZHkucmVndWxhcixcbiAgbGluZUhlaWdodDogbGluZUhlaWdodHMuYm9keS5zbWFsbCxcbiAgYm9yZGVyUmFkaXVzOiByYWRpaS5tLFxuICBib3hTaGFkb3c6IGVsZXZhdGlvblsnNCddLFxufVxuXG5jb25zdCB0b29sdGlwU2xvdFByb3BzOiBNdWlUb29sdGlwUHJvcHNbJ3Nsb3RQcm9wcyddID0ge1xuICB0b29sdGlwOiB7IHN4OiB0b29sdGlwU3ggfSxcbiAgcG9wcGVyOiB7IHN4OiB7IHpJbmRleDogOTEwMCB9IH0sXG59XG5cbmNvbnN0IHRvb2x0aXBTbG90czogTXVpVG9vbHRpcFByb3BzWydzbG90cyddID0ge1xuICB0cmFuc2l0aW9uOiBGYWRlLFxufVxuXG5jb25zdCBUb29sdGlwID0gKHtcbiAgbmFtZSxcbiAgY29udGVudCxcbiAgY2hpbGRyZW4sXG4gIGVudGVyRGVsYXkgPSAwLFxuICBsZWF2ZURlbGF5ID0gMTUwMCxcbiAgcGxhY2VtZW50ID0gJ2JvdHRvbScsXG4gIGNvbnRhaW5lclByb3BzLFxuICB0YWJJbmRleCA9IDAsXG4gIHZpc2libGUsXG4gIG9uQ2xpY2tPdXRzaWRlLFxufTogVG9vbHRpcFByb3BzKSA9PiB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudCB8IG51bGw+KG51bGwpXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGlja091dHNpZGUgPSAoZTogYW55KSA9PlxuICAgICAgcmVmLmN1cnJlbnQgJiYgIXJlZi5jdXJyZW50LmNvbnRhaW5zKGUudGFyZ2V0KSAmJiBvbkNsaWNrT3V0c2lkZSAmJiBvbkNsaWNrT3V0c2lkZSgpXG5cbiAgICBpZiAodmlzaWJsZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBoYW5kbGVDbGlja091dHNpZGUpXG4gICAgfSBlbHNlIHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIGhhbmRsZUNsaWNrT3V0c2lkZSlcbiAgICB9XG4gIH0sIFt2aXNpYmxlLCBvbkNsaWNrT3V0c2lkZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8c3BhblxuICAgICAgaWQ9e25hbWV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBgfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAgPE11aVRvb2x0aXBcbiAgICAgICAgdGl0bGU9e2NvbnRlbnR9XG4gICAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgICBlbnRlckRlbGF5PXtlbnRlckRlbGF5fVxuICAgICAgICBsZWF2ZURlbGF5PXtsZWF2ZURlbGF5fVxuICAgICAgICBzbG90cz17dG9vbHRpcFNsb3RzfVxuICAgICAgICBzbG90UHJvcHM9e3Rvb2x0aXBTbG90UHJvcHN9XG4gICAgICAgIHsuLi4odmlzaWJsZSAhPT0gdW5kZWZpbmVkID8geyBvcGVuOiB2aXNpYmxlIH0gOiB7fSl9XG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgaW5saW5lXG4gICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgey4uLihjb250YWluZXJQcm9wcyB8fCB7fSl9XG4gICAgICAgICAgey4uLihjb250YWluZXJQcm9wcyAmJlxuICAgICAgICAgICAgY29udGFpbmVyUHJvcHMuY3NzICYmIHtcbiAgICAgICAgICAgICAgY3NzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtjb250YWluZXJQcm9wcy5jc3N9XG4gICAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L011aVRvb2x0aXA+XG4gICAgPC9zcGFuPlxuICApXG59XG5cbmV4cG9ydCB0eXBlIFVuc3RhYmxlV2l0aFRvb2x0aXBQcm9wcyA9IHtcbiAgY29udGVudDogUmVhY3QuUmVhY3ROb2RlXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnRcbiAgZW50ZXJEZWxheT86IG51bWJlclxuICBsZWF2ZURlbGF5PzogbnVtYmVyXG4gIHBsYWNlbWVudD86IE11aVRvb2x0aXBQcm9wc1sncGxhY2VtZW50J11cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbi8qKlxuICogVGhlIGBVbnN0YWJsZVdpdGhUb29sdGlwYCBjb21wb25lbnQgY2FuIGJlIHVzZWQgdG8gd3JhcCBhbiBlbGVtZW50IHdpdGggYSB0b29sdGlwIGJ1dCB1bmxpa2UgdGhlIGBUb29sdGlwYCBjb21wb25lbnRcbiAqIG5vIGV4dHJhIGh0bWwgbWFya3VwIHdpbGwgd3JhcHBlZCBhcm91bmQgdGhlIHRhcmdldGVkIGVsZW1lbnQuXG4gKlxuICogTk9URTogSXQgaXMgaW1wb3J0YW50IHRoYXQgdGhlIGNvbXBvbmVudCBiZWluZyB3cmFwcGVkIGZvcndhcmRzIGEgcmVmIHRvIHRoZSBET00gbm9kZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFVuc3RhYmxlV2l0aFRvb2x0aXAgPSAoe1xuICBjaGlsZHJlbixcbiAgY29udGVudCxcbiAgZW50ZXJEZWxheSA9IDAsXG4gIGxlYXZlRGVsYXkgPSAxNTAwLFxuICBwbGFjZW1lbnQgPSAnYm90dG9tJyxcbiAgLi4ucmVzdFxufTogVW5zdGFibGVXaXRoVG9vbHRpcFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE11aVRvb2x0aXBcbiAgICAgIHRpdGxlPXtjb250ZW50fVxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBlbnRlckRlbGF5PXtlbnRlckRlbGF5fVxuICAgICAgbGVhdmVEZWxheT17bGVhdmVEZWxheX1cbiAgICAgIHNsb3RzPXt0b29sdGlwU2xvdHN9XG4gICAgICBzbG90UHJvcHM9e3Rvb2x0aXBTbG90UHJvcHN9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9NdWlUb29sdGlwPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvb2x0aXBcbiJdfQ== */")
85
106
  }), {}, {
86
107
  children: children
87
108
  }))
88
109
  }))
89
110
  });
90
111
  };
91
-
92
112
  /**
93
113
  * The `UnstableWithTooltip` component can be used to wrap an element with a tooltip but unlike the `Tooltip` component
94
114
  * no extra html markup will wrapped around the targeted element.
@@ -96,18 +116,24 @@ var Tooltip = function Tooltip(_ref2) {
96
116
  * NOTE: It is important that the component being wrapped forwards a ref to the DOM node.
97
117
  */
98
118
  export var UnstableWithTooltip = function UnstableWithTooltip(_ref3) {
99
- var _ref3$delay = _ref3.delay,
100
- delay = _ref3$delay === void 0 ? [0, 1500] : _ref3$delay,
119
+ var children = _ref3.children,
120
+ content = _ref3.content,
121
+ _ref3$enterDelay = _ref3.enterDelay,
122
+ enterDelay = _ref3$enterDelay === void 0 ? 0 : _ref3$enterDelay,
123
+ _ref3$leaveDelay = _ref3.leaveDelay,
124
+ leaveDelay = _ref3$leaveDelay === void 0 ? 1500 : _ref3$leaveDelay,
125
+ _ref3$placement = _ref3.placement,
126
+ placement = _ref3$placement === void 0 ? 'bottom' : _ref3$placement,
101
127
  rest = _objectWithoutProperties(_ref3, _excluded);
102
- return _jsx(StyledTippy
103
- // popperOptions={{
104
- // modifiers: {
105
- // flip: { behavior: ['bottom']}, // force to always display under
106
- // },
107
- // }}
108
- , _objectSpread({
109
- delay: delay,
110
- placement: "bottom"
111
- }, rest));
128
+ return _jsx(MuiTooltip, _objectSpread(_objectSpread({
129
+ title: content,
130
+ placement: placement,
131
+ enterDelay: enterDelay,
132
+ leaveDelay: leaveDelay,
133
+ slots: tooltipSlots,
134
+ slotProps: tooltipSlotProps
135
+ }, rest), {}, {
136
+ children: children
137
+ }));
112
138
  };
113
139
  export default Tooltip;
@@ -1,33 +0,0 @@
1
- import React from 'react';
2
- import 'react-day-picker/dist/style.css';
3
- export interface IDateRangePickerProps {
4
- endDateDisabled?: boolean;
5
- valid: boolean;
6
- onDateChange: (d: string | null, r: string | null) => void;
7
- format?: string;
8
- infoLabel?: string;
9
- startDates: IDateLeg;
10
- endDates: IDateLeg;
11
- labels: IDateRangePickerLabels;
12
- onNextMonthClick?: () => void;
13
- onPrevMonthClick?: () => void;
14
- numberOfMobileMonths?: number;
15
- hideIcon?: boolean;
16
- className?: string;
17
- locale?: string;
18
- }
19
- export interface IDateLeg {
20
- initial: string | null;
21
- maxDate: string;
22
- minDate: string;
23
- disabledDates?: string[];
24
- offerDates?: string[];
25
- }
26
- export interface IDateRangePickerLabels {
27
- start: string;
28
- end: string;
29
- header: string;
30
- info?: string;
31
- }
32
- declare const DateRangePicker: (props: IDateRangePickerProps) => React.JSX.Element;
33
- export default DateRangePicker;