@tecsinapse/react-native-kit 1.21.0 → 1.22.0

package/dist/components/molecules/Select/Modal.js

@@ -1,36 +1,72 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Modal = void 0;
-
-var _reactCore = require("@tecsinapse/react-core");
-
-var React = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _Button = require("../../atoms/Button");
-
-var _Header = require("../../atoms/Header");
-
-var _Input = require("../../atoms/Input");
-
-var _Modal = require("../../atoms/Modal");
-
-var _Text = require("../../atoms/Text");
-
-var _styled = require("./styled");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const Component = _ref => {
-  let {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactCore = require('@tecsinapse/react-core');
+var React = require('react');
+var reactNative = require('react-native');
+var Button = require('../../atoms/Button/Button.js');
+var Text = require('../../atoms/Text/Text.js');
+var Header = require('../../atoms/Header/Header.js');
+var Input = require('../../atoms/Input/Input.js');
+require('../../atoms/Modal/ModalGroupManager.js');
+var BaseModalView = require('../../atoms/Modal/ui/BaseModalView.js');
+require('uuid');
+var styled = require('./styled.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Component = (_a) => {
+  var _b = _a, {
     options,
     keyExtractor,
     labelExtractor,
@@ -46,143 +82,173 @@ const Component = _ref => {
     confirmButtonText,
     loading,
     close,
-    closeOnPick,
-    ...others
-  } = _ref;
-  const [selectedValues, setSelectedValues] = React.useState([]);
-  const [searchArg, setSearchArg] = (0, _reactCore.useDebouncedState)('', onSearch);
-  const ModalComponent = React.useMemo(() => (0, _styled.getStyledModal)((0, _reactCore.getStatusBarHeight)(true)), []);
-
-  const _closeOnPick = closeOnPick && type === 'single';
-
-  React.useEffect(() => {
-    setSelectedValues(value ? type === 'multi' ? value : [value] : []);
+    closeOnPick
+  } = _b, others = __objRest(_b, [
+    "options",
+    "keyExtractor",
+    "labelExtractor",
+    "hideSearchBar",
+    "searchBarPlaceholder",
+    "focused",
+    "type",
+    "value",
+    "onSelect",
+    "onSearch",
+    "selectModalTitle",
+    "selectModalTitleComponent",
+    "confirmButtonText",
+    "loading",
+    "close",
+    "closeOnPick"
+  ]);
+  const [selectedValues, setSelectedValues] = React__namespace.useState([]);
+  const [searchArg, setSearchArg] = reactCore.useDebouncedState("", onSearch);
+  const ModalComponent = React__namespace.useMemo(
+    () => styled.getStyledModal(reactCore.getStatusBarHeight(true)),
+    []
+  );
+  const _closeOnPick = closeOnPick && type === "single";
+  React__namespace.useEffect(() => {
+    setSelectedValues(
+      value ? type === "multi" ? value : [value] : []
+    );
   }, [value, focused, setSelectedValues]);
-  const getData = React.useCallback(options => {
-    return options === null || options === void 0 ? void 0 : options.map((option, index) => ({ ...option,
-      _checked: type === 'multi' ? !!selectedValues.find(value => keyExtractor(option, index) == keyExtractor(value, index)) : keyExtractor(selectedValues[0] || {}, index) == keyExtractor(option, index)
-    }));
-  }, [keyExtractor, selectedValues, type]);
-  const data = React.useMemo(() => typeof options !== 'function' ? getData(options) : [], [options, getData]);
-  const handlePressItem = React.useCallback(option => {
-    setSelectedValues(selectedValues => {
-      if (type === 'multi') {
-        const newArr = [];
-        let found = false;
-
-        for (const value of selectedValues) {
-          if (keyExtractor(value) != keyExtractor(option)) newArr.push(value);else found = true;
+  const getData = React__namespace.useCallback(
+    (options2) => {
+      return options2 == null ? void 0 : options2.map((option, index) => __spreadProps(__spreadValues({}, option), {
+        _checked: type === "multi" ? !!selectedValues.find(
+          (value2) => keyExtractor(option, index) == keyExtractor(value2, index)
+        ) : keyExtractor(selectedValues[0] || {}, index) == keyExtractor(option, index)
+      }));
+    },
+    [keyExtractor, selectedValues, type]
+  );
+  const data = React__namespace.useMemo(
+    () => typeof options !== "function" ? getData(options) : [],
+    [options, getData]
+  );
+  const handlePressItem = React__namespace.useCallback(
+    (option) => {
+      setSelectedValues((selectedValues2) => {
+        if (type === "multi") {
+          const newArr = [];
+          let found = false;
+          for (const value2 of selectedValues2) {
+            if (keyExtractor(value2) != keyExtractor(option))
+              newArr.push(value2);
+            else
+              found = true;
+          }
+          if (!found)
+            newArr.push(option);
+          return newArr;
         }
-
-        if (!found) newArr.push(option);
-        return newArr;
-      }
-
-      return keyExtractor(selectedValues[0] || {}) === keyExtractor(option) ? [] : [option];
-    });
-  }, [selectedValues, setSelectedValues, keyExtractor, type]);
-  React.useEffect(() => {
+        return keyExtractor(selectedValues2[0] || {}) === keyExtractor(option) ? [] : [option];
+      });
+    },
+    [selectedValues, setSelectedValues, keyExtractor, type]
+  );
+  React__namespace.useEffect(() => {
     if (_closeOnPick && selectedValues[0] && selectedValues[0] !== value) {
       handleConfirm();
     }
   }, [selectedValues[0], value, closeOnPick]);
-  const handleConfirm = React.useCallback(() => {
-    onSelect(type === 'single' ? selectedValues[0] : selectedValues);
-    close === null || close === void 0 ? void 0 : close();
+  const handleConfirm = React__namespace.useCallback(() => {
+    onSelect(
+      type === "single" ? selectedValues[0] : selectedValues
+    );
+    close == null ? void 0 : close();
   }, [selectedValues]);
-  const optionBuilder = React.useCallback(_ref2 => {
-    let {
-      item
-    } = _ref2;
-    return React.createElement(MemoizedOption, {
-      item: item,
-      type: type,
-      handlePressItem: handlePressItem,
-      labelExtractor: labelExtractor
-    });
-  }, []);
-  const anyChecked = data.filter(item => item._checked).length;
+  const optionBuilder = React__namespace.useCallback(
+    ({ item }) => /* @__PURE__ */ React__namespace.createElement(MemoizedOption, {
+      item,
+      type,
+      handlePressItem,
+      labelExtractor
+    }),
+    []
+  );
+  const anyChecked = data.filter((item) => item._checked).length;
   const dataLengthChanged = data.length;
-  const memoizedFlatlist = React.useMemo(() => React.createElement(_reactNative.FlatList, {
-    data: data,
-    keyExtractor: keyExtractor,
-    fadingEdgeLength: 200,
-    renderItem: optionBuilder
-  }), [selectedValues, anyChecked, dataLengthChanged]);
-  const titleTextModal = selectModalTitle ? React.createElement(_styled.TextTitleModal, {
+  const memoizedFlatlist = React__namespace.useMemo(
+    () => /* @__PURE__ */ React__namespace.createElement(reactNative.FlatList, {
+      data,
+      keyExtractor,
+      fadingEdgeLength: 200,
+      renderItem: optionBuilder
+    }),
+    [selectedValues, anyChecked, dataLengthChanged]
+  );
+  const titleTextModal = selectModalTitle ? /* @__PURE__ */ React__namespace.createElement(styled.TextTitleModal, {
     typography: "h4",
     fontWeight: "bold",
     numberOfLines: 3,
-    style: {
-      maxWidth: (0, _reactCore.RFValue)(250)
-    }
+    style: { maxWidth: reactCore.RFValue(250) }
   }, selectModalTitle) : null;
   const headerContent = selectModalTitleComponent ? selectModalTitleComponent : titleTextModal;
-  return React.createElement(_Modal.ModalView, _extends({}, others, {
+  return /* @__PURE__ */ React__namespace.createElement(BaseModalView.ModalView, __spreadProps(__spreadValues({}, others), {
     BoxComponent: ModalComponent,
     showCloseBar: false
-  }), React.createElement(_Header.Header, {
+  }), /* @__PURE__ */ React__namespace.createElement(Header, {
     rightButton: {
       onPress: close,
       icon: {
-        name: 'close',
-        type: 'material-community',
-        fontColor: 'light'
+        name: "close",
+        type: "material-community",
+        fontColor: "light"
       }
     }
-  }, headerContent), !hideSearchBar && React.createElement(_styled.SearchBarContainer, null, React.createElement(_Input.Input, {
+  }, headerContent), !hideSearchBar && /* @__PURE__ */ React__namespace.createElement(styled.SearchBarContainer, null, /* @__PURE__ */ React__namespace.createElement(Input, {
     placeholder: searchBarPlaceholder,
     value: searchArg,
-    onChange: text => setSearchArg(text),
-    leftComponent: React.createElement(_styled.SelectIcon, {
+    onChange: setSearchArg,
+    leftComponent: /* @__PURE__ */ React__namespace.createElement(styled.SelectIcon, {
       name: "search",
       type: "ionicon",
       size: "centi"
     })
-  })), loading && React.createElement(_styled.FetchIndicator, {
+  })), loading && /* @__PURE__ */ React__namespace.createElement(styled.FetchIndicator, {
     animating: true,
-    color: 'grey',
-    size: 'large'
-  }), memoizedFlatlist, !_closeOnPick && React.createElement(_styled.ModalFooter, null, React.createElement(_Button.Button, {
-    variant: 'filled',
-    color: 'primary',
+    color: "grey",
+    size: "large"
+  }), memoizedFlatlist, !_closeOnPick && /* @__PURE__ */ React__namespace.createElement(styled.ModalFooter, null, /* @__PURE__ */ React__namespace.createElement(Button.Button, {
+    variant: "filled",
+    color: "primary",
     onPress: handleConfirm,
     disabled: loading
-  }, React.createElement(_Text.Text, {
-    fontColor: 'light',
+  }, /* @__PURE__ */ React__namespace.createElement(Text, {
+    fontColor: "light",
     fontWeight: "bold"
   }, confirmButtonText))));
 };
-
-const MemoizedOption = _ref3 => {
-  let {
-    handlePressItem,
-    labelExtractor,
-    item,
-    type
-  } = _ref3;
-  return React.useMemo(() => {
+const MemoizedOption = ({
+  handlePressItem,
+  labelExtractor,
+  item,
+  type
+}) => {
+  return React__namespace.useMemo(() => {
     const label = labelExtractor(item);
-    return React.createElement(_styled.ListItem, {
+    return /* @__PURE__ */ React__namespace.createElement(styled.ListItem, {
       onPress: () => handlePressItem(item)
-    }, React.createElement(_reactNative.View, {
-      pointerEvents: 'none'
-    }, type === 'multi' ? React.createElement(_reactCore.Checkbox, {
-      color: 'primary',
-      labelPosition: 'right',
+    }, /* @__PURE__ */ React__namespace.createElement(reactNative.View, {
+      pointerEvents: "none"
+    }, type === "multi" ? /* @__PURE__ */ React__namespace.createElement(reactCore.Checkbox, {
+      color: "primary",
+      labelPosition: "right",
       checked: item._checked
-    }, React.createElement(_Text.Text, {
-      fontWeight: item._checked ? 'bold' : 'regular'
-    }, label)) : React.createElement(_reactCore.RadioButton, {
-      color: 'primary',
-      labelPosition: 'right',
+    }, /* @__PURE__ */ React__namespace.createElement(Text, {
+      fontWeight: item._checked ? "bold" : "regular"
+    }, label)) : /* @__PURE__ */ React__namespace.createElement(reactCore.RadioButton, {
+      color: "primary",
+      labelPosition: "right",
       checked: item._checked
-    }, React.createElement(_Text.Text, {
-      fontWeight: item._checked ? 'bold' : 'regular'
+    }, /* @__PURE__ */ React__namespace.createElement(Text, {
+      fontWeight: item._checked ? "bold" : "regular"
     }, label))));
   }, [item._checked]);
 };
-
 const Modal = Component;
+
 exports.Modal = Modal;
-//# sourceMappingURL=Modal.js.map
+//# sourceMappingURL=Modal.js.map

package/dist/components/molecules/Select/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["Component","options","keyExtractor","labelExtractor","hideSearchBar","searchBarPlaceholder","focused","type","value","onSelect","onSearch","selectModalTitle","selectModalTitleComponent","confirmButtonText","loading","close","closeOnPick","others","selectedValues","setSelectedValues","React","useState","searchArg","setSearchArg","useDebouncedState","ModalComponent","useMemo","getStyledModal","getStatusBarHeight","_closeOnPick","useEffect","getData","useCallback","map","option","index","_checked","find","data","handlePressItem","newArr","found","push","handleConfirm","optionBuilder","item","anyChecked","filter","length","dataLengthChanged","memoizedFlatlist","titleTextModal","maxWidth","RFValue","headerContent","onPress","icon","name","fontColor","text","MemoizedOption","label","Modal"],"sources":["../../../../src/components/molecules/Select/Modal.tsx"],"sourcesContent":["import {\n  Checkbox,\n  getStatusBarHeight,\n  RadioButton,\n  RFValue,\n  useDebouncedState,\n} from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport { FlatList, ListRenderItemInfo, View } from 'react-native';\nimport { Button } from '../../atoms/Button';\nimport { Header } from '../../atoms/Header';\nimport { Input } from '../../atoms/Input';\nimport { IBaseModal, ModalView } from '../../atoms/Modal';\nimport { Text } from '../../atoms/Text';\nimport { SelectNativeProps } from './Select';\nimport {\n  FetchIndicator,\n  getStyledModal,\n  ListItem,\n  ModalFooter,\n  SearchBarContainer,\n  SelectIcon,\n  TextTitleModal,\n} from './styled';\n\ninterface LoadingProps {\n  loading?: boolean;\n}\n\nconst Component = <Data, Type extends 'single' | 'multi'>({\n  options,\n  keyExtractor,\n  labelExtractor,\n  hideSearchBar,\n  searchBarPlaceholder,\n  focused,\n  type,\n  value,\n  onSelect,\n  onSearch,\n  selectModalTitle,\n  selectModalTitleComponent,\n  confirmButtonText,\n  loading,\n  close,\n  closeOnPick,\n  ...others\n}: SelectNativeProps<Data, Type> & LoadingProps & IBaseModal): JSX.Element => {\n  const [selectedValues, setSelectedValues] = React.useState<Data[]>([]);\n  const [searchArg, setSearchArg] = useDebouncedState<string>('', onSearch);\n  const ModalComponent = React.useMemo(\n    () => getStyledModal(getStatusBarHeight(true)),\n    []\n  );\n  const _closeOnPick = closeOnPick && type === 'single';\n\n  // Resets the temporary state to the initial state whenever the\n  // modal is reopened or the value changes\n  React.useEffect(() => {\n    setSelectedValues(\n      (value ? (type === 'multi' ? value : [value]) : []) as Data[]\n    );\n  }, [value, focused, setSelectedValues]);\n\n  const getData = React.useCallback(\n    (options: Data[]) => {\n      return options?.map((option, index) => ({\n        ...option,\n        _checked:\n          type === 'multi'\n            ? !!selectedValues.find(\n                value =>\n                  keyExtractor(option, index) == keyExtractor(value, index)\n              )\n            : keyExtractor((selectedValues[0] || {}) as Data, index) ==\n              keyExtractor(option, index),\n      }));\n    },\n    [keyExtractor, selectedValues, type]\n  );\n\n  const data = React.useMemo(\n    () => (typeof options !== 'function' ? getData(options) : []),\n    [options, getData]\n  );\n\n  const handlePressItem = React.useCallback(\n    (option: Data) => {\n      setSelectedValues(selectedValues => {\n        if (type === 'multi') {\n          const newArr: Data[] = [];\n          let found = false;\n          for (const value of selectedValues) {\n            if (keyExtractor(value) != keyExtractor(option)) newArr.push(value);\n            else found = true;\n          }\n          if (!found) newArr.push(option);\n          return newArr;\n        }\n        return keyExtractor((selectedValues[0] || {}) as Data) ===\n          keyExtractor(option)\n          ? []\n          : [option];\n      });\n    },\n    [selectedValues, setSelectedValues, keyExtractor, type]\n  );\n\n  React.useEffect(() => {\n    if (_closeOnPick && selectedValues[0] && selectedValues[0] !== value) {\n      handleConfirm();\n    }\n  }, [selectedValues[0], value, closeOnPick]);\n\n  const handleConfirm = React.useCallback(() => {\n    // TS Workaround since TS won't infer the ternary operator's result type correctly\n    type OnSelectArg = Parameters<typeof onSelect>[0];\n    onSelect(\n      (type === 'single' ? selectedValues[0] : selectedValues) as OnSelectArg\n    );\n    close?.();\n  }, [selectedValues]);\n\n  const optionBuilder = React.useCallback(\n    ({ item }: ListRenderItemInfo<Data & { _checked: boolean }>) => (\n      <MemoizedOption\n        item={item}\n        type={type}\n        handlePressItem={handlePressItem}\n        labelExtractor={labelExtractor}\n      />\n    ),\n    []\n  );\n\n  const anyChecked = data.filter(item => item._checked).length;\n  const dataLengthChanged = data.length;\n\n  const memoizedFlatlist = React.useMemo(\n    () => (\n      <FlatList\n        data={data}\n        keyExtractor={keyExtractor}\n        fadingEdgeLength={200}\n        renderItem={optionBuilder}\n      />\n    ),\n    [selectedValues, anyChecked, dataLengthChanged]\n  );\n\n  const titleTextModal = selectModalTitle ? (\n    <TextTitleModal\n      typography=\"h4\"\n      fontWeight=\"bold\"\n      numberOfLines={3}\n      style={{ maxWidth: RFValue(250) }}\n    >\n      {selectModalTitle}\n    </TextTitleModal>\n  ) : null;\n\n  const headerContent = selectModalTitleComponent\n    ? selectModalTitleComponent\n    : titleTextModal;\n\n  return (\n    <ModalView {...others} BoxComponent={ModalComponent} showCloseBar={false}>\n      <Header\n        rightButton={{\n          onPress: close,\n          icon: {\n            name: 'close',\n            type: 'material-community',\n            fontColor: 'light',\n          },\n        }}\n      >\n        {headerContent}\n      </Header>\n\n      {!hideSearchBar && (\n        <SearchBarContainer>\n          <Input\n            placeholder={searchBarPlaceholder}\n            value={searchArg}\n            onChange={text => setSearchArg(text)}\n            leftComponent={\n              <SelectIcon name=\"search\" type=\"ionicon\" size=\"centi\" />\n            }\n          />\n        </SearchBarContainer>\n      )}\n\n      {loading && (\n        <FetchIndicator animating={true} color={'grey'} size={'large'} />\n      )}\n\n      {memoizedFlatlist}\n\n      {!_closeOnPick && (\n        <ModalFooter>\n          <Button\n            variant={'filled'}\n            color={'primary'}\n            onPress={handleConfirm}\n            disabled={loading}\n          >\n            <Text fontColor={'light'} fontWeight=\"bold\">\n              {confirmButtonText}\n            </Text>\n          </Button>\n        </ModalFooter>\n      )}\n    </ModalView>\n  );\n};\n\ninterface IOption<T> {\n  item: T & { _checked: boolean };\n  type: 'single' | 'multi';\n  labelExtractor: (option: T) => string;\n  handlePressItem: (option: T) => void;\n}\n\nconst MemoizedOption = <T,>({\n  handlePressItem,\n  labelExtractor,\n  item,\n  type,\n}: IOption<T>): JSX.Element => {\n  return React.useMemo(() => {\n    const label = labelExtractor(item);\n    return (\n      <ListItem onPress={() => handlePressItem(item)}>\n        <View pointerEvents={'none'}>\n          {type === 'multi' ? (\n            <Checkbox\n              color={'primary'}\n              labelPosition={'right'}\n              checked={item._checked}\n            >\n              <Text fontWeight={item._checked ? 'bold' : 'regular'}>\n                {label}\n              </Text>\n            </Checkbox>\n          ) : (\n            <RadioButton\n              color={'primary'}\n              labelPosition={'right'}\n              checked={item._checked}\n            >\n              <Text fontWeight={item._checked ? 'bold' : 'regular'}>\n                {label}\n              </Text>\n            </RadioButton>\n          )}\n        </View>\n      </ListItem>\n    );\n  }, [item._checked]);\n};\n\nexport const Modal = Component;\n"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../../src/components/molecules/Select/Modal.tsx"],"sourcesContent":["import {\n  Checkbox,\n  getStatusBarHeight,\n  RadioButton,\n  RFValue,\n  useDebouncedState,\n} from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport { FlatList, ListRenderItemInfo, View } from 'react-native';\nimport { Button } from '../../atoms/Button';\nimport { Header } from '../../atoms/Header';\nimport { Input } from '../../atoms/Input';\nimport { IBaseModal, ModalView } from '../../atoms/Modal';\nimport { Text } from '../../atoms/Text';\nimport { SelectNativeProps } from './Select';\nimport {\n  FetchIndicator,\n  getStyledModal,\n  ListItem,\n  ModalFooter,\n  SearchBarContainer,\n  SelectIcon,\n  TextTitleModal,\n} from './styled';\n\ninterface LoadingProps {\n  loading?: boolean;\n}\n\nconst Component = <Data, Type extends 'single' | 'multi'>({\n  options,\n  keyExtractor,\n  labelExtractor,\n  hideSearchBar,\n  searchBarPlaceholder,\n  focused,\n  type,\n  value,\n  onSelect,\n  onSearch,\n  selectModalTitle,\n  selectModalTitleComponent,\n  confirmButtonText,\n  loading,\n  close,\n  closeOnPick,\n  ...others\n}: SelectNativeProps<Data, Type> & LoadingProps & IBaseModal): JSX.Element => {\n  const [selectedValues, setSelectedValues] = React.useState<Data[]>([]);\n  const [searchArg, setSearchArg] = useDebouncedState<string>('', onSearch);\n  const ModalComponent = React.useMemo(\n    () => getStyledModal(getStatusBarHeight(true)),\n    []\n  );\n  const _closeOnPick = closeOnPick && type === 'single';\n\n  // Resets the temporary state to the initial state whenever the\n  // modal is reopened or the value changes\n  React.useEffect(() => {\n    setSelectedValues(\n      (value ? (type === 'multi' ? value : [value]) : []) as Data[]\n    );\n  }, [value, focused, setSelectedValues]);\n\n  const getData = React.useCallback(\n    (options: Data[]) => {\n      return options?.map((option, index) => ({\n        ...option,\n        _checked:\n          type === 'multi'\n            ? !!selectedValues.find(\n                value =>\n                  keyExtractor(option, index) == keyExtractor(value, index)\n              )\n            : keyExtractor((selectedValues[0] || {}) as Data, index) ==\n              keyExtractor(option, index),\n      }));\n    },\n    [keyExtractor, selectedValues, type]\n  );\n\n  const data = React.useMemo(\n    () => (typeof options !== 'function' ? getData(options) : []),\n    [options, getData]\n  );\n\n  const handlePressItem = React.useCallback(\n    (option: Data) => {\n      setSelectedValues(selectedValues => {\n        if (type === 'multi') {\n          const newArr: Data[] = [];\n          let found = false;\n          for (const value of selectedValues) {\n            if (keyExtractor(value) != keyExtractor(option)) newArr.push(value);\n            else found = true;\n          }\n          if (!found) newArr.push(option);\n          return newArr;\n        }\n        return keyExtractor((selectedValues[0] || {}) as Data) ===\n          keyExtractor(option)\n          ? []\n          : [option];\n      });\n    },\n    [selectedValues, setSelectedValues, keyExtractor, type]\n  );\n\n  React.useEffect(() => {\n    if (_closeOnPick && selectedValues[0] && selectedValues[0] !== value) {\n      handleConfirm();\n    }\n  }, [selectedValues[0], value, closeOnPick]);\n\n  const handleConfirm = React.useCallback(() => {\n    // TS Workaround since TS won't infer the ternary operator's result type correctly\n    type OnSelectArg = Parameters<typeof onSelect>[0];\n    onSelect(\n      (type === 'single' ? selectedValues[0] : selectedValues) as OnSelectArg\n    );\n    close?.();\n  }, [selectedValues]);\n\n  const optionBuilder = React.useCallback(\n    ({ item }: ListRenderItemInfo<Data & { _checked: boolean }>) => (\n      <MemoizedOption\n        item={item}\n        type={type}\n        handlePressItem={handlePressItem}\n        labelExtractor={labelExtractor}\n      />\n    ),\n    []\n  );\n\n  const anyChecked = data.filter(item => item._checked).length;\n  const dataLengthChanged = data.length;\n\n  const memoizedFlatlist = React.useMemo(\n    () => (\n      <FlatList\n        data={data}\n        keyExtractor={keyExtractor}\n        fadingEdgeLength={200}\n        renderItem={optionBuilder}\n      />\n    ),\n    [selectedValues, anyChecked, dataLengthChanged]\n  );\n\n  const titleTextModal = selectModalTitle ? (\n    <TextTitleModal\n      typography=\"h4\"\n      fontWeight=\"bold\"\n      numberOfLines={3}\n      style={{ maxWidth: RFValue(250) }}\n    >\n      {selectModalTitle}\n    </TextTitleModal>\n  ) : null;\n\n  const headerContent = selectModalTitleComponent\n    ? selectModalTitleComponent\n    : titleTextModal;\n\n  return (\n    <ModalView {...others} BoxComponent={ModalComponent} showCloseBar={false}>\n      <Header\n        rightButton={{\n          onPress: close,\n          icon: {\n            name: 'close',\n            type: 'material-community',\n            fontColor: 'light',\n          },\n        }}\n      >\n        {headerContent}\n      </Header>\n\n      {!hideSearchBar && (\n        <SearchBarContainer>\n          <Input\n            placeholder={searchBarPlaceholder}\n            value={searchArg}\n            onChange={setSearchArg}\n            leftComponent={\n              <SelectIcon name=\"search\" type=\"ionicon\" size=\"centi\" />\n            }\n          />\n        </SearchBarContainer>\n      )}\n\n      {loading && (\n        <FetchIndicator animating={true} color={'grey'} size={'large'} />\n      )}\n\n      {memoizedFlatlist}\n\n      {!_closeOnPick && (\n        <ModalFooter>\n          <Button\n            variant={'filled'}\n            color={'primary'}\n            onPress={handleConfirm}\n            disabled={loading}\n          >\n            <Text fontColor={'light'} fontWeight=\"bold\">\n              {confirmButtonText}\n            </Text>\n          </Button>\n        </ModalFooter>\n      )}\n    </ModalView>\n  );\n};\n\ninterface IOption<T> {\n  item: T & { _checked: boolean };\n  type: 'single' | 'multi';\n  labelExtractor: (option: T) => string;\n  handlePressItem: (option: T) => void;\n}\n\nconst MemoizedOption = <T,>({\n  handlePressItem,\n  labelExtractor,\n  item,\n  type,\n}: IOption<T>): JSX.Element => {\n  return React.useMemo(() => {\n    const label = labelExtractor(item);\n    return (\n      <ListItem onPress={() => handlePressItem(item)}>\n        <View pointerEvents={'none'}>\n          {type === 'multi' ? (\n            <Checkbox\n              color={'primary'}\n              labelPosition={'right'}\n              checked={item._checked}\n            >\n              <Text fontWeight={item._checked ? 'bold' : 'regular'}>\n                {label}\n              </Text>\n            </Checkbox>\n          ) : (\n            <RadioButton\n              color={'primary'}\n              labelPosition={'right'}\n              checked={item._checked}\n            >\n              <Text fontWeight={item._checked ? 'bold' : 'regular'}>\n                {label}\n              </Text>\n            </RadioButton>\n          )}\n        </View>\n      </ListItem>\n    );\n  }, [item._checked]);\n};\n\nexport const Modal = Component;\n"],"names":["React","useDebouncedState","getStyledModal","getStatusBarHeight","options","value","selectedValues","FlatList","TextTitleModal","RFValue","ModalView","SearchBarContainer","SelectIcon","FetchIndicator","ModalFooter","Button","ListItem","View","Checkbox","RadioButton"],"mappings":"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"}