@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.
@@ -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;AAuBzC,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;CAC9B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAiB,EACjB,SAAuB,EACvB,KAAK,GACN,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAiChC"}
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: '4px',
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,CA8OtE"}
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)(false),
56
+ var _useState3 = (0, _react.useState)(-1),
57
57
  _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
58
- fixedMenuPositioned = _useState4[0],
59
- setFixedMenuPositioned = _useState4[1];
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' : '') + (fixedMenuPositioned ? ' positioned' : ''),
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", {
@@ -253,12 +253,8 @@
253
253
  overflow-y: auto;
254
254
 
255
255
  &.fixed-menu {
256
- visibility: 'hidden';
257
- &.positioned {
258
- visibility: 'visible';
259
- position: fixed;
260
- z-index: 11;
261
- }
256
+ position: fixed;
257
+ z-index: 11;
262
258
  }
263
259
 
264
260
  .select-value {
@@ -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;AAY7B,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,CAuCjE"}
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: -20,
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("span", {
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,6 +1,6 @@
1
1
  {
2
2
  "name": "@terraware/web-components",
3
- "version": "2.12.5-rc.0",
3
+ "version": "2.12.5",
4
4
  "author": "Terraformation Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -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;AAyBlD,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AA8CF,eAAO,MAAM,aAAa,oHAA2B,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;AA+FF,eAAO,MAAM,OAAO;UAlF0B,MAAM;cAAY,MAAM;;cAA2B,MAAM;EAkF/D,CAAC;AACzC,eAAO,MAAM,UAAU;UAnFuB,MAAM;cAAY,MAAM;;cAA2B,MAAM;EAmF5D,CAAC;AAC5C,eAAO,MAAM,SAAS;UApFwB,MAAM;cAAY,MAAM;;cAA2B,MAAM;EAoF7D,CAAC;AAC3C,eAAO,MAAM,UAAU;UArFuB,MAAM;cAAY,MAAM;;cAA2B,MAAM;EAqF5D,CAAC;AAC5C,eAAO,MAAM,YAAY;UAtFqB,MAAM;cAAY,MAAM;;cAA2B,MAAM;EAsF1D,CAAC"}
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"}