@beppla/tapas-ui 1.0.70 → 1.0.72

package/module/Calendar/DaySelector.js

@@ -1,126 +1,103 @@
-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 days = Array.from({
+"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];
+    }
+  }
+  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
+});
+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 days = Array.from({
   length: 31
-}, (_, index) => index + 1);
-const DaySelector = ({
-  selectMode = "single",
-  attachComplete,
-  defaultSelected = -1,
-  languageCode,
-  theme
-}) => {
-  const [selected, setSelected] = useState(defaultSelected);
-  return /*#__PURE__*/React.createElement(View, {
+}, function (_, index) {
+  return index + 1;
+});
+var DaySelector = 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
-  }, /*#__PURE__*/React.createElement(View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: styles.gridCon
-  }, /*#__PURE__*/React.createElement(View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: styles.grid
-  }, days.map(day => /*#__PURE__*/React.createElement(View, {
-    key: day,
-    style: [styles.item, (typeof selected === "number" ? selected === day : selected?.includes(day)) && {
-      backgroundColor: theme.colors.black
-    }]
-  }, /*#__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]);
+  }, days.map(function (day) {
+    return react_1.default.createElement(react_native_1.View, {
+      key: day,
+      style: [styles.item, (typeof selected === "number" ? selected === day : selected === null || selected === void 0 ? void 0 : selected.includes(day)) && {
+        backgroundColor: theme.colors.black
+      }]
+    }, react_1.default.createElement(Button_1.default, {
+      type: "clear",
+      onPress: function () {
+        if (selectMode === "single") {
+          setSelected(day);
         }
-      }
-    },
-    style: styles.dayButton
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: [styles.dayText, (typeof selected === "number" ? selected === day : selected.includes(day)) && {
-      color: theme.colors.white
-    }]
-  }, day)))))), /*#__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);
-      }
-    }
-  }, 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: 40,
-    height: 40,
-    justifyContent: "center",
-    alignItems: "center",
-    display: "flex",
-    flexDirection: "column",
-    borderRadius: 20
-  },
-  dayButton: {
-    flex: 1,
-    width: 40,
-    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"
-  }
-});
-export default withTheme(DaySelector);
-//# sourceMappingURL=DaySelector.js.map        }
         if (selectMode === "multi") {
           if (typeof selected === "number") {
             setSelected([selected]);
@@ -213,4 +190,3 @@ var styles = react_native_1.StyleSheet.create({
   }
 });
 exports.default = (0, themed_1.withTheme)(DaySelector);
-//# sourceMappingURL=DaySelector.js.map

package/module/Calendar/MonthSelector.js

@@ -123,7 +123,6 @@ const styles = StyleSheet.create({
   }
 });
 export default withTheme(MonthSelector);
-//# sourceMappingURL=MonthSelector.js.map") {
           setSelected(month);
         }
         if (selectMode === "multi") {
@@ -218,4 +217,3 @@ var styles = react_native_1.StyleSheet.create({
   }
 });
 exports.default = (0, themed_1.withTheme)(MonthSelector);
-//# sourceMappingURL=MonthSelector.js.map

package/module/Calendar/TimeSelector.js

@@ -406,7 +406,6 @@ const styles = StyleSheet.create({
   }
 });
 export default withTheme(TimeSelector);
-//# sourceMappingURL=TimeSelector.js.mapme.colors.primary,
       name: "close"
     }),
     onPress: function () {
@@ -580,4 +579,3 @@ var styles = react_native_1.StyleSheet.create({
   }
 });
 exports.default = (0, themed_1.withTheme)(TimeSelector);
-//# sourceMappingURL=TimeSelector.js.map

package/module/Calendar/WeekDaySelector.js

@@ -194,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,80 +1,57 @@
-"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");
+import { locales } from "./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.
  */
-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;
+export const formatDate = date => `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}`;
+
 /**
  * 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.
  */
-var formatTitle = function (dateStr, languageCode) {
-  var _a, _b, _c;
-  var date = new Date(dateStr);
+export const formatTitle = (dateStr, languageCode) => {
+  const date = new Date(dateStr);
   if (date.toString() === "Invalid Date") return "";
-  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 : "");
+  const month = date.getMonth();
+  const year = date.getFullYear();
+  return `${locales[languageCode]?.monthNamesShort?.[month] ?? ""} ${year ?? ""}`;
 };
-exports.formatTitle = formatTitle;
-var calcHeaderWidth = function (width) {
-  var main = width - 10;
+export const calcHeaderWidth = width => {
+  const main = width - 10;
   return main - 10 - (main / 7 - 32);
 };
-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);
+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);
   return days;
 };
-exports.getDays = getDays;
-var getYears = function (date, languageCode) {
-  var currentYear = date.getFullYear();
-  var years = Array.from({
+export const getYears = (date, languageCode) => {
+  const currentYear = date.getFullYear();
+  const years = Array.from({
     length: currentYear - 1899
-  }, function (_, index) {
-    return "".concat(1900 + index);
-  });
-  years.push(local_1.locales[languageCode].any);
+  }, (_, index) => `${1900 + index}`);
+  years.push(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.
  */
-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;
+export const getTimes = (startTime, interval = 30) => {
+  const [startHour = 0, startMinute = 0] = startTime.split(":").map(Number);
+  const times = [];
+  let currentHour = startHour;
+  let currentMinute = startMinute;
   while (currentHour < 24) {
-    times.push("".concat(currentHour.toString().padStart(2, "0"), ":").concat(currentMinute.toString().padStart(2, "0")));
+    times.push(`${currentHour.toString().padStart(2, "0")}:${currentMinute.toString().padStart(2, "0")}`);
     currentMinute += interval;
     if (currentMinute >= 60) {
       currentHour++;
@@ -83,42 +60,64 @@ var getTimes = function (startTime, interval) {
   }
   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.
  */
-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])$/;
+export const getConcreteTimes = (startTime = "00:00", endTime = "23:59", returnType = "time") => {
+  const regex = /^([01]?[0-9]|2[0-3]):([0-5][0-9])$/;
   if (!regex.test(startTime) || !regex.test(endTime)) {
     return [];
   }
-  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);
+  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);
   if (start > end) {
     return [];
   }
-  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');
+  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;
+};
     if (returnType === "time") {
       times.push("".concat(hours, ":").concat(minutes));
     } else if (returnType === "hours") {
@@ -163,4 +162,3 @@ var getIntervalValues = function (minTime, maxTime) {
   return intervals;
 };
 exports.getIntervalValues = getIntervalValues;
-//# sourceMappingURL=helper.js.map

package/module/Calendar/local.js

@@ -1,4 +1,10 @@
-export const locales = {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.locales = void 0;
+exports.locales = {
   en: {
     monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
     monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
@@ -69,10 +75,3 @@ export const locales = {
     minute: "分钟"
   }
 };
-//# sourceMappingURL=local.js.map
-    any: "任意",
-    hour: "小时",
-    minute: "分钟"
-  }
-};
-//# sourceMappingURL=local.js.map

package/module/Calendar/types.js

@@ -1,26 +1,25 @@
-export let CalendarMode = /*#__PURE__*/function (CalendarMode) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Column = exports.SupportLanguage = exports.CalendarMode = void 0;
+var CalendarMode;
+(function (CalendarMode) {
   CalendarMode["Month"] = "month";
   CalendarMode["Week"] = "week";
   CalendarMode["Day"] = "day";
   CalendarMode["Range"] = "range";
-  return CalendarMode;
-}({});
-export let SupportLanguage = /*#__PURE__*/function (SupportLanguage) {
+})(CalendarMode || (exports.CalendarMode = CalendarMode = {}));
+var SupportLanguage;
+(function (SupportLanguage) {
   SupportLanguage["zh"] = "zh";
   SupportLanguage["en"] = "en";
   SupportLanguage["es"] = "es";
-  return SupportLanguage;
-}({});
-export let Column = /*#__PURE__*/function (Column) {
-  Column["Year"] = "year";
-  Column["Month"] = "month";
-  Column["Day"] = "day";
-  return Column;
-}({});
-//# sourceMappingURL=types.js.map Column;
+})(SupportLanguage || (exports.SupportLanguage = SupportLanguage = {}));
+var 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

@@ -290,4 +290,3 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
   };
 });
 exports.default = (0, themed_1.withTheme)(Card);
-//# sourceMappingURL=Card.js.map