@pedidopago/ui 1.7.26 → 1.8.0

package/dist/components/DatePicker/datepicker.test.js

@@ -1,120 +1 @@
-"use strict";
-
-var _testUtils = require("../../shared/tests/test-utils");
-require("@testing-library/jest-dom");
-var _ = _interopRequireDefault(require("."));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function 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 i = 1; i < arguments.length; i++) { var 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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var setup = function setup(props) {
-  return (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
-};
-describe('DatePicker', function () {
-  it('should it render the datepicker component', function () {
-    var _setup = setup({
-        value: new Date(),
-        onChange: jest.fn()
-      }),
-      container = _setup.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the datepicker as range type', function () {
-    var _setup2 = setup({
-        value: new Date(),
-        onChange: jest.fn(),
-        type: 'range'
-      }),
-      container = _setup2.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the datepicker as extended variant', function () {
-    var _setup3 = setup({
-        value: new Date(),
-        onChange: jest.fn(),
-        variant: 'extended'
-      }),
-      container = _setup3.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it render the datepicker with minimum and maximum dates', function () {
-    var _setup4 = setup({
-        value: new Date(),
-        onChange: jest.fn(),
-        minDate: new Date(),
-        maxDate: new Date()
-      }),
-      container = _setup4.container;
-    expect(container).toBeInTheDocument();
-  });
-  it('should it call the onChange function with one date value', function () {
-    var onChange = jest.fn();
-    var _setup5 = setup({
-        value: new Date(),
-        onChange: onChange
-      }),
-      container = _setup5.container;
-    var dateCells = document.querySelectorAll('td[role="gridcell"]');
-    dateCells[20].dispatchEvent(new MouseEvent('click', {
-      bubbles: true
-    }));
-    expect(container).toBeInTheDocument();
-    expect(onChange).toHaveBeenCalled();
-  });
-  it('should it call the onChange function with two date values in range type', function () {
-    var onChange = jest.fn();
-    var _setup6 = setup({
-        value: new Date(),
-        onChange: onChange,
-        type: 'range'
-      }),
-      container = _setup6.container;
-    var dateCells = document.querySelectorAll('td[role="gridcell"]');
-    dateCells[20].dispatchEvent(new MouseEvent('click', {
-      bubbles: true
-    }));
-    dateCells[25].dispatchEvent(new MouseEvent('click', {
-      bubbles: true
-    }));
-    expect(container).toBeInTheDocument();
-    expect(onChange).toHaveBeenCalled();
-  });
-  it('should it call the onChange function with one date value in the extended variant', function () {
-    var onChange = jest.fn();
-    var _setup7 = setup({
-        value: new Date(),
-        onChange: onChange,
-        variant: 'extended'
-      }),
-      container = _setup7.container;
-    var dateCells = document.querySelectorAll('td[role="gridcell"]');
-    dateCells[20].dispatchEvent(new MouseEvent('click', {
-      bubbles: true
-    }));
-    expect(container).toBeInTheDocument();
-    expect(onChange).toHaveBeenCalled();
-  });
-  it('should it call the onChange function with two date values in the extended variant', function () {
-    var onChange = jest.fn();
-    var _setup8 = setup({
-        value: new Date(),
-        onChange: onChange,
-        type: 'range',
-        variant: 'extended'
-      }),
-      container = _setup8.container;
-    var dateCells = document.querySelectorAll('td[role="gridcell"]');
-    dateCells[20].dispatchEvent(new MouseEvent('click', {
-      bubbles: true
-    }));
-    dateCells[60].dispatchEvent(new MouseEvent('click', {
-      bubbles: true
-    }));
-    expect(container).toBeInTheDocument();
-    expect(onChange).toHaveBeenCalled();
-  });
-});
+"use strict";var _testUtils=require("../../shared/tests/test-utils");require("@testing-library/jest-dom");var _=_interopRequireDefault(require(".")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function 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)}var setup=function(props){return(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,_objectSpread({},props)))};describe("DatePicker",function(){it("should it render the datepicker component",function(){var _setup=setup({value:new Date,onChange:jest.fn()}),container=_setup.container;expect(container).toBeInTheDocument()}),it("should it render the datepicker as range type",function(){var _setup2=setup({value:new Date,onChange:jest.fn(),type:"range"}),container=_setup2.container;expect(container).toBeInTheDocument()}),it("should it render the datepicker as extended variant",function(){var _setup3=setup({value:new Date,onChange:jest.fn(),variant:"extended"}),container=_setup3.container;expect(container).toBeInTheDocument()}),it("should it render the datepicker with minimum and maximum dates",function(){var _setup4=setup({value:new Date,onChange:jest.fn(),minDate:new Date,maxDate:new Date}),container=_setup4.container;expect(container).toBeInTheDocument()}),it("should it call the onChange function with one date value",function(){var onChange=jest.fn(),_setup5=setup({value:new Date,onChange:onChange}),container=_setup5.container,dateCells=document.querySelectorAll("td[role=\"gridcell\"]");dateCells[20].dispatchEvent(new MouseEvent("click",{bubbles:!0})),expect(container).toBeInTheDocument(),expect(onChange).toHaveBeenCalled()}),it("should it call the onChange function with two date values in range type",function(){var onChange=jest.fn(),_setup6=setup({value:new Date,onChange:onChange,type:"range"}),container=_setup6.container,dateCells=document.querySelectorAll("td[role=\"gridcell\"]");dateCells[20].dispatchEvent(new MouseEvent("click",{bubbles:!0})),dateCells[25].dispatchEvent(new MouseEvent("click",{bubbles:!0})),expect(container).toBeInTheDocument(),expect(onChange).toHaveBeenCalled()}),it("should it call the onChange function with one date value in the extended variant",function(){var onChange=jest.fn(),_setup7=setup({value:new Date,onChange:onChange,variant:"extended"}),container=_setup7.container,dateCells=document.querySelectorAll("td[role=\"gridcell\"]");dateCells[20].dispatchEvent(new MouseEvent("click",{bubbles:!0})),expect(container).toBeInTheDocument(),expect(onChange).toHaveBeenCalled()}),it("should it call the onChange function with two date values in the extended variant",function(){var onChange=jest.fn(),_setup8=setup({value:new Date,onChange:onChange,type:"range",variant:"extended"}),container=_setup8.container,dateCells=document.querySelectorAll("td[role=\"gridcell\"]");dateCells[20].dispatchEvent(new MouseEvent("click",{bubbles:!0})),dateCells[60].dispatchEvent(new MouseEvent("click",{bubbles:!0})),expect(container).toBeInTheDocument(),expect(onChange).toHaveBeenCalled()})});

package/dist/components/DatePicker/index.js

@@ -1,236 +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: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _framerMotion = require("framer-motion");
-var _react2 = require("@emotion/react");
-var _DatePickerContent = require("./components/DatePickerContent");
-var _DateYearPicker = require("./components/DateYearPicker");
-var _styles = require("./styles");
-var _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 i = 1; i < arguments.length; i++) { var 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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? 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) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new 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 DatePicker = function DatePicker(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    minDateProp = _ref.minDate,
-    maxDateProp = _ref.maxDate,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'compact' : _ref$variant,
-    color = _ref.color,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'date' : _ref$type,
-    disableWeekendDays = _ref.disableWeekendDays,
-    isFirstClickDateInput = _ref.isFirstClickDateInput,
-    setIsFirstClickDateInput = _ref.setIsFirstClickDateInput,
-    enableYearPicker = _ref.enableYearPicker;
-  var date = (0, _react.useMemo)(function () {
-    return new Date();
-  }, []);
-  var minDate = new Date(minDateProp);
-  var maxDate = new Date(maxDateProp);
-  var _useState = (0, _react.useState)(isFirstClickDateInput || true),
-    _useState2 = _slicedToArray(_useState, 2),
-    isFirstClick = _useState2[0],
-    setIsFirstClick = _useState2[1];
-  var _useState3 = (0, _react.useState)(function () {
-      if (value) {
-        return Array.isArray(value) ? new Date(value[0]) : new Date(value);
-      }
-      if (maxDateProp && minDateProp) {
-        return maxDate <= date ? new Date(maxDate.getFullYear(), maxDate.getMonth() - 1) : null;
-      }
-      if (minDateProp) {
-        return minDate > date ? minDate : null;
-      }
-      if (maxDateProp) {
-        return maxDate < date ? new Date(maxDate.getFullYear(), maxDate.getMonth() - (variant === 'compact' ? 0 : 1)) : null;
-      }
-      return null;
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    startDate = _useState4[0],
-    setStartDate = _useState4[1];
-  var _useState5 = (0, _react.useState)(value ? Array.isArray(value) ? new Date(value[1]) : new Date(value) : startDate),
-    _useState6 = _slicedToArray(_useState5, 2),
-    endDate = _useState6[0],
-    setEndDate = _useState6[1];
-  var endDateMonth = endDate ? endDate.getMonth() : null;
-  var startDateMonth = startDate ? startDate.getMonth() : null;
-  var _useState7 = (0, _react.useState)(function () {
-      if (endDate && endDateMonth && startDateMonth) {
-        if (Array.isArray(value) && value !== null && value !== void 0 && value[1]) {
-          if (maxDateProp) {
-            if (startDateMonth === endDateMonth && endDateMonth === maxDate.getMonth()) return endDate;
-            if (startDateMonth === endDateMonth) return new Date(endDate.getFullYear(), endDateMonth + 1);
-            return endDate;
-          } else {
-            return 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];
-  var _useState9 = (0, _react.useState)(function () {
-      if (secondCalendarDate && variant === 'extended' && secondCalendarDate.getMonth() === maxDate.getMonth()) {
-        return Array.isArray(value) && startDateMonth !== endDateMonth ? startDate : new Date(secondCalendarDate.getFullYear(), secondCalendarDate.getMonth() - 1);
-      }
-      if (startDate) {
-        return startDateMonth && new Date(startDate.getFullYear(), startDateMonth);
-      }
-      return new Date();
-    }),
-    _useState10 = _slicedToArray(_useState9, 2),
-    firstCalendarDate = _useState10[0],
-    setFirstCalendarDate = _useState10[1];
-  var _useState11 = (0, _react.useState)(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    openYearPicker = _useState12[0],
-    setOpenYearPicker = _useState12[1];
-  var isInTheRange = function isInTheRange(currentDate) {
-    if (startDate && endDate) {
-      var start = startDate.getTime();
-      var end = endDate.getTime();
-      var current = currentDate && currentDate.getTime();
-      return current > start && current < end;
-    }
-    return false;
-  };
-  var 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(String(cell.getAttribute('data-date')));
-          if (cellDate.getTime() === currentDate.setHours(0, 0, 0, 0) && Number(cellDate) > Number(endDate)) {
-            cell.classList.add('is-current');
-          } else {
-            cell.classList.remove('is-current');
-          }
-          if (cellDate <= currentDate && cellDate > startDate && !endDate) {
-            cell.classList.add('is-hover');
-          } else {
-            cell.classList.remove('is-hover');
-          }
-        });
-      });
-    }
-  };
-  function resetFirstClick(value) {
-    setIsFirstClick(value);
-    setIsFirstClickDateInput === null || setIsFirstClickDateInput === void 0 ? void 0 : setIsFirstClickDateInput(value);
-  }
-  var handleChange = function handleChange(newDate) {
-    if (type === 'date') {
-      setStartDate(newDate);
-      onChange === null || onChange === void 0 ? void 0 : onChange(newDate);
-      return resetFirstClick(false);
-    }
-    if (isFirstClick) {
-      setStartDate(newDate);
-      setEndDate(null);
-      return resetFirstClick(false);
-    }
-    if (startDate) {
-      if (newDate < startDate) return setStartDate(newDate);
-      setEndDate(newDate);
-      onChange === null || onChange === void 0 ? void 0 : onChange([startDate, newDate]);
-      setIsFirstClick(true);
-    }
-  };
-  (0, _react.useEffect)(function () {
-    if (isFirstClick && !startDate) {
-      setStartDate(null);
-      setEndDate(null);
-    }
-  }, [isFirstClick]);
-  var firstCalendarLimit = secondCalendarDate && new Date(secondCalendarDate.getFullYear(), secondCalendarDate.getMonth(), 0);
-  var handleToggleYearPicker = function handleToggleYearPicker() {
-    setOpenYearPicker(!openYearPicker);
-  };
-  var DatePickerContentProps = {
-    variant: variant,
-    type: type,
-    startDate: startDate,
-    endDate: endDate,
-    isInTheRange: isInTheRange,
-    handleMouseOver: handleMouseOver,
-    handleChange: handleChange,
-    minDate: minDate && new Date(minDate),
-    maxDate: maxDate && new Date(maxDate),
-    showSelectedDate: !isFirstClickDateInput,
-    handleToggleYearPicker: handleToggleYearPicker,
-    enableYearPicker: enableYearPicker
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.ThemeProvider, {
-    theme: {
-      colorSelected: color || 'primary.default'
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DatePickerContentContainer, {
-      isExtended: variant === 'extended',
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
-        mode: "wait",
-        children: !openYearPicker ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePickerContent.DatePickerContent, _objectSpread(_objectSpread({}, DatePickerContentProps), {}, {
-            date: firstCalendarDate,
-            minDate: DatePickerContentProps.minDate,
-            maxDate: variant === 'extended' && !maxDate ? firstCalendarLimit : variant === 'extended' ? maxDate && firstCalendarLimit && new Date(maxDate).getTime() < firstCalendarLimit.getTime() ? DatePickerContentProps.maxDate : firstCalendarLimit : DatePickerContentProps.maxDate,
-            disableWeekendDays: disableWeekendDays,
-            handleChangeDate: function handleChangeDate(newDate) {
-              return setFirstCalendarDate(newDate);
-            }
-          })), variant === 'extended' && /*#__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 () {
-              if (firstCalendarDate && secondCalendarDate) {
-                return (secondCalendarDate === null || secondCalendarDate === void 0 ? void 0 : secondCalendarDate.getMonth()) - 1 === (firstCalendarDate === null || firstCalendarDate === void 0 ? void 0 : firstCalendarDate.getMonth()) || (secondCalendarDate === null || secondCalendarDate === void 0 ? void 0 : secondCalendarDate.getMonth()) === 0 && (firstCalendarDate === null || firstCalendarDate === void 0 ? void 0 : firstCalendarDate.getMonth()) === 11;
-              }
-              return false;
-            }(),
-            disableWeekendDays: disableWeekendDays
-          }))]
-        }) : /*#__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(false);
-          }
-        })
-      })
-    })
-  });
-};
-var _default = DatePicker;
-exports.default = _default;
+"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("@emotion/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}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,_react.useMemo)(function(){return new Date},[]),minDate=new Date(minDateProp),maxDate=new Date(maxDateProp),_useState=(0,_react.useState)(isFirstClickDateInput||!0),_useState2=_slicedToArray(_useState,2),isFirstClick=_useState2[0],setIsFirstClick=_useState2[1],_useState3=(0,_react.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,_react.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,_react.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,_react.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,_react.useState)(!1),_useState12=_slicedToArray(_useState11,2),openYearPicker=_useState12[0],setOpenYearPicker=_useState12[1];(0,_react.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&&currentDate.getTime();return current>start&&current<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)(_react2.ThemeProvider,{theme:{colorSelected:color||"primary.default"},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DatePickerContentContainer,{isExtended:"extended"===variant,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)}})),"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}))]})})})})},_default=DatePicker;exports.default=_default;

package/dist/components/DatePicker/styles.js

@@ -1,88 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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 _styled = _interopRequireDefault(require("@emotion/styled"));
-var _colorCheck = require("../../utils/colorCheck");
-var _getColorValue = require("../../utils/getColorValue");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-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.colors.neutral.black : props.theme.lightColors.neutral.white : 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 ? (0, _colorCheck.parseHexColorToRgba)((0, _getColorValue.getColorValue)(props.theme.colorSelected, props.theme), 0.1) : 'transparent', "; \n\n      transform: translate(-50%, -50%);\n    }\n  ");
-}, function (props) {
-  return !props.isSelected && !props.isEndDateOfRange && props.theme.colors.neutral.neutral1;
-}, function (props) {
-  return (props['aria-selected'] !== 'true' || 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), 0.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;
+"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");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)}}))}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;

package/dist/components/DatePicker/utils/getMonthName.js

@@ -1,11 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getMonthName = void 0;
-var getMonthName = function getMonthName(month) {
-  var months = ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'];
-  return months[month];
-};
-exports.getMonthName = getMonthName;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getMonthName=void 0;var getMonthName=function(month){return["Janeiro","Fevereiro","Mar\xE7o","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"][month]};exports.getMonthName=getMonthName;

package/dist/components/Dialog/dialog-example.js

@@ -1,46 +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: true
-});
-exports.default = DialogExample;
-var _react = require("react");
-var _FocusLock = _interopRequireDefault(require("../../shared/components/FocusLock"));
-var _ = require(".");
-var _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 i = 1; i < arguments.length; i++) { var 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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? 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) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new 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; }
-function DialogExample(props) {
-  var _useState = (0, _react.useState)(props.open),
-    _useState2 = _slicedToArray(_useState, 2),
-    showDialog = _useState2[0],
-    setShowDialog = _useState2[1];
-  (0, _react.useEffect)(function () {
-    setShowDialog(props.open);
-  }, [props.open]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FocusLock.default, {
-    isLocked: !props.open,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Dialog, _objectSpread(_objectSpread({}, props), {}, {
-      open: showDialog,
-      onClose: function onClose() {
-        return setShowDialog(false);
-      }
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-      onClick: function onClick() {
-        return setShowDialog(true);
-      },
-      children: "Show Dialog"
-    })]
-  });
-}
+"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=DialogExample;var _react=require("react"),_FocusLock=_interopRequireDefault(require("../../shared/components/FocusLock")),_=require("."),_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}function DialogExample(props){var _useState=(0,_react.useState)(props.open),_useState2=_slicedToArray(_useState,2),showDialog=_useState2[0],setShowDialog=_useState2[1];return(0,_react.useEffect)(function(){setShowDialog(props.open)},[props.open]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_FocusLock.default,{isLocked:!props.open,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Dialog,_objectSpread(_objectSpread({},props),{},{open:showDialog,onClose:function onClose(){return setShowDialog(!1)}})),/*#__PURE__*/(0,_jsxRuntime.jsx)("button",{onClick:function onClick(){return setShowDialog(!0)},children:"Show Dialog"})]})}