@tecsinapse/react-native-kit 1.20.0 → 1.22.0-beta.13

package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js

@@ -1,53 +1,82 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.default = void 0;
+var reactCore = require('@tecsinapse/react-core');
+var React = require('react');
+var LabelComponent = require('./LabelComponent.js');
+var styled = require('./styled.js');
 
-var _reactCore = require("@tecsinapse/react-core");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _react = _interopRequireDefault(require("react"));
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _LabelComponent = _interopRequireDefault(require("./LabelComponent"));
-
-var _styled = require("./styled");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 LabeledSwitch = ({
-  label,
-  labelPosition = 'right',
-  labelProps,
-  pressableLabel = false,
-  active,
-  disabled,
-  onChange,
-  ...rest
-}) => {
-  return _react.default.createElement(_styled.StyledView, null, labelPosition === 'left' ? _react.default.createElement(_LabelComponent.default, {
-    active: active,
-    label: label,
-    labelPosition: 'left',
-    labelProps: labelProps,
+var __defProp = Object.defineProperty;
+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 __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 LabeledSwitch = (_a) => {
+  var _b = _a, {
+    label,
+    labelPosition = "right",
+    labelProps,
+    pressableLabel = false,
+    active,
+    disabled,
+    onChange
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "labelPosition",
+    "labelProps",
+    "pressableLabel",
+    "active",
+    "disabled",
+    "onChange"
+  ]);
+  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledView, null, labelPosition === "left" ? /* @__PURE__ */ React__default["default"].createElement(LabelComponent, {
+    active,
+    label,
+    labelPosition: "left",
+    labelProps,
     disabled: !pressableLabel || disabled,
     switchDisabled: disabled,
     onPress: () => onChange(!active)
-  }) : _react.default.createElement(_react.default.Fragment, null), _react.default.createElement(_reactCore.Switch, _extends({
-    active: active,
-    onChange: onChange,
-    disabled: disabled
-  }, rest)), labelPosition === 'right' ? _react.default.createElement(_LabelComponent.default, {
-    active: active,
-    label: label,
-    labelPosition: 'right',
-    labelProps: labelProps,
+  }) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null), /* @__PURE__ */ React__default["default"].createElement(reactCore.Switch, __spreadValues({
+    active,
+    onChange,
+    disabled
+  }, rest)), labelPosition === "right" ? /* @__PURE__ */ React__default["default"].createElement(LabelComponent, {
+    active,
+    label,
+    labelPosition: "right",
+    labelProps,
     disabled: !pressableLabel || disabled,
     switchDisabled: disabled,
     onPress: () => onChange(!active)
-  }) : _react.default.createElement(_react.default.Fragment, null));
+  }) : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null));
 };
 
-var _default = LabeledSwitch;
-exports.default = _default;
-//# sourceMappingURL=LabeledSwitch.js.map
+module.exports = LabeledSwitch;
+//# sourceMappingURL=LabeledSwitch.js.map

package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledSwitch.js","names":["LabeledSwitch","label","labelPosition","labelProps","pressableLabel","active","disabled","onChange","rest"],"sources":["../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"sourcesContent":["import { LabeledSwitchProps, Switch } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextNativeProps } from '../../atoms/Text';\nimport LabelComponent from './LabelComponent';\nimport { StyledView } from './styled';\n\nexport type LabeledSwitchNativeProps = LabeledSwitchProps & {\n  labelProps?: TextNativeProps;\n};\n\nconst LabeledSwitch: FC<LabeledSwitchNativeProps> = ({\n  label,\n  labelPosition = 'right',\n  labelProps,\n  pressableLabel = false,\n  active,\n  disabled,\n  onChange,\n  ...rest\n}) => {\n  return (\n    <StyledView>\n      {labelPosition === 'left' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'left'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n      <Switch\n        active={active}\n        onChange={onChange}\n        disabled={disabled}\n        {...rest}\n      />\n      {labelPosition === 'right' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'right'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledView>\n  );\n};\n\nexport default LabeledSwitch;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAMA,MAAMA,aAA2C,GAAG,CAAC;EACnDC,KADmD;EAEnDC,aAAa,GAAG,OAFmC;EAGnDC,UAHmD;EAInDC,cAAc,GAAG,KAJkC;EAKnDC,MALmD;EAMnDC,QANmD;EAOnDC,QAPmD;EAQnD,GAAGC;AARgD,CAAD,KAS9C;EACJ,OACE,6BAAC,kBAAD,QACGN,aAAa,KAAK,MAAlB,GACC,6BAAC,uBAAD;IACE,MAAM,EAAEG,MADV;IAEE,KAAK,EAAEJ,KAFT;IAGE,aAAa,EAAE,MAHjB;IAIE,UAAU,EAAEE,UAJd;IAKE,QAAQ,EAAE,CAACC,cAAD,IAAmBE,QAL/B;IAME,cAAc,EAAEA,QANlB;IAOE,OAAO,EAAE,MAAMC,QAAQ,CAAC,CAACF,MAAF;EAPzB,EADD,GAWC,2DAZJ,EAcE,6BAAC,iBAAD;IACE,MAAM,EAAEA,MADV;IAEE,QAAQ,EAAEE,QAFZ;IAGE,QAAQ,EAAED;EAHZ,GAIME,IAJN,EAdF,EAoBGN,aAAa,KAAK,OAAlB,GACC,6BAAC,uBAAD;IACE,MAAM,EAAEG,MADV;IAEE,KAAK,EAAEJ,KAFT;IAGE,aAAa,EAAE,OAHjB;IAIE,UAAU,EAAEE,UAJd;IAKE,QAAQ,EAAE,CAACC,cAAD,IAAmBE,QAL/B;IAME,cAAc,EAAEA,QANlB;IAOE,OAAO,EAAE,MAAMC,QAAQ,CAAC,CAACF,MAAF;EAPzB,EADD,GAWC,2DA/BJ,CADF;AAoCD,CA9CD;;eAgDeL,a"}
+{"version":3,"file":"LabeledSwitch.js","sources":["../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"sourcesContent":["import { LabeledSwitchProps, Switch } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextNativeProps } from '../../atoms/Text';\nimport LabelComponent from './LabelComponent';\nimport { StyledView } from './styled';\n\nexport type LabeledSwitchNativeProps = LabeledSwitchProps & {\n  labelProps?: TextNativeProps;\n};\n\nconst LabeledSwitch: FC<LabeledSwitchNativeProps> = ({\n  label,\n  labelPosition = 'right',\n  labelProps,\n  pressableLabel = false,\n  active,\n  disabled,\n  onChange,\n  ...rest\n}) => {\n  return (\n    <StyledView>\n      {labelPosition === 'left' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'left'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n      <Switch\n        active={active}\n        onChange={onChange}\n        disabled={disabled}\n        {...rest}\n      />\n      {labelPosition === 'right' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'right'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledView>\n  );\n};\n\nexport default LabeledSwitch;\n"],"names":["React","StyledView","Switch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUM,MAAA,aAAA,GAA8C,CAAC,EAS/C,KAAA;AAT+C,EACnD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,aAAgB,GAAA,OAAA;AAAA,IAChB,UAAA;AAAA,IACA,cAAiB,GAAA,KAAA;AAAA,IACjB,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GAjBF,GAUqD,EAQhD,EAAA,IAAA,GAAA,SAAA,CARgD,EAQhD,EAAA;AAAA,IAPH,OAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAAC,iBAAA,EAAA,IAAA,EACE,aAAkB,KAAA,MAAA,mBAChBD,yBAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,MAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,mBAEEA,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,CAAA,kBAEHA,yBAAA,CAAA,aAAA,CAAAE,gBAAA,EAAA,cAAA,CAAA;AAAA,IACC,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,GAAA,EACI,IACN,CAAA,CAAA,EACC,aAAkB,KAAA,OAAA,mBAChBF,yBAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,OAAA;AAAA,IACf,UAAA;AAAA,IACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,IAC7B,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,GACjC,CAAA,mGAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/LabeledSwitch/index.d.ts

@@ -1 +1,2 @@
-export { default as LabeledSwitch, LabeledSwitchNativeProps, } from './LabeledSwitch';
+export { default as LabeledSwitch } from './LabeledSwitch';
+export type { LabeledSwitchNativeProps } from './LabeledSwitch';

package/dist/components/molecules/LabeledSwitch/styled.js

@@ -1,35 +1,33 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.StyledView = exports.StyledLabel = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _native = _interopRequireWildcard(require("@emotion/native"));
+var styled = require('@emotion/native');
+var reactNative = require('react-native');
+var Text = require('../../atoms/Text/Text.js');
 
-var _reactNative = require("react-native");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _Text = require("../../atoms/Text");
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(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; }
-
-const StyledView = (0, _native.default)(_reactNative.View)`
+const StyledView = styled__default["default"](reactNative.View)`
   display: flex;
   flex-direction: row;
   align-items: center;
 `;
-exports.StyledView = StyledView;
-const StyledLabel = (0, _native.default)(_Text.Text)`
-  ${({
-  theme,
-  labelPosition
-}) => {
-  if (labelPosition === 'right') return (0, _native.css)`
+const StyledLabel = styled__default["default"](Text)`
+  ${({ theme, labelPosition }) => {
+  if (labelPosition === "right")
+    return styled.css`
         margin-left: ${theme == null ? void 0 : theme.spacing.centi};
-      `;else if (labelPosition === 'left') return (0, _native.css)`
+      `;
+  else if (labelPosition === "left")
+    return styled.css`
         margin-right: ${theme == null ? void 0 : theme.spacing.centi};
       `;
 }}
 `;
+
 exports.StyledLabel = StyledLabel;
-//# sourceMappingURL=styled.js.map
+exports.StyledView = StyledView;
+//# sourceMappingURL=styled.js.map

package/dist/components/molecules/LabeledSwitch/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledView","styled","View","StyledLabel","Text","theme","labelPosition","css","spacing","centi"],"sources":["../../../../src/components/molecules/LabeledSwitch/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { LabelPositionOptions, StyleProps } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\nimport { Text } from '../../atoms/Text';\n\nexport const StyledView = styled(View)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledLabel = styled(Text)<\n  Partial<StyleProps> & {\n    labelPosition: LabelPositionOptions;\n  }\n>`\n  ${({ theme, labelPosition }) => {\n    if (labelPosition === 'right')\n      return css`\n        margin-left: ${theme?.spacing.centi};\n      `;\n    else if (labelPosition === 'left')\n      return css`\n        margin-right: ${theme?.spacing.centi};\n      `;\n  }}\n`;\n"],"mappings":";;;;;AAAA;;AAEA;;AACA;;;;;;AAEO,MAAMA,UAAU,GAAG,IAAAC,eAAA,EAAOC,iBAAP,CAAa;AACvC;AACA;AACA;AACA,CAJO;;AAMA,MAAMC,WAAW,GAAG,IAAAF,eAAA,EAAOG,UAAP,CAIzB;AACF,IAAI,CAAC;EAAEC,KAAF;EAASC;AAAT,CAAD,KAA8B;EAC9B,IAAIA,aAAa,KAAK,OAAtB,EACE,OAAO,IAAAC,WAAA,CAAI;AACjB,uBAAuBF,KADP,oBACOA,KAAK,CAAEG,OAAP,CAAeC,KAAM;AAC5C,OAFM,CADF,KAIK,IAAIH,aAAa,KAAK,MAAtB,EACH,OAAO,IAAAC,WAAA,CAAI;AACjB,wBAAwBF,KADR,oBACQA,KAAK,CAAEG,OAAP,CAAeC,KAAM;AAC7C,OAFM;AAGH,CAAC;AACJ,CAfO"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/LabeledSwitch/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { LabelPositionOptions, StyleProps } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\nimport { Text } from '../../atoms/Text';\n\nexport const StyledView = styled(View)`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledLabel = styled(Text)<\n  Partial<StyleProps> & {\n    labelPosition: LabelPositionOptions;\n  }\n>`\n  ${({ theme, labelPosition }) => {\n    if (labelPosition === 'right')\n      return css`\n        margin-left: ${theme?.spacing.centi};\n      `;\n    else if (labelPosition === 'left')\n      return css`\n        margin-right: ${theme?.spacing.centi};\n      `;\n  }}\n`;\n"],"names":["styled","View","css"],"mappings":";;;;;;;;;;;;AAKa,MAAA,UAAA,GAAaA,2BAAOC,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMxB,MAAA,WAAA,GAAcD,2BAAO,IAAI,CAAA,CAAA;AAAA,EAAA,EAKlC,CAAC,EAAE,KAAO,EAAA,aAAA,EAAoB,KAAA;AAC9B,EAAA,IAAI,aAAkB,KAAA,OAAA;AACpB,IAAO,OAAAE,UAAA,CAAA;AAAA,qBAAA,EACU,+BAAO,OAAQ,CAAA,KAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,OAAA,IAEzB,aAAkB,KAAA,MAAA;AACzB,IAAO,OAAAA,UAAA,CAAA;AAAA,sBAAA,EACW,+BAAO,OAAQ,CAAA,KAAA,CAAA;AAAA,MAAA,CAAA,CAAA;AAErC,CAAA,CAAA;AAAA;;;;;"}

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

@@ -1,181 +1,254 @@
-"use strict";
-
-exports.__esModule = 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 = ({
-  options,
-  keyExtractor,
-  labelExtractor,
-  hideSearchBar,
-  searchBarPlaceholder,
-  focused,
-  type,
-  value,
-  onSelect,
-  onSearch,
-  selectModalTitle,
-  selectModalTitleComponent,
-  confirmButtonText,
-  loading,
-  close,
-  closeOnPick,
-  ...others
-}) => {
-  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] : []);
-  }, [value, focused, setSelectedValues]);
-  const getData = React.useCallback(options => {
-    return options == null ? 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;
-        }
-
-        if (!found) newArr.push(option);
-        return newArr;
+'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]; }
+        });
       }
-
-      return keyExtractor(selectedValues[0] || {}) === keyExtractor(option) ? [] : [option];
     });
-  }, [selectedValues, setSelectedValues, keyExtractor, type]);
-  React.useEffect(() => {
+  }
+  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,
+    hideSearchBar,
+    searchBarPlaceholder,
+    focused,
+    type,
+    value,
+    onSelect,
+    onSearch,
+    selectModalTitle,
+    selectModalTitleComponent,
+    confirmButtonText,
+    loading,
+    close,
+    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__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;
+        }
+        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);
+  const handleConfirm = React__namespace.useCallback(() => {
+    onSelect(
+      type === "single" ? selectedValues[0] : selectedValues
+    );
     close == null ? void 0 : close();
   }, [selectedValues]);
-  const optionBuilder = React.useCallback(({
-    item
-  }) => 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 = ({
   handlePressItem,
   labelExtractor,
   item,
   type
 }) => {
-  return React.useMemo(() => {
+  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