@terraware/web-components 1.0.42 → 1.0.43
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/components/Dropdown.d.ts +2 -0
- package/components/Dropdown.d.ts.map +1 -1
- package/components/Dropdown.js +2 -1
- package/components/IconTooltip/index.d.ts.map +1 -1
- package/components/IconTooltip/index.js +2 -0
- package/components/Select/Select.d.ts +2 -0
- package/components/Select/Select.d.ts.map +1 -1
- package/components/Select/SelectT.d.ts +2 -0
- package/components/Select/SelectT.d.ts.map +1 -1
- package/components/Select/SelectT.js +8 -3
- package/components/Textfield/Textfield.d.ts +2 -1
- package/components/Textfield/Textfield.d.ts.map +1 -1
- package/components/Textfield/Textfield.js +6 -12
- package/components/table/TableHeader.d.ts.map +1 -1
- package/components/table/TableHeader.js +2 -1
- package/components/table/TableHeaderItem.d.ts +2 -0
- package/components/table/TableHeaderItem.d.ts.map +1 -1
- package/components/table/TableHeaderItem.js +5 -1
- package/components/table/index.d.ts +2 -0
- package/components/table/index.d.ts.map +1 -1
- package/components/table/index.js +2 -1
- package/components/table/types.d.ts +2 -0
- package/components/table/types.d.ts.map +1 -1
- package/package.json +1 -1
package/components/Dropdown.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { TooltipProps } from '@mui/material';
|
|
2
3
|
export interface Props {
|
|
3
4
|
id: string;
|
|
4
5
|
label: string;
|
|
@@ -30,6 +31,7 @@ export interface DropdownProps {
|
|
|
30
31
|
onBlur?: () => void;
|
|
31
32
|
onFocus?: () => void;
|
|
32
33
|
fixedMenu?: boolean;
|
|
34
|
+
tooltipTitle?: TooltipProps['title'];
|
|
33
35
|
}
|
|
34
36
|
/**
|
|
35
37
|
* This is a simple dropdwn that takes in a tuple { label, value }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgE,YAAY,EAAE,MAAM,eAAe,CAAC;AAK3G,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAQD,oBAAY,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAkBlG;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CACtC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAgBlE"}
|
package/components/Dropdown.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconTooltip/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAkB,YAAY,EAAE,MAAM,eAAe,CAAC;AAI7D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconTooltip/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAkB,YAAY,EAAE,MAAM,eAAe,CAAC;AAI7D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AA0BzC,oBAAY,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,QAAiB,EAAE,SAAuB,EAAE,KAAK,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAsBxH"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { TooltipProps } from '@mui/material';
|
|
2
3
|
import './styles.scss';
|
|
3
4
|
export interface SelectProps {
|
|
4
5
|
onChange: (newValue: string) => void;
|
|
@@ -18,6 +19,7 @@ export interface SelectProps {
|
|
|
18
19
|
onBlur?: () => void;
|
|
19
20
|
onFocus?: () => void;
|
|
20
21
|
fixedMenu?: boolean;
|
|
22
|
+
tooltipTitle?: TooltipProps['title'];
|
|
21
23
|
}
|
|
22
24
|
export default function Select(props: SelectProps): JSX.Element;
|
|
23
25
|
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,OAAO,eAAe,CAAC;AAGvB,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CACtC;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAY9D"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { TooltipProps } from '@mui/material';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import './styles.scss';
|
|
3
4
|
export interface SelectTProps<T> {
|
|
@@ -22,6 +23,7 @@ export interface SelectTProps<T> {
|
|
|
22
23
|
renderOption: (option: T) => React.ReactNode;
|
|
23
24
|
toT: (input: string) => T;
|
|
24
25
|
displayLabel: (option: any) => string;
|
|
26
|
+
tooltipTitle?: TooltipProps['title'];
|
|
25
27
|
}
|
|
26
28
|
export default function SelectT<T>(props: SelectTProps<T>): JSX.Element;
|
|
27
29
|
//# sourceMappingURL=SelectT.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectT.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectT.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SelectT.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectT.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,eAAe,CAAC;AAKvB,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC;IACjC,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7C,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,CAAC;IAC1B,YAAY,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,MAAM,CAAC;IACtC,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CACtC;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAkOtE"}
|
|
@@ -13,9 +13,11 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
13
13
|
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
15
|
|
|
16
|
+
require("./styles.scss");
|
|
17
|
+
|
|
16
18
|
var _Icon = _interopRequireDefault(require("../Icon/Icon"));
|
|
17
19
|
|
|
18
|
-
require("
|
|
20
|
+
var _IconTooltip = _interopRequireDefault(require("../IconTooltip"));
|
|
19
21
|
|
|
20
22
|
var _utils = require("../../utils");
|
|
21
23
|
|
|
@@ -45,7 +47,8 @@ function SelectT(props) {
|
|
|
45
47
|
isEqual = props.isEqual,
|
|
46
48
|
renderOption = props.renderOption,
|
|
47
49
|
toT = props.toT,
|
|
48
|
-
displayLabel = props.displayLabel
|
|
50
|
+
displayLabel = props.displayLabel,
|
|
51
|
+
tooltipTitle = props.tooltipTitle;
|
|
49
52
|
var selectClass = (0, _classnames.default)({
|
|
50
53
|
'textfield-value': true,
|
|
51
54
|
'textfield-value--disabled': disabled,
|
|
@@ -203,7 +206,9 @@ function SelectT(props) {
|
|
|
203
206
|
}, label && /*#__PURE__*/_react.default.createElement("label", {
|
|
204
207
|
htmlFor: id,
|
|
205
208
|
className: "textfield-label"
|
|
206
|
-
}, label
|
|
209
|
+
}, label, " ", tooltipTitle && /*#__PURE__*/_react.default.createElement(_IconTooltip.default, {
|
|
210
|
+
title: tooltipTitle
|
|
211
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
207
212
|
className: "textfield-container ".concat(fullWidth ? 'textfield-container--fullWidth' : '')
|
|
208
213
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
209
214
|
id: id,
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { TooltipProps } from '@mui/material';
|
|
2
3
|
import { IconName } from '../Icon/icons';
|
|
3
4
|
import './styles.scss';
|
|
4
5
|
declare type TextfieldType = 'text' | 'textarea' | 'number';
|
|
@@ -21,7 +22,7 @@ export interface Props {
|
|
|
21
22
|
type: TextfieldType;
|
|
22
23
|
onKeyDown?: (key: string) => void;
|
|
23
24
|
onClickRightIcon?: () => void;
|
|
24
|
-
|
|
25
|
+
tooltipTitle?: TooltipProps['title'];
|
|
25
26
|
min?: number;
|
|
26
27
|
max?: number;
|
|
27
28
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../src/components/Textfield/Textfield.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../src/components/Textfield/Textfield.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAW,YAAY,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,eAAe,CAAC;AAIvB,aAAK,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEpD,aAAK,OAAO,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;AAEpD,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA8H3D"}
|
|
@@ -11,14 +11,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
11
11
|
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
|
|
14
|
-
var _material = require("@mui/material");
|
|
15
|
-
|
|
16
14
|
var _Icon = _interopRequireDefault(require("../Icon/Icon"));
|
|
17
15
|
|
|
18
16
|
require("./styles.scss");
|
|
19
17
|
|
|
20
18
|
var _utils = require("../../utils");
|
|
21
19
|
|
|
20
|
+
var _IconTooltip = _interopRequireDefault(require("../IconTooltip"));
|
|
21
|
+
|
|
22
22
|
function TextField(props) {
|
|
23
23
|
var value = props.value,
|
|
24
24
|
onChange = props.onChange,
|
|
@@ -37,7 +37,7 @@ function TextField(props) {
|
|
|
37
37
|
type = props.type,
|
|
38
38
|
onKeyDown = props.onKeyDown,
|
|
39
39
|
onClickRightIcon = props.onClickRightIcon,
|
|
40
|
-
|
|
40
|
+
tooltipTitle = props.tooltipTitle,
|
|
41
41
|
min = props.min,
|
|
42
42
|
max = props.max;
|
|
43
43
|
var textfieldClass = (0, _classnames.default)({
|
|
@@ -99,16 +99,10 @@ function TextField(props) {
|
|
|
99
99
|
}, /*#__PURE__*/_react.default.createElement("label", {
|
|
100
100
|
htmlFor: id,
|
|
101
101
|
className: "textfield-label"
|
|
102
|
-
}, label,
|
|
103
|
-
className: "textfield-label--icon-tooltip-container"
|
|
104
|
-
}, /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
|
|
105
|
-
title: tooltipText,
|
|
102
|
+
}, label, tooltipTitle && /*#__PURE__*/_react.default.createElement(_IconTooltip.default, {
|
|
106
103
|
placement: "top",
|
|
107
|
-
|
|
108
|
-
},
|
|
109
|
-
name: "info",
|
|
110
|
-
className: "textfield-label--icon-tooltip"
|
|
111
|
-
}))))), !display && (type === 'text' || type === 'number' ? /*#__PURE__*/_react.default.createElement("div", {
|
|
104
|
+
title: tooltipTitle
|
|
105
|
+
})), !display && (type === 'text' || type === 'number' ? /*#__PURE__*/_react.default.createElement("div", {
|
|
112
106
|
id: id,
|
|
113
107
|
className: textfieldClass
|
|
114
108
|
}, iconLeft && /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK1C,UAAU,KAAK;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACzE;
|
|
1
|
+
{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK1C,UAAU,KAAK;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACzE;AAYD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA4BnE"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { TooltipProps } from '@mui/material';
|
|
2
3
|
import { SortOrder } from './sort';
|
|
3
4
|
interface HeadCell {
|
|
4
5
|
disablePadding: boolean;
|
|
5
6
|
id: string;
|
|
6
7
|
label: string | JSX.Element;
|
|
7
8
|
className?: string;
|
|
9
|
+
tooltipTitle?: TooltipProps['title'];
|
|
8
10
|
}
|
|
9
11
|
declare type Props = {
|
|
10
12
|
headCell: HeadCell;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeaderItem.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeaderItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TableHeaderItem.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeaderItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAoC,YAAY,EAAE,MAAM,eAAe,CAAC;AAG/E,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGnC,UAAU,QAAQ;IAChB,cAAc,EAAE,OAAO,CAAC;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CACtC;AAED,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA4CjE"}
|
|
@@ -19,6 +19,8 @@ var _material = require("@mui/material");
|
|
|
19
19
|
|
|
20
20
|
var _styles = require("@mui/styles");
|
|
21
21
|
|
|
22
|
+
var _IconTooltip = _interopRequireDefault(require("../IconTooltip"));
|
|
23
|
+
|
|
22
24
|
function TableHeaderItem(props) {
|
|
23
25
|
var headCell = props.headCell,
|
|
24
26
|
order = props.order,
|
|
@@ -74,5 +76,7 @@ function TableHeaderItem(props) {
|
|
|
74
76
|
onClick: createSortHandler(headCell.id)
|
|
75
77
|
}, i > 0 && /*#__PURE__*/_react.default.createElement(_iconsMaterial.DragHandle, Object.assign({
|
|
76
78
|
classes: dragIconStyles()
|
|
77
|
-
}, attributes, listeners)), headCell.label
|
|
79
|
+
}, attributes, listeners)), headCell.label, headCell.tooltipTitle && /*#__PURE__*/_react.default.createElement(_IconTooltip.default, {
|
|
80
|
+
title: headCell.tooltipTitle
|
|
81
|
+
})));
|
|
78
82
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { TooltipProps } from '@mui/material';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import { SortOrder } from './sort';
|
|
3
4
|
import { DetailsRendererProps, RendererProps, TableColumnType } from './types';
|
|
@@ -6,6 +7,7 @@ export interface HeadCell {
|
|
|
6
7
|
disablePadding: boolean;
|
|
7
8
|
id: string;
|
|
8
9
|
label: string | JSX.Element;
|
|
10
|
+
tooltipTitle?: TooltipProps['title'];
|
|
9
11
|
}
|
|
10
12
|
export interface Props<T> {
|
|
11
13
|
id?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -180,7 +180,8 @@ function EnhancedTable(_ref) {
|
|
|
180
180
|
return {
|
|
181
181
|
id: c.key,
|
|
182
182
|
disablePadding: false,
|
|
183
|
-
label: typeof c.name === 'string' ? c.name.toUpperCase() : c.name
|
|
183
|
+
label: typeof c.name === 'string' ? c.name.toUpperCase() : c.name,
|
|
184
|
+
tooltipTitle: c.tooltipTitle
|
|
184
185
|
};
|
|
185
186
|
});
|
|
186
187
|
}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { TooltipProps } from '@mui/material';
|
|
2
3
|
export interface TableColumnType {
|
|
3
4
|
key: string;
|
|
4
5
|
name: string | JSX.Element;
|
|
5
6
|
type: 'string' | 'number' | 'date' | 'notes' | 'edit' | 'boolean';
|
|
6
7
|
className?: string;
|
|
8
|
+
tooltipTitle?: TooltipProps['title'];
|
|
7
9
|
}
|
|
8
10
|
export interface RendererProps<T> {
|
|
9
11
|
index: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC3B,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,CAAC,CAAC;IACP,MAAM,EAAE,eAAe,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,EAAE,GAAG,SAAS,CAAC;IAChD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oBAAY,uBAAuB,GAAG;IACpC,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,EAAE,GAAG,SAAS,CAAC;CAC/C,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,uBAAuB,CAAC;CAC9B"}
|