@cashub/ui 0.6.0 → 0.6.2

package/chart/BarChart.js

@@ -11,9 +11,9 @@ var _styledComponents = require("styled-components");
 
 var _reactChartjs = require("react-chartjs-2");
 
-var _customTooltip = _interopRequireDefault(require("../utils/chart/customTooltip"));
+var _customTooltip = _interopRequireDefault(require("./utils/chart/customTooltip"));
 
-var _padEmptyChartBar = _interopRequireDefault(require("../utils/chart/padEmptyChartBar"));
+var _padEmptyChartBar = _interopRequireDefault(require("./utils/chart/padEmptyChartBar"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 

package/chart/DoughnutChart.js

@@ -11,7 +11,7 @@ var _styledComponents = require("styled-components");
 
 var _reactChartjs = require("react-chartjs-2");
 
-var _customTooltip = _interopRequireDefault(require("../utils/chart/customTooltip"));
+var _customTooltip = _interopRequireDefault(require("./utils/chart/customTooltip"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 

package/chart/LineChart.js

@@ -11,7 +11,7 @@ var _styledComponents = require("styled-components");
 
 var _reactChartjs = require("react-chartjs-2");
 
-var _customTooltip = _interopRequireDefault(require("../utils/chart/customTooltip"));
+var _customTooltip = _interopRequireDefault(require("./utils/chart/customTooltip"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 

package/datetimePicker/DatetimePickerV2.js

@@ -79,7 +79,8 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
       maxDate = _ref.maxDate,
       minDate = _ref.minDate,
       onConfirm = _ref.onConfirm,
-      disabled = _ref.disabled;
+      disabled = _ref.disabled,
+      onBlur = _ref.onBlur;
 
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
@@ -149,6 +150,10 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
   };
 
   var handleToggle = function handleToggle() {
+    if (displayPicker && onBlur) {
+      onBlur();
+    }
+
     setDisplayPicker(!displayPicker);
     update();
   };
@@ -195,7 +200,11 @@ var DatetimePickerV2 = function DatetimePickerV2(_ref) {
     onConfirm(inputValue);
     setDisplayPicker(false);
     setAccordionCurrentDisplayType(null);
-  }, [confirmDate, inputValue, onConfirm]);
+
+    if (displayPicker && onBlur) {
+      onBlur();
+    }
+  }, [confirmDate, inputValue, onConfirm, onBlur, displayPicker]);
   var handleChangeDate = (0, _react.useCallback)(function (daysOfMonthForSelectedDate, firstWeekOfMonth, dayIndex, day) {
     var date = new Date(selectedDate); // 先把日期設定成所有月分都有的日期，設定月份時才不會設定到非預期的date
 

package/dropdown/DropdownContent.js

@@ -11,6 +11,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
 
+var _scrollbar = _interopRequireDefault(require("../styles/mixin/scrollbar"));
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _templateObject;
@@ -85,10 +87,10 @@ var DropdownContent = function DropdownContent(_ref) {
   }));
 };
 
-var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  visibility: ", ";\n  min-width: 160px;\n  max-width: 320px;\n  border: 1px solid var(--border-color);\n  color: var(--font-on-background);\n  background: var(--color-background2);\n  box-shadow: var(--box-shadow);\n  border-radius: var(--border-radius);\n  padding: var(--spacing-s) 0;\n  z-index: 20;\n  margin: 0 !important;\n"])), function (_ref2) {
+var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  visibility: ", ";\n  min-width: 160px;\n  max-width: 320px;\n  border: 1px solid var(--border-color);\n  color: var(--font-on-background);\n  background: var(--color-background2);\n  box-shadow: var(--box-shadow);\n  border-radius: var(--border-radius);\n  padding: var(--spacing-s) 0;\n  z-index: 20;\n  margin: 0 !important;\n  max-height: min(320px, ((50vh - 36px) - 20px) - 36px);\n  overflow-y: auto;\n  overflow-x: visible;\n\n  ", "\n"])), function (_ref2) {
   var $display = _ref2.$display;
   return $display === true ? 'visible' : 'hidden';
-});
+}, _scrollbar.default);
 
 var _default = DropdownContent;
 exports.default = _default;

package/index.js

@@ -17,6 +17,19 @@ Object.keys(_animate).forEach(function (key) {
   });
 });
 
+var _backdrop = require("./backdrop");
+
+Object.keys(_backdrop).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _backdrop[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _backdrop[key];
+    }
+  });
+});
+
 var _badge = require("./badge");
 
 Object.keys(_badge).forEach(function (key) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "private": false,
   "author": "CASHUB Team",
   "description": "CASHUB UI components library",

package/module/geolocation/api.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getReverseGeolocation = exports.getGeolocationByAddress = void 0;
-
-var _api = require("../../services/api");
-
-/**
- * call osm nominatim reverse geolocation service
- *
- * @param {Object} coordinates The coordinates to convert
- * @param {Object.latitude}
- * @param {Object.longitude}
- *
- * @fires cashub.reverse.geo.done
- */
-var getReverseGeolocation = function getReverseGeolocation(coordinates) {
-  return _api.callApi.get('https://nominatim.openstreetmap.org/reverse', {
-    params: {
-      lat: coordinates.lat,
-      lon: coordinates.lng,
-      format: 'json',
-      'accept-language': window.navigator.language || window.navigator.languages[0]
-    },
-    external: true
-  });
-};
-/**
- * call osm nominatim search geolocation service
- *
- * @param {String} address The address to convert
- *
- * @fires cashub.reverse.geo.done
- */
-
-
-exports.getReverseGeolocation = getReverseGeolocation;
-
-var getGeolocationByAddress = function getGeolocationByAddress(address) {
-  return _api.callApi.get('https://nominatim.openstreetmap.org/search', {
-    params: {
-      q: address,
-      format: 'json'
-    },
-    external: true
-  });
-};
-
-exports.getGeolocationByAddress = getGeolocationByAddress;

package/module/message/index.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.warning = exports.success = exports.error = void 0;
-
-var _reactToastify = require("react-toastify");
-
-var _MessageContainer = _interopRequireDefault(require("../../toast/MessageContainer"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var success = function success(_ref) {
-  var title = _ref.title,
-      message = _ref.message,
-      _ref$containHTML = _ref.containHTML,
-      containHTML = _ref$containHTML === void 0 ? false : _ref$containHTML;
-
-  _reactToastify.toast.success( /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, {
-    title: title,
-    message: message,
-    containHTML: containHTML
-  }));
-};
-
-exports.success = success;
-
-var error = function error(_ref2) {
-  var title = _ref2.title,
-      message = _ref2.message,
-      _ref2$containHTML = _ref2.containHTML,
-      containHTML = _ref2$containHTML === void 0 ? false : _ref2$containHTML;
-
-  _reactToastify.toast.error( /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, {
-    title: title,
-    message: message,
-    containHTML: containHTML
-  }));
-};
-
-exports.error = error;
-
-var warning = function warning(_ref3) {
-  var title = _ref3.title,
-      message = _ref3.message,
-      _ref3$containHTML = _ref3.containHTML,
-      containHTML = _ref3$containHTML === void 0 ? false : _ref3$containHTML;
-
-  _reactToastify.toast.warning( /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageContainer.default, {
-    title: title,
-    message: message,
-    containHTML: containHTML
-  }));
-};
-
-exports.warning = warning;

package/services/api/index.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.callApi = void 0;
-
-var _react = require("react");
-
-var _axios = _interopRequireDefault(require("axios"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// Create axios instance for set default config
-var numberOfAjaxCallPending = 0;
-
-var callApi = _axios.default.create({
-  baseURL: '/api'
-});
-
-exports.callApi = callApi;
-
-var AxiosInterceptor = function AxiosInterceptor(_ref) {
-  var onBeforeSend = _ref.onBeforeSend,
-      onDone = _ref.onDone,
-      onAllDone = _ref.onAllDone;
-  var countAjaxCall = (0, _react.useCallback)(function () {
-    if (numberOfAjaxCallPending > 0) {
-      numberOfAjaxCallPending -= 1;
-    }
-
-    if (numberOfAjaxCallPending === 0) {
-      onAllDone();
-    }
-  }, [onAllDone]);
-  (0, _react.useEffect)(function () {
-    var requestInterceptor = callApi.interceptors.request.use(function (config) {
-      if (config.global !== false) {
-        numberOfAjaxCallPending += 1;
-      }
-
-      if (typeof onBeforeSend === 'function') {
-        return onBeforeSend(config);
-      }
-
-      return config;
-    }, function (error) {
-      countAjaxCall();
-      return Promise.reject(error);
-    });
-    var responseInterceptor = callApi.interceptors.response.use(function (response) {
-      if (!response) return response;
-      countAjaxCall();
-
-      if (typeof onDone === 'function') {
-        return onDone(response);
-      }
-
-      return response;
-    }, function (error) {
-      countAjaxCall();
-      return Promise.reject(error);
-    });
-    return function () {
-      callApi.interceptors.request.eject(requestInterceptor);
-      callApi.interceptors.response.eject(responseInterceptor);
-    };
-  }, [onBeforeSend, onDone, countAjaxCall]);
-  return null;
-};
-
-var _default = AxiosInterceptor;
-exports.default = _default;