@cashub/ui 0.9.0 → 0.9.1

package/cropper/subComponent/CropImageModal.js

@@ -9,7 +9,7 @@ var _react = require("react");
 
 var _reactI18next = require("react-i18next");
 
-var _resize = _interopRequireDefault(require("../../utils/image/resize"));
+var _utils = require("@cashub/utils");
 
 var _Cropper = _interopRequireDefault(require("../Cropper"));
 
@@ -75,7 +75,7 @@ var CropImageModal = function CropImageModal(_ref) {
   };
 
   (0, _react.useEffect)(function () {
-    (0, _resize.default)(src, mime, width > height ? width : height, 'cover', function (resizedImageUrl) {
+    (0, _utils.resizeImage)(src, mime, width > height ? width : height, 'cover', function (resizedImageUrl) {
       setResizedImage(resizedImageUrl);
     });
   }, [src, mime, height, width]);

package/datetimePicker/DatePickerV2.js

@@ -23,8 +23,6 @@ var _Button = _interopRequireDefault(require("../button/Button"));
 
 var _Input = _interopRequireDefault(require("../form/Input"));
 
-var _datetimeFormat = _interopRequireDefault(require("../utils/format/datetimeFormat"));
-
 var _Month = _interopRequireDefault(require("./accordion/Month"));
 
 var _Year = _interopRequireDefault(require("./accordion/Year"));
@@ -87,17 +85,17 @@ var DatePickerV2 = function DatePickerV2(_ref) {
       toggleElement = _useState2[0],
       setToggleElement = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(selected ? (0, _datetimeFormat.default)(selected) : ''),
+  var _useState3 = (0, _react.useState)(selected ? (0, _utils.datetimeTFormat)(selected) : ''),
       _useState4 = _slicedToArray(_useState3, 2),
       inputValue = _useState4[0],
       setInputValue = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(selected ? (0, _datetimeFormat.default)((0, _GMTDate.default)(selected)) : (0, _datetimeFormat.default)((0, _GMTDate.default)(new Date()))),
+  var _useState5 = (0, _react.useState)(selected ? (0, _utils.datetimeTFormat)((0, _GMTDate.default)(selected)) : (0, _utils.datetimeTFormat)((0, _GMTDate.default)(new Date()))),
       _useState6 = _slicedToArray(_useState5, 2),
       selectedDate = _useState6[0],
       setSelectedDate = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(selected ? (0, _datetimeFormat.default)(selected) : ''),
+  var _useState7 = (0, _react.useState)(selected ? (0, _utils.datetimeTFormat)(selected) : ''),
       _useState8 = _slicedToArray(_useState7, 2),
       confirmDate = _useState8[0],
       setConfirmDate = _useState8[1];
@@ -161,7 +159,7 @@ var DatePickerV2 = function DatePickerV2(_ref) {
       date.setFullYear(date.getFullYear() + 1);
     }
 
-    setSelectedDate((0, _datetimeFormat.default)(date));
+    setSelectedDate((0, _utils.datetimeTFormat)(date));
     setAccordionCurrentDisplayType(null);
   };
 
@@ -174,7 +172,7 @@ var DatePickerV2 = function DatePickerV2(_ref) {
       date.setMonth(date.getMonth() >= 11 ? 0 : date.getMonth() + 1);
     }
 
-    setSelectedDate((0, _datetimeFormat.default)(date));
+    setSelectedDate((0, _utils.datetimeTFormat)(date));
     setAccordionCurrentDisplayType(null);
   };
 
@@ -210,8 +208,8 @@ var DatePickerV2 = function DatePickerV2(_ref) {
       }
 
       date.setDate(day);
-      setSelectedDate((0, _datetimeFormat.default)(date));
-      setConfirmDate((0, _datetimeFormat.default)(date));
+      setSelectedDate((0, _utils.datetimeTFormat)(date));
+      setConfirmDate((0, _utils.datetimeTFormat)(date));
     } else if (fixedYear) {
       if (dayIndex < firstWeekOfMonth) {
         if (selectedMonth === 0) {
@@ -228,8 +226,8 @@ var DatePickerV2 = function DatePickerV2(_ref) {
       }
 
       date.setDate(day);
-      setSelectedDate((0, _datetimeFormat.default)(date));
-      setConfirmDate((0, _datetimeFormat.default)(date));
+      setSelectedDate((0, _utils.datetimeTFormat)(date));
+      setConfirmDate((0, _utils.datetimeTFormat)(date));
     }
   }, [fixedYear, selectedDate]);
   var handleDisabled = (0, _react.useCallback)(function (firstWeekOfMonth, lastWeekOfMonth, daysOfMonthForSelectedDate, dayIndex, day) {
@@ -273,8 +271,8 @@ var DatePickerV2 = function DatePickerV2(_ref) {
     if (year.length === 1) year = "000".concat(year);
     if (year.length === 2) year = "00".concat(year);
     if (year.length === 3) year = "0".concat(year);
-    var compareMinDateDate = (0, _utils.formatDate)((0, _datetimeFormat.default)(new Date((0, _GMTDate.default)((0, _utils.formatDate)(new Date("".concat(year, "-").concat(month, "-").concat(myDay))), 'date')).setHours(23, 59, 59, 59)));
-    var compareMaxDateDate = (0, _utils.formatDate)((0, _datetimeFormat.default)(new Date((0, _GMTDate.default)((0, _utils.formatDate)(new Date("".concat(year, "-").concat(month, "-").concat(myDay))), 'date')).setHours(0, 0, 0, 0)));
+    var compareMinDateDate = (0, _utils.formatDate)((0, _utils.datetimeTFormat)(new Date((0, _GMTDate.default)((0, _utils.formatDate)(new Date("".concat(year, "-").concat(month, "-").concat(myDay))), 'date')).setHours(23, 59, 59, 59)));
+    var compareMaxDateDate = (0, _utils.formatDate)((0, _utils.datetimeTFormat)(new Date((0, _GMTDate.default)((0, _utils.formatDate)(new Date("".concat(year, "-").concat(month, "-").concat(myDay))), 'date')).setHours(0, 0, 0, 0)));
 
     if (minDate && !maxDate && minDate > compareMinDateDate) {
       return true;
@@ -368,8 +366,8 @@ var DatePickerV2 = function DatePickerV2(_ref) {
   }, []);
   (0, _react.useEffect)(function () {
     if (!selected) return;
-    setSelectedDate((0, _datetimeFormat.default)(selected));
-    setConfirmDate((0, _datetimeFormat.default)(selected));
+    setSelectedDate((0, _utils.datetimeTFormat)(selected));
+    setConfirmDate((0, _utils.datetimeTFormat)(selected));
   }, [selected]);
   (0, _react.useEffect)(function () {
     if (!confirmDate) return;

package/datetimePicker/DatetimePickerV2.js

@@ -21,8 +21,6 @@ var _utils = require("@cashub/utils");
 
 var _DateTimePickerContext = _interopRequireDefault(require("./subComponent/DateTimePickerContext"));
 
-var _datetimeFormat = _interopRequireDefault(require("../utils/format/datetimeFormat"));
-
 var _Button = _interopRequireDefault(require("../button/Button"));
 
 var _Input = _interopRequireDefault(require("../form/Input"));
@@ -90,17 +88,17 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
       toggleElement = _useState2[0],
       setToggleElement = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(selected ? (0, _datetimeFormat.default)(selected) : ''),
+  var _useState3 = (0, _react.useState)(selected ? (0, _utils.datetimeTFormat)(selected) : ''),
       _useState4 = _slicedToArray(_useState3, 2),
       inputValue = _useState4[0],
       setInputValue = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(selected ? (0, _datetimeFormat.default)((0, _GMTDate.default)(selected)) : (0, _datetimeFormat.default)((0, _GMTDate.default)(new Date()))),
+  var _useState5 = (0, _react.useState)(selected ? (0, _utils.datetimeTFormat)((0, _GMTDate.default)(selected)) : (0, _utils.datetimeTFormat)((0, _GMTDate.default)(new Date()))),
       _useState6 = _slicedToArray(_useState5, 2),
       selectedDate = _useState6[0],
       setSelectedDate = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(selected ? (0, _datetimeFormat.default)(selected) : ''),
+  var _useState7 = (0, _react.useState)(selected ? (0, _utils.datetimeTFormat)(selected) : ''),
       _useState8 = _slicedToArray(_useState7, 2),
       confirmDate = _useState8[0],
       setConfirmDate = _useState8[1];
@@ -116,7 +114,7 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
       setContentElement = _useState12[1];
 
   var _useState13 = (0, _react.useState)(function () {
-    var date = new Date((0, _datetimeFormat.default)(selected ? selected : (0, _utils.formatDate)(new Date())));
+    var date = new Date((0, _utils.datetimeTFormat)(selected ? selected : (0, _utils.formatDate)(new Date())));
     if (!selected) date.setHours(0, 0, 0, 0);
     return "".concat(date.getHours(), ":").concat(date.getMinutes(), ":").concat(date.getSeconds());
   }),
@@ -177,7 +175,7 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
       date.setFullYear(date.getFullYear() + 1);
     }
 
-    setSelectedDate((0, _datetimeFormat.default)(date));
+    setSelectedDate((0, _utils.datetimeTFormat)(date));
     setAccordionCurrentDisplayType(null);
   };
 
@@ -190,7 +188,7 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
       date.setMonth(date.getMonth() >= 11 ? 0 : date.getMonth() + 1);
     }
 
-    setSelectedDate((0, _datetimeFormat.default)(date));
+    setSelectedDate((0, _utils.datetimeTFormat)(date));
     setAccordionCurrentDisplayType(null);
   };
 
@@ -230,8 +228,8 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
       }
 
       date.setDate(day);
-      setSelectedDate((0, _datetimeFormat.default)(date));
-      setConfirmDate((0, _datetimeFormat.default)(date));
+      setSelectedDate((0, _utils.datetimeTFormat)(date));
+      setConfirmDate((0, _utils.datetimeTFormat)(date));
     } else if (fixedYear) {
       if (dayIndex < firstWeekOfMonth) {
         if (selectedMonth === 0) {
@@ -248,8 +246,8 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
       }
 
       date.setDate(day);
-      setSelectedDate((0, _datetimeFormat.default)(date));
-      setConfirmDate((0, _datetimeFormat.default)(date));
+      setSelectedDate((0, _utils.datetimeTFormat)(date));
+      setConfirmDate((0, _utils.datetimeTFormat)(date));
     }
   }, [fixedYear, selectedDate]);
   var handleDisabled = (0, _react.useCallback)(function (firstWeekOfMonth, lastWeekOfMonth, daysOfMonthForSelectedDate, dayIndex, day) {
@@ -293,8 +291,8 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
     if (year.length === 2) year = "00".concat(year);
     if (year.length === 3) year = "0".concat(year);
     if (month.toString().length === 1) month = "0".concat(month);else month = month.toString();
-    var compareMinDateDate = (0, _utils.formatDate)((0, _datetimeFormat.default)(new Date((0, _GMTDate.default)((0, _utils.formatDate)(new Date("".concat(year, "-").concat(month, "-").concat(myDay))), 'date')).setHours(23, 59, 59, 59)));
-    var compareMaxDateDate = (0, _utils.formatDate)((0, _datetimeFormat.default)(new Date((0, _GMTDate.default)((0, _utils.formatDate)(new Date("".concat(year, "-").concat(month, "-").concat(myDay))), 'date')).setHours(0, 0, 0, 0)));
+    var compareMinDateDate = (0, _utils.formatDate)((0, _utils.datetimeTFormat)(new Date((0, _GMTDate.default)((0, _utils.formatDate)(new Date("".concat(year, "-").concat(month, "-").concat(myDay))), 'date')).setHours(23, 59, 59, 59)));
+    var compareMaxDateDate = (0, _utils.formatDate)((0, _utils.datetimeTFormat)(new Date((0, _GMTDate.default)((0, _utils.formatDate)(new Date("".concat(year, "-").concat(month, "-").concat(myDay))), 'date')).setHours(0, 0, 0, 0)));
 
     if (minDate && !maxDate && minDate > compareMinDateDate) {
       return true;
@@ -388,7 +386,7 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
   }, []);
   (0, _react.useEffect)(function () {
     if (!selected) return;
-    var date = (0, _datetimeFormat.default)(selected);
+    var date = (0, _utils.datetimeTFormat)(selected);
 
     var _date$split = date.split('T'),
         _date$split2 = _slicedToArray(_date$split, 2),

package/datetimePicker/TimePicker.js

@@ -15,12 +15,12 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _lodash = _interopRequireDefault(require("lodash.uniqueid"));
 
+var _utils = require("@cashub/utils");
+
 var _hooks = require("./hooks");
 
 var _pad = _interopRequireDefault(require("./utils/pad"));
 
-var _keycode = _interopRequireDefault(require("../utils/aria/keycode"));
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
@@ -270,15 +270,15 @@ var useKeyUp = function useKeyUp(increase, decrease, min, max, setState, name) {
     var key = event.keyCode;
 
     switch (key) {
-      case _keycode.default.UP:
+      case _utils.KEY_CODE.UP:
         increase();
         break;
 
-      case _keycode.default.DOWN:
+      case _utils.KEY_CODE.DOWN:
         decrease();
         break;
 
-      case _keycode.default.HOME:
+      case _utils.KEY_CODE.HOME:
         setState(function (previous) {
           var newState = _objectSpread({}, previous);
 
@@ -287,7 +287,7 @@ var useKeyUp = function useKeyUp(increase, decrease, min, max, setState, name) {
         });
         break;
 
-      case _keycode.default.END:
+      case _utils.KEY_CODE.END:
         setState(function (previous) {
           var newState = _objectSpread({}, previous);
 

package/datetimePicker/accordion/Month.js

@@ -15,7 +15,7 @@ var _md = require("react-icons/md");
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _datetimeFormat = _interopRequireDefault(require("../../utils/format/datetimeFormat"));
+var _utils = require("@cashub/utils");
 
 var _DateTimePickerContext = _interopRequireDefault(require("../subComponent/DateTimePickerContext"));
 
@@ -51,7 +51,7 @@ var Month = function Month(_ref) {
       var date = new Date(selectedDate);
       date.setDate(1);
       date.setMonth(month);
-      return (0, _datetimeFormat.default)(date);
+      return (0, _utils.datetimeTFormat)(date);
     });
     setAccordionCurrentDisplayType(null);
   }, [setAccordionCurrentDisplayType, setSelectedDate, selectedDate]);
@@ -60,23 +60,23 @@ var Month = function Month(_ref) {
     var maxDayDate;
 
     if (minDate) {
-      minDayDate = new Date((0, _datetimeFormat.default)(minDate));
+      minDayDate = new Date((0, _utils.datetimeTFormat)(minDate));
       minDayDate.setMonth(month);
       minDayDate.setFullYear(new Date(selectedDate).getFullYear());
     }
 
     if (maxDate) {
-      maxDayDate = maxDate && new Date((0, _datetimeFormat.default)(maxDate));
+      maxDayDate = maxDate && new Date((0, _utils.datetimeTFormat)(maxDate));
       maxDayDate.setFullYear(new Date(selectedDate).getFullYear());
       maxDayDate.setMonth(month);
     }
 
     if (minDate !== undefined && maxDate !== undefined) {
-      return new Date((0, _datetimeFormat.default)(minDate)) <= minDayDate && maxDayDate <= new Date((0, _datetimeFormat.default)(maxDate)) ? false : true;
+      return new Date((0, _utils.datetimeTFormat)(minDate)) <= minDayDate && maxDayDate <= new Date((0, _utils.datetimeTFormat)(maxDate)) ? false : true;
     } else if (minDate) {
-      return (0, _datetimeFormat.default)(minDate) <= (0, _datetimeFormat.default)(minDayDate) ? false : true;
+      return (0, _utils.datetimeTFormat)(minDate) <= (0, _utils.datetimeTFormat)(minDayDate) ? false : true;
     } else if (maxDate) {
-      return (0, _datetimeFormat.default)(maxDayDate) <= (0, _datetimeFormat.default)(maxDate) ? false : true;
+      return (0, _utils.datetimeTFormat)(maxDayDate) <= (0, _utils.datetimeTFormat)(maxDate) ? false : true;
     }
 
     return false;
@@ -96,8 +96,8 @@ var Month = function Month(_ref) {
       return false;
     }
 
-    var minDate1st = minDate && new Date((0, _datetimeFormat.default)(minDate));
-    var maxDate1st = maxDate && new Date((0, _datetimeFormat.default)(maxDate));
+    var minDate1st = minDate && new Date((0, _utils.datetimeTFormat)(minDate));
+    var maxDate1st = maxDate && new Date((0, _utils.datetimeTFormat)(maxDate));
 
     if (minDate && !maxDate) {
       minDate1st.setDate(1);

package/datetimePicker/accordion/Year.js

@@ -15,14 +15,12 @@ var _md = require("react-icons/md");
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
+var _utils = require("@cashub/utils");
+
 var _DateTimePickerContext = _interopRequireDefault(require("../subComponent/DateTimePickerContext"));
 
 var _scrollbar = _interopRequireDefault(require("../../styles/mixin/scrollbar"));
 
-var _generateRange = _interopRequireDefault(require("../../utils/array/generateRange"));
-
-var _datetimeFormat = _interopRequireDefault(require("../../utils/format/datetimeFormat"));
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
@@ -76,12 +74,12 @@ var Year = function Year(_ref) {
       yearArr = _useState2[0],
       setYearArr = _useState2[1];
 
-  var minYear = minDate ? new Date((0, _datetimeFormat.default)(minDate)).getFullYear() : 1;
-  var maxYear = maxDate ? new Date((0, _datetimeFormat.default)(maxDate)).getFullYear() : null;
+  var minYear = minDate ? new Date((0, _utils.datetimeTFormat)(minDate)).getFullYear() : 1;
+  var maxYear = maxDate ? new Date((0, _utils.datetimeTFormat)(maxDate)).getFullYear() : null;
   var handleChangeYear = (0, _react.useCallback)(function (year) {
     var data = new Date(selectedDate);
     data.setFullYear(year);
-    setSelectedDate((0, _datetimeFormat.default)(data));
+    setSelectedDate((0, _utils.datetimeTFormat)(data));
     setAccordionCurrentDisplayType(null);
   }, [selectedDate, setAccordionCurrentDisplayType, setSelectedDate]);
   var handleYearItemDisable = (0, _react.useCallback)(function (year) {
@@ -130,7 +128,7 @@ var Year = function Year(_ref) {
     if (!fixedYear) {
       var start = data.getFullYear() - 16 > 0 ? data.getFullYear() - 16 : 1;
       var end = data.getFullYear() + 16;
-      var yearRange = (0, _generateRange.default)(start, end);
+      var yearRange = (0, _utils.generateRange)(start, end);
       setYearArr(yearRange);
     }
   }, [fixedYear, selectedDate]);
@@ -143,7 +141,7 @@ var Year = function Year(_ref) {
         setTimeout(function () {
           setYearArr(function (previousParams) {
             body.addEventListener('scroll', scroll);
-            var addYearRange = (0, _generateRange.default)(previousParams[previousParams.length - 1] + 1, previousParams[previousParams.length - 1] + 15);
+            var addYearRange = (0, _utils.generateRange)(previousParams[previousParams.length - 1] + 1, previousParams[previousParams.length - 1] + 15);
             return [].concat(_toConsumableArray(previousParams), _toConsumableArray(addYearRange));
           });
         }, 400);
@@ -154,7 +152,7 @@ var Year = function Year(_ref) {
             body.addEventListener('scroll', scroll);
 
             if (previousParams[0] - 15 <= 0) {
-              var addYearRange = (0, _generateRange.default)(previousParams[0] - (previousParams[0] - 1), previousParams[0] - 1);
+              var addYearRange = (0, _utils.generateRange)(previousParams[0] - (previousParams[0] - 1), previousParams[0] - 1);
               return [].concat(_toConsumableArray(addYearRange), _toConsumableArray(previousParams));
             } else {
               setTimeout(function () {
@@ -163,7 +161,7 @@ var Year = function Year(_ref) {
                 });
               }, 400);
 
-              var _addYearRange = (0, _generateRange.default)(previousParams[0] - 15, previousParams[0] - 1);
+              var _addYearRange = (0, _utils.generateRange)(previousParams[0] - 15, previousParams[0] - 1);
 
               return [].concat(_toConsumableArray(_addYearRange), _toConsumableArray(previousParams));
             }

package/datetimePicker/subComponent/Accordion.js

@@ -17,8 +17,6 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _utils = require("@cashub/utils");
 
-var _generateRange = _interopRequireDefault(require("../../utils/array/generateRange"));
-
 var _scrollbar = _interopRequireDefault(require("../../styles/mixin/scrollbar"));
 
 var _jsxRuntime = require("react/jsx-runtime");
@@ -228,7 +226,7 @@ var Accordion = function Accordion(_ref) {
     if (!fixedYear) {
       var start = selectedYear - 16 ? selectedYear - 16 : 1;
       var end = selectedYear + 16;
-      var yearRange = (0, _generateRange.default)(start, end);
+      var yearRange = (0, _utils.generateRange)(start, end);
       setYearArr(yearRange);
     }
   }, [fixedYear, selectedYear]);
@@ -246,7 +244,7 @@ var Accordion = function Accordion(_ref) {
         setTimeout(function () {
           setYearArr(function (previousParams) {
             body.addEventListener('scroll', scroll);
-            var addYearRange = (0, _generateRange.default)(previousParams[0] - 15, previousParams[0] - 1);
+            var addYearRange = (0, _utils.generateRange)(previousParams[0] - 15, previousParams[0] - 1);
             return [].concat(_toConsumableArray(addYearRange), _toConsumableArray(previousParams));
           });
         }, 400);
@@ -255,7 +253,7 @@ var Accordion = function Accordion(_ref) {
         setTimeout(function () {
           setYearArr(function (previousParams) {
             body.addEventListener('scroll', scroll);
-            var addYearRange = (0, _generateRange.default)(previousParams[previousParams.length - 1] + 1, previousParams[previousParams.length - 1] + 15);
+            var addYearRange = (0, _utils.generateRange)(previousParams[previousParams.length - 1] + 1, previousParams[previousParams.length - 1] + 15);
             return [].concat(_toConsumableArray(previousParams), _toConsumableArray(addYearRange));
           });
         }, 400);

package/datetimePicker/utils/GMTDate.js

@@ -7,13 +7,9 @@ exports.default = void 0;
 
 var _utils = require("@cashub/utils");
 
-var _datetimeFormat = _interopRequireDefault(require("../../utils/format/datetimeFormat"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var GMTDate = function GMTDate(date) {
   if (!date) return;
-  var newDate = new Date((0, _datetimeFormat.default)(date));
+  var newDate = new Date((0, _utils.datetimeTFormat)(date));
   newDate.setTime(newDate.getTime() + newDate.getTimezoneOffset() * 60 * 1000);
   newDate = (0, _utils.formatDate)(newDate);
   return newDate;

package/dropzone/FileDropzone.js

@@ -19,8 +19,6 @@ var _utils = require("@cashub/utils");
 
 var _media = _interopRequireDefault(require("../styles/mixin/media"));
 
-var _keycode = _interopRequireDefault(require("../utils/aria/keycode"));
-
 var _file = _interopRequireDefault(require("../assets/icons/file.svg"));
 
 var _HiddenFileInput = _interopRequireDefault(require("../file/HiddenFileInput"));
@@ -164,7 +162,7 @@ var FileDropzone = function FileDropzone(_ref) {
     var key = event.keyCode;
 
     switch (key) {
-      case _keycode.default.ENTER:
+      case _utils.KEY_CODE.ENTER:
         handleClick();
         break;
 
@@ -176,7 +174,7 @@ var FileDropzone = function FileDropzone(_ref) {
     var key = event.keyCode;
 
     switch (key) {
-      case _keycode.default.ENTER:
+      case _utils.KEY_CODE.ENTER:
         event.preventDefault();
         break;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "private": false,
   "author": "CASHUB Team",
   "description": "CASHUB UI components library",
@@ -11,7 +11,7 @@
   "license": "MIT",
   "dependencies": {
     "@cashub/hooks": "^0.2.0",
-    "@cashub/utils": "^0.3.0",
+    "@cashub/utils": "^0.4.0",
     "@popperjs/core": "^2.11.5",
     "@yaireo/tagify": "^4.12.0",
     "chart.js": "^3.8.0",

package/select/InputSelect.js

@@ -11,7 +11,7 @@ var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-cl
 
 var _hooks = require("@cashub/hooks");
 
-var _keycode = _interopRequireDefault(require("../utils/aria/keycode"));
+var _utils = require("@cashub/utils");
 
 var _Input = _interopRequireDefault(require("../form/Input"));
 
@@ -116,7 +116,7 @@ var InputSelect = function InputSelect(_ref) {
     var key = e.keyCode;
 
     switch (key) {
-      case _keycode.default.ENTER:
+      case _utils.KEY_CODE.ENTER:
         if (!displayListBox) {
           handleDisplay();
         } else if (focusedOption) {
@@ -125,11 +125,11 @@ var InputSelect = function InputSelect(_ref) {
 
         break;
 
-      case _keycode.default.ESCAPE:
+      case _utils.KEY_CODE.ESCAPE:
         setDisplayListBox(false);
         break;
 
-      case _keycode.default.UP:
+      case _utils.KEY_CODE.UP:
         {
           if (!focusedOption) return;
           var previousItem = findPreviousItem(focusedOption);
@@ -141,7 +141,7 @@ var InputSelect = function InputSelect(_ref) {
           break;
         }
 
-      case _keycode.default.DOWN:
+      case _utils.KEY_CODE.DOWN:
         {
           if (!focusedOption) return;
           var nextItem = findNextItem(focusedOption);
@@ -153,12 +153,12 @@ var InputSelect = function InputSelect(_ref) {
           break;
         }
 
-      case _keycode.default.HOME:
+      case _utils.KEY_CODE.HOME:
         e.preventDefault();
         focusFirstItem();
         break;
 
-      case _keycode.default.END:
+      case _utils.KEY_CODE.END:
         {
           e.preventDefault();
           var lastItem = dropdownElement.querySelectorAll('[role="option"]');
@@ -179,12 +179,12 @@ var InputSelect = function InputSelect(_ref) {
     var key = e.keyCode;
 
     switch (key) {
-      case _keycode.default.ENTER:
-      case _keycode.default.ESCAPE:
-      case _keycode.default.UP:
-      case _keycode.default.DOWN:
-      case _keycode.default.END:
-      case _keycode.default.HOME:
+      case _utils.KEY_CODE.ENTER:
+      case _utils.KEY_CODE.ESCAPE:
+      case _utils.KEY_CODE.UP:
+      case _utils.KEY_CODE.DOWN:
+      case _utils.KEY_CODE.END:
+      case _utils.KEY_CODE.HOME:
         e.preventDefault();
         break;
 

package/select/Select.js

@@ -19,9 +19,9 @@ var _md = require("react-icons/md");
 
 var _hooks = require("@cashub/hooks");
 
-var _media = _interopRequireDefault(require("../styles/mixin/media"));
+var _utils = require("@cashub/utils");
 
-var _keycode = _interopRequireDefault(require("../utils/aria/keycode"));
+var _media = _interopRequireDefault(require("../styles/mixin/media"));
 
 var _SelectedSingle = _interopRequireDefault(require("./subComponent/SelectedSingle"));
 
@@ -318,7 +318,7 @@ var Select = function Select(_ref) {
     var key = event.keyCode;
 
     switch (key) {
-      case _keycode.default.ENTER:
+      case _utils.KEY_CODE.ENTER:
         if (!display) {
           handleToggle();
         } else if (focusedOption) {
@@ -327,14 +327,14 @@ var Select = function Select(_ref) {
 
         break;
 
-      case _keycode.default.ESCAPE:
+      case _utils.KEY_CODE.ESCAPE:
         if (display) {
           handleToggle();
         }
 
         break;
 
-      case _keycode.default.UP:
+      case _utils.KEY_CODE.UP:
         {
           if (!focusedOption) {
             return;
@@ -349,7 +349,7 @@ var Select = function Select(_ref) {
           break;
         }
 
-      case _keycode.default.DOWN:
+      case _utils.KEY_CODE.DOWN:
         {
           if (!focusedOption) {
             return;
@@ -364,7 +364,7 @@ var Select = function Select(_ref) {
           break;
         }
 
-      case _keycode.default.END:
+      case _utils.KEY_CODE.END:
         {
           event.preventDefault();
           var itemList = dropdownElement.querySelectorAll('[role="option"]');
@@ -376,7 +376,7 @@ var Select = function Select(_ref) {
           break;
         }
 
-      case _keycode.default.HOME:
+      case _utils.KEY_CODE.HOME:
         event.preventDefault();
         focusFirstItem();
         break;
@@ -390,12 +390,12 @@ var Select = function Select(_ref) {
     var key = event.keyCode;
 
     switch (key) {
-      case _keycode.default.ENTER:
-      case _keycode.default.ESCAPE:
-      case _keycode.default.UP:
-      case _keycode.default.DOWN:
-      case _keycode.default.END:
-      case _keycode.default.HOME:
+      case _utils.KEY_CODE.ENTER:
+      case _utils.KEY_CODE.ESCAPE:
+      case _utils.KEY_CODE.UP:
+      case _utils.KEY_CODE.DOWN:
+      case _utils.KEY_CODE.END:
+      case _utils.KEY_CODE.HOME:
         event.preventDefault();
         break;
 

package/utils/aria/keycode.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var KEY_CODE = {
-  ENTER: 13,
-  ESCAPE: 27,
-  UP: 38,
-  DOWN: 40,
-  END: 35,
-  HOME: 36
-};
-var _default = KEY_CODE;
-exports.default = _default;

package/utils/array/generateRange.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var range = function range(start, end) {
-  var arr = [];
-
-  for (var index = start; index <= end; index += 1) {
-    arr.push(index);
-  }
-
-  return arr;
-};
-
-var _default = range;
-exports.default = _default;

package/utils/format/datetimeFormat.js

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var datetimeTFormat = function datetimeTFormat(timestamp) {
-  if (typeof timestamp === 'string') {
-    var _timestamp$split = timestamp.split('-'),
-        _timestamp$split2 = _slicedToArray(_timestamp$split, 3),
-        _year = _timestamp$split2[0],
-        _month = _timestamp$split2[1],
-        dayAndTime = _timestamp$split2[2];
-
-    if (_year.length === 1) _year = "000".concat(_year);
-    if (_year.length === 2) _year = "00".concat(_year);
-    if (_year.length === 3) _year = "0".concat(_year);
-    if (_month.length < 2) _month = "0".concat(_month);
-
-    var _dayAndTime$split = dayAndTime.split(' '),
-        _dayAndTime$split2 = _slicedToArray(_dayAndTime$split, 2),
-        _day = _dayAndTime$split2[0],
-        time = _dayAndTime$split2[1];
-
-    var _time$split = time.split(':'),
-        _time$split2 = _slicedToArray(_time$split, 3),
-        _hour = _time$split2[0],
-        _minutes = _time$split2[1],
-        _second = _time$split2[2];
-
-    if (_day.length < 2) _day = "0".concat(_day);
-    if (_hour.length < 2) _hour = "0".concat(_hour);
-    if (_minutes.length < 2) _minutes = "0".concat(_minutes);
-    if (_second.length < 2) _second = "0".concat(_second);
-    return "".concat(_year, "-").concat(_month, "-").concat(_day, "T").concat(_hour, ":").concat(_minutes, ":").concat(_second);
-  }
-
-  var date = new Date(timestamp);
-  var second = "".concat(date.getSeconds());
-  var minutes = "".concat(date.getMinutes());
-  var hour = "".concat(date.getHours());
-  var month = "".concat(date.getMonth() + 1);
-  var day = "".concat(date.getDate());
-  var year = "".concat(date.getFullYear());
-  if (year.length === 1) year = "000".concat(year);
-  if (year.length === 2) year = "00".concat(year);
-  if (year.length === 3) year = "0".concat(year);
-  if (month.length < 2) month = "0".concat(month);
-  if (day.length < 2) day = "0".concat(day);
-  if (hour.length < 2) hour = "0".concat(hour);
-  if (minutes.length < 2) minutes = "0".concat(minutes);
-  if (second.length < 2) second = "0".concat(second);
-  return "".concat(year, "-").concat(month, "-").concat(day, "T").concat(hour, ":").concat(minutes, ":").concat(second);
-};
-
-var _default = datetimeTFormat;
-exports.default = _default;

package/utils/image/resize.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var resizeImage = function resizeImage(url, mime, size, mode, callback) {
-  var canvas = document.createElement('canvas');
-  var ctx = canvas.getContext('2d');
-  var img = new Image();
-  img.crossOrigin = 'Anonymous';
-
-  img.onload = function () {
-    var height = img.height,
-        width = img.width;
-
-    if (mode === 'contain') {
-      if (height > width) {
-        width = width * (size / height);
-        height = size;
-      } else {
-        height = height * (size / width);
-        width = size;
-      }
-    }
-
-    if (mode === 'cover') {
-      if (height > width) {
-        height = height * (size / width);
-        width = size;
-      } else {
-        width = width * (size / height);
-        height = size;
-      }
-    }
-
-    canvas.height = height;
-    canvas.width = width;
-    ctx.drawImage(img, 0, 0, width, height);
-    callback(canvas.toDataURL(mime));
-    canvas = null;
-  };
-
-  img.src = url;
-};
-
-var _default = resizeImage;
-exports.default = _default;