@beppla/tapas-ui 1.0.70 → 1.0.72

package/commonjs/CheckBox/GroupCheckBox.js

@@ -1,76 +1,17 @@
 "use strict";
 
-var __createBinding = void 0 && (void 0).__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 = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
-  Object.defineProperty(o, "default", {
-    enumerable: true,
-    value: v
-  });
-} : function (o, v) {
-  o["default"] = v;
-});
-var __importStar = void 0 && (void 0).__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 = void 0 && (void 0).__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]];
-  }
-  return t;
-};
-var __spreadArray = void 0 && (void 0).__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 = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var react_1 = __importStar(require("react"));
-var themed_1 = require("@rneui/themed");
-var CheckBoxItem_1 = __importDefault(require("./CheckBoxItem"));
-var react_native_1 = require("react-native");
-var useStyles = (0, themed_1.makeStyles)(function (theme) {
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _themed = require("@rneui/themed");
+var _CheckBoxItem = _interopRequireDefault(require("./CheckBoxItem"));
+var _reactNative = require("react-native");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 && {}.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; }
+const useStyles = (0, _themed.makeStyles)(theme => {
   return {
     groupContainer: {
       display: "flex",
@@ -87,20 +28,65 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
     }
   };
 });
-var GroupCheckBox = function (_a) {
-  var options = _a.options,
-    onChange = _a.onChange,
-    selectedValues = _a.selectedValues,
-    props = __rest(_a, ["options", "onChange", "selectedValues"]);
-  var styles = useStyles(props); // styles for the component
-  var _b = (0, react_1.useState)(selectedValues || []),
-    selected = _b[0],
-    setSelected = _b[1]; // useState hook to manage the selected values
-  (0, react_1.useEffect)(function () {
+const GroupCheckBox = ({
+  options,
+  onChange,
+  selectedValues,
+  ...props
+}) => {
+  // GroupCheckBox component
+  const styles = useStyles(props); // styles for the component
+  const [selected, setSelected] = (0, _react.useState)(selectedValues || []); // useState hook to manage the selected values
+
+  (0, _react.useEffect)(() => {
     setSelected(selectedValues || []);
   }, [selectedValues]);
-  var getValues = function (_a) {
-    var groupName = _a.groupName,
+  const getValues = ({
+    groupName,
+    value,
+    id
+  }) => {
+    return groupName ? `${groupName}__${value}__${id}` : `${value}__${id}`;
+  };
+  const handleItemPressed = (value, groupName, id) => {
+    const currentValue = getValues({
+      groupName,
+      value,
+      id
+    });
+    let currentSelected;
+    if (selected.includes(currentValue)) {
+      currentSelected = selected.filter(item => item !== currentValue);
+    } else {
+      currentSelected = [...selected, currentValue];
+    }
+    setSelected(currentSelected);
+    return currentSelected;
+  };
+  return options.map((option, index) => {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.groupContainer,
+      key: index
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.categoryTitle
+    }, option.groupName), option.items.map((item, subIndex) => {
+      return /*#__PURE__*/_react.default.createElement(_CheckBoxItem.default, {
+        key: `${index}_${subIndex}`,
+        item: item,
+        selected: selected.includes(getValues({
+          groupName: option.groupName,
+          value: item.value,
+          id: item.id
+        })),
+        onItemPress: currentItem => {
+          const selectedTemp = handleItemPressed(currentItem.value, option?.groupName || "", currentItem?.id);
+          onChange(selectedTemp);
+        }
+      });
+    }));
+  });
+};
+var _default = exports.default = (0, _themed.withTheme)(GroupCheckBox);
       value = _a.value,
       id = _a.id;
     return groupName ? "".concat(groupName, "__").concat(value, "__").concat(id) : "".concat(value, "__").concat(id);
@@ -146,4 +132,3 @@ var GroupCheckBox = function (_a) {
   });
 };
 exports.default = (0, themed_1.withTheme)(GroupCheckBox);
-//# sourceMappingURL=GroupCheckBox.js.map

package/commonjs/CircularProgress/CircularProgress.js

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

package/commonjs/Collapsible/Collapsible.js

@@ -72,7 +72,6 @@ const useStyles = (0, _themed.makeStyles)(theme => ({
   }
 }));
 var _default = exports.default = (0, _themed.withTheme)(Collapsible);
-//# sourceMappingURL=Collapsible.js.map.theme.colors.grey1
   }), react_1.default.createElement(Text_1.default, {
     style: [styles.title, titleStyle]
   }, title)), isOpen && react_1.default.createElement(react_native_1.View, {
@@ -105,4 +104,3 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
   };
 });
 exports.default = (0, themed_1.withTheme)(Collapsible);
-//# sourceMappingURL=Collapsible.js.map

package/commonjs/DashboardCard/DashboardCard.js

@@ -1,21 +1,73 @@
 "use strict";
 
+var __createBinding = void 0 && (void 0).__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 = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+var __importStar = void 0 && (void 0).__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 = void 0 && (void 0).__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]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _TapasIcon = _interopRequireDefault(require("../Icons/TapasIcon"));
-var _reactNative = require("react-native");
-var _themed = require("@rneui/themed");
-var _Hoverable = _interopRequireDefault(require("../Hoverable/Hoverable"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 && {}.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; }
-const useStyles = (0, _themed.makeStyles)((theme, ...props) => {
-  const {
-    disabled
-  } = props[0];
+var react_1 = __importStar(require("react"));
+var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
+var react_native_1 = require("react-native");
+var themed_1 = require("@rneui/themed");
+var Hoverable_1 = __importDefault(require("../Hoverable/Hoverable"));
+var useStyles = (0, themed_1.makeStyles)(function (theme) {
+  var props = [];
+  for (var _i = 1; _i < arguments.length; _i++) {
+    props[_i - 1] = arguments[_i];
+  }
+  var disabled = props[0].disabled;
   return {
     cardWrap: {
       display: "flex",
@@ -123,87 +175,55 @@ const useStyles = (0, _themed.makeStyles)((theme, ...props) => {
     }
   };
 });
-const DashboardCard = ({
-  header,
-  content,
-  footer,
-  onCardPress,
-  testID,
-  ...props
-}) => {
-  const styles = useStyles(props);
-  const [isHovered, setIsHovered] = (0, _react.useState)(false);
-  const handleMouseEnter = () => {
+var DashboardCard = function (_a) {
+  var _b, _c;
+  var header = _a.header,
+    content = _a.content,
+    footer = _a.footer,
+    onCardPress = _a.onCardPress,
+    testID = _a.testID,
+    props = __rest(_a, ["header", "content", "footer", "onCardPress", "testID"]);
+  var styles = useStyles(props);
+  var _d = (0, react_1.useState)(false),
+    isHovered = _d[0],
+    setIsHovered = _d[1];
+  var handleMouseEnter = function () {
     setIsHovered(true);
   };
-  const handleMouseLeave = () => {
+  var handleMouseLeave = function () {
     setIsHovered(false);
   };
-  return /*#__PURE__*/_react.default.createElement(_Hoverable.default, {
+  return react_1.default.createElement(Hoverable_1.default, {
     onHoverIn: handleMouseEnter,
     onHoverOut: handleMouseLeave,
     style: props.cardContainerStyle,
     testID: testID
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+  }, react_1.default.createElement(react_native_1.TouchableOpacity, {
     testID: testID,
-    onPress: () => {
-      if (props?.disabled) return;
+    onPress: function () {
+      if (props === null || props === void 0 ? void 0 : props.disabled) return;
       onCardPress && onCardPress();
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.cardWrap, isHovered && !props?.disabled && styles.cardWrapHover, props.cardStyle]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, react_1.default.createElement(react_native_1.View, {
+    style: [styles.cardWrap, isHovered && !(props === null || props === void 0 ? void 0 : props.disabled) && styles.cardWrapHover, props.cardStyle]
+  }, react_1.default.createElement(react_native_1.View, {
     style: [styles.headerWrap, props.headerStyle]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: [styles.titleWrap, props.titleStyle]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, react_1.default.createElement(react_native_1.View, {
     style: styles.title
-  }, header?.icon && /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
-    name: header?.icon,
+  }, (header === null || header === void 0 ? void 0 : header.icon) && react_1.default.createElement(TapasIcon_1.default, {
+    name: header === null || header === void 0 ? void 0 : header.icon,
     size: 24,
     style: styles.titleIcon
-  }), header?.title && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }), (header === null || header === void 0 ? void 0 : header.title) && react_1.default.createElement(react_native_1.Text, {
     style: styles.titleText,
     numberOfLines: 1,
     ellipsizeMode: "tail"
-  }, header?.title)), header?.description && header?.description?.length > 0 && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, header === null || header === void 0 ? void 0 : header.title)), (header === null || header === void 0 ? void 0 : header.description) && ((_b = header === null || header === void 0 ? void 0 : header.description) === null || _b === void 0 ? void 0 : _b.length) > 0 && react_1.default.createElement(react_native_1.View, {
     style: styles.descriptionWrap
-  }, header?.description?.map((desc, index) => {
-    return desc && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-      style: styles.description,
-      key: index
-    }, desc);
-  }))), header?.action && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: header?.actionStyle,
-    onPress: () => {
-      header?.onPressAction && header?.onPressAction(header);
-    }
-  }, header?.action)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: props.contentStyle
-  }, content && typeof content === 'string' ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.contentTextStyle
-  }, content) : content), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.footerWrap
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.footerTitleWrap
-  }, footer?.title && /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.footerTitleText
-  }, footer?.title)), footer?.description && /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.footerDescriptionText
-  }, footer?.description))), footer?.icon && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: styles.footerIcon,
-    onPress: () => {
-      if (props?.disabled) return;
-      footer?.onPress && footer?.onPress();
-    }
-  }, /*#__PURE__*/_react.default.createElement(_TapasIcon.default, {
-    name: footer?.icon || '',
-    size: 20,
-    style: styles.footerIconStyle
-  }))))));
-};
-var _default = exports.default = DashboardCard;
-//# sourceMappingURL=DashboardCard.js.map& react_1.default.createElement(react_native_1.Text, {
+  }, (_c = header === null || header === void 0 ? void 0 : header.description) === null || _c === void 0 ? void 0 : _c.map(function (desc, index) {
+    return desc && react_1.default.createElement(react_native_1.Text, {
       style: styles.description,
       key: index
     }, desc);
@@ -237,4 +257,3 @@ var _default = exports.default = DashboardCard;
   }))))));
 };
 exports.default = DashboardCard;
-//# sourceMappingURL=DashboardCard.js.map