@cashub/ui 0.8.1 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Tab/Tab.js +1 -1
- package/Tab/TabPanel.js +1 -1
- package/Tab/TabTab.js +1 -1
- package/Tab/{TabContext.js → subComponent/TabContext.js} +0 -0
- package/chart/index.js +20 -0
- package/chart/utils/index.js +23 -0
- package/cropper/{CropperHandler.js → CropperModalHandler.js} +3 -3
- package/cropper/index.js +3 -3
- package/{partial/modal → cropper/subComponent}/CropImageModal.js +2 -2
- package/datetimePicker/DatePicker.js +6 -6
- package/datetimePicker/DatePickerV2.js +7 -7
- package/datetimePicker/DatetimePicker.js +1 -1
- package/datetimePicker/DatetimePickerV2.js +9 -9
- package/datetimePicker/accordion/Month.js +1 -1
- package/datetimePicker/accordion/Year.js +1 -1
- package/datetimePicker/hooks/useChangeNumber.js +2 -2
- package/datetimePicker/{Accordion.js → subComponent/Accordion.js} +9 -9
- package/datetimePicker/{CustomTimeInput.js → subComponent/CustomTimeInput.js} +0 -0
- package/datetimePicker/{DateTimePickerContext.js → subComponent/DateTimePickerContext.js} +0 -0
- package/datetimePicker/utils/GMTDate.js +3 -3
- package/dropdown/Dropdown.js +3 -3
- package/dropdown/DropdownContent.js +1 -1
- package/dropdown/DropdownItem.js +1 -1
- package/dropdown/DropdownToggle.js +1 -1
- package/dropdown/{DropdownContext.js → subComponent/DropdownContext.js} +0 -0
- package/dropzone/FileDropzone.js +4 -4
- package/dropzone/ImageDropzone.js +3 -3
- package/dropzone/{Message.js → subComponent/Message.js} +0 -0
- package/geolocation/ReverseGeolocation.js +1 -1
- package/geolocation/{MapSearchBoxControl.js → subComponent/MapSearchBoxControl.js} +1 -1
- package/iconbox/ApplicationIconBox.js +2 -2
- package/iconbox/IconBox.js +2 -2
- package/iconbox/IconBoxV2.js +2 -2
- package/iconbox/{IconBoxFigure.js → subComponent/IconBoxFigure.js} +0 -0
- package/iconbox/{IconBoxImage.js → subComponent/IconBoxImage.js} +0 -0
- package/image/UploadImage.js +5 -7
- package/modal/StateModal.js +2 -2
- package/modal/TitleModal.js +4 -6
- package/package.json +4 -1
- package/paginate/Paginate.js +3 -3
- package/popover/Popover.js +4 -4
- package/select/InputSelect.js +5 -5
- package/select/Select.js +11 -11
- package/select/{ListBox.js → subComponent/ListBox.js} +0 -0
- package/select/{Option.js → subComponent/Option.js} +0 -0
- package/select/{OptionGroup.js → subComponent/OptionGroup.js} +0 -0
- package/select/{Options.js → subComponent/Options.js} +1 -1
- package/select/{SearchBox.js → subComponent/SearchBox.js} +1 -1
- package/select/{SelectedMultiple.js → subComponent/SelectedMultiple.js} +0 -0
- package/select/{SelectedSingle.js → subComponent/SelectedSingle.js} +0 -0
- package/table/ImageBox.js +1 -1
- package/table/Table.js +5 -5
- package/table/{Logo.js → subComponent/Logo.js} +1 -1
- package/table/{TableFooter.js → subComponent/TableFooter.js} +0 -0
- package/table/{TableFooterInfo.js → subComponent/TableFooterInfo.js} +0 -0
- package/table/{TableFooterPager.js → subComponent/TableFooterPager.js} +0 -0
- package/table/{TableHeadCell.js → subComponent/TableHeadCell.js} +0 -0
- package/table/{TableSort.js → subComponent/TableSort.js} +0 -0
- package/tooltip/Tooltip.js +3 -5
- package/wizard/Wizard.js +2 -2
- package/utils/appendToBody.js +0 -21
- package/utils/dataURLtoFile.js +0 -42
- package/utils/format/formatDate.js +0 -46
- package/utils/format/formatSize.js +0 -36
- package/utils/getBase64.js +0 -19
- package/utils/hooks/useCustomPopper.js +0 -49
- package/utils/hooks/useForkRef.js +0 -28
- package/utils/hooks/usePagination.js +0 -86
- package/utils/react/isReactComponent.js +0 -16
- package/utils/react/setRef.js +0 -17
- package/utils/regex/check.js +0 -13
package/image/UploadImage.js
CHANGED
|
@@ -17,17 +17,15 @@ var _md = require("react-icons/md");
|
|
|
17
17
|
|
|
18
18
|
var _reactToastify = require("react-toastify");
|
|
19
19
|
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
var _getBase = _interopRequireDefault(require("../utils/getBase64"));
|
|
20
|
+
var _utils = require("@cashub/utils");
|
|
23
21
|
|
|
24
22
|
var _MessageContainer = _interopRequireDefault(require("../toast/MessageContainer"));
|
|
25
23
|
|
|
26
24
|
var _HiddenFileInput = _interopRequireDefault(require("../file/HiddenFileInput"));
|
|
27
25
|
|
|
28
|
-
var _ImageFigure = _interopRequireDefault(require("
|
|
26
|
+
var _ImageFigure = _interopRequireDefault(require("./ImageFigure"));
|
|
29
27
|
|
|
30
|
-
var _ImageFluid = _interopRequireDefault(require("
|
|
28
|
+
var _ImageFluid = _interopRequireDefault(require("./ImageFluid"));
|
|
31
29
|
|
|
32
30
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
33
31
|
|
|
@@ -93,7 +91,7 @@ var UploadImage = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
93
91
|
}, [ref, currentFile]);
|
|
94
92
|
var handleImageFile = (0, _react.useCallback)(function (file, src) {
|
|
95
93
|
var dataTransfer = new DataTransfer();
|
|
96
|
-
var changedImageFile = (0,
|
|
94
|
+
var changedImageFile = (0, _utils.dataURLtoFile)(src, file.name);
|
|
97
95
|
dataTransfer.items.add(changedImageFile);
|
|
98
96
|
setCurrentSrc(src);
|
|
99
97
|
setCurrentFile(changedImageFile);
|
|
@@ -144,7 +142,7 @@ var UploadImage = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
144
142
|
handleImageFile(file, croppedSrc);
|
|
145
143
|
},
|
|
146
144
|
onClose: function onClose() {
|
|
147
|
-
(0,
|
|
145
|
+
(0, _utils.getBase64DataUrl)(file, function (dataUrl) {
|
|
148
146
|
handleImageFile(file, dataUrl);
|
|
149
147
|
});
|
|
150
148
|
}
|
package/modal/StateModal.js
CHANGED
|
@@ -19,7 +19,7 @@ var _bs = require("react-icons/bs");
|
|
|
19
19
|
|
|
20
20
|
var _fa = require("react-icons/fa");
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _utils = require("@cashub/utils");
|
|
23
23
|
|
|
24
24
|
var _ButtonGroup = _interopRequireDefault(require("../button/ButtonGroup"));
|
|
25
25
|
|
|
@@ -67,7 +67,7 @@ var StateModal = function StateModal(_ref) {
|
|
|
67
67
|
var onClose = _ref.onClose,
|
|
68
68
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
69
69
|
|
|
70
|
-
var rootElement = (0,
|
|
70
|
+
var rootElement = (0, _utils.appendElementToBody)('StateModalContainer');
|
|
71
71
|
var Container = document.createElement('div');
|
|
72
72
|
rootElement.appendChild(Container);
|
|
73
73
|
|
package/modal/TitleModal.js
CHANGED
|
@@ -15,14 +15,12 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
15
15
|
|
|
16
16
|
var _md = require("react-icons/md");
|
|
17
17
|
|
|
18
|
+
var _utils = require("@cashub/utils");
|
|
19
|
+
|
|
18
20
|
var _media = _interopRequireDefault(require("../styles/mixin/media"));
|
|
19
21
|
|
|
20
22
|
var _scrollbar = _interopRequireDefault(require("../styles/mixin/scrollbar"));
|
|
21
23
|
|
|
22
|
-
var _appendToBody = _interopRequireDefault(require("../utils/appendToBody"));
|
|
23
|
-
|
|
24
|
-
var _isReactComponent = _interopRequireDefault(require("../utils/react/isReactComponent"));
|
|
25
|
-
|
|
26
24
|
var _Heading = _interopRequireDefault(require("../heading/Heading3"));
|
|
27
25
|
|
|
28
26
|
var _ModalBackdrop = _interopRequireDefault(require("../backdrop/ModalBackdrop"));
|
|
@@ -70,7 +68,7 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
|
|
|
70
68
|
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); }); }; }
|
|
71
69
|
|
|
72
70
|
var TitleModal = function TitleModal(props) {
|
|
73
|
-
var rootElement = (0,
|
|
71
|
+
var rootElement = (0, _utils.appendElementToBody)('TitleModalContainer');
|
|
74
72
|
var Container = document.createElement('div');
|
|
75
73
|
rootElement.appendChild(Container);
|
|
76
74
|
|
|
@@ -147,7 +145,7 @@ var ModalContent = function ModalContent(_ref2) {
|
|
|
147
145
|
setClickTarget = _useState2[1];
|
|
148
146
|
|
|
149
147
|
var child = (0, _react.useMemo)(function () {
|
|
150
|
-
return (0,
|
|
148
|
+
return (0, _utils.isReactComponent)(children) ? /*#__PURE__*/(0, _react.cloneElement)(children, methods) : children;
|
|
151
149
|
}, [children, methods]);
|
|
152
150
|
|
|
153
151
|
var handleDismiss = function handleDismiss(dismiss) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cashub/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.9.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "CASHUB Team",
|
|
6
6
|
"description": "CASHUB UI components library",
|
|
@@ -10,6 +10,8 @@
|
|
|
10
10
|
],
|
|
11
11
|
"license": "MIT",
|
|
12
12
|
"dependencies": {
|
|
13
|
+
"@cashub/hooks": "^0.2.0",
|
|
14
|
+
"@cashub/utils": "^0.3.0",
|
|
13
15
|
"@popperjs/core": "^2.11.5",
|
|
14
16
|
"@yaireo/tagify": "^4.12.0",
|
|
15
17
|
"chart.js": "^3.8.0",
|
|
@@ -26,6 +28,7 @@
|
|
|
26
28
|
"react-leaflet-markercluster": "^3.0.0-rc1",
|
|
27
29
|
"react-outside-click-handler": "^1.3.0",
|
|
28
30
|
"react-popper": "^2.3.0",
|
|
31
|
+
"react-router-dom": "^5.2.0",
|
|
29
32
|
"styled-components": "^5.3.0"
|
|
30
33
|
},
|
|
31
34
|
"peerDependencies": {
|
package/paginate/Paginate.js
CHANGED
|
@@ -11,7 +11,7 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
|
11
11
|
|
|
12
12
|
var _fa = require("react-icons/fa");
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _hooks = require("@cashub/hooks");
|
|
15
15
|
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
17
|
|
|
@@ -31,7 +31,7 @@ var Paginate = function Paginate(props) {
|
|
|
31
31
|
siblingCount = _props$siblingCount === void 0 ? 1 : _props$siblingCount,
|
|
32
32
|
onPageChange = props.onPageChange,
|
|
33
33
|
alignRight = props.alignRight;
|
|
34
|
-
var paginationRange = (0,
|
|
34
|
+
var paginationRange = (0, _hooks.usePagination)({
|
|
35
35
|
currentPage: currentPage,
|
|
36
36
|
totalCount: totalCount,
|
|
37
37
|
siblingCount: siblingCount,
|
|
@@ -62,7 +62,7 @@ var Paginate = function Paginate(props) {
|
|
|
62
62
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_fa.FaAngleLeft, {})
|
|
63
63
|
})
|
|
64
64
|
}), paginationRange.map(function (pageNumber, index) {
|
|
65
|
-
if (pageNumber ===
|
|
65
|
+
if (pageNumber === _hooks.DOTS) {
|
|
66
66
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Link, {
|
|
67
67
|
className: "paginationDots",
|
|
68
68
|
children: "\u2026"
|
package/popover/Popover.js
CHANGED
|
@@ -15,9 +15,9 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
15
15
|
|
|
16
16
|
var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _hooks = require("@cashub/hooks");
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var _utils = require("@cashub/utils");
|
|
21
21
|
|
|
22
22
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
23
23
|
|
|
@@ -59,7 +59,7 @@ var Popover = function Popover(_ref) {
|
|
|
59
59
|
var id = _ref.id,
|
|
60
60
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
61
61
|
|
|
62
|
-
var rootElement = (0,
|
|
62
|
+
var rootElement = (0, _utils.appendElementToBody)('PopoverContainer');
|
|
63
63
|
|
|
64
64
|
var handleClose = function handleClose() {
|
|
65
65
|
// unmount component and clear event handler and state before remove container
|
|
@@ -92,7 +92,7 @@ var Box = function Box(_ref2) {
|
|
|
92
92
|
popoverElement = _useState2[0],
|
|
93
93
|
setTooltipElement = _useState2[1];
|
|
94
94
|
|
|
95
|
-
var _useCustomPopper = (0,
|
|
95
|
+
var _useCustomPopper = (0, _hooks.useCustomPopper)(target, popoverElement, {
|
|
96
96
|
boundary: boundary
|
|
97
97
|
}),
|
|
98
98
|
styles = _useCustomPopper.styles,
|
package/select/InputSelect.js
CHANGED
|
@@ -9,17 +9,17 @@ var _react = require("react");
|
|
|
9
9
|
|
|
10
10
|
var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _hooks = require("@cashub/hooks");
|
|
13
13
|
|
|
14
14
|
var _keycode = _interopRequireDefault(require("../utils/aria/keycode"));
|
|
15
15
|
|
|
16
16
|
var _Input = _interopRequireDefault(require("../form/Input"));
|
|
17
17
|
|
|
18
|
-
var _ListBox = _interopRequireDefault(require("./ListBox"));
|
|
18
|
+
var _ListBox = _interopRequireDefault(require("./subComponent/ListBox"));
|
|
19
19
|
|
|
20
|
-
var _Option = _interopRequireDefault(require("./Option"));
|
|
20
|
+
var _Option = _interopRequireDefault(require("./subComponent/Option"));
|
|
21
21
|
|
|
22
|
-
var _Options = _interopRequireDefault(require("./Options"));
|
|
22
|
+
var _Options = _interopRequireDefault(require("./subComponent/Options"));
|
|
23
23
|
|
|
24
24
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
25
25
|
|
|
@@ -106,7 +106,7 @@ var InputSelect = function InputSelect(_ref) {
|
|
|
106
106
|
listBoxWidth = _useState14[0],
|
|
107
107
|
setListBoxWidth = _useState14[1];
|
|
108
108
|
|
|
109
|
-
var _useCustomPopper = (0,
|
|
109
|
+
var _useCustomPopper = (0, _hooks.useCustomPopper)(listBoxElement, dropdownElement),
|
|
110
110
|
styles = _useCustomPopper.styles,
|
|
111
111
|
attributes = _useCustomPopper.attributes,
|
|
112
112
|
state = _useCustomPopper.state,
|
package/select/Select.js
CHANGED
|
@@ -13,29 +13,29 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
13
13
|
|
|
14
14
|
var _lodash = _interopRequireDefault(require("lodash.uniqueid"));
|
|
15
15
|
|
|
16
|
-
var _media = _interopRequireDefault(require("../styles/mixin/media"));
|
|
17
|
-
|
|
18
16
|
var _ti = require("react-icons/ti");
|
|
19
17
|
|
|
20
18
|
var _md = require("react-icons/md");
|
|
21
19
|
|
|
22
|
-
var
|
|
20
|
+
var _hooks = require("@cashub/hooks");
|
|
21
|
+
|
|
22
|
+
var _media = _interopRequireDefault(require("../styles/mixin/media"));
|
|
23
23
|
|
|
24
24
|
var _keycode = _interopRequireDefault(require("../utils/aria/keycode"));
|
|
25
25
|
|
|
26
|
-
var _SelectedSingle = _interopRequireDefault(require("./SelectedSingle"));
|
|
26
|
+
var _SelectedSingle = _interopRequireDefault(require("./subComponent/SelectedSingle"));
|
|
27
27
|
|
|
28
|
-
var _SelectedMultiple = _interopRequireDefault(require("./SelectedMultiple"));
|
|
28
|
+
var _SelectedMultiple = _interopRequireDefault(require("./subComponent/SelectedMultiple"));
|
|
29
29
|
|
|
30
|
-
var _ListBox = _interopRequireDefault(require("./ListBox"));
|
|
30
|
+
var _ListBox = _interopRequireDefault(require("./subComponent/ListBox"));
|
|
31
31
|
|
|
32
|
-
var _SearchBox = _interopRequireDefault(require("./SearchBox"));
|
|
32
|
+
var _SearchBox = _interopRequireDefault(require("./subComponent/SearchBox"));
|
|
33
33
|
|
|
34
|
-
var _Options = _interopRequireDefault(require("./Options"));
|
|
34
|
+
var _Options = _interopRequireDefault(require("./subComponent/Options"));
|
|
35
35
|
|
|
36
|
-
var _OptionGroup = _interopRequireDefault(require("./OptionGroup"));
|
|
36
|
+
var _OptionGroup = _interopRequireDefault(require("./subComponent/OptionGroup"));
|
|
37
37
|
|
|
38
|
-
var _Option = _interopRequireDefault(require("./Option"));
|
|
38
|
+
var _Option = _interopRequireDefault(require("./subComponent/Option"));
|
|
39
39
|
|
|
40
40
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
41
41
|
|
|
@@ -144,7 +144,7 @@ var Select = function Select(_ref) {
|
|
|
144
144
|
search = _useState20[0],
|
|
145
145
|
setSearch = _useState20[1];
|
|
146
146
|
|
|
147
|
-
var _useCustomPopper = (0,
|
|
147
|
+
var _useCustomPopper = (0, _hooks.useCustomPopper)(listBoxElement, dropdownElement),
|
|
148
148
|
styles = _useCustomPopper.styles,
|
|
149
149
|
attributes = _useCustomPopper.attributes,
|
|
150
150
|
state = _useCustomPopper.state,
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -7,7 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
9
|
|
|
10
|
-
var _scrollbar = _interopRequireDefault(require("
|
|
10
|
+
var _scrollbar = _interopRequireDefault(require("../../styles/mixin/scrollbar"));
|
|
11
11
|
|
|
12
12
|
var _templateObject;
|
|
13
13
|
|
|
@@ -11,7 +11,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
11
11
|
|
|
12
12
|
var _go = require("react-icons/go");
|
|
13
13
|
|
|
14
|
-
var _inputPlaceholder = _interopRequireDefault(require("
|
|
14
|
+
var _inputPlaceholder = _interopRequireDefault(require("../../styles/mixin/inputPlaceholder"));
|
|
15
15
|
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
17
|
|
|
File without changes
|
|
File without changes
|
package/table/ImageBox.js
CHANGED
|
@@ -7,7 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
9
|
|
|
10
|
-
var _Logo = _interopRequireDefault(require("./Logo"));
|
|
10
|
+
var _Logo = _interopRequireDefault(require("./subComponent/Logo"));
|
|
11
11
|
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
13
|
|
package/table/Table.js
CHANGED
|
@@ -13,15 +13,15 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
|
13
13
|
|
|
14
14
|
var _media = _interopRequireDefault(require("../styles/mixin/media"));
|
|
15
15
|
|
|
16
|
-
var _TableHeadCell = _interopRequireDefault(require("./TableHeadCell"));
|
|
16
|
+
var _TableHeadCell = _interopRequireDefault(require("./subComponent/TableHeadCell"));
|
|
17
17
|
|
|
18
|
-
var _TableSort = _interopRequireDefault(require("./TableSort"));
|
|
18
|
+
var _TableSort = _interopRequireDefault(require("./subComponent/TableSort"));
|
|
19
19
|
|
|
20
|
-
var _TableFooter = _interopRequireDefault(require("./TableFooter"));
|
|
20
|
+
var _TableFooter = _interopRequireDefault(require("./subComponent/TableFooter"));
|
|
21
21
|
|
|
22
|
-
var _TableFooterInfo = _interopRequireDefault(require("./TableFooterInfo"));
|
|
22
|
+
var _TableFooterInfo = _interopRequireDefault(require("./subComponent/TableFooterInfo"));
|
|
23
23
|
|
|
24
|
-
var _TableFooterPager = _interopRequireDefault(require("./TableFooterPager"));
|
|
24
|
+
var _TableFooterPager = _interopRequireDefault(require("./subComponent/TableFooterPager"));
|
|
25
25
|
|
|
26
26
|
var _Paginate = _interopRequireDefault(require("../paginate/Paginate"));
|
|
27
27
|
|
|
@@ -7,7 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
9
|
|
|
10
|
-
var _ImageFluid = _interopRequireDefault(require("
|
|
10
|
+
var _ImageFluid = _interopRequireDefault(require("../../image/ImageFluid"));
|
|
11
11
|
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
13
|
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
package/tooltip/Tooltip.js
CHANGED
|
@@ -11,9 +11,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
11
11
|
|
|
12
12
|
var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
|
|
13
13
|
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
var _useCustomPopper2 = _interopRequireDefault(require("../utils/hooks/useCustomPopper"));
|
|
14
|
+
var _hooks = require("@cashub/hooks");
|
|
17
15
|
|
|
18
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
17
|
|
|
@@ -73,9 +71,9 @@ var Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
73
71
|
arrowElement = _useState8[0],
|
|
74
72
|
setArrowElement = _useState8[1];
|
|
75
73
|
|
|
76
|
-
var ownRef = (0,
|
|
74
|
+
var ownRef = (0, _hooks.useForkRef)(setTargetElement, ref);
|
|
77
75
|
|
|
78
|
-
var _useCustomPopper = (0,
|
|
76
|
+
var _useCustomPopper = (0, _hooks.useCustomPopper)(targetElement, tooltipElement, {
|
|
79
77
|
strategy: fixed ? 'fixed' : 'absolute',
|
|
80
78
|
arrowElement: arrowElement
|
|
81
79
|
}),
|
package/wizard/Wizard.js
CHANGED
|
@@ -13,7 +13,7 @@ var _fa = require("react-icons/fa");
|
|
|
13
13
|
|
|
14
14
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _utils = require("@cashub/utils");
|
|
17
17
|
|
|
18
18
|
var _media = _interopRequireDefault(require("../styles/mixin/media"));
|
|
19
19
|
|
|
@@ -155,7 +155,7 @@ var Wizard = function Wizard(props) {
|
|
|
155
155
|
var className = index + 1 === currentStep && 'active';
|
|
156
156
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Step, {
|
|
157
157
|
className: className,
|
|
158
|
-
children: (0,
|
|
158
|
+
children: (0, _utils.isReactComponent)(child) ? /*#__PURE__*/(0, _react.cloneElement)(child, api) : child
|
|
159
159
|
});
|
|
160
160
|
});
|
|
161
161
|
}, [api, children, currentStep]);
|
package/utils/appendToBody.js
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var appendToBody = function appendToBody(id) {
|
|
9
|
-
var result = document.getElementById(id);
|
|
10
|
-
|
|
11
|
-
if (!result) {
|
|
12
|
-
result = document.createElement('div');
|
|
13
|
-
result.setAttribute('id', id);
|
|
14
|
-
document.body.appendChild(result);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
return result;
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
var _default = appendToBody;
|
|
21
|
-
exports.default = _default;
|
package/utils/dataURLtoFile.js
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
9
|
-
|
|
10
|
-
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."); }
|
|
11
|
-
|
|
12
|
-
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); }
|
|
13
|
-
|
|
14
|
-
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; }
|
|
15
|
-
|
|
16
|
-
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; }
|
|
17
|
-
|
|
18
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
19
|
-
|
|
20
|
-
var dataURLtoFile = function dataURLtoFile(dataurl, filename) {
|
|
21
|
-
var arr = dataurl.split(',');
|
|
22
|
-
|
|
23
|
-
var _arr$0$match = arr[0].match(/:(.*?);/),
|
|
24
|
-
_arr$0$match2 = _slicedToArray(_arr$0$match, 2),
|
|
25
|
-
mime = _arr$0$match2[1];
|
|
26
|
-
|
|
27
|
-
var bstr = atob(arr[1]);
|
|
28
|
-
var index = bstr.length;
|
|
29
|
-
var u8arr = new Uint8Array(index);
|
|
30
|
-
|
|
31
|
-
while (index > 0) {
|
|
32
|
-
u8arr[index] = bstr.charCodeAt(index);
|
|
33
|
-
index -= 1;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
return new File([u8arr], filename, {
|
|
37
|
-
type: mime
|
|
38
|
-
});
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
var _default = dataURLtoFile;
|
|
42
|
-
exports.default = _default;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Convert a timestamp into a date and return specific format
|
|
10
|
-
*
|
|
11
|
-
* @param {String|Integer} timestamp The timestamp in unix of YYYY-MM-DD HH:MM:SS format
|
|
12
|
-
* @param {String} format currently accept date for YYYY-MM-DD, time for HH:MM:SS and others for YYYY-MM-DD HH:MM:SS
|
|
13
|
-
*
|
|
14
|
-
* @return {String}
|
|
15
|
-
*/
|
|
16
|
-
var formatDate = function formatDate(timestamp) {
|
|
17
|
-
var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
18
|
-
var date = new Date(timestamp);
|
|
19
|
-
var second = "".concat(date.getSeconds());
|
|
20
|
-
var minutes = "".concat(date.getMinutes());
|
|
21
|
-
var hour = "".concat(date.getHours());
|
|
22
|
-
var month = "".concat(date.getMonth() + 1);
|
|
23
|
-
var day = "".concat(date.getDate());
|
|
24
|
-
var year = "".concat(date.getFullYear());
|
|
25
|
-
if (year.length === 1) year = "000".concat(year);
|
|
26
|
-
if (year.length === 2) year = "00".concat(year);
|
|
27
|
-
if (month.length < 2) month = "0".concat(month);
|
|
28
|
-
if (day.length < 2) day = "0".concat(day);
|
|
29
|
-
if (hour.length < 2) hour = "0".concat(hour);
|
|
30
|
-
if (minutes.length < 2) minutes = "0".concat(minutes);
|
|
31
|
-
if (second.length < 2) second = "0".concat(second);
|
|
32
|
-
|
|
33
|
-
switch (format) {
|
|
34
|
-
case 'date':
|
|
35
|
-
return "".concat(year, "-").concat(month, "-").concat(day);
|
|
36
|
-
|
|
37
|
-
case 'time':
|
|
38
|
-
return "".concat(hour, ":").concat(minutes, ":").concat(second);
|
|
39
|
-
|
|
40
|
-
default:
|
|
41
|
-
return "".concat(year, "-").concat(month, "-").concat(day, " ").concat(hour, ":").concat(minutes, ":").concat(second);
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
var _default = formatDate;
|
|
46
|
-
exports.default = _default;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Convert the amount of data in byte to the largest unit
|
|
10
|
-
*
|
|
11
|
-
* @param {String|Integer} bytes Amount of data in byte
|
|
12
|
-
*
|
|
13
|
-
* @return {String}
|
|
14
|
-
*/
|
|
15
|
-
var formatSize = function formatSize(bytes) {
|
|
16
|
-
var str;
|
|
17
|
-
|
|
18
|
-
if (bytes >= 1073741824) {
|
|
19
|
-
str = "".concat((bytes / 1073741824).toFixed(2), " GB");
|
|
20
|
-
} else if (bytes >= 1048576) {
|
|
21
|
-
str = "".concat((bytes / 1048576).toFixed(2), " MB");
|
|
22
|
-
} else if (bytes >= 1024) {
|
|
23
|
-
str = "".concat((bytes / 1024).toFixed(2), " KB");
|
|
24
|
-
} else if (bytes > 1) {
|
|
25
|
-
str = "".concat((bytes / 1).toFixed(2), " bytes");
|
|
26
|
-
} else if (bytes === 1) {
|
|
27
|
-
str = "".concat(bytes, " byte");
|
|
28
|
-
} else {
|
|
29
|
-
str = '0 bytes';
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
return str;
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
var _default = formatSize;
|
|
36
|
-
exports.default = _default;
|
package/utils/getBase64.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var getBase64 = function getBase64(file, callback) {
|
|
9
|
-
var reader = new FileReader();
|
|
10
|
-
|
|
11
|
-
reader.onload = function () {
|
|
12
|
-
callback(reader.result);
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
reader.readAsDataURL(file);
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
var _default = getBase64;
|
|
19
|
-
exports.default = _default;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _reactPopper = require("react-popper");
|
|
9
|
-
|
|
10
|
-
var useCustomPopper = function useCustomPopper(targetElement, popperElement) {
|
|
11
|
-
var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
|
|
12
|
-
_ref$strategy = _ref.strategy,
|
|
13
|
-
strategy = _ref$strategy === void 0 ? 'absolute' : _ref$strategy,
|
|
14
|
-
_ref$arrowElement = _ref.arrowElement,
|
|
15
|
-
arrowElement = _ref$arrowElement === void 0 ? null : _ref$arrowElement,
|
|
16
|
-
_ref$boundary = _ref.boundary,
|
|
17
|
-
boundary = _ref$boundary === void 0 ? 'clippingParents' : _ref$boundary;
|
|
18
|
-
|
|
19
|
-
return (0, _reactPopper.usePopper)(targetElement, popperElement, {
|
|
20
|
-
strategy: strategy,
|
|
21
|
-
placement: 'bottom',
|
|
22
|
-
modifiers: [{
|
|
23
|
-
name: 'flip',
|
|
24
|
-
enabled: true,
|
|
25
|
-
options: {
|
|
26
|
-
padding: 8
|
|
27
|
-
}
|
|
28
|
-
}, {
|
|
29
|
-
name: 'preventOverflow',
|
|
30
|
-
options: {
|
|
31
|
-
boundary: boundary,
|
|
32
|
-
padding: 8
|
|
33
|
-
}
|
|
34
|
-
}, {
|
|
35
|
-
name: 'offset',
|
|
36
|
-
options: {
|
|
37
|
-
offset: [0, 8]
|
|
38
|
-
}
|
|
39
|
-
}, {
|
|
40
|
-
name: 'arrow',
|
|
41
|
-
options: {
|
|
42
|
-
element: arrowElement
|
|
43
|
-
}
|
|
44
|
-
}]
|
|
45
|
-
});
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
var _default = useCustomPopper;
|
|
49
|
-
exports.default = _default;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
|
|
10
|
-
var _setRef = _interopRequireDefault(require("../react/setRef"));
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
|
-
var useForkRef = function useForkRef(refA, refB) {
|
|
15
|
-
return (0, _react.useMemo)(function () {
|
|
16
|
-
if (refA == null && refB == null) {
|
|
17
|
-
return null;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
return function (refValue) {
|
|
21
|
-
(0, _setRef.default)(refA, refValue);
|
|
22
|
-
(0, _setRef.default)(refB, refValue);
|
|
23
|
-
};
|
|
24
|
-
}, [refA, refB]);
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
var _default = useForkRef;
|
|
28
|
-
exports.default = _default;
|