@pedidopago/ui 1.17.62 → 1.17.64
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/dist/components/Button/styles.d.ts.map +1 -1
- package/dist/components/Button/styles.js +1 -1
- package/dist/components/NewSelectDDI/NewSelectDDI.test.d.ts +2 -0
- package/dist/components/NewSelectDDI/NewSelectDDI.test.d.ts.map +1 -0
- package/dist/components/NewSelectDDI/NewSelectDDI.test.js +1 -0
- package/dist/components/NewSelectDDI/components/countries/country-flag-cdn.d.ts +2 -0
- package/dist/components/NewSelectDDI/components/countries/country-flag-cdn.d.ts.map +1 -0
- package/dist/components/NewSelectDDI/components/countries/country-flag-cdn.js +1 -0
- package/dist/components/NewSelectDDI/components/countries/index.d.ts +1212 -0
- package/dist/components/NewSelectDDI/components/countries/index.d.ts.map +1 -0
- package/dist/components/NewSelectDDI/components/countries/index.js +1 -0
- package/dist/components/NewSelectDDI/components/country-flag/index.d.ts +4 -0
- package/dist/components/NewSelectDDI/components/country-flag/index.d.ts.map +1 -0
- package/dist/components/NewSelectDDI/components/country-flag/index.js +3 -0
- package/dist/components/NewSelectDDI/index.d.ts +3 -0
- package/dist/components/NewSelectDDI/index.d.ts.map +1 -0
- package/dist/components/NewSelectDDI/index.js +6 -0
- package/dist/components/NewSelectDDI/styles.d.ts +6 -0
- package/dist/components/NewSelectDDI/styles.d.ts.map +1 -0
- package/dist/components/NewSelectDDI/styles.js +1 -0
- package/dist/components/NewSelectDDI/types.d.ts +27 -0
- package/dist/components/NewSelectDDI/types.d.ts.map +1 -0
- package/dist/components/NewSelectDDI/types.js +1 -0
- package/dist/components/NewSelectDDI/utils.d.ts +12 -0
- package/dist/components/NewSelectDDI/utils.d.ts.map +1 -0
- package/dist/components/NewSelectDDI/utils.js +3 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,eAAe;;;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,eAAe;;;mIA0K3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAKzB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAIvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconWrapper=exports.IconContainer=exports.ButtonContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_styled=_interopRequireDefault(require("@emotion/styled")),_react=require("@emotion/react"),_invertColor=require("../../utils/invertColor");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var ButtonContainer=_styled.default.button(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n font-family: inherit;\n font-weight: ",";\n font-size: ",";\n border-radius: 8px;\n border: 0px;\n cursor: pointer;\n padding: ",";\n\n --button-brightness: brightness(0.85);\n\n transition: all 0.15s ease-in-out;\n\n color: ",";\n\n background-color: ",";\n\n width: ",";\n\n &:disabled {\n
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconWrapper=exports.IconContainer=exports.ButtonContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_styled=_interopRequireDefault(require("@emotion/styled")),_react=require("@emotion/react"),_invertColor=require("../../utils/invertColor");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var ButtonContainer=_styled.default.button(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n font-family: inherit;\n font-weight: ",";\n font-size: ",";\n border-radius: 8px;\n border: 0px;\n cursor: pointer;\n padding: ",";\n\n --button-brightness: brightness(0.85);\n\n transition: all 0.15s ease-in-out;\n\n color: ",";\n\n background-color: ",";\n\n width: ",";\n\n &:disabled {\n cursor: default;\n pointer-events: none;\n }\n\n ","\n\n @media screen and (min-width: ",") {\n width: ",";\n }\n\n @media screen and (min-width: ",") {\n width: ",";\n }\n\n @media screen and (min-width: ",") {\n width: ",";\n }\n\n @media screen and (min-width: ",") {\n width: ",";\n }\n"])),function(_ref){var theme=_ref.theme;return theme.fontWeight[600]},function(_ref2){var theme=_ref2.theme;return theme.fontSizes.xs},function(_ref3){var size=_ref3.size;return"xs"===size?"4px 8px":"sm"===size?"8px 16px":"md"===size?"12px 24px":"lg"===size?"16px 32px":"xl"===size?"20px 40px":"12px 24px"},function(_ref4){var theme=_ref4.theme,textColor=_ref4.textColor;return textColor||theme.lightColors.neutral.white},function(_ref5){var theme=_ref5.theme,bgColor=_ref5.bgColor;return null!==bgColor&&void 0!==bgColor?bgColor:theme.colors.primary.default},function(_ref6){var fullWidth=_ref6.fullWidth;if(fullWidth)return"object"===_typeof(fullWidth)&&void 0!==fullWidth?fullWidth.base&&"100%":"100%"},function(_ref7){var theme=_ref7.theme,variant=_ref7.variant,textColor=_ref7.textColor,bgColor=_ref7.bgColor;return"solid"===variant?(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n color: ",";\n svg,\n path {\n color: ",";\n fill: ",";\n }\n &:is(&:hover, &:focus):not(:disabled) {\n box-shadow: inset 0 0 40px 40px rgba(0, 0, 0, 0.08);\n }\n ,\n &:disabled {\n background-color: ",";\n color: ",";\n svg,\n path {\n fill: "," !important;\n }\n }\n "])),(0,_invertColor.invertColor)(null!==bgColor&&void 0!==bgColor?bgColor:theme.colors.primary.default,!0),(0,_invertColor.invertColor)(null!==bgColor&&void 0!==bgColor?bgColor:theme.colors.primary.default,!0),(0,_invertColor.invertColor)(null!==bgColor&&void 0!==bgColor?bgColor:theme.colors.primary.default,!0),theme.colors.neutral.neutral1,theme.colors.neutral.neutral2,theme.colors.neutral.neutral2):"outline"===variant?(0,_react.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n background-color: transparent;\n color: ",";\n border: 3px "," solid;\n box-shadow: none;\n &:is(&:hover, &:focus):not(:disabled) {\n filter: var(--button-brightness);\n }\n &:disabled {\n border-color: ",";\n color: ",";\n svg,\n path {\n fill: "," !important;\n }\n }\n "])),textColor||bgColor||theme.colors.primary.default,bgColor||textColor||theme.colors.primary.default,theme.colors.neutral.neutral1,theme.colors.neutral.neutral2,theme.colors.neutral.neutral2):"ghost"===variant?(0,_react.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n background-color: transparent;\n color: ",";\n &:is(&:hover, &:focus):not(:disabled) {\n filter: var(--button-brightness);\n }\n &:disabled {\n border-color: ",";\n color: ",";\n svg,\n path {\n fill: "," !important;\n }\n }\n "])),bgColor||textColor||theme.colors.primary.default,theme.colors.neutral.neutral1,theme.colors.neutral.neutral2,theme.colors.neutral.neutral2):"link"===variant?(0,_react.css)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n text-decoration: underline;\n background-color: transparent;\n color: ",";\n &:is(&:hover, &:focus):not(:disabled) {\n filter: var(--button-brightness);\n }\n &:disabled {\n border-color: ",";\n color: ",";\n }\n "])),bgColor||textColor||theme.colors.primary.default,theme.colors.neutral.neutral1,theme.colors.neutral.neutral2):void 0},function(_ref8){var theme=_ref8.theme;return theme.breakpoints.sm},function(_ref9){var fullWidth=_ref9.fullWidth;if("object"===_typeof(fullWidth)){var widthWasNotSet=fullWidth.sm===void 0;return widthWasNotSet?void 0:fullWidth.sm?"100%":"fit-content"}},function(_ref10){var theme=_ref10.theme;return theme.breakpoints.md},function(_ref11){var fullWidth=_ref11.fullWidth;if("object"===_typeof(fullWidth)){var widthWasNotSet=fullWidth.md===void 0;return widthWasNotSet?void 0:fullWidth.md?"100%":"fit-content"}},function(_ref12){var theme=_ref12.theme;return theme.breakpoints.lg},function(_ref13){var fullWidth=_ref13.fullWidth;if("object"===_typeof(fullWidth)){var widthWasNotSet=fullWidth.lg===void 0;return widthWasNotSet?void 0:fullWidth.lg?"100%":"fit-content"}},function(_ref14){var theme=_ref14.theme;return theme.breakpoints.xl},function(_ref15){var fullWidth=_ref15.fullWidth;if("object"===_typeof(fullWidth)){var widthWasNotSet=fullWidth.xl===void 0;return widthWasNotSet?void 0:fullWidth.xl?"100%":"fit-content"}});exports.ButtonContainer=ButtonContainer;var IconContainer=_styled.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.45em;\n"])));exports.IconContainer=IconContainer;var IconWrapper=_styled.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n"])));exports.IconWrapper=IconWrapper;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NewSelectDDI.test.d.ts","sourceRoot":"","sources":["../../../src/components/NewSelectDDI/NewSelectDDI.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var _testUtils=require("../../shared/tests/test-utils"),_react=require("@testing-library/react");require("@testing-library/jest-dom");var _=require("."),_jsxRuntime=require("react/jsx-runtime");function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}jest.mock("./components/countries",function(){return{COUNTRIES:[{code:"BR",country:"Brazil",dial_code:"+55"},{code:"DE",country:"Germany",dial_code:"+49"},{code:"US",country:"United States",dial_code:"+1"}]}}),jest.mock("react-country-flag",function(){var React=require("react"),MockReactCountryFlag=function(props){var _props$ariaLabel;return React.createElement("img",{"data-testid":"flag",alt:null!==(_props$ariaLabel=props["aria-label"])&&void 0!==_props$ariaLabel?_props$ariaLabel:"flag"})};return MockReactCountryFlag.displayName="MockReactCountryFlag",{__esModule:!0,default:MockReactCountryFlag}});var setup=function(override){var onChange=jest.fn(),onBlur=jest.fn(),utils=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.NewSelectDDI,{value:null===override||void 0===override?void 0:override.value,onChange:onChange,onBlur:onBlur,disabled:null===override||void 0===override?void 0:override.disabled,helperText:null===override||void 0===override?void 0:override.helperText,isError:null===override||void 0===override?void 0:override.isError,isLoading:null===override||void 0===override?void 0:override.isLoading,exclusiveCountries:null===override||void 0===override?void 0:override.exclusiveCountries}));return _objectSpread(_objectSpread({},utils),{},{onChange:onChange,onBlur:onBlur})};describe("NewSelectDDI",function(){it("renders placeholder when no value",function(){setup(),expect(_react.screen.getByText("Selecione o DDI")).toBeInTheDocument()}),it("filters by digit search in the search box",function(){setup();var searchInput=_react.screen.getByPlaceholderText("Pesquisar");_react.fireEvent.change(searchInput,{target:{value:"49"}}),expect(_react.screen.getByText("+49")).toBeInTheDocument(),expect(_react.screen.queryByText("+55")).not.toBeInTheDocument()}),it("calls onChange when selecting and shows flag + DDI on trigger",function(){var _setup=setup(),onChange=_setup.onChange,searchInput=_react.screen.getByPlaceholderText("Pesquisar");_react.fireEvent.change(searchInput,{target:{value:"1"}}),_react.fireEvent.click(_react.screen.getByText("+1")),expect(onChange).toHaveBeenCalledWith("1"),expect(_react.screen.getByText("+1")).toBeInTheDocument(),expect(_react.screen.getAllByTestId("flag")[0]).toBeInTheDocument()}),it("respects exclusiveCountries showing only allowed DDIs",function(){setup({exclusiveCountries:["BR"]}),expect(_react.screen.getByText("+55")).toBeInTheDocument(),expect(_react.screen.queryByText("+49")).not.toBeInTheDocument(),expect(_react.screen.queryByText("+1")).not.toBeInTheDocument()}),it("shows helperText and error state",function(){setup({helperText:"Mensagem de ajuda",isError:!0}),expect(_react.screen.getByText("Mensagem de ajuda")).toBeInTheDocument()}),it("renders selected value in the trigger when starting with value",function(){setup({value:{countryCode:"BR",dialCode:"55"}}),expect(_react.screen.getByText("+55")).toBeInTheDocument(),expect(_react.screen.getAllByTestId("flag")[0]).toBeInTheDocument()}),it("shows loading state (Skeleton) and prevents interaction when isLoading",function(){setup({isLoading:!0}),expect(_react.screen.queryByPlaceholderText("Pesquisar")).not.toBeInTheDocument(),expect(_react.screen.queryByText("+55")).not.toBeInTheDocument(),expect(_react.screen.queryByText("+49")).not.toBeInTheDocument(),expect(_react.screen.queryByText("+1")).not.toBeInTheDocument()}),it("does not change or trigger onChange when disabled",function(){var _setup2=setup({disabled:!0}),onChange=_setup2.onChange,searchInput=_react.screen.queryByPlaceholderText("Pesquisar");if(searchInput){try{expect(searchInput).toBeDisabled()}catch(_unused){}_react.fireEvent.change(searchInput,{target:{value:"55"}})}var option=_react.screen.queryByText("+55");option&&_react.fireEvent.click(option),expect(onChange).not.toHaveBeenCalled()}),it("calls onBlur when the component loses focus",function(){var _setup3=setup(),onBlur=_setup3.onBlur,searchInput=_react.screen.getByPlaceholderText("Pesquisar");searchInput.focus(),expect(searchInput).toHaveFocus(),_react.fireEvent.blur(searchInput),expect(onBlur).toHaveBeenCalled()})});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"country-flag-cdn.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewSelectDDI/components/countries/country-flag-cdn.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,0EACuC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.COUNTRY_FLAG_ICON_URL=void 0;var COUNTRY_FLAG_ICON_URL="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.4.3/flags/1x1/";exports.COUNTRY_FLAG_ICON_URL=COUNTRY_FLAG_ICON_URL;
|