@pedidopago/ui 1.0.9 → 1.1.3

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

@@ -1,8 +1,8 @@
-export declare const isRgba: (color: string) => boolean;
-export declare const isHex: (color: string) => boolean;
-export declare const isHsl: (color: string) => boolean;
-export declare const isHsla: (color: string) => boolean;
-export declare const isRgb: (color: string) => boolean;
-export declare const isHsva: (color: string) => boolean;
-export declare const isAValidColor: (color: string) => boolean;
+export declare const isRgba: (color: string) => boolean;
+export declare const isHex: (color: string) => boolean;
+export declare const isHsl: (color: string) => boolean;
+export declare const isHsla: (color: string) => boolean;
+export declare const isRgb: (color: string) => boolean;
+export declare const isHsva: (color: string) => boolean;
+export declare const isAValidColor: (color: string) => boolean;
 //# sourceMappingURL=checkers.d.ts.map

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

@@ -1,61 +1,61 @@
-import { IHsvaObject } from './../types';
-export declare const hexStringToRgba: (hex: string) => {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-};
-export declare const hsvaToRgba: (hsva: IHsvaObject) => Record<string, number>;
-export declare const hsvaToRgbaString: (hsva: IHsvaObject) => string;
-export declare const hsvaToHslaString: (hsva: IHsvaObject) => string;
-export declare const hsvaToHsla: ({ h, s, v, a, }: IHsvaObject) => {
-    h: number;
-    s: number;
-    l: number;
-    a: number;
-};
-export declare const hslaToHsva: ({ h, s, l, a, }: {
-    h: number;
-    s: number;
-    l: number;
-    a: number;
-}) => IHsvaObject;
-export declare const hslaStringToHsva: (hsla: string) => IHsvaObject;
-export declare const hslStringToHsva: (hsl: string) => IHsvaObject;
-export declare const rgbaToHsva: (rgba: Record<string, number>) => {
-    h: number;
-    s: number;
-    v: number;
-    a: number;
-};
-export declare const rgbaStringToHsva: (rgba: string) => {
-    h: number;
-    s: number;
-    v: number;
-    a: number;
-};
-export declare const rgbaStringToRgba: (rgba: string) => {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-};
-export declare const rgbaStringToHsla: (rgba: string) => {
-    h: number;
-    s: number;
-    l: number;
-    a: number;
-};
-export declare const rgbaStringToHslString: (rgba: string) => string;
-export declare const rgbaStringToHslaString: (rgba: string) => string;
-export declare const rgbaToRgbaString: (rgba: Record<string, number>) => string;
-export declare const rgbaToHex: (rgba: Record<string, number>) => string;
-export declare const rgbaStringToHex: (rgba: string) => string;
-export declare const rgbaStringToRgbString: (rgba: string) => string;
-export declare const rgbStringToRgba: (rgb: string) => {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-};
+import { IHsvaObject } from './../types';
+export declare const hexStringToRgba: (hex: string) => {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+export declare const hsvaToRgba: (hsva: IHsvaObject) => Record<string, number>;
+export declare const hsvaToRgbaString: (hsva: IHsvaObject) => string;
+export declare const hsvaToHslaString: (hsva: IHsvaObject) => string;
+export declare const hsvaToHsla: ({ h, s, v, a, }: IHsvaObject) => {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+};
+export declare const hslaToHsva: ({ h, s, l, a, }: {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+}) => IHsvaObject;
+export declare const hslaStringToHsva: (hsla: string) => IHsvaObject;
+export declare const hslStringToHsva: (hsl: string) => IHsvaObject;
+export declare const rgbaToHsva: (rgba: Record<string, number>) => {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+};
+export declare const rgbaStringToHsva: (rgba: string) => {
+    h: number;
+    s: number;
+    v: number;
+    a: number;
+};
+export declare const rgbaStringToRgba: (rgba: string) => {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+export declare const rgbaStringToHsla: (rgba: string) => {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+};
+export declare const rgbaStringToHslString: (rgba: string) => string;
+export declare const rgbaStringToHslaString: (rgba: string) => string;
+export declare const rgbaToRgbaString: (rgba: Record<string, number>) => string;
+export declare const rgbaToHex: (rgba: Record<string, number>) => string;
+export declare const rgbaStringToHex: (rgba: string) => string;
+export declare const rgbaStringToRgbString: (rgba: string) => string;
+export declare const rgbStringToRgba: (rgb: string) => {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
 //# sourceMappingURL=conversors.d.ts.map

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

@@ -1,28 +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;
+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/DatePicker/components/DatePickerContent.d.ts

@@ -1,4 +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;
+/// <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.js

@@ -13,6 +13,8 @@ var _styles = require("../styles");
 
 var _getMonthName = require("../utils/getMonthName");
 
+var _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(); }
@@ -107,7 +109,7 @@ var DatePickerContent = function DatePickerContent(_ref) {
     return groupedDaysWithWeekDays;
   };
 
-  return /*#__PURE__*/React.createElement(_framerMotion.motion.div, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, {
     initial: {
       opacity: 0
     },
@@ -119,85 +121,117 @@ var DatePickerContent = function DatePickerContent(_ref) {
     },
     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));
-    }));
-  }))))));
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DatePickerContainer, {
+      tabIndex: -1,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DatePickerHeader, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DatePickerHeaderButton, {
+          onClick: function onClick() {
+            return handleChangeMonth(date.getMonth(), 'down');
+          },
+          isHidden: minDate && minDate.toLocaleString() === date.toLocaleString(),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "arrow-left"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DatePickerHeaderTitle, {
+          onClick: function onClick() {
+            return handleToggleYearPicker === null || handleToggleYearPicker === void 0 ? 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, {
+          onClick: function onClick() {
+            return handleChangeMonth(date.getMonth(), 'up');
+          },
+          isHidden: maxDate && maxDate.toLocaleString() === date.toLocaleString(),
+          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: type === 'range',
+                children: 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__*/(0, _jsxRuntime.jsx)(_styles.DatePickerTableCell, {
+                    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);
+                    },
+                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DatePickerTableCellSpan, {
+                      children: isDisabled ? '' : day
+                    })
+                  }, dayIndex);
+                })
+              }, rowIndex);
+            })
+          })]
+        })
+      })]
+    })
+  });
 };
 
 exports.DatePickerContent = DatePickerContent;

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

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

package/dist/components/DatePicker/components/DateYearPicker.js

@@ -15,6 +15,8 @@ var _styles = require("../styles");
 
 var _getMonthName = require("../utils/getMonthName");
 
+var _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(); }
@@ -51,7 +53,7 @@ var DateYearPicker = function DateYearPicker(_ref) {
     handleChangeDate(new Date(year, month, 1));
   };
 
-  return /*#__PURE__*/React.createElement(_framerMotion.motion.div, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, {
     initial: {
       opacity: 0
     },
@@ -63,37 +65,48 @@ var DateYearPicker = function DateYearPicker(_ref) {
     },
     transition: {
       duration: 0.2
-    }
-  }, /*#__PURE__*/React.createElement(_styles.DateYearPickerContainer, null, /*#__PURE__*/React.createElement(_styles.DatePickerHeader, null, /*#__PURE__*/React.createElement(_styles.DatePickerHeaderButton, {
-    onClick: function onClick() {
-      setYears(years - 10);
-      setYear(0);
-    }
-  }, /*#__PURE__*/React.createElement(_Icon.default, {
-    name: "arrow-left"
-  })), /*#__PURE__*/React.createElement(_styles.DatePickerHeaderTitle, null, year === 0 ? "".concat(years - 5, "-").concat(years + 14) : year), /*#__PURE__*/React.createElement(_styles.DatePickerHeaderButton, {
-    onClick: function onClick() {
-      setYears(years + 10);
-      setYear(0);
-    }
-  }, /*#__PURE__*/React.createElement(_Icon.default, {
-    name: "arrow-right"
-  }))), /*#__PURE__*/React.createElement(_styles.DateYearPickerBody, null, year === 0 ? yearsInterval.map(function (y) {
-    return /*#__PURE__*/React.createElement(_styles.DateYearPickerCell, {
-      key: y,
-      onClick: function onClick() {
-        return setYear(y);
-      },
-      isSelected: date.getFullYear() === y
-    }, y);
-  }) : new Array(12).fill(0).map(function (_, index) {
-    return /*#__PURE__*/React.createElement(_styles.DateYearPickerCell, {
-      key: _,
-      onClick: function onClick() {
-        return handleSelectMonth(index);
-      }
-    }, (0, _getMonthName.getMonthName)(index).substring(0, 3).toUpperCase());
-  }))));
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DateYearPickerContainer, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DatePickerHeader, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DatePickerHeaderButton, {
+          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: year === 0 ? "".concat(years - 5, "-").concat(years + 14) : year
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DatePickerHeaderButton, {
+          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: year === 0 ? yearsInterval.map(function (y) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DateYearPickerCell, {
+            onClick: function onClick() {
+              return setYear(y);
+            },
+            isSelected: date.getFullYear() === y,
+            children: y
+          }, y);
+        }) : new Array(12).fill(0).map(function (_, index) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DateYearPickerCell, {
+            onClick: function onClick() {
+              return handleSelectMonth(index);
+            },
+            children: (0, _getMonthName.getMonthName)(index).substring(0, 3).toUpperCase()
+          }, _);
+        })
+      })]
+    })
+  });
 };
 
 exports.DateYearPicker = DateYearPicker;

package/dist/components/DatePicker/datepicker.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=datepicker.test.d.ts.map

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

@@ -6,10 +6,18 @@ 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 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var setup = function setup(props) {
-  return (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props));
+  return (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
 };
 
 describe('DatePicker', function () {

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { DatePickerProps } from './types';
-declare const DatePicker: ({ value, onChange, minDate, maxDate, variant, color, type, }: DatePickerProps) => JSX.Element;
-export default DatePicker;
+/// <reference types="react" />
+import { DatePickerProps } from './types';
+declare const DatePicker: ({ value, onChange, minDate, maxDate, variant, color, type, }: DatePickerProps) => JSX.Element;
+export default DatePicker;
 //# sourceMappingURL=index.d.ts.map