@pedidopago/ui 1.0.6

package/dist/components/ColorPicker/utils/conversors.js

@@ -0,0 +1,290 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rgbaToRgbaString = exports.rgbaToHsva = exports.rgbaToHex = exports.rgbaStringToRgba = exports.rgbaStringToRgbString = exports.rgbaStringToHsva = exports.rgbaStringToHslaString = exports.rgbaStringToHsla = exports.rgbaStringToHslString = exports.rgbaStringToHex = exports.rgbStringToRgba = exports.hsvaToRgbaString = exports.hsvaToRgba = exports.hsvaToHslaString = exports.hsvaToHsla = exports.hslaToHsva = exports.hslaStringToHsva = exports.hslStringToHsva = exports.hexStringToRgba = void 0;
+
+var hexStringToRgba = function hexStringToRgba(hex) {
+  var result = hex.length >= 6 ? /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex) : null;
+  return result ? {
+    r: parseInt(result[1], 16),
+    g: parseInt(result[2], 16),
+    b: parseInt(result[3], 16),
+    a: 1
+  } : {
+    r: 0,
+    g: 0,
+    b: 0,
+    a: 1
+  };
+};
+
+exports.hexStringToRgba = hexStringToRgba;
+
+var hsvaToRgba = function hsvaToRgba(hsva) {
+  var h = hsva.h,
+      s = hsva.s,
+      v = hsva.v,
+      a = hsva.a;
+  h = h / 360 * 6;
+  s = s / 100;
+  v = v / 100;
+  var hh = Math.floor(h);
+  var b = v * (1 - s);
+  var c = v * (1 - (h - hh) * s);
+  var d = v * (1 - (1 - h + hh) * s);
+  var module = hh % 6;
+  return {
+    r: Math.round([v, c, b, b, d, v][module] * 255),
+    g: Math.round([d, v, v, c, b, b][module] * 255),
+    b: Math.round([b, b, d, v, v, c][module] * 255),
+    a: Math.round(a * 100 / 100)
+  };
+};
+
+exports.hsvaToRgba = hsvaToRgba;
+
+var hsvaToRgbaString = function hsvaToRgbaString(hsva) {
+  var _hsvaToRgba = hsvaToRgba(hsva),
+      r = _hsvaToRgba.r,
+      g = _hsvaToRgba.g,
+      b = _hsvaToRgba.b,
+      a = _hsvaToRgba.a;
+
+  return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")");
+};
+
+exports.hsvaToRgbaString = hsvaToRgbaString;
+
+var hsvaToHslaString = function hsvaToHslaString(hsva) {
+  var _hsvaToHsla = hsvaToHsla(hsva),
+      h = _hsvaToHsla.h,
+      s = _hsvaToHsla.s,
+      l = _hsvaToHsla.l,
+      a = _hsvaToHsla.a;
+
+  return "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(a, ")");
+};
+
+exports.hsvaToHslaString = hsvaToHslaString;
+
+var hsvaToHsla = function hsvaToHsla(_ref) {
+  var h = _ref.h,
+      s = _ref.s,
+      v = _ref.v,
+      a = _ref.a;
+  var hh = (200 - s) * v / 100;
+  return {
+    h: Math.round(h),
+    s: Math.round(hh > 0 && hh < 200 ? s * v / 100 / (hh <= 100 ? hh : 200 - hh) * 100 : 0),
+    l: Math.round(hh / 2),
+    a: Math.round(a * 100 / 100)
+  };
+};
+
+exports.hsvaToHsla = hsvaToHsla;
+
+var hslaToHsva = function hslaToHsva(_ref2) {
+  var h = _ref2.h,
+      s = _ref2.s,
+      l = _ref2.l,
+      a = _ref2.a;
+  s *= (l < 50 ? l : 100 - l) / 100;
+  return {
+    h: h,
+    s: s > 0 ? 2 * s / (l + s) * 100 : 0,
+    v: l + s,
+    a: a
+  };
+};
+
+exports.hslaToHsva = hslaToHsva;
+
+var hslaStringToHsva = function hslaStringToHsva(hsla) {
+  var result = /hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(hsla);
+
+  if (!result) {
+    return {
+      h: 0,
+      s: 0,
+      v: 0,
+      a: 1
+    };
+  }
+
+  return hslaToHsva({
+    h: Number(result[1]) * ((result[2] === 'rad' ? 360 / (Math.PI * 2) : result[2] === 'turn' ? 360 : result[2] === 'grad' ? 360 / 400 : 1) || 1),
+    s: parseFloat(result[3]),
+    l: parseFloat(result[4]),
+    a: result[5] ? parseFloat(result[5]) : 1
+  });
+};
+
+exports.hslaStringToHsva = hslaStringToHsva;
+
+var hslStringToHsva = function hslStringToHsva(hsl) {
+  var result = /hsl\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?\s*\)?/i.exec(hsl);
+
+  if (!result) {
+    return {
+      h: 0,
+      s: 0,
+      v: 0,
+      a: 1
+    };
+  }
+
+  return hslaToHsva({
+    h: Number(result[1]) * ((result[2] === 'rad' ? 360 / (Math.PI * 2) : result[2] === 'turn' ? 360 : result[2] === 'grad' ? 360 / 400 : 1) || 1),
+    s: parseFloat(result[3]),
+    l: parseFloat(result[4]),
+    a: 1
+  });
+};
+
+exports.hslStringToHsva = hslStringToHsva;
+
+var rgbaToHsva = function rgbaToHsva(rgba) {
+  var r = rgba.r,
+      g = rgba.g,
+      b = rgba.b,
+      a = rgba.a;
+  var max = Math.max(r, g, b);
+  var delta = max - Math.min(r, g, b); // prettier-ignore
+
+  var hh = delta ? max === r ? (g - b) / delta : max === g ? 2 + (b - r) / delta : 4 + (r - g) / delta : 0;
+  return {
+    h: Math.round(60 * (hh < 0 ? hh + 6 : hh)),
+    s: Math.round(max ? delta / max * 100 : 0),
+    v: Math.round(max / 255 * 100),
+    a: a
+  };
+};
+
+exports.rgbaToHsva = rgbaToHsva;
+
+var rgbaStringToHsva = function rgbaStringToHsva(rgba) {
+  var _rgbaStringToRgba = rgbaStringToRgba(rgba),
+      r = _rgbaStringToRgba.r,
+      g = _rgbaStringToRgba.g,
+      b = _rgbaStringToRgba.b,
+      a = _rgbaStringToRgba.a;
+
+  return rgbaToHsva({
+    r: r,
+    g: g,
+    b: b,
+    a: a
+  });
+};
+
+exports.rgbaStringToHsva = rgbaStringToHsva;
+
+var rgbaStringToRgba = function rgbaStringToRgba(rgba) {
+  var matcher = /rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i;
+  var match = matcher.exec(rgba);
+  if (!match) return {
+    r: 0,
+    g: 0,
+    b: 0,
+    a: 1
+  };
+  return {
+    r: Number(match[1]) / (match[2] ? 100 / 255 : 1),
+    g: Number(match[3]) / (match[4] ? 100 / 255 : 1),
+    b: Number(match[5]) / (match[6] ? 100 / 255 : 1),
+    a: match[7] === undefined ? 1 : Number(match[7]) / (match[8] ? 100 : 1)
+  };
+};
+
+exports.rgbaStringToRgba = rgbaStringToRgba;
+
+var rgbaStringToHsla = function rgbaStringToHsla(rgba) {
+  var hsva = rgbaStringToHsva(rgba);
+  var hsla = hsvaToHsla(hsva);
+  return hsla;
+};
+
+exports.rgbaStringToHsla = rgbaStringToHsla;
+
+var rgbaStringToHslString = function rgbaStringToHslString(rgba) {
+  var _rgbaStringToHsla = rgbaStringToHsla(rgba),
+      h = _rgbaStringToHsla.h,
+      s = _rgbaStringToHsla.s,
+      l = _rgbaStringToHsla.l;
+
+  return "hsl(".concat(h, ", ").concat(s, "%, ").concat(l, "%)");
+};
+
+exports.rgbaStringToHslString = rgbaStringToHslString;
+
+var rgbaStringToHslaString = function rgbaStringToHslaString(rgba) {
+  var _rgbaStringToHsla2 = rgbaStringToHsla(rgba),
+      h = _rgbaStringToHsla2.h,
+      s = _rgbaStringToHsla2.s,
+      l = _rgbaStringToHsla2.l,
+      a = _rgbaStringToHsla2.a;
+
+  return "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(a, ")");
+};
+
+exports.rgbaStringToHslaString = rgbaStringToHslaString;
+
+var rgbaToRgbaString = function rgbaToRgbaString(rgba) {
+  var r = rgba.r,
+      g = rgba.g,
+      b = rgba.b,
+      a = rgba.a;
+  return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")");
+};
+
+exports.rgbaToRgbaString = rgbaToRgbaString;
+
+var rgbaToHex = function rgbaToHex(rgba) {
+  var r = rgba.r,
+      g = rgba.g,
+      b = rgba.b;
+  return "#".concat(((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1));
+};
+
+exports.rgbaToHex = rgbaToHex;
+
+var rgbaStringToHex = function rgbaStringToHex(rgba) {
+  var _rgbaStringToRgba2 = rgbaStringToRgba(rgba),
+      r = _rgbaStringToRgba2.r,
+      g = _rgbaStringToRgba2.g,
+      b = _rgbaStringToRgba2.b;
+
+  return "#".concat(((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1));
+};
+
+exports.rgbaStringToHex = rgbaStringToHex;
+
+var rgbaStringToRgbString = function rgbaStringToRgbString(rgba) {
+  var matcher = /rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*\)?/i;
+  var match = matcher.exec(rgba);
+  if (!match) return '';
+  return "rgb(".concat(match[1], ", ").concat(match[3], ", ").concat(match[5], ")");
+};
+
+exports.rgbaStringToRgbString = rgbaStringToRgbString;
+
+var rgbStringToRgba = function rgbStringToRgba(rgb) {
+  var matcher = /rgb\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*\)?/i;
+  var match = matcher.exec(rgb);
+  if (!match) return {
+    r: 0,
+    g: 0,
+    b: 0,
+    a: 1
+  };
+  return {
+    r: Number(match[1]) / (match[2] ? 100 / 255 : 1),
+    g: Number(match[3]) / (match[4] ? 100 / 255 : 1),
+    b: Number(match[5]) / (match[6] ? 100 / 255 : 1),
+    a: match[7] === undefined ? 1 : Number(match[7]) / (match[8] ? 100 : 1)
+  };
+};
+
+exports.rgbStringToRgba = rgbStringToRgba;

package/dist/components/ColorPicker/utils/parsers.d.ts

@@ -0,0 +1,28 @@
+import { IHsvaObject, IOutputColorMode } from './../types';
+/**
+ * This function converts a string color to a hsva color object
+ * @param color : Color to convert to hsva;
+ * @returns : hsva color object
+ */
+export declare const colorToHsva: (color: string) => IHsvaObject;
+/**
+ * This function gets the color mode from the color string
+ * @param color : Color to check your output mode
+ * @returns : Color mode
+ */
+export declare const colorMode: (color: string) => IOutputColorMode;
+/**
+ * This function converts a hsva color object to a string color
+ * @param hsva : hsva color object
+ * @param colorMode : Color output mode
+ * @returns : Color string
+ */
+export declare const colorFromHsva: (hsva: IHsvaObject, colorMode: IOutputColorMode | 'unknown') => string;
+/**
+ * This function converts a color string to output color mode
+ * @param color : Color string;
+ * @param outputMode : Color output mode;
+ * @returns : Color string
+ */
+export declare const colorToOutputMode: (color: string, outputMode: IOutputColorMode) => string;
+//# sourceMappingURL=parsers.d.ts.map

package/dist/components/ColorPicker/utils/parsers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parsers.d.ts","sourceRoot":"","sources":["../../../../src/components/ColorPicker/utils/parsers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAoB3D;;;;GAIG;AACH,eAAO,MAAM,WAAW,UAAW,MAAM,gBAgCxC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,UAAW,MAAM,KAAG,gBAsBzC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,SAAU,WAAW,aAAa,gBAAgB,GAAG,SAAS,WAevF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,UAAW,MAAM,cAAc,gBAAgB,WAe5E,CAAC"}

package/dist/components/ColorPicker/utils/parsers.js

@@ -0,0 +1,151 @@
+"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.colorToOutputMode = exports.colorToHsva = exports.colorMode = exports.colorFromHsva = void 0;
+
+var _conversors = require("./conversors");
+
+var checker = _interopRequireWildcard(require("./checkers"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * This function converts a string color to a hsva color object
+ * @param color : Color to convert to hsva;
+ * @returns : hsva color object
+ */
+var colorToHsva = function colorToHsva(color) {
+  // Check if the color is a hex string and convert it to rgba and then to hsva
+  if (checker.isHex(color)) {
+    return (0, _conversors.rgbaToHsva)((0, _conversors.hexStringToRgba)(color));
+  } // Check if the color is a hsl string and convert it to rgba and then to hsva
+
+
+  if (checker.isHsl(color)) {
+    return (0, _conversors.hslStringToHsva)(color);
+  } // Check if the color is a hsla string and convert it to rgba and then to hsva
+
+
+  if (checker.isHsla(color)) {
+    return (0, _conversors.hslaStringToHsva)(color);
+  } // Check if the color is a rgb string and convert it to rgba and then to hsva
+
+
+  if (checker.isRgb(color)) {
+    return (0, _conversors.rgbaToHsva)((0, _conversors.rgbStringToRgba)(color));
+  } // Check if the color is a rgba string and convert it to rgba and then to hsva
+
+
+  if (checker.isRgba(color)) {
+    return (0, _conversors.rgbaToHsva)((0, _conversors.rgbaStringToRgba)(color));
+  }
+
+  return {
+    h: 0,
+    s: 0,
+    v: 0,
+    a: 1
+  };
+};
+/**
+ * This function gets the color mode from the color string
+ * @param color : Color to check your output mode
+ * @returns : Color mode
+ */
+
+
+exports.colorToHsva = colorToHsva;
+
+var colorMode = function colorMode(color) {
+  if (checker.isHex(color)) {
+    return 'hex';
+  }
+
+  if (checker.isHsl(color)) {
+    return 'hsl';
+  }
+
+  if (checker.isHsla(color)) {
+    return 'hsla';
+  }
+
+  if (checker.isRgb(color)) {
+    return 'rgb';
+  }
+
+  if (checker.isRgba(color)) {
+    return 'rgba';
+  }
+
+  return 'unknown';
+};
+/**
+ * This function converts a hsva color object to a string color
+ * @param hsva : hsva color object
+ * @param colorMode : Color output mode
+ * @returns : Color string
+ */
+
+
+exports.colorMode = colorMode;
+
+var colorFromHsva = function colorFromHsva(hsva, colorMode) {
+  switch (colorMode) {
+    case 'hex':
+      return (0, _conversors.rgbaToHex)((0, _conversors.hsvaToRgba)(hsva));
+
+    case 'hsl':
+      return (0, _conversors.rgbaStringToHslString)((0, _conversors.rgbaToRgbaString)((0, _conversors.hsvaToRgba)(hsva)));
+
+    case 'hsla':
+      return (0, _conversors.rgbaStringToHslaString)((0, _conversors.rgbaToRgbaString)((0, _conversors.hsvaToRgba)(hsva)));
+
+    case 'rgb':
+      return (0, _conversors.rgbaStringToRgbString)((0, _conversors.rgbaToRgbaString)((0, _conversors.hsvaToRgba)(hsva)));
+
+    case 'rgba':
+      return (0, _conversors.rgbaToRgbaString)((0, _conversors.hsvaToRgba)(hsva));
+
+    default:
+      return 'unknown';
+  }
+};
+/**
+ * This function converts a color string to output color mode
+ * @param color : Color string;
+ * @param outputMode : Color output mode;
+ * @returns : Color string
+ */
+
+
+exports.colorFromHsva = colorFromHsva;
+
+var colorToOutputMode = function colorToOutputMode(color, outputMode) {
+  switch (outputMode) {
+    case 'rgba':
+      return color;
+
+    case 'hex':
+      return (0, _conversors.rgbaStringToHex)(color);
+
+    case 'rgb':
+      return (0, _conversors.rgbaStringToRgbString)(color);
+
+    case 'hsl':
+      return (0, _conversors.rgbaStringToHslString)(color);
+
+    case 'hsla':
+      return (0, _conversors.rgbaStringToHslaString)(color);
+
+    default:
+      return outputMode;
+  }
+};
+
+exports.colorToOutputMode = colorToOutputMode;

package/dist/components/DatePicker/components/DatePickerContent.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DatePickerContentProps } from '../types';
+export declare const DatePickerContent: ({ type, date, startDate, endDate, isInTheRange, maxDate, minDate, handleChange, handleMouseOver, handleChangeDate, variant, enableYearPicker, handleToggleYearPicker, }: DatePickerContentProps) => JSX.Element;
+//# sourceMappingURL=DatePickerContent.d.ts.map

package/dist/components/DatePicker/components/DatePickerContent.d.ts.map

@@ -0,0 +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,4KAc3B,sBAAsB,gBAuNxB,CAAC"}

package/dist/components/DatePicker/components/DatePickerContent.js

@@ -0,0 +1,203 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DatePickerContent = void 0;
+
+var _framerMotion = require("framer-motion");
+
+var _Icon = _interopRequireDefault(require("../../Icon"));
+
+var _styles = require("../styles");
+
+var _getMonthName = require("../utils/getMonthName");
+
+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) 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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; }
+
+var DatePickerContent = function DatePickerContent(_ref) {
+  var type = _ref.type,
+      date = _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;
+
+  var handleChangeSelectDate = function handleChangeSelectDate(newDate) {
+    if (date.getMonth() !== newDate.getMonth() || date.getFullYear() !== newDate.getFullYear()) {
+      handleChangeDate(newDate);
+    }
+
+    handleChange(newDate);
+  };
+
+  var handleChangeMonth = function handleChangeMonth(month, to) {
+    if (maxDate || minDate) {
+      var newDate = new Date(date);
+      newDate.setMonth(newDate.getMonth() + (to === 'up' ? 1 : -1));
+
+      if (maxDate && newDate > maxDate || minDate && newDate < minDate) {
+        return;
+      }
+
+      handleChangeDate(newDate);
+    }
+
+    var newMonth = to === 'up' ? month + 1 > 11 ? 0 : month + 1 : month - 1 < 0 ? 11 : month - 1;
+    var newYear = to === 'up' ? month + 1 > 11 && date.getFullYear() + 1 : to === 'down' && month - 1 < 0 && date.getFullYear() - 1;
+    handleChangeDate(new Date(newYear || date.getFullYear(), newMonth, 1));
+  };
+
+  var getMonthDays = function getMonthDays(month, year) {
+    var days = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+
+    if (month === 1) {
+      if (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) {
+        return new Array(29).fill(0).map(function (_, index) {
+          return index + 1;
+        });
+      }
+    }
+
+    return new Array(days[month]).fill(0).map(function (_, index) {
+      return index + 1;
+    });
+  };
+
+  var getMonthDaysWithWeekDays = function getMonthDaysWithWeekDays(month, year) {
+    var isExtended = variant === 'extended';
+    var days = getMonthDays(month, year);
+    var firstDay = new Date(year, month, 1).getDay();
+    var lastDay = new Date(year, month + 1, 0).getDay();
+    var daysWithPrevMonthDays = new Array(firstDay).fill(0).map(function (_, index) {
+      var checkYear = month === 0 ? year - 1 : year;
+      var checkMonth = month === 0 ? 11 : month - 1;
+      var prevMonthDays = getMonthDays(checkMonth, checkYear);
+      return !isExtended ? prevMonthDays[prevMonthDays.length - index - 1] : _;
+    });
+    var daysWithNextMonthDays = new Array(6 - lastDay).fill(0).map(function (_, index) {
+      return !isExtended ? index + 1 : _;
+    });
+    var allDaysWithWeekDays = [].concat(_toConsumableArray(daysWithPrevMonthDays.reverse()), _toConsumableArray(days), _toConsumableArray(daysWithNextMonthDays));
+    var groupedDaysWithWeekDays = [];
+
+    for (var i = 0; i < allDaysWithWeekDays.length; i += 7) {
+      groupedDaysWithWeekDays.push(allDaysWithWeekDays.slice(i, i + 7));
+    }
+
+    return groupedDaysWithWeekDays;
+  };
+
+  return /*#__PURE__*/React.createElement(_framerMotion.motion.div, {
+    initial: {
+      opacity: 0
+    },
+    animate: {
+      opacity: 1
+    },
+    exit: {
+      opacity: 0
+    },
+    transition: {
+      duration: 0.2
+    }
+  }, /*#__PURE__*/React.createElement(_styles.DatePickerContainer, {
+    tabIndex: -1
+  }, /*#__PURE__*/React.createElement(_styles.DatePickerHeader, null, /*#__PURE__*/React.createElement(_styles.DatePickerHeaderButton, {
+    onClick: function onClick() {
+      return handleChangeMonth(date.getMonth(), 'down');
+    },
+    isHidden: minDate && minDate.toLocaleString() === date.toLocaleString()
+  }, /*#__PURE__*/React.createElement(_Icon.default, {
+    name: "arrow-left"
+  })), /*#__PURE__*/React.createElement(_styles.DatePickerHeaderTitle, {
+    onClick: function onClick() {
+      return handleToggleYearPicker === null || handleToggleYearPicker === void 0 ? void 0 : handleToggleYearPicker();
+    },
+    enableYearPicker: enableYearPicker
+  }, (0, _getMonthName.getMonthName)(date.getMonth()), " ", date.getFullYear(), enableYearPicker && /*#__PURE__*/React.createElement(_Icon.default, {
+    name: "edit",
+    size: "15px"
+  })), /*#__PURE__*/React.createElement(_styles.DatePickerHeaderButton, {
+    onClick: function onClick() {
+      return handleChangeMonth(date.getMonth(), 'up');
+    },
+    isHidden: maxDate && maxDate.toLocaleString() === date.toLocaleString()
+  }, /*#__PURE__*/React.createElement(_Icon.default, {
+    name: "arrow-right"
+  }))), /*#__PURE__*/React.createElement(_styles.DatePickerBody, null, /*#__PURE__*/React.createElement(_styles.DatePickerBodyTable, {
+    role: "table"
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null, "D"), /*#__PURE__*/React.createElement("th", null, "S"), /*#__PURE__*/React.createElement("th", null, "T"), /*#__PURE__*/React.createElement("th", null, "Q"), /*#__PURE__*/React.createElement("th", null, "Q"), /*#__PURE__*/React.createElement("th", null, "S"), /*#__PURE__*/React.createElement("th", null, "S"))), /*#__PURE__*/React.createElement("tbody", null, getMonthDaysWithWeekDays(date.getMonth(), date.getFullYear()).map(function (days, rowIndex) {
+    return /*#__PURE__*/React.createElement(_styles.DatePickerTableRow, {
+      key: rowIndex,
+      role: "row",
+      isRange: type === 'range'
+    }, days.map(function (day, dayIndex) {
+      var monthDaysLength = getMonthDaysWithWeekDays(date.getMonth(), date.getFullYear()).length;
+      var isPreviousMonth = !!(rowIndex === 0 && day > 7);
+      var isNextMonth = !!(rowIndex === monthDaysLength - 1 && day < 7);
+      var dateMonth = isPreviousMonth ? date.getMonth() - 1 : isNextMonth ? date.getMonth() + 1 : date.getMonth();
+      var cellDate = new Date(date.getFullYear(), dateMonth, day);
+      var cellTitle = cellDate.toLocaleDateString();
+      var isToday = cellDate.toLocaleDateString() === new Date().toLocaleDateString();
+      var isStartDateOfRange = cellDate.toLocaleDateString() === startDate.toLocaleDateString();
+      var isEndDateOfRange = cellDate.toLocaleDateString() === endDate.toLocaleDateString();
+      var isDisabled = day === 0;
+      var isExtended = variant === 'extended';
+      var removeZeros = days.filter(function (day) {
+        return day !== 0;
+      });
+      return /*#__PURE__*/React.createElement(_styles.DatePickerTableCell, {
+        key: dayIndex,
+        role: "gridcell",
+        title: cellTitle,
+        "data-date": cellDate,
+        tabIndex: -1,
+        disabled: isDisabled,
+        "aria-label": cellDate.toLocaleDateString('pt-BR', {
+          weekday: 'short',
+          year: '2-digit',
+          month: '2-digit',
+          day: '2-digit'
+        }),
+        "aria-selected": type === 'range' ? isStartDateOfRange || isEndDateOfRange || isInTheRange(cellDate) : isStartDateOfRange,
+        "aria-disabled": isDisabled,
+        isInTheRange: type === 'range' && isInTheRange(cellDate),
+        isStartDateOfRange: type === 'range' && isStartDateOfRange,
+        isEndDateOfRange: type === 'range' && isEndDateOfRange,
+        isToday: isToday,
+        isSelected: isStartDateOfRange,
+        isPrevNextMonth: isPreviousMonth || isNextMonth,
+        isFirstDayOfMonth: isExtended && rowIndex === 0 && day === 1,
+        isLastDayOfMonth: isExtended && rowIndex === monthDaysLength - 1 && day === removeZeros[removeZeros.length - 1],
+        onMouseOver: function onMouseOver() {
+          type === 'range' && handleMouseOver(cellDate);
+        },
+        onClick: function onClick() {
+          return handleChangeSelectDate(cellDate);
+        }
+      }, /*#__PURE__*/React.createElement(_styles.DatePickerTableCellSpan, null, isDisabled ? '' : day));
+    }));
+  }))))));
+};
+
+exports.DatePickerContent = DatePickerContent;

package/dist/components/DatePicker/components/DateYearPicker.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DateYearPickerProps } from '../types';
+export declare const DateYearPicker: ({ date, handleChangeDate }: DateYearPickerProps) => JSX.Element;
+//# sourceMappingURL=DateYearPicker.d.ts.map