@terraware/web-components 2.12.5-rc.0 → 2.12.5
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/IconTooltip/index.d.ts +2 -1
- package/components/IconTooltip/index.d.ts.map +1 -1
- package/components/IconTooltip/index.js +8 -3
- package/components/Select/SelectT.d.ts.map +1 -1
- package/components/Select/SelectT.js +4 -11
- package/components/Select/styles.scss +2 -6
- package/components/table/TableHeaderItem.d.ts.map +1 -1
- package/components/table/TableHeaderItem.js +38 -9
- package/package.json +1 -1
- package/stories/Select.stories.d.ts.map +1 -1
- package/stories/Table.stories.d.ts.map +1 -1
@@ -4,6 +4,7 @@ export type IconTooltipProps = {
|
|
4
4
|
iconName?: IconName;
|
5
5
|
placement?: TooltipProps['placement'];
|
6
6
|
title: TooltipProps['title'];
|
7
|
+
disableRightMargin?: boolean;
|
7
8
|
};
|
8
|
-
export default function IconTooltip({ iconName, placement, title, }: IconTooltipProps): JSX.Element;
|
9
|
+
export default function IconTooltip({ iconName, placement, title, disableRightMargin, }: IconTooltipProps): JSX.Element;
|
9
10
|
//# sourceMappingURL=index.d.ts.map
|
@@ -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;AA2BzC,MAAM,MAAM,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;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAiB,EACjB,SAAuB,EACvB,KAAK,EACL,kBAAkB,GACnB,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAiChC"}
|
@@ -19,7 +19,9 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
19
19
|
icon: {
|
20
20
|
fill: theme.palette.TwClrIcnSecondary,
|
21
21
|
marginLeft: '4px',
|
22
|
-
marginRight:
|
22
|
+
marginRight: function marginRight(props) {
|
23
|
+
return props.disableRightMargin ? '0px' : '4px';
|
24
|
+
},
|
23
25
|
verticalAlign: 'text-top'
|
24
26
|
},
|
25
27
|
tooltip: {
|
@@ -37,14 +39,17 @@ function IconTooltip(_ref) {
|
|
37
39
|
iconName = _ref$iconName === void 0 ? 'info' : _ref$iconName,
|
38
40
|
_ref$placement = _ref.placement,
|
39
41
|
placement = _ref$placement === void 0 ? 'top-start' : _ref$placement,
|
40
|
-
title = _ref.title
|
42
|
+
title = _ref.title,
|
43
|
+
disableRightMargin = _ref.disableRightMargin;
|
41
44
|
var _React$useState = _react.default.useState(false),
|
42
45
|
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
43
46
|
open = _React$useState2[0],
|
44
47
|
setOpen = _React$useState2[1];
|
45
48
|
var _useDeviceInfo = (0, _utils.useDeviceInfo)(),
|
46
49
|
isMobile = _useDeviceInfo.isMobile;
|
47
|
-
var classes = useStyles(
|
50
|
+
var classes = useStyles({
|
51
|
+
disableRightMargin: disableRightMargin
|
52
|
+
});
|
48
53
|
var handleTooltipClose = function handleTooltipClose() {
|
49
54
|
setOpen(false);
|
50
55
|
};
|
@@ -1 +1 @@
|
|
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,KAA2E,MAAM,OAAO,CAAC;AAEhG,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;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,
|
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,KAA2E,MAAM,OAAO,CAAC;AAEhG,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;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA0OtE"}
|
@@ -53,14 +53,10 @@ function SelectT(props) {
|
|
53
53
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
54
54
|
openedOptions = _useState2[0],
|
55
55
|
setOpenedOptions = _useState2[1];
|
56
|
-
var _useState3 = (0, _react.useState)(
|
56
|
+
var _useState3 = (0, _react.useState)(-1),
|
57
57
|
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
58
|
-
|
59
|
-
|
60
|
-
var _useState5 = (0, _react.useState)(-1),
|
61
|
-
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
62
|
-
selectedIndex = _useState6[0],
|
63
|
-
setSelectedIndex = _useState6[1];
|
58
|
+
selectedIndex = _useState4[0],
|
59
|
+
setSelectedIndex = _useState4[1];
|
64
60
|
var inputRef = (0, _react.useRef)(null);
|
65
61
|
var dropdownRef = (0, _react.useRef)(null);
|
66
62
|
(0, _react.useEffect)(function () {
|
@@ -111,10 +107,7 @@ function SelectT(props) {
|
|
111
107
|
if (dropdownBottom > windowHeightThreshold) {
|
112
108
|
dropdownRef.current.style.maxHeight = "".concat(dropdownRef.current.clientHeight - (dropdownBottom - windowHeightThreshold), "px");
|
113
109
|
}
|
114
|
-
setFixedMenuPositioned(true);
|
115
110
|
}
|
116
|
-
} else if (fixedMenu) {
|
117
|
-
setFixedMenuPositioned(false);
|
118
111
|
}
|
119
112
|
}, [fixedMenu, openedOptions, hasOptions]);
|
120
113
|
var toggleOptions = function toggleOptions() {
|
@@ -203,7 +196,7 @@ function SelectT(props) {
|
|
203
196
|
})), options && options.length > 0 && openedOptions && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, fixedMenu && /*#__PURE__*/_react.default.createElement("div", {
|
204
197
|
className: "scroll-block"
|
205
198
|
}), /*#__PURE__*/_react.default.createElement("ul", {
|
206
|
-
className: 'options-container' + (fixedMenu ? ' fixed-menu' : '')
|
199
|
+
className: 'options-container' + (fixedMenu ? ' fixed-menu' : ''),
|
207
200
|
ref: dropdownRef
|
208
201
|
}, options.map(function (option, index) {
|
209
202
|
return /*#__PURE__*/_react.default.createElement("li", {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TableHeaderItem.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeaderItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;
|
1
|
+
{"version":3,"file":"TableHeaderItem.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeaderItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAgB7B,KAAK,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,CAwEjE"}
|
@@ -15,7 +15,9 @@ var _IconTooltip = _interopRequireDefault(require("../IconTooltip"));
|
|
15
15
|
var useStyles = (0, _styles.makeStyles)(function (theme) {
|
16
16
|
return {
|
17
17
|
dragIcon: {
|
18
|
-
marginLeft:
|
18
|
+
marginLeft: function marginLeft(props) {
|
19
|
+
return props.rightAligned ? '0px' : '-20px';
|
20
|
+
},
|
19
21
|
color: theme.palette.common.white,
|
20
22
|
'&:hover': {
|
21
23
|
color: theme.palette.neutral[600]
|
@@ -29,7 +31,9 @@ function TableHeaderItem(props) {
|
|
29
31
|
orderBy = props.orderBy,
|
30
32
|
onRequestSort = props.onRequestSort,
|
31
33
|
i = props.i;
|
32
|
-
var classes = useStyles(
|
34
|
+
var classes = useStyles({
|
35
|
+
rightAligned: headCell.alignment === 'right'
|
36
|
+
});
|
33
37
|
var _useSortable = (0, _sortable.useSortable)({
|
34
38
|
id: headCell.id
|
35
39
|
}),
|
@@ -49,7 +53,37 @@ function TableHeaderItem(props) {
|
|
49
53
|
onRequestSort(event, property);
|
50
54
|
};
|
51
55
|
};
|
52
|
-
return /*#__PURE__*/_react.default.createElement(_material.TableCell, {
|
56
|
+
return headCell.alignment === 'right' ? /*#__PURE__*/_react.default.createElement(_material.TableCell, {
|
57
|
+
ref: setNodeRef,
|
58
|
+
id: "table-header-".concat(headCell.id),
|
59
|
+
key: headCell.id,
|
60
|
+
align: 'right',
|
61
|
+
padding: headCell.disablePadding ? 'none' : 'normal',
|
62
|
+
sortDirection: orderBy === headCell.id ? order : false,
|
63
|
+
style: style,
|
64
|
+
className: headCell.className || ''
|
65
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
66
|
+
display: "flex",
|
67
|
+
alignItems: "center",
|
68
|
+
flexDirection: "row-reverse"
|
69
|
+
}, headCell.label && /*#__PURE__*/_react.default.createElement(_material.TableSortLabel, {
|
70
|
+
sx: {
|
71
|
+
flexDirection: 'row-reverse'
|
72
|
+
},
|
73
|
+
active: orderBy === headCell.id,
|
74
|
+
direction: orderBy === headCell.id ? order : 'asc',
|
75
|
+
onClick: createSortHandler(headCell.id)
|
76
|
+
}, headCell.tooltipTitle && /*#__PURE__*/_react.default.createElement(_IconTooltip.default, {
|
77
|
+
title: headCell.tooltipTitle,
|
78
|
+
disableRightMargin: true
|
79
|
+
}), headCell.label), i > 0 && /*#__PURE__*/_react.default.createElement(_iconsMaterial.DragHandle, Object.assign({
|
80
|
+
className: classes.dragIcon
|
81
|
+
}, attributes, listeners, {
|
82
|
+
sx: {
|
83
|
+
verticalAlign: 'middle',
|
84
|
+
display: 'inline-flex'
|
85
|
+
}
|
86
|
+
})))) : /*#__PURE__*/_react.default.createElement(_material.TableCell, {
|
53
87
|
ref: setNodeRef,
|
54
88
|
id: "table-header-".concat(headCell.id),
|
55
89
|
key: headCell.id,
|
@@ -64,12 +98,7 @@ function TableHeaderItem(props) {
|
|
64
98
|
onClick: createSortHandler(headCell.id)
|
65
99
|
}, i > 0 && /*#__PURE__*/_react.default.createElement(_iconsMaterial.DragHandle, Object.assign({
|
66
100
|
className: classes.dragIcon
|
67
|
-
}, attributes, listeners)), /*#__PURE__*/_react.default.createElement(
|
68
|
-
style: {
|
69
|
-
textAlign: headCell.alignment || 'left',
|
70
|
-
width: '100%'
|
71
|
-
}
|
72
|
-
}, headCell.label), headCell.tooltipTitle && /*#__PURE__*/_react.default.createElement(_IconTooltip.default, {
|
101
|
+
}, attributes, listeners)), headCell.label, headCell.tooltipTitle && /*#__PURE__*/_react.default.createElement(_IconTooltip.default, {
|
73
102
|
title: headCell.tooltipTitle
|
74
103
|
})));
|
75
104
|
}
|
package/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Select.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAgB,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;;;;;AAErE,wBAGE;AAwBF,eAAO,MAAM,OAAO,4GAAoB,CAAC;AAezC,eAAO,MAAM,QAAQ,4GAA4B,CAAC;
|
1
|
+
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Select.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAgB,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;;;;;AAErE,wBAGE;AAwBF,eAAO,MAAM,OAAO,4GAAoB,CAAC;AAezC,eAAO,MAAM,QAAQ,4GAA4B,CAAC;AAgBlD,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AA8CF,eAAO,MAAM,aAAa,oHAA2B,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Table.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAgC,KAAK,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;;;;;AAUrG,wBAGE;
|
1
|
+
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Table.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAgC,KAAK,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;;;;;AAUrG,wBAGE;AAgGF,eAAO,MAAM,OAAO;UAnF0B,MAAM;cAAY,MAAM;;cAA2B,MAAM;EAmF/D,CAAC;AACzC,eAAO,MAAM,UAAU;UApFuB,MAAM;cAAY,MAAM;;cAA2B,MAAM;EAoF5D,CAAC;AAC5C,eAAO,MAAM,SAAS;UArFwB,MAAM;cAAY,MAAM;;cAA2B,MAAM;EAqF7D,CAAC;AAC3C,eAAO,MAAM,UAAU;UAtFuB,MAAM;cAAY,MAAM;;cAA2B,MAAM;EAsF5D,CAAC;AAC5C,eAAO,MAAM,YAAY;UAvFqB,MAAM;cAAY,MAAM;;cAA2B,MAAM;EAuF1D,CAAC"}
|