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

package/esm/components/molecules/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../../src/components/molecules/Select/Select.tsx"],"sourcesContent":["import {\n  HintInputContainer,\n  InputContainerProps,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport { useLazyModalManager } from '../../atoms/Modal';\nimport { Text } from '../../atoms/Text';\nimport { Modal } from './Modal';\nimport { SelectIcon, StyledSelectionText } from './styled';\n\nexport interface SelectNativeProps<Data, Type extends 'single' | 'multi'>\n  extends Omit<InputContainerProps, 'value' | 'onChange' | 'onChangeText'> {\n  options: ((searchInput?: string) => Promise<Data[]>) | Data[];\n  onSelect: (\n    option: Type extends 'single' ? Data | undefined : Data[]\n  ) => never | void;\n  value: Type extends 'single' ? Data | null | undefined : Data[];\n  type: Type;\n\n  keyExtractor: (t: Data, index?: number) => string;\n  labelExtractor: (t: Data) => string;\n  groupKeyExtractor?: (t: Data) => string;\n\n  hideSearchBar?: boolean;\n  placeholder?: string;\n  onFocus?: () => void | never;\n  onBlur?: () => void | never;\n  onSearch?:\n    | ((searchArg: string) => void)\n    | ((searchInput?: string) => Promise<Data[]>)\n    | never;\n  searchBarPlaceholder?: string;\n  confirmButtonText?: string;\n  selectModalTitle?: string;\n  selectModalTitleComponent?: JSX.Element;\n  closeOnPick?: boolean;\n  controlComponent?: (\n    onPress: () => void,\n    displayValue?: string\n  ) => JSX.Element;\n  numberOfLines?: number;\n}\n\nfunction Select<Data, Type extends 'single' | 'multi'>({\n  /** Select props */\n  value,\n  options,\n  keyExtractor,\n  groupKeyExtractor,\n  onSelect,\n  type,\n  labelExtractor,\n  placeholder,\n  onFocus,\n  onBlur,\n  disabled,\n  onSearch,\n  selectModalTitle,\n  selectModalTitleComponent,\n  searchBarPlaceholder,\n  hideSearchBar,\n  confirmButtonText,\n  rightComponent,\n  variant = 'default',\n  hintComponent,\n  hint,\n  style,\n  controlComponent,\n  closeOnPick = type === 'single',\n  label,\n  numberOfLines,\n  ...rest\n}: SelectNativeProps<Data, Type>): JSX.Element {\n  const { focused, handleBlur, handleFocus } = useInputFocus(\n    onFocus,\n    onBlur,\n    !disabled\n  );\n\n  const [selectOptions, setSelectOptions] = useState<Data[]>([]);\n  const modal = useLazyModalManager();\n\n  // TODO: Add Skeleton to modal height when loading is true\n  const [loading, setLoading] = useState<boolean>(false);\n\n  const onlyLabel = label && !placeholder;\n  const hasValue =\n    type === 'single' ? !!value : ((value || []) as []).length > 0;\n  const _placeholder = onlyLabel ? label : placeholder;\n  const _label = hasValue ? label : undefined;\n\n  useEffect(() => {\n    if (typeof options !== 'function') {\n      setSelectOptions(options);\n    }\n  }, [options]);\n\n  const handleLazyFocus = React.useCallback(async () => {\n    if (typeof options === 'function' && !onSearch) {\n      setLoading(true);\n      try {\n        const result = await options();\n        if (result) {\n          if (\n            value &&\n            !result.find(v => keyExtractor(value as Data) === keyExtractor(v))\n          ) {\n            setSelectOptions([value as Data, ...result]);\n          } else setSelectOptions(result);\n        }\n      } catch (e) {\n        // TODO: Catch error\n      } finally {\n        setLoading(false);\n      }\n    }\n  }, [options, value, setSelectOptions]);\n\n  const handleOnSearch = React.useCallback(\n    async (searchInput: string | undefined) => {\n      if (searchInput !== undefined && onSearch) {\n        setLoading(true);\n        modal.requestUpdate();\n        try {\n          const result = await onSearch(searchInput);\n          if (result) {\n            if (type === 'single') {\n              if (\n                value &&\n                !result.find(\n                  v => keyExtractor(value as Data) === keyExtractor(v)\n                )\n              ) {\n                setSelectOptions([value as Data, ...result]);\n              } else setSelectOptions(result);\n            } else {\n              if ((value as Data[])?.length) {\n                const selectedValues =\n                  (value as Data[]).filter(\n                    v =>\n                      !result.find(\n                        current =>\n                          keyExtractor(v as Data) === keyExtractor(current)\n                      )\n                  ) || [];\n                setSelectOptions([...selectedValues, ...result]);\n              } else {\n                setSelectOptions(result);\n              }\n            }\n          }\n        } catch (e) {\n          // TODO: Catch error\n        } finally {\n          modal.requestUpdate();\n          setLoading(false);\n        }\n      }\n    },\n    [options, value, keyExtractor]\n  );\n\n  const getDisplayValue = React.useCallback(() => {\n    if (Array.isArray(value)) {\n      if (value.length === 0) return _placeholder;\n      else {\n        const options =\n          selectOptions.length > 0 ? selectOptions : (value as Data[]);\n        return options\n          ?.reduce(\n            (acc, option, index) =>\n              value.find(\n                key => keyExtractor(option, index) == keyExtractor(key, index)\n              )\n                ? acc + labelExtractor(option) + ', '\n                : acc,\n            ''\n          )\n          .slice(0, -2);\n      }\n    } else {\n      if (!value) return _placeholder;\n      const selectedOption = selectOptions?.find(\n        (option, index) =>\n          keyExtractor(option, index) == keyExtractor(value as Data, index)\n      );\n      return labelExtractor(selectedOption ?? (value as Data));\n    }\n  }, [_placeholder, value, selectOptions]);\n\n  modal.sync(\n    <Modal\n      options={selectOptions || []}\n      focused={true}\n      keyExtractor={keyExtractor}\n      labelExtractor={labelExtractor}\n      groupKeyExtractor={groupKeyExtractor}\n      searchBarPlaceholder={searchBarPlaceholder}\n      type={type}\n      onSelect={onSelect}\n      value={value}\n      hideSearchBar={hideSearchBar}\n      onSearch={handleOnSearch}\n      selectModalTitle={selectModalTitle}\n      selectModalTitleComponent={selectModalTitleComponent}\n      confirmButtonText={confirmButtonText}\n      loading={loading}\n      onClose={handleBlur}\n      closeOnPick={closeOnPick}\n    />\n  );\n\n  const handlePressInput = async () => {\n    modal.show();\n    handleFocus();\n    await handleLazyFocus();\n  };\n\n  return (\n    <>\n      {controlComponent ? (\n        controlComponent(handlePressInput, getDisplayValue() || '')\n      ) : (\n        <HintInputContainer\n          viewStyle={style}\n          onPress={handlePressInput}\n          focused={focused}\n          disabled={disabled}\n          LabelComponent={Text}\n          variant={variant}\n          hint={hint}\n          hintComponent={hintComponent}\n          label={_label}\n          rightComponent={\n            <>\n              <SelectIcon name=\"chevron-down\" type=\"ionicon\" size=\"centi\" />\n              {rightComponent}\n            </>\n          }\n          {...rest}\n        >\n          <StyledSelectionText\n            numberOfLines={numberOfLines}\n            fontWeight=\"bold\"\n            disabled={disabled}\n          >\n            {getDisplayValue() || ' '}\n          </StyledSelectionText>\n        </HintInputContainer>\n      )}\n    </>\n  );\n}\n\nexport default Select;\n"],"names":["options"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAS,OAA8C,EA6BR,EAAA;AA7BQ,EAErD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,gBAAA;AAAA,IACA,yBAAA;AAAA,IACA,oBAAA;AAAA,IACA,aAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,aAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,gBAAA;AAAA,IACA,cAAc,IAAS,KAAA,QAAA;AAAA,IACvB,KAAA;AAAA,IACA,aAAA;AAAA,GAxEF,GA6CuD,EA4BlD,EAAA,IAAA,GAAA,SAAA,CA5BkD,EA4BlD,EAAA;AAAA,IA1BH,OAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,mBAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,gBAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,kBAAA;AAAA,IACA,2BAAA;AAAA,IACA,sBAAA;AAAA,IACA,eAAA;AAAA,IACA,mBAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,kBAAA;AAAA,IACA,aAAA;AAAA,IACA,OAAA;AAAA,IACA,eAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAA,aAAA;AAAA,IAC3C,OAAA;AAAA,IACA,MAAA;AAAA,IACA,CAAC,QAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA,CAAiB,EAAE,CAAA,CAAA;AAC7D,EAAA,MAAM,QAAQ,mBAAoB,EAAA,CAAA;AAGlC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAkB,KAAK,CAAA,CAAA;AAErD,EAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAC5B,EAAM,MAAA,QAAA,GACJ,SAAS,QAAW,GAAA,CAAC,CAAC,KAAU,GAAA,CAAA,KAAA,IAAS,EAAC,EAAU,MAAS,GAAA,CAAA,CAAA;AAC/D,EAAM,MAAA,YAAA,GAAe,YAAY,KAAQ,GAAA,WAAA,CAAA;AACzC,EAAM,MAAA,MAAA,GAAS,WAAW,KAAQ,GAAA,KAAA,CAAA,CAAA;AAElC,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,OAAO,YAAY,UAAY,EAAA;AACjC,MAAA,gBAAA,CAAiB,OAAO,CAAA,CAAA;AAAA,KAC1B;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,EAAM,MAAA,eAAA,GAAkB,KAAM,CAAA,WAAA,CAAY,YAAY;AACpD,IAAA,IAAI,OAAO,OAAA,KAAY,UAAc,IAAA,CAAC,QAAU,EAAA;AAC9C,MAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACf,MAAI,IAAA;AACF,QAAM,MAAA,MAAA,GAAS,MAAM,OAAQ,EAAA,CAAA;AAC7B,QAAA,IAAI,MAAQ,EAAA;AACV,UACE,IAAA,KAAA,IACA,CAAC,MAAA,CAAO,IAAK,CAAA,CAAA,CAAA,KAAK,YAAa,CAAA,KAAa,CAAM,KAAA,YAAA,CAAa,CAAC,CAAC,CACjE,EAAA;AACA,YAAA,gBAAA,CAAiB,CAAC,KAAA,EAAe,GAAG,MAAM,CAAC,CAAA,CAAA;AAAA,WAC7C;AAAO,YAAA,gBAAA,CAAiB,MAAM,CAAA,CAAA;AAAA,SAChC;AAAA,eACO,CAAP,EAAA;AAAA,OAEA,SAAA;AACA,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,OAClB;AAAA,KACF;AAAA,GACC,EAAA,CAAC,OAAS,EAAA,KAAA,EAAO,gBAAgB,CAAC,CAAA,CAAA;AAErC,EAAA,MAAM,iBAAiB,KAAM,CAAA,WAAA;AAAA,IAC3B,OAAO,WAAoC,KAAA;AACzC,MAAI,IAAA,WAAA,KAAgB,UAAa,QAAU,EAAA;AACzC,QAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACf,QAAA,KAAA,CAAM,aAAc,EAAA,CAAA;AACpB,QAAI,IAAA;AACF,UAAM,MAAA,MAAA,GAAS,MAAM,QAAA,CAAS,WAAW,CAAA,CAAA;AACzC,UAAA,IAAI,MAAQ,EAAA;AACV,YAAA,IAAI,SAAS,QAAU,EAAA;AACrB,cACE,IAAA,KAAA,IACA,CAAC,MAAO,CAAA,IAAA;AAAA,gBACN,CAAK,CAAA,KAAA,YAAA,CAAa,KAAa,CAAA,KAAM,aAAa,CAAC,CAAA;AAAA,eAErD,EAAA;AACA,gBAAA,gBAAA,CAAiB,CAAC,KAAA,EAAe,GAAG,MAAM,CAAC,CAAA,CAAA;AAAA,eAC7C;AAAO,gBAAA,gBAAA,CAAiB,MAAM,CAAA,CAAA;AAAA,aACzB,MAAA;AACL,cAAA,IAAK,+BAAkB,MAAQ,EAAA;AAC7B,gBAAA,MAAM,iBACH,KAAiB,CAAA,MAAA;AAAA,kBAChB,CAAA,CAAA,KACE,CAAC,MAAO,CAAA,IAAA;AAAA,oBACN,CACE,OAAA,KAAA,YAAA,CAAa,CAAS,CAAA,KAAM,aAAa,OAAO,CAAA;AAAA,mBACpD;AAAA,qBACC,EAAC,CAAA;AACR,gBAAA,gBAAA,CAAiB,CAAC,GAAG,cAAgB,EAAA,GAAG,MAAM,CAAC,CAAA,CAAA;AAAA,eAC1C,MAAA;AACL,gBAAA,gBAAA,CAAiB,MAAM,CAAA,CAAA;AAAA,eACzB;AAAA,aACF;AAAA,WACF;AAAA,iBACO,CAAP,EAAA;AAAA,SAEA,SAAA;AACA,UAAA,KAAA,CAAM,aAAc,EAAA,CAAA;AACpB,UAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,SAClB;AAAA,OACF;AAAA,KACF;AAAA,IACA,CAAC,OAAS,EAAA,KAAA,EAAO,YAAY,CAAA;AAAA,GAC/B,CAAA;AAEA,EAAM,MAAA,eAAA,GAAkB,KAAM,CAAA,WAAA,CAAY,MAAM;AAC9C,IAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,KAAK,CAAG,EAAA;AACxB,MAAA,IAAI,MAAM,MAAW,KAAA,CAAA;AAAG,QAAO,OAAA,YAAA,CAAA;AAAA,WAC1B;AACH,QAAA,MAAMA,QACJ,GAAA,aAAA,CAAc,MAAS,GAAA,CAAA,GAAI,aAAiB,GAAA,KAAA,CAAA;AAC9C,QAAOA,OAAAA,QAAAA,IAAA,gBAAAA,QACH,CAAA,MAAA;AAAA,UACA,CAAC,GAAA,EAAK,MAAQ,EAAA,KAAA,KACZ,KAAM,CAAA,IAAA;AAAA,YACJ,SAAO,YAAa,CAAA,MAAA,EAAQ,KAAK,CAAK,IAAA,YAAA,CAAa,KAAK,KAAK,CAAA;AAAA,WAE3D,GAAA,GAAA,GAAM,cAAe,CAAA,MAAM,IAAI,IAC/B,GAAA,GAAA;AAAA,UACN,EAAA;AAAA,SAAA,CAED,MAAM,CAAG,EAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OACd;AAAA,KACK,MAAA;AACL,MAAA,IAAI,CAAC,KAAA;AAAO,QAAO,OAAA,YAAA,CAAA;AACnB,MAAA,MAAM,iBAAiB,aAAe,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,IAAA;AAAA,QACpC,CAAC,QAAQ,KACP,KAAA,YAAA,CAAa,QAAQ,KAAK,CAAA,IAAK,YAAa,CAAA,KAAA,EAAe,KAAK,CAAA;AAAA,OAAA,CAAA;AAEpE,MAAO,OAAA,cAAA,CAAe,0CAAmB,KAAc,CAAA,CAAA;AAAA,KACzD;AAAA,GACC,EAAA,CAAC,YAAc,EAAA,KAAA,EAAO,aAAa,CAAC,CAAA,CAAA;AAEvC,EAAM,KAAA,CAAA,IAAA;AAAA,oBACH,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,MACC,OAAA,EAAS,iBAAiB,EAAC;AAAA,MAC3B,OAAS,EAAA,IAAA;AAAA,MACT,YAAA;AAAA,MACA,cAAA;AAAA,MACA,iBAAA;AAAA,MACA,oBAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,aAAA;AAAA,MACA,QAAU,EAAA,cAAA;AAAA,MACV,gBAAA;AAAA,MACA,yBAAA;AAAA,MACA,iBAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAS,EAAA,UAAA;AAAA,MACT,WAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,mBAAmB,YAAY;AACnC,IAAA,KAAA,CAAM,IAAK,EAAA,CAAA;AACX,IAAY,WAAA,EAAA,CAAA;AACZ,IAAA,MAAM,eAAgB,EAAA,CAAA;AAAA,GACxB,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,mBACC,gBAAiB,CAAA,gBAAA,EAAkB,iBAAqB,IAAA,EAAE,oBAEzD,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,cAAA,CAAA;AAAA,IACC,SAAW,EAAA,KAAA;AAAA,IACX,OAAS,EAAA,gBAAA;AAAA,IACT,OAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAgB,EAAA,IAAA;AAAA,IAChB,OAAA;AAAA,IACA,IAAA;AAAA,IACA,aAAA;AAAA,IACA,KAAO,EAAA,MAAA;AAAA,IACP,cAAA,4EAEK,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,MAAW,IAAK,EAAA,cAAA;AAAA,MAAe,IAAK,EAAA,SAAA;AAAA,MAAU,IAAK,EAAA,OAAA;AAAA,KAAQ,GAC3D,cACH,CAAA;AAAA,GAAA,EAEE,uBAEH,KAAA,CAAA,aAAA,CAAA,mBAAA,EAAA;AAAA,IACC,aAAA;AAAA,IACA,UAAW,EAAA,MAAA;AAAA,IACX,QAAA;AAAA,GAAA,EAEC,eAAgB,EAAA,IAAK,GACxB,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}

package/esm/components/molecules/Select/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Select } from './Select';
+export type { SelectNativeProps } from './Select';

package/esm/components/molecules/Select/styled.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import { ActivityIndicator, View, ViewProps } from 'react-native';
+export declare const getStyledModal: (safeTop?: number) => import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const StyledSelectionText: import("@emotion/native").StyledComponent<any, {}, {}>;
+export declare const Dummy: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const StyledPressableSurface: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;
+export declare const Header: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const CloseButton: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;
+export declare const SearchBarContainer: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const SearchBar: import("@emotion/native").StyledComponent<any, {}, {}>;
+export declare const ListItem: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;
+export declare const ModalFooter: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const SelectIcon: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;
+export declare const FetchIndicator: import("@emotion/native").StyledComponent<import("react-native").ActivityIndicatorProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<ActivityIndicator> | undefined;
+}>;
+export declare const TextTitleModal: import("@emotion/native").StyledComponent<any, {}, {}>;

package/esm/components/molecules/Select/styled.js

@@ -0,0 +1,78 @@
+import styled, { css } from '@emotion/native';
+import { disabledInputStyles, PressableSurface, RFValueStr, Button, Icon, RFValue } from '@tecsinapse/react-core';
+import { View, ActivityIndicator } from 'react-native';
+import Input from '../../atoms/Input/Input.js';
+import Text from '../../atoms/Text/Text.js';
+
+const getStyledModal = (safeTop = 0) => {
+  return styled(View)`
+    padding-top: ${`${RFValue(safeTop)}px`};
+    background-color: ${({ theme }) => theme.miscellaneous.bodyColor};
+    height: 100%;
+  `;
+};
+const StyledSelectionText = styled(Text)(
+  (props) => {
+    var _a;
+    return css`
+    line-height: ${(_a = props.theme) == null ? void 0 : _a.typography.h5.lineHeight};
+    ${disabledInputStyles(props)};
+  `;
+  }
+);
+styled(View)`
+  aspect-ratio: 1;
+  height: 100%;
+`;
+styled(
+  PressableSurface
+)`
+  width: 100%;
+`;
+styled(View)`
+  position: relative;
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: ${({ theme }) => theme.spacing.deca};
+  height: ${RFValueStr("75px")};
+`;
+styled(Button)`
+  aspect-ratio: 1;
+  height: 100%;
+`;
+const SearchBarContainer = styled(View)`
+  padding: ${({ theme }) => theme.spacing.deca};
+  position: relative;
+`;
+styled(Input)`
+  margin-bottom: ${({ theme }) => theme.spacing.deca};
+`;
+const ListItem = styled(PressableSurface)`
+  border-bottom-width: ${RFValueStr("1px")};
+  border-color: ${({ theme }) => theme.color.secondary.light};
+  padding-vertical: ${({ theme }) => theme.spacing.mili};
+  padding-horizontal: ${({ theme }) => theme.spacing.deca};
+`;
+const ModalFooter = styled(View)`
+  width: 100%;
+  height: auto;
+  bottom: 0;
+  background-color: ${({ theme }) => theme.miscellaneous.bodyColor};
+  padding: ${({ theme }) => theme.spacing.deca};
+`;
+const SelectIcon = styled(Icon)`
+  padding: ${({ theme }) => theme.spacing.centi};
+  color: ${({ theme }) => theme.color.secondary.medium};
+`;
+const FetchIndicator = styled(ActivityIndicator)`
+  align-self: center;
+`;
+const TextTitleModal = styled(Text)`
+  text-align: center;
+`;
+
+export { FetchIndicator, ListItem, ModalFooter, SearchBarContainer, SelectIcon, StyledSelectionText, TextTitleModal, getStyledModal };
+//# sourceMappingURL=styled.js.map

package/esm/components/molecules/Select/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/Select/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport {\n  Button,\n  ButtonProps,\n  disabledInputStyles,\n  Icon,\n  InputContainerProps,\n  PressableSurface,\n  PressableSurfaceProps,\n  RFValue,\n  RFValueStr,\n  StyleProps,\n} from '@tecsinapse/react-core';\nimport { ActivityIndicator, ModalProps, View, ViewProps } from 'react-native';\nimport { Input, InputNativeProps } from '../../atoms/Input';\nimport { Text } from '../../atoms/Text';\n\nexport const getStyledModal = (safeTop = 0) => {\n  return styled(View)<ModalProps & Partial<StyleProps>>`\n    padding-top: ${`${RFValue(safeTop)}px`};\n    background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n    height: 100%;\n  `;\n};\n\nexport const StyledSelectionText = styled(Text)(\n  (props: Partial<InputContainerProps> & Partial<StyleProps>) => css`\n    line-height: ${props.theme?.typography.h5.lineHeight};\n    ${disabledInputStyles(props)};\n  `\n);\n\nexport const Dummy = styled(View)`\n  aspect-ratio: 1;\n  height: 100%;\n`;\n\nexport const StyledPressableSurface = styled(\n  PressableSurface\n)<PressableSurfaceProps>`\n  width: 100%;\n`;\n\nexport const Header = styled(View)<ViewProps & Partial<StyleProps>>`\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: ${({ theme }) => theme.spacing.deca};\n  height: ${RFValueStr('75px')};\n`;\n\nexport const CloseButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n  aspect-ratio: 1;\n  height: 100%;\n`;\n\nexport const SearchBarContainer = styled(View)<ViewProps & Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.deca};\n  position: relative;\n`;\n\nexport const SearchBar = styled(Input)<InputNativeProps & Partial<StyleProps>>`\n  margin-bottom: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const ListItem = styled(PressableSurface)<\n  PressableSurfaceProps & Partial<StyleProps>\n>`\n  border-bottom-width: ${RFValueStr('1px')};\n  border-color: ${({ theme }) => theme.color.secondary.light};\n  padding-vertical: ${({ theme }) => theme.spacing.mili};\n  padding-horizontal: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const ModalFooter = styled(View)<Partial<StyleProps>>`\n  width: 100%;\n  height: auto;\n  bottom: 0;\n  background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n  padding: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const SelectIcon = styled(Icon)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi};\n  color: ${({ theme }) => theme.color.secondary.medium};\n`;\n\nexport const FetchIndicator = styled(ActivityIndicator)`\n  align-self: center;\n`;\n\nexport const TextTitleModal = styled(Text)<Partial<StyleProps>>`\n  text-align: center;\n`;\n"],"names":[],"mappings":";;;;;;AAiBa,MAAA,cAAA,GAAiB,CAAC,OAAA,GAAU,CAAM,KAAA;AAC7C,EAAA,OAAO,OAAO,IAAI,CAAA,CAAA;AAAA,iBACD,EAAA,CAAA,EAAG,QAAQ,OAAO,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,sBAAA,EACb,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,SAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAG3D,EAAA;AAEa,MAAA,mBAAA,GAAsB,OAAO,IAAI,CAAA;AAAA,EAC5C,CAAC,KAA2D,KAAA;AA1B9D,IAAA,IAAA,EAAA,CAAA;AA0BiE,IAAA,OAAA,GAAA,CAAA;AAAA,iBAAA,EAAA,CAC9C,EAAM,GAAA,KAAA,CAAA,KAAA,KAAN,IAAa,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,UAAA,CAAW,EAAG,CAAA,UAAA,CAAA;AAAA,IAAA,EACxC,oBAAoB,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAE/B,EAAA;AAEqB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKM,MAAA;AAAA,EACpC,gBAAA;AACF,CAAA,CAAA;AAAA;AAAA,EAAA;AAIsB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAOpB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,UAAA,EAC9B,WAAW,MAAM,CAAA,CAAA;AAAA,EAAA;AAGF,OAAO,MAAM,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAK3B,MAAA,kBAAA,GAAqB,OAAO,IAAI,CAAA,CAAA;AAAA,WAAA,EAChC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA,EAAA;AAIjB,OAAO,KAAK,CAAA,CAAA;AAAA,iBAAA,EAClB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGnC,MAAA,QAAA,GAAW,OAAO,gBAAgB,CAAA,CAAA;AAAA,uBAAA,EAGtB,WAAW,KAAK,CAAA,CAAA;AAAA,gBAAA,EACvB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,KAAA,CAAA;AAAA,oBAAA,EACjC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,sBAAA,EAC3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGxC,MAAA,WAAA,GAAc,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,oBAAA,EAIhB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,SAAA,CAAA;AAAA,WAAA,EAC5C,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAG7B,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA,WAAA,EACxB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,SAAA,EAC/B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,MAAA,CAAA;AAAA,EAAA;AAGnC,MAAA,cAAA,GAAiB,OAAO,iBAAiB,CAAA,CAAA;AAAA;AAAA,EAAA;AAIzC,MAAA,cAAA,GAAiB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;;;;"}

package/esm/components/molecules/Snackbar/Snackbar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SnackbarProps as SnackPropsCore } from '@tecsinapse/react-core';
+import { TextNativeProps } from '../../atoms/Text';
+export interface SnackbarNativeProps extends Omit<SnackPropsCore, 'children'> {
+    value: string;
+    textProps?: TextNativeProps;
+}
+declare const Snackbar: React.FC<SnackbarNativeProps>;
+export default Snackbar;

package/esm/components/molecules/Snackbar/Snackbar.js

@@ -0,0 +1,51 @@
+import React__default from 'react';
+import Text from '../../atoms/Text/Text.js';
+import { SnackbarStyled } from './styled.js';
+
+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 Snackbar = (_a) => {
+  var _b = _a, {
+    value,
+    textProps = { colorVariant: "primary", colorTone: "medium" }
+  } = _b, rest = __objRest(_b, [
+    "value",
+    "textProps"
+  ]);
+  return /* @__PURE__ */ React__default.createElement(SnackbarStyled, __spreadValues({}, rest), /* @__PURE__ */ React__default.createElement(Text, __spreadProps(__spreadValues({}, textProps), {
+    fontWeight: "bold",
+    typography: "base"
+  }), value));
+};
+
+export { Snackbar as default };
+//# sourceMappingURL=Snackbar.js.map

package/esm/components/molecules/Snackbar/Snackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snackbar.js","sources":["../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { SnackbarProps as SnackPropsCore } from '@tecsinapse/react-core';\nimport { Text, TextNativeProps } from '../../atoms/Text';\nimport { SnackbarStyled } from './styled';\n\nexport interface SnackbarNativeProps extends Omit<SnackPropsCore, 'children'> {\n  value: string;\n  textProps?: TextNativeProps;\n}\n\nconst Snackbar: React.FC<SnackbarNativeProps> = ({\n  value,\n  textProps = { colorVariant: 'primary', colorTone: 'medium' },\n  ...rest\n}) => {\n  return (\n    <SnackbarStyled {...rest}>\n      <Text {...textProps} fontWeight=\"bold\" typography=\"base\">\n        {value}\n      </Text>\n    </SnackbarStyled>\n  );\n};\n\nexport default Snackbar;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUM,MAAA,QAAA,GAA0C,CAAC,EAI3C,KAAA;AAJ2C,EAC/C,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,SAAY,GAAA,EAAE,YAAc,EAAA,SAAA,EAAW,WAAW,QAAS,EAAA;AAAA,GAZ7D,GAUiD,EAG5C,EAAA,IAAA,GAAA,SAAA,CAH4C,EAG5C,EAAA;AAAA,IAFH,OAAA;AAAA,IACA,WAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA,cAAA,CAAA,EAAA,EAAmB,IAClB,CAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,uCAAS,SAAT,CAAA,EAAA;AAAA,IAAoB,UAAW,EAAA,MAAA;AAAA,IAAO,UAAW,EAAA,MAAA;AAAA,GAAA,CAAA,EAC/C,KACH,CACF,CAAA,CAAA;AAEJ;;;;"}

package/esm/components/molecules/Snackbar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Snackbar } from './Snackbar';
+export type { SnackbarNativeProps } from './Snackbar';

package/esm/components/molecules/Snackbar/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const SnackbarStyled: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;

package/esm/components/molecules/Snackbar/styled.js

@@ -0,0 +1,10 @@
+import styled from '@emotion/native';
+import { Snackbar } from '@tecsinapse/react-core';
+
+const SnackbarStyled = styled(Snackbar)`
+  left: ${({ theme }) => theme.spacing.deca};
+  right: ${({ theme }) => theme.spacing.deca};
+`;
+
+export { SnackbarStyled };
+//# sourceMappingURL=styled.js.map

package/esm/components/molecules/Snackbar/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/Snackbar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Snackbar as SnackbarCore, StyleProps } from '@tecsinapse/react-core';\n\nexport const SnackbarStyled = styled(SnackbarCore)<Partial<StyleProps>>`\n  left: ${({ theme }) => theme.spacing.deca};\n  right: ${({ theme }) => theme.spacing.deca};\n`;\n"],"names":["SnackbarCore"],"mappings":";;;AAGa,MAAA,cAAA,GAAiB,OAAOA,QAAY,CAAA,CAAA;AAAA,QAAA,EACvC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,SAAA,EAC5B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;;;;"}

package/esm/index.d.ts

@@ -0,0 +1,44 @@
+export * from '@tecsinapse/react-core';
+export { Avatar } from './components/atoms/Avatar';
+export { Badge } from './components/atoms/Badge';
+export type { BadgeNativeProps } from './components/atoms/Badge';
+export { BottomNavigator } from './components/atoms/BottomNavigator';
+export type { BottomNavigatorProps } from './components/atoms/BottomNavigator';
+export { Button, Error, Loading, Success } from './components/atoms/Button';
+export type { ButtonNativeProps } from './components/atoms/Button';
+export { GroupButtonOption } from './components/atoms/GroupButton';
+export { Header } from './components/atoms/Header';
+export type { HeaderProps } from './components/atoms/Header';
+export { Input } from './components/atoms/Input';
+export type { InputNativeProps } from './components/atoms/Input';
+export { InputMask } from './components/atoms/InputMask';
+export type { InputMaskNativeProps } from './components/atoms/InputMask';
+export { ModalGroupManager, ModalLifecycleHandler, ModalView, useLazyModalManager, useModalManager, useModalRemoteControl, } from './components/atoms/Modal';
+export type { IBaseModal } from './components/atoms/Modal';
+export { Skeleton } from './components/atoms/Skeleton';
+export type { SkeletonProps } from './components/atoms/Skeleton';
+export { SnappingSlider } from './components/atoms/SnappingSlider';
+export type { SnappingSliderProps } from './components/atoms/SnappingSlider';
+export { Tag } from './components/atoms/Tag';
+export type { TagProps } from './components/atoms/Tag';
+export { Text } from './components/atoms/Text';
+export type { TextNativeProps } from './components/atoms/Text';
+export { TextArea } from './components/atoms/TextArea';
+export type { TextAreaProps } from './components/atoms/TextArea';
+export { Calendar } from './components/molecules/Calendar';
+export { DatePicker } from './components/molecules/DatePicker';
+export type { NativeDatePickerProps } from './components/molecules/DatePicker';
+export { DateTimePicker } from './components/molecules/DateTimePicker';
+export type { NativeDateTimePickerProps } from './components/molecules/DateTimePicker';
+export { DateTimeSelector } from './components/molecules/DateTimeSelector';
+export { IconTextButton } from './components/molecules/IconTextButton';
+export type { NativeIconTextButtonProps } from './components/molecules/IconTextButton';
+export { InputPassword } from './components/molecules/InputPassword';
+export type { InputPasswordNativeProps } from './components/molecules/InputPassword';
+export { LabeledSwitch } from './components/molecules/LabeledSwitch';
+export type { LabeledSwitchNativeProps } from './components/molecules/LabeledSwitch';
+export { Select } from './components/molecules/Select';
+export type { SelectNativeProps } from './components/molecules/Select';
+export { Snackbar } from './components/molecules/Snackbar';
+export type { SnackbarNativeProps } from './components/molecules/Snackbar';
+export { Grid, GridItem } from './components/molecules/Grid';

package/esm/index.js

@@ -0,0 +1,35 @@
+export * from '@tecsinapse/react-core';
+export { default as Avatar } from './components/atoms/Avatar/Avatar.js';
+export { default as Badge } from './components/atoms/Badge/Badge.js';
+export { default as BottomNavigator } from './components/atoms/BottomNavigator/BottomNavigator.js';
+export { Button } from './components/atoms/Button/Button.js';
+export { default as Error } from './components/atoms/Button/States/Error.js';
+export { default as Loading } from './components/atoms/Button/States/Loading.js';
+export { default as Success } from './components/atoms/Button/States/Success.js';
+export { default as GroupButtonOption } from './components/atoms/GroupButton/GroupButtonOption.js';
+export { default as Header } from './components/atoms/Header/Header.js';
+export { default as Input } from './components/atoms/Input/Input.js';
+export { default as InputMask } from './components/atoms/InputMask/InputMask.js';
+export { ModalGroupManager } from './components/atoms/Modal/ModalGroupManager.js';
+export { ModalLifecycleHandler } from './components/atoms/Modal/ModalLifecycleHandler.js';
+export { ModalView } from './components/atoms/Modal/ui/BaseModalView.js';
+export { useModalManager } from './components/atoms/Modal/useModalManager.js';
+export { useLazyModalManager } from './components/atoms/Modal/useLazyModalManager.js';
+export { useModalRemoteControl } from './components/atoms/Modal/useModalRemoteControl.js';
+export { default as Skeleton } from './components/atoms/Skeleton/Skeleton.js';
+export { default as SnappingSlider } from './components/atoms/SnappingSlider/SnappingSlider.js';
+export { default as Tag } from './components/atoms/Tag/Tag.js';
+export { default as Text } from './components/atoms/Text/Text.js';
+export { default as TextArea } from './components/atoms/TextArea/TextArea.js';
+export { Calendar } from './components/molecules/Calendar/Calendar.js';
+export { DatePicker } from './components/molecules/DatePicker/DatePicker.js';
+export { DateTimePicker } from './components/molecules/DateTimePicker/DateTimePicker.js';
+export { DateTimeSelector } from './components/molecules/DateTimeSelector/DateTimeSelector.js';
+export { default as IconTextButton } from './components/molecules/IconTextButton/IconTextButton.js';
+export { default as InputPassword } from './components/molecules/InputPassword/InputPassword.js';
+export { default as LabeledSwitch } from './components/molecules/LabeledSwitch/LabeledSwitch.js';
+export { default as Select } from './components/molecules/Select/Select.js';
+export { default as Snackbar } from './components/molecules/Snackbar/Snackbar.js';
+export { default as GridItem } from './components/molecules/Grid/Item/Item.js';
+export { default as Grid } from './components/molecules/Grid/Grid.js';
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/utils/date.d.ts

@@ -0,0 +1 @@
+export declare const getLocale: () => Locale;

package/esm/utils/date.js

@@ -0,0 +1,16 @@
+import { Platform, NativeModules } from 'react-native';
+import * as dateFnsLocales from 'date-fns/locale';
+
+const getLocale = () => {
+  let locale;
+  if (Platform.OS === "ios") {
+    locale = NativeModules.SettingsManager.settings.AppleLocale || NativeModules.SettingsManager.settings.AppleLanguages[0];
+  } else {
+    locale = NativeModules.I18nManager.localeIdentifier;
+  }
+  const code = locale.replace("_", "");
+  return dateFnsLocales[code];
+};
+
+export { getLocale };
+//# sourceMappingURL=date.js.map

package/esm/utils/date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.js","sources":["../../src/utils/date.ts"],"sourcesContent":["import { NativeModules, Platform } from 'react-native';\nimport * as dateFnsLocales from 'date-fns/locale';\n\nexport const getLocale = (): Locale => {\n  let locale: string;\n  if (Platform.OS === 'ios') {\n    locale =\n      NativeModules.SettingsManager.settings.AppleLocale ||\n      NativeModules.SettingsManager.settings.AppleLanguages[0];\n  } else {\n    locale = NativeModules.I18nManager.localeIdentifier;\n  }\n\n  const code = locale.replace('_', '');\n\n  return dateFnsLocales[code];\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,YAAY,MAAc;AACrC,EAAI,IAAA,MAAA,CAAA;AACJ,EAAI,IAAA,QAAA,CAAS,OAAO,KAAO,EAAA;AACzB,IAAA,MAAA,GACE,cAAc,eAAgB,CAAA,QAAA,CAAS,eACvC,aAAc,CAAA,eAAA,CAAgB,SAAS,cAAe,CAAA,CAAA,CAAA,CAAA;AAAA,GACnD,MAAA;AACL,IAAA,MAAA,GAAS,cAAc,WAAY,CAAA,gBAAA,CAAA;AAAA,GACrC;AAEA,EAAA,MAAM,IAAO,GAAA,MAAA,CAAO,OAAQ,CAAA,GAAA,EAAK,EAAE,CAAA,CAAA;AAEnC,EAAA,OAAO,cAAe,CAAA,IAAA,CAAA,CAAA;AACxB;;;;"}

package/package.json

@@ -1,14 +1,17 @@
 {
   "name": "@tecsinapse/react-native-kit",
   "description": "TecSinapse React Native components",
-  "version": "1.20.0",
+  "version": "1.22.0-beta.13+cb2e0a1",
   "main": "dist/index.js",
+  "module": "esm/index.js",
   "types": "dist/index.d.ts",
   "license": "MIT",
   "scripts": {
     "start": "yarn build:es --watch",
-    "build:es": "cross-env BABEL_ENV=build babel src --root-mode upward --out-dir dist --source-maps --extensions .ts,.tsx --delete-dir-on-start --no-comments",
-    "build:declaration": "tsc --project tsconfig.build.json",
+    "build:es": "yarn rollup --config",
+    "build:declaration": "run-p build:declaration:cjs build:declaration:esm",
+    "build:declaration:cjs": "tsc --project tsconfig.build.json",
+    "build:declaration:esm": "tsc --project tsconfig.build.esm.json",
     "build:declaration:watch": "tsc --project tsconfig.build.json --watch",
     "yalc:push": "yalc push --changed",
     "yalc:show": "yalc installations show $npm_package_name"
@@ -16,7 +19,7 @@
   "dependencies": {
     "@emotion/native": "^11.10.0",
     "@emotion/react": "^11.10.0",
-    "@tecsinapse/react-core": "^1.19.0",
+    "@tecsinapse/react-core": "^1.21.0-beta.13+cb2e0a1",
     "react-native-linear-gradient": "^2.5.6"
   },
   "repository": {
@@ -39,5 +42,5 @@
   "devDependencies": {
     "@types/uuid": "^8.3.3"
   },
-  "gitHead": "59f85f1085ace4af0b26b85e32faf92cd2bf303f"
+  "gitHead": "cb2e0a1873cfc3f45e793b5443297fb6fffce1b5"
 }

package/rollup.config.js

@@ -0,0 +1,39 @@
+import esbuild from 'rollup-plugin-esbuild';
+
+const outputDefaultConfig = {
+  preserveModules: true,
+  preserveModulesRoot: 'src',
+  sourcemap: true,
+};
+
+export default [
+  {
+    input: ['./src/index.ts'],
+    output: [
+      {
+        dir: 'esm',
+        format: 'esm',
+        ...outputDefaultConfig,
+      },
+      {
+        dir: 'dist',
+        format: 'cjs',
+        exports: 'auto',
+        ...outputDefaultConfig,
+      },
+    ],
+    plugins: [esbuild({ tsconfig: 'tsconfig.build.json' })],
+    external: [
+      'react',
+      'react-native',
+      'react-native-linear-gradient',
+      '@emotion/native',
+      '@emotion/react',
+      '@tecsinapse/react-core',
+      'react-native-vector-icons',
+      'react-native-safe-area-context',
+      'uuid',
+      'date-fns/locale',
+    ],
+  },
+];

package/src/components/atoms/Avatar/Avatar.tsx

@@ -2,6 +2,8 @@ import { Avatar as AvatarCore, AvatarProps } from '@tecsinapse/react-core';
 import React from 'react';
 import { Text } from '../Text';
 
-export const Avatar: React.FC<AvatarProps> = props => {
+const Avatar: React.FC<AvatarProps> = props => {
   return <AvatarCore {...props} TextComponent={Text} />;
 };
+
+export default Avatar;

package/src/components/atoms/Avatar/index.ts

@@ -1 +1 @@
-export { Avatar } from './Avatar';
+export { default as Avatar } from './Avatar';

package/src/components/atoms/Badge/index.ts

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

package/src/components/atoms/BottomNavigator/index.ts

@@ -1,6 +1,4 @@
-export {
-  default as BottomNavigator,
-  BottomNavigatorProps,
-} from './BottomNavigator';
+export { default as BottomNavigator } from './BottomNavigator';
+export { BottomNavigatorProps } from './BottomNavigator';
 
-export { BottomNavigatorItemProps } from './Item';
+export type { BottomNavigatorItemProps } from './Item';

package/src/components/atoms/Button/States/Error.tsx

@@ -2,7 +2,7 @@ import { ButtonStateProps, Error as CoreError } from '@tecsinapse/react-core';
 import React, { FC } from 'react';
 import { Text } from '../../Text';
 
-export const Error: FC<ButtonStateProps> = props => {
+const Error: FC<ButtonStateProps> = props => {
   return <CoreError {...props} textComponent={Text} />;
 };
 

package/src/components/atoms/Button/States/Loading.tsx

@@ -5,7 +5,7 @@ import {
 import React, { FC } from 'react';
 import { Text } from '../../Text';
 
-export const Loading: FC<ButtonStateProps> = props => {
+const Loading: FC<ButtonStateProps> = props => {
   return <CoreLoading {...props} textComponent={Text} />;
 };
 

package/src/components/atoms/Button/States/Success.tsx

@@ -5,7 +5,7 @@ import {
 import React, { FC } from 'react';
 import { Text } from '../../Text';
 
-export const Success: FC<ButtonStateProps> = props => {
+const Success: FC<ButtonStateProps> = props => {
   return <CoreSuccess {...props} textComponent={Text} />;
 };
 

package/src/components/atoms/Button/index.ts

@@ -1,2 +1,3 @@
-export { Button, ButtonNativeProps } from './Button';
+export { Button } from './Button';
+export type { ButtonNativeProps } from './Button';
 export { Error, Loading, Success } from './States';

package/src/components/atoms/Header/index.ts

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

package/src/components/atoms/Input/index.ts

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

package/src/components/atoms/InputMask/index.ts

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

package/src/components/atoms/Skeleton/index.ts

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

package/src/components/atoms/SnappingSlider/index.ts

@@ -1,4 +1,2 @@
-export {
-  default as SnappingSlider,
-  SnappingSliderProps,
-} from './SnappingSlider';
+export { default as SnappingSlider } from './SnappingSlider';
+export type { SnappingSliderProps } from './SnappingSlider';

package/src/components/atoms/Tag/index.ts

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

package/src/components/atoms/Text/index.ts

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

package/src/components/atoms/TextArea/index.ts

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

package/src/components/molecules/DatePicker/index.ts

@@ -1 +1,2 @@
-export { DatePicker, NativeDatePickerProps } from './DatePicker';
+export { DatePicker } from './DatePicker';
+export type { NativeDatePickerProps } from './DatePicker';

package/src/components/molecules/DateTimePicker/index.ts

@@ -1 +1,2 @@
-export { DateTimePicker, NativeDateTimePickerProps } from './DateTimePicker';
+export { DateTimePicker } from './DateTimePicker';
+export type { NativeDateTimePickerProps } from './DateTimePicker';

package/src/components/molecules/IconTextButton/index.ts

@@ -1,4 +1,2 @@
-export {
-  default as IconTextButton,
-  NativeIconTextButtonProps,
-} from './IconTextButton';
+export { default as IconTextButton } from './IconTextButton';
+export type { NativeIconTextButtonProps } from './IconTextButton';

package/src/components/molecules/InputPassword/index.ts

@@ -1,4 +1,2 @@
-export {
-  default as InputPassword,
-  InputPasswordNativeProps,
-} from './InputPassword';
+export { default as InputPassword } from './InputPassword';
+export type { InputPasswordNativeProps } from './InputPassword';

package/src/components/molecules/LabeledSwitch/index.ts

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

package/src/components/molecules/Select/Modal.tsx

@@ -183,7 +183,7 @@ const Component = <Data, Type extends 'single' | 'multi'>({
           <Input
             placeholder={searchBarPlaceholder}
             value={searchArg}
-            onChange={text => setSearchArg(text)}
+            onChange={setSearchArg}
             leftComponent={
               <SelectIcon name="search" type="ionicon" size="centi" />
             }