@beppla/tapas-ui 1.0.67 → 1.0.69

package/module/Calendar/Calendar.js

@@ -1,85 +1,89 @@
-"use strict";
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { TabView, withTheme } from "@rneui/themed";
+import React, { useState } from "react";
+import { View, StyleSheet } from "react-native";
+import { SupportLanguage } from "./types";
+import { calcHeaderWidth, formatDate } from "./helper";
+import CustomRange from "./CustomRange";
+import CalendarBase from "./Calendar.base";
+const curDate = new Date();
+const TapasCalendar = ({
+  languageCode = SupportLanguage.en,
+  current = formatDate(curDate),
+  defaultSelectedDate,
+  autoSize = true,
+  width = 360,
+  height = 436,
+  hideDayNames = false,
+  theme,
+  attachSelectedDate,
+  attachCancel,
+  hideRange = false,
+  ...rest
+}) => {
+  const [tabIndex, setTabIndex] = useState(0);
+  const [innerConWidth, setInnerConWidth] = useState(autoSize ? 0 : calcHeaderWidth(width));
 
-var __assign = this && this.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+  // Inner Container Layout Event to set grid width and height
+  const handleInnerConLayout = event => {
+    const {
+      width
+    } = event.nativeEvent.layout;
+    if (innerConWidth === 0 && autoSize) {
+      setInnerConWidth(calcHeaderWidth(width));
     }
-    return t;
   };
-  return __assign.apply(this, arguments);
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      ...styles.container,
+      flexGrow: autoSize ? 1 : undefined,
+      width: autoSize ? undefined : width,
+      height: autoSize ? undefined : height
+    },
+    onLayout: handleInnerConLayout
+  }, /*#__PURE__*/React.createElement(TabView, {
+    value: tabIndex,
+    onChange: setTabIndex,
+    animationType: "spring"
+  }, /*#__PURE__*/React.createElement(TabView.Item, {
+    style: styles.wFull
+  }, /*#__PURE__*/React.createElement(CalendarBase, _extends({}, rest, {
+    defaultSelectedDate: defaultSelectedDate,
+    current: current,
+    languageCode: languageCode,
+    innerConWidth: innerConWidth,
+    customRangeFn: () => setTabIndex(1),
+    hideDayNames: hideDayNames,
+    attachSelectedDate: dateStr => {
+      attachSelectedDate && attachSelectedDate(dateStr);
+    },
+    attachCancel: attachCancel,
+    hideRange: hideRange
+  }))), /*#__PURE__*/React.createElement(TabView.Item, {
+    style: styles.wFull
+  }, /*#__PURE__*/React.createElement(CustomRange, {
+    backFn: () => setTabIndex(0),
+    rangeVal: [],
+    attachComplete: range => {
+      attachSelectedDate && attachSelectedDate(range.map(item => item ? `${item.year}-${item.month}-${item.day}` : ""));
+    },
+    languageCode: languageCode
+  }))));
 };
-var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-    desc = {
-      enumerable: true,
-      get: function () {
-        return m[k];
-      }
-    };
-  }
-  Object.defineProperty(o, k2, desc);
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
-  Object.defineProperty(o, "default", {
-    enumerable: true,
-    value: v
-  });
-} : function (o, v) {
-  o["default"] = v;
-});
-var __importStar = this && this.__importStar || function () {
-  var ownKeys = function (o) {
-    ownKeys = Object.getOwnPropertyNames || function (o) {
-      var ar = [];
-      for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-      return ar;
-    };
-    return ownKeys(o);
-  };
-  return function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-    __setModuleDefault(result, mod);
-    return result;
-  };
-}();
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+const styles = StyleSheet.create({
+  container: {
+    display: "flex",
+    flexDirection: "column",
+    flexGrow: 1,
+    width: "100%",
+    overflow: "hidden"
+  },
+  wFull: {
+    width: "100%"
   }
-  return t;
-};
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
 });
-var themed_1 = require("@rneui/themed");
-var react_1 = __importStar(require("react"));
-var react_native_1 = require("react-native");
-var types_1 = require("./types");
-var helper_1 = require("./helper");
-var CustomRange_1 = __importDefault(require("./CustomRange"));
-var Calendar_base_1 = __importDefault(require("./Calendar.base"));
-var curDate = new Date();
-var TapasCalendar = function (_a) {
-  var _b = _a.languageCode,
-    languageCode = _b === void 0 ? types_1.SupportLanguage.en : _b,
-    _c = _a.current,
-    current = _c === void 0 ? (0, helper_1.formatDate)(curDate) : _c,
+export default withTheme(TapasCalendar);
+
     defaultSelectedDate = _a.defaultSelectedDate,
     _d = _a.autoSize,
     autoSize = _d === void 0 ? true : _d,
@@ -163,4 +167,3 @@ var styles = react_native_1.StyleSheet.create({
   }
 });
 exports.default = (0, themed_1.withTheme)(TapasCalendar);
-//# sourceMappingURL=Calendar.js.map

package/module/Calendar/ConcreteTimeSelector.js

@@ -474,4 +474,3 @@ var styles = react_native_1.StyleSheet.create({
   }
 });
 exports.default = (0, themed_1.withTheme)(ConcreteTimeSelector);
-//# sourceMappingURL=ConcreteTimeSelector.js.map