@beppla/tapas-ui 1.0.67 → 1.0.69

package/module/Calendar/WeekDaySelector.js

@@ -1,129 +1,105 @@
-import { withTheme } from "@rneui/themed";
-import React, { useState } from "react";
-import { StyleSheet, View, Text } from "react-native";
-import Button from "../Button/Button";
-import { locales } from "./local";
-const weekdays = Array.from({
-  length: 7
-}, (_, index) => index + 1);
-const WeekDaySelector = ({
-  selectMode = "single",
-  attachComplete,
-  defaultSelected = -1,
-  languageCode,
-  theme
-}) => {
-  const [selected, setSelected] = useState(defaultSelected);
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.con
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.gridCon
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.grid
-  }, weekdays.map(day => /*#__PURE__*/React.createElement(View, {
-    key: day,
-    style: [styles.item, {
-      borderColor: theme.colors.grey2
-    }, (typeof selected === "number" ? selected === day : selected?.includes(day)) && {
-      backgroundColor: theme.colors.grey4,
-      borderColor: theme.colors.primary
-    }]
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "clear",
-    onPress: () => {
-      if (selectMode === "single") {
-        setSelected(day);
-      }
-      if (selectMode === "multi") {
-        if (typeof selected === "number") {
-          setSelected([selected]);
-        } else if (selected.includes(day)) {
-          setSelected(selected.filter(d => d !== day));
-        } else {
-          setSelected([...selected, day]);
-        }
-      }
-    },
-    style: styles.dayButton
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.dayText
-  }, locales[languageCode]?.dayNames[day - 1])))))), /*#__PURE__*/React.createElement(View, {
-    style: styles.footer
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "clear",
-    onPress: () => {
-      setSelected(defaultSelected);
-      attachComplete && attachComplete(defaultSelected);
-    }
-  }, locales[languageCode]?.reset), /*#__PURE__*/React.createElement(Button, {
-    disabled: typeof selected === "number" ? selected < 0 : selected.length === 0,
-    onPress: () => {
-      if (attachComplete && (typeof selected === "number" ? selected > 0 : selected.length > 0)) {
-        attachComplete(selected);
+"use strict";
+
+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 __spreadArray = this && this.__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
     }
-  }, locales[languageCode]?.done)));
-};
-const styles = StyleSheet.create({
-  con: {
-    display: "flex",
-    flexDirection: "column",
-    flexGrow: 1,
-    overflow: "hidden"
-  },
-  grid: {
-    display: "flex",
-    flexDirection: "row",
-    flexWrap: "wrap",
-    justifyContent: "flex-start",
-    marginLeft: 16,
-    marginRight: 16,
-    marginTop: 8,
-    marginBottom: 8,
-    gap: 8
-  },
-  gridCon: {
-    display: "flex",
-    flexDirection: "column",
-    flexGrow: 1,
-    overflow: "hidden",
-    justifyContent: "flex-start"
-  },
-  item: {
-    width: 160,
-    height: 40,
-    justifyContent: "center",
-    alignItems: "center",
-    display: "flex",
-    flexDirection: "column",
-    borderRadius: 12,
-    borderWidth: 1,
-    borderStyle: "solid"
-  },
-  dayButton: {
-    width: 160,
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  dayText: {
-    fontSize: 14,
-    fontWeight: "400"
-  },
-  footer: {
-    display: "flex",
-    flexDirection: "row",
-    height: 40,
-    marginLeft: 16,
-    marginRight: 16,
-    marginTop: 8,
-    overflow: "hidden",
-    gap: 8,
-    justifyContent: "flex-end"
   }
+  return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-export default withTheme(WeekDaySelector);
-//# sourceMappingURL=WeekDaySelector.js.mape === "single") {
+var themed_1 = require("@rneui/themed");
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var Button_1 = __importDefault(require("../Button/Button"));
+var local_1 = require("./local");
+var weekdays = Array.from({
+  length: 7
+}, function (_, index) {
+  return index + 1;
+});
+var WeekDaySelector = function (_a) {
+  var _b, _c;
+  var _d = _a.selectMode,
+    selectMode = _d === void 0 ? "single" : _d,
+    attachComplete = _a.attachComplete,
+    _e = _a.defaultSelected,
+    defaultSelected = _e === void 0 ? -1 : _e,
+    languageCode = _a.languageCode,
+    theme = _a.theme;
+  var _f = (0, react_1.useState)(defaultSelected),
+    selected = _f[0],
+    setSelected = _f[1];
+  return react_1.default.createElement(react_native_1.View, {
+    style: styles.con
+  }, react_1.default.createElement(react_native_1.View, {
+    style: styles.gridCon
+  }, react_1.default.createElement(react_native_1.View, {
+    style: styles.grid
+  }, weekdays.map(function (day) {
+    var _a;
+    return react_1.default.createElement(react_native_1.View, {
+      key: day,
+      style: [styles.item, {
+        borderColor: theme.colors.grey2
+      }, (typeof selected === "number" ? selected === day : selected === null || selected === void 0 ? void 0 : selected.includes(day)) && {
+        backgroundColor: theme.colors.grey4,
+        borderColor: theme.colors.primary
+      }]
+    }, react_1.default.createElement(Button_1.default, {
+      type: "clear",
+      onPress: function () {
+        if (selectMode === "single") {
           setSelected(day);
         }
         if (selectMode === "multi") {
@@ -218,4 +194,3 @@ var styles = react_native_1.StyleSheet.create({
   }
 });
 exports.default = (0, themed_1.withTheme)(WeekDaySelector);
-//# sourceMappingURL=WeekDaySelector.js.map

package/module/Calendar/helper.js

@@ -1,57 +1,80 @@
-import { locales } from "./local";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIntervalValues = exports.getConcreteTimes = exports.getTimes = exports.getYears = exports.getDays = exports.calcHeaderWidth = exports.formatTitle = exports.formatDate = void 0;
+var local_1 = require("./local");
 /**
  * Formats a date into a string in the format "YYYY-MM-DD".
  * @param date - The date to be formatted.
  * @returns The formatted date string.
  */
-export const formatDate = date => `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}`;
-
+var formatDate = function (date) {
+  return "".concat(date.getFullYear(), "-").concat((date.getMonth() + 1).toString().padStart(2, '0'), "-").concat(date.getDate().toString().padStart(2, '0'));
+};
+exports.formatDate = formatDate;
 /**
  * Formats a date string into a title string based on the language code.
  * @param dateStr - The date string to be formatted.
  * @param languageCode - The language code used to determine the month name.
  * @returns The formatted title string.
  */
-export const formatTitle = (dateStr, languageCode) => {
-  const date = new Date(dateStr);
+var formatTitle = function (dateStr, languageCode) {
+  var _a, _b, _c;
+  var date = new Date(dateStr);
   if (date.toString() === "Invalid Date") return "";
-  const month = date.getMonth();
-  const year = date.getFullYear();
-  return `${locales[languageCode]?.monthNamesShort?.[month] ?? ""} ${year ?? ""}`;
+  var month = date.getMonth();
+  var year = date.getFullYear();
+  return "".concat((_c = (_b = (_a = local_1.locales[languageCode]) === null || _a === void 0 ? void 0 : _a.monthNamesShort) === null || _b === void 0 ? void 0 : _b[month]) !== null && _c !== void 0 ? _c : "", " ").concat(year !== null && year !== void 0 ? year : "");
 };
-export const calcHeaderWidth = width => {
-  const main = width - 10;
+exports.formatTitle = formatTitle;
+var calcHeaderWidth = function (width) {
+  var main = width - 10;
   return main - 10 - (main / 7 - 32);
 };
-export const getDays = (date, languageCode) => {
-  const days = Array.from({
-    length: new Date(date.getFullYear(), date?.getMonth(), 0).getDate()
-  }, (_, index) => `${index + 1}`);
-  days.unshift(locales[languageCode].any);
+exports.calcHeaderWidth = calcHeaderWidth;
+var getDays = function (date, languageCode) {
+  var days = Array.from({
+    length: new Date(date.getFullYear(), date === null || date === void 0 ? void 0 : date.getMonth(), 0).getDate()
+  }, function (_, index) {
+    return "".concat(index + 1);
+  });
+  days.unshift(local_1.locales[languageCode].any);
   return days;
 };
-export const getYears = (date, languageCode) => {
-  const currentYear = date.getFullYear();
-  const years = Array.from({
+exports.getDays = getDays;
+var getYears = function (date, languageCode) {
+  var currentYear = date.getFullYear();
+  var years = Array.from({
     length: currentYear - 1899
-  }, (_, index) => `${1900 + index}`);
-  years.push(locales[languageCode].any);
+  }, function (_, index) {
+    return "".concat(1900 + index);
+  });
+  years.push(local_1.locales[languageCode].any);
   return years;
 };
-
+exports.getYears = getYears;
 /**
  * Generates a list of times in HH:MM format based on the start time and interval.
  * @param startTime - The start time in HH:MM format.
  * @param interval - The time interval in minutes.
  * @returns The list of times in HH:MM format.
  */
-export const getTimes = (startTime, interval = 30) => {
-  const [startHour = 0, startMinute = 0] = startTime.split(":").map(Number);
-  const times = [];
-  let currentHour = startHour;
-  let currentMinute = startMinute;
+var getTimes = function (startTime, interval) {
+  if (interval === void 0) {
+    interval = 30;
+  }
+  var _a = startTime.split(":").map(Number),
+    _b = _a[0],
+    startHour = _b === void 0 ? 0 : _b,
+    _c = _a[1],
+    startMinute = _c === void 0 ? 0 : _c;
+  var times = [];
+  var currentHour = startHour;
+  var currentMinute = startMinute;
   while (currentHour < 24) {
-    times.push(`${currentHour.toString().padStart(2, "0")}:${currentMinute.toString().padStart(2, "0")}`);
+    times.push("".concat(currentHour.toString().padStart(2, "0"), ":").concat(currentMinute.toString().padStart(2, "0")));
     currentMinute += interval;
     if (currentMinute >= 60) {
       currentHour++;
@@ -60,65 +83,42 @@ export const getTimes = (startTime, interval = 30) => {
   }
   return times;
 };
-
+exports.getTimes = getTimes;
 /**
  * Generates a list of times in HH:MM format based on the start time and interval.
  * @param startTime - The start time in HH:MM format.
  * @param entdTime - The end time in HH:MM format.
  * @returns The list of times in HH:MM format.
  */
-export const getConcreteTimes = (startTime = "00:00", endTime = "23:59", returnType = "time") => {
-  const regex = /^([01]?[0-9]|2[0-3]):([0-5][0-9])$/;
+var getConcreteTimes = function (startTime, endTime, returnType) {
+  if (startTime === void 0) {
+    startTime = "00:00";
+  }
+  if (endTime === void 0) {
+    endTime = "23:59";
+  }
+  if (returnType === void 0) {
+    returnType = "time";
+  }
+  var regex = /^([01]?[0-9]|2[0-3]):([0-5][0-9])$/;
   if (!regex.test(startTime) || !regex.test(endTime)) {
     return [];
   }
-  const [startH, startM] = startTime.split(":").map(Number);
-  const [endH, endM] = endTime.split(":").map(Number);
-  const start = (startH ?? 0) * 60 + (startM ?? 0);
-  const end = (endH ?? 23) * 60 + (endM ?? 59);
+  var _a = startTime.split(":").map(Number),
+    startH = _a[0],
+    startM = _a[1];
+  var _b = endTime.split(":").map(Number),
+    endH = _b[0],
+    endM = _b[1];
+  var start = (startH !== null && startH !== void 0 ? startH : 0) * 60 + (startM !== null && startM !== void 0 ? startM : 0);
+  var end = (endH !== null && endH !== void 0 ? endH : 23) * 60 + (endM !== null && endM !== void 0 ? endM : 59);
   if (start > end) {
     return [];
   }
-  const times = [];
-  for (let i = start; i <= end; i++) {
-    const hours = Math.floor(i / 60).toString().padStart(2, '0');
-    const minutes = (i % 60).toString().padStart(2, '0');
-    if (returnType === "time") {
-      times.push(`${hours}:${minutes}`);
-    } else if (returnType === "hours") {
-      times.push(hours);
-    } else if (returnType === "minutes") {
-      times.push(minutes);
-    }
-  }
-  return Array.from(new Set(times));
-};
-
-/**
- * Generates a list of interval values starting from the minimum time and incrementing by 30 minutes, up to the maximum time.
- * @param minTime - The minimum time in minutes.
- * @param maxTime - The maximum time in minutes.
- * @returns The list of interval values.
- */
-export const getIntervalValues = (minTime, maxTime) => {
-  const intervals = [];
-  const [minH = '0', minM = '0'] = minTime.split(":");
-  const min = parseInt(minH) * 60 + parseInt(minM);
-  const [maxH = '0', maxM = '0'] = maxTime.split(":");
-  const max = parseInt(maxH) * 60 + parseInt(maxM);
-  let currentInterval = 30;
-  while (currentInterval + min <= max) {
-    const minutes = currentInterval % 60;
-    const hours = (currentInterval - minutes) / 60;
-    intervals.push({
-      text: `${hours > 0 ? `${hours} hr` : ''}${minutes > 0 ? ` ${minutes} min` : ""}`,
-      time: currentInterval
-    });
-    currentInterval += 30;
-  }
-  return intervals;
-};
-//# sourceMappingURL=helper.js.map% 60).toString().padStart(2, '0');
+  var times = [];
+  for (var i = start; i <= end; i++) {
+    var hours = Math.floor(i / 60).toString().padStart(2, '0');
+    var minutes = (i % 60).toString().padStart(2, '0');
     if (returnType === "time") {
       times.push("".concat(hours, ":").concat(minutes));
     } else if (returnType === "hours") {
@@ -163,4 +163,3 @@ var getIntervalValues = function (minTime, maxTime) {
   return intervals;
 };
 exports.getIntervalValues = getIntervalValues;
-//# sourceMappingURL=helper.js.map

package/module/Calendar/local.js

@@ -75,4 +75,3 @@ exports.locales = {
     minute: "分钟"
   }
 };
-//# sourceMappingURL=local.js.map

package/module/Calendar/types.js

@@ -17,10 +17,9 @@ export let Column = /*#__PURE__*/function (Column) {
   Column["Day"] = "day";
   return Column;
 }({});
-//# sourceMappingURL=types.js.map Column;
+
 (function (Column) {
   Column["Year"] = "year";
   Column["Month"] = "month";
   Column["Day"] = "day";
 })(Column || (exports.Column = Column = {}));
-//# sourceMappingURL=types.js.map

package/module/Card/Card.js

@@ -208,137 +208,3 @@ const useStyles = makeStyles(theme => ({
   }
 }));
 export default withTheme(Card);
-//# sourceMappingURL=Card.js.mapdth: width - 32 - (showNavBtn ? 38 : 0),
-      overflow: "hidden"
-    }]
-  }, react_1.default.createElement(react_native_1.Text, {
-    numberOfLines: 1,
-    ellipsizeMode: "tail",
-    style: styles.subTitle
-  }, subTitle || ""), react_1.default.createElement(react_native_1.Text, {
-    numberOfLines: 1,
-    ellipsizeMode: "tail",
-    style: styles.title
-  }, title || "")), react_1.default.createElement(react_native_1.View, {
-    style: styles.right
-  }, showNavBtn && react_1.default.createElement(react_native_1.Pressable, {
-    onPress: function () {
-      return onPress && onPress(cardId);
-    },
-    style: styles.navBtn
-  }, react_1.default.createElement(TapasIcon_1.default, {
-    size: 20,
-    style: {
-      alignSelf: "center"
-    },
-    color: theme.theme.colors.primary,
-    name: navBtnIcon
-  })))))));
-};
-var useStyles = (0, themed_1.makeStyles)(function (theme) {
-  return {
-    container: {
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "flex-start",
-      width: 285,
-      height: 128,
-      borderRadius: 12,
-      overflow: "hidden",
-      backgroundColor: theme.colors.white,
-      cursor: "pointer"
-    },
-    hoverStyle: {
-      shadowColor: "#000",
-      shadowOffset: {
-        width: 0,
-        height: 8
-      },
-      shadowOpacity: 0.08,
-      shadowRadius: 24,
-      elevation: 12
-    },
-    inner: {
-      marginTop: 10,
-      marginBottom: 16,
-      marginRight: 16,
-      marginLeft: 16,
-      display: "flex",
-      flexGrow: 1,
-      overflow: "hidden",
-      flexDirection: "column",
-      justifyContent: "space-between"
-    },
-    header: {
-      height: 32,
-      display: "flex",
-      flexDirection: "row",
-      width: "100%",
-      overflow: "hidden",
-      justifyContent: "space-between",
-      gap: 8
-    },
-    left: {
-      display: "flex",
-      flexDirection: "row",
-      flexGrow: 1,
-      overflow: "hidden",
-      justifyContent: "flex-start"
-    },
-    right: {
-      display: "flex",
-      flexDirection: "row",
-      overflow: "hidden",
-      justifyContent: "flex-end"
-    },
-    stateCon: {
-      display: "flex",
-      flexDirection: "row",
-      height: 24,
-      alignSelf: "center",
-      paddingLeft: 8,
-      paddingRight: 8,
-      borderRadius: 12
-    },
-    stateText: {
-      fontSize: 10,
-      fontWeight: "700",
-      lineHeight: 24
-    },
-    main: {
-      display: "flex",
-      flexDirection: "row",
-      height: 40,
-      justifyContent: "space-between",
-      overflow: "hidden",
-      width: "100%",
-      gap: 8
-    },
-    navBtn: {
-      display: "flex",
-      flexDirection: "column",
-      width: 28,
-      height: 28,
-      justifyContent: "center",
-      alignSelf: "center",
-      borderRadius: 14,
-      borderColor: theme.colors.greyOutline,
-      borderWidth: 1,
-      transform: "rotate(180deg)",
-      borderStyle: "solid"
-    },
-    subTitle: {
-      fontSize: 10,
-      fontWeight: "700",
-      color: theme.colors.grey1
-    },
-    title: {
-      fontSize: 16,
-      fontWeight: "700",
-      color: theme.colors.primary,
-      overflow: "hidden"
-    }
-  };
-});
-exports.default = (0, themed_1.withTheme)(Card);
-//# sourceMappingURL=Card.js.map