@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.
- package/app-bar/AppBarDrawer.js +1 -1
- package/app-bar/AppBarItem.js +16 -15
- package/assertions/banner/Banner.js +7 -7
- package/assertions/toast/Toaster.d.ts +2 -2
- package/assertions/toast/Toaster.js +1 -1
- package/button/IconButton.d.ts +1 -1
- package/button/IconButton.js +28 -38
- package/button-stack/ButtonStack.js +3 -3
- package/cjs/app-bar/AppBarDrawer.js +1 -1
- package/cjs/app-bar/AppBarItem.js +17 -17
- package/cjs/assertions/banner/Banner.js +7 -7
- package/cjs/assertions/toast/Toaster.d.ts +2 -2
- package/cjs/assertions/toast/Toaster.js +1 -1
- package/cjs/button/IconButton.d.ts +1 -1
- package/cjs/button/IconButton.js +8 -18
- package/cjs/button-stack/ButtonStack.js +3 -3
- package/cjs/common/LockBodyScroll.d.ts +2 -1
- package/cjs/common/LockBodyScroll.js +11 -8
- package/cjs/common/emotionCloneElement.js +0 -1
- package/cjs/common/useOnClickOutside.d.ts +1 -1
- package/cjs/counter/Counter.d.ts +2 -1
- package/cjs/counter/Counter.js +10 -9
- package/cjs/counter/PluralCounter.d.ts +3 -2
- package/cjs/counter/PluralCounter.js +4 -5
- package/cjs/drawer/Drawer.d.ts +2 -1
- package/cjs/drawer/Drawer.js +5 -5
- package/cjs/dropdown-menu/Dropdown.d.ts +1 -1
- package/cjs/dropdown-menu/Dropdown.js +9 -10
- package/cjs/forms/checkbox/Checkbox.d.ts +2 -2
- package/cjs/forms/checkbox/Checkbox.js +7 -8
- package/cjs/forms/email-field/EmailField.d.ts +18 -2
- package/cjs/forms/email-field/EmailField.js +8 -4
- package/cjs/forms/input/Input.d.ts +2 -2
- package/cjs/forms/input/Input.js +13 -14
- package/cjs/forms/input/InputComposition.d.ts +1 -1
- package/cjs/forms/input/InputComposition.js +17 -18
- package/cjs/forms/number-field/NumberField.d.ts +18 -2
- package/cjs/forms/number-field/NumberField.js +9 -5
- package/cjs/forms/password-field/PasswordField.d.ts +2 -2
- package/cjs/forms/password-field/PasswordField.js +3 -4
- package/cjs/forms/radio/Radio.d.ts +1 -1
- package/cjs/forms/radio/Radio.js +7 -6
- package/cjs/forms/reactselect/ReactSelect.d.ts +2 -2
- package/cjs/forms/reactselect/ReactSelect.js +8 -9
- package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +1 -1
- package/cjs/forms/select/Select.d.ts +2 -2
- package/cjs/forms/select/Select.js +9 -10
- package/cjs/forms/select-field/SelectField.d.ts +12 -4
- package/cjs/forms/select-field/SelectField.js +8 -9
- package/cjs/forms/tel-field/TelField.d.ts +18 -2
- package/cjs/forms/tel-field/TelField.js +8 -4
- package/cjs/forms/text-field/TextField.d.ts +19 -2
- package/cjs/forms/text-field/TextField.js +8 -9
- package/cjs/index.d.ts +0 -1
- package/cjs/index.js +0 -12
- package/cjs/menu/Menu.js +8 -9
- package/cjs/popper/Popper.d.ts +1 -1
- package/cjs/popper/Popper.js +2 -2
- package/cjs/side-sheet/SideSheet.js +8 -8
- package/cjs/site-layout/SiteLayout.js +5 -5
- package/cjs/surface/Surface.d.ts +3 -2
- package/cjs/surface/Surface.js +1 -1
- package/cjs/tab/Tabs.js +3 -3
- package/cjs/table/Table.d.ts +1 -1
- package/cjs/table/Table.js +5 -5
- package/cjs/table/TableBody.d.ts +1 -1
- package/cjs/table/TableBody.js +6 -6
- package/cjs/table/TableDataCell.d.ts +1 -1
- package/cjs/table/TableDataCell.js +7 -7
- package/cjs/table/TableHead.d.ts +1 -1
- package/cjs/table/TableHead.js +6 -7
- package/cjs/table/TableHeaderCell.d.ts +1 -1
- package/cjs/table/TableHeaderCell.js +8 -8
- package/cjs/table/TableRow.d.ts +1 -1
- package/cjs/table/TableRow.js +6 -7
- package/cjs/tooltip/Tooltip.d.ts +14 -8
- package/cjs/tooltip/Tooltip.js +64 -39
- package/common/LockBodyScroll.d.ts +2 -1
- package/common/LockBodyScroll.js +9 -7
- package/common/emotionCloneElement.js +1 -2
- package/common/useOnClickOutside.d.ts +1 -1
- package/counter/Counter.d.ts +2 -1
- package/counter/Counter.js +10 -10
- package/counter/PluralCounter.d.ts +3 -2
- package/counter/PluralCounter.js +6 -8
- package/drawer/Drawer.d.ts +2 -1
- package/drawer/Drawer.js +4 -5
- package/dropdown-menu/Dropdown.d.ts +1 -1
- package/dropdown-menu/Dropdown.js +10 -12
- package/forms/checkbox/Checkbox.d.ts +2 -2
- package/forms/checkbox/Checkbox.js +10 -11
- package/forms/email-field/EmailField.d.ts +18 -2
- package/forms/email-field/EmailField.js +9 -4
- package/forms/input/Input.d.ts +2 -2
- package/forms/input/Input.js +15 -16
- package/forms/input/InputComposition.d.ts +1 -1
- package/forms/input/InputComposition.js +16 -18
- package/forms/number-field/NumberField.d.ts +18 -2
- package/forms/number-field/NumberField.js +10 -5
- package/forms/password-field/PasswordField.d.ts +2 -2
- package/forms/password-field/PasswordField.js +3 -4
- package/forms/radio/Radio.d.ts +1 -1
- package/forms/radio/Radio.js +8 -7
- package/forms/reactselect/ReactSelect.d.ts +2 -2
- package/forms/reactselect/ReactSelect.js +11 -13
- package/forms/searchable-select/AsyncSearchableSelect.d.ts +1 -1
- package/forms/select/Select.d.ts +2 -2
- package/forms/select/Select.js +10 -11
- package/forms/select-field/SelectField.d.ts +12 -4
- package/forms/select-field/SelectField.js +8 -9
- package/forms/tel-field/TelField.d.ts +18 -2
- package/forms/tel-field/TelField.js +9 -4
- package/forms/text-field/TextField.d.ts +19 -2
- package/forms/text-field/TextField.js +8 -9
- package/index.d.ts +0 -1
- package/index.js +0 -1
- package/menu/Menu.js +8 -9
- package/package.json +14 -17
- package/popper/Popper.d.ts +1 -1
- package/popper/Popper.js +2 -2
- package/side-sheet/SideSheet.js +7 -7
- package/site-layout/SiteLayout.js +5 -5
- package/surface/Surface.d.ts +3 -2
- package/surface/Surface.js +1 -1
- package/tab/Tabs.js +4 -4
- package/table/Table.d.ts +1 -1
- package/table/Table.js +4 -5
- package/table/TableBody.d.ts +1 -1
- package/table/TableBody.js +3 -4
- package/table/TableDataCell.d.ts +1 -1
- package/table/TableDataCell.js +4 -5
- package/table/TableHead.d.ts +1 -1
- package/table/TableHead.js +4 -5
- package/table/TableHeaderCell.d.ts +1 -1
- package/table/TableHeaderCell.js +5 -6
- package/table/TableRow.d.ts +1 -1
- package/table/TableRow.js +4 -5
- package/tooltip/Tooltip.d.ts +14 -8
- package/tooltip/Tooltip.js +71 -45
- package/cjs/date-range-picker/DateRangePicker.d.ts +0 -33
- package/cjs/date-range-picker/DateRangePicker.js +0 -332
- package/cjs/date-range-picker/DateRangePicker.styles.d.ts +0 -6
- package/cjs/date-range-picker/DateRangePicker.styles.js +0 -14
- package/cjs/date-range-picker/index.d.ts +0 -1
- package/cjs/date-range-picker/index.js +0 -13
- package/date-range-picker/DateRangePicker.d.ts +0 -33
- package/date-range-picker/DateRangePicker.js +0 -391
- package/date-range-picker/DateRangePicker.styles.d.ts +0 -6
- package/date-range-picker/DateRangePicker.styles.js +0 -9
- package/date-range-picker/index.d.ts +0 -1
- 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
|
|
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,
|
|
20
|
-
export var TableRow =
|
|
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;
|
package/tooltip/Tooltip.d.ts
CHANGED
|
@@ -1,26 +1,32 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
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?:
|
|
6
|
+
placement?: MuiTooltipProps['placement'];
|
|
8
7
|
offset?: number;
|
|
9
|
-
|
|
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,
|
|
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: ({
|
|
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;
|
package/tooltip/Tooltip.js
CHANGED
|
@@ -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
|
-
|
|
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
|
|
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
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
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,
|
|
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$
|
|
50
|
-
|
|
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
|
|
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(
|
|
73
|
-
|
|
90
|
+
children: _jsx(MuiTooltip, _objectSpread(_objectSpread({
|
|
91
|
+
title: content,
|
|
74
92
|
placement: placement,
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
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,
|
|
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
|
|
100
|
-
|
|
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(
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
}
|
|
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;
|