@pedidopago/ui 1.3.4 → 1.3.5

package/dist/components/MultipleSelect/MultipleSelect.test.js

@@ -32,28 +32,28 @@ var doIt = function doIt(func, times) {
 
 var setup = function setup(props) {
   var mockData = [{
-    name: 'batata01',
+    label: 'batata01',
     value: 'Batata01'
   }, {
-    name: 'batata02',
+    label: 'batata02',
     value: 'Batata02'
   }, {
-    name: 'batata03',
+    label: 'batata03',
     value: 'Batata03'
   }, {
-    name: 'batata04',
+    label: 'batata04',
     value: 'Batata04'
   }, {
-    name: 'batata05',
+    label: 'batata05',
     value: 'Batata05'
   }, {
-    name: 'batata06',
+    label: 'batata06',
     value: 'Batata06'
   }, {
-    name: 'batata07',
+    label: 'batata07',
     value: 'Batata07'
   }, {
-    name: 'batata08',
+    label: 'batata08',
     value: 'Batata08'
   }];
   var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({
@@ -283,7 +283,7 @@ describe('SelectInput', function () {
       maxSelects: 5,
       disabled: true,
       defaultSelectedOptions: [{
-        name: 'test',
+        label: 'test',
         value: 'Teste'
       }]
     }),

package/dist/components/MultipleSelect/components/OptionsArea/index.js

@@ -55,10 +55,10 @@ function OptionsArea(_ref) {
   (0, _react.useEffect)(function () {
     if (data.length > 0) {
       var selectedOptionsNames = selectedOptions.map(function (option) {
-        return option.name;
+        return option.label;
       });
       var newDataWithoutChosen = data.map(function (option) {
-        return !selectedOptionsNames.includes(option.name) ? option : [];
+        return !selectedOptionsNames.includes(option.label) ? option : [];
       }).flat();
       var newDataToShow = AutoComplete ? newDataWithoutChosen.map(function (option) {
         return option.value.includes(AutoCompleteState) ? option : [];
@@ -138,8 +138,8 @@ function OptionsArea(_ref) {
         onKeyDown: function onKeyDown(e) {
           return e.key === 'Enter' && chooseOption(option);
         },
-        children: option.name
-      }, "".concat(option.name).concat(index));
+        children: option.label
+      }, "".concat(option.label).concat(index));
     }), AutoCompleteState.length > 0 && dataToShow.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_OptionsArea.Span, {
       children: "Sem Resultados"
     })]

package/dist/components/MultipleSelect/components/SelectArea/index.js

@@ -51,17 +51,17 @@ function SelectArea(_ref) {
             return removeSelectedOption(e, option);
           },
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectedOptionsArea.SelectedOptionText, {
-            children: option.name
+            children: option.label
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
             name: "x-circle",
             size: "12px"
           })]
-        }, option.name);
+        }, option.label);
       }) : selectedOptions.map(function (option) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectedOptionsArea.SelectedSingleOption, {
           "data-testid": "select-area--selected-option",
-          children: option.name
-        }, option.name);
+          children: option.label
+        }, option.label);
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ButtonsArea.ButtonsArea, {
       disabled: disabled,

package/dist/components/MultipleSelect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,EAAE,EAOH,MAAM,OAAO,CAAC;AAIf,OAAO,EAAa,iBAAiB,EAAc,MAAM,SAAS,CAAC;AAEnE,aAAK,KAAK,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAI3C,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,GAAG,KAAK,CAuIjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,EAAE,EAOH,MAAM,OAAO,CAAC;AAEf,OAAO,EAAa,iBAAiB,EAAc,MAAM,SAAS,CAAC;AAEnE,aAAK,KAAK,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAI3C,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,GAAG,KAAK,CAuIjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/MultipleSelect/index.js

@@ -99,7 +99,7 @@ var MultipleSelect = function MultipleSelect(_ref) {
     var newSelectedOptions = _toConsumableArray(selectedOptions);
 
     var indexToRemove = selectedOptions.findIndex(function (chosenOption) {
-      return chosenOption.name === option.name;
+      return chosenOption.label === option.label;
     });
     newSelectedOptions.splice(indexToRemove, 1);
     setSelectedOptions(newSelectedOptions);

package/dist/components/MultipleSelect/types.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { ExtendThemeProps } from 'src';
 export declare type SelectData = {
-    name: string;
+    label: string;
     value: string;
 };
 export declare type AlertType = 'informative' | 'success' | 'error' | 'warning' | undefined;

package/dist/components/MultipleSelect/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAEvC,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAEpF,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,sBAAsB,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAEvC,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAEpF,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,sBAAsB,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC"}

package/dist/components/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAOpB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,MAAM,kJA0KX,CAAC;AAGF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAOpB,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,MAAM,kJA4KX,CAAC;AAGF,eAAe,MAAM,CAAC"}

package/dist/components/Select/index.js

@@ -9,6 +9,8 @@ var _react = require("react");
 
 var _Icon = _interopRequireDefault(require("../Icon"));
 
+var _ReactPortal = require("../ReactPortal");
+
 var _Typography = _interopRequireDefault(require("../Typography"));
 
 var _OptionsSelect = require("./components/OptionsSelect");
@@ -211,27 +213,30 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         ref: inputRef,
         tabIndex: -1
       }, rest))]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_OptionsSelect.OptionsSelect, {
-      open: optionsMenuOpen,
-      left: "".concat((_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.getBoundingClientRect().left, "px"),
-      top: Number(positionContainer) < 470 ? "calc(".concat(((_containerRef$current4 = containerRef.current) === null || _containerRef$current4 === void 0 ? void 0 : _containerRef$current4.getBoundingClientRect().bottom) || 0, "px + 10px)") : "calc(".concat(((_containerRef$current5 = containerRef.current) === null || _containerRef$current5 === void 0 ? void 0 : _containerRef$current5.getBoundingClientRect().top) || 0, "px - ").concat(heightModal && heightModal + 10, "px)"),
-      ref: optionsModalRef,
-      maxWidth: "".concat((_containerRef$current6 = containerRef.current) === null || _containerRef$current6 === void 0 ? void 0 : _containerRef$current6.getBoundingClientRect().width, "px"),
-      children: [!!placeholder && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.OptionPlaceholder, {
-        item: true,
-        onClick: function onClick() {
-          return selectOption(undefined);
-        },
-        children: placeholder
-      }), options.map(function (option, i) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Option, {
-          sizeSelect: sizeSelect,
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactPortal.ReactPortal, {
+      wrapperId: "portal-root",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_OptionsSelect.OptionsSelect, {
+        open: optionsMenuOpen,
+        left: "".concat((_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.getBoundingClientRect().left, "px"),
+        top: Number(positionContainer) < 470 ? "calc(".concat(((_containerRef$current4 = containerRef.current) === null || _containerRef$current4 === void 0 ? void 0 : _containerRef$current4.getBoundingClientRect().bottom) || 0, "px + 10px)") : "calc(".concat(((_containerRef$current5 = containerRef.current) === null || _containerRef$current5 === void 0 ? void 0 : _containerRef$current5.getBoundingClientRect().top) || 0, "px - ").concat(heightModal && heightModal + 10, "px)"),
+        ref: optionsModalRef,
+        maxWidth: "".concat((_containerRef$current6 = containerRef.current) === null || _containerRef$current6 === void 0 ? void 0 : _containerRef$current6.getBoundingClientRect().width, "px"),
+        children: [!!placeholder && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.OptionPlaceholder, {
+          item: true,
           onClick: function onClick() {
-            selectOption(i);
+            return selectOption(undefined);
           },
-          children: option.label
-        }, option.value);
-      })]
+          children: placeholder
+        }), options.map(function (option, i) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Option, {
+            sizeSelect: sizeSelect,
+            onClick: function onClick() {
+              selectOption(i);
+            },
+            children: option.label
+          }, option.value);
+        })]
+      })
     })]
   });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pedidopago/ui",
-  "version": "1.3.4",
+  "version": "1.3.5",
   "description": "Quick build beatiful Pedido Pago apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",