@tecsinapse/react-core 1.20.0 → 1.21.0

package/esm/components/atoms/Icon/helpers.js

@@ -1,78 +1,102 @@
-var _templateObject;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
+import { lazy } from 'react';
 import styled from '@emotion/native';
-var customIcons = {};
-export var registerCustomIconType = function registerCustomIconType(id, customIcon) {
-  customIcons[id] = customIcon;
-};
 
-var getStyledIcon = function getStyledIcon(Component, size) {
-  return styled(Component)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: ", ";\n  text-align: center;\n"])), function (_ref) {
-    var theme = _ref.theme;
-    return theme.iconSize[size];
-  });
-};
-
-export var getIconComponent = function getIconComponent(type, size) {
+const customIcons = {};
+const getStyledIcon = (Component, size) => styled(Component)`
+  font-size: ${({ theme }) => theme.iconSize[size]};
+  text-align: center;
+`;
+const getIconComponent = (type, size) => {
   switch (type) {
-    case 'zocial':
-      return getStyledIcon(require('react-native-vector-icons/dist/Zocial')["default"], size);
-
-    case 'octicon':
-      return getStyledIcon(require('react-native-vector-icons/dist/Octicons')["default"], size);
-
-    case 'material':
-      return getStyledIcon(require('react-native-vector-icons/dist/MaterialIcons')["default"], size);
-
-    case 'material-community':
-      return getStyledIcon(require('react-native-vector-icons/dist/MaterialCommunityIcons')["default"], size);
-
-    case 'ionicon':
-      return getStyledIcon(require('react-native-vector-icons/dist/Ionicons')["default"], size);
-
-    case 'foundation':
-      return getStyledIcon(require('react-native-vector-icons/dist/Foundation')["default"], size);
-
-    case 'evilicon':
-      return getStyledIcon(require('react-native-vector-icons/dist/EvilIcons')["default"], size);
-
-    case 'entypo':
-      return getStyledIcon(require('react-native-vector-icons/dist/Entypo')["default"], size);
-
-    case 'font-awesome':
-      return getStyledIcon(require('react-native-vector-icons/dist/FontAwesome')["default"], size);
-
-    case 'font-awesome-5':
-      return getStyledIcon(require('react-native-vector-icons/dist/FontAwesome5')["default"], size);
-
-    case 'simple-line-icon':
-      return getStyledIcon(require('react-native-vector-icons/dist/SimpleLineIcons')["default"], size);
-
-    case 'feather':
-      return getStyledIcon(require('react-native-vector-icons/dist/Feather')["default"], size);
-
-    case 'antdesign':
-    case 'ant-design':
-      return getStyledIcon(require('react-native-vector-icons/dist/AntDesign')["default"], size);
-
-    case 'fontisto':
-      return getStyledIcon(require('react-native-vector-icons/dist/Fontisto')["default"], size);
-
+    case "zocial":
+      return getStyledIcon(
+        lazy(() => import('react-native-vector-icons/dist/Zocial')),
+        size
+      );
+    case "octicon":
+      return getStyledIcon(
+        lazy(() => import('react-native-vector-icons/dist/Octicons')),
+        size
+      );
+    case "material":
+      return getStyledIcon(
+        lazy(() => import('react-native-vector-icons/dist/MaterialIcons')),
+        size
+      );
+    case "material-community":
+      return getStyledIcon(
+        lazy(
+          () => import('react-native-vector-icons/dist/MaterialCommunityIcons')
+        ),
+        size
+      );
+    case "ionicon":
+      return getStyledIcon(
+        lazy(() => import('react-native-vector-icons/dist/Ionicons')),
+        size
+      );
+    case "foundation":
+      return getStyledIcon(
+        lazy(() => import('react-native-vector-icons/dist/Foundation')),
+        size
+      );
+    case "evilicon":
+      return getStyledIcon(
+        lazy(() => import('react-native-vector-icons/dist/EvilIcons')),
+        size
+      );
+    case "entypo":
+      return getStyledIcon(
+        lazy(() => import('react-native-vector-icons/dist/Entypo')),
+        size
+      );
+    case "font-awesome":
+      return getStyledIcon(
+        lazy(() => import('react-native-vector-icons/dist/FontAwesome')),
+        size
+      );
+    case "font-awesome-5":
+      return getStyledIcon(
+        lazy(() => import('react-native-vector-icons/dist/FontAwesome5')),
+        size
+      );
+    case "simple-line-icon":
+      return getStyledIcon(
+        lazy(() => import('react-native-vector-icons/dist/SimpleLineIcons')),
+        size
+      );
+    case "feather":
+      return getStyledIcon(
+        lazy(() => import('react-native-vector-icons/dist/Feather')),
+        size
+      );
+    case "antdesign":
+    case "ant-design":
+      return getStyledIcon(
+        lazy(() => import('react-native-vector-icons/dist/AntDesign')),
+        size
+      );
+    case "fontisto":
+      return getStyledIcon(
+        lazy(() => import('react-native-vector-icons/dist/Fontisto')),
+        size
+      );
     default:
       if (Object.prototype.hasOwnProperty.call(customIcons, type)) {
         return getStyledIcon(customIcons[type], size);
       }
-
-      return getStyledIcon(require('react-native-vector-icons/dist/MaterialIcons')["default"], size);
+      return getStyledIcon(
+        lazy(() => import('react-native-vector-icons/dist/MaterialIcons')),
+        size
+      );
   }
 };
-export var getIconColor = function getIconColor(colorVariant, colorGradation, fontColor, theme) {
+const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {
   if (colorVariant && colorGradation) {
     return theme.color[colorVariant][colorGradation];
   }
-
   return theme.font.color[fontColor];
 };
-//# sourceMappingURL=helpers.js.map
+
+export { getIconColor, getIconComponent };
+//# sourceMappingURL=helpers.js.map

package/esm/components/atoms/Icon/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["styled","customIcons","registerCustomIconType","id","customIcon","getStyledIcon","Component","size","theme","iconSize","getIconComponent","type","require","Object","prototype","hasOwnProperty","call","getIconColor","colorVariant","colorGradation","fontColor","color","font"],"sources":["../../../../src/components/atoms/Icon/helpers.ts"],"sourcesContent":["import {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n  customIcons[id] = customIcon;\n};\n\nconst getStyledIcon = (Component, size) => styled(Component)`\n  font-size: ${({ theme }) => theme.iconSize[size]};\n  text-align: center;\n`;\n\nexport const getIconComponent = (type: IconType, size: IconSizeType): any => {\n  switch (type) {\n    case 'zocial':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/Zocial').default,\n        size\n      );\n    case 'octicon':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/Octicons').default,\n        size\n      );\n    case 'material':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/MaterialIcons').default,\n        size\n      );\n    case 'material-community':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/MaterialCommunityIcons')\n          .default,\n        size\n      );\n    case 'ionicon':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/Ionicons').default,\n        size\n      );\n    case 'foundation':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/Foundation').default,\n        size\n      );\n    case 'evilicon':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/EvilIcons').default,\n        size\n      );\n    case 'entypo':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/Entypo').default,\n        size\n      );\n    case 'font-awesome':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/FontAwesome').default,\n        size\n      );\n    case 'font-awesome-5':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/FontAwesome5').default,\n        size\n      );\n    case 'simple-line-icon':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/SimpleLineIcons').default,\n        size\n      );\n    case 'feather':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/Feather').default,\n        size\n      );\n    case 'antdesign':\n    case 'ant-design':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/AntDesign').default,\n        size\n      );\n    case 'fontisto':\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/Fontisto').default,\n        size\n      );\n    default:\n      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n        return getStyledIcon(customIcons[type], size);\n      }\n      return getStyledIcon(\n        require('react-native-vector-icons/dist/MaterialIcons').default,\n        size\n      );\n  }\n};\n/* eslint-enable */\nexport const getIconColor = (\n  colorVariant: ColorType | undefined,\n  colorGradation: ColorGradationType | undefined,\n  fontColor: FontColorType,\n  theme: ThemeProp\n): string => {\n  if (colorVariant && colorGradation) {\n    return theme.color[colorVariant][colorGradation];\n  }\n  return theme.font.color[fontColor];\n};\n"],"mappings":"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"}
+{"version":3,"file":"helpers.js","sources":["../../../../src/components/atoms/Icon/helpers.ts"],"sourcesContent":["import { lazy } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n  customIcons[id] = customIcon;\n};\n\nconst getStyledIcon = (Component, size) => styled(Component)`\n  font-size: ${({ theme }) => theme.iconSize[size]};\n  text-align: center;\n`;\n\nexport const getIconComponent = (type: IconType, size: IconSizeType): any => {\n  switch (type) {\n    case 'zocial':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Zocial')),\n        size\n      );\n    case 'octicon':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Octicons')),\n        size\n      );\n    case 'material':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/MaterialIcons')),\n        size\n      );\n    case 'material-community':\n      return getStyledIcon(\n        lazy(\n          () => import('react-native-vector-icons/dist/MaterialCommunityIcons')\n        ),\n        size\n      );\n    case 'ionicon':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Ionicons')),\n        size\n      );\n    case 'foundation':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Foundation')),\n        size\n      );\n    case 'evilicon':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/EvilIcons')),\n        size\n      );\n    case 'entypo':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Entypo')),\n        size\n      );\n    case 'font-awesome':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/FontAwesome')),\n        size\n      );\n    case 'font-awesome-5':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/FontAwesome5')),\n        size\n      );\n    case 'simple-line-icon':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/SimpleLineIcons')),\n        size\n      );\n    case 'feather':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Feather')),\n        size\n      );\n    case 'antdesign':\n    case 'ant-design':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/AntDesign')),\n        size\n      );\n    case 'fontisto':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Fontisto')),\n        size\n      );\n    default:\n      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n        return getStyledIcon(customIcons[type], size);\n      }\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/MaterialIcons')),\n        size\n      );\n  }\n};\n/* eslint-enable */\nexport const getIconColor = (\n  colorVariant: ColorType | undefined,\n  colorGradation: ColorGradationType | undefined,\n  fontColor: FontColorType,\n  theme: ThemeProp\n): string => {\n  if (colorVariant && colorGradation) {\n    return theme.color[colorVariant][colorGradation];\n  }\n  return theme.font.color[fontColor];\n};\n"],"names":[],"mappings":"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"}

package/esm/components/atoms/Input/Hint.js

@@ -1,41 +1,33 @@
-import React from 'react';
-import { Text } from '../Text';
-import { StyledHintContainer, StyledHintIcon } from './styled';
-
-var Hint = function Hint(_ref) {
-  var variant = _ref.variant,
-      text = _ref.text,
-      _ref$TextComponent = _ref.TextComponent,
-      TextComponent = _ref$TextComponent === void 0 ? Text : _ref$TextComponent;
-  var color;
-  var icon;
+import React__default from 'react';
+import Text from '../Text/Text.js';
+import { StyledHintContainer, StyledHintIcon } from './styled.js';
 
+const Hint = ({ variant, text, TextComponent = Text }) => {
+  let color;
+  let icon;
   switch (variant) {
-    case 'default':
-      color = 'secondary';
+    case "default":
+      color = "secondary";
       break;
-
-    case 'error':
-      color = 'error';
-      icon = 'close-circle-outline';
+    case "error":
+      color = "error";
+      icon = "close-circle-outline";
       break;
-
-    case 'success':
-      color = 'success';
-      icon = 'checkmark-circle-outline';
+    case "success":
+      color = "success";
+      icon = "checkmark-circle-outline";
       break;
   }
-
-  return React.createElement(StyledHintContainer, null, icon && React.createElement(StyledHintIcon, {
+  return /* @__PURE__ */ React__default.createElement(StyledHintContainer, null, icon && /* @__PURE__ */ React__default.createElement(StyledHintIcon, {
     name: icon,
     type: "ionicon",
     size: "centi",
     colorVariant: color
-  }), React.createElement(TextComponent, {
+  }), /* @__PURE__ */ React__default.createElement(TextComponent, {
     typography: "label",
     colorVariant: color
   }, text));
 };
 
-export default Hint;
-//# sourceMappingURL=Hint.js.map
+export { Hint as default };
+//# sourceMappingURL=Hint.js.map

package/esm/components/atoms/Input/Hint.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hint.js","names":["React","Text","StyledHintContainer","StyledHintIcon","Hint","variant","text","TextComponent","color","icon"],"sources":["../../../../src/components/atoms/Input/Hint.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ColorType } from '../../../types/defaults';\nimport { InputVariantType } from '../Input';\nimport { Text, TextProps } from '../Text';\nimport { StyledHintContainer, StyledHintIcon } from './styled';\n\ninterface HintProps {\n  text?: string;\n  variant: InputVariantType;\n  TextComponent?: FC<TextProps>;\n}\n\nconst Hint: FC<HintProps> = ({ variant, text, TextComponent = Text }) => {\n  let color: ColorType;\n  let icon;\n\n  switch (variant) {\n    case 'default':\n      color = 'secondary';\n      break;\n    case 'error':\n      color = 'error';\n      icon = 'close-circle-outline';\n      break;\n    case 'success':\n      color = 'success';\n      icon = 'checkmark-circle-outline';\n      break;\n  }\n\n  return (\n    <StyledHintContainer>\n      {icon && (\n        <StyledHintIcon\n          name={icon}\n          type=\"ionicon\"\n          size=\"centi\"\n          colorVariant={color}\n        />\n      )}\n      <TextComponent typography=\"label\" colorVariant={color}>\n        {text}\n      </TextComponent>\n    </StyledHintContainer>\n  );\n};\n\nexport default Hint;\n"],"mappings":"AAAA,OAAOA,KAAP,MAA0B,OAA1B;AAGA,SAASC,IAAT,QAAgC,SAAhC;AACA,SAASC,mBAAT,EAA8BC,cAA9B,QAAoD,UAApD;;AAQA,IAAMC,IAAmB,GAAG,SAAtBA,IAAsB,OAA6C;EAAA,IAA1CC,OAA0C,QAA1CA,OAA0C;EAAA,IAAjCC,IAAiC,QAAjCA,IAAiC;EAAA,8BAA3BC,aAA2B;EAAA,IAA3BA,aAA2B,mCAAXN,IAAW;EACvE,IAAIO,KAAJ;EACA,IAAIC,IAAJ;;EAEA,QAAQJ,OAAR;IACE,KAAK,SAAL;MACEG,KAAK,GAAG,WAAR;MACA;;IACF,KAAK,OAAL;MACEA,KAAK,GAAG,OAAR;MACAC,IAAI,GAAG,sBAAP;MACA;;IACF,KAAK,SAAL;MACED,KAAK,GAAG,SAAR;MACAC,IAAI,GAAG,0BAAP;MACA;EAXJ;;EAcA,OACE,oBAAC,mBAAD,QACGA,IAAI,IACH,oBAAC,cAAD;IACE,IAAI,EAAEA,IADR;IAEE,IAAI,EAAC,SAFP;IAGE,IAAI,EAAC,OAHP;IAIE,YAAY,EAAED;EAJhB,EAFJ,EASE,oBAAC,aAAD;IAAe,UAAU,EAAC,OAA1B;IAAkC,YAAY,EAAEA;EAAhD,GACGF,IADH,CATF,CADF;AAeD,CAjCD;;AAmCA,eAAeF,IAAf"}
+{"version":3,"file":"Hint.js","sources":["../../../../src/components/atoms/Input/Hint.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ColorType } from '../../../types/defaults';\nimport { InputVariantType } from '../Input';\nimport { Text, TextProps } from '../Text';\nimport { StyledHintContainer, StyledHintIcon } from './styled';\n\ninterface HintProps {\n  text?: string;\n  variant: InputVariantType;\n  TextComponent?: FC<TextProps>;\n}\n\nconst Hint: FC<HintProps> = ({ variant, text, TextComponent = Text }) => {\n  let color: ColorType;\n  let icon;\n\n  switch (variant) {\n    case 'default':\n      color = 'secondary';\n      break;\n    case 'error':\n      color = 'error';\n      icon = 'close-circle-outline';\n      break;\n    case 'success':\n      color = 'success';\n      icon = 'checkmark-circle-outline';\n      break;\n  }\n\n  return (\n    <StyledHintContainer>\n      {icon && (\n        <StyledHintIcon\n          name={icon}\n          type=\"ionicon\"\n          size=\"centi\"\n          colorVariant={color}\n        />\n      )}\n      <TextComponent typography=\"label\" colorVariant={color}>\n        {text}\n      </TextComponent>\n    </StyledHintContainer>\n  );\n};\n\nexport default Hint;\n"],"names":["React"],"mappings":";;;;AAYA,MAAM,OAAsB,CAAC,EAAE,SAAS,IAAM,EAAA,aAAA,GAAgB,MAAW,KAAA;AACvE,EAAI,IAAA,KAAA,CAAA;AACJ,EAAI,IAAA,IAAA,CAAA;AAEJ,EAAA,QAAQ,OAAS;AAAA,IACf,KAAK,SAAA;AACH,MAAQ,KAAA,GAAA,WAAA,CAAA;AACR,MAAA,MAAA;AAAA,IACF,KAAK,OAAA;AACH,MAAQ,KAAA,GAAA,OAAA,CAAA;AACR,MAAO,IAAA,GAAA,sBAAA,CAAA;AACP,MAAA,MAAA;AAAA,IACF,KAAK,SAAA;AACH,MAAQ,KAAA,GAAA,SAAA,CAAA;AACR,MAAO,IAAA,GAAA,0BAAA,CAAA;AACP,MAAA,MAAA;AAAA,GACJ;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,mBACE,EAAA,IAAA,EAAA,IAAA,oBACEA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,IAAM,EAAA,IAAA;AAAA,IACN,IAAK,EAAA,SAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,IACL,YAAc,EAAA,KAAA;AAAA,GAChB,mBAEDA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IAAc,UAAW,EAAA,OAAA;AAAA,IAAQ,YAAc,EAAA,KAAA;AAAA,GAAA,EAC7C,IACH,CACF,CAAA,CAAA;AAEJ;;;;"}

package/esm/components/atoms/Input/InputContainer/InputContainer.js

@@ -1,66 +1,99 @@
-var _excluded = ["label", "labelColor", "labelColorTone", "labelColorVariant", "labelTypography", "labelStack", "labelWeight", "LabelComponent", "leftComponent", "rightComponent", "inputContainerStyle", "disabled", "focused", "variant", "children"];
+import React__default from 'react';
+import Text from '../../Text/Text.js';
+import { StyledInputContainer, StyledBorderKeeper, StyledIconContent, StyledLabelContainer } from '../styled.js';
 
-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); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React from 'react';
-import { Text } from '../../Text';
-import { StyledBorderKeeper, StyledIconContent, StyledInputContainer, StyledLabelContainer } from '../styled';
-
-var InputContainer = function InputContainer(_ref) {
-  var label = _ref.label,
-      _ref$labelColor = _ref.labelColor,
-      labelColor = _ref$labelColor === void 0 ? 'medium' : _ref$labelColor,
-      labelColorTone = _ref.labelColorTone,
-      labelColorVariant = _ref.labelColorVariant,
-      _ref$labelTypography = _ref.labelTypography,
-      labelTypography = _ref$labelTypography === void 0 ? 'label' : _ref$labelTypography,
-      _ref$labelStack = _ref.labelStack,
-      labelStack = _ref$labelStack === void 0 ? 'default' : _ref$labelStack,
-      _ref$labelWeight = _ref.labelWeight,
-      labelWeight = _ref$labelWeight === void 0 ? 'bold' : _ref$labelWeight,
-      _ref$LabelComponent = _ref.LabelComponent,
-      LabelComponent = _ref$LabelComponent === void 0 ? Text : _ref$LabelComponent,
-      leftComponent = _ref.leftComponent,
-      rightComponent = _ref.rightComponent,
-      inputContainerStyle = _ref.inputContainerStyle,
-      disabled = _ref.disabled,
-      focused = _ref.focused,
-      variant = _ref.variant,
-      children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var _defaultLabelColor = labelColorVariant;
-  if (variant === 'error') _defaultLabelColor = 'error';
-  if (variant === 'success') _defaultLabelColor = 'success';
-
-  var _labelColorVariant = disabled ? 'secondary' : _defaultLabelColor;
-
-  var _labelColorTone = disabled ? 'light' : labelColorTone;
-
-  return React.createElement(StyledInputContainer, _extends({}, rest, {
+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 InputContainer = (_a) => {
+  var _b = _a, {
+    label,
+    labelColor = "medium",
+    labelColorTone,
+    labelColorVariant,
+    labelTypography = "label",
+    labelStack = "default",
+    labelWeight = "bold",
+    LabelComponent = Text,
+    leftComponent,
+    rightComponent,
+    inputContainerStyle,
+    disabled,
+    focused,
+    variant,
+    children
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "labelColor",
+    "labelColorTone",
+    "labelColorVariant",
+    "labelTypography",
+    "labelStack",
+    "labelWeight",
+    "LabelComponent",
+    "leftComponent",
+    "rightComponent",
+    "inputContainerStyle",
+    "disabled",
+    "focused",
+    "variant",
+    "children"
+  ]);
+  let _defaultLabelColor = labelColorVariant;
+  if (variant === "error")
+    _defaultLabelColor = "error";
+  if (variant === "success")
+    _defaultLabelColor = "success";
+  const _labelColorVariant = disabled ? "secondary" : _defaultLabelColor;
+  const _labelColorTone = disabled ? "light" : labelColorTone;
+  return /* @__PURE__ */ React__default.createElement(StyledInputContainer, __spreadProps(__spreadValues({}, rest), {
     style: inputContainerStyle,
-    focused: focused,
-    disabled: disabled
-  }), React.createElement(StyledBorderKeeper, {
-    focused: focused,
-    disabled: disabled,
+    focused,
+    disabled
+  }), /* @__PURE__ */ React__default.createElement(StyledBorderKeeper, {
+    focused,
+    disabled,
     borderColor: _defaultLabelColor
-  }), leftComponent && React.createElement(StyledIconContent, null, leftComponent), React.createElement(StyledLabelContainer, {
-    leftComponent: leftComponent,
-    rightComponent: rightComponent
-  }, label && React.createElement(LabelComponent, {
+  }), leftComponent && /* @__PURE__ */ React__default.createElement(StyledIconContent, null, leftComponent), /* @__PURE__ */ React__default.createElement(StyledLabelContainer, {
+    leftComponent,
+    rightComponent
+  }, label && /* @__PURE__ */ React__default.createElement(LabelComponent, {
     fontColor: labelColor,
     colorTone: _labelColorTone,
     colorVariant: _labelColorVariant,
     typography: labelTypography,
     fontWeight: labelWeight,
     fontStack: labelStack
-  }, label), children), rightComponent && React.createElement(StyledIconContent, null, rightComponent));
+  }, label), children), rightComponent && /* @__PURE__ */ React__default.createElement(StyledIconContent, null, rightComponent));
 };
 
-export default InputContainer;
-//# sourceMappingURL=InputContainer.js.map
+export { InputContainer as default };
+//# sourceMappingURL=InputContainer.js.map

package/esm/components/atoms/Input/InputContainer/InputContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputContainer.js","names":["React","Text","StyledBorderKeeper","StyledIconContent","StyledInputContainer","StyledLabelContainer","InputContainer","label","labelColor","labelColorTone","labelColorVariant","labelTypography","labelStack","labelWeight","LabelComponent","leftComponent","rightComponent","inputContainerStyle","disabled","focused","variant","children","rest","_defaultLabelColor","_labelColorVariant","_labelColorTone"],"sources":["../../../../../src/components/atoms/Input/InputContainer/InputContainer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { InputElementProps } from '..';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  FontStackType,\n  FontWeightType,\n  TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { Text, TextProps } from '../../Text';\nimport {\n  StyledBorderKeeper,\n  StyledIconContent,\n  StyledInputContainer,\n  StyledLabelContainer,\n} from '../styled';\n\nexport type InputVariantType = 'default' | 'error' | 'success';\n\nexport interface InputContainerProps {\n  label?: string;\n  labelColor?: FontColorType;\n  labelColorVariant?: ColorType;\n  labelColorTone?: ColorGradationType;\n  labelTypography?: TypographyVariationType;\n  labelStack?: FontStackType;\n  LabelComponent?: FC<TextProps>;\n  labelWeight?: FontWeightType;\n  leftComponent?: JSX.Element;\n  rightComponent?: JSX.Element;\n  borderColor?: ColorType;\n  borderColorGradation?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  inputContainerStyle?: StyleProp<ViewStyle>;\n  focused?: boolean;\n  disabled?: boolean;\n  variant?: InputVariantType;\n  hint?: string;\n  hintComponent?: JSX.Element;\n}\n\nconst InputContainer: FC<InputContainerProps & Partial<InputElementProps>> = ({\n  label,\n  labelColor = 'medium',\n  labelColorTone,\n  labelColorVariant,\n  labelTypography = 'label',\n  labelStack = 'default',\n  labelWeight = 'bold',\n  LabelComponent = Text,\n  leftComponent,\n  rightComponent,\n  inputContainerStyle,\n  disabled,\n  focused,\n  variant,\n  children,\n  ...rest\n}): JSX.Element => {\n  let _defaultLabelColor = labelColorVariant;\n  if (variant === 'error') _defaultLabelColor = 'error';\n  if (variant === 'success') _defaultLabelColor = 'success';\n  const _labelColorVariant = disabled ? 'secondary' : _defaultLabelColor;\n  const _labelColorTone = disabled ? 'light' : labelColorTone;\n\n  return (\n    <StyledInputContainer\n      {...rest}\n      style={inputContainerStyle}\n      focused={focused}\n      disabled={disabled}\n    >\n      <StyledBorderKeeper\n        focused={focused}\n        disabled={disabled}\n        borderColor={_defaultLabelColor}\n      />\n\n      {leftComponent && <StyledIconContent>{leftComponent}</StyledIconContent>}\n\n      <StyledLabelContainer\n        leftComponent={leftComponent}\n        rightComponent={rightComponent}\n      >\n        {label && (\n          <LabelComponent\n            fontColor={labelColor}\n            colorTone={_labelColorTone}\n            colorVariant={_labelColorVariant}\n            typography={labelTypography}\n            fontWeight={labelWeight}\n            fontStack={labelStack}\n          >\n            {label}\n          </LabelComponent>\n        )}\n        {children}\n      </StyledLabelContainer>\n\n      {rightComponent && (\n        <StyledIconContent>{rightComponent}</StyledIconContent>\n      )}\n    </StyledInputContainer>\n  );\n};\n\nexport default InputContainer;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAA0B,OAA1B;AAWA,SAASC,IAAT,QAAgC,YAAhC;AACA,SACEC,kBADF,EAEEC,iBAFF,EAGEC,oBAHF,EAIEC,oBAJF,QAKO,WALP;;AA+BA,IAAMC,cAAoE,GAAG,SAAvEA,cAAuE,OAiB1D;EAAA,IAhBjBC,KAgBiB,QAhBjBA,KAgBiB;EAAA,2BAfjBC,UAeiB;EAAA,IAfjBA,UAeiB,gCAfJ,QAeI;EAAA,IAdjBC,cAciB,QAdjBA,cAciB;EAAA,IAbjBC,iBAaiB,QAbjBA,iBAaiB;EAAA,gCAZjBC,eAYiB;EAAA,IAZjBA,eAYiB,qCAZC,OAYD;EAAA,2BAXjBC,UAWiB;EAAA,IAXjBA,UAWiB,gCAXJ,SAWI;EAAA,4BAVjBC,WAUiB;EAAA,IAVjBA,WAUiB,iCAVH,MAUG;EAAA,+BATjBC,cASiB;EAAA,IATjBA,cASiB,oCATAb,IASA;EAAA,IARjBc,aAQiB,QARjBA,aAQiB;EAAA,IAPjBC,cAOiB,QAPjBA,cAOiB;EAAA,IANjBC,mBAMiB,QANjBA,mBAMiB;EAAA,IALjBC,QAKiB,QALjBA,QAKiB;EAAA,IAJjBC,OAIiB,QAJjBA,OAIiB;EAAA,IAHjBC,OAGiB,QAHjBA,OAGiB;EAAA,IAFjBC,QAEiB,QAFjBA,QAEiB;EAAA,IADdC,IACc;;EACjB,IAAIC,kBAAkB,GAAGb,iBAAzB;EACA,IAAIU,OAAO,KAAK,OAAhB,EAAyBG,kBAAkB,GAAG,OAArB;EACzB,IAAIH,OAAO,KAAK,SAAhB,EAA2BG,kBAAkB,GAAG,SAArB;;EAC3B,IAAMC,kBAAkB,GAAGN,QAAQ,GAAG,WAAH,GAAiBK,kBAApD;;EACA,IAAME,eAAe,GAAGP,QAAQ,GAAG,OAAH,GAAaT,cAA7C;;EAEA,OACE,oBAAC,oBAAD,eACMa,IADN;IAEE,KAAK,EAAEL,mBAFT;IAGE,OAAO,EAAEE,OAHX;IAIE,QAAQ,EAAED;EAJZ,IAME,oBAAC,kBAAD;IACE,OAAO,EAAEC,OADX;IAEE,QAAQ,EAAED,QAFZ;IAGE,WAAW,EAAEK;EAHf,EANF,EAYGR,aAAa,IAAI,oBAAC,iBAAD,QAAoBA,aAApB,CAZpB,EAcE,oBAAC,oBAAD;IACE,aAAa,EAAEA,aADjB;IAEE,cAAc,EAAEC;EAFlB,GAIGT,KAAK,IACJ,oBAAC,cAAD;IACE,SAAS,EAAEC,UADb;IAEE,SAAS,EAAEiB,eAFb;IAGE,YAAY,EAAED,kBAHhB;IAIE,UAAU,EAAEb,eAJd;IAKE,UAAU,EAAEE,WALd;IAME,SAAS,EAAED;EANb,GAQGL,KARH,CALJ,EAgBGc,QAhBH,CAdF,EAiCGL,cAAc,IACb,oBAAC,iBAAD,QAAoBA,cAApB,CAlCJ,CADF;AAuCD,CA/DD;;AAiEA,eAAeV,cAAf"}
+{"version":3,"file":"InputContainer.js","sources":["../../../../../src/components/atoms/Input/InputContainer/InputContainer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { InputElementProps } from '..';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  FontStackType,\n  FontWeightType,\n  TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { Text, TextProps } from '../../Text';\nimport {\n  StyledBorderKeeper,\n  StyledIconContent,\n  StyledInputContainer,\n  StyledLabelContainer,\n} from '../styled';\n\nexport type InputVariantType = 'default' | 'error' | 'success';\n\nexport interface InputContainerProps {\n  label?: string;\n  labelColor?: FontColorType;\n  labelColorVariant?: ColorType;\n  labelColorTone?: ColorGradationType;\n  labelTypography?: TypographyVariationType;\n  labelStack?: FontStackType;\n  LabelComponent?: FC<TextProps>;\n  labelWeight?: FontWeightType;\n  leftComponent?: JSX.Element;\n  rightComponent?: JSX.Element;\n  borderColor?: ColorType;\n  borderColorGradation?: ColorGradationType;\n  style?: StyleProp<ViewStyle>;\n  inputContainerStyle?: StyleProp<ViewStyle>;\n  focused?: boolean;\n  disabled?: boolean;\n  variant?: InputVariantType;\n  hint?: string;\n  hintComponent?: JSX.Element;\n}\n\nconst InputContainer: FC<InputContainerProps & Partial<InputElementProps>> = ({\n  label,\n  labelColor = 'medium',\n  labelColorTone,\n  labelColorVariant,\n  labelTypography = 'label',\n  labelStack = 'default',\n  labelWeight = 'bold',\n  LabelComponent = Text,\n  leftComponent,\n  rightComponent,\n  inputContainerStyle,\n  disabled,\n  focused,\n  variant,\n  children,\n  ...rest\n}): JSX.Element => {\n  let _defaultLabelColor = labelColorVariant;\n  if (variant === 'error') _defaultLabelColor = 'error';\n  if (variant === 'success') _defaultLabelColor = 'success';\n  const _labelColorVariant = disabled ? 'secondary' : _defaultLabelColor;\n  const _labelColorTone = disabled ? 'light' : labelColorTone;\n\n  return (\n    <StyledInputContainer\n      {...rest}\n      style={inputContainerStyle}\n      focused={focused}\n      disabled={disabled}\n    >\n      <StyledBorderKeeper\n        focused={focused}\n        disabled={disabled}\n        borderColor={_defaultLabelColor}\n      />\n\n      {leftComponent && <StyledIconContent>{leftComponent}</StyledIconContent>}\n\n      <StyledLabelContainer\n        leftComponent={leftComponent}\n        rightComponent={rightComponent}\n      >\n        {label && (\n          <LabelComponent\n            fontColor={labelColor}\n            colorTone={_labelColorTone}\n            colorVariant={_labelColorVariant}\n            typography={labelTypography}\n            fontWeight={labelWeight}\n            fontStack={labelStack}\n          >\n            {label}\n          </LabelComponent>\n        )}\n        {children}\n      </StyledLabelContainer>\n\n      {rightComponent && (\n        <StyledIconContent>{rightComponent}</StyledIconContent>\n      )}\n    </StyledInputContainer>\n  );\n};\n\nexport default InputContainer;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CM,MAAA,cAAA,GAAuE,CAAC,EAiB3D,KAAA;AAjB2D,EAC5E,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,UAAa,GAAA,QAAA;AAAA,IACb,cAAA;AAAA,IACA,iBAAA;AAAA,IACA,eAAkB,GAAA,OAAA;AAAA,IAClB,UAAa,GAAA,SAAA;AAAA,IACb,WAAc,GAAA,MAAA;AAAA,IACd,cAAiB,GAAA,IAAA;AAAA,IACjB,aAAA;AAAA,IACA,cAAA;AAAA,IACA,mBAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,GA1DF,GA2C8E,EAgBzE,EAAA,IAAA,GAAA,SAAA,CAhByE,EAgBzE,EAAA;AAAA,IAfH,OAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,mBAAA;AAAA,IACA,iBAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,gBAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,qBAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,IAAI,kBAAqB,GAAA,iBAAA,CAAA;AACzB,EAAA,IAAI,OAAY,KAAA,OAAA;AAAS,IAAqB,kBAAA,GAAA,OAAA,CAAA;AAC9C,EAAA,IAAI,OAAY,KAAA,SAAA;AAAW,IAAqB,kBAAA,GAAA,SAAA,CAAA;AAChD,EAAM,MAAA,kBAAA,GAAqB,WAAW,WAAc,GAAA,kBAAA,CAAA;AACpD,EAAM,MAAA,eAAA,GAAkB,WAAW,OAAU,GAAA,cAAA,CAAA;AAE7C,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,uDACK,IADL,CAAA,EAAA;AAAA,IAEC,KAAO,EAAA,mBAAA;AAAA,IACP,OAAA;AAAA,IACA,QAAA;AAAA,GAAA,CAAA,kBAECA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AAAA,IACC,OAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAa,EAAA,kBAAA;AAAA,GACf,GAEC,aAAiB,oBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAmB,EAAA,IAAA,EAAA,aAAc,mBAEnDA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA;AAAA,IACC,aAAA;AAAA,IACA,cAAA;AAAA,GAAA,EAEC,yBACEA,cAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,SAAW,EAAA,UAAA;AAAA,IACX,SAAW,EAAA,eAAA;AAAA,IACX,YAAc,EAAA,kBAAA;AAAA,IACd,UAAY,EAAA,eAAA;AAAA,IACZ,UAAY,EAAA,WAAA;AAAA,IACZ,SAAW,EAAA,UAAA;AAAA,GAEV,EAAA,KACH,GAED,QACH,CAAA,EAEC,kCACEA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAA,EAAmB,cAAe,CAEvC,CAAA,CAAA;AAEJ;;;;"}

package/esm/components/atoms/Input/InputElement/InputElement.js

@@ -1,37 +1,67 @@
-var _excluded = ["onChange", "placeholder", "value", "disabled", "placeholderTextColor"];
-
-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); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import { useTheme } from '@emotion/react';
-import React from 'react';
-import { StyledInputElement } from '../styled';
-var InputElement = React.forwardRef(function (_ref, ref) {
-  var onChange = _ref.onChange,
-      placeholder = _ref.placeholder,
-      value = _ref.value,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      placeholderTextColor = _ref.placeholderTextColor,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var theme = useTheme();
+import React__default from 'react';
+import { StyledInputElement } from '../styled.js';
 
-  var _placeholderColor = placeholderTextColor || theme.font.color.dark;
+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 InputElement = React__default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      onChange,
+      placeholder,
+      value,
+      disabled = false,
+      placeholderTextColor
+    } = _b, rest = __objRest(_b, [
+      "onChange",
+      "placeholder",
+      "value",
+      "disabled",
+      "placeholderTextColor"
+    ]);
+    const theme = useTheme();
+    const _placeholderColor = placeholderTextColor || theme.font.color.dark;
+    return /* @__PURE__ */ React__default.createElement(StyledInputElement, __spreadProps(__spreadValues({}, rest), {
+      ref,
+      onChangeText: onChange,
+      value,
+      placeholder,
+      placeholderTextColor: _placeholderColor,
+      disabled,
+      editable: !disabled
+    }));
+  }
+);
+InputElement.displayName = "InputElement";
 
-  return React.createElement(StyledInputElement, _extends({}, rest, {
-    ref: ref,
-    onChangeText: onChange,
-    value: value,
-    placeholder: placeholder,
-    placeholderTextColor: _placeholderColor,
-    disabled: disabled,
-    editable: !disabled
-  }));
-});
-InputElement.displayName = 'InputElement';
-export default InputElement;
-//# sourceMappingURL=InputElement.js.map
+export { InputElement as default };
+//# sourceMappingURL=InputElement.js.map

package/esm/components/atoms/Input/InputElement/InputElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputElement.js","names":["useTheme","React","StyledInputElement","InputElement","forwardRef","ref","onChange","placeholder","value","disabled","placeholderTextColor","rest","theme","_placeholderColor","font","color","dark","displayName"],"sources":["../../../../../src/components/atoms/Input/InputElement/InputElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\n\nexport interface InputElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nconst InputElement = React.forwardRef<TextInput, InputElementProps>(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChange}\n        value={value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputElement.displayName = 'InputElement';\n\nexport default InputElement;\n"],"mappings":";;;;;;;;AAAA,SAASA,QAAT,QAAyB,gBAAzB;AAEA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AAaA,IAAMC,YAAY,GAAGF,KAAK,CAACG,UAAN,CACnB,gBASEC,GATF,EAUkB;EAAA,IARdC,QAQc,QARdA,QAQc;EAAA,IAPdC,WAOc,QAPdA,WAOc;EAAA,IANdC,KAMc,QANdA,KAMc;EAAA,yBALdC,QAKc;EAAA,IALdA,QAKc,8BALH,KAKG;EAAA,IAJdC,oBAIc,QAJdA,oBAIc;EAAA,IAHXC,IAGW;;EAChB,IAAMC,KAAK,GAAGZ,QAAQ,EAAtB;;EACA,IAAMa,iBAAiB,GAAGH,oBAAoB,IAAIE,KAAK,CAACE,IAAN,CAAWC,KAAX,CAAiBC,IAAnE;;EAEA,OACE,oBAAC,kBAAD,eACML,IADN;IAEE,GAAG,EAAEN,GAFP;IAGE,YAAY,EAAEC,QAHhB;IAIE,KAAK,EAAEE,KAJT;IAKE,WAAW,EAAED,WALf;IAME,oBAAoB,EAAEM,iBANxB;IAOE,QAAQ,EAAEJ,QAPZ;IAQE,QAAQ,EAAE,CAACA;EARb,GADF;AAYD,CA3BkB,CAArB;AA8BAN,YAAY,CAACc,WAAb,GAA2B,cAA3B;AAEA,eAAed,YAAf"}
+{"version":3,"file":"InputElement.js","sources":["../../../../../src/components/atoms/Input/InputElement/InputElement.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport { ThemeProp } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, TextInputProps, TextStyle } from 'react-native';\nimport { StyledInputElement } from '../styled';\n\nexport interface InputElementProps\n  extends Omit<TextInputProps, 'onChange' | 'value' | 'ref'> {\n  style?: StyleProp<TextStyle>;\n  value?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  onChange?: (value: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\nconst InputElement = React.forwardRef<TextInput, InputElementProps>(\n  (\n    {\n      onChange,\n      placeholder,\n      value,\n      disabled = false,\n      placeholderTextColor,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const theme = useTheme() as ThemeProp;\n    const _placeholderColor = placeholderTextColor || theme.font.color.dark;\n\n    return (\n      <StyledInputElement\n        {...rest}\n        ref={ref}\n        onChangeText={onChange}\n        value={value}\n        placeholder={placeholder}\n        placeholderTextColor={_placeholderColor}\n        disabled={disabled}\n        editable={!disabled}\n      />\n    );\n  }\n);\n\nInputElement.displayName = 'InputElement';\n\nexport default InputElement;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,eAAeA,cAAM,CAAA,UAAA;AAAA,EACzB,CACE,IAQA,GACgB,KAAA;AAThB,IACE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,MAAA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAW,GAAA,KAAA;AAAA,MACX,oBAAA;AAAA,KAxBN,GAmBI,EAMK,EAAA,IAAA,GAAA,SAAA,CANL,EAMK,EAAA;AAAA,MALH,UAAA;AAAA,MACA,aAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,sBAAA;AAAA,KAAA,CAAA,CAAA;AAKF,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,iBAAoB,GAAA,oBAAA,IAAwB,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,IAAA,CAAA;AAEnE,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,qDACK,IADL,CAAA,EAAA;AAAA,MAEC,GAAA;AAAA,MACA,YAAc,EAAA,QAAA;AAAA,MACd,KAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAsB,EAAA,iBAAA;AAAA,MACtB,QAAA;AAAA,MACA,UAAU,CAAC,QAAA;AAAA,KACb,CAAA,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,YAAA,CAAa,WAAc,GAAA,cAAA;;;;"}