@cashub/ui 0.21.0 → 0.22.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 +9 -13
- package/Tab/TabList.js +14 -32
- package/Tab/TabPanel.js +21 -58
- package/Tab/TabTab.js +20 -40
- package/Tab/index.js +2 -10
- package/Tab/subComponent/TabContext.js +2 -5
- package/animate/Collapse.js +26 -53
- package/animate/Loader.js +21 -26
- package/animate/NumberCounter.js +22 -44
- package/animate/PulseRing.js +9 -21
- package/animate/Spinner.js +2 -10
- package/animate/index.js +5 -11
- package/backdrop/BaseBackdrop.js +2 -9
- package/backdrop/LoadingBackdrop.js +2 -9
- package/backdrop/ModalBackdrop.js +2 -9
- package/backdrop/index.js +3 -7
- package/badge/Badge.js +2 -11
- package/badge/BadgeDot.js +2 -10
- package/badge/BadgeFill.js +15 -20
- package/badge/BadgeWithText.js +6 -13
- package/badge/index.js +4 -9
- package/billing/BarChart.js +10 -17
- package/billing/Grid.js +11 -15
- package/billing/Header2.js +6 -9
- package/billing/Header3.js +9 -16
- package/billing/Paragraph.js +8 -14
- package/billing/ParagraphGroup.js +6 -9
- package/billing/ParagraphText.js +7 -12
- package/billing/Section.js +13 -23
- package/billing/SectionBody.js +5 -8
- package/billing/SectionHeader.js +7 -12
- package/breadcrumb/Breadcrumb.js +11 -21
- package/breadcrumb/index.js +1 -3
- package/button/Button.js +41 -38
- package/button/ButtonGroup.js +21 -18
- package/button/IconButton.js +29 -29
- package/button/ScrollToTopButton.js +12 -39
- package/button/index.js +4 -9
- package/callout/Callout.js +13 -26
- package/callout/index.js +1 -3
- package/chart/BarChart.js +28 -53
- package/chart/DoughnutChart.js +23 -62
- package/chart/LineChart.js +33 -55
- package/chart/SingleBarChart.js +11 -17
- package/chart/index.js +5 -12
- package/chart/utils/customTooltip.js +26 -43
- package/chart/utils/htmlLegendPlugin.js +24 -30
- package/chart/utils/index.js +3 -7
- package/chart/utils/padEmptyChartBar.js +24 -22
- package/container/FlexContainer.js +14 -12
- package/container/index.js +1 -3
- package/cropper/Cropper.js +21 -34
- package/cropper/CropperModalHandler.js +15 -21
- package/cropper/index.js +2 -5
- package/cropper/subComponent/CropImageModal.js +23 -58
- package/datetimePicker/DatePicker.js +103 -217
- package/datetimePicker/DatePickerV2.js +116 -221
- package/datetimePicker/DatetimePicker.js +27 -48
- package/datetimePicker/DatetimePickerV2.js +115 -231
- package/datetimePicker/TimeInput.js +9 -22
- package/datetimePicker/TimePicker.js +94 -151
- package/datetimePicker/TimePickerStyle.js +2 -9
- package/datetimePicker/accordion/Month.js +70 -90
- package/datetimePicker/accordion/Year.js +91 -135
- package/datetimePicker/hooks/index.js +3 -7
- package/datetimePicker/hooks/useChangeNumber.js +14 -27
- package/datetimePicker/hooks/useDecrease.js +19 -35
- package/datetimePicker/hooks/useIncrease.js +19 -35
- package/datetimePicker/index.js +7 -15
- package/datetimePicker/provider/constant.js +2 -3
- package/datetimePicker/subComponent/Accordion.js +108 -158
- package/datetimePicker/subComponent/CustomTimeInput.js +18 -48
- package/datetimePicker/subComponent/DateTimePickerContext.js +2 -5
- package/datetimePicker/utils/GMTDate.js +3 -7
- package/datetimePicker/utils/pad.js +2 -6
- package/datetimePicker/utils/toUTC0.js +3 -6
- package/descriptionList/DescriptionDetail.js +5 -10
- package/descriptionList/DescriptionList.js +5 -10
- package/descriptionList/DescriptionTerm.js +2 -9
- package/descriptionList/index.js +3 -7
- package/divider/Divider.js +9 -12
- package/divider/index.js +1 -3
- package/dropdown/Dropdown.js +28 -65
- package/dropdown/DropdownButtonOption.js +2 -9
- package/dropdown/DropdownContent.js +33 -64
- package/dropdown/DropdownDivOption.js +2 -9
- package/dropdown/DropdownItem.js +10 -16
- package/dropdown/DropdownLinkOption.js +2 -9
- package/dropdown/DropdownToggle.js +18 -38
- package/dropdown/index.js +6 -17
- package/dropdown/subComponent/DropdownContext.js +2 -5
- package/dropzone/FileDropzone.js +148 -302
- package/dropzone/ImageDropzone.js +96 -171
- package/dropzone/index.js +2 -5
- package/dropzone/subComponent/Message.js +7 -14
- package/figure/IconFigure.js +9 -16
- package/figure/ImageFigure.js +11 -17
- package/figure/index.js +2 -5
- package/file/HiddenFileInput.js +5 -14
- package/file/index.js +1 -3
- package/form/Checkbox.js +34 -43
- package/form/FormItem.js +2 -9
- package/form/Input.js +18 -15
- package/form/Label.js +20 -13
- package/form/MutedText.js +5 -10
- package/form/RadioButton.js +20 -32
- package/form/Searchbox.js +21 -65
- package/form/Slider.js +25 -0
- package/form/SwitchButton.js +34 -39
- package/form/Textarea.js +2 -11
- package/form/TreeView.js +64 -0
- package/form/index.js +16 -19
- package/grid/Column.js +17 -17
- package/grid/Grid.js +13 -14
- package/grid/index.js +2 -5
- package/heading/Heading1.js +5 -10
- package/heading/Heading2.js +9 -12
- package/heading/Heading3.js +21 -18
- package/heading/index.js +3 -7
- package/helmet/Helmet.js +6 -9
- package/helmet/index.js +2 -5
- package/iconbox/ApplicationIconBox.js +25 -31
- package/iconbox/IconBox.js +11 -24
- package/iconbox/IconBoxV2.js +14 -26
- package/iconbox/index.js +3 -7
- package/iconbox/subComponent/IconBoxFigure.js +25 -20
- package/iconbox/subComponent/IconBoxImage.js +15 -18
- package/image/ImageFluid.js +2 -10
- package/image/UploadImage.js +65 -113
- package/image/index.js +2 -5
- package/index.js +44 -130
- package/jsoneditor/JsonEditor.js +10 -32
- package/jsoneditor/index.js +1 -3
- package/keyframe/Pulse.js +2 -7
- package/keyframe/Spin.js +2 -7
- package/link/LinkSpan.js +22 -35
- package/link/index.js +1 -3
- package/map/GoogleMap.js +122 -175
- package/map/GoogleReverseGeolocation.js +79 -186
- package/map/LeafletMap.js +78 -132
- package/map/LeafletReverseGeolocation.js +49 -121
- package/map/index.js +4 -9
- package/map/subComponent/BasicLeafletMap.js +8 -14
- package/map/subComponent/GoogleMapContainer.js +5 -10
- package/map/subComponent/GoogleMapPopup.js +66 -123
- package/map/subComponent/GoogleMapWrapper.js +13 -32
- package/map/subComponent/GoogleMarkerSpiderfier.js +14 -24
- package/map/subComponent/LeafletDrawControl.js +47 -84
- package/map/subComponent/LeafletMapContainer.js +5 -10
- package/map/subComponent/MapSearchBoxControl.js +24 -70
- package/modal/StateModal.js +41 -100
- package/modal/TitleModal.js +89 -190
- package/modal/index.js +2 -5
- package/package.json +1 -1
- package/paginate/Paginate.js +40 -54
- package/paginate/index.js +1 -3
- package/popover/Popover.js +39 -87
- package/popover/index.js +1 -3
- package/qrcode/QRCode.js +10 -23
- package/qrcode/QRCodeContainter.js +8 -16
- package/qrcode/index.js +2 -5
- package/ribbon/Ribbon.js +4 -15
- package/ribbon/index.js +1 -3
- package/section/Section.js +57 -39
- package/section/SectionBody.js +15 -22
- package/section/SectionHeader.js +27 -27
- package/section/SectionToolbar.js +2 -9
- package/section/SectionToolbarItem.js +2 -9
- package/section/index.js +5 -11
- package/select/InputSelect.js +103 -215
- package/select/Select.js +204 -362
- package/select/index.js +2 -5
- package/select/subComponent/ListBox.js +9 -12
- package/select/subComponent/Option.js +8 -16
- package/select/subComponent/OptionGroup.js +2 -9
- package/select/subComponent/Options.js +5 -11
- package/select/subComponent/SearchBox.js +9 -29
- package/select/subComponent/SelectedMultiple.js +8 -16
- package/select/subComponent/SelectedSingle.js +2 -9
- package/styles/GlobalStyle.js +169 -91
- package/styles/config/breakpoint.style.js +2 -3
- package/styles/config/header.style.js +2 -3
- package/styles/config/sidebar.style.js +2 -3
- package/styles/index.js +2 -5
- package/styles/mixin/backgroundColor.js +17 -14
- package/styles/mixin/borderColor.js +17 -14
- package/styles/mixin/color.js +17 -14
- package/styles/mixin/colorOnBackground.js +17 -14
- package/styles/mixin/inputPlaceholder.js +3 -9
- package/styles/mixin/media.js +3 -11
- package/styles/mixin/rounded.js +13 -12
- package/styles/mixin/scrollbar.js +7 -13
- package/styles/theme/dark.theme.js +20 -20
- package/styles/theme/light.theme.js +20 -20
- package/styles/theme/white.theme.js +20 -20
- package/styles/themes.js +2 -8
- package/table/GridTable.js +105 -143
- package/table/ImageBox.js +8 -18
- package/table/PermissionTable.js +25 -25
- package/table/Table.js +137 -153
- package/table/__mock__/columns.js +2 -3
- package/table/__mock__/data.js +2 -3
- package/table/hooks/index.js +2 -5
- package/table/hooks/useCalculateDataRange.js +9 -36
- package/table/hooks/useGenerateSort.js +6 -17
- package/table/index.js +4 -9
- package/table/subComponent/BaseTableHeadCell.js +15 -21
- package/table/subComponent/GridTableFooter.js +5 -10
- package/table/subComponent/GridTableHeadCell.js +5 -10
- package/table/subComponent/Resizer.js +17 -44
- package/table/subComponent/TableFooter.js +5 -10
- package/table/subComponent/TableFooterInfo.js +2 -9
- package/table/subComponent/TableFooterPager.js +5 -12
- package/table/subComponent/TableHeadCell.js +2 -9
- package/table/subComponent/TableSort.js +13 -19
- package/tagify/TagifyStyle.js +2 -9
- package/tagify/Tags.js +15 -37
- package/tagify/index.js +2 -5
- package/text/Paragraph.js +25 -20
- package/text/index.js +1 -3
- package/timeline/Timeline.js +28 -37
- package/timeline/index.js +1 -3
- package/toast/CustomToastContainer.js +2 -9
- package/toast/MessageContainer.js +9 -18
- package/toast/index.js +3 -8
- package/toast/show.js +18 -28
- package/tooltip/Tooltip.js +48 -97
- package/tooltip/index.js +1 -3
- package/wizard/Wizard.js +63 -133
- package/wizard/index.js +1 -3
package/animate/Spinner.js
CHANGED
|
@@ -4,18 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
|
-
|
|
10
8
|
var _Spin = _interopRequireDefault(require("../keyframe/Spin"));
|
|
11
|
-
|
|
12
9
|
var _templateObject;
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
var _default = Spinner;
|
|
21
|
-
exports.default = _default;
|
|
12
|
+
const Spinner = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: 0.3rem solid var(--color-background2);\n border-top-color: var(--color-primary);\n animation: 1s ", " infinite linear;\n"])), _Spin.default);
|
|
13
|
+
var _default = exports.default = Spinner;
|
package/animate/index.js
CHANGED
|
@@ -5,43 +5,37 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "Collapse", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
8
|
+
get: function () {
|
|
9
9
|
return _Collapse.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "Loader", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function
|
|
14
|
+
get: function () {
|
|
15
15
|
return _Loader.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "NumberCounter", {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: function
|
|
20
|
+
get: function () {
|
|
21
21
|
return _NumberCounter.default;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "PulseRing", {
|
|
25
25
|
enumerable: true,
|
|
26
|
-
get: function
|
|
26
|
+
get: function () {
|
|
27
27
|
return _PulseRing.default;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "Spinner", {
|
|
31
31
|
enumerable: true,
|
|
32
|
-
get: function
|
|
32
|
+
get: function () {
|
|
33
33
|
return _Spinner.default;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
|
-
|
|
37
36
|
var _Collapse = _interopRequireDefault(require("./Collapse"));
|
|
38
|
-
|
|
39
37
|
var _Loader = _interopRequireDefault(require("./Loader"));
|
|
40
|
-
|
|
41
38
|
var _NumberCounter = _interopRequireDefault(require("./NumberCounter"));
|
|
42
|
-
|
|
43
39
|
var _PulseRing = _interopRequireDefault(require("./PulseRing"));
|
|
44
|
-
|
|
45
40
|
var _Spinner = _interopRequireDefault(require("./Spinner"));
|
|
46
|
-
|
|
47
41
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
package/backdrop/BaseBackdrop.js
CHANGED
|
@@ -4,16 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
|
-
|
|
10
8
|
var _templateObject;
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
10
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
15
|
-
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
var _default = BaseBackdrop;
|
|
19
|
-
exports.default = _default;
|
|
11
|
+
const BaseBackdrop = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--color-backdrop);\n z-index: 50;\n"])));
|
|
12
|
+
var _default = exports.default = BaseBackdrop;
|
|
@@ -4,17 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
|
-
|
|
10
8
|
var _BaseBackdrop = _interopRequireDefault(require("./BaseBackdrop"));
|
|
11
|
-
|
|
12
9
|
var _templateObject;
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
var _default = LoadingBackdrop;
|
|
20
|
-
exports.default = _default;
|
|
12
|
+
const LoadingBackdrop = (0, _styledComponents.default)(_BaseBackdrop.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: var(--color-primary);\n"])));
|
|
13
|
+
var _default = exports.default = LoadingBackdrop;
|
|
@@ -4,17 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
|
-
|
|
10
8
|
var _BaseBackdrop = _interopRequireDefault(require("./BaseBackdrop"));
|
|
11
|
-
|
|
12
9
|
var _templateObject;
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
var _default = ModalBackdrop;
|
|
20
|
-
exports.default = _default;
|
|
12
|
+
const ModalBackdrop = (0, _styledComponents.default)(_BaseBackdrop.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
13
|
+
var _default = exports.default = ModalBackdrop;
|
package/backdrop/index.js
CHANGED
|
@@ -5,27 +5,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "BaseBackdrop", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
8
|
+
get: function () {
|
|
9
9
|
return _BaseBackdrop.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "LoadingBackdrop", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function
|
|
14
|
+
get: function () {
|
|
15
15
|
return _LoadingBackdrop.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "ModalBackdrop", {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: function
|
|
20
|
+
get: function () {
|
|
21
21
|
return _ModalBackdrop.default;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
-
|
|
25
24
|
var _BaseBackdrop = _interopRequireDefault(require("./BaseBackdrop"));
|
|
26
|
-
|
|
27
25
|
var _LoadingBackdrop = _interopRequireDefault(require("./LoadingBackdrop"));
|
|
28
|
-
|
|
29
26
|
var _ModalBackdrop = _interopRequireDefault(require("./ModalBackdrop"));
|
|
30
|
-
|
|
31
27
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
package/badge/Badge.js
CHANGED
|
@@ -4,20 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
|
-
|
|
10
8
|
var _color = _interopRequireDefault(require("../styles/mixin/color"));
|
|
11
|
-
|
|
12
9
|
var _borderColor = _interopRequireDefault(require("../styles/mixin/borderColor"));
|
|
13
|
-
|
|
14
10
|
var _templateObject;
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
var _default = Badge;
|
|
23
|
-
exports.default = _default;
|
|
13
|
+
const Badge = _styledComponents.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n height: auto;\n width: auto;\n font-size: inherit;\n padding: 0.25rem 0.5rem;\n margin: 0 var(--spacing-xs) var(--spacing-xs) 0;\n border: var(--border-width) solid var(--border-color);\n border-radius: var(--border-radius-l);\n\n ", "\n ", "\n"])), _color.default, _borderColor.default);
|
|
14
|
+
var _default = exports.default = Badge;
|
package/badge/BadgeDot.js
CHANGED
|
@@ -4,18 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
|
-
|
|
10
8
|
var _backgroundColor = _interopRequireDefault(require("../styles/mixin/backgroundColor"));
|
|
11
|
-
|
|
12
9
|
var _templateObject;
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
var _default = BadgeDot;
|
|
21
|
-
exports.default = _default;
|
|
12
|
+
const BadgeDot = _styledComponents.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-block;\n height: 8px;\n width: 8px;\n border-radius: var(--border-radius);\n\n ", "\n"])), _backgroundColor.default);
|
|
13
|
+
var _default = exports.default = BadgeDot;
|
package/badge/BadgeFill.js
CHANGED
|
@@ -4,33 +4,28 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
|
-
|
|
10
8
|
var _backgroundColor = _interopRequireDefault(require("../styles/mixin/backgroundColor"));
|
|
11
|
-
|
|
12
9
|
var _colorOnBackground = _interopRequireDefault(require("../styles/mixin/colorOnBackground"));
|
|
13
|
-
|
|
14
10
|
var _templateObject;
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}
|
|
25
|
-
var extraSmall = _ref.extraSmall;
|
|
13
|
+
const BadgeFill = _styledComponents.default.span.attrs(() => ({
|
|
14
|
+
primary: true
|
|
15
|
+
}))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n height: auto;\n width: auto;\n border-radius: var(--border-radius-l);\n font-size: 1rem;\n padding: 0.5rem;\n margin: 0;\n color: var(--font-on-background);\n\n ", "\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), _backgroundColor.default, _colorOnBackground.default, _ref => {
|
|
16
|
+
let {
|
|
17
|
+
extraSmall
|
|
18
|
+
} = _ref;
|
|
26
19
|
return extraSmall && 'font-size: 0.75rem; padding: 0.125rem;';
|
|
27
|
-
},
|
|
28
|
-
|
|
20
|
+
}, _ref2 => {
|
|
21
|
+
let {
|
|
22
|
+
small
|
|
23
|
+
} = _ref2;
|
|
29
24
|
return small && 'font-size: 1rem; padding: 0.25rem;';
|
|
30
|
-
},
|
|
31
|
-
|
|
25
|
+
}, _ref3 => {
|
|
26
|
+
let {
|
|
27
|
+
large
|
|
28
|
+
} = _ref3;
|
|
32
29
|
return large && 'font-size: 2rem;';
|
|
33
30
|
});
|
|
34
|
-
|
|
35
|
-
var _default = BadgeFill;
|
|
36
|
-
exports.default = _default;
|
|
31
|
+
var _default = exports.default = BadgeFill;
|
package/badge/BadgeWithText.js
CHANGED
|
@@ -4,25 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
|
-
|
|
10
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
|
|
12
9
|
var _templateObject;
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
12
|
+
const BadgeWithText = _ref => {
|
|
13
|
+
let {
|
|
14
|
+
children
|
|
15
|
+
} = _ref;
|
|
20
16
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
|
|
21
17
|
children: children
|
|
22
18
|
});
|
|
23
19
|
};
|
|
24
|
-
|
|
25
|
-
var
|
|
26
|
-
|
|
27
|
-
var _default = BadgeWithText;
|
|
28
|
-
exports.default = _default;
|
|
20
|
+
const Wrapper = _styledComponents.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n align-items: center;\n margin-bottom: var(--spacing-s);\n\n :not(:last-child) {\n margin-right: var(--spacing-s);\n }\n\n > :first-child {\n margin-right: var(--spacing-xs);\n }\n"])));
|
|
21
|
+
var _default = exports.default = BadgeWithText;
|
package/badge/index.js
CHANGED
|
@@ -5,35 +5,30 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "Badge", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
8
|
+
get: function () {
|
|
9
9
|
return _Badge.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "BadgeDot", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function
|
|
14
|
+
get: function () {
|
|
15
15
|
return _BadgeDot.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "BadgeFill", {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: function
|
|
20
|
+
get: function () {
|
|
21
21
|
return _BadgeFill.default;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "BadgeWithText", {
|
|
25
25
|
enumerable: true,
|
|
26
|
-
get: function
|
|
26
|
+
get: function () {
|
|
27
27
|
return _BadgeWithText.default;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
|
-
|
|
31
30
|
var _Badge = _interopRequireDefault(require("./Badge"));
|
|
32
|
-
|
|
33
31
|
var _BadgeDot = _interopRequireDefault(require("./BadgeDot"));
|
|
34
|
-
|
|
35
32
|
var _BadgeFill = _interopRequireDefault(require("./BadgeFill"));
|
|
36
|
-
|
|
37
33
|
var _BadgeWithText = _interopRequireDefault(require("./BadgeWithText"));
|
|
38
|
-
|
|
39
34
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
package/billing/BarChart.js
CHANGED
|
@@ -4,18 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _renderer = require("@react-pdf/renderer");
|
|
9
|
-
|
|
10
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
9
|
+
const BillingBarChart = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
theme,
|
|
12
|
+
percentage,
|
|
13
|
+
success,
|
|
14
|
+
warning,
|
|
15
|
+
danger
|
|
16
|
+
} = _ref;
|
|
17
|
+
const styles = {
|
|
19
18
|
chart: {
|
|
20
19
|
position: 'relative',
|
|
21
20
|
width: '100%',
|
|
@@ -33,19 +32,15 @@ var BillingBarChart = function BillingBarChart(_ref) {
|
|
|
33
32
|
backgroundColor: theme.colorPrimary
|
|
34
33
|
}
|
|
35
34
|
};
|
|
36
|
-
|
|
37
35
|
if (success) {
|
|
38
36
|
styles.bar.backgroundColor = theme.colorSuccess;
|
|
39
37
|
}
|
|
40
|
-
|
|
41
38
|
if (warning) {
|
|
42
39
|
styles.bar.backgroundColor = theme.colorWarning;
|
|
43
40
|
}
|
|
44
|
-
|
|
45
41
|
if (danger) {
|
|
46
42
|
styles.bar.backgroundColor = theme.colorDanger;
|
|
47
43
|
}
|
|
48
|
-
|
|
49
44
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
|
|
50
45
|
style: styles.chart,
|
|
51
46
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
|
|
@@ -53,6 +48,4 @@ var BillingBarChart = function BillingBarChart(_ref) {
|
|
|
53
48
|
})
|
|
54
49
|
});
|
|
55
50
|
};
|
|
56
|
-
|
|
57
|
-
var _default = BillingBarChart;
|
|
58
|
-
exports.default = _default;
|
|
51
|
+
var _default = exports.default = BillingBarChart;
|
package/billing/Grid.js
CHANGED
|
@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.BillingGrid = exports.BillingColumn = void 0;
|
|
7
|
-
|
|
8
7
|
var _renderer = require("@react-pdf/renderer");
|
|
9
|
-
|
|
10
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
9
|
+
const BillingGrid = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
children
|
|
12
|
+
} = _ref;
|
|
13
|
+
const styles = {
|
|
15
14
|
display: 'flex',
|
|
16
15
|
flexWrap: 'wrap',
|
|
17
16
|
flexDirection: 'row',
|
|
@@ -22,28 +21,25 @@ var BillingGrid = function BillingGrid(_ref) {
|
|
|
22
21
|
children: children
|
|
23
22
|
});
|
|
24
23
|
};
|
|
25
|
-
|
|
26
24
|
exports.BillingGrid = BillingGrid;
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
25
|
+
const BillingColumn = _ref2 => {
|
|
26
|
+
let {
|
|
27
|
+
children,
|
|
28
|
+
flex
|
|
29
|
+
} = _ref2;
|
|
30
|
+
const styles = {
|
|
32
31
|
padding: '0 8',
|
|
33
32
|
width: '50%'
|
|
34
33
|
};
|
|
35
|
-
|
|
36
34
|
if (flex) {
|
|
37
35
|
styles.display = 'flex';
|
|
38
36
|
styles.alignContent = 'stretch';
|
|
39
37
|
styles.alignItems = 'stretch';
|
|
40
38
|
styles.flexDirection = 'column';
|
|
41
39
|
}
|
|
42
|
-
|
|
43
40
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
|
|
44
41
|
style: styles,
|
|
45
42
|
children: children
|
|
46
43
|
});
|
|
47
44
|
};
|
|
48
|
-
|
|
49
45
|
exports.BillingColumn = BillingColumn;
|
package/billing/Header2.js
CHANGED
|
@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _renderer = require("@react-pdf/renderer");
|
|
9
|
-
|
|
10
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
9
|
+
const BillingHeader2 = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
children
|
|
12
|
+
} = _ref;
|
|
13
|
+
const styles = {
|
|
15
14
|
fontSize: 20,
|
|
16
15
|
wordBreak: 'break-word',
|
|
17
16
|
textAlign: 'center',
|
|
@@ -23,6 +22,4 @@ var BillingHeader2 = function BillingHeader2(_ref) {
|
|
|
23
22
|
children: children
|
|
24
23
|
});
|
|
25
24
|
};
|
|
26
|
-
|
|
27
|
-
var _default = BillingHeader2;
|
|
28
|
-
exports.default = _default;
|
|
25
|
+
var _default = exports.default = BillingHeader2;
|
package/billing/Header3.js
CHANGED
|
@@ -4,41 +4,34 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _renderer = require("@react-pdf/renderer");
|
|
9
|
-
|
|
10
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
9
|
+
const BillingHeader3 = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
children,
|
|
12
|
+
fontWeightNormal,
|
|
13
|
+
noMarginBottom,
|
|
14
|
+
paddingBottom
|
|
15
|
+
} = _ref;
|
|
16
|
+
const styles = {
|
|
18
17
|
fontSize: 14,
|
|
19
18
|
lineHeight: 1.25,
|
|
20
19
|
wordBreak: 'break-word',
|
|
21
20
|
fontWeight: 'bold',
|
|
22
21
|
marginBottom: 8
|
|
23
22
|
};
|
|
24
|
-
|
|
25
23
|
if (fontWeightNormal) {
|
|
26
24
|
styles.fontWeight = 'normal';
|
|
27
25
|
}
|
|
28
|
-
|
|
29
26
|
if (noMarginBottom) {
|
|
30
27
|
styles.marginBottom = 0;
|
|
31
28
|
}
|
|
32
|
-
|
|
33
29
|
if (paddingBottom) {
|
|
34
30
|
styles.paddingBottom = 8;
|
|
35
31
|
}
|
|
36
|
-
|
|
37
32
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.Text, {
|
|
38
33
|
style: styles,
|
|
39
34
|
children: children
|
|
40
35
|
});
|
|
41
36
|
};
|
|
42
|
-
|
|
43
|
-
var _default = BillingHeader3;
|
|
44
|
-
exports.default = _default;
|
|
37
|
+
var _default = exports.default = BillingHeader3;
|
package/billing/Paragraph.js
CHANGED
|
@@ -4,36 +4,30 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _renderer = require("@react-pdf/renderer");
|
|
9
|
-
|
|
10
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
9
|
+
const BillingParagraph = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
children,
|
|
12
|
+
marginRight,
|
|
13
|
+
justifyContentBetween
|
|
14
|
+
} = _ref;
|
|
15
|
+
const styles = {
|
|
17
16
|
margin: 0,
|
|
18
17
|
display: 'flex',
|
|
19
18
|
flexDirection: 'row',
|
|
20
19
|
wordBreak: 'break-word',
|
|
21
20
|
overflowWrap: 'break-word'
|
|
22
21
|
};
|
|
23
|
-
|
|
24
22
|
if (marginRight) {
|
|
25
23
|
styles.marginRight = 16;
|
|
26
24
|
}
|
|
27
|
-
|
|
28
25
|
if (justifyContentBetween) {
|
|
29
26
|
styles.justifyContent = 'space-between';
|
|
30
27
|
}
|
|
31
|
-
|
|
32
28
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
|
|
33
29
|
style: styles,
|
|
34
30
|
children: children
|
|
35
31
|
});
|
|
36
32
|
};
|
|
37
|
-
|
|
38
|
-
var _default = BillingParagraph;
|
|
39
|
-
exports.default = _default;
|
|
33
|
+
var _default = exports.default = BillingParagraph;
|
|
@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _renderer = require("@react-pdf/renderer");
|
|
9
|
-
|
|
10
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
9
|
+
const BillingParagraphGroup = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
children
|
|
12
|
+
} = _ref;
|
|
13
|
+
const styles = {
|
|
15
14
|
display: 'flex',
|
|
16
15
|
flexDirection: 'row'
|
|
17
16
|
};
|
|
@@ -20,6 +19,4 @@ var BillingParagraphGroup = function BillingParagraphGroup(_ref) {
|
|
|
20
19
|
children: children
|
|
21
20
|
});
|
|
22
21
|
};
|
|
23
|
-
|
|
24
|
-
var _default = BillingParagraphGroup;
|
|
25
|
-
exports.default = _default;
|
|
22
|
+
var _default = exports.default = BillingParagraphGroup;
|
package/billing/ParagraphText.js
CHANGED
|
@@ -4,28 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _renderer = require("@react-pdf/renderer");
|
|
9
|
-
|
|
10
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
9
|
+
const BillingParagraphText = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
children,
|
|
12
|
+
fontWeightBold
|
|
13
|
+
} = _ref;
|
|
14
|
+
const styles = {
|
|
16
15
|
fontSize: 12,
|
|
17
16
|
lineHeight: 1.5
|
|
18
17
|
};
|
|
19
|
-
|
|
20
18
|
if (fontWeightBold) {
|
|
21
19
|
styles.fontWeight = 'bold';
|
|
22
20
|
}
|
|
23
|
-
|
|
24
21
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.Text, {
|
|
25
22
|
style: styles,
|
|
26
23
|
children: children
|
|
27
24
|
});
|
|
28
25
|
};
|
|
29
|
-
|
|
30
|
-
var _default = BillingParagraphText;
|
|
31
|
-
exports.default = _default;
|
|
26
|
+
var _default = exports.default = BillingParagraphText;
|