@pedidopago/ui 1.16.26 → 1.16.28
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/DatePicker/styles.js +1 -1
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Modal/index.js +2 -2
- package/dist/components/MultipleSelect/components/OptionsArea/index.d.ts +1 -1
- package/dist/components/MultipleSelect/components/OptionsArea/index.d.ts.map +1 -1
- package/dist/components/MultipleSelect/components/OptionsArea/index.js +1 -1
- package/dist/components/Pagination/styles.js +1 -1
- package/dist/components/Tooltip/components/TooltipLabel.d.ts.map +1 -1
- package/dist/components/Tooltip/components/TooltipLabel.js +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DateYearPickerContainer=exports.DateYearPickerCell=exports.DateYearPickerBody=exports.DatePickerTableRow=exports.DatePickerTableCellSpan=exports.DatePickerTableCell=exports.DatePickerHeaderTitle=exports.DatePickerHeaderButton=exports.DatePickerHeader=exports.DatePickerContentContainer=exports.DatePickerContainer=exports.DatePickerBodyTable=exports.DatePickerBody=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled")),_colorCheck=require("../../utils/colorCheck"),_getColorValue=require("../../utils/getColorValue");// Libs
|
|
2
2
|
// Utils
|
|
3
3
|
function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}// Types
|
|
4
|
-
var DatePickerContentContainer=_styled.default.div(function(_ref){var theme=_ref.theme,fullSize=_ref.fullSize;return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n width: ",";\n height: ",";\n max-width: ",";\n min-width: ",";\n\n gap: 20px;\n padding: 24px 18px;\n border-radius: 8px;\n background-color: ",";\n box-shadow: ",";\n\n @media (max-width: 750px) {\n flex-wrap: wrap;\n }\n\n & > div {\n width: ",";\n }\n "])),fullSize?"100%":"unset",fullSize?"100%":"unset",fullSize?"unset":"fit-content",fullSize?"290px":"unset",theme.colors.neutral.white,"0px 16px 32px ".concat(theme.shadow.level3),fullSize?"100%":"290px")});exports.DatePickerContentContainer=DatePickerContentContainer;var DatePickerContainer=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n\n ",";\n"])),function(_ref2){var fullSize=_ref2.fullSize;return fullSize&&"\n height: 100%;\n gap: 2.5%;\n "});exports.DatePickerContainer=DatePickerContainer;var DatePickerHeader=_styled.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 15px;\n width: 100%;\n min-width: ",";\n"])),function(_ref3){var fullSize=_ref3.fullSize;return fullSize?"320px":"unset"});exports.DatePickerHeader=DatePickerHeader;var DatePickerHeaderTitle=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n font-family: inherit;\n font-size: 0.875rem;\n font-weight: 600;\n gap: 0.875rem;\n line-height: 1rem;\n\n color: ",";\n\n ","\n\n user-select: none;\n"])),function(_ref4){var colors=_ref4.theme.colors;return colors.neutral.black},function(props){return props.enableYearPicker&&"\n cursor: pointer;\n "});exports.DatePickerHeaderTitle=DatePickerHeaderTitle;var DatePickerHeaderButton=_styled.default.button(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n color: ",";\n cursor: pointer;\n border: none;\n outline: 0;\n background-color: transparent;\n\n ","\n\n & svg {\n stroke-width: 10px;\n }\n"])),function(_ref5){var colors=_ref5.theme.colors;return colors.neutral.neutral5},function(_ref6){var isHidden=_ref6.isHidden;return isHidden&&"\n visibility: hidden;\n pointer-events: none;\n "});exports.DatePickerHeaderButton=DatePickerHeaderButton;var DatePickerBody=_styled.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n width: 100%;\n min-width: ",";\n\n height: ",";\n"])),function(_ref7){var fullSize=_ref7.fullSize;return fullSize?"320px":"unset"},function(_ref8){var fullSize=_ref8.fullSize;return fullSize?"100%":"unset"});exports.DatePickerBody=DatePickerBody;var DatePickerBodyTable=_styled.default.table(function(_ref9){var theme=_ref9.theme,fullSize=_ref9.fullSize;return(0,_react.css)(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n width: 100%;\n border-collapse: collapse;\n border-spacing: 10px;\n table-layout: fixed;\n\n ",";\n\n & thead tr th {\n padding: 0.75rem;\n font-family: inherit;\n font-size: 0.75rem;\n font-weight: 500;\n color: ",";\n user-select: none;\n }\n\n & tbody {\n ","\n }\n\n & thead tr {\n ","\n }\n "])),fullSize&&"\n display: flex;\n flex-direction: column;\n height: 100%;\n gap: 5%;\n ",theme.colors.neutral.black,fullSize&&"\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n ",fullSize&&"\n display: flex;\n justify-content: space-between;\n\n th {\n width: 100%;\n max-width: 70px;\n aspect-ratio: 1 / 1;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 0.875rem;\n }\n ")});exports.DatePickerBodyTable=DatePickerBodyTable;var DatePickerTableRow=_styled.default.tr(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n ",";\n\n ",";\n"])),function(_ref10){var fullSize=_ref10.fullSize;return fullSize&&"\n display: flex;\n width: 100%;\n min-width: 320px;\n justify-content: space-between;\n "},function(props){return props.isRange&&"\n & td:first-of-type:before {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n & td:last-of-type:before {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n }\n "});exports.DatePickerTableRow=DatePickerTableRow;var DatePickerTableCell=_styled.default.td(function(props){return(0,_react.css)(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n position: relative;\n height: 0;\n padding: 12px;\n text-align: center;\n font-family: inherit;\n font-size: ",";\n max-width: ",";\n aspect-ratio: ",";\n font-weight: 600;\n border-radius: 50%;\n cursor: pointer;\n background-color: ",";\n\n color: ",";\n\n user-select: none;\n\n transition: background 150ms ease;\n\n ","\n\n ","\n\n ","\n\n ","\n\n &:hover {\n background-color: ",";\n }\n\n ","\n\n &.is-current[aria-selected='false']:before {\n border-radius: 0 50% 50% 0 !important;\n }\n\n &.is-current[aria-selected='true']:before {\n display: none;\n }\n "])),props.fullSize?"100%":"0.75rem",props.fullSize?"70px":"unset",props.fullSize?"1 / 1":"unset",!props.isPrevNextMonth&&!props.disabled&&props.showSelectedDate&&(props.isSelected||props.isEndDateOfRange)?(0,_getColorValue.getColorValue)(props.theme.colorSelected,props.theme):"transparent",props.isPrevNextMonth?props.theme.colors.neutral.neutral2:props.isSelected||props.isEndDateOfRange?props.showSelectedDate?props.theme.lightColors.neutral.white:props.theme.colors.neutral.black:props["aria-selected"]?(0,_getColorValue.getColorValue)(props.theme.colorSelected,props.theme):props.theme.colors.neutral.black,props.fullSize&&"\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n ",props.disabled&&"\n pointer-events: none;\n cursor: default;\n color: ".concat(props.theme.colors.neutral.neutral1,";\n "),props.isToday&&!props.isSelected&&!props.isEndDateOfRange&&"\n &:after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n border: solid 1px ".concat(props.theme.colors.neutral.neutral2,";\n transform: translate(-50%, -50%);\n }\n "),!props.isTheSameDate&&(props.isInTheRange||props.isEndDateOfRange||props.isStartDateOfRange)&&"\n \n &:before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 96%;\n border-radius: ".concat(props.isStartDateOfRange?"50% 0 0 50% !important":props.isEndDateOfRange?"0 50% 50% 0 !important":props.isFirstDayOfMonth?"4px 0 0 4px":props.isLastDayOfMonth?"0 4px 4px 0":"0",";\n \n background-color: ").concat(props.isPrevNextMonth||props.disabled?"transparent":(0,_colorCheck.parseHexColorToRgba)((0,_getColorValue.getColorValue)(props.theme.colorSelected,props.theme),.1),"; \n\n transform: translate(-50%, -50%);\n }\n "),!props.isSelected&&!props.isEndDateOfRange&&props.theme.colors.neutral.neutral1,("true"!==props["aria-selected"]||props.isStartDateOfRange||props.isFirstDayOfMonth||props.isSelected||props.isLastDayOfMonth)&&"\n &.is-hover {\n &:before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n border-radius: ".concat(props.isStartDateOfRange?"50% 0 0 50% !important":props.isEndDateOfRange?"50%":props.isFirstDayOfMonth?"4px 0 0 4px":props.isLastDayOfMonth?"0 4px 4px 0":"0",";\n height: 96%;\n background-color: ").concat(!props.isPrevNextMonth&&!props.disabled&&(0,_colorCheck.parseHexColorToRgba)((0,_getColorValue.getColorValue)(props.theme.colorSelected,props.theme),.1),"; \n transform: translate(-50%, -50%);\n }\n }\n }"))});exports.DatePickerTableCell=DatePickerTableCell;var DatePickerTableCellSpan=_styled.default.span(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n position: relative;\n z-index: ",";\n"])),function(props){return props.theme.zIndex.level24});exports.DatePickerTableCellSpan=DatePickerTableCellSpan;var DateYearPickerContainer=_styled.default.div(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n"])));exports.DateYearPickerContainer=DateYearPickerContainer;var DateYearPickerBody=_styled.default.div(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n"])));exports.DateYearPickerBody=DateYearPickerBody;var DateYearPickerCell=_styled.default.div(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0.75rem 0;\n font-family: inherit;\n font-size: 0.875rem;\n font-weight: 500;\n cursor: pointer;\n border-radius: 4px;\n color: ",";\n pointer-events: ",";\n transition: background 150ms ease;\n\n ",";\n\n &:hover {\n background-color: ",";\n }\n"])),function(_ref11){var isSelected=_ref11.isSelected,theme=_ref11.theme,disabled=_ref11.disabled;return isSelected?theme.colors.neutral.white:disabled?theme.colors.neutral.neutral2:theme.colors.neutral.black},function(_ref12){var disabled=_ref12.disabled;return disabled&&"none"},function(props){return props.isSelected&&"\n background-color: ".concat((0,_getColorValue.getColorValue)(props.theme.colorSelected,props.theme),";\n color: white;\n ")},function(props){return!props.isSelected&&props.theme.colors.neutral.neutral1});exports.DateYearPickerCell=DateYearPickerCell;
|
|
4
|
+
var DatePickerContentContainer=_styled.default.div(function(_ref){var theme=_ref.theme,fullSize=_ref.fullSize;return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n width: ",";\n height: ",";\n max-width: ",";\n min-width: ",";\n\n gap: 20px;\n padding: 24px 18px;\n border-radius: 8px;\n background-color: ",";\n box-shadow: ",";\n\n @media (max-width: 750px) {\n flex-wrap: wrap;\n }\n\n & > div {\n width: ",";\n }\n "])),fullSize?"100%":"unset",fullSize?"100%":"unset",fullSize?"unset":"fit-content",fullSize?"290px":"unset",theme.colors.neutral.white,"0px 16px 32px ".concat(theme.shadow.level3),fullSize?"100%":"290px")});exports.DatePickerContentContainer=DatePickerContentContainer;var DatePickerContainer=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n\n ",";\n"])),function(_ref2){var fullSize=_ref2.fullSize;return fullSize&&"\n height: 100%;\n gap: 2.5%;\n "});exports.DatePickerContainer=DatePickerContainer;var DatePickerHeader=_styled.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 15px;\n width: 100%;\n min-width: ",";\n"])),function(_ref3){var fullSize=_ref3.fullSize;return fullSize?"320px":"unset"});exports.DatePickerHeader=DatePickerHeader;var DatePickerHeaderTitle=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n font-family: inherit;\n font-size: 0.875rem;\n font-weight: 600;\n gap: 0.875rem;\n line-height: 1rem;\n\n color: ",";\n\n ","\n\n user-select: none;\n"])),function(_ref4){var colors=_ref4.theme.colors;return colors.neutral.black},function(props){return props.enableYearPicker&&"\n cursor: pointer;\n "});exports.DatePickerHeaderTitle=DatePickerHeaderTitle;var DatePickerHeaderButton=_styled.default.button(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n color: ",";\n cursor: pointer;\n border: none;\n outline: 0;\n background-color: transparent;\n\n ","\n\n & svg {\n stroke-width: 10px;\n }\n"])),function(_ref5){var colors=_ref5.theme.colors;return colors.neutral.neutral5},function(_ref6){var isHidden=_ref6.isHidden;return isHidden&&"\n visibility: hidden;\n pointer-events: none;\n "});exports.DatePickerHeaderButton=DatePickerHeaderButton;var DatePickerBody=_styled.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n width: 100%;\n min-width: ",";\n\n height: ",";\n"])),function(_ref7){var fullSize=_ref7.fullSize;return fullSize?"320px":"unset"},function(_ref8){var fullSize=_ref8.fullSize;return fullSize?"100%":"unset"});exports.DatePickerBody=DatePickerBody;var DatePickerBodyTable=_styled.default.table(function(_ref9){var theme=_ref9.theme,fullSize=_ref9.fullSize;return(0,_react.css)(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n width: 100%;\n border-collapse: collapse;\n border-spacing: 10px;\n table-layout: fixed;\n\n ",";\n\n & thead tr th {\n padding: 0.75rem;\n font-family: inherit;\n font-size: 0.75rem;\n font-weight: 500;\n color: ",";\n user-select: none;\n }\n\n & tbody {\n ","\n }\n\n & thead tr {\n ","\n }\n "])),fullSize&&"\n display: flex;\n flex-direction: column;\n height: 100%;\n gap: 5%;\n ",theme.colors.neutral.black,fullSize&&"\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n ",fullSize&&"\n display: flex;\n justify-content: space-between;\n\n th {\n width: 100%;\n max-width: 50px;\n aspect-ratio: 1 / 1;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 0.875rem;\n }\n ")});exports.DatePickerBodyTable=DatePickerBodyTable;var DatePickerTableRow=_styled.default.tr(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n ",";\n\n ",";\n"])),function(_ref10){var fullSize=_ref10.fullSize;return fullSize&&"\n display: flex;\n width: 100%;\n min-width: 320px;\n justify-content: space-between;\n "},function(props){return props.isRange&&"\n & td:first-of-type:before {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n\n & td:last-of-type:before {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n }\n "});exports.DatePickerTableRow=DatePickerTableRow;var DatePickerTableCell=_styled.default.td(function(props){return(0,_react.css)(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n position: relative;\n height: 0;\n padding: 12px;\n text-align: center;\n font-family: inherit;\n font-size: ",";\n max-width: ",";\n aspect-ratio: ",";\n font-weight: 600;\n border-radius: 50%;\n cursor: pointer;\n background-color: ",";\n\n color: ",";\n\n user-select: none;\n\n transition: background 150ms ease;\n\n ","\n\n ","\n\n ","\n\n ","\n\n &:hover {\n background-color: ",";\n }\n\n ","\n\n &.is-current[aria-selected='false']:before {\n border-radius: 0 50% 50% 0 !important;\n }\n\n &.is-current[aria-selected='true']:before {\n display: none;\n }\n "])),props.fullSize?"100%":"0.75rem",props.fullSize?"50px":"unset",props.fullSize?"1 / 1":"unset",!props.isPrevNextMonth&&!props.disabled&&props.showSelectedDate&&(props.isSelected||props.isEndDateOfRange)?(0,_getColorValue.getColorValue)(props.theme.colorSelected,props.theme):"transparent",props.isPrevNextMonth?props.theme.colors.neutral.neutral2:props.isSelected||props.isEndDateOfRange?props.showSelectedDate?props.theme.lightColors.neutral.white:props.theme.colors.neutral.black:props["aria-selected"]?(0,_getColorValue.getColorValue)(props.theme.colorSelected,props.theme):props.theme.colors.neutral.black,props.fullSize&&"\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n\n ",props.disabled&&"\n pointer-events: none;\n cursor: default;\n color: ".concat(props.theme.colors.neutral.neutral1,";\n "),props.isToday&&!props.isSelected&&!props.isEndDateOfRange&&"\n &:after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n border: solid 1px ".concat(props.theme.colors.neutral.neutral2,";\n transform: translate(-50%, -50%);\n }\n "),!props.isTheSameDate&&(props.isInTheRange||props.isEndDateOfRange||props.isStartDateOfRange)&&"\n \n &:before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 96%;\n border-radius: ".concat(props.isStartDateOfRange?"50% 0 0 50% !important":props.isEndDateOfRange?"0 50% 50% 0 !important":props.isFirstDayOfMonth?"4px 0 0 4px":props.isLastDayOfMonth?"0 4px 4px 0":"0",";\n \n background-color: ").concat(props.isPrevNextMonth||props.disabled?"transparent":(0,_colorCheck.parseHexColorToRgba)((0,_getColorValue.getColorValue)(props.theme.colorSelected,props.theme),.1),"; \n\n transform: translate(-50%, -50%);\n }\n "),!props.isSelected&&!props.isEndDateOfRange&&props.theme.colors.neutral.neutral1,("true"!==props["aria-selected"]||props.isStartDateOfRange||props.isFirstDayOfMonth||props.isSelected||props.isLastDayOfMonth)&&"\n &.is-hover {\n &:before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n border-radius: ".concat(props.isStartDateOfRange?"50% 0 0 50% !important":props.isEndDateOfRange?"50%":props.isFirstDayOfMonth?"4px 0 0 4px":props.isLastDayOfMonth?"0 4px 4px 0":"0",";\n height: 96%;\n background-color: ").concat(!props.isPrevNextMonth&&!props.disabled&&(0,_colorCheck.parseHexColorToRgba)((0,_getColorValue.getColorValue)(props.theme.colorSelected,props.theme),.1),"; \n transform: translate(-50%, -50%);\n }\n }\n }"))});exports.DatePickerTableCell=DatePickerTableCell;var DatePickerTableCellSpan=_styled.default.span(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n position: relative;\n z-index: ",";\n"])),function(props){return props.theme.zIndex.level24});exports.DatePickerTableCellSpan=DatePickerTableCellSpan;var DateYearPickerContainer=_styled.default.div(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n"])));exports.DateYearPickerContainer=DateYearPickerContainer;var DateYearPickerBody=_styled.default.div(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n"])));exports.DateYearPickerBody=DateYearPickerBody;var DateYearPickerCell=_styled.default.div(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0.75rem 0;\n font-family: inherit;\n font-size: 0.875rem;\n font-weight: 500;\n cursor: pointer;\n border-radius: 4px;\n color: ",";\n pointer-events: ",";\n transition: background 150ms ease;\n\n ",";\n\n &:hover {\n background-color: ",";\n }\n"])),function(_ref11){var isSelected=_ref11.isSelected,theme=_ref11.theme,disabled=_ref11.disabled;return isSelected?theme.colors.neutral.white:disabled?theme.colors.neutral.neutral2:theme.colors.neutral.black},function(_ref12){var disabled=_ref12.disabled;return disabled&&"none"},function(props){return props.isSelected&&"\n background-color: ".concat((0,_getColorValue.getColorValue)(props.theme.colorSelected,props.theme),";\n color: white;\n ")},function(props){return!props.isSelected&&props.theme.colors.neutral.neutral1});exports.DateYearPickerCell=DateYearPickerCell;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAgIrC,eAAO,MAAM,KAAK,mNA7Gf,UAAU,6CA6G4B,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Modal=void 0;var _framerMotion=require("framer-motion"),_react=require("react"),_useDisableBodyScroll=require("../../shared/hooks/useDisableBodyScroll"),_useKeyPress=require("../../shared/hooks/useKeyPress"),_ReactPortal=require("../ReactPortal"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["open","left","top","anchorX","anchorY","offsetX","offsetY","hideScrollBar","disableScrollOnOpen","maxWidth","maxHeight","onClose","hideOverlay","blurOverlay","portalNameId"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var ModalComponent=function(_ref){var open=_ref.open,_ref$left=_ref.left,left=void 0===_ref$left?"50vw":_ref$left,_ref$top=_ref.top,top=void 0===_ref$top?"50vh":_ref$top,_ref$anchorX=_ref.anchorX,anchorX=void 0===_ref$anchorX?"center":_ref$anchorX,_ref$anchorY=_ref.anchorY,anchorY=void 0===_ref$anchorY?"center":_ref$anchorY,_ref$offsetX=_ref.offsetX,offsetX=void 0===_ref$offsetX?"0px":_ref$offsetX,_ref$offsetY=_ref.offsetY,offsetY=void 0===_ref$offsetY?"0px":_ref$offsetY,_ref$hideScrollBar=_ref.hideScrollBar,_ref$disableScrollOnO=_ref.disableScrollOnOpen,maxWidth=_ref.maxWidth,maxHeight=_ref.maxHeight,onClose=_ref.onClose,hideOverlay=_ref.hideOverlay,blurOverlay=_ref.blurOverlay,_ref$portalNameId=_ref.portalNameId,portalNameId=void 0===_ref$portalNameId?"portal-root":_ref$portalNameId,rest=_objectWithoutProperties(_ref,_excluded),containerRef=(0,_react.useRef)(null);(0,_useKeyPress.useKeyPress)("Escape",function(){return open&&onClose&&onClose()}),(0,_useDisableBodyScroll.useDisableBodyScroll)(open&&(void 0===_ref$disableScrollOnO||_ref$disableScrollOnO),"modal");var handleResize=function(){open&&onClose&&onClose()};// wee need to close the modal when resizing window to avoid
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Modal=void 0;var _framerMotion=require("framer-motion"),_react=require("react"),_useDisableBodyScroll=require("../../shared/hooks/useDisableBodyScroll"),_useKeyPress=require("../../shared/hooks/useKeyPress"),_ReactPortal=require("../ReactPortal"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["open","left","top","anchorX","anchorY","offsetX","offsetY","hideScrollBar","disableScrollOnOpen","maxWidth","maxHeight","onClose","hideOverlay","blurOverlay","portalNameId"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var ModalComponent=function(_ref){var open=_ref.open,_ref$left=_ref.left,left=void 0===_ref$left?"50vw":_ref$left,_ref$top=_ref.top,top=void 0===_ref$top?"50vh":_ref$top,_ref$anchorX=_ref.anchorX,anchorX=void 0===_ref$anchorX?"center":_ref$anchorX,_ref$anchorY=_ref.anchorY,anchorY=void 0===_ref$anchorY?"center":_ref$anchorY,_ref$offsetX=_ref.offsetX,offsetX=void 0===_ref$offsetX?"0px":_ref$offsetX,_ref$offsetY=_ref.offsetY,offsetY=void 0===_ref$offsetY?"0px":_ref$offsetY,_ref$hideScrollBar=_ref.hideScrollBar,_ref$disableScrollOnO=_ref.disableScrollOnOpen,maxWidth=_ref.maxWidth,maxHeight=_ref.maxHeight,onClose=_ref.onClose,hideOverlay=_ref.hideOverlay,blurOverlay=_ref.blurOverlay,_ref$portalNameId=_ref.portalNameId,portalNameId=void 0===_ref$portalNameId?"portal-root":_ref$portalNameId,rest=_objectWithoutProperties(_ref,_excluded),containerRef=(0,_react.useRef)(null),id=(0,_react.useId)();(0,_useKeyPress.useKeyPress)("Escape",function(){return open&&onClose&&onClose()}),(0,_useDisableBodyScroll.useDisableBodyScroll)(open&&(void 0===_ref$disableScrollOnO||_ref$disableScrollOnO),"modal");var handleResize=function(){open&&onClose&&onClose()};// wee need to close the modal when resizing window to avoid
|
|
2
2
|
// admin messenger navbar problems.
|
|
3
|
-
return(0,_react.useEffect)(function(){return window.addEventListener("resize",handleResize),function(){window.removeEventListener("resize",handleResize)}},[open,onClose]),/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{mode:"wait",children:open&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(
|
|
3
|
+
return(0,_react.useEffect)(function(){return window.addEventListener("resize",handleResize),function(){window.removeEventListener("resize",handleResize)}},[open,onClose]),/*#__PURE__*/(0,_jsxRuntime.jsx)(_ReactPortal.ReactPortal,{wrapperId:portalNameId+id,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{mode:"wait",children:open&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Overlay,{initial:{opacity:0},exit:{opacity:0},animate:{opacity:blurOverlay?1:.5},transition:{duration:.2},isOpen:open,blur:blurOverlay,onClick:function onClick(){return onClose()},hidden:hideOverlay}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ModalContainer,{ref:containerRef,open:open,maxWidth:"number"==typeof maxWidth?"".concat(maxWidth,"px"):maxWidth,maxHeight:"number"==typeof maxHeight?"".concat(maxHeight,"px"):maxHeight,left:"calc(".concat(left," + ").concat(offsetX,")"),top:"calc(".concat(top," + ").concat(offsetY,")"),anchorTranslate:function(){var percentageX=0,percentageY=0;if("number"==typeof anchorX)percentageX=anchorX;else switch(anchorX){case"left":percentageX=0;break;case"center":percentageX=-50;break;case"right":percentageX=-100;break;default:throw new Error("\"".concat(anchorX,"\" is not a valid horizontal anchor."));}if("number"==typeof anchorY)percentageY=anchorY;else switch(anchorY){case"top":percentageY=0;break;case"center":percentageY=-50;break;case"bottom":percentageY=-100;break;default:throw new Error("\"".concat(anchorY,"\" is not a valid vertical anchor."));}return"translate(".concat(percentageX,"%, ").concat(percentageY,"%)")}(),children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ModalElement,{"data-scroll":"dispatch-scroll",open:open,maxHeight:"number"==typeof maxHeight?"".concat(maxHeight,"px"):maxHeight,hideScrollBar:void 0!==_ref$hideScrollBar&&_ref$hideScrollBar,initial:{scale:.8,opacity:0},exit:{scale:.8,opacity:0},animate:{scale:1,opacity:1},transition:{duration:.1},children:rest.children})})]})})})},Modal=/*#__PURE__*/(0,_react.memo)(ModalComponent);exports.Modal=Modal;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IOptionsAreaProps } from './types';
|
|
2
|
-
export declare const OptionsArea: ({ data, scrollHandler, chooseOption, inputAlert, setShowOptionsArea, AutoComplete, selectedOptions, onChangeSearch, isLoadingData, loadMoreData, hasMoreData, infiniteScroll, autoCompleteHelperText, parentRef, positionOptions,
|
|
2
|
+
export declare const OptionsArea: ({ data, scrollHandler, chooseOption, inputAlert, setShowOptionsArea, AutoComplete, selectedOptions, onChangeSearch, isLoadingData, loadMoreData, hasMoreData, infiniteScroll, autoCompleteHelperText, parentRef, positionOptions, }: IOptionsAreaProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/OptionsArea/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/OptionsArea/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,WAAW,wOAgBrB,iBAAiB,4CA6MnB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";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)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.OptionsArea=void 0;var _react=require("react"),_Flex=_interopRequireDefault(require("../../../Flex")),_Icon=_interopRequireDefault(require("../../../Icon")),_Spinner=_interopRequireDefault(require("../../../Spinner")),_Typography=_interopRequireDefault(require("../../../Typography")),_Button=_interopRequireDefault(require("../../../Button")),_useDebounce=require("../../../../shared/hooks/useDebounce"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default: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)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}var OptionsArea=function(_ref){function normalizeStringWithSpaces(string){return string.replaceAll(" ","_").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g,"")}var _optionsAreaRef$curre,_parentRef$current,_parentRef$current2,_parentRef$current3,_parentRef$current4,data=_ref.data,scrollHandler=_ref.scrollHandler,chooseOption=_ref.chooseOption,inputAlert=_ref.inputAlert,setShowOptionsArea=_ref.setShowOptionsArea,AutoComplete=_ref.AutoComplete,selectedOptions=_ref.selectedOptions,onChangeSearch=_ref.onChangeSearch,_ref$isLoadingData=_ref.isLoadingData,isLoadingData=void 0!==_ref$isLoadingData&&_ref$isLoadingData,loadMoreData=_ref.loadMoreData,hasMoreData=_ref.hasMoreData,infiniteScroll=_ref.infiniteScroll,_ref$autoCompleteHelp=_ref.autoCompleteHelperText,autoCompleteHelperText=void 0===_ref$autoCompleteHelp?"Nenhum resultado encontrado":_ref$autoCompleteHelp,parentRef=_ref.parentRef,positionOptions=_ref.positionOptions,showOptionsArea=_ref.showOptionsArea,_useState=(0,_react.useState)(0),_useState2=_slicedToArray(_useState,2),chosenItem=_useState2[0],setChosenItem=_useState2[1],_useState3=(0,_react.useState)([]),_useState4=_slicedToArray(_useState3,2),dataToShow=_useState4[0],setDataToShow=_useState4[1],_useState5=(0,_react.useState)(""),_useState6=_slicedToArray(_useState5,2),autoCompleteState=_useState6[0],setAutoCompleteState=_useState6[1],OptionRef=(0,_react.useRef)(null),AutoCompleteRef=(0,_react.useRef)(null),optionsAreaRef=(0,_react.useRef)(null),observerRef=(0,_react.useRef)(null),loadMoreRef=(0,_react.useCallback)(function(node){isLoadingData||(observerRef.current&&observerRef.current.disconnect(),observerRef.current=new IntersectionObserver(function(_ref2){var _ref3=_slicedToArray(_ref2,1),entry=_ref3[0];entry.isIntersecting&&hasMoreData&&(null===loadMoreData||void 0===loadMoreData?void 0:loadMoreData())},{root:null===optionsAreaRef||void 0===optionsAreaRef?void 0:optionsAreaRef.current,rootMargin:"20px",threshold:1}),node&&observerRef.current.observe(node))},[isLoadingData,data]),autoCompleteStateDebounced=(0,_useDebounce.useDebounce)(function(term){null===onChangeSearch||void 0===onChangeSearch?void 0:onChangeSearch(term)},500);(0,_react.useEffect)(function(){autoCompleteStateDebounced(autoCompleteState)},[autoCompleteState]),(0,_react.useEffect)(function(){if(0<data.length){var selectedOptionsNames=selectedOptions.map(function(option){return option.label}),newDataWithoutChosen=data.flatMap(function(option){return selectedOptionsNames.includes(option.label)?[]:_objectSpread(_objectSpread({},option),{},{search:normalizeStringWithSpaces(option.label)})}),newDataToShow=AutoComplete?newDataWithoutChosen.flatMap(function(option){return option.search.includes(normalizeStringWithSpaces(autoCompleteState))?option:[]}):newDataWithoutChosen;setDataToShow(newDataToShow)}},[selectedOptions,data,AutoComplete,autoCompleteState]),(0,_react.useEffect)(function(){setTimeout(function(){var _OptionRef$current;null===(_OptionRef$current=OptionRef.current)||void 0===_OptionRef$current?void 0:_OptionRef$current.focus()},20)},[chosenItem]);var keyDownHandler=(0,_react.useCallback)(function(event){AutoCompleteRef.current!==document.activeElement&&event.preventDefault();var target=event.target,nextItem=target.nextElementSibling,prevItem=target.previousElementSibling;switch(event.key){case"ArrowDown":nextItem&&nextItem.focus();break;case"ArrowUp":prevItem&&prevItem.focus();break;case"Escape":setShowOptionsArea(!1);break;default:}},[setShowOptionsArea]),maxHeightOptionsContainer=248,noResultsFound=0===dataToShow.length&&0<autoCompleteState.length&&!isLoadingData,_useState7=(0,_react.useState)((null===(_optionsAreaRef$curre=optionsAreaRef.current)||void 0===_optionsAreaRef$curre?void 0:_optionsAreaRef$curre.getBoundingClientRect().height)||maxHeightOptionsContainer),_useState8=_slicedToArray(_useState7,2),heightModal=_useState8[0],setHeight=_useState8[1];return(0,_react.useEffect)(function(){var _optionsAreaRef$curre2;setHeight((null===(_optionsAreaRef$curre2=optionsAreaRef.current)||void 0===_optionsAreaRef$curre2?void 0:_optionsAreaRef$curre2.getBoundingClientRect().height)||maxHeightOptionsContainer)},[dataToShow]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.OptionsAreaWrapper,{left:"".concat(null===(_parentRef$current=parentRef.current)||void 0===_parentRef$current?void 0:_parentRef$current.getBoundingClientRect().left,"px"),top:470>positionOptions?"calc(".concat((null===(_parentRef$current2=parentRef.current)||void 0===_parentRef$current2?void 0:_parentRef$current2.getBoundingClientRect().bottom)||0,"px + 10px)"):"calc(".concat((null===(_parentRef$current3=parentRef.current)||void 0===_parentRef$current3?void 0:_parentRef$current3.getBoundingClientRect().top)||0,"px - ").concat(heightModal&&heightModal+10,"px)"),ref:optionsAreaRef,"data-testid":"options-area",selectType:inputAlert,itensLength:dataToShow.length,onKeyDown:keyDownHandler,onScroll:scrollHandler,width:null===(_parentRef$current4=parentRef.current)||void 0===_parentRef$current4?void 0:_parentRef$current4.getBoundingClientRect().width,children:[AutoComplete&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{style:{position:"relative",width:"100%"},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.AutoCompleteInput,{isLoadingData:isLoadingData,type:"text",autoFocus:!0,ref:AutoCompleteRef,value:autoCompleteState,selectType:inputAlert,onChange:function onChange(e){setAutoCompleteState(e.target.value)}}),isLoadingData&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{style:{padding:".6em",position:"absolute",top:"4px"},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Spinner.default,{size:"sm"},"load-more-data-spinner")})]}),dataToShow.map(function(option,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.OptionItem,{ref:AutoComplete||index!==chosenItem?null:OptionRef,onFocus:function onFocus(){return setChosenItem(index)},onMouseEnter:function onMouseEnter(){return setChosenItem(index)},"data-testid":"options-area--option-item",tabIndex:0,onClick:function onClick(){return chooseOption(option)},onKeyDown:function onKeyDown(e){return"Enter"===e.key&&chooseOption(option)},children:option.label},"".concat(option.label).concat(index))}),infiniteScroll&&hasMoreData&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_react.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{ref:loadMoreRef,style:{width:"100%",height:"1px"}}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{alignItems:"center",justifyContent:"center",style:{width:"100%",padding:".5em"},children:isLoadingData&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Spinner.default,{size:"sm"},"load-more-data-spinner")})]}),!infiniteScroll&&hasMoreData&&0!==dataToShow.length&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{style:{width:"100%",padding:".5em"},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{fullWidth:!0,size:"sm",variant:"outline",bgColor:"primary.disabled",textColor:"primary.default",onClick:function onClick(){return null===loadMoreData||void 0===loadMoreData?void 0:loadMoreData()},children:isLoadingData?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Spinner.default,{size:"sm"},"load-more-data-spinner"):/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"refresh-ccw",size:18}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xxs",fontWeight:"600",color:"neutral.black",children:"Carregar mais"})]})})}),noResultsFound&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Span,{children:autoCompleteHelperText})]})};exports.OptionsArea=OptionsArea;
|
|
1
|
+
"use strict";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)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.OptionsArea=void 0;var _react=require("react"),_Button=_interopRequireDefault(require("../../../Button")),_Flex=_interopRequireDefault(require("../../../Flex")),_Icon=_interopRequireDefault(require("../../../Icon")),_Spinner=_interopRequireDefault(require("../../../Spinner")),_Typography=_interopRequireDefault(require("../../../Typography")),_useDebounce=require("../../../../shared/hooks/useDebounce"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default: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)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}var OptionsArea=function(_ref){function normalizeStringWithSpaces(string){return string.replaceAll(" ","_").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g,"")}var _optionsAreaRef$curre,_parentRef$current,_parentRef$current2,_parentRef$current3,_parentRef$current4,data=_ref.data,scrollHandler=_ref.scrollHandler,chooseOption=_ref.chooseOption,inputAlert=_ref.inputAlert,setShowOptionsArea=_ref.setShowOptionsArea,AutoComplete=_ref.AutoComplete,selectedOptions=_ref.selectedOptions,onChangeSearch=_ref.onChangeSearch,_ref$isLoadingData=_ref.isLoadingData,isLoadingData=void 0!==_ref$isLoadingData&&_ref$isLoadingData,loadMoreData=_ref.loadMoreData,hasMoreData=_ref.hasMoreData,infiniteScroll=_ref.infiniteScroll,_ref$autoCompleteHelp=_ref.autoCompleteHelperText,autoCompleteHelperText=void 0===_ref$autoCompleteHelp?"Nenhum resultado encontrado":_ref$autoCompleteHelp,parentRef=_ref.parentRef,positionOptions=_ref.positionOptions,_useState=(0,_react.useState)(0),_useState2=_slicedToArray(_useState,2),chosenItem=_useState2[0],setChosenItem=_useState2[1],_useState3=(0,_react.useState)([]),_useState4=_slicedToArray(_useState3,2),dataToShow=_useState4[0],setDataToShow=_useState4[1],_useState5=(0,_react.useState)(""),_useState6=_slicedToArray(_useState5,2),autoCompleteState=_useState6[0],setAutoCompleteState=_useState6[1],OptionRef=(0,_react.useRef)(null),AutoCompleteRef=(0,_react.useRef)(null),optionsAreaRef=(0,_react.useRef)(null),observerRef=(0,_react.useRef)(null),loadMoreRef=(0,_react.useCallback)(function(node){isLoadingData||(observerRef.current&&observerRef.current.disconnect(),observerRef.current=new IntersectionObserver(function(_ref2){var _ref3=_slicedToArray(_ref2,1),entry=_ref3[0];entry.isIntersecting&&hasMoreData&&(null===loadMoreData||void 0===loadMoreData?void 0:loadMoreData())},{root:null===optionsAreaRef||void 0===optionsAreaRef?void 0:optionsAreaRef.current,rootMargin:"20px",threshold:1}),node&&observerRef.current.observe(node))},[isLoadingData,data]),autoCompleteStateDebounced=(0,_useDebounce.useDebounce)(function(term){null===onChangeSearch||void 0===onChangeSearch?void 0:onChangeSearch(term)},500);(0,_react.useEffect)(function(){autoCompleteStateDebounced(autoCompleteState)},[autoCompleteState]),(0,_react.useEffect)(function(){if(0<data.length){var selectedOptionsNames=selectedOptions.map(function(option){return option.label}),newDataWithoutChosen=data.flatMap(function(option){return selectedOptionsNames.includes(option.label)?[]:_objectSpread(_objectSpread({},option),{},{search:normalizeStringWithSpaces(option.label)})}),newDataToShow=AutoComplete?newDataWithoutChosen.flatMap(function(option){return option.search.includes(normalizeStringWithSpaces(autoCompleteState))?option:[]}):newDataWithoutChosen;setDataToShow(newDataToShow)}},[selectedOptions,data,AutoComplete,autoCompleteState]),(0,_react.useEffect)(function(){setTimeout(function(){var _OptionRef$current;null===(_OptionRef$current=OptionRef.current)||void 0===_OptionRef$current?void 0:_OptionRef$current.focus()},20)},[chosenItem]);var keyDownHandler=(0,_react.useCallback)(function(event){AutoCompleteRef.current!==document.activeElement&&event.preventDefault();var target=event.target,nextItem=target.nextElementSibling,prevItem=target.previousElementSibling;switch(event.key){case"ArrowDown":nextItem&&nextItem.focus();break;case"ArrowUp":prevItem&&prevItem.focus();break;case"Escape":setShowOptionsArea(!1);break;default:}},[setShowOptionsArea]),maxHeightOptionsContainer=248,noResultsFound=0===dataToShow.length&&0<autoCompleteState.length&&!isLoadingData,_useState7=(0,_react.useState)((null===(_optionsAreaRef$curre=optionsAreaRef.current)||void 0===_optionsAreaRef$curre?void 0:_optionsAreaRef$curre.getBoundingClientRect().height)||maxHeightOptionsContainer),_useState8=_slicedToArray(_useState7,2),heightModal=_useState8[0],setHeight=_useState8[1];return(0,_react.useEffect)(function(){var _optionsAreaRef$curre2;setHeight((null===(_optionsAreaRef$curre2=optionsAreaRef.current)||void 0===_optionsAreaRef$curre2?void 0:_optionsAreaRef$curre2.getBoundingClientRect().height)||maxHeightOptionsContainer)},[dataToShow]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.OptionsAreaWrapper,{left:"".concat(null===(_parentRef$current=parentRef.current)||void 0===_parentRef$current?void 0:_parentRef$current.getBoundingClientRect().left,"px"),top:470>positionOptions?"calc(".concat((null===(_parentRef$current2=parentRef.current)||void 0===_parentRef$current2?void 0:_parentRef$current2.getBoundingClientRect().bottom)||0,"px + 10px)"):"calc(".concat((null===(_parentRef$current3=parentRef.current)||void 0===_parentRef$current3?void 0:_parentRef$current3.getBoundingClientRect().top)||0,"px - ").concat(heightModal&&heightModal+10,"px)"),ref:optionsAreaRef,"data-testid":"options-area",selectType:inputAlert,itensLength:dataToShow.length,onKeyDown:keyDownHandler,onScroll:scrollHandler,width:null===(_parentRef$current4=parentRef.current)||void 0===_parentRef$current4?void 0:_parentRef$current4.getBoundingClientRect().width,children:[AutoComplete&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{style:{position:"relative",width:"100%"},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.AutoCompleteInput,{isLoadingData:isLoadingData,type:"text",autoFocus:!0,ref:AutoCompleteRef,value:autoCompleteState,selectType:inputAlert,onChange:function onChange(e){setAutoCompleteState(e.target.value)}}),isLoadingData&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{style:{padding:".6em",position:"absolute",top:"4px"},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Spinner.default,{size:"sm"},"load-more-data-spinner")})]}),dataToShow.map(function(option,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.OptionItem,{ref:AutoComplete||index!==chosenItem?null:OptionRef,onFocus:function onFocus(){return setChosenItem(index)},onMouseEnter:function onMouseEnter(){return setChosenItem(index)},"data-testid":"options-area--option-item",tabIndex:0,onClick:function onClick(){return chooseOption(option)},onKeyDown:function onKeyDown(e){return"Enter"===e.key&&chooseOption(option)},children:option.label},"".concat(option.label).concat(index))}),infiniteScroll&&hasMoreData&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_react.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{ref:loadMoreRef,style:{width:"100%",height:"1px"}}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{alignItems:"center",justifyContent:"center",style:{width:"100%",padding:".5em"},children:isLoadingData&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Spinner.default,{size:"sm"},"load-more-data-spinner")})]}),!infiniteScroll&&hasMoreData&&0!==dataToShow.length&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{style:{width:"100%",padding:".5em"},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{fullWidth:!0,size:"sm",variant:"outline",bgColor:"primary.disabled",textColor:"primary.default",onClick:function onClick(){return null===loadMoreData||void 0===loadMoreData?void 0:loadMoreData()},children:isLoadingData?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Spinner.default,{size:"sm"},"load-more-data-spinner"):/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"refresh-ccw",size:18}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xxs",fontWeight:"600",color:"neutral.black",children:"Carregar mais"})]})})}),noResultsFound&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Span,{children:autoCompleteHelperText})]})};exports.OptionsArea=OptionsArea;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SmallPageInfo=exports.PreviousNavigationButton=exports.PaginationList=exports.PaginationItem=exports.PaginationButton=exports.PageWrap=exports.NextNavigationButton=exports.LargeViewWrap=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,_templateObject18,_templateObject19,_templateObject20,_templateObject21,_templateObject22,_templateObject23,_templateObject24,_templateObject25,_templateObject26,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function paginationButtonStyles(variant,isActivePage,color,grayColor,numberOfPageColor,disabled,theme){return"outlined"===variant?(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n border: 1.4px solid ",";\n background-color: transparent;\n color: ",";\n ","\n "])),grayColor,numberOfPageColor,isActivePage&&(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),disabled?null===theme||void 0===theme?void 0:theme.colors.tertiary.disabled:color,disabled?null===theme||void 0===theme?void 0:theme.colors.tertiary.disabled:color,null===theme||void 0===theme?void 0:theme.colors.neutral.white)):"text"===variant?(0,_react.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n border: none;\n background-color: transparent;\n color: ",";\n ","\n "])),null===theme||void 0===theme?void 0:theme.colors.tertiary.default,isActivePage&&(0,_react.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n background-color: ",";\n border: 1.4px solid ",";\n color: ",";\n "])),disabled?null===theme||void 0===theme?void 0:theme.colors.tertiary.disabled:color,disabled?null===theme||void 0===theme?void 0:theme.colors.tertiary.disabled:color,null===theme||void 0===theme?void 0:theme.colors.neutral.white)):void 0}var PaginationList=_styled.default.ul(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n list-style: none;\n height: 42px;\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n ","\n"])),function(_ref){var shape=_ref.shape,size=_ref.size;return"circular"===shape&&"large"===size&&(0,_react.css)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n gap: 14px;\n "])))});exports.PaginationList=PaginationList;var PaginationItem=_styled.default.li(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n display: block;\n height: 100%;\n padding: 0;\n box-sizing: border-box;\n"])));exports.PaginationItem=PaginationItem;var PaginationButton=_styled.default.button(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n width: 58px;\n height: 100%;\n margin: 0;\n padding: 0;\n cursor: pointer;\n font-weight: 600;\n display: block;\n border: none;\n box-sizing: border-box;\n font-size: 16px;\n line-height: 1.5;\n font-family: 'Poppins', sans-serif;\n ","\n ","\n ","\n"])),function(_ref2){var _ref2$variant=_ref2.variant,variant=void 0===_ref2$variant?"outlined":_ref2$variant,_ref2$isActivePage=_ref2.isActivePage,disabled=_ref2.disabled,color=_ref2.color,grayColor=_ref2.grayColor,numberOfPageColor=_ref2.numberOfPageColor,theme=_ref2.theme;return paginationButtonStyles(variant,void 0!==_ref2$isActivePage&&_ref2$isActivePage,color,grayColor,numberOfPageColor,disabled,theme)},function(_ref3){var shape=_ref3.shape;return"circular"===shape&&(0,_react.css)(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n border-radius: 50%;\n overflow: hidden;\n width: 42px;\n "])))},function(_ref4){var disabled=_ref4.disabled;return disabled&&(0,_react.css)(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n cursor: not-allowed;\n "])))});exports.PaginationButton=PaginationButton;var PreviousNavigationButton=_styled.default.button(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n ","\n"])),function(_ref5){var theme=_ref5.theme,disabled=_ref5.disabled,shape=_ref5.shape,grayColor=_ref5.grayColor,color=_ref5.color;return(0,_react.css)(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n border-radius: 8px 0 0 8px;\n border: 2px solid\n ",";\n color: ",";\n background: none;\n min-width: 72px;\n height: 100%;\n cursor: pointer;\n transition: 0.2s;\n\n ","\n ","\n "])),disabled?theme.colors.neutral.neutral1:grayColor||theme.colors.tertiary.default,disabled?theme.colors.neutral.neutral1:grayColor||theme.colors.tertiary.default,disabled?(0,_react.css)(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n cursor: not-allowed;\n "]))):(0,_react.css)(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n &:hover,\n &:active {\n border-color: ",";\n color: ",";\n }\n "])),color||theme.colors.tertiary.default,color||theme.colors.tertiary.default),"circular"===shape&&(0,_react.css)(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["\n border-radius: 50%;\n min-width: 42px;\n "]))))});exports.PreviousNavigationButton=PreviousNavigationButton;var NextNavigationButton=_styled.default.button(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n ","\n"])),function(_ref6){var theme=_ref6.theme,disabled=_ref6.disabled,shape=_ref6.shape,grayColor=_ref6.grayColor,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SmallPageInfo=exports.PreviousNavigationButton=exports.PaginationList=exports.PaginationItem=exports.PaginationButton=exports.PageWrap=exports.NextNavigationButton=exports.LargeViewWrap=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,_templateObject18,_templateObject19,_templateObject20,_templateObject21,_templateObject22,_templateObject23,_templateObject24,_templateObject25,_templateObject26,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function paginationButtonStyles(variant,isActivePage,color,grayColor,numberOfPageColor,disabled,theme){return"outlined"===variant?(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n border: 1.4px solid ",";\n background-color: transparent;\n color: ",";\n ","\n "])),grayColor,numberOfPageColor,isActivePage&&(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),disabled?null===theme||void 0===theme?void 0:theme.colors.tertiary.disabled:color,disabled?null===theme||void 0===theme?void 0:theme.colors.tertiary.disabled:color,null===theme||void 0===theme?void 0:theme.colors.neutral.white)):"text"===variant?(0,_react.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n border: none;\n background-color: transparent;\n color: ",";\n ","\n "])),null===theme||void 0===theme?void 0:theme.colors.tertiary.default,isActivePage&&(0,_react.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n background-color: ",";\n border: 1.4px solid ",";\n color: ",";\n "])),disabled?null===theme||void 0===theme?void 0:theme.colors.tertiary.disabled:color,disabled?null===theme||void 0===theme?void 0:theme.colors.tertiary.disabled:color,null===theme||void 0===theme?void 0:theme.colors.neutral.white)):void 0}var PaginationList=_styled.default.ul(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n list-style: none;\n height: 42px;\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n ","\n"])),function(_ref){var shape=_ref.shape,size=_ref.size;return"circular"===shape&&"large"===size&&(0,_react.css)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n gap: 14px;\n "])))});exports.PaginationList=PaginationList;var PaginationItem=_styled.default.li(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n display: block;\n height: 100%;\n padding: 0;\n box-sizing: border-box;\n"])));exports.PaginationItem=PaginationItem;var PaginationButton=_styled.default.button(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n width: 58px;\n height: 100%;\n margin: 0;\n padding: 0;\n cursor: pointer;\n font-weight: 600;\n display: block;\n border: none;\n box-sizing: border-box;\n font-size: 16px;\n line-height: 1.5;\n font-family: 'Poppins', sans-serif;\n ","\n ","\n ","\n"])),function(_ref2){var _ref2$variant=_ref2.variant,variant=void 0===_ref2$variant?"outlined":_ref2$variant,_ref2$isActivePage=_ref2.isActivePage,disabled=_ref2.disabled,color=_ref2.color,grayColor=_ref2.grayColor,numberOfPageColor=_ref2.numberOfPageColor,theme=_ref2.theme;return paginationButtonStyles(variant,void 0!==_ref2$isActivePage&&_ref2$isActivePage,color,grayColor,numberOfPageColor,disabled,theme)},function(_ref3){var shape=_ref3.shape;return"circular"===shape&&(0,_react.css)(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n border-radius: 50%;\n overflow: hidden;\n width: 42px;\n "])))},function(_ref4){var disabled=_ref4.disabled;return disabled&&(0,_react.css)(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n cursor: not-allowed;\n "])))});exports.PaginationButton=PaginationButton;var PreviousNavigationButton=_styled.default.button(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n ","\n"])),function(_ref5){var theme=_ref5.theme,disabled=_ref5.disabled,shape=_ref5.shape,grayColor=_ref5.grayColor,color=_ref5.color;return(0,_react.css)(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n border-radius: 8px 0 0 8px;\n border: 2px solid\n ",";\n color: ",";\n background: none;\n min-width: 72px;\n height: 100%;\n cursor: pointer;\n transition: 0.2s;\n\n ","\n ","\n "])),disabled?theme.colors.neutral.neutral1:grayColor||theme.colors.tertiary.default,disabled?theme.colors.neutral.neutral1:grayColor||theme.colors.tertiary.default,disabled?(0,_react.css)(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n cursor: not-allowed;\n "]))):(0,_react.css)(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n &:hover,\n &:active {\n border-color: ",";\n color: ",";\n }\n "])),color||theme.colors.tertiary.default,color||theme.colors.tertiary.default),"circular"===shape&&(0,_react.css)(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["\n border-radius: 50%;\n min-width: 42px;\n "]))))});exports.PreviousNavigationButton=PreviousNavigationButton;var NextNavigationButton=_styled.default.button(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n ","\n"])),function(_ref6){var theme=_ref6.theme,disabled=_ref6.disabled,shape=_ref6.shape,grayColor=_ref6.grayColor,color=_ref6.color;return(0,_react.css)(_templateObject17||(_templateObject17=_taggedTemplateLiteral(["\n border-radius: 0 8px 8px 0;\n border: 2px solid\n ",";\n color: ",";\n background: none;\n min-width: 72px;\n height: 100%;\n cursor: pointer;\n transition: 0.2s;\n ","\n ","\n "])),disabled?theme.colors.neutral.neutral1:grayColor||theme.colors.tertiary.default,disabled?theme.colors.neutral.neutral1:grayColor||theme.colors.tertiary.default,disabled?(0,_react.css)(_templateObject19||(_templateObject19=_taggedTemplateLiteral(["\n cursor: not-allowed;\n "]))):(0,_react.css)(_templateObject18||(_templateObject18=_taggedTemplateLiteral(["\n &:hover,\n &:active {\n border-color: ",";\n color: ",";\n }\n "])),color||theme.colors.tertiary.default,color||theme.colors.tertiary.default),"circular"===shape&&(0,_react.css)(_templateObject20||(_templateObject20=_taggedTemplateLiteral(["\n border-radius: 50%;\n min-width: 42px;\n "]))))});exports.NextNavigationButton=NextNavigationButton;var SmallPageInfo=_styled.default.span(_templateObject21||(_templateObject21=_taggedTemplateLiteral(["\n font-weight: 600;\n display: block;\n min-width: 60px;\n font-size: 16px;\n text-align: center;\n line-height: 1.5;\n color: ",";\n margin: 0 24px;\n"])),function(_ref7){var grayColor=_ref7.grayColor,theme=_ref7.theme;return grayColor||theme.colors.neutral.neutral5});exports.SmallPageInfo=SmallPageInfo;var PageWrap=_styled.default.li(_templateObject22||(_templateObject22=_taggedTemplateLiteral(["\n ","\n"])),function(_ref8){var variant=_ref8.variant,shape=_ref8.shape,grayColor=_ref8.grayColor,saturationColor=_ref8.saturationColor,numberOfPageColor=_ref8.numberOfPageColor;return(0,_react.css)(_templateObject23||(_templateObject23=_taggedTemplateLiteral(["\n color: ",";\n box-sizing: border-box;\n cursor: default;\n color: ",";\n min-width: 58px;\n height: 100%;\n margin: 0;\n padding: 0;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n ","\n ",";\n "])),saturationColor,numberOfPageColor,"outlined"===variant&&(0,_react.css)(_templateObject24||(_templateObject24=_taggedTemplateLiteral(["\n border: 1.4px solid;\n border-color: ",";\n "])),grayColor),"circular"===shape&&(0,_react.css)(_templateObject25||(_templateObject25=_taggedTemplateLiteral(["\n border-radius: 50%;\n overflow: hidden;\n min-width: 42px;\n "]))))});exports.PageWrap=PageWrap;var LargeViewWrap=_styled.default.div(_templateObject26||(_templateObject26=_taggedTemplateLiteral(["\n height: 100%;\n"])));exports.LargeViewWrap=LargeViewWrap;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/components/TooltipLabel.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,YAAY;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"TooltipLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/components/TooltipLabel.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,YAAY;;;;;;;;;;kDA2DxB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";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)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.TooltipLabel=void 0;var _react=require("react"),_Flex=_interopRequireDefault(require("../../../components/Flex")),_styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["tooltipPositions","animationDuration","setShowTooltip","
|
|
1
|
+
"use strict";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)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.TooltipLabel=void 0;var _react=require("react"),_Flex=_interopRequireDefault(require("../../../components/Flex")),_styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["tooltipPositions","animationDuration","setShowTooltip","setShowLabelModal","maxWidth","isVisible"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default: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)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var TooltipLabel=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){var tooltipPositions=_ref.tooltipPositions,_ref$animationDuratio=_ref.animationDuration,animationDuration=void 0===_ref$animationDuratio?.2:_ref$animationDuratio,setShowTooltip=_ref.setShowTooltip,setShowLabelModal=_ref.setShowLabelModal,maxWidth=_ref.maxWidth,isVisible=_ref.isVisible,rest=_objectWithoutProperties(_ref,_excluded),labelRef=(0,_react.useRef)(null);return(0,_react.useImperativeHandle)(ref,function(){return labelRef.current}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledTooltipLabel,_objectSpread(_objectSpread({ref:labelRef,style:_objectSpread(_objectSpread({},tooltipPositions),{},{opacity:isVisible?1:0,visibility:isVisible?"visible":"hidden",transition:"opacity ".concat(animationDuration,"s ease-in-out, visibility ").concat(animationDuration,"s ease-in-out")}),onMouseEnter:function onMouseEnter(){setShowTooltip(!0)},onMouseLeave:function onMouseLeave(){setShowTooltip(!1)},maxWidth:maxWidth},rest),{},{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{direction:"column",spacing:"0",children:!/*#__PURE__*/(0,_react.isValidElement)(rest.label)&&180<((null===rest||void 0===rest?void 0:rest.label)+"").length?/*#__PURE__*/(0,_jsxRuntime.jsxs)(_react.Fragment,{children:[rest.label&&(rest.label+"").slice(0,180),"...",/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ViewMoreButton,{variant:"ghost",size:"xs",onClick:function onClick(){setShowTooltip(!1),setShowLabelModal(!0)},style:{paddingLeft:0},children:"Ver mais"})]}):rest.label})}))});exports.TooltipLabel=TooltipLabel,TooltipLabel.displayName="TooltipLabel";
|