@cashub/ui 0.8.1 → 0.8.2

package/datetimePicker/Accordion.js

@@ -7,20 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _react = require("react");
+
 var _md = require("react-icons/md");
 
 var _io = require("react-icons/io");
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _react = require("react");
+var _utils = require("@cashub/utils");
 
 var _generateRange = _interopRequireDefault(require("../utils/array/generateRange"));
 
 var _scrollbar = _interopRequireDefault(require("../styles/mixin/scrollbar"));
 
-var _formatDate = _interopRequireDefault(require("../utils/format/formatDate"));
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
@@ -153,7 +153,7 @@ var Accordion = function Accordion(_ref) {
     return false;
   }, [minYear, maxYear, maxDate, minDate]);
   var handleMonthItemDisable = (0, _react.useCallback)(function (month) {
-    var date = (0, _formatDate.default)(new Date(selectedYear, month, selectedDay));
+    var date = (0, _utils.formatDate)(new Date(selectedYear, month, selectedDay));
 
     if (minDate !== undefined && maxDate !== undefined) {
       return !(minDate <= date && date <= maxDate);
@@ -177,7 +177,7 @@ var Accordion = function Accordion(_ref) {
         return false;
       }
     } else if (type === 'month') {
-      var date = arrowType === 'previous' ? (0, _formatDate.default)(new Date(selectedYear, selectedMonth - 1 < 0 ? 11 : selectedMonth - 1, 1)) : (0, _formatDate.default)(new Date(selectedYear, selectedMonth + 1 > 11 ? 0 : selectedMonth + 1, 1));
+      var date = arrowType === 'previous' ? (0, _utils.formatDate)(new Date(selectedYear, selectedMonth - 1 < 0 ? 11 : selectedMonth - 1, 1)) : (0, _utils.formatDate)(new Date(selectedYear, selectedMonth + 1 > 11 ? 0 : selectedMonth + 1, 1));
 
       if (fixedYear) {
         if (fixedYear && !minDate && !maxDate) {
@@ -186,8 +186,8 @@ var Accordion = function Accordion(_ref) {
       } else if (!minDate && !maxDate) {
         return false;
       } else {
-        var minDate1st = (0, _formatDate.default)(new Date(minYear, minMonth, 1));
-        var maxDate1st = (0, _formatDate.default)(new Date(maxYear, maxMonth, 1));
+        var minDate1st = (0, _utils.formatDate)(new Date(minYear, minMonth, 1));
+        var maxDate1st = (0, _utils.formatDate)(new Date(maxYear, maxMonth, 1));
 
         if (minDate && !maxDate) {
           return !(minDate1st <= date);

package/datetimePicker/DatePicker.js

@@ -15,9 +15,9 @@ var _reactI18next = require("react-i18next");
 
 var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
 
-var _useCustomPopper2 = _interopRequireDefault(require("../utils/hooks/useCustomPopper"));
+var _hooks = require("@cashub/hooks");
 
-var _formatDate = _interopRequireDefault(require("../utils/format/formatDate"));
+var _utils = require("@cashub/utils");
 
 var _Button = _interopRequireDefault(require("../button/Button"));
 
@@ -128,7 +128,7 @@ var DatePicker = function DatePicker(_ref) {
       contentElement = _useState22[0],
       setContentElement = _useState22[1];
 
-  var _useCustomPopper = (0, _useCustomPopper2.default)(toggleElement, contentElement, {
+  var _useCustomPopper = (0, _hooks.useCustomPopper)(toggleElement, contentElement, {
     strategy: 'absolute',
     placement: 'bottom-start'
   }),
@@ -194,7 +194,7 @@ var DatePicker = function DatePicker(_ref) {
   };
 
   var handleDisabled = (0, _react.useCallback)(function (firstWeekOfMonth, daysOfMonthForSelectedDate, dayIndex, day) {
-    var selectedDate = (0, _formatDate.default)(new Date(selectedYear, firstWeekOfMonth >= dayIndex + 1 ? selectedMonth - 1 : daysOfMonthForSelectedDate + firstWeekOfMonth < dayIndex + 1 ? selectedMonth + 1 : selectedMonth, day).getTime() + 86399 * 1000);
+    var selectedDate = (0, _utils.formatDate)(new Date(selectedYear, firstWeekOfMonth >= dayIndex + 1 ? selectedMonth - 1 : daysOfMonthForSelectedDate + firstWeekOfMonth < dayIndex + 1 ? selectedMonth + 1 : selectedMonth, day).getTime() + 86399 * 1000);
 
     if (minDate && minDate > selectedDate || maxDate && maxDate < selectedDate) {
       return true;
@@ -319,7 +319,7 @@ var DatePicker = function DatePicker(_ref) {
     setInputValue(selected);
   }, [selected]);
   (0, _react.useEffect)(function () {
-    setInputValue((0, _formatDate.default)(new Date(confirmYear, confirmMonth, confirmDay), 'date'));
+    setInputValue((0, _utils.formatDate)(new Date(confirmYear, confirmMonth, confirmDay), 'date'));
   }, [confirmYear, confirmMonth, confirmDay]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactOutsideClickHandler.default, {
     onOutsideClick: handleConfirm,

package/datetimePicker/DatePickerV2.js

@@ -15,9 +15,9 @@ var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-cl
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _formatDate = _interopRequireDefault(require("../utils/format/formatDate"));
+var _hooks = require("@cashub/hooks");
 
-var _useCustomPopper2 = _interopRequireDefault(require("../utils/hooks/useCustomPopper"));
+var _utils = require("@cashub/utils");
 
 var _Button = _interopRequireDefault(require("../button/Button"));
 
@@ -117,7 +117,7 @@ var DatePickerV2 = function DatePickerV2(_ref) {
       accordionCurrentDisplayType = _useState14[0],
       setAccordionCurrentDisplayType = _useState14[1];
 
-  var _useCustomPopper = (0, _useCustomPopper2.default)(toggleElement, contentElement, {
+  var _useCustomPopper = (0, _hooks.useCustomPopper)(toggleElement, contentElement, {
     strategy: 'absolute',
     placement: 'bottom-start'
   }),
@@ -273,8 +273,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, _formatDate.default)((0, _datetimeFormat.default)(new Date((0, _GMTDate.default)((0, _formatDate.default)(new Date("".concat(year, "-").concat(month, "-").concat(myDay))), 'date')).setHours(23, 59, 59, 59)));
-    var compareMaxDateDate = (0, _formatDate.default)((0, _datetimeFormat.default)(new Date((0, _GMTDate.default)((0, _formatDate.default)(new Date("".concat(year, "-").concat(month, "-").concat(myDay))), 'date')).setHours(0, 0, 0, 0)));
+    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)));
 
     if (minDate && !maxDate && minDate > compareMinDateDate) {
       return true;
@@ -373,7 +373,7 @@ var DatePickerV2 = function DatePickerV2(_ref) {
   }, [selected]);
   (0, _react.useEffect)(function () {
     if (!confirmDate) return;
-    setInputValue((0, _formatDate.default)(confirmDate, 'date'));
+    setInputValue((0, _utils.formatDate)(confirmDate, 'date'));
   }, [confirmDate]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateTimePickerContext.default.Provider, {
     value: context,

package/datetimePicker/DatetimePickerV2.js

@@ -15,13 +15,13 @@ var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-cl
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _DateTimePickerContext = _interopRequireDefault(require("./DateTimePickerContext"));
+var _hooks = require("@cashub/hooks");
 
-var _datetimeFormat = _interopRequireDefault(require("../utils/format/datetimeFormat"));
+var _utils = require("@cashub/utils");
 
-var _formatDate = _interopRequireDefault(require("../utils/format/formatDate"));
+var _DateTimePickerContext = _interopRequireDefault(require("./DateTimePickerContext"));
 
-var _useCustomPopper2 = _interopRequireDefault(require("../utils/hooks/useCustomPopper"));
+var _datetimeFormat = _interopRequireDefault(require("../utils/format/datetimeFormat"));
 
 var _Button = _interopRequireDefault(require("../button/Button"));
 
@@ -116,7 +116,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, _formatDate.default)(new Date())));
+    var date = new Date((0, _datetimeFormat.default)(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());
   }),
@@ -129,7 +129,7 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
       accordionCurrentDisplayType = _useState16[0],
       setAccordionCurrentDisplayType = _useState16[1];
 
-  var _useCustomPopper = (0, _useCustomPopper2.default)(toggleElement, contentElement, {
+  var _useCustomPopper = (0, _hooks.useCustomPopper)(toggleElement, contentElement, {
     strategy: 'absolute',
     placement: 'bottom-start'
   }),
@@ -293,8 +293,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, _formatDate.default)((0, _datetimeFormat.default)(new Date((0, _GMTDate.default)((0, _formatDate.default)(new Date("".concat(year, "-").concat(month, "-").concat(myDay))), 'date')).setHours(23, 59, 59, 59)));
-    var compareMaxDateDate = (0, _formatDate.default)((0, _datetimeFormat.default)(new Date((0, _GMTDate.default)((0, _formatDate.default)(new Date("".concat(year, "-").concat(month, "-").concat(myDay))), 'date')).setHours(0, 0, 0, 0)));
+    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)));
 
     if (minDate && !maxDate && minDate > compareMinDateDate) {
       return true;
@@ -400,7 +400,7 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
   }, [selected]);
   (0, _react.useEffect)(function () {
     if (!confirmDate) return;
-    var date = (0, _formatDate.default)(confirmDate, 'date');
+    var date = (0, _utils.formatDate)(confirmDate, 'date');
     setInputValue("".concat(date, " ").concat(time));
   }, [confirmDate, time]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateTimePickerContext.default.Provider, {

package/datetimePicker/hooks/useChangeNumber.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _react = require("react");
 
-var _check = require("../../utils/regex/check");
+var _hooks = require("@cashub/hooks");
 
 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; }
 
@@ -23,7 +23,7 @@ var useChangeNumber = function useChangeNumber(min, max, setState, name) {
 
     if (value.length > 0) {
       // if value is not a integer, then remove last char
-      if (!(0, _check.testInteger)(value)) {
+      if (!(0, _hooks.isInteger)(value)) {
         value = value.substring(0, value.length - 1);
       } // use min value instead when exceed minimum
 

package/datetimePicker/utils/GMTDate.js

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

package/dropdown/Dropdown.js

@@ -9,7 +9,7 @@ var _react = require("react");
 
 var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
 
-var _useCustomPopper2 = _interopRequireDefault(require("../utils/hooks/useCustomPopper"));
+var _hooks = require("@cashub/hooks");
 
 var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
 
@@ -53,7 +53,7 @@ var Dropdown = function Dropdown(_ref) {
       contentElement = _useState8[0],
       setContentElement = _useState8[1];
 
-  var _useCustomPopper = (0, _useCustomPopper2.default)(toggleElement, contentElement, {
+  var _useCustomPopper = (0, _hooks.useCustomPopper)(toggleElement, contentElement, {
     strategy: fixed ? 'fixed' : 'absolute'
   }),
       styles = _useCustomPopper.styles,

package/dropzone/FileDropzone.js

@@ -15,9 +15,9 @@ var _fi = require("react-icons/fi");
 
 var _fa = require("react-icons/fa");
 
-var _media = _interopRequireDefault(require("../styles/mixin/media"));
+var _utils = require("@cashub/utils");
 
-var _formatSize = _interopRequireDefault(require("../utils/format/formatSize"));
+var _media = _interopRequireDefault(require("../styles/mixin/media"));
 
 var _keycode = _interopRequireDefault(require("../utils/aria/keycode"));
 
@@ -406,7 +406,7 @@ var FileDropzone = function FileDropzone(_ref) {
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(PreviewDetails, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          children: (0, _formatSize.default)(files[0].size)
+          children: (0, _utils.formatSize)(files[0].size)
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
           className: "ellipsis",
           children: files[0].name

package/dropzone/ImageDropzone.js

@@ -13,7 +13,7 @@ var _fi = require("react-icons/fi");
 
 var _md = require("react-icons/md");
 
-var _dataURLtoFile = _interopRequireDefault(require("../utils/dataURLtoFile"));
+var _utils = require("@cashub/utils");
 
 var _HiddenFileInput = _interopRequireDefault(require("../file/HiddenFileInput"));
 
@@ -163,7 +163,7 @@ var ImageDropzone = function ImageDropzone(_ref) {
       width: 180,
       height: 320,
       onCrop: function onCrop(croppedSrc) {
-        var croppedImageFile = (0, _dataURLtoFile.default)(croppedSrc, file.name);
+        var croppedImageFile = (0, _utils.dataURLtoFile)(croppedSrc, file.name);
         croppedImageFile.url = croppedSrc;
         cropper.onCrop(index, croppedImageFile);
         setFiles(function (previousFiles) {

package/image/UploadImage.js

@@ -17,9 +17,7 @@ var _md = require("react-icons/md");
 
 var _reactToastify = require("react-toastify");
 
-var _dataURLtoFile = _interopRequireDefault(require("../utils/dataURLtoFile"));
-
-var _getBase = _interopRequireDefault(require("../utils/getBase64"));
+var _utils = require("@cashub/utils");
 
 var _MessageContainer = _interopRequireDefault(require("../toast/MessageContainer"));
 
@@ -93,7 +91,7 @@ var UploadImage = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   }, [ref, currentFile]);
   var handleImageFile = (0, _react.useCallback)(function (file, src) {
     var dataTransfer = new DataTransfer();
-    var changedImageFile = (0, _dataURLtoFile.default)(src, file.name);
+    var changedImageFile = (0, _utils.dataURLtoFile)(src, file.name);
     dataTransfer.items.add(changedImageFile);
     setCurrentSrc(src);
     setCurrentFile(changedImageFile);
@@ -144,7 +142,7 @@ var UploadImage = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         handleImageFile(file, croppedSrc);
       },
       onClose: function onClose() {
-        (0, _getBase.default)(file, function (dataUrl) {
+        (0, _utils.getBase64DataUrl)(file, function (dataUrl) {
           handleImageFile(file, dataUrl);
         });
       }

package/modal/StateModal.js

@@ -19,7 +19,7 @@ var _bs = require("react-icons/bs");
 
 var _fa = require("react-icons/fa");
 
-var _appendToBody = _interopRequireDefault(require("../utils/appendToBody"));
+var _utils = require("@cashub/utils");
 
 var _ButtonGroup = _interopRequireDefault(require("../button/ButtonGroup"));
 
@@ -67,7 +67,7 @@ var StateModal = function StateModal(_ref) {
   var onClose = _ref.onClose,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var rootElement = (0, _appendToBody.default)('StateModalContainer');
+  var rootElement = (0, _utils.appendElementToBody)('StateModalContainer');
   var Container = document.createElement('div');
   rootElement.appendChild(Container);
 

package/modal/TitleModal.js

@@ -15,14 +15,12 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _md = require("react-icons/md");
 
+var _utils = require("@cashub/utils");
+
 var _media = _interopRequireDefault(require("../styles/mixin/media"));
 
 var _scrollbar = _interopRequireDefault(require("../styles/mixin/scrollbar"));
 
-var _appendToBody = _interopRequireDefault(require("../utils/appendToBody"));
-
-var _isReactComponent = _interopRequireDefault(require("../utils/react/isReactComponent"));
-
 var _Heading = _interopRequireDefault(require("../heading/Heading3"));
 
 var _ModalBackdrop = _interopRequireDefault(require("../backdrop/ModalBackdrop"));
@@ -70,7 +68,7 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
 var TitleModal = function TitleModal(props) {
-  var rootElement = (0, _appendToBody.default)('TitleModalContainer');
+  var rootElement = (0, _utils.appendElementToBody)('TitleModalContainer');
   var Container = document.createElement('div');
   rootElement.appendChild(Container);
 
@@ -147,7 +145,7 @@ var ModalContent = function ModalContent(_ref2) {
       setClickTarget = _useState2[1];
 
   var child = (0, _react.useMemo)(function () {
-    return (0, _isReactComponent.default)(children) ? /*#__PURE__*/(0, _react.cloneElement)(children, methods) : children;
+    return (0, _utils.isReactComponent)(children) ? /*#__PURE__*/(0, _react.cloneElement)(children, methods) : children;
   }, [children, methods]);
 
   var handleDismiss = function handleDismiss(dismiss) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "private": false,
   "author": "CASHUB Team",
   "description": "CASHUB UI components library",
@@ -10,6 +10,8 @@
   ],
   "license": "MIT",
   "dependencies": {
+    "@cashub/hooks": "^0.2.0",
+    "@cashub/utils": "^0.3.0",
     "@popperjs/core": "^2.11.5",
     "@yaireo/tagify": "^4.12.0",
     "chart.js": "^3.8.0",
@@ -26,6 +28,7 @@
     "react-leaflet-markercluster": "^3.0.0-rc1",
     "react-outside-click-handler": "^1.3.0",
     "react-popper": "^2.3.0",
+    "react-router-dom": "^5.2.0",
     "styled-components": "^5.3.0"
   },
   "peerDependencies": {

package/paginate/Paginate.js

@@ -11,7 +11,7 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _fa = require("react-icons/fa");
 
-var _usePagination = require("../utils/hooks/usePagination");
+var _hooks = require("@cashub/hooks");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
@@ -31,7 +31,7 @@ var Paginate = function Paginate(props) {
       siblingCount = _props$siblingCount === void 0 ? 1 : _props$siblingCount,
       onPageChange = props.onPageChange,
       alignRight = props.alignRight;
-  var paginationRange = (0, _usePagination.usePagination)({
+  var paginationRange = (0, _hooks.usePagination)({
     currentPage: currentPage,
     totalCount: totalCount,
     siblingCount: siblingCount,
@@ -62,7 +62,7 @@ var Paginate = function Paginate(props) {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_fa.FaAngleLeft, {})
       })
     }), paginationRange.map(function (pageNumber, index) {
-      if (pageNumber === _usePagination.DOTS) {
+      if (pageNumber === _hooks.DOTS) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(Link, {
           className: "paginationDots",
           children: "\u2026"

package/popover/Popover.js

@@ -15,9 +15,9 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
 
-var _appendToBody = _interopRequireDefault(require("../utils/appendToBody"));
+var _hooks = require("@cashub/hooks");
 
-var _useCustomPopper2 = _interopRequireDefault(require("../utils/hooks/useCustomPopper"));
+var _utils = require("@cashub/utils");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
@@ -59,7 +59,7 @@ var Popover = function Popover(_ref) {
   var id = _ref.id,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var rootElement = (0, _appendToBody.default)('PopoverContainer');
+  var rootElement = (0, _utils.appendElementToBody)('PopoverContainer');
 
   var handleClose = function handleClose() {
     // unmount component and clear event handler and state before remove container
@@ -92,7 +92,7 @@ var Box = function Box(_ref2) {
       popoverElement = _useState2[0],
       setTooltipElement = _useState2[1];
 
-  var _useCustomPopper = (0, _useCustomPopper2.default)(target, popoverElement, {
+  var _useCustomPopper = (0, _hooks.useCustomPopper)(target, popoverElement, {
     boundary: boundary
   }),
       styles = _useCustomPopper.styles,

package/select/InputSelect.js

@@ -9,7 +9,7 @@ var _react = require("react");
 
 var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
 
-var _useCustomPopper2 = _interopRequireDefault(require("../utils/hooks/useCustomPopper"));
+var _hooks = require("@cashub/hooks");
 
 var _keycode = _interopRequireDefault(require("../utils/aria/keycode"));
 
@@ -106,7 +106,7 @@ var InputSelect = function InputSelect(_ref) {
       listBoxWidth = _useState14[0],
       setListBoxWidth = _useState14[1];
 
-  var _useCustomPopper = (0, _useCustomPopper2.default)(listBoxElement, dropdownElement),
+  var _useCustomPopper = (0, _hooks.useCustomPopper)(listBoxElement, dropdownElement),
       styles = _useCustomPopper.styles,
       attributes = _useCustomPopper.attributes,
       state = _useCustomPopper.state,

package/select/Select.js

@@ -13,13 +13,13 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _lodash = _interopRequireDefault(require("lodash.uniqueid"));
 
-var _media = _interopRequireDefault(require("../styles/mixin/media"));
-
 var _ti = require("react-icons/ti");
 
 var _md = require("react-icons/md");
 
-var _useCustomPopper2 = _interopRequireDefault(require("../utils/hooks/useCustomPopper"));
+var _hooks = require("@cashub/hooks");
+
+var _media = _interopRequireDefault(require("../styles/mixin/media"));
 
 var _keycode = _interopRequireDefault(require("../utils/aria/keycode"));
 
@@ -144,7 +144,7 @@ var Select = function Select(_ref) {
       search = _useState20[0],
       setSearch = _useState20[1];
 
-  var _useCustomPopper = (0, _useCustomPopper2.default)(listBoxElement, dropdownElement),
+  var _useCustomPopper = (0, _hooks.useCustomPopper)(listBoxElement, dropdownElement),
       styles = _useCustomPopper.styles,
       attributes = _useCustomPopper.attributes,
       state = _useCustomPopper.state,

package/tooltip/Tooltip.js

@@ -11,9 +11,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
 
-var _useForkRef = _interopRequireDefault(require("../utils/hooks/useForkRef"));
-
-var _useCustomPopper2 = _interopRequireDefault(require("../utils/hooks/useCustomPopper"));
+var _hooks = require("@cashub/hooks");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
@@ -73,9 +71,9 @@ var Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       arrowElement = _useState8[0],
       setArrowElement = _useState8[1];
 
-  var ownRef = (0, _useForkRef.default)(setTargetElement, ref);
+  var ownRef = (0, _hooks.useForkRef)(setTargetElement, ref);
 
-  var _useCustomPopper = (0, _useCustomPopper2.default)(targetElement, tooltipElement, {
+  var _useCustomPopper = (0, _hooks.useCustomPopper)(targetElement, tooltipElement, {
     strategy: fixed ? 'fixed' : 'absolute',
     arrowElement: arrowElement
   }),

package/wizard/Wizard.js

@@ -13,7 +13,7 @@ var _fa = require("react-icons/fa");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _isReactComponent = _interopRequireDefault(require("../utils/react/isReactComponent"));
+var _utils = require("@cashub/utils");
 
 var _media = _interopRequireDefault(require("../styles/mixin/media"));
 
@@ -155,7 +155,7 @@ var Wizard = function Wizard(props) {
       var className = index + 1 === currentStep && 'active';
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(Step, {
         className: className,
-        children: (0, _isReactComponent.default)(child) ? /*#__PURE__*/(0, _react.cloneElement)(child, api) : child
+        children: (0, _utils.isReactComponent)(child) ? /*#__PURE__*/(0, _react.cloneElement)(child, api) : child
       });
     });
   }, [api, children, currentStep]);

package/utils/appendToBody.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var appendToBody = function appendToBody(id) {
-  var result = document.getElementById(id);
-
-  if (!result) {
-    result = document.createElement('div');
-    result.setAttribute('id', id);
-    document.body.appendChild(result);
-  }
-
-  return result;
-};
-
-var _default = appendToBody;
-exports.default = _default;

package/utils/dataURLtoFile.js

@@ -1,42 +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 dataURLtoFile = function dataURLtoFile(dataurl, filename) {
-  var arr = dataurl.split(',');
-
-  var _arr$0$match = arr[0].match(/:(.*?);/),
-      _arr$0$match2 = _slicedToArray(_arr$0$match, 2),
-      mime = _arr$0$match2[1];
-
-  var bstr = atob(arr[1]);
-  var index = bstr.length;
-  var u8arr = new Uint8Array(index);
-
-  while (index > 0) {
-    u8arr[index] = bstr.charCodeAt(index);
-    index -= 1;
-  }
-
-  return new File([u8arr], filename, {
-    type: mime
-  });
-};
-
-var _default = dataURLtoFile;
-exports.default = _default;

package/utils/format/formatDate.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-/**
- * Convert a timestamp into a date and return specific format
- *
- * @param {String|Integer} timestamp The timestamp in unix of YYYY-MM-DD HH:MM:SS format
- * @param {String} format currently accept date for YYYY-MM-DD, time for HH:MM:SS and others for YYYY-MM-DD HH:MM:SS
- *
- * @return {String}
- */
-var formatDate = function formatDate(timestamp) {
-  var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  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 (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);
-
-  switch (format) {
-    case 'date':
-      return "".concat(year, "-").concat(month, "-").concat(day);
-
-    case 'time':
-      return "".concat(hour, ":").concat(minutes, ":").concat(second);
-
-    default:
-      return "".concat(year, "-").concat(month, "-").concat(day, " ").concat(hour, ":").concat(minutes, ":").concat(second);
-  }
-};
-
-var _default = formatDate;
-exports.default = _default;

package/utils/format/formatSize.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-/**
- * Convert the amount of data in byte to the largest unit
- *
- * @param {String|Integer} bytes Amount of data in byte
- *
- * @return {String}
- */
-var formatSize = function formatSize(bytes) {
-  var str;
-
-  if (bytes >= 1073741824) {
-    str = "".concat((bytes / 1073741824).toFixed(2), " GB");
-  } else if (bytes >= 1048576) {
-    str = "".concat((bytes / 1048576).toFixed(2), " MB");
-  } else if (bytes >= 1024) {
-    str = "".concat((bytes / 1024).toFixed(2), " KB");
-  } else if (bytes > 1) {
-    str = "".concat((bytes / 1).toFixed(2), " bytes");
-  } else if (bytes === 1) {
-    str = "".concat(bytes, " byte");
-  } else {
-    str = '0 bytes';
-  }
-
-  return str;
-};
-
-var _default = formatSize;
-exports.default = _default;

package/utils/getBase64.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var getBase64 = function getBase64(file, callback) {
-  var reader = new FileReader();
-
-  reader.onload = function () {
-    callback(reader.result);
-  };
-
-  reader.readAsDataURL(file);
-};
-
-var _default = getBase64;
-exports.default = _default;

package/utils/hooks/useCustomPopper.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _reactPopper = require("react-popper");
-
-var useCustomPopper = function useCustomPopper(targetElement, popperElement) {
-  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-      _ref$strategy = _ref.strategy,
-      strategy = _ref$strategy === void 0 ? 'absolute' : _ref$strategy,
-      _ref$arrowElement = _ref.arrowElement,
-      arrowElement = _ref$arrowElement === void 0 ? null : _ref$arrowElement,
-      _ref$boundary = _ref.boundary,
-      boundary = _ref$boundary === void 0 ? 'clippingParents' : _ref$boundary;
-
-  return (0, _reactPopper.usePopper)(targetElement, popperElement, {
-    strategy: strategy,
-    placement: 'bottom',
-    modifiers: [{
-      name: 'flip',
-      enabled: true,
-      options: {
-        padding: 8
-      }
-    }, {
-      name: 'preventOverflow',
-      options: {
-        boundary: boundary,
-        padding: 8
-      }
-    }, {
-      name: 'offset',
-      options: {
-        offset: [0, 8]
-      }
-    }, {
-      name: 'arrow',
-      options: {
-        element: arrowElement
-      }
-    }]
-  });
-};
-
-var _default = useCustomPopper;
-exports.default = _default;

package/utils/hooks/useForkRef.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = require("react");
-
-var _setRef = _interopRequireDefault(require("../react/setRef"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var useForkRef = function useForkRef(refA, refB) {
-  return (0, _react.useMemo)(function () {
-    if (refA == null && refB == null) {
-      return null;
-    }
-
-    return function (refValue) {
-      (0, _setRef.default)(refA, refValue);
-      (0, _setRef.default)(refB, refValue);
-    };
-  }, [refA, refB]);
-};
-
-var _default = useForkRef;
-exports.default = _default;

package/utils/hooks/usePagination.js

@@ -1,86 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePagination = exports.DOTS = void 0;
-
-var _react = require("react");
-
-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 DOTS = '...';
-exports.DOTS = DOTS;
-
-var range = function range(start, end) {
-  var length = end - start + 1;
-  return Array.from({
-    length: length
-  }, function (_, idx) {
-    return idx + start;
-  });
-};
-
-var usePagination = function usePagination(_ref) {
-  var totalCount = _ref.totalCount,
-      pageSize = _ref.pageSize,
-      _ref$siblingCount = _ref.siblingCount,
-      siblingCount = _ref$siblingCount === void 0 ? 1 : _ref$siblingCount,
-      currentPage = _ref.currentPage;
-  var paginationRange = (0, _react.useMemo)(function () {
-    var totalPageCount = Math.ceil(totalCount / pageSize); // Pages count is determined as siblingCount + firstPage + lastPage + currentPage + 2 * DOTS
-
-    var totalPageNumbers = siblingCount + 5;
-    /*
-      If the number of pages is less than the page numbers we want to show in our
-      paginationComponent, we return the range [1..totalPageCount]
-    */
-
-    if (totalPageNumbers >= totalPageCount) {
-      return range(1, totalPageCount);
-    }
-
-    var leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
-    var rightSiblingIndex = Math.min(currentPage + siblingCount, totalPageCount);
-    /*
-      We do not want to show dots if there is only one position left 
-      after/before the left/right page count as that would lead to a change if our Pagination
-      component size which we do not want
-    */
-
-    var shouldShowLeftDots = leftSiblingIndex > 3;
-    var shouldShowRightDots = rightSiblingIndex < totalPageCount - 1;
-    var firstPageIndex = 1;
-    var lastPageIndex = totalPageCount;
-
-    if (!shouldShowLeftDots && shouldShowRightDots) {
-      var leftItemCount = 3 + 2 * siblingCount;
-      var leftRange = range(1, leftItemCount);
-      return [].concat(_toConsumableArray(leftRange), [DOTS, totalPageCount]);
-    }
-
-    if (shouldShowLeftDots && !shouldShowRightDots) {
-      var rightItemCount = 3 + 2 * siblingCount;
-      var rightRange = range(totalPageCount - rightItemCount + 1, totalPageCount);
-      return [firstPageIndex, DOTS].concat(_toConsumableArray(rightRange));
-    }
-
-    if (shouldShowLeftDots && shouldShowRightDots) {
-      var middleRange = range(leftSiblingIndex, rightSiblingIndex);
-      return [firstPageIndex, DOTS].concat(_toConsumableArray(middleRange), [DOTS, lastPageIndex]);
-    }
-  }, [totalCount, pageSize, siblingCount, currentPage]);
-  return paginationRange;
-};
-
-exports.usePagination = usePagination;

package/utils/react/isReactComponent.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-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); }
-
-var isReactComponent = function isReactComponent(_ref) {
-  var type = _ref.type;
-  return typeof type === 'function' || _typeof(type) === 'object';
-};
-
-var _default = isReactComponent;
-exports.default = _default;

package/utils/react/setRef.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var setRef = function setRef(ref, value) {
-  if (typeof ref === 'function') {
-    ref(value);
-  } else if (ref) {
-    ref.current = value;
-  }
-};
-
-var _default = setRef;
-exports.default = _default;

package/utils/regex/check.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.testInteger = void 0;
-
-var testInteger = function testInteger(value) {
-  var intRegex = /^[0-9]\d*$/;
-  return intRegex.test(value);
-};
-
-exports.testInteger = testInteger;