@terraware/web-components 2.12.4 → 2.12.5-rc.0

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 (5) hide show
  1. package/components/Select/SelectT.d.ts.map +1 -1
  2. package/components/Select/SelectT.js +11 -4
  3. package/components/Select/styles.scss +6 -2
  4. package/package.json +1 -1
  5. package/stories/Select.stories.d.ts.map +1 -1
package/components/Select/SelectT.d.ts.map CHANGED
@@ -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,CA0OtE"}
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"}
package/components/Select/SelectT.js CHANGED
@@ -53,10 +53,14 @@ 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)(-1),
56
+ var _useState3 = (0, _react.useState)(false),
57
57
  _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
58
- selectedIndex = _useState4[0],
59
- setSelectedIndex = _useState4[1];
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];
60
64
  var inputRef = (0, _react.useRef)(null);
61
65
  var dropdownRef = (0, _react.useRef)(null);
62
66
  (0, _react.useEffect)(function () {
@@ -107,7 +111,10 @@ function SelectT(props) {
107
111
  if (dropdownBottom > windowHeightThreshold) {
108
112
  dropdownRef.current.style.maxHeight = "".concat(dropdownRef.current.clientHeight - (dropdownBottom - windowHeightThreshold), "px");
109
113
  }
114
+ setFixedMenuPositioned(true);
110
115
  }
116
+ } else if (fixedMenu) {
117
+ setFixedMenuPositioned(false);
111
118
  }
112
119
  }, [fixedMenu, openedOptions, hasOptions]);
113
120
  var toggleOptions = function toggleOptions() {
@@ -196,7 +203,7 @@ function SelectT(props) {
196
203
  })), options && options.length > 0 && openedOptions && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, fixedMenu && /*#__PURE__*/_react.default.createElement("div", {
197
204
  className: "scroll-block"
198
205
  }), /*#__PURE__*/_react.default.createElement("ul", {
199
- className: 'options-container' + (fixedMenu ? ' fixed-menu' : ''),
206
+ className: 'options-container' + (fixedMenu ? ' fixed-menu' : '') + (fixedMenuPositioned ? ' positioned' : ''),
200
207
  ref: dropdownRef
201
208
  }, options.map(function (option, index) {
202
209
  return /*#__PURE__*/_react.default.createElement("li", {
package/components/Select/styles.scss CHANGED
@@ -253,8 +253,12 @@
253
253
  overflow-y: auto;
254
254
 
255
255
  &.fixed-menu {
256
- position: fixed;
257
- z-index: 11;
256
+ visibility: 'hidden';
257
+ &.positioned {
258
+ visibility: 'visible';
259
+ position: fixed;
260
+ z-index: 11;
261
+ }
258
262
  }
259
263
 
260
264
  .select-value {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@terraware/web-components",
3
- "version": "2.12.4",
3
+ "version": "2.12.5-rc.0",
4
4
  "author": "Terraformation Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
package/stories/Select.stories.d.ts.map 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;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
+ {"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"}