@beppla/tapas-ui 1.0.67 → 1.0.69

package/module/Dropdown/InputDropdown.js

@@ -1,149 +1,131 @@
-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 React, { Fragment, useState, useEffect } from 'react';
-import { TouchableOpacity, ScrollView } from 'react-native';
-import { withTheme } from '@rneui/themed';
-import CustomDropdown from './CustomDropdown';
-import CustomListItem from '../ListItem/ListItem';
-import { TapasInput } from '../Input/Input';
-import Icon from '../Icons/TapasIcon';
-export * from './CustomDropdown';
-//@ts-ignore
+"use strict";
 
-const InputDropdown = ({
-  value,
-  prefix = '',
-  options,
-  onChange,
-  width,
-  subWidth,
-  subHeight = 150,
-  required,
-  isVisible,
-  readOnly,
-  clearable,
-  label,
-  defaultShowLabel,
-  labelBg,
-  labelColor,
-  disabled,
-  allCreate,
-  labelPosition,
-  // @ts-ignore
-  theme,
-  children,
-  ...props
-}) => {
-  const [selected, selectedItem] = useState(value);
-  const [inputValue, setInputValue] = useState(value?.name || '');
-  const [list, setList] = useState(options);
-  const clearInput = () => {
+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];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+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 __exportStar = this && this.__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+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]];
+  }
+  return t;
+};
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var themed_1 = require("@rneui/themed");
+var CustomDropdown_1 = __importDefault(require("./CustomDropdown"));
+var ListItem_1 = __importDefault(require("../ListItem/ListItem"));
+var Input_1 = require("../Input/Input");
+var TapasIcon_1 = __importDefault(require("../Icons/TapasIcon"));
+__exportStar(require("./CustomDropdown"), exports);
+var InputDropdown = function (_a) {
+  var value = _a.value,
+    _b = _a.prefix,
+    prefix = _b === void 0 ? '' : _b,
+    options = _a.options,
+    onChange = _a.onChange,
+    width = _a.width,
+    subWidth = _a.subWidth,
+    _c = _a.subHeight,
+    subHeight = _c === void 0 ? 150 : _c,
+    required = _a.required,
+    isVisible = _a.isVisible,
+    readOnly = _a.readOnly,
+    clearable = _a.clearable,
+    label = _a.label,
+    defaultShowLabel = _a.defaultShowLabel,
+    labelBg = _a.labelBg,
+    labelColor = _a.labelColor,
+    disabled = _a.disabled,
+    allCreate = _a.allCreate,
+    labelPosition = _a.labelPosition,
+    // @ts-ignore
+    theme = _a.theme,
+    children = _a.children,
+    props = __rest(_a, ["value", "prefix", "options", "onChange", "width", "subWidth", "subHeight", "required", "isVisible", "readOnly", "clearable", "label", "defaultShowLabel", "labelBg", "labelColor", "disabled", "allCreate", "labelPosition", "theme", "children"]);
+  var _d = (0, react_1.useState)(value),
+    selected = _d[0],
+    selectedItem = _d[1];
+  var _e = (0, react_1.useState)((value === null || value === void 0 ? void 0 : value.name) || ''),
+    inputValue = _e[0],
+    setInputValue = _e[1];
+  var _f = (0, react_1.useState)(options),
+    list = _f[0],
+    setList = _f[1];
+  var clearInput = function () {
     setInputValue('');
     selectedItem({});
     setList(options);
     onChange && onChange();
     props.onPress && props.onPress();
   };
-  useEffect(() => {
+  (0, react_1.useEffect)(function () {
     if (value) {
       selectedItem(value);
       setInputValue(value.name);
     }
   }, [JSON.stringify(value)]);
-  const simpleFilter = val => {
-    if (!val) {
-      setList(options);
-      return;
-    }
-    if (Array.isArray(options)) {
-      const filterList = options?.filter(({
-        name
-      }) => name.includes(val));
-      setList(filterList);
-    }
-  };
-  return /*#__PURE__*/React.createElement(CustomDropdown, _extends({
-    value: value?.name,
-    isVisible: isVisible,
-    width: width,
-    subWidth: subWidth,
-    subHeight: subHeight
-  }, props, {
-    customButton: /*#__PURE__*/React.createElement(TapasInput, {
-      required: required,
-      disabled: disabled,
-      readOnly: readOnly,
-      defaultShowLabel: defaultShowLabel,
-      value: inputValue,
-      onFocus: () => {
-        setList(options);
-        props.onPress && props.onPress();
-      },
-      onChange: e => {
-        setInputValue(e.nativeEvent.text);
-        simpleFilter(e.nativeEvent.text);
-        props.onSearch && props.onSearch(e.nativeEvent.text);
-      },
-      onBlur: () => {
-        if (!allCreate) setInputValue(selected?.name || '');
-      },
-      label: label,
-      rightIconContainerStyle: {
-        position: 'absolute',
-        right: 8,
-        top: -4
-      },
-      rightIcon: /*#__PURE__*/React.createElement(Fragment, null, readOnly || !inputValue || !clearable ? /*#__PURE__*/React.createElement(Icon, {
-        size: 20,
-        name: isVisible ? 'arrow_drop_up' : 'arrow_drop_down',
-        color: disabled ? theme.colors.disabled : theme.colors.colorNormalIcon
-      }) : /*#__PURE__*/React.createElement(TouchableOpacity, {
-        onPress: clearInput
-      }, /*#__PURE__*/React.createElement(Icon, {
-        size: 20,
-        name: isVisible ? 'clear-all' : 'arrow_drop_down',
-        color: disabled ? theme.colors.disabled : theme.colors.colorNormalIcon
-      }))),
-      labelPosition: labelPosition,
-      labelBg:
-      //@ts-ignore
-      labelBg ? labelBg : theme.colors.background,
-      labelColor:
-      //@ts-ignore
-      disabled ? theme.colors.disabled : theme.colors.secondary
-    }),
-    onClose: () => {
-      props.onClose && props.onClose();
-    },
-    onPress: () => {
-      props.onPress && props.onPress();
-    }
-  }), Array.isArray(list) ? /*#__PURE__*/React.createElement(ScrollView, {
-    style: {
-      width: subWidth,
-      maxHeight: subHeight
-    }
-  }, list?.map((item, index) => {
-    const visibleItems = list.filter(item => !item.hide);
-    const currentVisibleIndex = visibleItems.findIndex(visibleItem => visibleItem === item);
-    const isFirst = currentVisibleIndex === 0;
-    const isLast = currentVisibleIndex === visibleItems.length - 1;
-    return !item.hide && /*#__PURE__*/React.createElement(CustomListItem, {
-      onItemPress: value => {
-        selectedItem(value);
-        setInputValue(value.name);
-        onChange && onChange(value);
-        props.onClose && props.onClose();
-      },
-      key: index,
-      item: item,
-      selected: selected,
-      isFirst: isFirst,
-      isLast: isLast
-    });
-  })) : /*#__PURE__*/React.createElement(Fragment, null, children));
-};
-export default withTheme(InputDropdown);
-//# sourceMappingURL=InputDropdown.js.map (val) {
+  var simpleFilter = function (val) {
     if (!val) {
       setList(options);
       return;
@@ -242,4 +224,3 @@ export default withTheme(InputDropdown);
   })) : react_1.default.createElement(react_1.Fragment, null, children));
 };
 exports.default = (0, themed_1.withTheme)(InputDropdown);
-//# sourceMappingURL=InputDropdown.js.map

package/module/ExternalLink/ExternalLink.js

@@ -47,7 +47,7 @@ const useStyles = makeStyles(theme => ({
   }
 }));
 export default withTheme(ExternalLink);
-//# sourceMappingURL=ExternalLink.js.mapeturn this;
+
   }), g;
   function verb(n) {
     return function (v) {
@@ -197,4 +197,3 @@ var useStyles = (0, themed_1.makeStyles)(function (theme) {
   };
 });
 exports.default = (0, themed_1.withTheme)(ExternalLink);
-//# sourceMappingURL=ExternalLink.js.map