@pedidopago/ui 1.16.25 → 1.16.27
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/components/DatePickerContent.d.ts +1 -1
- package/dist/components/DatePicker/components/DatePickerContent.d.ts.map +1 -1
- package/dist/components/DatePicker/components/DatePickerContent.js +2 -2
- package/dist/components/DatePicker/components/DateYearPicker.d.ts +1 -1
- package/dist/components/DatePicker/components/DateYearPicker.d.ts.map +1 -1
- package/dist/components/DatePicker/components/DateYearPicker.js +2 -2
- package/dist/components/DatePicker/index.d.ts +1 -1
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/DatePicker/index.js +2 -2
- package/dist/components/DatePicker/styles.d.ts +12 -1
- package/dist/components/DatePicker/styles.d.ts.map +1 -1
- package/dist/components/DatePicker/styles.js +2 -2
- package/dist/components/DatePicker/types.d.ts +6 -0
- package/dist/components/DatePicker/types.d.ts.map +1 -1
- 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,3 +1,3 @@
|
|
|
1
1
|
import { DatePickerContentProps } from '../types';
|
|
2
|
-
export declare const DatePickerContent: ({ type, date: dateProp, startDate, endDate, isInTheRange, maxDate, minDate, handleChange, handleMouseOver, handleChangeDate, variant, enableYearPicker, handleToggleYearPicker, hideNextMonthButton, hidePrevMonthButton, disableWeekendDays, showSelectedDate, }: DatePickerContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const DatePickerContent: ({ type, date: dateProp, startDate, endDate, isInTheRange, maxDate, minDate, handleChange, handleMouseOver, handleChangeDate, variant, enableYearPicker, handleToggleYearPicker, hideNextMonthButton, hidePrevMonthButton, disableWeekendDays, showSelectedDate, fullSize, }: DatePickerContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=DatePickerContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePickerContent.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/DatePickerContent.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"DatePickerContent.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/DatePickerContent.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,iBAAiB,gRAmB3B,sBAAsB,4CAyPxB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DatePickerContent=void 0;var _framerMotion=require("framer-motion"),_Icon=_interopRequireDefault(require("../../Icon")),_styles=require("../styles"),_getMonthName=require("../utils/getMonthName"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}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}var DatePickerContent=function(_ref){var type=_ref.type,dateProp=_ref.date,startDate=_ref.startDate,endDate=_ref.endDate,isInTheRange=_ref.isInTheRange,maxDate=_ref.maxDate,minDate=_ref.minDate,handleChange=_ref.handleChange,handleMouseOver=_ref.handleMouseOver,handleChangeDate=_ref.handleChangeDate,variant=_ref.variant,enableYearPicker=_ref.enableYearPicker,handleToggleYearPicker=_ref.handleToggleYearPicker,hideNextMonthButton=_ref.hideNextMonthButton,hidePrevMonthButton=_ref.hidePrevMonthButton,disableWeekendDays=_ref.disableWeekendDays,showSelectedDate=_ref.showSelectedDate,handleChangeSelectDate=function(newDate){handleChangeDate(newDate),handleChange(newDate)},date=dateProp||new Date,handleChangeMonth=function(month,to){if(maxDate||minDate){var newDate=new Date(date);newDate.setMonth(newDate.getMonth()+("up"===to?1:-1)),handleChangeDate(newDate)}var newMonth="up"===to?11<month+1?0:month+1:0>month-1?11:month-1,newYear="up"===to?11<month+1&&date.getFullYear()+1:"down"==to&&0>month-1&&date.getFullYear()-1;handleChangeDate(new Date(newYear||date.getFullYear(),newMonth,1))},getMonthDays=function(month,year){return 1===month&&(0==year%4&&0!=year%100||0==year%400)?Array(29).fill(0).map(function(_,index){return index+1}):Array([31,28,31,30,31,30,31,31,30,31,30,31][month]).fill(0).map(function(_,index){return index+1})},getMonthDaysWithWeekDays=function(month,year){for(var isExtended="extended"===variant,days=getMonthDays(month,year),firstDay=new Date(year,month,1).getDay(),lastDay=new Date(year,month+1,0).getDay(),daysWithPrevMonthDays=Array(firstDay).fill(0).map(function(_,index){var checkYear=0===month?year-1:year,checkMonth=0===month?11:month-1,prevMonthDays=getMonthDays(checkMonth,checkYear);return isExtended?_:prevMonthDays[prevMonthDays.length-index-1]}),daysWithNextMonthDays=Array(6-lastDay).fill(0).map(function(_,index){return isExtended?_:index+1}),allDaysWithWeekDays=[].concat(_toConsumableArray(daysWithPrevMonthDays.reverse()),_toConsumableArray(days),_toConsumableArray(daysWithNextMonthDays)),groupedDaysWithWeekDays=[],i=0;i<allDaysWithWeekDays.length;i+=7)groupedDaysWithWeekDays.push(allDaysWithWeekDays.slice(i,i+7));return groupedDaysWithWeekDays},isHiddenArrowBack=(null===minDate||void 0===minDate?void 0:minDate.getMonth())===date.getMonth()&&(null===minDate||void 0===minDate?void 0:minDate.getFullYear())===date.getFullYear(),isHiddenArrowNext=(null===maxDate||void 0===maxDate?void 0:maxDate.getMonth())===date.getMonth()&&(null===maxDate||void 0===maxDate?void 0:maxDate.getFullYear())===date.getFullYear();return/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DatePickerContainer,{tabIndex:-1,children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DatePickerHeader,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerHeaderButton,{type:"button",onClick:function onClick(){return handleChangeMonth(date.getMonth(),"down")},isHidden:isHiddenArrowBack||hidePrevMonthButton,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"arrow-left"})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DatePickerHeaderTitle,{onClick:function onClick(){return enableYearPicker&&(null===handleToggleYearPicker||void 0===handleToggleYearPicker?void 0:handleToggleYearPicker())},enableYearPicker:enableYearPicker,children:[(0,_getMonthName.getMonthName)(date.getMonth())," ",date.getFullYear(),enableYearPicker&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"edit",size:"15px"})]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerHeaderButton,{type:"button",onClick:function onClick(){return handleChangeMonth(date.getMonth(),"up")},isHidden:isHiddenArrowNext||hideNextMonthButton,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"arrow-right"})})]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerBody,{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DatePickerBodyTable,{role:"table",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("thead",{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)("tr",{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("th",{children:"D"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("th",{children:"S"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("th",{children:"T"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("th",{children:"Q"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("th",{children:"Q"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("th",{children:"S"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("th",{children:"S"})]})}),/*#__PURE__*/(0,_jsxRuntime.jsx)("tbody",{children:getMonthDaysWithWeekDays(date.getMonth(),date.getFullYear()).map(function(days,rowIndex){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerTableRow,{role:"row",isRange:"range"===type,children:days.map(function(day,dayIndex){var monthDaysLength=getMonthDaysWithWeekDays(date.getMonth(),date.getFullYear()).length,isPreviousMonth=!!(0===rowIndex&&7<day),isNextMonth=!!(rowIndex===monthDaysLength-1&&7>day),dateMonth=isPreviousMonth?date.getMonth()-1:isNextMonth?date.getMonth()+1:date.getMonth(),cellDate=new Date(date.getFullYear(),dateMonth,day),cellTitle=cellDate.toLocaleDateString(),isToday=cellDate.getTime()===Date.now(),isStartDateOfRange=// setHours(0, 0, 0, 0) set the time to midnight
|
|
2
|
-
!!startDate&&cellDate.getTime()===startDate.setHours(0,0,0,0),isEndDateOfRange=endDate&&cellDate.getTime()===endDate.getTime(),outOfCurrentMonthInRange="range"===type&&(isPreviousMonth||isNextMonth),isWeekendDay=!!disableWeekendDays&&(0===cellDate.getDay()||6===cellDate.getDay()),isDisabled=0===day||minDate&&cellDate.getTime()<minDate.getTime()||maxDate&&cellDate.getTime()>maxDate.getTime()||outOfCurrentMonthInRange||isWeekendDay,isExtended="extended"===variant,removeZeros=days.filter(function(day){return 0!==day});return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerTableCell,{role:"gridcell",title:cellTitle,"data-date":cellDate,isTheSameDate:!!endDate&&!!startDate&&cellDate.getTime()===endDate.getTime()&&cellDate.getTime()===(null===startDate||void 0===startDate?void 0:startDate.getTime()),tabIndex:-1,disabled:isDisabled,"aria-label":cellDate.toLocaleDateString("pt-BR",{weekday:"short",year:"2-digit",month:"2-digit",day:"2-digit"}),"aria-selected":"range"===type?isStartDateOfRange||isEndDateOfRange||isInTheRange(cellDate):isStartDateOfRange,"aria-disabled":isDisabled,isInTheRange:"range"===type&&isInTheRange(cellDate),isStartDateOfRange:"range"===type&&isStartDateOfRange,isEndDateOfRange:"range"===type&&!!isEndDateOfRange,isToday:isToday,isSelected:isStartDateOfRange,isPrevNextMonth:isPreviousMonth||isNextMonth,isFirstDayOfMonth:isExtended&&0===rowIndex&&1===day,showSelectedDate:showSelectedDate,isLastDayOfMonth:isExtended&&rowIndex===monthDaysLength-1&&day===removeZeros[removeZeros.length-1],onMouseEnter:function onMouseEnter(){"range"===type&&handleMouseOver(cellDate)},onClick:function onClick(){handleChangeSelectDate(cellDate)},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerTableCellSpan,{children:0!==day&&!outOfCurrentMonthInRange&&day})},dayIndex)})},rowIndex)})})]})})]})})};exports.DatePickerContent=DatePickerContent;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DatePickerContent=void 0;var _framerMotion=require("framer-motion"),_Icon=_interopRequireDefault(require("../../Icon")),_styles=require("../styles"),_getMonthName=require("../utils/getMonthName"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}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}var DatePickerContent=function(_ref){var type=_ref.type,dateProp=_ref.date,startDate=_ref.startDate,endDate=_ref.endDate,isInTheRange=_ref.isInTheRange,maxDate=_ref.maxDate,minDate=_ref.minDate,handleChange=_ref.handleChange,handleMouseOver=_ref.handleMouseOver,handleChangeDate=_ref.handleChangeDate,variant=_ref.variant,enableYearPicker=_ref.enableYearPicker,handleToggleYearPicker=_ref.handleToggleYearPicker,hideNextMonthButton=_ref.hideNextMonthButton,hidePrevMonthButton=_ref.hidePrevMonthButton,disableWeekendDays=_ref.disableWeekendDays,showSelectedDate=_ref.showSelectedDate,_ref$fullSize=_ref.fullSize,fullSize=void 0!==_ref$fullSize&&_ref$fullSize,handleChangeSelectDate=function(newDate){handleChangeDate(newDate),handleChange(newDate)},date=dateProp||new Date,handleChangeMonth=function(month,to){if(maxDate||minDate){var newDate=new Date(date);newDate.setMonth(newDate.getMonth()+("up"===to?1:-1)),handleChangeDate(newDate)}var newMonth="up"===to?11<month+1?0:month+1:0>month-1?11:month-1,newYear="up"===to?11<month+1&&date.getFullYear()+1:"down"==to&&0>month-1&&date.getFullYear()-1;handleChangeDate(new Date(newYear||date.getFullYear(),newMonth,1))},getMonthDays=function(month,year){return 1===month&&(0==year%4&&0!=year%100||0==year%400)?Array(29).fill(0).map(function(_,index){return index+1}):Array([31,28,31,30,31,30,31,31,30,31,30,31][month]).fill(0).map(function(_,index){return index+1})},getMonthDaysWithWeekDays=function(month,year){for(var isExtended="extended"===variant,days=getMonthDays(month,year),firstDay=new Date(year,month,1).getDay(),lastDay=new Date(year,month+1,0).getDay(),daysWithPrevMonthDays=Array(firstDay).fill(0).map(function(_,index){var checkYear=0===month?year-1:year,checkMonth=0===month?11:month-1,prevMonthDays=getMonthDays(checkMonth,checkYear);return isExtended?_:prevMonthDays[prevMonthDays.length-index-1]}),daysWithNextMonthDays=Array(6-lastDay).fill(0).map(function(_,index){return isExtended?_:index+1}),allDaysWithWeekDays=[].concat(_toConsumableArray(daysWithPrevMonthDays.reverse()),_toConsumableArray(days),_toConsumableArray(daysWithNextMonthDays)),groupedDaysWithWeekDays=[],i=0;i<allDaysWithWeekDays.length;i+=7)groupedDaysWithWeekDays.push(allDaysWithWeekDays.slice(i,i+7));return groupedDaysWithWeekDays},isHiddenArrowBack=(null===minDate||void 0===minDate?void 0:minDate.getMonth())===date.getMonth()&&(null===minDate||void 0===minDate?void 0:minDate.getFullYear())===date.getFullYear(),isHiddenArrowNext=(null===maxDate||void 0===maxDate?void 0:maxDate.getMonth())===date.getMonth()&&(null===maxDate||void 0===maxDate?void 0:maxDate.getFullYear())===date.getFullYear();return/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DatePickerContainer,{tabIndex:-1,fullSize:fullSize,children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DatePickerHeader,{fullSize:fullSize,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerHeaderButton,{type:"button",onClick:function onClick(){return handleChangeMonth(date.getMonth(),"down")},isHidden:isHiddenArrowBack||hidePrevMonthButton,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"arrow-left"})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DatePickerHeaderTitle,{onClick:function onClick(){return enableYearPicker&&(null===handleToggleYearPicker||void 0===handleToggleYearPicker?void 0:handleToggleYearPicker())},enableYearPicker:enableYearPicker,children:[(0,_getMonthName.getMonthName)(date.getMonth())," ",date.getFullYear(),enableYearPicker&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"edit",size:"15px"})]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerHeaderButton,{type:"button",onClick:function onClick(){return handleChangeMonth(date.getMonth(),"up")},isHidden:isHiddenArrowNext||hideNextMonthButton,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"arrow-right"})})]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerBody,{fullSize:fullSize,children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DatePickerBodyTable,{role:"table",fullSize:fullSize,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("thead",{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)("tr",{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("th",{children:"D"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("th",{children:"S"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("th",{children:"T"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("th",{children:"Q"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("th",{children:"Q"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("th",{children:"S"}),/*#__PURE__*/(0,_jsxRuntime.jsx)("th",{children:"S"})]})}),/*#__PURE__*/(0,_jsxRuntime.jsx)("tbody",{children:getMonthDaysWithWeekDays(date.getMonth(),date.getFullYear()).map(function(days,rowIndex){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerTableRow,{role:"row",isRange:"range"===type,fullSize:fullSize,children:days.map(function(day,dayIndex){var monthDaysLength=getMonthDaysWithWeekDays(date.getMonth(),date.getFullYear()).length,isPreviousMonth=!!(0===rowIndex&&7<day),isNextMonth=!!(rowIndex===monthDaysLength-1&&7>day),dateMonth=isPreviousMonth?date.getMonth()-1:isNextMonth?date.getMonth()+1:date.getMonth(),cellDate=new Date(date.getFullYear(),dateMonth,day),cellTitle=cellDate.toLocaleDateString(),isToday=cellDate.getTime()===Date.now(),isStartDateOfRange=// setHours(0, 0, 0, 0) set the time to midnight
|
|
2
|
+
!!startDate&&cellDate.getTime()===startDate.setHours(0,0,0,0),isEndDateOfRange=endDate&&cellDate.getTime()===endDate.getTime(),outOfCurrentMonthInRange="range"===type&&(isPreviousMonth||isNextMonth),isWeekendDay=!!disableWeekendDays&&(0===cellDate.getDay()||6===cellDate.getDay()),isDisabled=0===day||minDate&&cellDate.getTime()<minDate.getTime()||maxDate&&cellDate.getTime()>maxDate.getTime()||outOfCurrentMonthInRange||isWeekendDay,isExtended="extended"===variant,removeZeros=days.filter(function(day){return 0!==day});return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerTableCell,{role:"gridcell",title:cellTitle,"data-date":cellDate,fullSize:fullSize,isTheSameDate:!!endDate&&!!startDate&&cellDate.getTime()===endDate.getTime()&&cellDate.getTime()===(null===startDate||void 0===startDate?void 0:startDate.getTime()),tabIndex:-1,disabled:isDisabled,"aria-label":cellDate.toLocaleDateString("pt-BR",{weekday:"short",year:"2-digit",month:"2-digit",day:"2-digit"}),"aria-selected":"range"===type?isStartDateOfRange||isEndDateOfRange||isInTheRange(cellDate):isStartDateOfRange,"aria-disabled":isDisabled,isInTheRange:"range"===type&&isInTheRange(cellDate),isStartDateOfRange:"range"===type&&isStartDateOfRange,isEndDateOfRange:"range"===type&&!!isEndDateOfRange,isToday:isToday,isSelected:isStartDateOfRange,isPrevNextMonth:isPreviousMonth||isNextMonth,isFirstDayOfMonth:isExtended&&0===rowIndex&&1===day,showSelectedDate:showSelectedDate,isLastDayOfMonth:isExtended&&rowIndex===monthDaysLength-1&&day===removeZeros[removeZeros.length-1],onMouseEnter:function onMouseEnter(){"range"===type&&handleMouseOver(cellDate)},onClick:function onClick(){handleChangeSelectDate(cellDate)},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerTableCellSpan,{children:0!==day&&!outOfCurrentMonthInRange&&day})},dayIndex)})},rowIndex)})})]})})]})})};exports.DatePickerContent=DatePickerContent;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { DateYearPickerProps } from '../types';
|
|
2
|
-
export declare const DateYearPicker: ({ date, handleChangeDate, maxDate, minDate, }: DateYearPickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const DateYearPicker: ({ date, handleChangeDate, maxDate, minDate, fullSize, }: DateYearPickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=DateYearPicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateYearPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/DateYearPicker.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAM/C,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"DateYearPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/DateYearPicker.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAM/C,eAAO,MAAM,cAAc,4DAMxB,mBAAmB,4CAwFrB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DateYearPicker=void 0;var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DateYearPicker=void 0;var _framerMotion=require("framer-motion"),_react=require("react"),_Icon=_interopRequireDefault(require("../../Icon")),_styles=require("../styles"),_checkMonthIsDisabled=require("../utils/checkMonthIsDisabled"),_getMonthName=require("../utils/getMonthName"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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}// Libs
|
|
2
2
|
// Components
|
|
3
3
|
// Styles
|
|
4
4
|
// Types
|
|
5
5
|
// Utils
|
|
6
|
-
var DateYearPicker=function(_ref){var date=_ref.date,handleChangeDate=_ref.handleChangeDate,maxDate=_ref.maxDate,minDate=_ref.minDate,_useState=(0,_react.useState)(date.getFullYear()),_useState2=_slicedToArray(_useState,2),years=_useState2[0],setYears=_useState2[1],_useState3=(0,_react.useState)(0),_useState4=_slicedToArray(_useState3,2),year=_useState4[0],setYear=_useState4[1],yearsInterval=Array(20).fill(0).map(function(_,index){return years-5+index}),handleSelectMonth=function(month){handleChangeDate(new Date(year,month,1))},enableToBackYears=!("Invalid Date"!==minDate+"")||new Date(minDate).getFullYear()<yearsInterval[0],enableToNextYears=!("Invalid Date"!==maxDate+"")||new Date(maxDate).getFullYear()>yearsInterval[yearsInterval.length-1];return/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DateYearPickerContainer,{children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DatePickerHeader,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerHeaderButton,{isHidden:!enableToBackYears,type:"button",onClick:function onClick(){setYears(years-10),setYear(0)},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"arrow-left"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerHeaderTitle,{children:0===year?"".concat(years-5,"-").concat(years+14):year}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerHeaderButton,{isHidden:!enableToNextYears,type:"button",onClick:function onClick(){setYears(years+10),setYear(0)},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"arrow-right"})})]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DateYearPickerBody,{children:0===year?yearsInterval.map(function(yearInterval){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DateYearPickerCell,{disabled:yearInterval<new Date(minDate).getFullYear()||yearInterval>new Date(maxDate).getFullYear(),onClick:function onClick(){return setYear(yearInterval)},isSelected:date.getFullYear()===yearInterval,children:yearInterval},yearInterval)}):Array(12).fill(0).map(function(_,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DateYearPickerCell,{disabled:(0,_checkMonthIsDisabled.checkMonthIsDisabled)({minDate:minDate,maxDate:maxDate,year:year,index:index}),onClick:function onClick(){return handleSelectMonth(index)},children:(0,_getMonthName.getMonthName)(index).substring(0,3).toUpperCase()},index)})})]})})};exports.DateYearPicker=DateYearPicker;
|
|
6
|
+
var DateYearPicker=function(_ref){var date=_ref.date,handleChangeDate=_ref.handleChangeDate,maxDate=_ref.maxDate,minDate=_ref.minDate,_ref$fullSize=_ref.fullSize,_useState=(0,_react.useState)(date.getFullYear()),_useState2=_slicedToArray(_useState,2),years=_useState2[0],setYears=_useState2[1],_useState3=(0,_react.useState)(0),_useState4=_slicedToArray(_useState3,2),year=_useState4[0],setYear=_useState4[1],yearsInterval=Array(20).fill(0).map(function(_,index){return years-5+index}),handleSelectMonth=function(month){handleChangeDate(new Date(year,month,1))},enableToBackYears=!("Invalid Date"!==minDate+"")||new Date(minDate).getFullYear()<yearsInterval[0],enableToNextYears=!("Invalid Date"!==maxDate+"")||new Date(maxDate).getFullYear()>yearsInterval[yearsInterval.length-1];return/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DateYearPickerContainer,{children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DatePickerHeader,{fullSize:void 0!==_ref$fullSize&&_ref$fullSize,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerHeaderButton,{isHidden:!enableToBackYears,type:"button",onClick:function onClick(){setYears(years-10),setYear(0)},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"arrow-left"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerHeaderTitle,{children:0===year?"".concat(years-5,"-").concat(years+14):year}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerHeaderButton,{isHidden:!enableToNextYears,type:"button",onClick:function onClick(){setYears(years+10),setYear(0)},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"arrow-right"})})]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DateYearPickerBody,{children:0===year?yearsInterval.map(function(yearInterval){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DateYearPickerCell,{disabled:yearInterval<new Date(minDate).getFullYear()||yearInterval>new Date(maxDate).getFullYear(),onClick:function onClick(){return setYear(yearInterval)},isSelected:date.getFullYear()===yearInterval,children:yearInterval},yearInterval)}):Array(12).fill(0).map(function(_,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DateYearPickerCell,{disabled:(0,_checkMonthIsDisabled.checkMonthIsDisabled)({minDate:minDate,maxDate:maxDate,year:year,index:index}),onClick:function onClick(){return handleSelectMonth(index)},children:(0,_getMonthName.getMonthName)(index).substring(0,3).toUpperCase()},index)})})]})})};exports.DateYearPicker=DateYearPicker;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { DatePickerProps } from './types';
|
|
2
|
-
declare const DatePicker: ({ value, onChange, minDate: minDateProp, maxDate: maxDateProp, variant, color, type, disableWeekendDays, isFirstClickDateInput, setIsFirstClickDateInput, enableYearPicker, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const DatePicker: ({ value, onChange, minDate: minDateProp, maxDate: maxDateProp, variant, color, type, disableWeekendDays, isFirstClickDateInput, setIsFirstClickDateInput, enableYearPicker, fullSize, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default DatePicker;
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,QAAA,MAAM,UAAU,4LAab,eAAe,4CAuPjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
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.default=void 0;var _react=require("react"),_framerMotion=require("framer-motion"),_react2=require("
|
|
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.default=void 0;var _react=require("@emotion/react"),_framerMotion=require("framer-motion"),_react2=require("react"),_DatePickerContent=require("./components/DatePickerContent"),_DateYearPicker=require("./components/DateYearPicker"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");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}// Libs
|
|
2
2
|
// Components
|
|
3
3
|
// Styles
|
|
4
4
|
// Types
|
|
5
|
-
var DatePicker=function(_ref){function resetFirstClick(value){setIsFirstClick(value),null===setIsFirstClickDateInput||void 0===setIsFirstClickDateInput?void 0:setIsFirstClickDateInput(value)}var value=_ref.value,onChange=_ref.onChange,minDateProp=_ref.minDate,maxDateProp=_ref.maxDate,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"compact":_ref$variant,color=_ref.color,_ref$type=_ref.type,type=void 0===_ref$type?"date":_ref$type,disableWeekendDays=_ref.disableWeekendDays,isFirstClickDateInput=_ref.isFirstClickDateInput,setIsFirstClickDateInput=_ref.setIsFirstClickDateInput,enableYearPicker=_ref.enableYearPicker,date=(0,
|
|
5
|
+
var DatePicker=function(_ref){function resetFirstClick(value){setIsFirstClick(value),null===setIsFirstClickDateInput||void 0===setIsFirstClickDateInput?void 0:setIsFirstClickDateInput(value)}var value=_ref.value,onChange=_ref.onChange,minDateProp=_ref.minDate,maxDateProp=_ref.maxDate,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"compact":_ref$variant,color=_ref.color,_ref$type=_ref.type,type=void 0===_ref$type?"date":_ref$type,disableWeekendDays=_ref.disableWeekendDays,isFirstClickDateInput=_ref.isFirstClickDateInput,setIsFirstClickDateInput=_ref.setIsFirstClickDateInput,enableYearPicker=_ref.enableYearPicker,_ref$fullSize=_ref.fullSize,fullSize=void 0!==_ref$fullSize&&_ref$fullSize,date=(0,_react2.useMemo)(function(){return new Date},[]),minDate=new Date(minDateProp),maxDate=new Date(maxDateProp),_useState=(0,_react2.useState)(isFirstClickDateInput||!0),_useState2=_slicedToArray(_useState,2),isFirstClick=_useState2[0],setIsFirstClick=_useState2[1],_useState3=(0,_react2.useState)(function(){return value?Array.isArray(value)?new Date(value[0]):new Date(value):maxDateProp&&minDateProp?maxDate<=date?new Date(maxDate.getFullYear(),maxDate.getMonth()-1):null:minDateProp?minDate>date?minDate:null:maxDateProp?maxDate<date?new Date(maxDate.getFullYear(),maxDate.getMonth()-("compact"===variant?0:1)):null:null}),_useState4=_slicedToArray(_useState3,2),startDate=_useState4[0],setStartDate=_useState4[1],_useState5=(0,_react2.useState)(value?Array.isArray(value)?new Date(value[1]):new Date(value):startDate),_useState6=_slicedToArray(_useState5,2),endDate=_useState6[0],setEndDate=_useState6[1],endDateMonth=endDate?endDate.getMonth():null,startDateMonth=startDate?startDate.getMonth():null,_useState7=(0,_react2.useState)(function(){if(endDate&&endDateMonth&&startDateMonth){if(Array.isArray(value)&&null!==value&&void 0!==value&&value[1])return maxDateProp?startDateMonth===endDateMonth&&endDateMonth===maxDate.getMonth()?endDate:startDateMonth===endDateMonth?new Date(endDate.getFullYear(),endDateMonth+1):endDate:startDateMonth===endDateMonth?new Date(endDate.getFullYear(),endDateMonth+1):endDate;if(maxDateProp&&maxDate.getMonth()===startDateMonth)return maxDate;if(startDate)return new Date(startDate.getFullYear(),startDateMonth+1,1)}return new Date(new Date().getFullYear(),new Date().getMonth()+1,1)}),_useState8=_slicedToArray(_useState7,2),secondCalendarDate=_useState8[0],setSecondCalendarDate=_useState8[1],_useState9=(0,_react2.useState)(function(){return secondCalendarDate&&"extended"===variant&&secondCalendarDate.getMonth()===maxDate.getMonth()?Array.isArray(value)&&startDateMonth!==endDateMonth?startDate:new Date(secondCalendarDate.getFullYear(),secondCalendarDate.getMonth()-1):startDate?startDateMonth&&new Date(startDate.getFullYear(),startDateMonth):new Date}),_useState10=_slicedToArray(_useState9,2),firstCalendarDate=_useState10[0],setFirstCalendarDate=_useState10[1],_useState11=(0,_react2.useState)(!1),_useState12=_slicedToArray(_useState11,2),openYearPicker=_useState12[0],setOpenYearPicker=_useState12[1];(0,_react2.useEffect)(function(){isFirstClick&&!startDate&&(setStartDate(null),setEndDate(null))},[isFirstClick]);var firstCalendarLimit=secondCalendarDate&&new Date(secondCalendarDate.getFullYear(),secondCalendarDate.getMonth(),0),DatePickerContentProps={variant:variant,type:type,startDate:startDate,endDate:endDate,isInTheRange:function isInTheRange(currentDate){if(startDate&&endDate){var start=startDate.getTime(),end=endDate.getTime(),current=currentDate&¤tDate.getTime();return current>start&¤t<end}return!1},handleMouseOver:function handleMouseOver(currentDate){if(startDate){var tableRows=document.querySelectorAll("tbody tr[role=\"row\"]");tableRows.forEach(function(row){var rowCells=row.querySelectorAll("td");rowCells.forEach(function(cell){var cellDate=new Date(cell.getAttribute("data-date")+"");cellDate.getTime()===currentDate.setHours(0,0,0,0)&&+cellDate>+endDate?cell.classList.add("is-current"):cell.classList.remove("is-current"),cellDate<=currentDate&&cellDate>startDate&&!endDate?cell.classList.add("is-hover"):cell.classList.remove("is-hover")})})}},handleChange:function handleChange(newDate){if("date"===type)return setStartDate(newDate),null===onChange||void 0===onChange?void 0:onChange(newDate),resetFirstClick(!1);if(isFirstClick)return setStartDate(newDate),setEndDate(null),resetFirstClick(!1);if(startDate){if(newDate<startDate)return setStartDate(newDate);setEndDate(newDate),null===onChange||void 0===onChange?void 0:onChange([startDate,newDate]),setIsFirstClick(!0)}},minDate:minDate&&new Date(minDate),maxDate:maxDate&&new Date(maxDate),showSelectedDate:!isFirstClickDateInput,handleToggleYearPicker:function handleToggleYearPicker(){setOpenYearPicker(!openYearPicker)},enableYearPicker:enableYearPicker};return/*#__PURE__*/(0,_jsxRuntime.jsx)(_react.ThemeProvider,{theme:{colorSelected:color||"primary.default"},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerContentContainer,{isExtended:"extended"===variant,fullSize:fullSize,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{mode:"wait",children:openYearPicker?/*#__PURE__*/(0,_jsxRuntime.jsx)(_DateYearPicker.DateYearPicker,{date:firstCalendarDate,minDate:minDate,maxDate:maxDate,handleChangeDate:function handleChangeDate(newDate){setFirstCalendarDate(function(){return new Date(newDate.getFullYear(),newDate.getMonth(),1)}),setOpenYearPicker(!1)}}):/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_DatePickerContent.DatePickerContent,_objectSpread(_objectSpread({},DatePickerContentProps),{},{date:firstCalendarDate,minDate:DatePickerContentProps.minDate,maxDate:"extended"!==variant||maxDate?"extended"===variant?maxDate&&firstCalendarLimit&&new Date(maxDate).getTime()<firstCalendarLimit.getTime()?DatePickerContentProps.maxDate:firstCalendarLimit:DatePickerContentProps.maxDate:firstCalendarLimit,disableWeekendDays:disableWeekendDays,handleChangeDate:function handleChangeDate(newDate){return setFirstCalendarDate(newDate)},fullSize:fullSize})),"extended"===variant&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_DatePickerContent.DatePickerContent,_objectSpread(_objectSpread({},DatePickerContentProps),{},{date:secondCalendarDate,minDate:DatePickerContentProps.minDate,maxDate:DatePickerContentProps.maxDate,handleChangeDate:function handleChangeDate(newDate){setSecondCalendarDate(newDate)},hidePrevMonthButton:function(){return!!(firstCalendarDate&&secondCalendarDate)&&((null===secondCalendarDate||void 0===secondCalendarDate?void 0:secondCalendarDate.getMonth())-1===(null===firstCalendarDate||void 0===firstCalendarDate?void 0:firstCalendarDate.getMonth())||0===(null===secondCalendarDate||void 0===secondCalendarDate?void 0:secondCalendarDate.getMonth())&&11===(null===firstCalendarDate||void 0===firstCalendarDate?void 0:firstCalendarDate.getMonth()))}(),disableWeekendDays:disableWeekendDays,fullSize:fullSize}))]})})})})},_default=DatePicker;exports.default=_default;
|
|
@@ -5,14 +5,19 @@ export declare const DatePickerContentContainer: import("@emotion/styled").Style
|
|
|
5
5
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
6
6
|
} & {
|
|
7
7
|
isExtended: boolean;
|
|
8
|
+
fullSize: boolean;
|
|
8
9
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
9
10
|
export declare const DatePickerContainer: import("@emotion/styled").StyledComponent<{
|
|
10
11
|
theme?: import("@emotion/react").Theme | undefined;
|
|
11
12
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
13
|
+
} & {
|
|
14
|
+
fullSize: boolean;
|
|
12
15
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
13
16
|
export declare const DatePickerHeader: import("@emotion/styled").StyledComponent<{
|
|
14
17
|
theme?: import("@emotion/react").Theme | undefined;
|
|
15
18
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
19
|
+
} & {
|
|
20
|
+
fullSize: boolean;
|
|
16
21
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
17
22
|
export declare const DatePickerHeaderTitle: import("@emotion/styled").StyledComponent<{
|
|
18
23
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -29,16 +34,21 @@ export declare const DatePickerHeaderButton: import("@emotion/styled").StyledCom
|
|
|
29
34
|
export declare const DatePickerBody: import("@emotion/styled").StyledComponent<{
|
|
30
35
|
theme?: import("@emotion/react").Theme | undefined;
|
|
31
36
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
37
|
+
} & {
|
|
38
|
+
fullSize: boolean;
|
|
32
39
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
33
40
|
export declare const DatePickerBodyTable: import("@emotion/styled").StyledComponent<{
|
|
34
41
|
theme?: import("@emotion/react").Theme | undefined;
|
|
35
42
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
36
|
-
} & GenericStyledProps
|
|
43
|
+
} & GenericStyledProps & {
|
|
44
|
+
fullSize: boolean;
|
|
45
|
+
}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
|
|
37
46
|
export declare const DatePickerTableRow: import("@emotion/styled").StyledComponent<{
|
|
38
47
|
theme?: import("@emotion/react").Theme | undefined;
|
|
39
48
|
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
40
49
|
} & GenericStyledProps & {
|
|
41
50
|
isRange?: boolean | undefined;
|
|
51
|
+
fullSize: boolean;
|
|
42
52
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
|
|
43
53
|
export declare const DatePickerTableCell: import("@emotion/styled").StyledComponent<{
|
|
44
54
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -55,6 +65,7 @@ export declare const DatePickerTableCell: import("@emotion/styled").StyledCompon
|
|
|
55
65
|
isTheSameDate?: boolean | undefined;
|
|
56
66
|
disabled?: boolean | undefined;
|
|
57
67
|
showSelectedDate?: boolean | undefined;
|
|
68
|
+
fullSize?: boolean | undefined;
|
|
58
69
|
}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
|
|
59
70
|
export declare const DatePickerTableCellSpan: import("@emotion/styled").StyledComponent<{
|
|
60
71
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/styles.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/styles.ts"],"names":[],"mappings":";AASA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,0BAA0B;;;;gBACzB,OAAO;cACT,OAAO;yGAwBlB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;cAA0B,OAAO;yGAUhE,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;cAA0B,OAAO;yGAO7D,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;yGAsBjC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;qHAqBlC,CAAC;AAEF,eAAO,MAAM,cAAc;;;;cAA0B,OAAO;yGAK3D,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;cAAiD,OAAO;kHAoDvF,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;cAGjB,OAAO;mHAyBpB,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;+HAqK/B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;gIAGnC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;yGAGnC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAG9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;yGAkC9B,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
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,_styled=_interopRequireDefault(require("@emotion/styled")),_colorCheck=require("../../utils/colorCheck"),_getColorValue=require("../../utils/getColorValue");// Libs
|
|
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(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n max-width: fit-content;\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: 290px;\n }\n"])),function(_ref){var colors=_ref.theme.colors;return colors.neutral.white},function(_ref2){var theme=_ref2.theme;return"0px 16px 32px ".concat(theme.shadow.level3)});exports.DatePickerContentContainer=DatePickerContentContainer;var DatePickerContainer=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\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"])));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(_ref3){var colors=_ref3.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(_ref4){var colors=_ref4.theme.colors;return colors.neutral.neutral5},function(_ref5){var isHidden=_ref5.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"])));exports.DatePickerBody=DatePickerBody;var DatePickerBodyTable=_styled.default.table(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n width: 100%;\n border-collapse: collapse;\n border-spacing: 10px;\n table-layout: fixed;\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"])),function(_ref6){var colors=_ref6.theme.colors;return colors.neutral.black});exports.DatePickerBodyTable=DatePickerBodyTable;var DatePickerTableRow=_styled.default.tr(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n ",";\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(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n position: relative;\n height: 0;\n padding: 12px;\n text-align: center;\n font-family: inherit;\n font-size: 0.75rem;\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 &: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"])),function(props){return!props.isPrevNextMonth&&!props.disabled&&props.showSelectedDate&&(props.isSelected||props.isEndDateOfRange)?(0,_getColorValue.getColorValue)(props.theme.colorSelected,props.theme):"transparent"},function(props){return 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},function(props){return props.disabled&&"\n pointer-events: none;\n cursor: default;\n color: ".concat(props.theme.colors.neutral.neutral1,";\n ")},function(props){return 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 ")},function(props){return!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 ")},function(props){return!props.isSelected&&!props.isEndDateOfRange&&props.theme.colors.neutral.neutral1},function(props){return("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(_ref7){var isSelected=_ref7.isSelected,theme=_ref7.theme,disabled=_ref7.disabled;return isSelected?theme.colors.neutral.white:disabled?theme.colors.neutral.neutral2:theme.colors.neutral.black},function(_ref8){var disabled=_ref8.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;
|
|
@@ -29,6 +29,10 @@ export type DatePickerProps = {
|
|
|
29
29
|
* Callback function that is called when the date picker's value changes.
|
|
30
30
|
* @param {Date} date - The new date.
|
|
31
31
|
*/
|
|
32
|
+
fullSize?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Allow expand the component width to full size.
|
|
35
|
+
*/
|
|
32
36
|
onChange?: (date: Date | [Date, Date]) => void;
|
|
33
37
|
color?: GlobalColorsProps | (string & {});
|
|
34
38
|
disableWeekendDays?: boolean;
|
|
@@ -55,6 +59,7 @@ export type DatePickerContentProps = {
|
|
|
55
59
|
minDate?: Date;
|
|
56
60
|
maxDate?: Date;
|
|
57
61
|
showSelectedDate?: boolean;
|
|
62
|
+
fullSize?: boolean;
|
|
58
63
|
type?: DatePickerTypes;
|
|
59
64
|
color?: 'primary' | 'secondary' | 'tertiary';
|
|
60
65
|
hideNextMonthButton?: boolean;
|
|
@@ -66,5 +71,6 @@ export type DateYearPickerProps = {
|
|
|
66
71
|
handleChangeDate: (newDate: Date) => void;
|
|
67
72
|
minDate: Date | number | string;
|
|
68
73
|
maxDate: Date | number | string;
|
|
74
|
+
fullSize?: boolean;
|
|
69
75
|
};
|
|
70
76
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAErF,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/C,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxD;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IAC/C,KAAK,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,gBAAgB,GAAG;QACzB,aAAa,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;KAClD,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,YAAY,EAAE,CAAC,WAAW,EAAE,IAAI,KAAK,OAAO,CAAC;IAC7C,eAAe,EAAE,CAAC,WAAW,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,gBAAgB,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1C,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAErF,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/C,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxD;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IACjC;;;OAGG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IAC/C,KAAK,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,gBAAgB,GAAG;QACzB,aAAa,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;KAClD,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,YAAY,EAAE,CAAC,WAAW,EAAE,IAAI,KAAK,OAAO,CAAC;IAC7C,eAAe,EAAE,CAAC,WAAW,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,gBAAgB,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1C,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC7C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,IAAI,CAAC;IACX,gBAAgB,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAChC,OAAO,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
|
|
@@ -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";
|