@cashub/ui 0.21.0 → 0.21.1

package/datetimePicker/TimePicker.js

@@ -4,82 +4,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _fa = require("react-icons/fa");
-
 var _moment = _interopRequireDefault(require("moment"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _lodash = _interopRequireDefault(require("lodash.uniqueid"));
-
 var _utils = require("@cashub/utils");
-
 var _hooks = require("./hooks");
-
 var _pad = _interopRequireDefault(require("./utils/pad"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-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; }
-
-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; }
-
-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; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var LENGTH = 2;
-var PAD_STRING = '0';
-
-var TimePicker = function TimePicker(_ref) {
-  var _ref$labelName = _ref.labelName,
-      labelName = _ref$labelName === void 0 ? 'Time' : _ref$labelName,
-      value = _ref.value,
-      onChange = _ref.onChange,
-      _ref$showSecond = _ref.showSecond,
-      showSecond = _ref$showSecond === void 0 ? true : _ref$showSecond;
-
-  var _useState = (0, _react.useState)((0, _lodash.default)('hour-')),
-      _useState2 = _slicedToArray(_useState, 1),
-      hourId = _useState2[0];
-
-  var _useState3 = (0, _react.useState)(function () {
-    var time = (0, _moment.default)(value, 'HH:mm:ss'); // use current time when time value is invalid
-
+const LENGTH = 2;
+const PAD_STRING = '0';
+const TimePicker = _ref => {
+  let {
+    labelName = 'Time',
+    value,
+    onChange,
+    showSecond = true
+  } = _ref;
+  const [hourId] = (0, _react.useState)((0, _lodash.default)('hour-'));
+  const [time, setTime] = (0, _react.useState)(() => {
+    let time = (0, _moment.default)(value, 'HH:mm:ss');
+
+    // use current time when time value is invalid
     if (!value || !time.isValid()) {
       time = (0, _moment.default)();
     }
-
     return {
       hour: (0, _pad.default)(time.hour(), LENGTH, PAD_STRING),
       minute: (0, _pad.default)(time.minute(), LENGTH, PAD_STRING),
       second: (0, _pad.default)(time.second(), LENGTH, PAD_STRING)
     };
-  }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      time = _useState4[0],
-      setTime = _useState4[1];
-
-  (0, _react.useEffect)(function () {
+  });
+  (0, _react.useEffect)(() => {
     if (typeof onChange === 'function' && time.hour && time.minute && time.second) {
       onChange("".concat(time.hour, ":").concat(time.minute, ":").concat(time.second));
     }
@@ -101,40 +61,42 @@ var TimePicker = function TimePicker(_ref) {
     })]
   });
 };
-
-var Hour = function Hour(_ref2) {
-  var id = _ref2.id,
-      value = _ref2.value,
-      setTime = _ref2.setTime;
-  var NAME = 'hour';
-  var MIN = 0;
-  var MAX = 23;
-  var increase = (0, _hooks.useIncrease)(MIN, MAX, setTime, {
+const Hour = _ref2 => {
+  let {
+    id,
+    value,
+    setTime
+  } = _ref2;
+  const NAME = 'hour';
+  const MIN = 0;
+  const MAX = 23;
+  const increase = (0, _hooks.useIncrease)(MIN, MAX, setTime, {
     name: NAME,
     length: LENGTH,
     padString: PAD_STRING
   });
-  var decrease = (0, _hooks.useDecrease)(MIN, MAX, setTime, {
+  const decrease = (0, _hooks.useDecrease)(MIN, MAX, setTime, {
     name: NAME,
     length: LENGTH,
     padString: PAD_STRING
   });
-  var changeNumber = (0, _hooks.useChangeNumber)(MIN, MAX, setTime, NAME);
-  var handleKeyUp = useKeyUp(increase, decrease, MIN, MAX, setTime, NAME);
+  const changeNumber = (0, _hooks.useChangeNumber)(MIN, MAX, setTime, NAME);
+  const handleKeyUp = useKeyUp(increase, decrease, MIN, MAX, setTime, NAME);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Section, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Input, {
       type: "text",
       id: id,
       maxLength: "2",
       value: value,
-      onChange: function onChange(event) {
+      onChange: event => {
         changeNumber(event.target.value);
       },
       onKeyUp: handleKeyUp,
-      onBlur: function onBlur(event) {
-        setTime(function (previous) {
-          var newState = _objectSpread({}, previous);
-
+      onBlur: event => {
+        setTime(previous => {
+          const newState = {
+            ...previous
+          };
           newState[NAME] = (0, _pad.default)(event.target.value, LENGTH, PAD_STRING);
           return newState;
         });
@@ -150,30 +112,27 @@ var Hour = function Hour(_ref2) {
     })]
   });
 };
-
-var Minute = function Minute(_ref3) {
-  var value = _ref3.value,
-      setTime = _ref3.setTime;
-  var NAME = 'minute';
-  var MIN = 0;
-  var MAX = 59;
-
-  var _useState5 = (0, _react.useState)((0, _lodash.default)("".concat(NAME, "-"))),
-      _useState6 = _slicedToArray(_useState5, 1),
-      minuteId = _useState6[0];
-
-  var increase = (0, _hooks.useIncrease)(MIN, MAX, setTime, {
+const Minute = _ref3 => {
+  let {
+    value,
+    setTime
+  } = _ref3;
+  const NAME = 'minute';
+  const MIN = 0;
+  const MAX = 59;
+  const [minuteId] = (0, _react.useState)((0, _lodash.default)("".concat(NAME, "-")));
+  const increase = (0, _hooks.useIncrease)(MIN, MAX, setTime, {
     name: NAME,
     length: LENGTH,
     padString: PAD_STRING
   });
-  var decrease = (0, _hooks.useDecrease)(MIN, MAX, setTime, {
+  const decrease = (0, _hooks.useDecrease)(MIN, MAX, setTime, {
     name: NAME,
     length: LENGTH,
     padString: PAD_STRING
   });
-  var changeNumber = (0, _hooks.useChangeNumber)(MIN, MAX, setTime, NAME);
-  var handleKeyUp = useKeyUp(increase, decrease, MIN, MAX, setTime, NAME);
+  const changeNumber = (0, _hooks.useChangeNumber)(MIN, MAX, setTime, NAME);
+  const handleKeyUp = useKeyUp(increase, decrease, MIN, MAX, setTime, NAME);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Delimiter, {
       children: ":"
@@ -183,14 +142,15 @@ var Minute = function Minute(_ref3) {
         id: minuteId,
         maxLength: "2",
         value: value,
-        onChange: function onChange(event) {
+        onChange: event => {
           changeNumber(event.target.value);
         },
         onKeyUp: handleKeyUp,
-        onBlur: function onBlur(event) {
-          setTime(function (previous) {
-            var newState = _objectSpread({}, previous);
-
+        onBlur: event => {
+          setTime(previous => {
+            const newState = {
+              ...previous
+            };
             newState[NAME] = (0, _pad.default)(event.target.value, LENGTH, PAD_STRING);
             return newState;
           });
@@ -207,30 +167,27 @@ var Minute = function Minute(_ref3) {
     })]
   });
 };
-
-var Second = function Second(_ref4) {
-  var value = _ref4.value,
-      setTime = _ref4.setTime;
-  var NAME = 'second';
-  var MIN = 0;
-  var MAX = 59;
-
-  var _useState7 = (0, _react.useState)((0, _lodash.default)("".concat(NAME, "-"))),
-      _useState8 = _slicedToArray(_useState7, 1),
-      secondId = _useState8[0];
-
-  var increase = (0, _hooks.useIncrease)(MIN, MAX, setTime, {
+const Second = _ref4 => {
+  let {
+    value,
+    setTime
+  } = _ref4;
+  const NAME = 'second';
+  const MIN = 0;
+  const MAX = 59;
+  const [secondId] = (0, _react.useState)((0, _lodash.default)("".concat(NAME, "-")));
+  const increase = (0, _hooks.useIncrease)(MIN, MAX, setTime, {
     name: NAME,
     length: LENGTH,
     padString: PAD_STRING
   });
-  var decrease = (0, _hooks.useDecrease)(MIN, MAX, setTime, {
+  const decrease = (0, _hooks.useDecrease)(MIN, MAX, setTime, {
     name: NAME,
     length: LENGTH,
     padString: PAD_STRING
   });
-  var changeNumber = (0, _hooks.useChangeNumber)(MIN, MAX, setTime, NAME);
-  var handleKeyUp = useKeyUp(increase, decrease, MIN, MAX, setTime, NAME);
+  const changeNumber = (0, _hooks.useChangeNumber)(MIN, MAX, setTime, NAME);
+  const handleKeyUp = useKeyUp(increase, decrease, MIN, MAX, setTime, NAME);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Delimiter, {
       children: ":"
@@ -240,14 +197,15 @@ var Second = function Second(_ref4) {
         id: secondId,
         maxLength: "2",
         value: value,
-        onChange: function onChange(event) {
+        onChange: event => {
           changeNumber(event.target.value);
         },
         onKeyUp: handleKeyUp,
-        onBlur: function onBlur(event) {
-          setTime(function (previous) {
-            var newState = _objectSpread({}, previous);
-
+        onBlur: event => {
+          setTime(previous => {
+            const newState = {
+              ...previous
+            };
             newState[NAME] = (0, _pad.default)(event.target.value, LENGTH, PAD_STRING);
             return newState;
           });
@@ -264,61 +222,46 @@ var Second = function Second(_ref4) {
     })]
   });
 };
-
-var useKeyUp = function useKeyUp(increase, decrease, min, max, setState, name) {
-  return (0, _react.useCallback)(function (event) {
-    var key = event.keyCode;
-
+const useKeyUp = (increase, decrease, min, max, setState, name) => {
+  return (0, _react.useCallback)(event => {
+    const key = event.keyCode;
     switch (key) {
       case _utils.KEY_CODE.UP:
         increase();
         break;
-
       case _utils.KEY_CODE.DOWN:
         decrease();
         break;
-
       case _utils.KEY_CODE.HOME:
-        setState(function (previous) {
-          var newState = _objectSpread({}, previous);
-
+        setState(previous => {
+          const newState = {
+            ...previous
+          };
           newState[name] = (0, _pad.default)(min, LENGTH, PAD_STRING);
           return newState;
         });
         break;
-
       case _utils.KEY_CODE.END:
-        setState(function (previous) {
-          var newState = _objectSpread({}, previous);
-
+        setState(previous => {
+          const newState = {
+            ...previous
+          };
           newState[name] = (0, _pad.default)(max, LENGTH, PAD_STRING);
           return newState;
         });
         break;
-
       default:
         break;
     }
   }, [increase, decrease, min, max, setState, name]);
 };
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
-
-var Label = _styledComponents.default.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-block;\n  color: var(--font-on-background);\n  font-size: var(--font-body1);\n  margin-right: 12px;\n"])));
-
-var Section = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  height: 36px;\n  width: 56px;\n  padding: calc(var(--spacing-xs) / 2) var(--spacing-xs);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius-s);\n  background: transparent;\n  color: var(--font-on-background);\n"])));
-
-var Input = _styledComponents.default.input(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: calc(100% - 4px - 12px);\n  border: none;\n  background: transparent;\n  color: inherit;\n\n  &:focus {\n    outline: none;\n  }\n"])));
-
-var StepperButton = _styledComponents.default.div.attrs(function () {
-  return {
-    role: 'button'
-  };
-})(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 12px;\n  height: 12px;\n\n  > svg {\n    width: 100%;\n    height: 100%;\n    vertical-align: top;\n  }\n\n  &:first-child {\n    margin-bottom: 2px;\n  }\n\n  &:hover {\n    color: var(--color-primary);\n  }\n"])));
-
-var Stepper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-left: calc(var(--spacing-xs) / 2);\n"])));
-
-var Delimiter = _styledComponents.default.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: inline-block;\n  color: var(--font-on-background);\n  font-size: var(--font-body1);\n  width: 12px;\n  text-align: center;\n"])));
-
-var _default = TimePicker;
-exports.default = _default;
+const Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
+const Label = _styledComponents.default.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-block;\n  color: var(--font-on-background);\n  font-size: var(--font-body1);\n  margin-right: 12px;\n"])));
+const Section = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  height: 36px;\n  width: 56px;\n  padding: calc(var(--spacing-xs) / 2) var(--spacing-xs);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius-s);\n  background: transparent;\n  color: var(--font-on-background);\n"])));
+const Input = _styledComponents.default.input(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: calc(100% - 4px - 12px);\n  border: none;\n  background: transparent;\n  color: inherit;\n\n  &:focus {\n    outline: none;\n  }\n"])));
+const StepperButton = _styledComponents.default.div.attrs(() => ({
+  role: 'button'
+}))(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 12px;\n  height: 12px;\n\n  > svg {\n    width: 100%;\n    height: 100%;\n    vertical-align: top;\n  }\n\n  &:first-child {\n    margin-bottom: 2px;\n  }\n\n  &:hover {\n    color: var(--color-primary);\n  }\n"])));
+const Stepper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-left: calc(var(--spacing-xs) / 2);\n"])));
+const Delimiter = _styledComponents.default.span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: inline-block;\n  color: var(--font-on-background);\n  font-size: var(--font-body1);\n  width: 12px;\n  text-align: center;\n"])));
+var _default = exports.default = TimePicker;

package/datetimePicker/TimePickerStyle.js

@@ -4,18 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _scrollbar = _interopRequireDefault(require("../styles/mixin/scrollbar"));
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 // integrate rc-time-picker component
-var TimePickerStyle = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .rc-time-picker-panel-narrow {\n    max-width: none;\n  }\n\n  .rc-time-picker-panel {\n    .rc-time-picker-panel-inner {\n      background: transparent;\n      border: none;\n      box-shadow: none;\n\n      .rc-time-picker-panel-input-wrap {\n        display: none;\n      }\n\n      .rc-time-picker-panel-combobox {\n        height: 144px;\n        border: var(--border-width) solid var(--border-color);\n        color: var(--font-on-background);\n        box-shadow: var(--box-shadow);\n        border-radius: var(--border-radius);\n        background: var(--color-background2);\n\n        .rc-time-picker-panel-select {\n          font-size: var(--font-body1);\n          \n          ", "\n\n          li {\n            &:hover {\n              background: var(--color-hover);\n            }\n            \n            &.rc-time-picker-panel-select-option-selected {\n              background: var(--color-hover);\n            }\n          }\n\n          &:first-child {\n            border-top-left-radius: var(--border-radius);\n            border-bottom-left-radius: var(--border-radius);\n          }\n        }\n      }\n    }\n\n    &.rc-time-picker-panel-placement-bottomLeft {\n      .rc-time-picker-panel-inner {\n        padding-top: calc(36px + var(--spacing-xs));\n      }\n    }\n  }\n"])), _scrollbar.default);
-var _default = TimePickerStyle;
-exports.default = _default;
+const TimePickerStyle = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .rc-time-picker-panel-narrow {\n    max-width: none;\n  }\n\n  .rc-time-picker-panel {\n    .rc-time-picker-panel-inner {\n      background: transparent;\n      border: none;\n      box-shadow: none;\n\n      .rc-time-picker-panel-input-wrap {\n        display: none;\n      }\n\n      .rc-time-picker-panel-combobox {\n        height: 144px;\n        border: var(--border-width) solid var(--border-color);\n        color: var(--font-on-background);\n        box-shadow: var(--box-shadow);\n        border-radius: var(--border-radius);\n        background: var(--color-background2);\n\n        .rc-time-picker-panel-select {\n          font-size: var(--font-body1);\n          \n          ", "\n\n          li {\n            &:hover {\n              background: var(--color-hover);\n            }\n            \n            &.rc-time-picker-panel-select-option-selected {\n              background: var(--color-hover);\n            }\n          }\n\n          &:first-child {\n            border-top-left-radius: var(--border-radius);\n            border-bottom-left-radius: var(--border-radius);\n          }\n        }\n      }\n    }\n\n    &.rc-time-picker-panel-placement-bottomLeft {\n      .rc-time-picker-panel-inner {\n        padding-top: calc(36px + var(--spacing-xs));\n      }\n    }\n  }\n"])), _scrollbar.default);
+var _default = exports.default = TimePickerStyle;

package/datetimePicker/accordion/Month.js

@@ -1,85 +1,64 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _io = require("react-icons/io");
-
 var _md = require("react-icons/md");
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _utils = require("@cashub/utils");
-
 var _DateTimePickerContext = _interopRequireDefault(require("../subComponent/DateTimePickerContext"));
-
 var _constant = require("../provider/constant");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Month = function Month(_ref) {
-  var expand = _ref.expand,
-      handleDisplayAccordionContent = _ref.handleDisplayAccordionContent;
-
-  var _useContext = (0, _react.useContext)(_DateTimePickerContext.default),
-      selectedDate = _useContext.selectedDate,
-      setSelectedDate = _useContext.setSelectedDate,
-      minDate = _useContext.minDate,
-      maxDate = _useContext.maxDate,
-      fixedYear = _useContext.fixedYear,
-      setAccordionCurrentDisplayType = _useContext.setAccordionCurrentDisplayType;
-
-  var handleChangeMonth = (0, _react.useCallback)(function (month) {
+const Month = _ref => {
+  let {
+    expand,
+    handleDisplayAccordionContent
+  } = _ref;
+  const {
+    selectedDate,
+    setSelectedDate,
+    minDate,
+    maxDate,
+    fixedYear,
+    setAccordionCurrentDisplayType
+  } = (0, _react.useContext)(_DateTimePickerContext.default);
+  const handleChangeMonth = (0, _react.useCallback)(month => {
     // switch to the first day of the target month
-    var date = new Date(selectedDate);
+    const date = new Date(selectedDate);
     date.setDate(1);
     date.setMonth(month);
     setSelectedDate((0, _utils.datetimeTFormat)(date));
     setAccordionCurrentDisplayType(null);
   }, [setAccordionCurrentDisplayType, setSelectedDate, selectedDate]);
-
-  var changeToPreviousMonth = function changeToPreviousMonth() {
-    var date = new Date(selectedDate);
+  const changeToPreviousMonth = () => {
+    const date = new Date(selectedDate);
     handleChangeMonth(date.getMonth() <= 0 ? 11 : date.getMonth() - 1);
   };
-
-  var changeToNextMonth = function changeToNextMonth() {
-    var date = new Date(selectedDate);
+  const changeToNextMonth = () => {
+    const date = new Date(selectedDate);
     handleChangeMonth(date.getMonth() >= 11 ? 0 : date.getMonth() + 1);
   };
-
-  var handleMonthItemDisable = (0, _react.useCallback)(function (month) {
-    var minDayDate;
-    var maxDayDate;
-
+  const handleMonthItemDisable = (0, _react.useCallback)(month => {
+    let minDayDate;
+    let maxDayDate;
     if (minDate) {
       minDayDate = new Date((0, _utils.datetimeTFormat)(minDate));
       minDayDate.setMonth(month);
       minDayDate.setFullYear(new Date(selectedDate).getFullYear());
     }
-
     if (maxDate) {
       maxDayDate = maxDate && new Date((0, _utils.datetimeTFormat)(maxDate));
       maxDayDate.setFullYear(new Date(selectedDate).getFullYear());
       maxDayDate.setMonth(month);
     }
-
     if (minDate !== undefined && maxDate !== undefined) {
       return !(new Date((0, _utils.datetimeTFormat)(minDate)) <= minDayDate && maxDayDate <= new Date((0, _utils.datetimeTFormat)(maxDate)));
     } else if (minDate) {
@@ -87,27 +66,22 @@ var Month = function Month(_ref) {
     } else if (maxDate) {
       return !((0, _utils.datetimeTFormat)(maxDayDate) <= (0, _utils.datetimeTFormat)(maxDate));
     }
-
     return false;
   }, [maxDate, minDate, selectedDate]);
-  var handleDisableArrow = (0, _react.useCallback)(function (arrowType) {
-    var date = new Date(selectedDate);
-    var selectedMonth = date.getMonth();
+  const handleDisableArrow = (0, _react.useCallback)(arrowType => {
+    const date = new Date(selectedDate);
+    const selectedMonth = date.getMonth();
     date.setDate(1);
-
     if (arrowType === 'previous') {
       date.setMonth(selectedMonth - 1 < 0 ? 11 : selectedMonth - 1);
     } else {
       date.setMonth(selectedMonth + 1 > 11 ? 0 : selectedMonth + 1);
     }
-
     if (fixedYear && !minDate && !maxDate || !minDate && !maxDate) {
       return false;
     }
-
-    var minDate1st = minDate && new Date((0, _utils.datetimeTFormat)(minDate));
-    var maxDate1st = maxDate && new Date((0, _utils.datetimeTFormat)(maxDate));
-
+    const minDate1st = minDate && new Date((0, _utils.datetimeTFormat)(minDate));
+    const maxDate1st = maxDate && new Date((0, _utils.datetimeTFormat)(maxDate));
     if (minDate && !maxDate) {
       minDate1st.setDate(1);
       minDate1st.setHours(0, 0, 0, 0);
@@ -124,18 +98,16 @@ var Month = function Month(_ref) {
       return !(minDate1st <= date && maxDate1st >= date);
     }
   }, [fixedYear, maxDate, minDate, selectedDate]);
-  var monthContent = (0, _react.useMemo)(function () {
-    var selectedMonth = new Date(selectedDate).getMonth();
-    return _constant.MONTH.map(function (month, index) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Item, {
-        selected: selectedMonth === index,
-        onClick: function onClick() {
-          handleChangeMonth(index);
-        },
-        disabled: handleMonthItemDisable(index),
-        children: month.text
-      }, month.number);
-    });
+  const monthContent = (0, _react.useMemo)(() => {
+    const selectedMonth = new Date(selectedDate).getMonth();
+    return _constant.MONTH.map((month, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Item, {
+      selected: selectedMonth === index,
+      onClick: () => {
+        handleChangeMonth(index);
+      },
+      disabled: handleMonthItemDisable(index),
+      children: month.text
+    }, month.number));
   }, [selectedDate, handleChangeMonth, handleMonthItemDisable]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Header, {
@@ -162,36 +134,44 @@ var Month = function Month(_ref) {
     })]
   });
 };
-
-var Header = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-content: center;\n  position: relative;\n\n  > div {\n    width: 72px;\n    line-height: 36px;\n    text-align: center;\n  }\n\n  &::before {\n    content: '';\n    border-bottom: var(--border-width) solid var(--border-color);\n    position: absolute;\n    width: 300px;\n    bottom: 0;\n    z-index: 1;\n    right: -16px;\n  }\n"])));
-
-var IconButton = _styledComponents.default.button(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 36px;\n  height: 36px;\n  background: var(--color-background1);\n  border: none;\n  color: var(--font-on-background);\n  padding: 0;\n  transition: 0.3s;\n\n  &:hover {\n    color: var(--color-primary);\n  }\n\n  ", "\n\n  ", "\n"])), function (_ref2) {
-  var disabled = _ref2.disabled;
+const Header = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-content: center;\n  position: relative;\n\n  > div {\n    width: 72px;\n    line-height: 36px;\n    text-align: center;\n  }\n\n  &::before {\n    content: '';\n    border-bottom: var(--border-width) solid var(--border-color);\n    position: absolute;\n    width: 300px;\n    bottom: 0;\n    z-index: 1;\n    right: -16px;\n  }\n"])));
+const IconButton = _styledComponents.default.button(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 36px;\n  height: 36px;\n  background: var(--color-background1);\n  border: none;\n  color: var(--font-on-background);\n  padding: 0;\n  transition: 0.3s;\n\n  &:hover {\n    color: var(--color-primary);\n  }\n\n  ", "\n\n  ", "\n"])), _ref2 => {
+  let {
+    disabled
+  } = _ref2;
   return disabled && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      opacity: 0.5;\n\n      &:hover {\n        color: var(--font-on-background);\n      }\n    "])));
-}, function (_ref3) {
-  var right = _ref3.right,
-      $rotate = _ref3.$rotate;
+}, _ref3 => {
+  let {
+    right,
+    $rotate
+  } = _ref3;
   return right && "\n    position: absolute;\n    right: 0;\n    ".concat($rotate && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        transform: rotate(180deg);\n      "]))), "\n  ");
 });
-
-var Body = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  flex-wrap: wrap;\n  height: 0;\n  width: 100%;\n  display: ", ";\n\n  ", "\n  transition: .3s;\n\n  transition: 0.3s;\n"])), function (_ref4) {
-  var expand = _ref4.expand;
+const Body = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  flex-wrap: wrap;\n  height: 0;\n  width: 100%;\n  display: ", ";\n\n  ", "\n  transition: .3s;\n\n  transition: 0.3s;\n"])), _ref4 => {
+  let {
+    expand
+  } = _ref4;
   return expand ? 'flex' : 'none';
-}, function (_ref5) {
-  var fixedYear = _ref5.fixedYear;
+}, _ref5 => {
+  let {
+    fixedYear
+  } = _ref5;
   return (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      min-height: ", "px;\n    "])), fixedYear ? '192' : '144');
 });
-
-var Item = _styledComponents.default.button(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: calc(100% / 3);\n  height: 36px;\n  line-height: 36px;\n  text-align: center;\n  border-radius: var(--border-radius-s);\n  padding: 0;\n  border: none;\n  color: var(--font-on-background);\n  background: var(--color-background1);\n\n  &:hover {\n    ", "\n  }\n\n  ", "\n\n  ", "\n"])), function (_ref6) {
-  var disabled = _ref6.disabled;
+const Item = _styledComponents.default.button(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: calc(100% / 3);\n  height: 36px;\n  line-height: 36px;\n  text-align: center;\n  border-radius: var(--border-radius-s);\n  padding: 0;\n  border: none;\n  color: var(--font-on-background);\n  background: var(--color-background1);\n\n  &:hover {\n    ", "\n  }\n\n  ", "\n\n  ", "\n"])), _ref6 => {
+  let {
+    disabled
+  } = _ref6;
   return !disabled && 'background: var(--color-primary)';
-}, function (_ref7) {
-  var disabled = _ref7.disabled;
+}, _ref7 => {
+  let {
+    disabled
+  } = _ref7;
   return disabled && 'color: var(--font-on-mute)';
-}, function (_ref8) {
-  var selected = _ref8.selected;
+}, _ref8 => {
+  let {
+    selected
+  } = _ref8;
   return selected && 'background: var(--color-hover)';
 });
-
-var _default = Month;
-exports.default = _default;
+var _default = exports.default = Month;