@dhis2-ui/select 9.11.5 → 9.11.7

package/build/cjs/select/menu-wrapper.js

@@ -22,8 +22,7 @@ const MenuWrapper = _ref => {
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_layer.Layer, {
     onBackdropClick: onClick,
-    transparent: true,
-    disablePortal: true
+    transparent: true
   }, /*#__PURE__*/_react.default.createElement(_popper.Popper, {
     reference: selectRef,
     placement: "bottom-start",

package/build/cjs/single-select-field/single-select-field.e2e.stories.js

@@ -3,8 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.WithoutOptions = exports.WithValidationText = exports.WithLoading = exports.WithLabelAndRequiredStatus = exports.WithLabel = exports.WithHiddenParent = exports.WithHelpText = exports.WithFilterable = exports.WithClearableAndSelectedOption = void 0;
-var _style = _interopRequireDefault(require("styled-jsx/style"));
+exports.default = exports.WithoutOptions = exports.WithValidationText = exports.WithLoading = exports.WithLabelAndRequiredStatus = exports.WithLabel = exports.WithHelpText = exports.WithFilterable = exports.WithClearableAndSelectedOption = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _index = require("../index.js");
 var _index2 = require("./index.js");
@@ -87,28 +86,4 @@ const WithLoading = () => /*#__PURE__*/_react.default.createElement(_index2.Sing
 });
 exports.WithLoading = WithLoading;
 const WithoutOptions = () => /*#__PURE__*/_react.default.createElement(_index2.SingleSelectField, null);
-exports.WithoutOptions = WithoutOptions;
-const WithHiddenParent = () => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-3657609608" + " " + "container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-3657609608" + " " + "hoverSpan"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-3657609608"
-  }, "Hover over me"), /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-3657609608" + " " + "hiddenSelect"
-  }, /*#__PURE__*/_react.default.createElement(_index2.SingleSelectField, {
-    dataTest: "hoverable-select-field",
-    label: "Choose something",
-    onChange: () => {}
-  }, /*#__PURE__*/_react.default.createElement(_index.SingleSelectOption, {
-    value: "1",
-    label: "one"
-  }), /*#__PURE__*/_react.default.createElement(_index.SingleSelectOption, {
-    value: "2",
-    label: "two"
-  }))))), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "3657609608"
-  }, [".container.jsx-3657609608{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:1rem;}", ".hiddenSelect.jsx-3657609608{display:none;}", ".hoverSpan.jsx-3657609608:hover .hiddenSelect.jsx-3657609608{display:block;}"]));
-};
-exports.WithHiddenParent = WithHiddenParent;
+exports.WithoutOptions = WithoutOptions;

package/build/es/select/menu-wrapper.js

@@ -15,8 +15,7 @@ const MenuWrapper = _ref => {
   } = _ref;
   return /*#__PURE__*/React.createElement(Layer, {
     onBackdropClick: onClick,
-    transparent: true,
-    disablePortal: true
+    transparent: true
   }, /*#__PURE__*/React.createElement(Popper, {
     reference: selectRef,
     placement: "bottom-start",

package/build/es/single-select-field/single-select-field.e2e.stories.js

@@ -1,4 +1,3 @@
-import _JSXStyle from "styled-jsx/style";
 import React from 'react';
 import { SingleSelectOption } from '../index.js';
 import { SingleSelectField } from './index.js';
@@ -72,27 +71,4 @@ export const WithFilterable = () => /*#__PURE__*/React.createElement(SingleSelec
 export const WithLoading = () => /*#__PURE__*/React.createElement(SingleSelectField, {
   loading: true
 });
-export const WithoutOptions = () => /*#__PURE__*/React.createElement(SingleSelectField, null);
-export const WithHiddenParent = () => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-3657609608" + " " + "container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-3657609608" + " " + "hoverSpan"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "jsx-3657609608"
-  }, "Hover over me"), /*#__PURE__*/React.createElement("div", {
-    className: "jsx-3657609608" + " " + "hiddenSelect"
-  }, /*#__PURE__*/React.createElement(SingleSelectField, {
-    dataTest: "hoverable-select-field",
-    label: "Choose something",
-    onChange: () => {}
-  }, /*#__PURE__*/React.createElement(SingleSelectOption, {
-    value: "1",
-    label: "one"
-  }), /*#__PURE__*/React.createElement(SingleSelectOption, {
-    value: "2",
-    label: "two"
-  }))))), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3657609608"
-  }, [".container.jsx-3657609608{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:1rem;}", ".hiddenSelect.jsx-3657609608{display:none;}", ".hoverSpan.jsx-3657609608:hover .hiddenSelect.jsx-3657609608{display:block;}"]));
-};
+export const WithoutOptions = () => /*#__PURE__*/React.createElement(SingleSelectField, null);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/select",
-    "version": "9.11.5",
+    "version": "9.11.7",
     "description": "UI Select",
     "repository": {
         "type": "git",
@@ -33,21 +33,21 @@
         "styled-jsx": "^4"
     },
     "dependencies": {
-        "@dhis2-ui/box": "9.11.5",
-        "@dhis2-ui/button": "9.11.5",
-        "@dhis2-ui/card": "9.11.5",
-        "@dhis2-ui/checkbox": "9.11.5",
-        "@dhis2-ui/chip": "9.11.5",
-        "@dhis2-ui/field": "9.11.5",
-        "@dhis2-ui/input": "9.11.5",
-        "@dhis2-ui/layer": "9.11.5",
-        "@dhis2-ui/loader": "9.11.5",
-        "@dhis2-ui/popper": "9.11.5",
-        "@dhis2-ui/status-icon": "9.11.5",
-        "@dhis2-ui/tooltip": "9.11.5",
+        "@dhis2-ui/box": "9.11.7",
+        "@dhis2-ui/button": "9.11.7",
+        "@dhis2-ui/card": "9.11.7",
+        "@dhis2-ui/checkbox": "9.11.7",
+        "@dhis2-ui/chip": "9.11.7",
+        "@dhis2-ui/field": "9.11.7",
+        "@dhis2-ui/input": "9.11.7",
+        "@dhis2-ui/layer": "9.11.7",
+        "@dhis2-ui/loader": "9.11.7",
+        "@dhis2-ui/popper": "9.11.7",
+        "@dhis2-ui/status-icon": "9.11.7",
+        "@dhis2-ui/tooltip": "9.11.7",
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2/ui-constants": "9.11.5",
-        "@dhis2/ui-icons": "9.11.5",
+        "@dhis2/ui-constants": "9.11.7",
+        "@dhis2/ui-icons": "9.11.7",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },

package/build/cjs/single-select-field/features/can_show_conditionally/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-(0, _cypressCucumberPreprocessor.Given)('a Select is hidden initially', () => {
-  cy.visitStory('SingleSelectField', 'With hidden parent');
-});
-(0, _cypressCucumberPreprocessor.When)('someone hovers over it to show it', () => {
-  cy.get('.container .hiddenSelect').invoke('attr', 'style', 'display: block');
-});
-(0, _cypressCucumberPreprocessor.When)('clicks the select', () => {
-  cy.get('[data-test="dhis2-uicore-select"]').click();
-});
-(0, _cypressCucumberPreprocessor.Then)('the select dropdown should be in the correct position', () => {
-  cy.get('[data-test="hoverable-select-field"]').should('be.visible');
-  cy.get('[data-test="dhis2-uicore-singleselectoption"]').should($selectField => {
-    const {
-      top,
-      left
-    } = $selectField.offset();
-    expect(top).to.be.greaterThan(0);
-    expect(left).to.be.greaterThan(0);
-  });
-});

package/build/cjs/single-select-field/features/can_show_conditionally.feature

@@ -1,7 +0,0 @@
-Feature: Position of SelectField
-
-    Scenario: Keeps position when parent is hidden initially
-        Given a Select is hidden initially
-        When someone hovers over it to show it
-        And clicks the select
-        Then the select dropdown should be in the correct position

package/build/es/single-select-field/features/can_show_conditionally/index.js

@@ -1,21 +0,0 @@
-import { Given, Then, When } from '@badeball/cypress-cucumber-preprocessor';
-Given('a Select is hidden initially', () => {
-  cy.visitStory('SingleSelectField', 'With hidden parent');
-});
-When('someone hovers over it to show it', () => {
-  cy.get('.container .hiddenSelect').invoke('attr', 'style', 'display: block');
-});
-When('clicks the select', () => {
-  cy.get('[data-test="dhis2-uicore-select"]').click();
-});
-Then('the select dropdown should be in the correct position', () => {
-  cy.get('[data-test="hoverable-select-field"]').should('be.visible');
-  cy.get('[data-test="dhis2-uicore-singleselectoption"]').should($selectField => {
-    const {
-      top,
-      left
-    } = $selectField.offset();
-    expect(top).to.be.greaterThan(0);
-    expect(left).to.be.greaterThan(0);
-  });
-});

package/build/es/single-select-field/features/can_show_conditionally.feature

@@ -1,7 +0,0 @@
-Feature: Position of SelectField
-
-    Scenario: Keeps position when parent is hidden initially
-        Given a Select is hidden initially
-        When someone hovers over it to show it
-        And clicks the select
-        Then the select dropdown should be in the correct position