@cashub/ui 0.4.2 → 0.5.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.
Files changed (181) hide show
  1. package/Tab/Tab.js +28 -0
  2. package/Tab/TabContext.js +12 -0
  3. package/Tab/TabList.js +47 -0
  4. package/Tab/TabPanel.js +85 -0
  5. package/Tab/TabTab.js +63 -0
  6. package/Tab/index.js +24 -0
  7. package/assets/font/helvetica/Helvetica.ttf +0 -0
  8. package/assets/font/nanumGothic/NanumGothic-Bold.ttf +0 -0
  9. package/assets/font/nanumGothic/NanumGothic-ExtraBold.ttf +0 -0
  10. package/assets/font/nanumGothic/NanumGothic-Regular.ttf +0 -0
  11. package/assets/icons/app-management.png +0 -0
  12. package/assets/icons/burger.png +0 -0
  13. package/assets/icons/map_icon1.png +0 -0
  14. package/assets/icons/map_icon4.png +0 -0
  15. package/assets/images/bg-chart-circle.png +0 -0
  16. package/assets/images/bg-chart-triangle.png +0 -0
  17. package/assets/images/cashub-logo-only.png +0 -0
  18. package/assets/images/logo-cashub.png +0 -0
  19. package/assets/images/map.png +0 -0
  20. package/assets/images/qrcode.png +0 -0
  21. package/billing/BarChart.js +58 -0
  22. package/billing/Grid.js +49 -0
  23. package/billing/Header2.js +28 -0
  24. package/billing/Header3.js +44 -0
  25. package/billing/Paragraph.js +39 -0
  26. package/billing/ParagraphGroup.js +25 -0
  27. package/billing/ParagraphText.js +31 -0
  28. package/billing/Section.js +60 -0
  29. package/billing/SectionBody.js +20 -0
  30. package/billing/SectionHeader.js +31 -0
  31. package/billing/__stories__/BarChart.stories.js_bak +46 -0
  32. package/billing/__stories__/Grid.stories.js_bak +57 -0
  33. package/billing/__stories__/Header2.stories.js_bak +62 -0
  34. package/billing/__stories__/Header3.stories.js_bak +69 -0
  35. package/billing/__stories__/Paragraph.stories.js_bak +84 -0
  36. package/billing/__stories__/ParagraphGroup.stories.js_bak +68 -0
  37. package/billing/__stories__/ParagraphText.stories.js_bak +64 -0
  38. package/billing/__stories__/Section.stories.js_bak +115 -0
  39. package/billing/__stories__/SectionBody.stories.js_bak +62 -0
  40. package/billing/__stories__/SectionHeader.stories.js-bak +68 -0
  41. package/callout/Callout.js +36 -0
  42. package/callout/index.js +15 -0
  43. package/chart/BarChart.js +130 -0
  44. package/chart/DoughnutChart.js +59 -0
  45. package/chart/LineChart.js +121 -0
  46. package/chart/SingleBarChart.js +31 -0
  47. package/chart/index.js +39 -0
  48. package/container/FlexContainer.js +25 -0
  49. package/container/index.js +15 -0
  50. package/datetimePicker/Accordion.js +342 -0
  51. package/datetimePicker/CustomTimeInput.js +77 -0
  52. package/datetimePicker/DatePicker.js +401 -0
  53. package/datetimePicker/DatePickerV2.js +432 -0
  54. package/datetimePicker/DateTimePickerContext.js +12 -0
  55. package/datetimePicker/DatetimePicker.js +80 -0
  56. package/datetimePicker/DatetimePickerV2.js +438 -0
  57. package/datetimePicker/TimeInput.js +37 -0
  58. package/datetimePicker/TimePicker.js +324 -0
  59. package/datetimePicker/accordion/Month.js +188 -0
  60. package/datetimePicker/accordion/Year.js +247 -0
  61. package/datetimePicker/hooks/index.js +31 -0
  62. package/datetimePicker/hooks/useChangeNumber.js +55 -0
  63. package/datetimePicker/hooks/useDecrease.js +54 -0
  64. package/datetimePicker/hooks/useIncrease.js +54 -0
  65. package/datetimePicker/index.js +47 -0
  66. package/datetimePicker/provider/constant.js +44 -0
  67. package/datetimePicker/utils/pad.js +17 -0
  68. package/descriptionList/DescriptionDetail.js +22 -0
  69. package/descriptionList/DescriptionList.js +22 -0
  70. package/descriptionList/DescriptionTerm.js +19 -0
  71. package/descriptionList/index.js +31 -0
  72. package/divider/Divider.js +22 -0
  73. package/divider/index.js +15 -0
  74. package/dropdown/Dropdown.js +92 -0
  75. package/dropdown/DropdownButtonOption.js +19 -0
  76. package/dropdown/DropdownContent.js +94 -0
  77. package/dropdown/DropdownContext.js +12 -0
  78. package/dropdown/DropdownDivOption.js +19 -0
  79. package/dropdown/DropdownItem.js +32 -0
  80. package/dropdown/DropdownLinkOption.js +20 -0
  81. package/dropdown/DropdownToggle.js +58 -0
  82. package/dropdown/index.js +53 -0
  83. package/geolocation/MapInteractor.js +41 -0
  84. package/geolocation/MapSearchBoxControl.js +100 -0
  85. package/geolocation/ReverseGeolocation.js +160 -0
  86. package/geolocation/index.js +23 -0
  87. package/grid/Column.js +33 -0
  88. package/grid/Grid.js +28 -0
  89. package/grid/index.js +23 -0
  90. package/heading/Heading1.js +22 -0
  91. package/heading/Heading2.js +25 -0
  92. package/heading/Heading3.js +4 -4
  93. package/heading/index.js +31 -0
  94. package/icon/IconFigure.js +36 -0
  95. package/icon/index.js +15 -0
  96. package/iconbox/ApplicationIconBox.js +51 -0
  97. package/iconbox/IconBox.js +56 -0
  98. package/iconbox/IconBoxFigure.js +37 -0
  99. package/iconbox/IconBoxImage.js +32 -0
  100. package/iconbox/IconBoxV2.js +42 -0
  101. package/iconbox/index.js +31 -0
  102. package/index.js +377 -0
  103. package/jsoneditor/JsonEditor.js +53 -0
  104. package/jsoneditor/index.js +15 -0
  105. package/layout/Backdrop.js +25 -0
  106. package/layout/Container.js +34 -0
  107. package/layout/Footer.js +32 -0
  108. package/layout/Logo.js +34 -0
  109. package/layout/MenuIcon.js +43 -0
  110. package/link/LinkSpan.js +57 -0
  111. package/link/index.js +15 -0
  112. package/map/CustomLeafletMapContainer.js +23 -0
  113. package/map/LeafletMap.js +224 -0
  114. package/map/index.js +23 -0
  115. package/module/geolocation/api.js +51 -0
  116. package/module/message/index.js +59 -0
  117. package/package.json +16 -1
  118. package/paginate/Paginate.js +110 -0
  119. package/paginate/index.js +15 -0
  120. package/popover/Popover.js +122 -0
  121. package/popover/index.js +15 -0
  122. package/qrcode/QRCode.js +57 -0
  123. package/qrcode/QRCodeContainter.js +34 -0
  124. package/qrcode/index.js +23 -0
  125. package/ribbon/Ribbon.js +28 -0
  126. package/ribbon/index.js +15 -0
  127. package/section/Section.js +64 -0
  128. package/section/SectionBody.js +38 -0
  129. package/section/SectionHeader.js +42 -0
  130. package/section/SectionToolbar.js +22 -0
  131. package/section/index.js +50 -0
  132. package/select/ListBox.js +26 -0
  133. package/select/Option.js +28 -0
  134. package/select/OptionGroup.js +20 -0
  135. package/select/Options.js +25 -0
  136. package/select/SearchBox.js +52 -0
  137. package/select/Select.js +625 -0
  138. package/select/SelectedMultiple.js +34 -0
  139. package/select/SelectedSingle.js +20 -0
  140. package/select/index.js +15 -0
  141. package/services/api/index.js +73 -0
  142. package/styles/header.style.js +11 -0
  143. package/styles/sidebar.style.js +18 -0
  144. package/styles/theme/dark.theme.js +95 -0
  145. package/styles/theme/index.js +16 -0
  146. package/table/ImageBox.js +39 -0
  147. package/table/Logo.js +40 -0
  148. package/table/PermissionTable.js +42 -0
  149. package/table/Table.js +377 -0
  150. package/table/TableFooter.js +19 -0
  151. package/table/TableFooterInfo.js +19 -0
  152. package/table/TableFooterPager.js +19 -0
  153. package/table/TableHeadCell.js +39 -0
  154. package/table/TableSort.js +34 -0
  155. package/table/hooks/index.js +31 -0
  156. package/table/hooks/useLimitChange.js +34 -0
  157. package/table/hooks/usePageChange.js +33 -0
  158. package/table/hooks/useSortChange.js +35 -0
  159. package/table/index.js +31 -0
  160. package/tagify/Tags.js +55 -0
  161. package/tagify/index.js +15 -0
  162. package/text/Paragraph.js +34 -0
  163. package/text/index.js +15 -0
  164. package/timeline/Timeline.js +51 -0
  165. package/timeline/index.js +15 -0
  166. package/toast/CustomToastContainer.js +20 -0
  167. package/toast/index.js +23 -0
  168. package/tooltip/Tooltip.js +154 -0
  169. package/tooltip/index.js +15 -0
  170. package/utils/array/generateRange.js +19 -0
  171. package/utils/chart/customTooltip.js +89 -0
  172. package/utils/chart/padEmptyChartBar.js +48 -0
  173. package/utils/format/datetimeFormat.js +71 -0
  174. package/utils/format/formatDate.js +46 -0
  175. package/utils/hooks/useCustomPopper.js +50 -0
  176. package/utils/hooks/useForkRef.js +28 -0
  177. package/utils/hooks/usePagination.js +86 -0
  178. package/utils/react/setRef.js +17 -0
  179. package/utils/regex/check.js +13 -0
  180. package/wizard/Wizard.js +217 -0
  181. package/wizard/index.js +15 -0
package/Tab/Tab.js ADDED
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _TabContext = _interopRequireDefault(require("./TabContext"));
9
+
10
+ var _jsxRuntime = require("react/jsx-runtime");
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
14
+ var Tab = function Tab(_ref) {
15
+ var children = _ref.children,
16
+ selected = _ref.selected,
17
+ onChange = _ref.onChange;
18
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabContext.default.Provider, {
19
+ value: {
20
+ selected: selected,
21
+ onChange: onChange
22
+ },
23
+ children: children
24
+ });
25
+ };
26
+
27
+ var _default = Tab;
28
+ exports.default = _default;
@@ -0,0 +1,12 @@
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 TabContext = /*#__PURE__*/(0, _react.createContext)(null);
11
+ var _default = TabContext;
12
+ exports.default = _default;
package/Tab/TabList.js ADDED
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
9
+
10
+ var _jsxRuntime = require("react/jsx-runtime");
11
+
12
+ var _templateObject;
13
+
14
+ var _excluded = ["children"];
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
19
+
20
+ 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; }
21
+
22
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
23
+
24
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
25
+
26
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
27
+
28
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
29
+
30
+ var TabList = function TabList(_ref) {
31
+ var children = _ref.children,
32
+ props = _objectWithoutProperties(_ref, _excluded);
33
+
34
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, _objectSpread(_objectSpread({
35
+ role: "tablist"
36
+ }, props), {}, {
37
+ children: children
38
+ }));
39
+ };
40
+
41
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: wrap;\n border-bottom: var(--border-width) solid var(--border-color);\n margin-bottom: var(--spacing);\n\n ", "\n"])), function (_ref2) {
42
+ var noMargin = _ref2.noMargin;
43
+ return noMargin && "margin-bottom: 0;";
44
+ });
45
+
46
+ var _default = TabList;
47
+ exports.default = _default;
@@ -0,0 +1,85 @@
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 _styledComponents = _interopRequireDefault(require("styled-components"));
11
+
12
+ var _TabContext = _interopRequireDefault(require("./TabContext"));
13
+
14
+ var _jsxRuntime = require("react/jsx-runtime");
15
+
16
+ var _templateObject;
17
+
18
+ var _excluded = ["children", "name"];
19
+
20
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
+
22
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
23
+
24
+ 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; }
25
+
26
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
27
+
28
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
29
+
30
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
31
+
32
+ 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."); }
33
+
34
+ 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); }
35
+
36
+ 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; }
37
+
38
+ 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; }
39
+
40
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
41
+
42
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
43
+
44
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
45
+
46
+ var TabPanel = function TabPanel(_ref) {
47
+ var children = _ref.children,
48
+ name = _ref.name,
49
+ props = _objectWithoutProperties(_ref, _excluded);
50
+
51
+ var _useContext = (0, _react.useContext)(_TabContext.default),
52
+ selected = _useContext.selected;
53
+
54
+ var _useState = (0, _react.useState)(false),
55
+ _useState2 = _slicedToArray(_useState, 2),
56
+ rendered = _useState2[0],
57
+ setRendered = _useState2[1];
58
+
59
+ var tabContent = (0, _react.useMemo)(function () {
60
+ if (rendered) {
61
+ return children;
62
+ } else {
63
+ return null;
64
+ }
65
+ }, [rendered, children]);
66
+ (0, _react.useEffect)(function () {
67
+ if (name === selected) {
68
+ setRendered(true);
69
+ }
70
+ }, [selected, name]);
71
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(Panel, _objectSpread(_objectSpread({
72
+ role: "tabpanel",
73
+ $display: selected === name
74
+ }, props), {}, {
75
+ children: tabContent
76
+ }));
77
+ };
78
+
79
+ var Panel = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: ", ";\n position: relative;\n"])), function (_ref2) {
80
+ var $display = _ref2.$display;
81
+ return $display ? "block" : "none";
82
+ });
83
+
84
+ var _default = TabPanel;
85
+ exports.default = _default;
package/Tab/TabTab.js ADDED
@@ -0,0 +1,63 @@
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 _styledComponents = _interopRequireDefault(require("styled-components"));
11
+
12
+ var _TabContext = _interopRequireDefault(require("./TabContext"));
13
+
14
+ var _jsxRuntime = require("react/jsx-runtime");
15
+
16
+ var _templateObject;
17
+
18
+ var _excluded = ["children", "name"];
19
+
20
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
+
22
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
23
+
24
+ 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; }
25
+
26
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
27
+
28
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
29
+
30
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
31
+
32
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
33
+
34
+ var TabTab = function TabTab(_ref) {
35
+ var children = _ref.children,
36
+ name = _ref.name,
37
+ props = _objectWithoutProperties(_ref, _excluded);
38
+
39
+ var _useContext = (0, _react.useContext)(_TabContext.default),
40
+ selected = _useContext.selected,
41
+ onChange = _useContext.onChange;
42
+
43
+ var handleClick = (0, _react.useCallback)(function () {
44
+ if (selected !== name) {
45
+ onChange(name);
46
+ }
47
+ }, [name, selected, onChange]);
48
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tab, _objectSpread(_objectSpread({
49
+ role: "tab",
50
+ onClick: handleClick,
51
+ active: selected === name
52
+ }, props), {}, {
53
+ children: children
54
+ }));
55
+ };
56
+
57
+ var Tab = _styledComponents.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background: transparent;\n color: var(--font-on-mute);\n padding: 10px var(--spacing-s);\n border: none;\n border-bottom: 4px solid transparent;\n transition: color 0.3s, border 0.3s;\n cursor: pointer;\n\n &:hover {\n color: var(--color-white);\n }\n\n ", "\n"])), function (_ref2) {
58
+ var active = _ref2.active;
59
+ return active && "\n border-color: var(--color-primary);\n color: var(--color-white);\n ";
60
+ });
61
+
62
+ var _default = TabTab;
63
+ exports.default = _default;
package/Tab/index.js ADDED
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _Tab = _interopRequireDefault(require("./Tab"));
9
+
10
+ var _TabList = _interopRequireDefault(require("./TabList"));
11
+
12
+ var _TabTab = _interopRequireDefault(require("./TabTab"));
13
+
14
+ var _TabPanel = _interopRequireDefault(require("./TabPanel"));
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ var _default = Object.assign(_Tab.default, {
19
+ List: _TabList.default,
20
+ Tab: _TabTab.default,
21
+ Panel: _TabPanel.default
22
+ });
23
+
24
+ exports.default = _default;
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
@@ -0,0 +1,58 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _renderer = require("@react-pdf/renderer");
9
+
10
+ var _jsxRuntime = require("react/jsx-runtime");
11
+
12
+ var BillingBarChart = function BillingBarChart(_ref) {
13
+ var theme = _ref.theme,
14
+ percentage = _ref.percentage,
15
+ success = _ref.success,
16
+ warning = _ref.warning,
17
+ danger = _ref.danger;
18
+ var styles = {
19
+ chart: {
20
+ position: "relative",
21
+ width: "100%",
22
+ height: 16,
23
+ borderRadius: 16,
24
+ backgroundColor: theme.bgColor3,
25
+ marginTop: 8
26
+ },
27
+ bar: {
28
+ position: "absolute",
29
+ width: "".concat(percentage, "%"),
30
+ borderRadius: 16,
31
+ top: 0,
32
+ bottom: 0,
33
+ backgroundColor: theme.colorPrimary
34
+ }
35
+ };
36
+
37
+ if (success) {
38
+ styles.bar.backgroundColor = theme.colorSuccess;
39
+ }
40
+
41
+ if (warning) {
42
+ styles.bar.backgroundColor = theme.colorWarning;
43
+ }
44
+
45
+ if (danger) {
46
+ styles.bar.backgroundColor = theme.colorDanger;
47
+ }
48
+
49
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
50
+ style: styles.chart,
51
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
52
+ style: styles.bar
53
+ })
54
+ });
55
+ };
56
+
57
+ var _default = BillingBarChart;
58
+ exports.default = _default;
@@ -0,0 +1,49 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.BillingGrid = exports.BillingColumn = void 0;
7
+
8
+ var _renderer = require("@react-pdf/renderer");
9
+
10
+ var _jsxRuntime = require("react/jsx-runtime");
11
+
12
+ var BillingGrid = function BillingGrid(_ref) {
13
+ var children = _ref.children;
14
+ var styles = {
15
+ display: "flex",
16
+ flexWrap: "wrap",
17
+ flexDirection: "row",
18
+ margin: "0 -8"
19
+ };
20
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
21
+ style: styles,
22
+ children: children
23
+ });
24
+ };
25
+
26
+ exports.BillingGrid = BillingGrid;
27
+
28
+ var BillingColumn = function BillingColumn(_ref2) {
29
+ var children = _ref2.children,
30
+ flex = _ref2.flex;
31
+ var styles = {
32
+ padding: "0 8",
33
+ width: "50%"
34
+ };
35
+
36
+ if (flex) {
37
+ styles.display = "flex";
38
+ styles.alignContent = "stretch";
39
+ styles.alignItems = "stretch";
40
+ styles.flexDirection = "column";
41
+ }
42
+
43
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
44
+ style: styles,
45
+ children: children
46
+ });
47
+ };
48
+
49
+ exports.BillingColumn = BillingColumn;
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _renderer = require("@react-pdf/renderer");
9
+
10
+ var _jsxRuntime = require("react/jsx-runtime");
11
+
12
+ var BillingHeader2 = function BillingHeader2(_ref) {
13
+ var children = _ref.children;
14
+ var styles = {
15
+ fontSize: 20,
16
+ wordBreak: 'break-word',
17
+ textAlign: 'center',
18
+ margin: 0,
19
+ marginBottom: 12
20
+ };
21
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.Text, {
22
+ style: styles,
23
+ children: children
24
+ });
25
+ };
26
+
27
+ var _default = BillingHeader2;
28
+ exports.default = _default;
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _renderer = require("@react-pdf/renderer");
9
+
10
+ var _jsxRuntime = require("react/jsx-runtime");
11
+
12
+ var BillingHeader3 = function BillingHeader3(_ref) {
13
+ var children = _ref.children,
14
+ fontWeightNormal = _ref.fontWeightNormal,
15
+ noMarginBottom = _ref.noMarginBottom,
16
+ paddingBottom = _ref.paddingBottom;
17
+ var styles = {
18
+ fontSize: 14,
19
+ lineHeight: 1.25,
20
+ wordBreak: 'break-word',
21
+ fontWeight: 'bold',
22
+ marginBottom: 8
23
+ };
24
+
25
+ if (fontWeightNormal) {
26
+ styles.fontWeight = 'normal';
27
+ }
28
+
29
+ if (noMarginBottom) {
30
+ styles.marginBottom = 0;
31
+ }
32
+
33
+ if (paddingBottom) {
34
+ styles.paddingBottom = 8;
35
+ }
36
+
37
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.Text, {
38
+ style: styles,
39
+ children: children
40
+ });
41
+ };
42
+
43
+ var _default = BillingHeader3;
44
+ exports.default = _default;
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _renderer = require("@react-pdf/renderer");
9
+
10
+ var _jsxRuntime = require("react/jsx-runtime");
11
+
12
+ var BillingParagraph = function BillingParagraph(_ref) {
13
+ var children = _ref.children,
14
+ marginRight = _ref.marginRight,
15
+ justifyContentBetween = _ref.justifyContentBetween;
16
+ var styles = {
17
+ margin: 0,
18
+ display: 'flex',
19
+ flexDirection: 'row',
20
+ wordBreak: 'break-word',
21
+ overflowWrap: 'break-word'
22
+ };
23
+
24
+ if (marginRight) {
25
+ styles.marginRight = 16;
26
+ }
27
+
28
+ if (justifyContentBetween) {
29
+ styles.justifyContent = 'space-between';
30
+ }
31
+
32
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
33
+ style: styles,
34
+ children: children
35
+ });
36
+ };
37
+
38
+ var _default = BillingParagraph;
39
+ exports.default = _default;
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _renderer = require("@react-pdf/renderer");
9
+
10
+ var _jsxRuntime = require("react/jsx-runtime");
11
+
12
+ var BillingParagraphGroup = function BillingParagraphGroup(_ref) {
13
+ var children = _ref.children;
14
+ var styles = {
15
+ display: 'flex',
16
+ flexDirection: 'row'
17
+ };
18
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
19
+ style: styles,
20
+ children: children
21
+ });
22
+ };
23
+
24
+ var _default = BillingParagraphGroup;
25
+ exports.default = _default;
@@ -0,0 +1,31 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _renderer = require("@react-pdf/renderer");
9
+
10
+ var _jsxRuntime = require("react/jsx-runtime");
11
+
12
+ var BillingParagraphText = function BillingParagraphText(_ref) {
13
+ var children = _ref.children,
14
+ fontWeightBold = _ref.fontWeightBold;
15
+ var styles = {
16
+ fontSize: 12,
17
+ lineHeight: 1.5
18
+ };
19
+
20
+ if (fontWeightBold) {
21
+ styles.fontWeight = 'bold';
22
+ }
23
+
24
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.Text, {
25
+ style: styles,
26
+ children: children
27
+ });
28
+ };
29
+
30
+ var _default = BillingParagraphText;
31
+ exports.default = _default;
@@ -0,0 +1,60 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _renderer = require("@react-pdf/renderer");
9
+
10
+ var _jsxRuntime = require("react/jsx-runtime");
11
+
12
+ var BillingSection = function BillingSection(_ref) {
13
+ var children = _ref.children,
14
+ theme = _ref.theme,
15
+ backgroundReverse = _ref.backgroundReverse,
16
+ noPadding = _ref.noPadding,
17
+ noMarginBottom = _ref.noMarginBottom,
18
+ paddingS = _ref.paddingS,
19
+ marginBottomS = _ref.marginBottomS,
20
+ flexGrow = _ref.flexGrow;
21
+ var styles = {
22
+ backgroundColor: theme.bgColor1,
23
+ borderRadius: 16,
24
+ color: theme.fontOnBg,
25
+ padding: 12,
26
+ marginBottom: 16
27
+ };
28
+
29
+ if (backgroundReverse) {
30
+ styles.backgroundColor = theme.bgColor2;
31
+ }
32
+
33
+ if (noPadding) {
34
+ styles.padding = 0;
35
+ }
36
+
37
+ if (noMarginBottom) {
38
+ styles.marginBottom = 0;
39
+ }
40
+
41
+ if (paddingS) {
42
+ styles.padding = 8;
43
+ }
44
+
45
+ if (marginBottomS) {
46
+ styles.marginBottom = 12;
47
+ }
48
+
49
+ if (flexGrow) {
50
+ styles.flexGrow = 1;
51
+ }
52
+
53
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
54
+ style: styles,
55
+ children: children
56
+ });
57
+ };
58
+
59
+ var _default = BillingSection;
60
+ exports.default = _default;
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _renderer = require("@react-pdf/renderer");
9
+
10
+ var _jsxRuntime = require("react/jsx-runtime");
11
+
12
+ var BillingSectionBody = function BillingSectionBody(_ref) {
13
+ var children = _ref.children;
14
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
15
+ children: children
16
+ });
17
+ };
18
+
19
+ var _default = BillingSectionBody;
20
+ exports.default = _default;